:root{--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}
.primary,.secondary-button,.load-more,.category,.favorite,.quick-view,.slide-buttons button,.closing a{transition:transform 160ms var(--ease-out),background-color 180ms ease,color 180ms ease,box-shadow 200ms ease}.primary:active,.secondary-button:active,.load-more:active,.category:active,.favorite:active,.quick-view:active,.slide-buttons button:active,.closing a:active{transform:scale(.97)}.primary>span,.closing a{transition:transform 200ms var(--ease-out)}.category-thumb img{transition:transform 250ms var(--ease-out)}.product-image img{transition:transform 650ms var(--ease-out)}.product-image{transition:box-shadow 250ms ease}.quick-view{transition:opacity 180ms ease,transform 200ms var(--ease-out),background-color 180ms ease}.variant-option,.gallery-mode button{transition:background-color 180ms ease,border-color 180ms ease}.swatch{transition:transform 160ms var(--ease-out)}.search{transition:background-color 180ms ease,box-shadow 180ms ease}.search:focus-within{background:#fdfef8;box-shadow:0 0 0 2px #9cae86}.product-info a{background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size 220ms var(--ease-out)}.canvas-group{transition:none}dialog::backdrop{transition:opacity 250ms var(--ease-out)}#toast{transition:opacity 220ms ease,transform 220ms var(--ease-out)}
@starting-style{dialog[open]::backdrop{opacity:0}}
@media(hover:hover) and (pointer:fine){.primary:hover>span{transform:translate(2px,-2px)}.category:hover .category-thumb img{transform:scale(1.07)}.product-image:hover{box-shadow:0 12px 25px -15px #303b2d70}.product-image:hover img{transform:scale(1.035)}.product-info a:hover{background-size:100% 1px;text-decoration:none}.closing a:hover{transform:translate(3px,-3px)}.favorite:hover{transform:scale(1.07)}.load-more:hover{transform:translateY(-2px)}}
@media(hover:none){.category:hover,.primary:hover,.load-more:hover,.favorite:hover,.closing a:hover{transform:none}.product-image:hover img{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary,.secondary-button,.load-more,.category,.favorite,.quick-view,.slide-buttons button,.closing a,.primary>span,.category-thumb img,.product-image img,.product-image,.swatch,.product-info a{transition:none!important;transform:none!important}dialog::backdrop{transition:none}}