/* Brandlo Header */
.bh-announce,.bh-header,.bh-drawer,.bh-search,.bh-overlay{box-sizing:border-box;font-family:'Poppins',-apple-system,'Segoe UI',sans-serif}
.bh-announce *,.bh-header *,.bh-drawer *,.bh-search *{box-sizing:border-box}
html.bh-lock{overflow:hidden!important}

/* ---------- Announcement bar ---------- */
.bh-announce{position:relative;overflow:hidden;background:var(--bh-ann);color:#fff;padding:0 52px;min-height:42px;display:flex;align-items:center;justify-content:center;text-align:center;z-index:9991;animation:bhAnnIn .6s cubic-bezier(.22,1,.36,1) both}
.bh-announce:after{content:"";position:absolute;top:0;bottom:0;left:-30%;width:22%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);animation:bhShine 6s ease-in-out 1.2s infinite;pointer-events:none}
html.bh-ann-off .bh-announce{display:none}
.bh-announce .bh-ann-text{margin:0;padding:9px 0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 14px;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;line-height:1.4;color:#fff}
.bh-ann-sep{display:inline-block;width:22px;height:1px;background:rgba(255,255,255,.7)}
.bh-announce .bh-ann-link{display:inline-flex;align-items:center;gap:7px;color:#fff!important;font-weight:600;text-decoration:none!important;border-bottom:1px solid rgba(255,255,255,.8);padding-bottom:1px;font-family:inherit!important}
.bh-announce .bh-ann-link svg{transition:transform .3s cubic-bezier(.22,1,.36,1)}
.bh-announce .bh-ann-link:hover svg{transform:translateX(5px)}
.bh-ann-close{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.85;transition:background .25s,opacity .25s}
.bh-ann-close:hover{background:rgba(255,255,255,.2);opacity:1}
.bh-ann-close svg{width:16px;height:16px}
@keyframes bhAnnIn{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}
@keyframes bhShine{0%{left:-30%}35%,100%{left:130%}}

/* ---------- Header ---------- */
.bh-header{background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid #eee;z-index:9990;width:100%;transition:box-shadow .35s}
.bh-header.bh-scrolled{box-shadow:0 8px 30px rgba(0,0,0,.08)}
.bh-main{max-width:1400px;margin:0 auto;padding:0 32px;height:84px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;transition:height .35s cubic-bezier(.22,1,.36,1)}
.bh-header.bh-scrolled .bh-main{height:64px}
.bh-left{display:flex;align-items:center;gap:10px;justify-self:start}
.bh-right{display:flex;align-items:center;gap:4px;justify-self:end}

.bh-logo{display:flex;align-items:center;line-height:0}
.bh-logo img{height:54px;width:auto;max-width:none;display:block;transition:height .35s cubic-bezier(.22,1,.36,1)}
.bh-header.bh-scrolled .bh-logo img{height:42px}

.bh-name{justify-self:center;text-align:center}
.bh-header .bh-name a{font-family:'Playfair Display',Georgia,serif!important;font-weight:700;font-size:clamp(20px,2.6vw,30px);letter-spacing:.38em;margin-right:-.38em;text-transform:uppercase;color:#111!important;text-decoration:none!important;line-height:1;display:inline-block;position:relative;transition:letter-spacing .5s cubic-bezier(.22,1,.36,1),color .3s}
.bh-header .bh-name a:after{content:"";position:absolute;left:50%;bottom:-8px;width:0;height:2px;background:var(--bh-accent);transform:translateX(-50%);transition:width .4s cubic-bezier(.22,1,.36,1)}
.bh-header .bh-name a:hover:after{width:42%}

.bh-btn{position:relative;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:transparent;color:#111!important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none!important;transition:background .25s,color .25s,transform .25s;box-shadow:none!important}
.bh-btn:hover{background:rgba(0,0,0,.05);color:var(--bh-accent)!important}
.bh-burger{display:none}
.bh-cart-count{position:absolute;top:3px;right:1px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--bh-accent);color:#fff;font-size:10px;font-weight:600;line-height:17px;text-align:center;font-family:'Poppins',sans-serif;transition:transform .3s}
.bh-cart-count.bh-zero{display:none}

/* ---------- Nav row ---------- */
.bh-nav{border-top:1px solid #f1f1f1}
.bh-nav .bh-menu,.bh-drawer .bh-menu{list-style:none;margin:0;padding:0}
.bh-nav .bh-menu{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 38px}
.bh-nav .bh-menu>li{position:relative;margin:0;padding:0}
.bh-nav .bh-menu a{display:block;position:relative;padding:14px 0;font-family:'Poppins',sans-serif!important;font-size:12.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#222!important;text-decoration:none!important;transition:color .25s}
.bh-nav .bh-menu>li>a:after{content:"";position:absolute;left:0;right:0;bottom:8px;height:2px;background:var(--bh-accent);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.bh-nav .bh-menu>li:hover>a:after,.bh-nav .bh-menu>li.current-menu-item>a:after,.bh-nav .bh-menu>li.current-menu-ancestor>a:after{transform:scaleX(1)}
.bh-nav .bh-menu>li:hover>a{color:var(--bh-accent)!important}
.bh-nav .sub-menu{list-style:none;margin:0;padding:10px 0;position:absolute;top:100%;left:-20px;min-width:220px;background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.12);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s,transform .3s,visibility .3s;z-index:5}
.bh-nav li:hover>.sub-menu,.bh-nav li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.bh-nav .sub-menu a{padding:10px 22px;letter-spacing:.1em;font-size:12px;white-space:nowrap}
.bh-nav .sub-menu a:hover{color:var(--bh-accent)!important;background:#faf6f2}

/* ---------- Overlay / drawer / search ---------- */
.bh-overlay{position:fixed;inset:0;background:rgba(10,10,10,.5);opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;z-index:9992}
html.bh-drawer-open .bh-overlay,html.bh-search-open .bh-overlay{opacity:1;visibility:visible}

.bh-drawer{position:fixed;top:0;left:0;bottom:0;width:min(86vw,340px);background:#fff;z-index:9994;transform:translateX(-102%);transition:transform .45s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;overflow-y:auto;box-shadow:20px 0 50px rgba(0,0,0,.15)}
html.bh-drawer-open .bh-drawer{transform:none}
.bh-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 18px 26px;border-bottom:1px solid #eee}
.bh-drawer-name{font-family:'Playfair Display',serif;font-weight:700;font-size:20px;letter-spacing:.3em;text-transform:uppercase;color:#111}
.bh-drawer .bh-menu{padding:10px 0}
.bh-drawer .bh-menu a{display:block;padding:15px 26px;font-family:'Poppins',sans-serif!important;font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#222!important;text-decoration:none!important;border-bottom:1px solid #f4f4f4}
.bh-drawer .bh-menu a:hover{color:var(--bh-accent)!important;background:#faf6f2}
.bh-drawer .sub-menu{list-style:none;margin:0;padding:0;background:#fafafa}
.bh-drawer .sub-menu a{padding-left:44px;font-size:12px;letter-spacing:.08em}

.bh-search{position:fixed;left:0;right:0;top:0;background:#fff;padding:34px 6vw;z-index:9995;transform:translateY(-102%);transition:transform .45s cubic-bezier(.22,1,.36,1);box-shadow:0 20px 50px rgba(0,0,0,.15);display:flex;align-items:center;gap:12px}
html.bh-search-open .bh-search{transform:none}
.bh-search form{flex:1;display:flex;align-items:center;border-bottom:2px solid #111;max-width:900px;margin:0 auto}
.bh-search input[type=search]{flex:1;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;font-size:clamp(18px,3vw,28px);padding:10px 4px;font-family:'Playfair Display',serif!important;color:#111;border-radius:0!important}
.bh-search form:focus-within{border-color:var(--bh-accent)}

/* ---------- Responsive ---------- */
@media (max-width:960px){
  .bh-nav{display:none}
  .bh-burger{display:inline-flex}
  .bh-main{padding:0 14px;height:70px}
  .bh-header.bh-scrolled .bh-main{height:60px}
  .bh-logo img{height:40px}
  .bh-header.bh-scrolled .bh-logo img{height:34px}
  .bh-header .bh-name a{font-size:clamp(16px,4.6vw,22px);letter-spacing:.28em;margin-right:-.28em}
  .bh-account{display:none}
}
@media (max-width:520px){
  .bh-announce{padding:0 40px}
  .bh-announce .bh-ann-text{font-size:10.5px;letter-spacing:.1em;gap:4px 10px}
  .bh-ann-sep{display:none}
  .bh-ann-close{right:6px}
  .bh-logo{display:none}
}
@media (prefers-reduced-motion:reduce){.bh-announce,.bh-announce:after{animation:none!important}}