/* ===== IGNIREE P0 PATCH ===== */
:root{
  --cw-lg:1280px; --cw-xl:1360px; --gutter:20px;
  --logo-m:66px; --logo-d:88px; --logo-xl:98px;
  --wordmark-gap:12px;
  --wm-size-m:18px; --wm-size-d:22px;
  --wm-weight:900; --wm-color:#0f172a;
}
@media (min-width:1200px){
  .container{ width:var(--cw-lg)!important; max-width:var(--cw-lg)!important; margin:0 auto; }
  .container-fluid{ max-width:var(--cw-lg)!important; margin:0 auto; padding:0 var(--gutter); }
  .header .header-inner{ max-width:var(--cw-lg); margin:0 auto; padding-left:var(--gutter); padding-right:var(--gutter); }
}
@media (min-width:1400px){
  .container,.container-fluid{ width:var(--cw-xl)!important; max-width:var(--cw-xl)!important; }
  .header .header-inner{ max-width:var(--cw-xl); }
}
.header{ padding:6px 0; }
.header .header-inner{ display:flex; align-items:center; justify-content:space-between; min-height:calc(var(--logo-d) + 20px); }
.brand{ display:inline-flex; align-items:center; gap:var(--wordmark-gap); text-decoration:none; }
.brand-logo{ height:var(--logo-d); width:auto; display:block; image-rendering:-webkit-optimize-contrast; }

/* Wordmark now visible on ALL sizes; subtitle hidden on mobile */
.brand-wordmark{ display:inline-block; font-weight:var(--wm-weight); color:var(--wm-color); line-height:1; letter-spacing:.3px; font-size:var(--wm-size-m); }
.brand-subline{ display:none; font-size:12px; letter-spacing:.08em; color:#6b7280; margin-top:2px; }

@media (max-width:991px){
  .brand-logo{ height:var(--logo-m); }
  .brand-subline{ display:none; }
}
@media (min-width:992px){
  .brand-wordmark{ font-size:var(--wm-size-d); }
  .brand-subline{ display:block; }
}
.header.header--xl .brand-logo{ height:var(--logo-xl); }

.header-right{ display:inline-flex; align-items:center; gap:12px; }
.hdr-carticon,.hdr-menubtn{
  display:inline-flex; align-items:center; justify-content:center;
  width:42px; height:42px; border-radius:12px;
  border:2px solid var(--brand-600,#ff6a00); color:var(--brand-600,#ff6a00);
  background:#fff; font-size:20px; text-decoration:none; transition:.18s ease;
}
.hdr-carticon:hover,.hdr-menubtn:hover{ background:var(--brand-600,#ff6a00); color:#fff; }

/* Drawer essentials */
.offcanvas-backdrop{ position:fixed; inset:0; background:rgba(15,23,42,.45); z-index:20000; opacity:0; transition:opacity .28s; }
.offcanvas-backdrop.is-visible{ opacity:1; }
.offcanvas{ position:fixed; top:0; right:0; height:100vh; width:min(88vw,380px);
  transform:translateX(100%); transition:transform .28s ease; background:#fff; z-index:20001;
  display:flex; flex-direction:column; box-shadow:-10px 0 30px rgba(0,0,0,.12); }
.offcanvas[aria-hidden="false"]{ transform:translateX(0); }
body.offcanvas-open{ overflow:hidden; }
.offcanvas__header{ display:grid; grid-template-columns:1fr auto; gap:8px; align-items:center;
  padding:12px; border-bottom:1px solid var(--line); position:sticky; top:0; background:#fff; }
.offcanvas__search{ display:grid; grid-template-columns:1fr auto; gap:8px; }
.offcanvas__search .inputbox{ height:40px; padding:0 12px; border:1px solid #e9dccf; border-radius:8px; }
.offcanvas__search .btn{ height:40px; padding:0 14px; border-radius:8px; background:var(--brand-600,#ff6a00); color:#fff; border:1px solid var(--brand-600,#ff6a00); }
.offcanvas__close{ width:40px; height:40px; border:1px solid #eae6e2; border-radius:8px; background:#fff; }
.offcanvas__body{ padding:12px; overflow:auto; -webkit-overflow-scrolling:touch; }
.offcanvas__nav .nav.menu,.offcanvas__nav .nav.menu li,.offcanvas__nav .nav.menu a{ all:unset; display:block; }
.offcanvas__nav .nav.menu{ list-style:none; margin:0; padding:0; }
.offcanvas__nav .nav.menu>li{ margin:10px 0; }
.offcanvas__nav .nav.menu>li>a{ display:block; padding:14px 16px; border-radius:12px; background:#fff; border:1px solid #f0e7dd; color:#1f2937; font-weight:700; text-decoration:none; }
.offcanvas__nav .nav.menu>li.current>a,.offcanvas__nav .nav.menu>li.active>a,.offcanvas__nav .nav.menu>li>a:hover{ background:var(--brand-600,#ff6a00); border-color:var(--brand-600,#ff6a00); color:#fff; }