/* V102.51.15.65.89.4 — Brands logo uses the Home canonical 150px desktop scale. */
/* V102.51.15.65.70 - Canonical ElixeMarket public header/footer.
 * Phase 1 scope: /brand-development/ index only via .emwh-public-system.
 * No editorial imagery is introduced here; brand-card media remains the only
 * content imagery on the Brands index.
 */

/* ---------- Canonical public header ---------- */
.emwh-public-system .emwh-public-site-header,
.emwh-public-system .emwh-brand-site-header{
  position:relative!important;
  z-index:80!important;
  background:#030812!important;
  border-bottom:1px solid rgba(147,197,253,.16)!important;
  color:#fff!important;
}
.emwh-public-system .emwh-public-site-header .emwh-public-site-wrap,
.emwh-public-system .emwh-brand-site-header-inner{
  width:min(var(--em-public-wrap),calc(100% - 48px))!important;
  max-width:var(--em-public-wrap)!important;
  min-height:88px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:28px!important;
}
.emwh-public-system .emwh-public-site-logo,
.emwh-public-system .emwh-brand-site-logo{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  width:156px!important;
  min-width:156px!important;
  text-decoration:none!important;
}
.emwh-public-system .emwh-public-site-logo img,
.emwh-public-system .emwh-brand-site-logo img{
  display:block!important;
  width:150px!important;
  max-width:150px!important;
  max-height:none!important;
  height:auto!important;
  object-fit:contain!important;
}
.emwh-public-system .emwh-public-site-logo strong{
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
.emwh-public-system .emwh-public-site-nav,
.emwh-public-system .emwh-brand-site-nav{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  min-width:0!important;
}
.emwh-public-system .emwh-public-site-nav a,
.emwh-public-system .emwh-brand-site-nav a{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:0 4px!important;
  color:#d5dbe4!important;
  background:transparent!important;
  border:1px solid transparent!important;
  border-radius:0!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  font-size:10px!important;
  line-height:1.1!important;
  letter-spacing:.055em!important;
  font-weight:820!important;
  white-space:nowrap!important;
  transition:color .18s ease,border-color .18s ease,background .18s ease!important;
}
.emwh-public-system .emwh-public-site-nav a:hover,
.emwh-public-system .emwh-brand-site-nav a:hover,
.emwh-public-system .emwh-public-site-nav a:focus-visible,
.emwh-public-system .emwh-brand-site-nav a:focus-visible{
  color:#fff!important;
  background:rgba(255,255,255,.025)!important;
}
.emwh-public-system .emwh-public-site-nav a.is-framed,
.emwh-public-system .emwh-brand-site-nav a.is-framed{
  min-height:54px!important;
  padding:0 12px!important;
  border-color:rgba(185,130,43,.26)!important;
  background:rgba(255,255,255,.015)!important;
}
.emwh-public-system .emwh-public-site-nav a.is-framed:hover,
.emwh-public-system .emwh-brand-site-nav a.is-framed:hover{
  border-color:rgba(185,130,43,.52)!important;
}
.emwh-public-system .emwh-public-site-nav a.is-current,
.emwh-public-system .emwh-brand-site-nav a.is-current{
  color:#93c5fd!important;
  font-weight:900!important;
}
.emwh-public-system .emwh-public-site-nav a.is-current:after,
.emwh-public-system .emwh-brand-site-nav a.is-current:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-2px!important;
  height:2px!important;
  border-radius:2px!important;
  background:#2f80ed!important;
}
.emwh-public-system .emwh-public-site-nav a.is-framed.is-current:after,
.emwh-public-system .emwh-brand-site-nav a.is-framed.is-current:after{
  left:12px!important;
  right:12px!important;
  bottom:5px!important;
}

/* ---------- Mobile public navigation ---------- */
.emwh-public-system .emwh-public-site-mobile-nav,
.emwh-public-system .emwh-brand-site-mobile-nav{
  display:none!important;
  margin-left:auto!important;
  position:relative!important;
}
.emwh-public-system .emwh-public-site-mobile-nav summary,
.emwh-public-system .emwh-brand-site-mobile-nav summary{
  cursor:pointer!important;
  list-style:none!important;
  min-height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  border:1px solid rgba(147,197,253,.28)!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.78)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:850!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
.emwh-public-system .emwh-public-site-mobile-nav summary::-webkit-details-marker,
.emwh-public-system .emwh-brand-site-mobile-nav summary::-webkit-details-marker{display:none!important}
.emwh-public-system .emwh-public-site-mobile-nav nav,
.emwh-public-system .emwh-brand-site-mobile-nav nav{
  position:absolute!important;
  right:0!important;
  top:calc(100% + 10px)!important;
  z-index:90!important;
  width:min(310px,calc(100vw - 36px))!important;
  padding:9px!important;
  border:1px solid rgba(147,197,253,.24)!important;
  border-radius:18px!important;
  background:#0b1424!important;
  box-shadow:0 22px 60px rgba(0,0,0,.42)!important;
}
.emwh-public-system .emwh-public-site-mobile-nav nav a,
.emwh-public-system .emwh-brand-site-mobile-nav nav a{
  display:block!important;
  padding:11px 12px!important;
  border-radius:10px!important;
  color:#cbd5e1!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  font-size:11px!important;
  font-weight:780!important;
  letter-spacing:.045em!important;
}
.emwh-public-system .emwh-public-site-mobile-nav nav a:hover,
.emwh-public-system .emwh-public-site-mobile-nav nav a.is-current,
.emwh-public-system .emwh-brand-site-mobile-nav nav a:hover,
.emwh-public-system .emwh-brand-site-mobile-nav nav a.is-current{
  background:rgba(47,128,237,.12)!important;
  color:#93c5fd!important;
}

/* ---------- Canonical public footer ---------- */
.emwh-public-system .emwh-public-site-footer,
.emwh-public-system .emwh-brand-site-footer{
  background:#020617!important;
  padding:52px 24px 0!important;
  border-top:1px solid rgba(47,128,237,.14)!important;
  color:#d1d5db!important;
}
.emwh-public-system .emwh-public-site-footer .emwh-public-site-wrap,
.emwh-public-system .emwh-brand-site-footer-inner{
  width:min(var(--em-public-wrap),100%)!important;
  max-width:var(--em-public-wrap)!important;
  margin:0 auto!important;
}
.emwh-public-system .emwh-brand-site-footer-inner{
  padding:0 0 34px!important;
  display:grid!important;
  grid-template-columns:1.35fr .85fr 1.15fr 1.25fr .75fr!important;
  gap:34px!important;
  align-items:start!important;
}
.emwh-public-system .emwh-public-site-footer-about,
.emwh-public-system .emwh-brand-site-footer-intro{
  min-width:0!important;
}
.emwh-public-system .emwh-public-site-footer-logo{
  display:block!important;
  width:208px!important;
  max-width:100%!important;
  height:auto!important;
  margin:-6px 0 20px!important;
  object-fit:contain!important;
}
.emwh-public-system .emwh-public-site-footer-about>strong,
.emwh-public-system .emwh-brand-site-footer-intro>strong{
  display:block!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  margin-bottom:18px!important;
}
.emwh-public-system .emwh-public-site-footer-about p,
.emwh-public-system .emwh-brand-site-footer-intro p{
  max-width:330px!important;
  color:#b9c2cf!important;
  font-size:15px!important;
  line-height:1.65!important;
  margin:0!important;
}
.emwh-public-system .emwh-public-site-footer-about p+p,
.emwh-public-system .emwh-brand-site-footer-intro p+p{margin-top:12px!important}
.emwh-public-system .emwh-public-site-footer-group h4{
  color:#fff!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:13px!important;
  line-height:1.2!important;
  margin:0 0 16px!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  font-weight:800!important;
}
.emwh-public-system .emwh-public-site-footer-group a{
  display:block!important;
  color:#cbd5e1!important;
  font-size:14px!important;
  line-height:1.45!important;
  text-decoration:none!important;
  margin:0 0 10px!important;
  padding:0!important;
  transition:color .22s ease,transform .22s ease!important;
}
.emwh-public-system .emwh-public-site-footer-group a:hover,
.emwh-public-system .emwh-public-site-footer-group a:focus-visible{
  color:#93c5fd!important;
  transform:translateX(2px)!important;
}
.emwh-public-system .emwh-public-site-footer-bottom,
.emwh-public-system .emwh-brand-site-footer-meta{
  margin:0!important;
  padding:0!important;
  background:#020617!important;
  border-top:1px solid rgba(47,128,237,.14)!important;
}
.emwh-public-system .emwh-public-site-footer-bottom .emwh-public-site-wrap,
.emwh-public-system .emwh-brand-site-footer-meta>div{
  width:min(var(--em-public-wrap),100%)!important;
  max-width:var(--em-public-wrap)!important;
  min-height:70px!important;
  margin:0 auto!important;
  padding:18px 0 20px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:20px!important;
  flex-wrap:wrap!important;
  color:#94a3b8!important;
  font-size:13px!important;
  line-height:1.5!important;
}

@media(max-width:1180px){
  .emwh-public-system .emwh-public-site-nav,
  .emwh-public-system .emwh-brand-site-nav{display:none!important}
  .emwh-public-system .emwh-public-site-mobile-nav,
  .emwh-public-system .emwh-brand-site-mobile-nav{display:block!important}
}
@media(max-width:1080px){
  .emwh-public-system .emwh-brand-site-footer-inner{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:767px){
  .emwh-public-system .emwh-public-site-header .emwh-public-site-wrap,
  .emwh-public-system .emwh-brand-site-header-inner{
    width:calc(100% - 36px)!important;
    min-height:72px!important;
  }
  .emwh-public-system .emwh-public-site-logo,
  .emwh-public-system .emwh-brand-site-logo{
    width:112px!important;
    min-width:112px!important;
  }
  .emwh-public-system .emwh-public-site-logo img,
  .emwh-public-system .emwh-brand-site-logo img{
    width:106px!important;
    max-width:106px!important;
    max-height:48px!important;
  }
  .emwh-public-system .emwh-public-site-footer,
  .emwh-public-system .emwh-brand-site-footer{padding:48px 18px 0!important}
  .emwh-public-system .emwh-public-site-footer .emwh-public-site-wrap,
  .emwh-public-system .emwh-brand-site-footer-inner,
  .emwh-public-system .emwh-public-site-footer-bottom .emwh-public-site-wrap,
  .emwh-public-system .emwh-brand-site-footer-meta>div{width:100%!important}
  .emwh-public-system .emwh-public-site-footer-bottom .emwh-public-site-wrap,
  .emwh-public-system .emwh-brand-site-footer-meta>div{
    min-height:64px!important;
    padding:16px 0 18px!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:640px){
  .emwh-public-system .emwh-brand-site-footer-inner{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  .emwh-public-system .emwh-public-site-footer-bottom .emwh-public-site-wrap,
  .emwh-public-system .emwh-brand-site-footer-meta>div{
    flex-direction:column!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .emwh-public-system .emwh-public-site-nav a,
  .emwh-public-system .emwh-brand-site-nav a,
  .emwh-public-system .emwh-public-site-footer-group a{transition:none!important}
}

/* ========================================================================
 * V102.51.15.65.71 - Public header scale + compact canonical footer.
 * Align the Brands chrome with the scale of the existing ElixeMarket pages.
 * Body/editorial width remains 1180px; the public header uses a wider rail.
 * ======================================================================== */
:root{
  --em-public-header-wrap:1640px;
}

/* Desktop header: same visual presence as the current public website. */
@media(min-width:1181px){
  .emwh-public-system .emwh-public-site-header .emwh-public-site-wrap,
  .emwh-public-system .emwh-brand-site-header-inner{
    width:min(var(--em-public-header-wrap),calc(100% - 64px))!important;
    max-width:var(--em-public-header-wrap)!important;
    min-height:158px!important;
    gap:42px!important;
  }
  .emwh-public-system .emwh-public-site-logo,
  .emwh-public-system .emwh-brand-site-logo{
    width:156px!important;
    min-width:156px!important;
  }
  .emwh-public-system .emwh-public-site-logo img,
  .emwh-public-system .emwh-brand-site-logo img{
    width:150px!important;
    max-width:150px!important;
    max-height:none!important;
  }
  .emwh-public-system .emwh-public-site-nav,
  .emwh-public-system .emwh-brand-site-nav{
    gap:18px!important;
  }
  .emwh-public-system .emwh-public-site-nav a,
  .emwh-public-system .emwh-brand-site-nav a{
    min-height:52px!important;
    padding:0 3px!important;
    font-size:11.5px!important;
    letter-spacing:.075em!important;
    font-weight:820!important;
  }
  .emwh-public-system .emwh-public-site-nav a.is-framed,
  .emwh-public-system .emwh-brand-site-nav a.is-framed{
    min-height:58px!important;
    padding:0 16px!important;
  }
  .emwh-public-system .emwh-public-site-nav a.is-framed.is-current:after,
  .emwh-public-system .emwh-brand-site-nav a.is-framed.is-current:after{
    left:16px!important;
    right:16px!important;
    bottom:6px!important;
  }
}

/* Keep a useful desktop/tablet rail before switching to mobile navigation. */
@media(min-width:1181px) and (max-width:1380px){
  .emwh-public-system .emwh-public-site-header .emwh-public-site-wrap,
  .emwh-public-system .emwh-brand-site-header-inner{
    width:calc(100% - 40px)!important;
    gap:24px!important;
  }
  .emwh-public-system .emwh-public-site-logo,
  .emwh-public-system .emwh-brand-site-logo{
    width:156px!important;
    min-width:156px!important;
  }
  .emwh-public-system .emwh-public-site-logo img,
  .emwh-public-system .emwh-brand-site-logo img{
    width:150px!important;
    max-width:150px!important;
  }
  .emwh-public-system .emwh-public-site-nav,
  .emwh-public-system .emwh-brand-site-nav{gap:10px!important}
  .emwh-public-system .emwh-public-site-nav a,
  .emwh-public-system .emwh-brand-site-nav a{font-size:10.5px!important;letter-spacing:.055em!important}
  .emwh-public-system .emwh-public-site-nav a.is-framed,
  .emwh-public-system .emwh-brand-site-nav a.is-framed{padding:0 10px!important}
}

/* Canonical footer: same information, less vertical weight. */
.emwh-public-system .emwh-public-site-footer,
.emwh-public-system .emwh-brand-site-footer{
  padding:38px 24px 0!important;
}
.emwh-public-system .emwh-brand-site-footer-inner{
  padding:0 0 24px!important;
  gap:26px!important;
}
.emwh-public-system .emwh-public-site-footer-logo{
  width:182px!important;
  margin:-3px 0 14px!important;
}
.emwh-public-system .emwh-public-site-footer-about p,
.emwh-public-system .emwh-brand-site-footer-intro p{
  max-width:315px!important;
  font-size:14px!important;
  line-height:1.56!important;
}
.emwh-public-system .emwh-public-site-footer-about p+p,
.emwh-public-system .emwh-brand-site-footer-intro p+p{
  margin-top:8px!important;
}
.emwh-public-system .emwh-public-site-footer-group h4{
  margin-bottom:12px!important;
  font-size:12.5px!important;
}
.emwh-public-system .emwh-public-site-footer-group a{
  margin-bottom:7px!important;
  font-size:13.5px!important;
  line-height:1.38!important;
}
.emwh-public-system .emwh-public-site-footer-bottom .emwh-public-site-wrap,
.emwh-public-system .emwh-brand-site-footer-meta>div{
  min-height:54px!important;
  padding:13px 0 14px!important;
  font-size:12px!important;
}

@media(max-width:1080px){
  .emwh-public-system .emwh-brand-site-footer-inner{gap:24px!important}
}
@media(max-width:767px){
  .emwh-public-system .emwh-public-site-footer,
  .emwh-public-system .emwh-brand-site-footer{padding:36px 18px 0!important}
  .emwh-public-system .emwh-public-site-footer-logo{width:170px!important;margin-bottom:12px!important}
}
@media(max-width:640px){
  .emwh-public-system .emwh-brand-site-footer-inner{gap:24px!important;padding-bottom:20px!important}
}


/* V102.51.15.65.89.7 - Locale-stable canonical Brands header (EN / ES / FR).
 * Keep the Home logo scale, never wrap desktop navigation, and switch to the
 * existing mobile menu before labels can overlap the logo. Scoped to the
 * plugin-generated public Brand chrome only. */
@media(min-width:1501px){
  .emwh-public-system .emwh-public-site-header .emwh-public-site-wrap,
  .emwh-public-system .emwh-brand-site-header-inner{
    display:grid!important;grid-template-columns:156px minmax(0,1fr)!important;align-items:center!important;column-gap:32px!important;
  }
  .emwh-public-system .emwh-public-site-logo,
  .emwh-public-system .emwh-brand-site-logo{grid-column:1!important;width:156px!important;min-width:156px!important;max-width:156px!important;justify-self:start!important}
  .emwh-public-system .emwh-public-site-logo img,
  .emwh-public-system .emwh-brand-site-logo img{width:150px!important;max-width:150px!important;height:auto!important}
  .emwh-public-system .emwh-public-site-nav,
  .emwh-public-system .emwh-brand-site-nav{grid-column:2!important;margin:0!important;display:flex!important;flex-wrap:nowrap!important;justify-content:flex-end!important;gap:clamp(7px,.72vw,14px)!important;min-width:0!important}
  .emwh-public-system .emwh-public-site-nav a,
  .emwh-public-system .emwh-brand-site-nav a{flex:0 0 auto!important;white-space:nowrap!important;font-size:clamp(9.5px,.58vw,11px)!important;letter-spacing:.045em!important;padding-left:2px!important;padding-right:2px!important}
  .emwh-public-system .emwh-public-site-nav a.is-framed,
  .emwh-public-system .emwh-brand-site-nav a.is-framed{padding-left:10px!important;padding-right:10px!important}
}
@media(min-width:1181px) and (max-width:1500px){
  .emwh-public-system .emwh-public-site-nav,
  .emwh-public-system .emwh-brand-site-nav{display:none!important}
  .emwh-public-system .emwh-public-site-mobile-nav,
  .emwh-public-system .emwh-brand-site-mobile-nav{display:block!important}
}