.product-hero .variations{margin:32px 0;}.product-hero .variation{width:100%;margin-bottom:0.875rem;}.product-hero .variation .name{display:block;font-size:1.0625rem;margin-bottom:0.5rem;font-weight:500;}.product-hero .variation .radio-group{display:flex;flex-wrap:wrap;gap:0.5rem;}.product-hero .variation .item{position:relative;cursor:pointer;min-width:36px;height:36px;}.product-hero .variation .item.disabled{cursor:default;}.product-hero .variation .item.texture,.product-hero .variation .item.color{max-width:36px;}.product-hero .variation .item input{position:absolute;opacity:0;cursor:pointer;pointer-events:none;}.product-hero .variation .item label{width:100%;height:100%;cursor:pointer;position:relative;border:2px solid transparent;transition:all 0.2s ease;margin-bottom:0;display:flex;align-items:center;justify-content:center;}.product-hero .variation .item.disabled label{cursor:default;pointer-events:none;}.product-hero .variation .item.text label{border:2px solid #CCC;}.product-hero .variation .item input:checked+label{border-color:white;box-shadow:0 0 0 3px #888;}.product-hero .variation .item.text input:checked+label{border-width:0;}.product-hero .variation .item label>*{display:none;width:100%;height:100%;object-fit:cover;}.product-hero .variation .item.texture label .texture-image,.product-hero .variation .item.color label .color-div{display:block;}.product-hero .variation .item.text label .text-div{display:flex;align-items:center;justify-content:center;font-size:0.875rem;font-weight:500;padding:0 0.4375rem;}.product-hero .variation .item .tooltip-text{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);font-size:1rem;font-weight:500;background-color:white;box-shadow:0 2px 8px rgba(0,0,0,0.1);padding:5px 10px;opacity:0;transition:opacity 0.2s ease;pointer-events:none;letter-spacing:0.02em;z-index:10;white-space:nowrap;}.product-hero .variation .item:hover .tooltip-text{opacity:1;}.product-hero .to-basket{display:flex;width:fit-content;}@media (max-width:767px){.product-hero .variation{text-align:center;}.product-hero .variation .radio-group{justify-content:center;}.product-hero .variation .item{min-width:32px;height:32px;}.product-hero .variation .item.texture,.product-hero .variation .item.color{max-width:32px;}.product-hero .price{text-align:center;margin-top:0.25rem;}.product-hero .to-basket{margin:0 auto;}}@media (min-width:768px) and (max-width:1023px){.product-hero .container{gap:40px;}.product-hero h1{font-size:1.75rem;}.to-basket .quantity{padding:0 0.75rem;}.to-basket .quantity input{width:2.5rem;}}