.container{-webkit-backdrop-filter:blur(80px)brightness(1.1);box-sizing:border-box;background:linear-gradient(-45deg,#ffffff14 0%,#ffffff40 100%);border:1px solid #fff6;border-radius:24px;flex-direction:column;justify-content:space-between;align-items:center;width:calc(100vw - 40px);height:calc(100dvh - 40px);padding:20px;display:flex;overflow:hidden;box-shadow:0 4px 30px #00000026,inset 0 1px #ffffff80}.container:has(.cart-page){overflow:hidden!important}@media (max-width:767px){.container:has(.cart-page){height:auto!important;min-height:calc(100dvh - 40px)!important;overflow:visible!important}:is(body:has(.cart-page),html:has(.cart-page)){height:auto!important;overflow:visible!important}}.container:has(.conceptZone){-webkit-backdrop-filter:blur(100px)brightness(1.08);background:linear-gradient(-45deg,#ffffff6b 0%,#ffffff94 100%)}.container:has(.conceptZone) .navbar{margin-bottom:40px}.container:has(.conceptZone) .footer{margin-top:40px}:is(.container:has(.checkoutZone),.container:has(.loginZone),.container:has(.mentionsZone),.container:has(.cgvZone),.container:has(.privacyZone),.container:has(.conceptZone)){justify-content:flex-start!important;height:calc(100dvh - 40px)!important;overflow:hidden!important}:is(body:has(.checkoutZone),body:has(.loginZone),body:has(.mentionsZone),body:has(.cgvZone),body:has(.privacyZone),body:has(.conceptZone)),:is(html:has(.checkoutZone),html:has(.loginZone),html:has(.mentionsZone),html:has(.cgvZone),html:has(.privacyZone),html:has(.conceptZone)){height:100vh!important;overflow:hidden!important}@media (max-width:1024px){.container:has(.conceptZone){height:auto!important;min-height:calc(100dvh - 40px)!important;overflow:visible!important}:is(body:has(.conceptZone),html:has(.conceptZone)){height:auto!important;overflow:visible!important}}@media (max-width:767px){:is(.container:has(.cgvZone),.container:has(.mentionsZone),.container:has(.checkoutZone)){height:auto!important;min-height:calc(100dvh - 40px)!important;overflow:visible!important}:is(body:has(.cgvZone),body:has(.mentionsZone),body:has(.checkoutZone),html:has(.cgvZone),html:has(.mentionsZone),html:has(.checkoutZone)){height:auto!important;overflow:visible!important}}.mainZone{box-sizing:border-box;flex-direction:row;flex:1;align-items:center;width:100%;min-height:0;display:flex;overflow:hidden}.imageCol{box-sizing:border-box;flex:1;justify-content:center;align-items:center;padding:0 20px 0 10px;display:flex}.hatImage{object-fit:contain;width:100%;height:auto;max-height:72vh;transition:opacity .15s}.hatSkeleton{aspect-ratio:1;background:#ffffff2e;border-radius:20px;width:80%;max-height:72vh;animation:1.4s ease-in-out infinite hatPulse}@keyframes hatPulse{0%,to{opacity:.4}50%{opacity:.8}}.hatImage.fading{opacity:0}.contentCol{box-sizing:border-box;-webkit-backdrop-filter:blur(60px)brightness(1.08);backdrop-filter:blur(60px)brightness(1.08);background-color:#ffffff7a;border:1px solid #ffffff8c;border-radius:20px;flex-direction:column;flex:none;width:570px;min-height:0;margin:0 40px 0 0;padding:18px 8px 18px 30px;display:flex;overflow:hidden;box-shadow:inset 0 1px #fff9,0 4px 30px #0000001a}.contentScrollInner{scrollbar-width:thin;scrollbar-color:#1b184333 transparent;flex-direction:column;flex:1;gap:6px;min-height:0;padding-right:22px;display:flex;overflow-y:auto}.contentScrollInner::-webkit-scrollbar{width:4px}.contentScrollInner::-webkit-scrollbar-track{background:0 0}.contentScrollInner::-webkit-scrollbar-thumb{background:#1b184333;border-radius:4px}.colorSection{flex-direction:column;gap:10px;display:flex}.colorLabelRow{align-items:baseline;gap:8px;display:flex}.colorLabel{color:#1b1843;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600}.colorName{color:#1b184399;opacity:.7;font-family:DM Sans,sans-serif;font-size:13px;font-weight:400}.swatches{flex-direction:row;align-items:center;gap:12px;padding-left:10px;display:flex}.swatchDot{cursor:pointer;border:1.5px solid #00000014;border-radius:50%;flex-shrink:0;width:18px;height:18px;padding:0;transition:transform .2s,box-shadow .2s}.swatchDot:hover,.swatchDot.active{transform:scale(1.15)}.productName{color:#1b1843;letter-spacing:-.4px;margin:0;font-family:Quicksand,sans-serif;font-size:30px;font-weight:700;line-height:1.15}.productTagline{color:#1b1843b3;margin:0;font-family:DM Sans,sans-serif;font-size:13.5px;font-style:italic;line-height:1.5}.priceRow{align-items:baseline;gap:10px;margin:4px 0 0;display:flex}.priceTag{color:#1b1843;letter-spacing:-.8px;margin:0;font-family:DM Sans,sans-serif;font-size:36px;font-weight:700}.priceOriginal{color:#a8a29e;margin:0;font-family:DM Sans,sans-serif;font-size:22px;font-weight:500;text-decoration:line-through}.productDesc{color:#1b1843cc;margin:0;font-family:DM Sans,sans-serif;font-size:13.5px;line-height:1.65}.productDivider{border:none;border-top:1px solid #0000001a;margin:2px 0}.colorNameInline{color:#1b184399;font-weight:400}.colorStory{color:#1b1843bf;margin:10px 0 0;font-family:DM Sans,sans-serif;font-size:13px;line-height:1.6}.colorStoryName{color:#1b1843;letter-spacing:.3px;font-weight:700}.ctaRow{flex-shrink:0;align-items:stretch;gap:10px;margin-top:20px;display:flex}.quantitySelector{background:#ffffff80;border:1.5px solid #0000001f;border-radius:12px;flex-shrink:0;align-items:center;display:flex;overflow:hidden}.qtyBtn{color:#1b1843;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:46px;font-family:Quicksand,sans-serif;font-size:18px;font-weight:300;transition:background .15s;display:flex}.qtyBtn:hover{background:#0000000f}.qtyValue{color:#1b1843;border-left:1px solid #0000001a;border-right:1px solid #0000001a;justify-content:center;align-items:center;min-width:28px;height:100%;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;display:flex}.commanderBtn{color:#fff;letter-spacing:2.5px;cursor:pointer;background:#1b1843;border:none;border-radius:12px;flex:1;font-family:Quicksand,sans-serif;font-size:12px;font-weight:700;transition:all .2s}.commanderBtn:hover{background:#2d2970;transform:translateY(-1px)}.commanderBtn:active{transform:translateY(0)}.productFeature{color:#1b1843;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;margin:0;padding:2px 0;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;display:flex}.featureToggle{color:#1b1843;font-size:20px;font-weight:400;line-height:1;transition:transform .2s;display:inline-block}.featureToggle.open{transform:rotate(45deg)}.featureList{color:#1b1843d9;flex-direction:column;gap:5px;margin:2px 0 4px;padding:0 0 0 4px;font-family:DM Sans,sans-serif;font-size:13px;list-style:none;display:flex}.featureList li:before{content:"•";color:#1b1843;opacity:.4;margin-right:8px}.lightboxOverlay{z-index:1000;background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightboxContent{border-radius:14px;max-width:88vw;max-height:82vh;display:flex;overflow:hidden}.lightboxContent img{object-fit:contain;border-radius:14px;max-width:88vw;max-height:82vh;display:block}.lightboxClose{color:#fff;cursor:pointer;z-index:1001;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:26px;line-height:1;transition:background .2s;display:flex;position:absolute;top:20px;right:20px}.lightboxClose:hover{background:#ffffff4d}.lightboxPrev,.lightboxNext{cursor:pointer;z-index:1001;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightboxPrev{left:20px}.lightboxNext{right:20px}.lightboxPrev:hover,.lightboxNext:hover{background:#ffffff4d}.lightboxPrev img,.lightboxNext img{filter:brightness(0)invert();width:24px;height:24px}@media (max-width:1024px) and (min-width:768px){.container{border-radius:20px;justify-content:flex-start;width:calc(100vw - 32px);height:auto;padding:30px;overflow:hidden}.mainZone{min-height:unset;flex-direction:column;flex:none;align-items:center;gap:28px;overflow:visible}.imageCol{flex:none;justify-content:center;width:100%;height:auto;padding:12px 0}.hatImage{object-fit:contain;width:100%;max-height:65vw}.hatSkeleton{width:70%;max-height:65vw}.contentCol{width:100%;height:auto;margin:0 0 32px;padding:28px 32px;display:block;overflow:visible}.contentScrollInner{height:auto;padding-right:0;display:block;overflow:visible}.productName{margin-bottom:10px;font-size:36px}.productTagline{margin-bottom:10px}.priceRow{margin-bottom:14px}.priceTag{font-size:24px}.productDesc{margin:10px 0;font-size:14px;line-height:1.65}.productDivider{margin:12px 0}.productFeature{margin-bottom:10px;font-size:16px}.colorLabel{font-size:14px}.ctaRow{margin-top:24px}.qtyBtn{width:48px;height:52px}.commanderBtn{font-size:14px}}@media (max-width:767px){.container{border-radius:18px;justify-content:flex-start;width:100%;height:auto;min-height:calc(100dvh - 40px);padding:20px;overflow:hidden}.mainZone{min-height:unset;flex-direction:column;flex:none;align-items:center;gap:12px;overflow:visible}.imageCol{flex:none;justify-content:center;width:100%;height:auto;padding:8px 0}.hatImage{object-fit:contain;width:100%;max-height:min(80vw,500px)}.hatSkeleton{width:70%;max-height:min(80vw,500px)}.contentCol{width:100%;height:auto;margin:0 0 8px;padding:16px;display:block;overflow:visible}.contentScrollInner{height:auto;padding-right:0;display:block;overflow:visible}.commanderBtn{letter-spacing:1.5px;font-size:12px}.productName{margin-bottom:6px;font-size:24px}.productTagline{margin-bottom:10px;font-size:12px}.priceRow{margin-bottom:14px}.priceTag{font-size:20px}.productDivider{margin:10px 0}.productFeature{margin-bottom:4px;font-size:14px}.productDesc{margin:6px 0 4px;font-size:12px;line-height:1.5}.swatches{margin:8px 0 4px}.colorStory{margin:8px 0 4px;font-size:12px}.featureList{margin:8px 0 4px}.ctaRow{margin-top:20px}.commanderBtn{font-size:12px}}