@media (max-width:999px) {
  .kpt-mobile-sheet { --kms-ease:cubic-bezier(.32,.72,0,1); position:fixed; inset:0; z-index:100; visibility:hidden; pointer-events:none; transition:visibility 0s .46s; color:#171b1c; }
  .kpt-mobile-sheet.kms-open { visibility:visible; pointer-events:auto; transition-delay:0s; }
  .kpt-mobile-sheet .kms-backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; padding:0; background:rgba(0,0,0,.42); opacity:0; transition:opacity .4s var(--kms-ease); }
  .kpt-mobile-sheet .kms-close { position:absolute; top:calc(20px + env(safe-area-inset-top)); left:calc(50% - 22px); width:44px; height:44px; display:grid; place-items:center; border:1px solid #e6e6e6; border-radius:50%; background:white; color:#171b1c; opacity:0; transform:translateY(12px); transition:opacity .4s var(--kms-ease),transform .4s var(--kms-ease); }
  .kpt-mobile-sheet .kms-card { position:absolute; inset:calc(78px + env(safe-area-inset-top)) 12px 12px; display:flex; flex-direction:column; overflow:hidden; border:1px solid #e6e6e6; border-radius:8px; background:#fff; transform:translateY(calc(100% + 12px)); opacity:0; transition:transform .46s var(--kms-ease),opacity .46s var(--kms-ease); outline:none; }
  .kms-open .kms-card,.kms-open .kms-close { transform:translateY(0); opacity:1; }
  .kms-open .kms-backdrop { opacity:1; }
  .kms-handle { padding:12px 0 2px; flex:none; touch-action:none; }
  .kms-handle span { display:block; width:36px; height:4px; margin:auto; border-radius:2px; background:#d9d9d9; }
  .kms-content { position:relative; flex:1; min-height:0; overflow:hidden; }
  .theme-atelier .atelier-header .kms-content #main-nav { display:flex; position:absolute; inset:0; width:auto; max-height:none; margin:0; padding:14px 24px; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:2px; overflow-y:auto; overscroll-behavior:contain; background:#fff; border:0; transform:none; opacity:1; transition:transform .42s var(--kms-ease),opacity .42s var(--kms-ease); }
  .theme-atelier .atelier-header.has-open-submenu .kms-content #main-nav { transform:translateX(-24px); opacity:.25; pointer-events:none; }
  .theme-atelier .atelier-header .kms-content #main-nav > a { display:flex; justify-content:space-between; align-items:center; min-height:44px; padding:8px 0; border:0; border-radius:0; color:#171b1c; background:none; font:400 17px/1.5 var(--body); letter-spacing:-.02em; text-transform:none; }
  .theme-atelier .atelier-header .kms-content #main-nav > a::after { display:none; }
  .theme-atelier .atelier-header .kms-content #main-nav > a > .icon { box-sizing:content-box; width:12px; height:12px; padding:6px; border-radius:50%; background:rgba(23,27,28,.08); transform:none; }
  .theme-atelier .atelier-header .kms-content .kpt-mega { display:block; position:absolute; inset:0; width:auto; max-height:none; margin:0; padding:0; border:0; box-shadow:none; overflow-y:auto; overscroll-behavior:contain; background:#fff; transform:translateX(0); visibility:visible; opacity:1; transition:transform .42s var(--kms-ease),opacity .42s var(--kms-ease),visibility 0s; }
  .theme-atelier .atelier-header .kms-content .kpt-mega[hidden] { display:block; transform:translateX(100%); opacity:0; visibility:hidden; pointer-events:none; transition:transform .42s var(--kms-ease),opacity .42s var(--kms-ease),visibility 0s .42s; }
  .kms-content .kpt-mega-toolbar { position:sticky; top:0; height:60px; min-height:60px; margin:0; padding:0 24px; border:0; }
  .kms-content .kpt-mega-toolbar > span,.kms-content .kpt-mega-toolbar .atelier-panel-close { display:none; }
  .kms-content .kpt-mega-back { display:flex; align-items:center; min-height:44px; font:400 15px/1.5 var(--body); color:#6d6d6d; padding:0; }
  .kms-content .kpt-mega-inner { display:flex; flex-direction:column; gap:0; padding:0 24px 24px; }
  .kms-content .kpt-mega-column { width:100%; }
  .kms-content .kpt-mega-heading { border:0; padding:0; min-height:0; margin-top:20px; }
  .theme-atelier .atelier-header .kms-content .kpt-mega-heading h2 { font:600 12px/1.5 var(--body); letter-spacing:.08em; color:#6d6d6d; text-transform:uppercase; }
  .kms-content .kpt-mega-list { height:auto; overflow:visible; padding:4px 0; }
  .kms-content .kpt-mega-list > a,.kms-content .kpt-mega-column > a,.kms-content .kpt-mega-audiences a { display:flex; align-items:center; min-height:44px; padding:8px 0; font:400 17px/1.5 var(--body); letter-spacing:-.02em; color:#171b1c; background:none; text-transform:none; }
  .kms-content .kpt-mega-column > a .icon { width:12px; height:12px; margin-left:8px; }
  .kms-content .kpt-mega-audiences { border:0; }
  .kms-content .kpt-mega-tiles { order:-1; display:flex; width:100%; gap:12px; overflow-x:auto; overscroll-behavior:contain; padding-bottom:8px; }
  .kms-content .kpt-mega-tiles > a { flex:0 0 132px; width:132px; aspect-ratio:auto; border-radius:0; background:none; }
  .kms-content .kpt-mega-tiles img { width:132px; height:132px; border-radius:8px; object-fit:cover; }
  .kms-content .kpt-mega-tiles > a > span { position:static; display:block; padding:8px 0 0; min-height:0; background:none; color:#171b1c; font:400 13px/1.5 var(--body); text-align:left; }
  .kms-footer { display:flex; justify-content:space-between; gap:12px; flex:none; border-top:1px solid #e6e6e6; padding:16px 24px max(18px,env(safe-area-inset-bottom)); }
  .kms-footer a { display:flex; align-items:center; gap:8px; min-height:44px; font:600 14px/1.5 var(--body); color:#171b1c; }
  .kms-footer svg { width:20px; height:20px; }
  .kpt-mobile-sheet :focus:not(:focus-visible) { outline:none; box-shadow:none; }
  .kpt-mobile-sheet :focus-visible { outline:2px solid rgb(116,30,50); outline-offset:-2px; }
  .kpt-mobile-sheet .kms-card:focus { outline:none; box-shadow:none; }
  .kpt-mobile-sheet a:hover,.kpt-mobile-sheet button:hover { color:inherit; }
  .kpt-mobile-sheet .kms-close:active,.theme-atelier .atelier-header .kms-content #main-nav > a:active > .icon { background:rgb(116,30,50); color:#fff; }
  .atelier-header:has(.kms-open) ~ .kpt-nav-backdrop { display:none; }
  @media (hover:hover) {
    .kpt-mobile-sheet .kms-close:hover,.theme-atelier .atelier-header .kms-content #main-nav > a:hover > .icon { background:rgb(116,30,50); color:#fff; }
  }
  @media (prefers-reduced-motion:reduce) {
    .kpt-mobile-sheet .kms-card,.kpt-mobile-sheet .kms-close,.theme-atelier .atelier-header .kms-content #main-nav,.theme-atelier .atelier-header .kms-content .kpt-mega[hidden],.theme-atelier .atelier-header .kms-content .kpt-mega { transform:none; transition-property:opacity,visibility; }
  }
}

/* Sneakerbaker skeleton (2026-10-12): visible-viewport sheet, close docked on the card, header above the trust strip while open. */
@media (max-width:999px) {
  .atelier-header.kms-active,.atelier-header:has(.kms-open) { z-index:1000; }
  .kpt-mobile-sheet { --kms-inset:12px; --kms-top:78px; bottom:auto; height:100vh; height:100dvh; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; padding:0 var(--kms-inset) calc(var(--kms-inset) + env(safe-area-inset-bottom) + var(--kms-ios-bar,0px)); }
  .kpt-mobile-sheet .kms-backdrop { z-index:0; }
  .kpt-mobile-sheet .kms-close { position:relative; top:auto; left:auto; z-index:1; flex:none; margin:0 0 14px; }
  .kpt-mobile-sheet .kms-card { position:relative; inset:auto; z-index:1; flex:none; width:100%; max-width:460px; height:calc(100vh - var(--kms-top) - var(--kms-inset)); height:calc(100dvh - var(--kms-top) - var(--kms-inset) - env(safe-area-inset-bottom) - var(--kms-ios-bar,0px)); }
  .kms-handle span { background:#9c9c9c; }
  .theme-atelier .atelier-header .kms-content .kpt-mega-tiles > a { background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='132' height='132'%3E%3Crect width='132' height='132' rx='8' fill='%23f3f1ee'/%3E%3C/svg%3E") 0 0/132px 132px no-repeat; isolation:isolate; }
  .kms-content .kpt-mega-tiles img { background:none; mix-blend-mode:multiply; } /* white packshots take the tile grey, like the reference */
  .theme-atelier .atelier-header .kpt-mobile-sheet .kms-footer { align-items:center; padding:16px 24px 18px; }
  .theme-atelier .atelier-header .kpt-mobile-sheet .kms-footer a { display:flex; align-items:center; gap:7px; min-height:44px; padding:0; border:0; background:none; color:#171b1c; font:600 14px/1.5 var(--body); letter-spacing:-.01em; text-transform:none; }
  .theme-atelier .atelier-header .kpt-mobile-sheet .kms-footer svg { flex:none; width:20px; height:20px; }
  .kpt-mobile-sheet .kms-social { display:flex; align-items:center; margin-left:-11px; }
  .theme-atelier .atelier-header .kpt-mobile-sheet .kms-social a { justify-content:center; min-width:44px; gap:0; font-size:0; }
  .theme-atelier .atelier-header .kpt-mobile-sheet .kms-social svg { width:22px; height:22px; }
  @keyframes kms-row-in { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }
  .theme-atelier .atelier-header .kpt-mobile-sheet.kms-open .kms-content #main-nav > a { animation:kms-row-in .46s var(--kms-ease) both; }
  .theme-atelier .atelier-header .kpt-mobile-sheet.kms-open .kms-content #main-nav > a:nth-child(1) { animation-delay:.04s; }
  .theme-atelier .atelier-header .kpt-mobile-sheet.kms-open .kms-content #main-nav > a:nth-child(2) { animation-delay:.07s; }
  .theme-atelier .atelier-header .kpt-mobile-sheet.kms-open .kms-content #main-nav > a:nth-child(3) { animation-delay:.1s; }
  .theme-atelier .atelier-header .kpt-mobile-sheet.kms-open .kms-content #main-nav > a:nth-child(4) { animation-delay:.13s; }
  .theme-atelier .atelier-header .kpt-mobile-sheet.kms-open .kms-content #main-nav > a:nth-child(5) { animation-delay:.16s; }
  .theme-atelier .atelier-header .kpt-mobile-sheet.kms-open .kms-content #main-nav > a:nth-child(6) { animation-delay:.19s; }
  .theme-atelier .atelier-header .kpt-mobile-sheet.kms-open .kms-content #main-nav > a:nth-child(n+7) { animation-delay:.22s; }
  @media (prefers-reduced-motion:reduce) {
    .theme-atelier .atelier-header .kpt-mobile-sheet.kms-open .kms-content #main-nav > a { animation:none; }
  }
}
html.kms-ios26 { --kms-ios-bar:52px; }