/* OFFENSIVE SHOP — navigation styling only.
 * No custom JavaScript, no changed destinations or links, no checkout changes.
 * Designed for the existing .os-v3-header drawer and .shop-drop menu in theme v6.
 */
:root { --os-nav-bg:#0b0b0b; --os-nav-line:#343434; --os-nav-white:#f3f1eb; --os-nav-red:#d92836; }

.os-v3-header .main-nav.os-drawer {
  width: min(475px, 93vw);
  padding: 116px 35px 32px;
  background: linear-gradient(145deg, #1b1b1b 0%, var(--os-nav-bg) 64%);
  border-left: 1px solid #575757;
  box-shadow: -30px 0 80px rgb(0 0 0 / 82%);
  color: var(--os-nav-white);
  counter-reset: os-nav-index;
  overscroll-behavior: contain;
}
.os-v3-header .main-nav.os-drawer::before {
  content:"";
  position:absolute;
  left:35px;
  top:78px;
  width:44px;
  height:3px;
  background:var(--os-nav-red);
}
.os-v3-header .os-drawer__caption {
  color:#b8b8b8;
  margin:0 0 10px;
  padding:0 0 19px;
  font:800 10px/1.5 Arial,sans-serif;
  letter-spacing:.22em;
  border-bottom:1px solid #4b4b4b;
}
.os-v3-header .os-drawer > a {
  display: grid;
  grid-template-columns: 26px minmax(0,1fr) 25px;
  gap:14px;
  align-items:center;
  margin:0;
  padding:21px 3px;
  min-height:76px;
  color:var(--os-nav-white);
  font:900 clamp(27px,2.6vw,36px)/1.07 Impact,'Arial Black',sans-serif;
  letter-spacing:.015em;
  border-bottom:1px solid var(--os-nav-line);
  background:transparent;
  text-decoration:none;
  overflow-wrap:anywhere;
  transition:background-color .18s ease,color .18s ease,padding-left .18s ease;
}
.os-v3-header .os-drawer > a::before {
  counter-increment:os-nav-index;
  content:'0' counter(os-nav-index);
  font:800 10px/1 Arial,sans-serif;
  letter-spacing:.08em;
  color:var(--os-nav-red);
  align-self:center;
}
.os-v3-header .os-drawer > a > span {
  font:400 20px/1 Arial,sans-serif;
  color:#aaa;
  transition:color .18s ease,transform .18s ease;
}
.os-v3-header .os-drawer > a:hover,
.os-v3-header .os-drawer > a:focus-visible {
  color:#fff;
  padding-left:10px;
  background:rgb(255 255 255 / 6%);
}
.os-v3-header .os-drawer > a:hover > span,
.os-v3-header .os-drawer > a:focus-visible > span {
  color:var(--os-nav-red);
  transform:translate(3px,-3px);
}
.os-v3-header .os-drawer > a:focus-visible,
.os-v3-header .menu-toggle:focus-visible,
.os-v3-header .shop-drop__menu a:focus-visible {
  outline:2px solid var(--os-nav-red);
  outline-offset:2px;
}
.os-v3-header .os-drawer__bottom {
  margin:auto 0 0;
  padding:38px 0 0;
  color:#a7a7a7;
  font:800 10px/1.9 Arial,sans-serif;
  letter-spacing:.12em;
  border-top:0;
}
.os-v3-header .menu-toggle[aria-expanded="true"] span {
  background:var(--os-nav-white);
}
body.menu-open .menu-backdrop {
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(3px);
}

/* Match the small SHOP NOW dropdown to the same dark style. */
.shop-drop__menu {
  min-width:245px;
  background:#111;
  color:var(--os-nav-white);
  border:1px solid #4b4b4b;
  border-top:3px solid var(--os-nav-red);
  box-shadow:0 18px 42px rgba(0,0,0,.72);
}
.shop-drop__menu[hidden] { display:none; }
.shop-drop__menu a {
  color:var(--os-nav-white);
  border-bottom:1px solid #383838;
  font:900 15px/1.25 Arial,sans-serif;
  letter-spacing:.07em;
  padding:18px 20px;
  background:transparent;
}
.shop-drop__menu a:last-child { border-bottom:0; }
.shop-drop__menu a:hover,
.shop-drop__menu a:focus-visible {
  background:#252525;
  color:#fff;
}
.shop-drop__menu a span { color:var(--os-nav-red); }

@media(max-width:700px) {
  .os-v3-header .main-nav.os-drawer {
    width:min(390px,92vw);
    padding:98px 23px 27px;
  }
  .os-v3-header .main-nav.os-drawer::before {left:23px;top:66px;width:36px;}
  .os-v3-header .os-drawer > a {
    grid-template-columns:24px minmax(0,1fr) 22px;
    gap:10px;
    min-height:71px;
    padding:18px 1px;
    font-size:clamp(25px,7.6vw,34px);
  }
  .os-v3-header .os-drawer__bottom {padding-top:24px;font-size:9px;}
  .shop-drop__menu {min-width:220px;max-width:calc(100vw - 30px);}
}
@media(max-width:360px) {
  .os-v3-header .os-drawer > a {font-size:24px;grid-template-columns:20px minmax(0,1fr) 20px;gap:8px;}
}
@media(prefers-reduced-motion:reduce) {
  .os-v3-header .os-drawer > a,
  .os-v3-header .os-drawer > a > span {transition:none;}
}