/* Motion confirms an action without moving its target. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1);--motion-quick:160ms;--motion-panel:240ms}
body{isolation:isolate}
.hex-field{position:absolute;inset:52px 0 auto;height:660px;z-index:-1;pointer-events:none;background:url('hex-mesh.svg') right top/108px 62.35px;opacity:.08;mask-image:linear-gradient(120deg,transparent 20%,#000 100%);-webkit-mask-image:linear-gradient(120deg,transparent 20%,#000 100%)}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.btn,.icon-btn,.add,.chip,.more,.qty button{transition:color 160ms ease,background-color 160ms ease,border-color 160ms ease}
.btn:active,.icon-btn:active,.add:active,.cat:hover,.cat:active,.card:hover{transform:none}
.cart-btn.bump{animation:none}
.rv,.rv.in{opacity:1;transform:none;transition:none}
.card.enter{animation:catalog-in 180ms ease-out both}
@keyframes catalog-in{from{opacity:.7}to{opacity:1}}
.sheet{transition:transform 280ms var(--motion-ease)}
.scrim{transition:opacity 200ms ease}
.toast{transition:opacity 180ms ease,transform 220ms var(--motion-ease)}
.hex-feedback{position:fixed;z-index:120;overflow:hidden;pointer-events:none;contain:strict;color:#573010}
.hex-feedback svg{width:100%;height:100%}
.hex-feedback polygon{fill:currentColor;fill-opacity:.15;stroke:currentColor;stroke-width:1;opacity:0}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .hex-feedback{display:none}
}