/* Atta Boys — shared site chrome (header nav + footer). Source of truth for the markup: src/chrome/*.html,
   rendered into every public page by scripts/build-chrome.mjs. Loaded after the page's own CSS. */
.ab-nav,.ab-nav *{box-sizing:border-box}
.topbar{position:sticky;top:0;z-index:70;background:var(--paper,#F1EFE7)}
.ab-nav{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 4vw;margin:0;border-bottom:3px solid var(--ink,#111013);background:var(--paper,#F1EFE7);z-index:60;font-family:'Space Grotesk','SG-fb',sans-serif;color:var(--ink,#111013)}
.ab-nav .wordmark{display:inline-flex;align-items:center;text-decoration:none;font-size:0;line-height:0}
.ab-nav .wordmark img{height:56px;width:auto;display:block}
.ab-nav .r{display:flex;gap:16px;align-items:center;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;flex-wrap:nowrap}
.ab-nav .r>a{text-decoration:none}
.ab-nav .nav-link{color:var(--ink,#111013);padding:8px 2px;white-space:nowrap;border-bottom:3px solid transparent}
.ab-nav .nav-link:hover,.ab-nav .nav-dd-btn:hover{color:var(--org,#FF4D00)}
.ab-nav .nav-link[aria-current="page"],.ab-nav .nav-dd.cur .nav-dd-btn{border-bottom-color:var(--org,#FF4D00)}
.ab-nav .nav-shop{display:inline-block;background:var(--org,#FF4D00);color:#fff;border:3px solid var(--ink,#111013);box-shadow:4px 4px 0 var(--ink,#111013);padding:10px 16px;font-size:.78rem;letter-spacing:.08em;white-space:nowrap;transition:transform .1s,box-shadow .1s}
.ab-nav .nav-shop:hover{background:var(--ink,#111013)}
.ab-nav .nav-shop:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink,#111013)}
.ab-nav .nav-shop[aria-current="page"]{background:var(--ink,#111013)}
.ab-nav .nav-shop .sm{display:none}
.ab-nav .nav-dd{position:relative}
.ab-nav .nav-dd-btn{background:none;border:none;border-bottom:3px solid transparent;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;padding:8px 0;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.ab-nav .nav-dd-btn .car{font-size:.7em;transition:transform .15s}
.ab-nav .nav-dd.open .nav-dd-btn .car{transform:rotate(180deg)}
.ab-nav .nav-dd-menu{display:none;position:absolute;top:100%;left:-16px;min-width:19rem;background:var(--paper,#F1EFE7);border:3px solid var(--ink,#111013);box-shadow:6px 6px 0 var(--ink,#111013);padding:6px 0;z-index:80;text-transform:none;letter-spacing:0;font-size:.95rem}
.ab-nav .nav-dd.open .nav-dd-menu{display:block}
@media(hover:hover){.ab-nav .nav-dd:hover .nav-dd-menu{display:block}}
.ab-nav .nav-dd-menu a{display:block;padding:11px 16px;font-weight:700;color:var(--ink,#111013);text-decoration:none}
.ab-nav .nav-dd-menu a:hover,.ab-nav .nav-dd-menu a:focus-visible{background:var(--lime,#C9D64B);outline:none}
.ab-nav .nav-dd-menu a[aria-current="page"]{box-shadow:inset 4px 0 0 var(--org,#FF4D00)}
.ab-nav .nav-dd-menu a small{display:block;font-weight:500;font-size:.78rem;color:#4a4740;margin-top:2px}
.ab-nav .region-hd{min-height:42px;background:var(--paper,#F1EFE7);color:var(--ink,#111013);border:2px solid var(--ink,#111013);border-radius:0;padding:9px 8px;font-family:'Space Grotesk','SG-fb',sans-serif;font-weight:700;font-size:.76rem;text-transform:uppercase;letter-spacing:.03em;cursor:pointer}
.ab-nav .region-hd:hover{background:var(--lime,#C9D64B)}
.ab-nav .cart-btn{display:inline-flex;align-items:center;gap:7px;background:var(--ink,#111013);color:var(--paper,#F1EFE7);border:3px solid var(--ink,#111013);font-family:'Space Grotesk','SG-fb',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;padding:10px 14px;cursor:pointer;text-decoration:none;transition:background .15s}
.ab-nav .cart-btn:hover{background:var(--org,#FF4D00);color:#fff}
.ab-nav .cart-btn .cc{background:var(--org,#FF4D00);color:#fff;border-radius:999px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;padding:0 5px;line-height:1}
.ab-nav .cart-btn .cc.z{background:var(--paper,#F1EFE7);color:var(--ink,#111013)}
.ab-nav .nav-menu-btn{display:none;background:var(--paper,#F1EFE7);color:var(--ink,#111013);border:3px solid var(--ink,#111013);font-family:'Space Grotesk','SG-fb',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;padding:10px 10px;cursor:pointer;line-height:1.2;white-space:nowrap}
.ab-nav .nav-menu-btn[aria-expanded="true"]{background:var(--ink,#111013);color:var(--paper,#F1EFE7)}
.ab-nav .nav-menu{position:absolute;left:0;right:0;top:100%;background:var(--paper,#F1EFE7);border-bottom:3px solid var(--ink,#111013);box-shadow:0 8px 0 rgba(17,16,19,.15);padding:6px 4vw 14px;z-index:65;max-height:calc(100vh - 70px);overflow-y:auto}
.ab-nav .nav-menu[hidden]{display:none}
@media(min-width:901px){.ab-nav .nav-menu{display:none!important}}
.ab-nav .nav-menu a{display:block;padding:13px 4px;border-top:2px solid rgba(17,16,19,.12);color:var(--ink,#111013);text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}
.ab-nav .nav-menu>a:first-child{border-top:none}
.ab-nav .nav-menu a.o{color:var(--org,#FF4D00)}
.ab-nav .nav-menu a[aria-current="page"]{box-shadow:inset 4px 0 0 var(--org,#FF4D00);padding-left:10px}
.ab-nav .nav-menu a small{display:block;font-weight:500;text-transform:none;letter-spacing:0;font-size:.8rem;color:#4a4740;margin-top:2px}
.ab-nav .nav-menu-grp{border-top:3px solid var(--ink,#111013);margin-top:6px}
.ab-nav .nav-menu-h{display:block;padding:12px 4px 2px;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#4a4740}
.ab-nav .nav-menu-grp a{font-size:.8rem;padding:11px 4px;border-top-color:rgba(17,16,19,.08)}
.ab-nav a:focus-visible,.ab-nav button:focus-visible,.ab-nav select:focus-visible{outline:3px solid var(--org,#FF4D00);outline-offset:2px}
/* the ticker (homepage) collapses once the visitor scrolls, so the sticky header stays short */
.topbar.compact .announce{display:none}
@media(max-width:1040px){.ab-nav .r{gap:10px;font-size:.76rem}.ab-nav .nav-shop{padding:9px 12px;font-size:.72rem}.ab-nav .wordmark img{height:50px}}
/* phones and small tablets: one row (logo · Shop · country · Bag · Menu); everything else lives in the Menu panel */
@media(max-width:900px){
  .ab-nav{padding:8px 4vw;gap:5px;flex-wrap:nowrap}
  .ab-nav .wordmark{margin-right:auto}
  .ab-nav .wordmark img{height:46px}
  .ab-nav .r{gap:5px;font-size:.72rem}
  .ab-nav .nav-dd,.ab-nav .nav-link{display:none}
  .ab-nav .nav-menu-btn{display:inline-block;padding:8px 7px;font-size:.66rem;letter-spacing:.03em}
  .ab-nav .nav-shop{padding:9px 9px;font-size:.7rem;letter-spacing:.03em;box-shadow:3px 3px 0 var(--ink,#111013)}
  .ab-nav .nav-shop .lg{display:none}.ab-nav .nav-shop .sm{display:inline}
  .ab-nav .cart-btn{padding:9px 8px;font-size:.68rem;letter-spacing:.03em}
  .ab-nav .region-hd{padding:8px 2px;font-size:.66rem;letter-spacing:0;min-height:38px}
  .topbar.compact .ab-nav{padding-top:6px;padding-bottom:6px}
  .topbar.compact .ab-nav .wordmark img{height:40px}
}
@media(max-width:384px){.ab-nav{padding-left:3vw;padding-right:3vw;gap:4px}.ab-nav .wordmark img{height:42px}.ab-nav .nav-shop{padding:9px 7px;font-size:.66rem}.ab-nav .cart-btn{padding:9px 6px;font-size:.64rem}.ab-nav .region-hd{font-size:.62rem}.ab-nav .nav-menu-btn{padding:8px 5px;font-size:.62rem}}
@media(prefers-reduced-motion:reduce){.ab-nav *{transition:none!important}}
/* shared footer (content, tool and help pages; the homepage keeps its own richer footer with the same links) */
.ab-foot{border-top:3px solid var(--ink,#111013);padding:26px 4vw 30px;text-align:center;font-size:.85rem;font-weight:500;background:var(--ink,#111013);color:var(--paper,#F1EFE7);font-family:'Space Grotesk','SG-fb',sans-serif;margin-top:auto}
.ab-foot p{margin:0 auto;max-width:60rem;line-height:1.6}
.ab-foot p+p{margin-top:8px}
.ab-foot a{color:var(--lime,#C9D64B);display:inline-block;padding:6px 2px;font-weight:700}
.ab-foot a:hover{color:#fff}
.ab-foot .ab-foot-fine{font-size:.78rem;color:#b9b7ae;margin-top:12px}