@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
/* ARUNERA site-wide header. Keep navigation compact on wide desktop screens. */
#nav.site-header-shell,#nav.site-header-shell.solid{
  box-sizing:border-box;position:fixed;top:0;left:0;right:0;z-index:400;
  display:block;min-height:0;padding:0;margin:0;transform:none;
  background:rgba(252,250,244,.97);border:0;border-bottom:1px solid #e9dfd1;
  backdrop-filter:blur(16px);transition:none;color:#202b34;
}
#nav.site-header-shell.hide{transform:none}
#nav.site-header-shell *,#nav.site-header-shell *::before,#nav.site-header-shell *::after{box-sizing:border-box}
#nav.site-header-shell .site-announcement{
  height:30px;display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:0 max(20px,calc((100vw - 1330px)/2));
  background:#102D50;color:#d8c2a0;font-family:'DM Sans',Arial,sans-serif;
  font-size:9px;font-weight:600;letter-spacing:.2em;line-height:1.2;
  text-transform:uppercase;white-space:nowrap;
}
#nav.site-header-shell .site-header-main{
  min-height:82px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;
  gap:clamp(24px,3vw,48px);width:min(calc(100% - 48px),1320px);max-width:1320px;
  margin:0 auto;padding:0;
}
#nav.site-header-shell .site-header-caption{
  display:none;font-family:'DM Sans',Arial,sans-serif;color:#7b7170;font-size:10px;
  font-weight:400;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;
}
#nav.site-header-shell .site-header-brand{
  justify-self:start;display:inline-flex;align-items:center;flex-direction:column;
  gap:0;line-height:1;color:#581c2a;text-align:center;text-decoration:none;white-space:nowrap;
}
#nav.site-header-shell .site-header-brand>img{display:block;width:174px;height:auto;object-fit:contain;aspect-ratio:2172/724}
#nav.site-header-shell .site-header-brand>small{
  display:block;margin-top:-4px;color:#9a6c30;
  font-family:'DM Sans',Arial,sans-serif;font-size:7px;font-weight:600;
  letter-spacing:.25em;line-height:1;
}
#nav.site-header-shell .site-header-actions{
  display:flex;grid-column:2;align-items:center;justify-content:flex-end;gap:16px;min-width:0;
}
#nav.site-header-shell .site-header-nav{
  display:flex;flex:0 1 auto;align-items:center;justify-content:center;gap:2px;min-width:0;
  padding:5px;background:#f4eee4;border:1px solid #e4d8c4;border-radius:999px;white-space:nowrap;
}
#nav.site-header-shell .site-header-cart{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  min-height:42px;padding:0 17px;border:1px solid #581c2a;border-radius:999px;
  color:#fff;background:#581c2a;font:600 12px/1.2 'DM Sans',Arial,sans-serif;
  text-decoration:none;white-space:nowrap;letter-spacing:.02em;
}
#nav.site-header-shell .site-header-cart:hover,
#nav.site-header-shell .site-header-cart:focus-visible{color:#581c2a;background:#fff}

#nav.site-header-shell .site-header-nav a{
  position:relative;display:inline-block;padding:10px 12px;border-radius:999px;color:#202b34;
  font-family:'DM Sans',Arial,sans-serif;font-size:12px;font-weight:600;
  letter-spacing:.01em;text-transform:none;line-height:1.2;white-space:nowrap;text-decoration:none;
}
#nav.site-header-shell .site-header-nav a::after{display:none}
#nav.site-header-shell .site-header-nav a[aria-current="page"],
#nav.site-header-shell .site-header-nav a:hover{color:#fff;background:#581c2a}
#nav.site-header-shell .site-header-toggle{display:none}
#nav.site-header-shell .site-header-mobile{display:none}
#nav.site-header-shell + #drawer{z-index:390}
#nav.site-header-shell ~ .frame{margin-top:136px}
@media(max-width:1120px){
  #nav.site-header-shell .site-announcement{height:27px;padding:0 20px}
  #nav.site-header-shell .site-announcement span:last-child{display:none}
  #nav.site-header-shell .site-header-main{
    width:calc(100% - 40px);min-height:68px;grid-template-columns:minmax(0,1fr) auto auto;gap:15px;
  }
  #nav.site-header-shell .site-header-brand>img{width:158px}
  #nav.site-header-shell .site-header-actions{grid-column:2;gap:0}
  #nav.site-header-shell .site-header-nav{display:none}
  #nav.site-header-shell .site-header-cart{padding:0 14px;min-height:40px}
  #nav.site-header-shell .site-header-toggle{
    display:block;grid-column:3;justify-self:end;color:#581c2a;
    background:transparent;border:0;width:34px;height:34px;
    font:400 22px/1 'DM Sans',Arial,sans-serif;cursor:pointer;text-align:center;
  }
  #nav.site-header-shell .site-header-mobile[data-open="true"]{
    position:fixed;top:95px;left:0;right:0;z-index:390;
    display:flex;flex-direction:column;padding:16px 27px 25px;
    background:#fcfaf4;border-top:1px solid #ded6c6;
    box-shadow:0 14px 25px #0b1d3222;
  }
  #nav.site-header-shell .site-header-mobile a{
    display:block;padding:12px 0;border-bottom:1px solid #ded6c6;
    color:#202b34;text-transform:uppercase;
    font:600 12px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.12em;
  }
  #nav.site-header-shell ~ .frame{margin-top:119px}
  #nav.site-header-shell + #drawer{
    position:fixed;inset:95px 0 auto;
    z-index:390;display:none;clip-path:none;transform:none;
    flex-direction:column;justify-content:flex-start;gap:0;
    background:#fcfaf4;border-top:1px solid #ded6c6;
    padding:16px 27px 25px;box-shadow:0 14px 25px #0b1d3222;
  }
  #nav.site-header-shell + #drawer.open{display:flex}
  #nav.site-header-shell + #drawer a{
    display:block;opacity:1;transform:none;border-bottom:1px solid #ded6c6;
    padding:12px 0;color:#202b34;text-transform:uppercase;
    font:600 12px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.12em;
  }
  #nav.site-header-shell + #drawer .kh{display:none}
}
@media(max-width:540px){
  #nav.site-header-shell .site-announcement{font-size:8px;letter-spacing:.08em}
  #nav.site-header-shell .site-header-brand>img{width:144px}
  #nav.site-header-shell .site-header-brand>small{font-size:6px}
  #nav.site-header-shell .site-header-cart{font-size:11px}
}

/* Accessible text contrast in shared desktop and mobile menus. */
#nav.site-header-shell .site-header-nav a:focus-visible{color:#581c2a}
@media(max-width:1120px){
  #nav.site-header-shell .site-header-mobile a:is(:hover,:focus-visible),
  #nav.site-header-shell + #drawer a:is(:hover,:focus-visible){color:#581c2a}
}

/* Visible entry for partner-facing demonstration login, desktop and mobile. */
#nav.site-header-shell a.site-header-partner-login{
 color:#5b1f35!important;border:1px solid #927149;
 padding:9px 12px;text-decoration:none;white-space:nowrap;
 font:700 10px/1.3 'DM Sans',Arial,sans-serif;letter-spacing:.08em;
 text-transform:uppercase;background:#fff8ec;
}
#nav.site-header-shell a.site-header-partner-login:hover,
#nav.site-header-shell a.site-header-partner-login:focus-visible{color:#fff!important;background:#5b1f35}
@media(max-width:1120px){#nav.site-header-shell a.site-header-partner-login{display:none!important}}
@media(min-width:1121px) and (max-width:1290px){#nav.site-header-shell .site-header-actions{gap:8px}#nav.site-header-shell a.site-header-partner-login{padding:7px}}