.variant-picker-block{width:100%;margin-top:22px}.color-picker-section{margin-bottom:20px}.color-header{display:flex;align-items:center;gap:4px;margin-bottom:8px}.color-label{font-size:16px;font-weight:700;color:#1a1a1a}.color-value{font-size:16px;font-weight:400;color:#1a1a1a}.color-swatches-container{display:flex;align-items:center;justify-content:flex-start}.color-swatches{display:flex;gap:4px}.color-swatch{width:34px;height:34px;border-radius:50%;border:none;padding:2px;background:transparent;cursor:pointer;transition:all .3s ease}.color-swatch.active{border:2px solid #dd2d4a}.color-swatch:disabled{opacity:.5;cursor:not-allowed}.color-circle{width:100%;height:100%;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.color-circle[data-color=beige]{background:beige}.color-circle[data-color=blue]{background:#4a90a4}.color-circle[data-color=gray],.color-circle[data-color=grey]{background:gray}.color-circle[data-color=black]{background:#000}.color-circle[data-color=white]{background:#fff}.color-circle[data-color=brown]{background:#8b4513}.color-circle[data-color=green]{background:#228b22}.color-circle[data-color=red]{background:#dc143c}.color-circle[data-color=pink]{background:pink}.color-circle[data-color=purple]{background:purple}.color-circle[data-color=yellow]{background:gold}.color-circle[data-color=orange]{background:#ff8c00}.color-options-btn{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid #d1d5dd;border-radius:20px;padding:8px 12px;font-size:12px;color:#dd2d4a;cursor:pointer;transition:all .3s ease}.color-options-btn:hover{background:#fff5f5}.variant-controls-section{width:100%}.variant-controls-header{margin-bottom:8px}.controls-label{font-size:16px;font-weight:700;color:#1a1a1a}.variant-controls{display:flex;gap:8px;width:100%;padding-top:42px}.quantity-selector{width:131px;height:44px;display:flex;align-items:center;border:1px solid #d1d5dd;border-radius:8px;background:#fff}.quantity-selector.hidden{display:none}.quantity-btn{width:44px;height:42px;border:none;background:transparent;font-size:20px;font-weight:500;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.quantity-btn:hover{color:#dd2d4a}.quantity-input{flex:1;height:42px;border:none;text-align:center;font-size:16px;font-weight:500;color:#1a1a1a;outline:none}.quantity-input::-webkit-outer-spin-button,.quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-input[type=number]{-moz-appearance:textfield}.variant-selector,.size-selector,.mattress-selector{flex:1 1 auto;position:relative;width:100%;max-width:none;min-width:0;height:44px;box-sizing:border-box}.variant-picker-block,.variant-picker-block *{box-sizing:border-box}.variant-selector.tampur,.size-selector.tampur{height:64px}.custom-select{position:relative;width:100%;height:100%}.select-trigger{width:100%;height:100%;border:1px solid #d1d5dd;border-radius:8px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:#fff;cursor:pointer;transition:border-color .3s ease}.select-trigger:hover,.select-trigger.active{border-color:#dd2d4a}.select-value{font-size:16px;color:#1a1a1a}.select-arrow{transition:transform .3s ease}.select-trigger.active .select-arrow{transform:rotate(180deg)}.select-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5dd;border-radius:8px;margin-top:0;box-shadow:0 4px 12px #0000001a;z-index:100;max-height:200px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.custom-select.open .select-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.select-option{padding:12px 16px;font-size:16px;color:#1a1a1a;cursor:pointer;transition:background-color .3s ease}.select-option:hover{background:#f5f5f5}.select-option.selected{background:#fff5f5;color:#dd2d4a;font-weight:500}.size-select{display:none}@media(max-width:768px){.variant-picker-block{margin-top:24px}.color-swatches-container{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.color-swatches{flex:1}.color-options-btn{flex-shrink:0;font-size:11px;padding:6px 10px}.variant-controls{gap:8px;padding-top:34px}.quantity-selector{width:119px;height:40px;flex-shrink:0}.quantity-btn{width:40px;height:38px;font-size:18px;font-weight:500}.quantity-input{height:38px;font-size:14px}.variant-selector,.size-selector,.mattress-selector{height:40px;flex:1 1 auto;width:auto;max-width:none;min-width:0}.select-trigger{height:40px;padding:0 12px}.select-value{font-size:14px}.variant-controls.variant-controls--has-qty{width:100%}.variant-controls.variant-controls--has-qty .quantity-selector{flex:0 0 119px;width:119px}.variant-controls.variant-controls--has-qty .variant-selector,.variant-controls.variant-controls--has-qty .size-selector,.variant-controls.variant-controls--has-qty .mattress-selector{flex:1 1 auto;min-width:0}.variant-controls.variant-controls--has-qty .custom-select,.variant-controls.variant-controls--has-qty .select-trigger{width:100%}.variant-controls.variant-controls--no-qty .variant-selector,.variant-controls.variant-controls--no-qty .size-selector,.variant-controls.variant-controls--no-qty .mattress-selector{width:100%;max-width:100%}}.variant-selector-label{position:absolute;bottom:calc(100% + 8px);left:0;right:0;display:block;width:100%;text-align:right;font-size:16px;font-weight:500;line-height:1.2;white-space:nowrap;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/73/assets/variant-picker-block.css.map */