/* Bibhakar Spices — base, header, footer. Section styles live in content.css. */
:root{--red:#9B1C1F;--red-dk:#7A1418;--ink:#2B1E17;--muted:#5E4D42;--brown:#231812;--cream:#F6EFE3;--paper:#FFFCF7;--line:#E4D8C5;--gold:#D9B77A;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif}
*,*::before,*::after{box-sizing:content-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);font-family:var(--sans);color:var(--ink);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
body.lang-zh{font-family:'Manrope','PingFang SC','Microsoft YaHei','Noto Sans SC',system-ui,sans-serif}
h1,h2,h3,p{margin:0}
a{color:var(--red);text-decoration:none}a:hover{color:var(--red-dk)}
img{max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
input,select,textarea{box-sizing:border-box;max-width:100%}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}
[id]{scroll-margin-top:24px}
details>summary{list-style-position:outside}
.bs-skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--brown);color:#fff;padding:10px 16px}
.bs-skip:focus{left:8px;top:8px;color:#fff}

/* main mimics the design's flex column */
.bs-main{display:flex;flex-direction:column;overflow-wrap:break-word;overflow-x:clip}
.bs-main>.bs-top{flex-shrink:0}
.bs-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.bs-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.bs-notice{grid-column:1/-1;padding:16px 18px;border-radius:6px;font-weight:600;line-height:1.5}
.bs-notice--ok{background:#E8F2E6;color:#1E4D1F;border:1px solid #B9D6B4}
.bs-notice--err{background:#FBE9E7;color:#7A1418;border:1px solid #E9B9B3}
[data-bs-tab]{cursor:pointer}
.bs-hidden{display:none!important}

/* top bar */
.bs-topbar{height:40px;background:var(--brown);color:#EADFCC;display:flex;align-items:center;justify-content:space-between;padding:0 max(80px,calc((100% - 1280px)/2));font-size:13px;letter-spacing:.02em;gap:24px}
.bs-topbar a{color:#EADFCC}.bs-topbar a:hover{color:#fff}
.bs-topbar__r{display:flex;gap:24px;align-items:center;white-space:nowrap}
.bs-langs{display:flex;gap:12px;align-items:center}
.bs-langs span{opacity:.4}
.bs-langs a.is-current{color:var(--paper);font-weight:700}

/* header */
.bs-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(80px,calc((100% - 1280px)/2));border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:20}
.bs-logo{display:flex;align-items:center;flex-shrink:0}
.bs-logo img{width:134px;height:64px;display:block;object-fit:contain}
.bs-nav{display:flex;gap:36px;font-size:15px;font-weight:500}
.bs-nav>a{color:var(--ink)}
.bs-nav>a:hover,.bs-nav>a[aria-current=page]{color:var(--red)}
.bs-nav__langs,.bs-nav__cta{display:none}
.bs-btn{height:48px;padding:0 24px;display:inline-flex;align-items:center;background:var(--red);color:var(--paper);border-radius:4px;font-weight:600;font-size:15px;white-space:nowrap}
.bs-btn:hover{background:var(--red-dk);color:var(--paper)}
.bs-burger{display:none;width:44px;height:44px;border:0;background:transparent;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);padding:0}

/* footer */
.bs-footer{padding:80px max(80px,calc((100% - 1280px)/2)) 48px;background:var(--brown);color:#D8CBB8;display:flex;flex-direction:column;gap:56px;font-size:14px}
.bs-footer a{color:#D8CBB8}.bs-footer a:hover{color:#fff}
.bs-footer__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px}
.bs-footer__col{display:flex;flex-direction:column;gap:12px;line-height:1.6}
.bs-footer__co img{width:146px;height:70px;display:block;object-fit:contain}
.bs-footer__h{color:var(--paper);font-weight:700;letter-spacing:.1em;font-size:12px}
.bs-footer__bar{display:flex;justify-content:space-between;gap:24px;padding-top:24px;border-top:1px solid #4A3A2F;font-size:13px}
.bs-footer__bar nav{display:flex;gap:8px 20px;flex-wrap:wrap;justify-content:flex-end}
.bs-chat{position:fixed;right:24px;bottom:24px;width:56px;height:56px;border-radius:28px;background:var(--brown);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(35,24,18,.25);z-index:30}
.bs-chat:hover{background:var(--red)}

/* simple pages (sitemap, 404, unmanaged pages) */
.bs-prose{max-width:860px;margin:0 auto;padding:72px 24px 96px;font-size:17px;line-height:1.7}
.bs-prose h1{font-family:var(--serif);font-size:56px;font-weight:600;line-height:1.05;margin-bottom:24px}
.bs-prose h2{font-family:var(--serif);font-size:32px;font-weight:600;margin:40px 0 12px}
.bs-prose ul{padding-left:20px}
.bs-prose li{margin:6px 0}
.bs-eyebrow{font-size:13px;font-weight:700;letter-spacing:.18em;color:var(--red)}
.bs-sitemap ul{columns:2;column-gap:40px}

@media (max-width:1200px){
.bs-nav{gap:22px;font-size:14px}
.bs-topbar>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
}
@media (max-width:1024px){
.bs-topbar{padding:0 32px}
.bs-topbar>span{display:none}
.bs-topbar{justify-content:flex-end}
.bs-header{padding:0 32px;height:72px}
.bs-header__cta{display:none}
.bs-burger{display:inline-flex}
.bs-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:0;padding:8px 32px 24px;box-shadow:0 12px 24px rgba(35,24,18,.08)}
.bs-nav.is-open{display:flex}
.bs-nav>a{padding:14px 0;border-bottom:1px solid var(--line);font-size:17px}
.bs-nav__cta{display:flex!important;margin-top:16px;height:52px;align-items:center;justify-content:center;background:var(--red);color:var(--paper)!important;border-radius:4px;font-weight:600;border:0!important}
.bs-footer{padding:64px 32px 40px}
.bs-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
.bs-topbar{display:none}
.bs-header{height:64px;padding:0 16px}
.bs-logo img{width:96px;height:46px}
.bs-nav{padding:8px 16px 24px}
.bs-nav__langs{display:flex;gap:24px;padding:16px 0 4px}
.bs-nav__langs a{color:var(--ink);font-weight:600;min-height:44px;display:flex;align-items:center}
.bs-nav__langs a[aria-current]{color:var(--red)}
.bs-footer{padding:40px 16px 96px;gap:32px;font-size:13px}
.bs-footer__grid{grid-template-columns:minmax(0,1fr);gap:28px}
.bs-footer__co img{width:120px;height:58px}
.bs-footer__bar{flex-direction:column}
.bs-footer__bar nav{justify-content:flex-start}
.bs-footer a{min-height:24px}
.bs-chat{right:16px;bottom:16px}
.bs-prose{padding:48px 16px 64px;font-size:16px}
.bs-prose h1{font-size:38px}
.bs-sitemap ul{columns:1}
}
@media print{.bs-topbar,.bs-chat,.bs-burger{display:none}}