/* KPT stock-aware menus: two browsing lists, four real photo tiles and one feature. */
.theme-atelier .atelier-header.fw-header .main-nav > a { font-size:14px; font-weight:800; letter-spacing:-.01em; }
.fw-header .atelier-header-search > input[type="search"] { font-size:13px; font-weight:650; }
.kpt-nav-backdrop { position:fixed; inset:0; z-index:29; background:rgb(23 27 28 / 32%); }
.kpt-nav-backdrop[hidden], .fw-header .kpt-mega[hidden] { display:none; }
.fw-header .fw-nav > a[data-atelier-menu] { position:relative; display:inline-flex; align-items:center; gap:7px; }
.fw-header .fw-nav > a[data-atelier-menu] > .icon { width:11px; height:11px; transform:rotate(90deg); transition:transform .18s ease; }
.fw-header .fw-nav > a[aria-expanded=true] { color:var(--accent); }
.fw-header .fw-nav > a[aria-expanded=true]::after { content:''; position:absolute; bottom:0; left:0; right:0; height:2px; background:var(--accent); transform:scaleX(1); }
.fw-header .fw-nav > a[aria-expanded=true] > .icon { transform:rotate(-90deg); }
.fw-header .kpt-mega { padding:24px 24px 30px; background:#fff; border-bottom:1px solid var(--line); overscroll-behavior:contain; box-shadow:0 18px 28px -24px rgb(23 27 28 / 25%); }
.kpt-mega-inner { display:grid; max-width:1140px; margin-inline:auto; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; align-items:start; }
.kpt-mega-column { min-width:0; }
.kpt-mega-heading { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:4px 10px; min-height:35px; padding-bottom:12px; border-bottom:1px solid #eeeeed; }
.fw-header .kpt-mega-heading h2 { margin:0; color:var(--ink); font:800 12px/1.5 var(--body); letter-spacing:.07em; text-transform:uppercase; }
.kpt-mega-heading > a { display:inline-flex; align-items:center; gap:5px; font-size:12px; font-weight:700; line-height:1.5; text-decoration:none; }
.kpt-mega-heading > a .icon { width:13px; height:13px; }
.kpt-mega-list { display:flex; flex-direction:column; height:286px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#858585 #f5f5f5; padding:12px 9px 6px 0; }
.kpt-mega-list > a { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-shrink:0; min-height:46px; padding:9px 8px 9px 4px; border-radius:3px; font:750 14px/1.5 var(--body); }
.kpt-mega-list small { color:var(--muted); font:600 11px/1 var(--body); font-variant-numeric:tabular-nums; }
.kpt-mega-list > a:hover { color:var(--accent); background:var(--surface); }
.kpt-mega-heading > a:hover, .kpt-mega-audiences a:hover { color:var(--accent); text-decoration:underline; text-underline-offset:4px; }
.kpt-mega-audiences { display:flex; flex-wrap:wrap; gap:0 16px; border-top:1px solid #eeeeed; }
.kpt-mega-audiences a { display:inline-flex; align-items:center; min-height:44px; font-size:13px; font-weight:750; }
.kpt-mega-tiles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.kpt-mega-tile, .kpt-mega-feature { position:relative; display:block; min-width:0; aspect-ratio:1; overflow:hidden; border-radius:6px; background:#f1f1ef; }
.kpt-mega-tile > img, .kpt-mega-feature > img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .22s ease; }
.kpt-mega-tile > span, .kpt-mega-feature-copy { position:absolute; inset:auto 0 0; display:flex; align-items:flex-end; justify-content:center; min-height:48px; padding:22px 8px 9px; color:#fff; background:linear-gradient(transparent, rgb(0 0 0 / 78%)); font:800 14px/1.25 var(--body); text-align:center; overflow-wrap:anywhere; }
.kpt-mega-tile:hover > img, .kpt-mega-feature:hover > img { transform:scale(1.035); }
.kpt-mega-toolbar > span, .kpt-mega-back { display:none; }
.fw-header .kpt-mega .atelier-panel-close { top:0; right:0; width:30px; height:30px; }
.fw-header .kpt-mega .atelier-panel-close .icon { width:16px; height:16px; }
.fw-header .kpt-mega-empty { font-size:12px; padding:14px 4px; }
.fw-header .kpt-mega a:focus-visible, .fw-header .kpt-mega button:focus-visible { outline:2px solid var(--accent); outline-offset:-2px; }
@media (min-width:1000px) and (max-width:1199px) {
  .kpt-mega-inner { gap:18px; }
  .kpt-mega-heading { min-height:58px; }
  .kpt-mega-list { height:250px; }
  .kpt-mega-tile > span { font-size:12px; padding-inline:8px; }
}
@media (max-width:999px) {
  .theme-atelier .atelier-header.fw-header .main-nav > a { font-size:16px; }
  .theme-atelier .atelier-header.fw-header .main-nav > .atelier-mobile-account { font-size:14px; font-weight:700; }
  .theme-atelier .fw-header.has-open-submenu .main-nav { display:none; }
  .fw-header .fw-nav > a[data-atelier-menu] > .icon { width:16px; height:16px; transform:none; }
  .fw-header .kpt-mega { padding:0 24px 28px; max-height:calc(100dvh - 64px); }
  .kpt-mega-toolbar { position:sticky; top:0; z-index:1; min-height:58px; display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 -24px 18px; padding:0 20px; background:#fff; border-bottom:1px solid var(--line); }
  .kpt-mega-toolbar > span { display:block; margin-left:auto; font-size:13px; font-weight:800; }
  .kpt-mega-back { display:inline-flex; align-items:center; gap:9px; min-height:44px; border:0; background:none; padding:0 4px; color:var(--ink); font:750 13px/1.4 var(--body); }
  .kpt-mega-back .icon { width:18px; height:18px; transform:rotate(180deg); }
  .fw-header .kpt-mega .atelier-panel-close { position:static; width:44px; height:44px; flex-shrink:0; }
  .fw-header .kpt-mega .atelier-panel-close .icon { width:20px; height:20px; }
  .kpt-mega-inner { grid-template-columns:1fr 1fr; gap:24px; }
  .kpt-mega-heading { min-height:44px; }
  .kpt-mega-heading > a { min-height:30px; font-size:12px; }
  .kpt-mega-list { height:auto; max-height:none; overflow:visible; padding-right:0; }
  .kpt-mega-list > a { min-height:46px; font-size:14px; }
  .kpt-mega-audiences a { min-height:44px; font-size:13px; }
  .kpt-mega-tile > span { min-height:44px; font-size:14px; }
}
@media (max-width:599px) {
  .kpt-mega-inner { grid-template-columns:1fr; gap:22px; }
  .kpt-mega-heading { min-height:36px; }
  .kpt-mega-heading h2 { font-size:12px; }
  .kpt-mega-list > a { padding-inline:4px 8px; }
}
@media (prefers-reduced-motion:reduce) {
  .fw-header .fw-nav > a[data-atelier-menu] > .icon, .kpt-mega-tile > img, .kpt-mega-feature > img { transition:none; }
}

/* Approved campaign navigation, 2026-10-16. Images retain native resolution and load only on menu open. */
.theme-atelier .atelier-header.fw-header .main-nav > a {font-size:14px;font-weight:800;letter-spacing:-.01em;}
.fw-header .kpt-mega {background:#f9faf7;}
.fw-header .kpt-mega-inner {max-width:1280px;grid-template-columns:1fr 1fr 1.25fr 1.25fr;gap:24px;}
.fw-header .kpt-mega-heading h2 {font-size:12px;font-weight:700;letter-spacing:0;text-transform:none;}
.fw-header .kpt-mega-heading > a {font-size:11px;font-weight:500;}
.fw-header .kpt-mega-list > a {font-size:12px;font-weight:500;min-height:38px;}
.fw-header .kpt-mega-tile,.fw-header .kpt-mega-feature {border-radius:10px;}
.fw-header .kpt-mega-tile > span,.fw-header .kpt-mega-feature-copy {inset:auto auto 9px 9px;display:block;min-height:0;max-width:calc(100% - 18px);padding:4px 8px;border-radius:4px;background:#fffffff2;color:#1b211f;font:500 12px/1.4 var(--body);text-align:left;}
.fw-header .kpt-mega-tile:hover > span,.fw-header .kpt-mega-feature:hover .kpt-mega-feature-copy {color:#741e32;background:#fff;}
@media(min-width:1000px){.fw-header .fw-nav > a[data-atelier-menu] > .icon{display:none}.fw-header .kpt-mega:not(.kpt-mega--shoes):not(.kpt-mega--accessories):not(.kpt-mega--brands) .kpt-mega-inner{grid-template-columns:repeat(2,minmax(0,260px));justify-content:start;}}
@media(max-width:999px){.theme-atelier .atelier-header.fw-header .main-nav > a{font-size:16px}.fw-header .kpt-mega-inner{grid-template-columns:1fr 1fr;gap:22px}.fw-header .kpt-mega-list > a{font-size:13px;min-height:44px}.fw-header .kpt-mega-toolbar{background:#f9faf7}.fw-header .kpt-mega-tiles{gap:8px}.fw-header .kpt-mega-tile > span{font-size:10px;padding:3px 5px;left:6px;bottom:6px;max-width:calc(100% - 12px)}}
@media(max-width:359px){.fw-header .kpt-mega{padding-inline:16px}.fw-header .kpt-mega-inner{gap:16px}}

/* Approved Strong Line navigation typography, 2026-10-16. Selected option 3. */

/* Option 3: typography only. All dimensions, photos and routes stay identical. */
.theme-atelier .atelier-header.fw-header .main-nav > a{font-weight:800;-webkit-text-stroke:.16px currentColor}
.fw-header .kpt-mega-heading h2{font-weight:800;letter-spacing:0}
.fw-header .kpt-mega-heading > a{font-weight:700}
.fw-header .kpt-mega-list > a{font-weight:700;letter-spacing:-.008em;-webkit-text-stroke:.06px currentColor}
.fw-header .kpt-mega-tile > span,.fw-header .kpt-mega-feature-copy{font-weight:700;letter-spacing:0}
.fw-header .kpt-mega-audiences a{font-weight:700}