/* ===========================================================
   header.css — announcement bar + navbar
   =========================================================== */
.topbar{
  background:linear-gradient(90deg,var(--peach-400),var(--coral));
  color:#fff;font-size:.8rem;letter-spacing:.08em;
  text-align:center;padding:8px 12px;font-weight:300;
}
.topbar i{margin:0 6px;opacity:.85}

.navbar{
  background:#fff;
  border-bottom:1px solid var(--line);padding:.6rem 0;
}
.brand-logo{
  font-family:'Cormorant Garamond',serif;font-weight:700;
  font-size:1.9rem;letter-spacing:.04em;color:var(--ink);
}
.brand-logo span{color:var(--coral)}
.navbar .nav-link{
  color:var(--ink);font-weight:400;font-size:.93rem;
  margin:0 .35rem;position:relative;letter-spacing:.02em;
}
.navbar .nav-link::after{
  content:"";position:absolute;left:50%;bottom:2px;width:0;height:1.5px;
  background:var(--coral);transition:.3s;transform:translateX(-50%);
}
.navbar .nav-link:hover::after,.navbar .nav-link.active::after{width:60%}
.navbar .nav-link:hover{color:var(--coral)}
.nav-icon{
  font-size:1.15rem;color:var(--ink);position:relative;
  width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:50%;transition:.25s;
}
.nav-icon:hover{background:var(--peach-100);color:var(--coral)}
.cart-badge{
  position:absolute;top:4px;right:2px;background:var(--coral);color:#fff;
  font-size:.6rem;width:17px;height:17px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-weight:600;
}

@media (max-width:991px){
  .navbar .nav-link{margin:.3rem 0}
}

/* brand logo image (header) */
.brand-img{height:44px;width:auto;display:block}
@media (max-width:575px){ .brand-img{height:38px} }

/* mobile side-drawer (offcanvas) */
.xlamia-drawer{--bs-offcanvas-width:290px}
.xlamia-drawer .offcanvas-header{border-bottom:1px solid var(--line)}
.xlamia-drawer .offcanvas-body{padding:18px 20px}
@media (max-width:991.98px){
  .xlamia-drawer .navbar-nav{width:100%}
  .xlamia-drawer .nav-link{padding:12px 4px;border-bottom:1px solid var(--line);font-size:1rem}
  .xlamia-drawer .nav-link::after{display:none}
  .xlamia-drawer .nav-actions{width:100%;margin-top:18px}
  .xlamia-drawer .nav-actions .btn-outline-peach{width:100%;text-align:center}
}