:root{view-transition-name:none}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--ink);transform:scaleX(0);transform-origin:left;z-index:50;pointer-events:none}#product-grid{view-transition-name:solora-products}.motion-ready .hero-copy,.motion-ready .product-grid.is-changing{animation:none}.motion-ready .hero-image{transform-origin:55% 55%}.bag-dock{position:fixed;right:24px;bottom:24px;z-index:12;display:flex;align-items:center;gap:10px;padding:13px 19px;background:var(--ink);color:var(--paper);border-radius:30px;box-shadow:0 6px 25px #243f4829;opacity:0;transform:translateY(18px);transition:transform .4s var(--ease),opacity .3s}.bag-dock.visible{opacity:1;transform:translateY(0)}.bag-dock svg{width:20px;height:20px}.bag-dock .bag-count{font-size:13px}.bag-dock>span:not(.bag-count){font-size:12px}.flying-object{position:fixed;width:48px;height:48px;object-fit:cover;border-radius:50%;z-index:45;pointer-events:none;box-shadow:0 5px 20px #243f4840}.bag-dialog,.product-dialog,.info-dialog{transition:overlay .2s allow-discrete,display .2s allow-discrete}dialog::backdrop{transition:background .18s}dialog.is-closing::backdrop{background:#18313900}.faq-answer{transform-origin:top}.product-image-button:focus-visible img{transform:scale(1.03)}
::view-transition-group(solora-products){animation-duration:.36s;animation-timing-function:var(--ease)}::view-transition-old(solora-products){animation:objects-out .15s ease-out both}::view-transition-new(solora-products){animation:objects-in .34s var(--ease) both}@keyframes objects-out{to{opacity:0;transform:translateY(-7px)}}@keyframes objects-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
html[data-motion=reduced]{scroll-behavior:auto}html[data-motion=reduced] *,html[data-motion=reduced] *::before,html[data-motion=reduced] *::after{animation:none!important;transition-duration:.08s!important}html[data-motion=reduced] .button:hover,html[data-motion=reduced] .product-image-button:hover img,html[data-motion=reduced] .text-link:hover svg{transform:none}html[data-motion=reduced] .bag-dock{transform:none}html[data-motion=reduced] .flying-object{display:none}
@media(max-width:760px){.bag-dock{right:17px;bottom:17px;padding:11px 16px;min-height:46px}.bag-dock>span:not(.bag-count){font-size:11px}.scroll-progress{height:2px}}
html[data-motion=reduced] *,html[data-motion=reduced] *::before,html[data-motion=reduced] *::after{transition-property:opacity,color,background-color,border-color!important}
html[data-motion=reduced]::view-transition-group(*),html[data-motion=reduced]::view-transition-old(*),html[data-motion=reduced]::view-transition-new(*){animation:none!important}
@media(prefers-reduced-motion:reduce){html:not([data-motion=full]){scroll-behavior:auto}html:not([data-motion=full]) *,html:not([data-motion=full]) *::before,html:not([data-motion=full]) *::after{animation:none!important;transition-duration:.08s!important}}
