.service-selector{margin-bottom:1.5rem;position:relative;z-index:1}.service-options{display:flex;flex-direction:row;gap:.5rem;flex-wrap:wrap}.service-option{position:relative;display:flex;align-items:center;justify-content:space-between;padding:.5rem .875rem;background:#f8f8f8;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;min-height:40px;flex:1 1 0;min-width:0}.service-option:hover{background:#f0f0f0;border-color:#e0e0e0}.service-option:not(.has-valid-service):hover{background:#f8f8f8;border-color:transparent;cursor:not-allowed}.service-option.is-selected{background:#fff;border-color:#111;box-shadow:0 2px 8px #0000001a}.service-option-content{flex:1;display:flex;flex-direction:column;gap:.125rem}.service-option .service-name{font-weight:600;font-size:.9rem;color:#111;line-height:1.2}.service-option .service-price{font-size:.8rem;color:#666;font-weight:500}.service-option-indicator{width:18px;height:18px;border:2px solid #ccc;border-radius:50%;background:#fff;position:relative;flex-shrink:0;margin-left:.75rem;transition:all .2s ease}.service-option.is-selected .service-option-indicator{border-color:#111;background:#111}.service-option.is-selected .service-option-indicator:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:7px;height:7px;background:#fff;border-radius:50%}@media(max-width:768px){.service-options{flex-direction:column;gap:.75rem}.service-option{padding:1.25rem;min-height:64px;min-width:auto}.service-option .service-name{font-size:.95rem}.service-option .service-price{font-size:.85rem}.service-option-indicator{width:18px;height:18px}.service-option.is-selected .service-option-indicator:after{width:7px;height:7px}}.service-option:focus{outline:2px solid #007acc;outline-offset:2px}.service-option:focus:not(:focus-visible){outline:none}.service-option{transform:translateY(0)}.service-option.is-selected{transform:translateY(-1px)}.service-option:not(.is-selected):hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.service-option:not(.has-valid-service){opacity:.6;cursor:not-allowed}.service-option:not(.has-valid-service) .service-name,.service-option:not(.has-valid-service) .service-price{color:#999}
/*# sourceMappingURL=/cdn/shop/t/56/assets/service-selector.css.map */