/* motion.css — host shop (domain A) motion layer, 2026-10-12 (ADR 0065 Amend (3)).
   Loaded after styles.css / renewal.css / mk/motion-kit.css.
   styles.css resets every button with `button{all:unset}` (intentional host pollution),
   which also wipes transitions — so host controls declare their own here. */
.site-header{transition:box-shadow var(--dur-3) var(--ease-out)}
.site-header.is-scrolled{box-shadow:0 8px 28px rgba(17,28,42,.08)}
.header-icons{display:flex;align-items:center}
.header-icons .hi{display:inline-grid;place-items:center;width:22px;height:22px;color:#151a21}
.header-icons .hi svg{display:block;width:20px!important;height:20px!important}
.scroll-prog{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#326bec;transform-origin:0 50%;transform:scaleX(0);pointer-events:none}

.size{transition:background-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),transform var(--dur-1) var(--ease-out)}
.size:active{transform:scale(.9)}
.btn{transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-1) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}
.btn:hover{box-shadow:0 10px 24px rgba(23,38,60,.14)}
.btn:active{transform:scale(.97)}

.main-photo.px-on .editorial-product{scale:1.08}
.mk-toasts{bottom:max(24px,env(safe-area-inset-bottom))}
@media(max-width:600px){.mk-toasts{bottom:88px}}

/* floor — every motion off in reduced motion and capture-mode (kit CSS covers the rest) */
@media (prefers-reduced-motion:reduce){.main-photo .editorial-product{scale:none!important;translate:none!important}.scroll-prog{display:none}}
body.capture-mode .main-photo .editorial-product{scale:none!important;translate:none!important}
body.capture-mode .scroll-prog{display:none}