/* Short, non-blocking responses. Nothing is hidden while waiting for JavaScript. */
:root{--marlene-ease:cubic-bezier(.22,.61,.36,1)}
.primary-button,.outline-button,.gold-button,.text-link,.size-options button,.product-thumbnails button,header button{transition:transform 160ms var(--marlene-ease),background-color 200ms ease,border-color 200ms ease,color 200ms ease,box-shadow 200ms ease}
button:not(:disabled):active,.primary-button:active,.outline-button:active,.gold-button:active{transform:scale(.98)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #d8c099;outline-offset:4px}
.product-thumbnails button[aria-pressed="true"],.size-options button[aria-pressed="true"]{box-shadow:inset 0 -2px 0 #d8c099}
@media(hover:hover) and (pointer:fine){
 .primary-button:not(:disabled):hover,.outline-button:hover,.gold-button:hover{transform:translateY(-2px);box-shadow:0 5px 18px #0002}
 .product-image img{transition:transform 600ms var(--marlene-ease),opacity 300ms ease}
 .product-image:hover img{transform:scale(1.025)}
 .text-link:hover{color:#d8c099}
}
#panel[open]{animation:marlene-panel-in 260ms var(--marlene-ease) both}
#panel[open]::backdrop{animation:marlene-backdrop-in 220ms ease both}
details[open]>p,details[open]>.text-link{animation:marlene-detail-in 180ms ease both}
.bag-confirmed{animation:marlene-bag-confirm 360ms var(--marlene-ease)}
@keyframes marlene-panel-in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
@keyframes marlene-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes marlene-detail-in{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@keyframes marlene-bag-confirm{0%,100%{transform:scale(1)}45%{transform:scale(1.12);color:#d8c099}}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 button:not(:disabled):active,.primary-button:hover,.outline-button:hover,.gold-button:hover,.product-image:hover img{transform:none!important}
}