/* Shared site CSS: header, footer, drawer, chatbot basics, and mobile defaults */
:root{
  --maxw:1100px;
  --card:#fff;
  --border:#e5e7eb;
  --text:#0f172a;
  --muted:#64748b;
  --accent:#2563eb;
}
html,body{max-width:100%;}
img{max-width:100%;height:auto;display:block}
/* Header component basics (copied and simplified) */
.hc-header{position:sticky;top:0;z-index:100000;border-bottom:1px solid rgba(15,23,42,0.10);background:rgba(255,255,255,0.92);backdrop-filter:blur(8px)}
.hc-header-wrap{max-width:var(--maxw);margin:0 auto;padding:10px 14px;display:flex;align-items:center;gap:10px}
.hc-logo{font-weight:900;font-size:18px}
.hc-nav{display:flex;gap:8px;margin-left:8px}
.hc-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.hc-btn, .hc-iconbtn{height:42px;padding:0 12px;border-radius:12px}
/* Drawer/backdrop */
.hc-backdrop{position:fixed;inset:0;z-index:200000;background:rgba(0,0,0,0.45);display:none}
.hc-backdrop.open{display:block}
.hc-drawer{position:fixed;top:0;right:0;z-index:200001;height:100vh;width:min(360px,92vw);background:#fff;border-left:1px solid rgba(15,23,42,.08);box-shadow:0 18px 60px rgba(15,23,42,.18);transform:translateX(102%);transition:transform .18s}
.hc-drawer.open{transform:translateX(0)}
/* Footer */
.hc-footer{margin-top:56px;padding:42px 18px 28px;border-top:1px solid var(--border);background:rgba(15,23,42,0.02);color:var(--text)}
.hc-footer-wrap{max-width:var(--maxw);margin:0 auto;display:flex;flex-wrap:wrap;gap:26px;justify-content:space-between}
/* Chatbot */
#hcChatbotMount{position:fixed;right:14px;bottom:14px;z-index:150000}
.hsr-chat-launcher{position:fixed;bottom:18px;right:18px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;z-index:150001}
.hsr-chat-box{position:fixed;bottom:78px;right:18px;width:320px;max-width:92vw;background:#fff;border-radius:16px;box-shadow:0 16px 40px rgba(15,23,42,.22);border:1px solid #e5e7eb;padding:10px;display:none;z-index:150002}
/* Mobile defaults */
@media(max-width:820px){
  .hc-nav{display:none}
  .hc-btn, .hc-iconbtn{min-height:44px;padding:10px 12px}
  html,body{overflow-x:hidden}
}
/* Utility */
.container{width:90%;max-width:var(--maxw);margin:0 auto}

/* Debug helper (commented out by default) */
/*
@media(max-width:480px){
  .dbg-overflow{outline:2px solid rgba(255,0,0,0.7)!important}
}
*/
