/* ============================================================================
   HENA CORP — SHARED CHROME (header + Brands mega menu + footer)
   Injected by hena-chrome.js on every page. Self-contained styles.
   ========================================================================== */
:root{
  --hc-cream:#F8FAFA; --hc-ink:#07222A; --hc-ink-60:rgba(7,34,42,.62);
  --hc-teal:#266867; --hc-teal-d:#1A4645; --hc-amber:#F8BC24; --hc-accent:#F58800;
  --hc-line:rgba(7,34,42,.12); --hc-dark:#12100E; --hc-dark-2:#1d1b17;
  --hc-font:'Montserrat','Inter',system-ui,-apple-system,sans-serif;
}

/* ---------- HEADER ---------- */
.hena-bar{position:sticky;top:0;z-index:1000;background:rgba(248,250,250,.9);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--hc-line);font-family:var(--hc-font)}
.hena-bar.scrolled{box-shadow:0 10px 30px -24px rgba(7,34,42,.5)}
.hena-bar-inner{max-width:1200px;margin:0 auto;padding:0 30px;height:66px;
  display:flex;align-items:center;justify-content:space-between;gap:20px}
.hena-logo{display:flex;align-items:center;text-decoration:none}
.hena-logo img{height:40px;width:auto;display:block}
.hena-nav{display:flex;align-items:center;gap:30px}
.hena-nav>a{font-size:.92rem;font-weight:500;color:var(--hc-ink-60);text-decoration:none;
  white-space:nowrap;transition:color .2s}
.hena-nav>a:hover{color:var(--hc-ink)}

/* brands dropdown */
.hena-brands{position:relative}
.hena-brands-btn{font-family:var(--hc-font);font-size:.92rem;font-weight:600;color:var(--hc-ink);
  background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:0}
.hena-brands-btn .car{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg);margin-top:-3px;transition:transform .25s}
.hena-brands.open .hena-brands-btn .car{transform:rotate(-135deg);margin-top:2px}
.hena-mega{position:absolute;top:calc(100% + 16px);right:0;width:520px;
  background:var(--hc-cream);border:1px solid var(--hc-line);border-radius:14px;
  box-shadow:0 30px 70px -28px rgba(7,34,42,.45);padding:14px;
  display:grid;grid-template-columns:1fr 1fr;gap:8px;
  opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s,transform .22s,visibility .22s;z-index:1001}
.hena-brands.open .hena-mega{opacity:1;visibility:visible;transform:none}
.hena-mega::before{content:"";position:absolute;top:-7px;right:42px;width:14px;height:14px;
  background:var(--hc-cream);border-left:1px solid var(--hc-line);border-top:1px solid var(--hc-line);transform:rotate(45deg)}
.hena-tile{display:flex;gap:13px;padding:14px;border-radius:10px;text-decoration:none;color:var(--hc-ink);
  transition:background .2s;position:relative}
.hena-tile:hover{background:rgba(38,104,103,.08)}
.hena-tile.featured{grid-column:1 / -1;background:rgba(38,104,103,.06);border:1px solid var(--hc-line)}
.hena-tile .ic{flex:0 0 42px;width:42px;height:42px;border-radius:10px;background:rgba(7,34,42,.06);border:1px solid var(--hc-line);
  display:flex;align-items:center;justify-content:center}
.hena-tile .ic svg{width:22px;height:22px;color:var(--hc-ink);fill:none;stroke:currentColor;stroke-width:1.7}
.hena-tile .ic .ic-img{width:24px;height:24px;object-fit:contain;filter:brightness(0)}
.hena-tile .tx{min-width:0;display:flex;flex-direction:column}
.hena-tile .nm{font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:8px}
.hena-tile .nm .soonpill{font-size:.56rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--hc-teal-d);background:rgba(38,104,103,.14);border-radius:100px;padding:2px 7px}
.hena-tile .dsc{display:block;font-size:.8rem;color:var(--hc-ink-60);margin-top:2px;line-height:1.35}
.hena-tile .sub{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:9px}
.hena-tile .sub a{font-size:.76rem;font-weight:600;color:var(--hc-teal-d);text-decoration:none;
  border-bottom:1px solid transparent;transition:border-color .2s}
.hena-tile .sub a:hover{border-color:var(--hc-teal-d)}

/* wholesale CTA — matches brand "Visit website" buttons (amber + dark ink) */
.hena-cta{display:inline-flex;align-items:center;text-align:center;line-height:1.15;
  font-size:.82rem;font-weight:700;letter-spacing:.01em;color:var(--hc-ink);background:var(--hc-amber);
  padding:9px 20px;border-radius:100px;text-decoration:none;white-space:normal;
  transition:filter .2s,transform .2s}
.hena-cta:hover{filter:brightness(1.06);transform:translateY(-1px)}

/* burger */
.hena-burger{display:none;background:none;border:0;cursor:pointer;font-size:1.5rem;color:var(--hc-ink);line-height:1}

/* dark theme header (over dark hero pages) */
.hena-bar.dark{background:rgba(14,16,11,.55);border-bottom-color:rgba(255,255,255,.12)}
.hena-bar.dark.scrolled{background:rgba(14,16,11,.9)}
.hena-bar.dark .hena-logo img{filter:brightness(0) invert(1)}
.hena-bar.dark .hena-nav>a{color:rgba(255,255,255,.72)}
.hena-bar.dark .hena-nav>a:hover{color:#fff}
.hena-bar.dark .hena-brands-btn{color:#fff}

/* ---------- FOOTER ---------- */
.hena-foot{background:var(--hc-dark);color:#aaa291;font-family:var(--hc-font);padding:52px 0 36px}
.hena-foot-inner{max-width:1200px;margin:0 auto;padding:0 30px}
.hena-foot-top{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:36px;
  padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.1)}
.hena-foot-logo{height:42px;width:auto;filter:brightness(0) invert(1);margin-bottom:16px}
.hena-foot-blurb{font-size:1.05rem;color:#d8d2c6;max-width:30ch;line-height:1.5;margin-bottom:16px}
.hena-woman{display:inline-block;font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:#8e887b;border:1px solid rgba(255,255,255,.18);padding:6px 12px;border-radius:100px}
.hena-foot-col h4{font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8e887b;margin-bottom:14px}
.hena-foot-col a,.hena-foot-col p{display:block;font-size:.9rem;color:#cfc9bb;text-decoration:none;margin-bottom:9px;line-height:1.5}
.hena-foot-col a:hover{color:var(--hc-amber)}
.hena-foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;
  padding-top:24px;font-size:.76rem;color:#7d7768}
.hena-foot-bottom a{color:#7d7768;text-decoration:none}
.hena-foot-bottom a:hover{color:var(--hc-amber)}

/* ---------- responsive ---------- */
@media(max-width:820px){
  .hena-burger{display:block}
  .hena-nav{position:absolute;top:66px;left:0;right:0;background:var(--hc-cream);
    flex-direction:column;align-items:stretch;gap:0;padding:0 24px;
    border-bottom:1px solid var(--hc-line);max-height:0;overflow:hidden;transition:max-height .3s ease}
  .hena-nav.open{max-height:620px;padding:10px 24px 22px;overflow:auto}
  .hena-bar.dark .hena-nav{background:var(--hc-dark)}
  .hena-nav>a{padding:13px 0;border-bottom:1px solid var(--hc-line)}
  .hena-cta{margin-top:16px;padding:14px 18px;font-size:.95rem;justify-content:center;border-radius:10px}
  .hena-cta br{display:none}
  .hena-brands{position:static}
  .hena-brands-btn{padding:14px 0;width:100%;justify-content:space-between}
  .hena-mega{position:static;width:auto;grid-template-columns:1fr;box-shadow:none;border:0;
    padding:4px 0 8px;opacity:1;visibility:visible;transform:none;background:transparent}
  .hena-mega::before{display:none}
  .hena-bar.dark .hena-tile{color:#fff}
  .hena-bar.dark .hena-tile .dsc{color:rgba(255,255,255,.6)}
  .hena-foot-top{grid-template-columns:1fr;gap:30px}
  .hena-foot-bottom{flex-direction:column;gap:8px}
}