:root{--space-2xs:clamp(2px,0.25vw,4px);--space-xs:clamp(4px,0.4vw,8px);--space-sm:clamp(6px,0.55vw,12px);--space-md:clamp(10px,0.9vw,20px);--space-lg:clamp(14px,1.2vw,28px);--space-xl:clamp(20px,1.8vw,40px);--space-2xl:clamp(32px,2.6vw,64px);--fs-xs:clamp(10px,0.7vw,12px);--fs-sm:clamp(12px,0.85vw,14px);--fs-base:clamp(14px,0.95vw,16px);--fs-lg:clamp(16px,1.1vw,20px);--fs-xl:clamp(20px,1.5vw,28px);--fs-2xl:clamp(26px,2.1vw,40px);--layout-max-width:1728px;--layout-gutter-inline:clamp(16px,3.5vw,64px);--header-min-h:clamp(56px,8vw,96px);--submenu-min-h:clamp(200px,24vh,320px);--ease-standard:cubic-bezier(.4,0,.2,1)}.container-fluid{width:100%;max-width:min(var(--layout-max-width),100% - 2*var(--layout-gutter-inline));margin-inline:auto;padding-inline:var(--layout-gutter-inline)}.fluid-type-base{font-size:var(--fs-base)}.fluid-type-sm{font-size:var(--fs-sm)}.fluid-type-lg{font-size:var(--fs-lg)}.scrollbar-thin{scrollbar-width:thin}.scrollbar-thin::-webkit-scrollbar{height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.scrollbar-thin:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.35)}.vinyl-record{position:absolute;top:50%;right:-50%;width:55%;height:55%;transform:translateY(-50%);transition:right .5s ease;z-index:20;filter:drop-shadow(-15px 0 25px rgba(255,255,255,.5))}.vinyl-disk{width:100%;height:100%;border-radius:50%;background:linear-gradient(45deg,#1a1a1a,#333 25%,#1a1a1a 50%,#333 75%,#1a1a1a);position:relative;animation:vinyl-rotate 3s linear infinite paused;box-shadow:0 0 25px rgba(255,255,255,.4),inset 0 0 35px rgba(0,0,0,.6)}.vinyl-disk:before{content:"";top:2px;left:2px;right:2px;bottom:2px;background:repeating-conic-gradient(from 0deg,#2a2a2a 0deg 2deg,#1a1a1a 2deg 4deg);opacity:.8}.vinyl-center,.vinyl-disk:before{position:absolute;border-radius:50%}.vinyl-center{width:25%;height:25%;background:white;border:2px solid #333;box-shadow:0 0 15px rgba(255,255,255,.3),inset 0 0 10px rgba(0,0,0,.4)}.vinyl-center,.vinyl-center:after{top:50%;left:50%;transform:translate(-50%,-50%)}.vinyl-center:after{content:"";position:absolute;width:35%;height:35%;border-radius:50%;background:transparent;border:1px solid rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.5),inset 0 0 3px rgba(0,0,0,.3)}@keyframes vinyl-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.group:hover .vinyl-record{right:0}.group:hover .vinyl-disk{animation-play-state:running}.group:hover .vinyl-record:after{content:"";position:absolute;top:-15px;left:-15px;right:15px;bottom:15px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.5) 0,rgba(255,255,255,.3) 40%,transparent 70%);z-index:-1;filter:blur(12px)}.group:hover .vinyl-disk{box-shadow:0 0 35px rgba(255,255,255,.6),inset 0 0 35px rgba(0,0,0,.6)}.group:hover .vinyl-center{box-shadow:0 0 20px rgba(255,255,255,.5),inset 0 0 10px rgba(0,0,0,.4)}.group:hover .product-thumbnail{box-shadow:-15px 0 30px rgba(255,255,255,.4),0 0 40px rgba(255,255,255,.2)}.group:hover .product-thumbnail:after{content:"";position:absolute;top:0;right:0;width:40%;height:100%;background:linear-gradient(270deg,rgba(255,255,255,.3) 0,rgba(255,255,255,.1) 50%,transparent);pointer-events:none}