/* V12.6 open header: logo and account/theme controls above one full-width navigation bar */
:root{
  --theme-stage-bg:#fefefe;
  --page-bg:#fffdf9;
  --page-bg-2:#f6ead7;
  --menu-surface:rgba(255,255,255,.92);
  --menu-border:rgba(91,53,19,.16);
  --menu-shadow:0 14px 38px rgba(62,37,15,.13);
  --theme-texture:none;
  --nav-surface:#0b5d35;
  --nav-ink:#fff;
}
html[data-theme="dark"]{
  --theme-stage-bg:#000;
  --page-bg:#050505;
  --page-bg-2:#15110c;
  --menu-surface:rgba(18,18,18,.90);
  --menu-border:rgba(229,190,85,.28);
  --menu-shadow:0 16px 44px rgba(0,0,0,.56);
  --theme-texture:radial-gradient(circle at 15% 10%,rgba(202,151,40,.10),transparent 28%),radial-gradient(circle at 88% 8%,rgba(23,107,58,.08),transparent 24%);
  --nav-surface:#17120b;
  --nav-ink:#f5d77d;
}
html[data-theme="black"]{
  --green:#158044;
  --gold:#e2a315;
  --cream:#080806;
  --ink:#fff7e6;
  --sand:#2a2419;
  --muted:#d7cab8;
  --card:#171612;
  --line:#544426;
  --nav:#080806;
  --theme-stage-bg:#050504;
  --page-bg:#080806;
  --page-bg-2:#17130c;
  --menu-surface:rgba(20,19,15,.94);
  --menu-border:rgba(226,163,21,.34);
  --menu-shadow:0 16px 44px rgba(0,0,0,.58);
  --theme-texture:radial-gradient(circle at 14% 8%,rgba(226,163,21,.10),transparent 30%);
  --nav-surface:#0c0b08;
  --nav-ink:#f6d785;
}
html[data-theme="brown"]{
  --green:#176c38;
  --gold:#d49a27;
  --cream:#2d1608;
  --ink:#fff2d8;
  --sand:#6b3e1f;
  --muted:#e4cdb0;
  --card:#4a270f;
  --line:#8b5a2b;
  --nav:#321708;
  --theme-stage-bg:#321707;
  --page-bg:#2b1508;
  --page-bg-2:#5a2f12;
  --menu-surface:rgba(71,37,15,.94);
  --menu-border:rgba(224,167,67,.34);
  --menu-shadow:0 16px 44px rgba(27,10,2,.42);
  --theme-texture:radial-gradient(circle at 16% 10%,rgba(244,198,111,.11),transparent 30%);
  --nav-surface:#371907;
  --nav-ink:#ffe9bc;
}
html[data-theme="green"]{
  --green:#d49a27;
  --gold:#e0aa3e;
  --cream:#162c0d;
  --ink:#fff9e8;
  --sand:#3f5c25;
  --muted:#dce5c7;
  --card:#274416;
  --line:#61773c;
  --nav:#19350f;
  --theme-stage-bg:#18320f;
  --page-bg:#142b0d;
  --page-bg-2:#39551f;
  --menu-surface:rgba(38,66,22,.94);
  --menu-border:rgba(224,170,62,.34);
  --menu-shadow:0 16px 44px rgba(8,25,4,.38);
  --theme-texture:radial-gradient(circle at 15% 10%,rgba(224,170,62,.10),transparent 30%);
  --nav-surface:#1b370f;
  --nav-ink:#fff3c5;
}
html[data-theme="earth"]{
  --green:#355523;
  --gold:#c98e23;
  --cream:#c69c60;
  --ink:#29190c;
  --sand:#d9bd8b;
  --muted:#5a3e23;
  --card:#e4c997;
  --line:#8c673a;
  --nav:#3d2d17;
  --theme-stage-bg:#644016;
  --page-bg:#6b451c;
  --page-bg-2:#9e6a34;
  --menu-surface:rgba(235,209,164,.92);
  --menu-border:rgba(74,43,16,.34);
  --menu-shadow:0 16px 44px rgba(45,24,7,.28);
  --theme-texture:radial-gradient(circle at 18% 15%,rgba(255,224,163,.14),transparent 27%),repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 1px,transparent 1px 6px);
  --nav-surface:#3c260f;
  --nav-ink:#f7dc9a;
}
body{
  background-color:var(--page-bg)!important;
  background-image:var(--theme-texture),linear-gradient(145deg,var(--page-bg),var(--page-bg-2))!important;
  background-attachment:fixed!important;
}
.header{background:var(--theme-stage-bg)!important;border-bottom:1px solid var(--menu-border)!important;overflow:visible!important}
.brandstage{
  position:relative!important;
  width:100%!important;
  max-width:1500px!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:18px 24px 0!important;
  display:grid!important;
  grid-template-columns:minmax(330px,560px) minmax(430px,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:28px!important;
  row-gap:16px!important;
  align-items:center!important;
  background:var(--theme-stage-bg)!important;
  overflow:visible!important;
}
.brand-lockup{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
  z-index:1!important;
}
.full-brand-logo{
  display:block!important;
  width:min(100%,510px)!important;
  height:auto!important;
  max-width:510px!important;
  max-height:310px!important;
  object-fit:contain!important;
  object-position:left center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
}
/* Search and utility controls stay to the right of the logo. */
.brand-menu-card{
  grid-column:2!important;
  grid-row:1!important;
  position:relative!important;
  z-index:20!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
}
.brand-menu-card .header-search{
  width:100%!important;
  max-width:none!important;
  margin:0 0 12px!important;
  grid-column:auto!important;
  grid-row:auto!important;
  background:var(--menu-surface)!important;
  border:1px solid var(--menu-border)!important;
  border-radius:13px!important;
  box-shadow:var(--menu-shadow)!important;
}
.brand-menu-card .brand-tools{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  grid-column:auto!important;
  grid-row:auto!important;
  position:relative!important;
  z-index:60!important;
  overflow:visible!important;
}
/* The primary menu is now one independent, full-width bar beneath the logo and tools. */
.brandstage>.mainnav{
  grid-column:1/-1!important;
  grid-row:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  width:100%!important;
  max-width:100%!important;
  min-height:58px!important;
  margin:0!important;
  padding:7px 10px!important;
  border:1px solid color-mix(in srgb,var(--gold) 38%,transparent)!important;
  border-bottom:0!important;
  border-radius:15px 15px 0 0!important;
  background:var(--nav-surface)!important;
  color:var(--nav-ink)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.14)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:thin!important;
  white-space:nowrap!important;
  -webkit-overflow-scrolling:touch!important;
}
.brandstage>.mainnav a{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:42px!important;
  padding:10px 12px!important;
  border-radius:9px!important;
  color:var(--nav-ink)!important;
  text-decoration:none!important;
  font-weight:800!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
.brandstage>.mainnav a:hover,.brandstage>.mainnav a:focus-visible{
  background:color-mix(in srgb,var(--gold) 24%,transparent)!important;
  outline:none!important;
}
.brandstage>.mainnav .category-btn{
  background:var(--gold)!important;
  color:#1e1608!important;
  font-weight:900!important;
}
.control-select{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:43px!important;
  padding:5px 8px!important;
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  background:var(--card)!important;
  color:var(--ink)!important;
  font-size:.84rem!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.control-select select{
  min-width:82px!important;
  max-width:128px!important;
  padding:5px 25px 5px 5px!important;
  border:0!important;
  background:transparent!important;
  color:var(--ink)!important;
  font:inherit!important;
  cursor:pointer!important;
}
.language-control select{max-width:148px!important}
.theme-control select{max-width:98px!important}
html[dir="rtl"] .brand-menu-card{direction:rtl}
html[dir="rtl"] .brandstage>.mainnav{direction:rtl}
html[dir="rtl"] .account-dropdown{right:auto!important;left:0!important}
html[data-theme="dark"] .panel,html[data-theme="dark"] .card,html[data-theme="dark"] .product-card,html[data-theme="dark"] .metric,html[data-theme="dark"] .table-wrap,html[data-theme="dark"] .sidebar,
html[data-theme="black"] .panel,html[data-theme="black"] .card,html[data-theme="black"] .product-card,html[data-theme="black"] .metric,html[data-theme="black"] .table-wrap,html[data-theme="black"] .sidebar,
html[data-theme="brown"] .panel,html[data-theme="brown"] .card,html[data-theme="brown"] .product-card,html[data-theme="brown"] .metric,html[data-theme="brown"] .table-wrap,html[data-theme="brown"] .sidebar,
html[data-theme="green"] .panel,html[data-theme="green"] .card,html[data-theme="green"] .product-card,html[data-theme="green"] .metric,html[data-theme="green"] .table-wrap,html[data-theme="green"] .sidebar{box-shadow:0 14px 38px rgba(0,0,0,.34)}
html[data-theme="earth"] .panel,html[data-theme="earth"] .card,html[data-theme="earth"] .product-card,html[data-theme="earth"] .metric,html[data-theme="earth"] .table-wrap,html[data-theme="earth"] .sidebar{box-shadow:0 13px 36px rgba(55,29,8,.20)}
.official-master-banner{background:var(--theme-stage-bg)!important;border-color:var(--menu-border)!important}
.hero,.panel,.card,.product-card,.metric,.table-wrap,.sidebar,.notice{backdrop-filter:blur(3px)}
.footer{background:var(--theme-stage-bg)!important;color:var(--ink)!important;border-top:1px solid var(--menu-border)!important}
.footer a{color:var(--gold)!important}
.footer-full-logo{display:block!important;width:min(100%,420px)!important;height:auto!important;max-height:260px!important;object-fit:contain!important;object-position:left center!important;background:transparent!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.account-menu{position:relative!important;max-width:174px!important}
.account-dropdown{right:0!important;left:auto!important;top:calc(100% + 9px)!important;z-index:100000!important}
.admin-main{background:transparent!important}
.admin-side{background:color-mix(in srgb,var(--nav) 92%,black)!important}
@media(max-width:1180px){
  .brandstage{grid-template-columns:minmax(290px,44%) minmax(420px,56%)!important;column-gap:18px!important}
  .full-brand-logo{width:min(100%,440px)!important;max-width:440px!important;max-height:280px!important}
  .brand-menu-card .brand-tools{gap:6px!important}
  .control-select{padding:4px 6px!important}
}
@media(max-width:900px){
  .brandstage{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;padding:10px 12px 0!important;row-gap:12px!important}
  .brand-lockup{grid-column:1!important;grid-row:1!important;justify-content:center!important}
  .full-brand-logo{width:min(100%,520px)!important;max-width:520px!important;max-height:360px!important;object-position:center!important}
  .brand-menu-card{grid-column:1!important;grid-row:2!important;width:100%!important}
  .brand-menu-card .header-search{margin-bottom:10px!important}
  .brand-menu-card .brand-tools{justify-content:center!important;gap:7px!important}
  .brand-menu-card .brand-tools>.account-menu,.brand-menu-card .brand-tools>a[href*="cart"]{display:none!important}
  .brandstage>.mainnav{grid-column:1!important;grid-row:3!important;min-height:54px!important;border-radius:13px 13px 0 0!important}
  .control-select{min-height:40px!important;padding:4px 6px!important}
  .language-control select{max-width:130px!important}
  .footer-full-logo{margin:auto!important;object-position:center!important}
}

/* V12.6.2 luxury surface and accessibility stabilization. */
body{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Inter,system-ui,sans-serif!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3{letter-spacing:-.022em}
.panel,.card,.product-card,.metric,.table-wrap,.sidebar,.notice,.promo-card,.alert-item,.social-auth-button,
input,select,textarea,.control-select,.brand-menu-card .header-search{
  border-radius:16px!important;
}
.panel,.card,.product-card,.metric,.table-wrap,.sidebar,.promo-card,.alert-item{
  box-shadow:0 10px 32px rgba(25,18,10,.10),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.btn,.social-auth-button,input,select,textarea,.control-select{min-height:44px}
.btn,.social-auth-button{
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease;
}
.btn:hover,.social-auth-button:hover{box-shadow:0 8px 22px rgba(0,0,0,.18)}
.btn:active,.social-auth-button:active{transform:scale(.985)}

html[data-theme="brown"]{
  --ink:#fffdf6;
  --muted:#f7dfbd;
  --card:#4b260f;
  --line:#b77a3c;
  --sand:#70411e;
}
html[data-theme="earth"]{
  --ink:#fffdf5;
  --muted:#f7e6c5;
  --card:#49351f;
  --line:#c29b61;
  --sand:#745a35;
  --menu-surface:rgba(73,53,31,.94);
  --nav-ink:#fff7dd;
}
html[data-theme="brown"] body,html[data-theme="earth"] body{color:var(--ink)!important}
html[data-theme="brown"] .hero,html[data-theme="earth"] .hero{
  background:color-mix(in srgb,var(--card) 90%,black)!important;
  color:var(--ink)!important;
}
html[data-theme="brown"] .panel,html[data-theme="brown"] .card,html[data-theme="brown"] .product-card,
html[data-theme="brown"] .metric,html[data-theme="brown"] .table-wrap,html[data-theme="brown"] .sidebar,
html[data-theme="brown"] .notice,html[data-theme="brown"] .alert-item,html[data-theme="brown"] .promo-card:not(.gold):not(.green),
html[data-theme="earth"] .panel,html[data-theme="earth"] .card,html[data-theme="earth"] .product-card,
html[data-theme="earth"] .metric,html[data-theme="earth"] .table-wrap,html[data-theme="earth"] .sidebar,
html[data-theme="earth"] .notice,html[data-theme="earth"] .alert-item,html[data-theme="earth"] .promo-card:not(.gold):not(.green){
  background:color-mix(in srgb,var(--card) 92%,transparent)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
  box-shadow:0 14px 38px rgba(24,12,4,.28),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
html[data-theme="brown"] p,html[data-theme="brown"] small,html[data-theme="brown"] label,
html[data-theme="earth"] p,html[data-theme="earth"] small,html[data-theme="earth"] label{color:inherit}
html[data-theme="brown"] input,html[data-theme="brown"] select,html[data-theme="brown"] textarea,
html[data-theme="earth"] input,html[data-theme="earth"] select,html[data-theme="earth"] textarea{
  background:rgba(20,12,6,.54)!important;
  color:#fffdf6!important;
  border-color:var(--line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
}
html[data-theme="brown"] input::placeholder,html[data-theme="brown"] textarea::placeholder,
html[data-theme="earth"] input::placeholder,html[data-theme="earth"] textarea::placeholder{color:#ead6b5!important;opacity:1}
html[data-theme="brown"] th,html[data-theme="earth"] th{
  background:#302113!important;
  color:#fff8e9!important;
}
html[data-theme="brown"] .btn.ghost,html[data-theme="earth"] .btn.ghost{
  color:#fffdf6!important;
  border-color:var(--line)!important;
  background:rgba(255,255,255,.055)!important;
}
html[data-theme="brown"] .control-select,html[data-theme="earth"] .control-select,
html[data-theme="brown"] .social-auth-button,html[data-theme="earth"] .social-auth-button{
  background:rgba(28,17,9,.72)!important;
  color:#fffdf6!important;
  border-color:var(--line)!important;
}
html[data-theme="brown"] a:not(.btn):not(.category-btn),html[data-theme="earth"] a:not(.btn):not(.category-btn){
  color:#ffe19a;
}
html[data-theme="brown"] .eyebrow,html[data-theme="earth"] .eyebrow{color:#ffd66f!important}
html[data-theme="brown"] .footer,html[data-theme="earth"] .footer{
  color:#fffdf6!important;
  background:color-mix(in srgb,var(--theme-stage-bg) 92%,black)!important;
}
@media(prefers-reduced-motion:reduce){
  .btn,.social-auth-button{transition:none!important}
}
@media(max-width:700px){
  .brandstage>.mainnav{display:none!important}
}
@media(max-width:560px){
  .brandstage{padding-left:8px!important;padding-right:8px!important}
  .full-brand-logo{width:min(100%,430px)!important;max-width:430px!important;max-height:330px!important}
  .brand-menu-card .brand-tools{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important}
  .brand-menu-card .brand-tools>.btn,.brand-menu-card .brand-tools>.control-select{width:100%!important;justify-content:center!important}
  .language-control{grid-column:span 2!important}
  .control-select select{min-width:0!important;width:100%!important}
}


/* V12.12 approved full-width banner readability lock */
/* Preserve the supplied artwork exactly; change only its responsive placement. */
.brandstage{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;
  width:100%!important;
  max-width:1440px!important;
  margin:0 auto!important;
  padding:0!important;
  row-gap:0!important;
  column-gap:0!important;
  overflow:visible!important;
}
.brand-lockup{
  grid-column:1!important;
  grid-row:1!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.brand-lockup .full-brand-logo,
.brand-lockup img[data-full-brand-logo]{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
}
.brand-menu-card{
  grid-column:1!important;
  grid-row:2!important;
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:10px 16px!important;
  border:0!important;
  border-top:1px solid var(--menu-border)!important;
  border-radius:0!important;
  background:var(--theme-stage-bg)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  overflow:visible!important;
}
.brand-menu-card .header-search{margin:0!important}
.brandstage>.mainnav{
  grid-column:1!important;
  grid-row:3!important;
  margin:0!important;
  border-radius:0!important;
}
@media(max-width:760px){
  .brandstage{grid-template-rows:auto auto!important}
  .brand-lockup{grid-column:1!important;grid-row:1!important}
  .brand-menu-card{
    grid-column:1!important;
    grid-row:2!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:8px 10px!important;
  }
  .brand-menu-card .brand-tools{
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  .brand-menu-card .brand-tools::-webkit-scrollbar{display:none}
  .brandstage>.mainnav{display:none!important}
}