/* DCR Award Polish v5 — square chrome sitewide · match Close button */
#navLinks.open,#snuLinks.open,.nav-links.open{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  position:absolute!important;
  z-index:9999!important;
  right:0!important;
  left:auto!important;
  top:calc(100% + .35rem)!important;
  width:min(360px,calc(100vw - 1.25rem))!important;
  max-height:min(72vh,580px)!important;
  overflow:auto!important;
  margin:0!important;
  padding:0.4rem!important;
  gap:0.25rem!important;
  border-radius:4px!important;
  border:2px solid rgba(34,211,238,.55)!important;
  background:#0a0a0b!important;
  box-shadow:4px 4px 0 rgba(244,114,182,.28),0 20px 50px rgba(0,0,0,.65),0 0 36px rgba(34,211,238,.18)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Kill sticky first-item / empty-slot spacing bugs */
#navLinks.open li,#snuLinks.open li,.nav-links.open li{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  top:auto!important;
  background:transparent!important;
  min-height:0!important;
  height:auto!important;
}
#navLinks.open li:empty,
#snuLinks.open li:empty,
.nav-links.open li:empty,
#navLinks.open a:empty,
#snuLinks.open a:empty{
  display:none!important;
  height:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:0!important;
}

#navLinks.open a,#snuLinks.open a,.nav-links.open a{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding:0.7rem 0.9rem!important;
  min-height:44px!important;
  line-height:1.25!important;
  font-weight:800!important;
  font-size:0.95rem!important;
  letter-spacing:-0.01em!important;
  color:#f4f4f5!important;
  border-radius:0!important;
  border:2px solid transparent!important;
  background:transparent!important;
  text-decoration:none!important;
  opacity:1!important;
  visibility:visible!important;
  transition:background .12s steps(2),color .12s,box-shadow .12s,transform .12s steps(2)!important;
}
#navLinks.open a:hover,#snuLinks.open a:hover,.nav-links.open a:hover,
#navLinks.open a:focus-visible,#snuLinks.open a:focus-visible,.nav-links.open a:focus-visible{
  color:#083344!important;
  background:linear-gradient(90deg,#22d3ee,#67e8f9)!important;
  border-color:rgba(255,255,255,.35)!important;
  box-shadow:4px 4px 0 rgba(244,114,182,.4),0 0 22px rgba(34,211,238,.45)!important;
  transform:translate(-2px,-2px)!important;
  outline:none!important;
}

/* Unified square chrome — match Close / menu control (no pills) */
.btn,
.btn-primary,
.btn-secondary,
.btn-warm,
.btn-main,
.btn-call,
.btn-block,
.btn-sm,
.menu-btn,
.menu-btn--icon,
#menuToggle,
.close-x,
.chip,
a.nav-call,
a.btn-call,
button.btn,
input[type="submit"],
input[type="button"],
.filters button,
.form-tabs button{
  border-radius:4px!important;
}

/* Header actions: Call / Sign out / Close — same square frame language */
.btn-call,
a.btn-call,
a.nav-call,
.chip,
#authBtn,
.menu-btn,
#menuToggle,
.close-x{
  align-items:center!important;
  justify-content:center!important;
  gap:.4rem!important;
  min-height:40px!important;
  padding:.45rem .85rem!important;
  border-radius:4px!important;
  border:2px solid rgba(34,211,238,.65)!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  box-shadow:2px 2px 0 rgba(244,114,182,.3),0 0 14px rgba(34,211,238,.25)!important;
  transition:transform .12s steps(2),box-shadow .12s,filter .12s,border-color .12s,background .12s!important;
}
/* Call / chips always flex; Menu only below desktop (fullscreen uses horizontal nav) */
.btn-call,
a.btn-call,
a.nav-call,
.chip,
#authBtn,
.close-x{
  display:inline-flex!important;
}
@media (max-width:959px){
  .menu-btn,
  #menuToggle{
    display:inline-flex!important;
  }
}
@media (min-width:960px){
  .menu-btn,
  #menuToggle{
    display:none!important;
  }
}

/* Solid primary: Call */
.btn-call,
a.btn-call,
a.nav-call{
  background:linear-gradient(135deg,#22d3ee 0%,#0891b2 55%,#0e7490 100%)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.28)!important;
}

/* Outline secondary: Sign out / chip default */
.chip,
#authBtn{
  background:#0c0c0e!important;
  color:#f4f4f5!important;
  border-color:rgba(34,211,238,.55)!important;
}

/* Close / menu — same square chrome (pink accent when open) */
.menu-btn,
#menuToggle,
.close-x{
  background:linear-gradient(180deg,rgba(34,211,238,.18),rgba(244,114,182,.1)),#0c0c0e!important;
  color:#ecfeff!important;
  border-color:rgba(34,211,238,.7)!important;
}

.btn-call:hover,
a.btn-call:hover,
a.nav-call:hover,
.chip:hover,
#authBtn:hover,
.menu-btn:hover,
#menuToggle:hover,
#menuToggle:focus-visible,
.close-x:hover{
  filter:brightness(1.08)!important;
  transform:translate(-2px,-2px)!important;
  border-color:#67e8f9!important;
  box-shadow:3px 3px 0 rgba(244,114,182,.45),0 0 22px rgba(34,211,238,.45)!important;
  outline:none!important;
}

#menuToggle[aria-expanded="true"],
.menu-btn[aria-expanded="true"]{
  border-color:rgba(244,114,182,.75)!important;
  box-shadow:2px 2px 0 rgba(34,211,238,.35),0 0 18px rgba(244,114,182,.4)!important;
}

#menuToggle.menu-btn--icon,#menuToggle{
  align-items:center!important;
  justify-content:center!important;
  gap:.45rem!important;
  min-width:48px!important;
  min-height:40px!important;
  padding:.45rem .7rem!important;
  border-radius:4px!important;
  z-index:10000!important;
  position:relative!important;
  cursor:pointer!important;
}
.menu-btn__bars{display:flex;flex-direction:column;justify-content:center;gap:5px;width:20px;height:16px}
.menu-btn__bars span{
  display:block;width:20px;height:3px;background:#22d3ee;
  box-shadow:0 0 8px rgba(34,211,238,.9),1px 1px 0 rgba(244,114,182,.4);
  transition:transform .16s steps(3),opacity .12s;
}
#menuToggle[aria-expanded="true"] .menu-btn__bars span:nth-child(1){transform:translateY(8px) rotate(45deg)}
#menuToggle[aria-expanded="true"] .menu-btn__bars span:nth-child(2){opacity:0;transform:scaleX(0)}
#menuToggle[aria-expanded="true"] .menu-btn__bars span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.menu-btn__label{font-size:.78rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
@media(max-width:420px){.menu-btn__label{display:none}}

.btn-primary,
.btn-warm,
.btn-main{
  border-radius:4px!important;
  border:2px solid rgba(255,255,255,.25)!important;
  box-shadow:2px 2px 0 rgba(244,114,182,.28),0 0 16px rgba(34,211,238,.28)!important;
}
.btn-primary:hover,.btn-warm:hover,.btn-main:hover,a.nav-call:hover{
  transform:translate(-2px,-2px)!important;
  filter:brightness(1.08)!important;
  box-shadow:4px 4px 0 rgba(244,114,182,.35),0 0 28px rgba(34,211,238,.45)!important;
}
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus-visible{
  border-radius:4px!important;
  border:2px solid rgba(34,211,238,.55)!important;
}
.btn-secondary:hover,.btn-secondary:focus-visible{
  color:#083344!important;
  background:var(--accent,#22d3ee)!important;
  transform:translate(-2px,-2px)!important;
  box-shadow:4px 4px 0 rgba(244,114,182,.3),0 0 20px rgba(34,211,238,.35)!important;
  outline:none!important;
}
.card:hover,.product:hover,.shot:hover,.trust-item:hover,.shop-banner:hover,.mark:hover,.pill:hover,.media-item:hover,.blog-card:hover,#soro-blog .soro-blog-card:hover{
  border-color:rgba(34,211,238,.55)!important;
  box-shadow:5px 5px 0 rgba(244,114,182,.22),0 0 36px rgba(34,211,238,.2)!important;
  transform:translate(-2px,-2px)!important;
}
.brand:hover img,.brand:hover .logo{box-shadow:0 0 0 2px rgba(34,211,238,.55),0 0 22px rgba(34,211,238,.4)!important}
a:focus-visible,button:focus-visible,.btn:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid #22d3ee!important;outline-offset:3px!important;
}
.nav-actions,.snu-actions,.top-actions,.nav-inner{position:relative!important;overflow:visible!important}
.nav,header.top,.site-nav{overflow:visible!important;z-index:200!important}
footer a:hover{color:#67e8f9!important;text-shadow:0 0 12px rgba(34,211,238,.45)}
@media(prefers-reduced-motion:reduce){
  #navLinks.open a:hover,.btn-primary:hover,.card:hover,.product:hover{transform:none!important}
}

/* force-square-header-v6 — Call / Cart / Menu / CTAs match Close (no pills) */
header .btn-call,header a.btn-call,header .chip,header #authBtn,header .menu-btn,header #menuToggle,
header.app .btn-call,header.app .chip,header.app #authBtn,header.app .menu-btn,header.app #menuToggle,
.nav-actions .btn-call,.nav-actions .chip,.nav-actions #authBtn,.nav-actions .menu-btn,.nav-actions #menuToggle,
a.btn-call,a.nav-call,.nav-call,.snu-call,.snu-menu,.cart-btn,#openCart,
button.chip,button#authBtn,button.menu-btn,button#menuToggle,button.close-x,.close-x,
.btn,.btn-primary,.btn-secondary,.btn-warm,.btn-main,.btn-sm,.btn-block,a.btn,button.btn{
  border-radius:4px!important;
  -webkit-border-radius:4px!important;
}
