/* Shantilal clean header v4: standalone component, no Bootstrap collapse */
:root{--sh-ivory:#FFF9EE;--sh-maroon:#6B2230;--sh-brick:#AF432D;--sh-saffron:#D87719}
#top-bar,.top-bar{display:none!important}
#siteHeaderNav.sh-header{position:sticky!important;top:0!important;left:auto!important;right:auto!important;z-index:1050!important;width:100%!important;height:90px!important;min-height:76px!important;margin:0!important;padding:0!important;background:var(--color-surface)!important;color:var(--color-text)!important;box-shadow:0 1px 0 #EAD9C4,0 5px 16px #442f2912!important;transform:none!important;opacity:1!important}
#siteHeaderNav.sh-header::before{display:none!important}
#siteHeaderNav .sh-header-inner{height:100%;max-width:1500px;margin:auto;padding:0 clamp(16px,2.8vw,40px);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;position:relative}
#siteHeaderNav .sh-nav{grid-column:1;grid-row:1;display:block!important;position:static;width:auto!important;margin:0!important;background:none!important;box-shadow:none!important}
#siteHeaderNav .sh-nav-list{display:flex;align-items:center;gap:3px;list-style:none;margin:0;padding:0}
#siteHeaderNav .sh-nav .nav-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px!important;color:var(--color-text)!important;font-size:14px;font-weight:500;text-decoration:none;border-radius:12px;white-space:nowrap;background:transparent!important}
#siteHeaderNav .sh-nav .nav-link:is(:hover,:focus-visible,.active){background:#FBE8D0!important;color:#AF432D!important}
#siteHeaderNav .sh-nav-arrow{display:none}
#siteHeaderNav .sh-brand{grid-column:2;grid-row:1;display:flex!important;align-items:center;justify-content:center;position:static!important;transform:none!important;left:auto!important;width:min(300px,25vw)!important;margin:auto!important;padding:0!important}
#siteHeaderNav .sh-brand img{display:block;width:100%;height:auto;max-height:56px;object-fit:contain}
#siteHeaderNav .sh-logo-symbol{display:none!important}
#siteHeaderNav .sh-actions{grid-column:3;grid-row:1;display:flex!important;align-items:center;justify-content:flex-end;gap:9px;margin:0!important}
#siteHeaderNav .sh-actions :is(.header-chat-btn,.cart-btn){display:grid!important;place-items:center;width:44px!important;height:44px!important;min-width:44px!important;border:1px solid #EEDAC0!important;border-radius:14px!important;background:transparent!important;color:var(--color-text)!important;position:relative;padding:0!important}
#siteHeaderNav .sh-actions svg{stroke:currentColor;color:inherit}
#siteHeaderNav .cart-badge{position:absolute;right:-7px;top:-8px;background:var(--sh-saffron)!important;color:white!important}
#siteHeaderNav .sh-nav-toggle{display:none!important}
#menu-hero .hero-block.hero-compact{height:clamp(120px,13vw,170px)!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
#menu-hero .hero-caption{width:100%;text-align:center!important;padding:0 16px!important}
#menu-hero h1{text-align:center!important;margin:0!important}
#menu-categories{
 position:sticky!important;top:95px!important;z-index:1040!important;
 transform:none!important;margin:20px 0 20px!important;padding:13px 14px!important;
 background:#FCFDFC!important;border:1px solid var(--sh-nav-border,#EFDEC5)!important;
 border-radius:12px!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
 box-shadow:0 6px 18px rgba(68,47,41,.08);color:var(--sh-nav-ink,#442F29)!important;
}
#menu-categories .nav-link{
 font-family:inherit!important;font-weight:500!important;
 color:var(--sh-nav-ink,#442F29)!important;
 background:var(--sh-nav-bg,#FFF9EE)!important;
 border-color:var(--sh-nav-border,#EFDEC5)!important;
 transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}
#menu-categories .nav-link:is(:hover,:focus-visible,.active){
 background: var(--sh-nav-active-ink, #AF432D) !important;
 color: var(--sh-nav-active-bg, #FBE8D0) !important;
 border-color: var(--sh-nav-active-bg, #FBE8D0) !important;
}
@media(max-width:991.98px){
 #menu-hero .hero-block.hero-compact {display:none!important;}
 #menu-categories{top:68px!important}
 #siteHeaderNav.sh-header{height:68px!important;min-height:68px!important}
 #siteHeaderNav .sh-header-inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding:0 12px;gap:8px}
 #siteHeaderNav .sh-nav-toggle{grid-column:1;grid-row:1;justify-self:start;display:grid!important;place-items:center;width:43px;height:43px;border:1px solid #EEDAC0;border-radius:13px;background:transparent;color:var(--color-text);padding:0!important}
 #siteHeaderNav .sh-brand{grid-column:2;grid-row:1;justify-self:center;width:58px!important;max-width:58px!important}
 #siteHeaderNav .sh-logo-full{display:none!important}
 #siteHeaderNav .sh-logo-symbol{display:block!important;width:100%!important;max-height:52px!important}
 #siteHeaderNav .sh-actions{grid-column:3;grid-row:1;justify-self:end;gap:6px}
 #siteHeaderNav .sh-actions :is(.header-chat-btn,.cart-btn){width:42px!important;height:42px!important;min-width:42px!important}
 #siteHeaderNav .sh-nav{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;padding:10px 14px 16px!important;background:var(--color-surface)!important;border-top:1px solid #ECDAC4;box-shadow:0 18px 25px #442f2924!important;z-index:1052}
 #siteHeaderNav .sh-nav.is-open{display:block!important}
 #siteHeaderNav .sh-nav-list{display:flex;flex-direction:column;align-items:stretch;gap:4px}
 #siteHeaderNav .sh-nav .nav-link{padding:15px 17px!important;font-size:16px;font-weight:500;border-radius:13px}
 #siteHeaderNav .sh-nav-arrow{display:flex;align-items:center;color:#9E7D6C}
 #siteHeaderNav .sh-nav .nav-link:is(.active,:hover,:focus-visible) .sh-nav-arrow{color:var(--sh-brick)}
}
@media(display-mode:standalone){#siteHeaderNav.sh-header{display:none!important}#menu-categories{display:none!important}}
body.is-pwa #siteHeaderNav.sh-header,body.is-pwa #menu-categories{display:none!important}

/* v5: Shared PWA tokens for every header control / navigation item. */
:root{--sh-nav-bg:#FFF9EE;--sh-nav-ink:#442F29;--sh-nav-active-bg:#FBE8D0;--sh-nav-active-ink:#AF432D;--sh-nav-border:#EFDEC5}
#siteHeaderNav.sh-header{background:#FCC333!important;color:#580000!important;font-family:inherit!important}
#siteHeaderNav .sh-nav .nav-link{font-family:inherit!important;font-weight:600!important;color:#580000!important;transition:background-color .18s,color .18s}
#siteHeaderNav .sh-nav .nav-link:is(:hover,:focus-visible,.active){background:#FFF888!important;color:#580000!important}
#siteHeaderNav .sh-actions :is(.header-chat-btn,.cart-btn),#siteHeaderNav .sh-nav-toggle{border-color:#580000!important;background:transparent!important;color:#580000!important;transition:background-color .18s,color .18s}
#siteHeaderNav .sh-actions :is(.header-chat-btn,.cart-btn):is(:hover,:focus-visible),#siteHeaderNav .sh-nav-toggle:is(:hover,:focus-visible,[aria-expanded="true"]){background:#FFF888!important;color:#580000!important}
#siteHeaderNav .sh-actions .sh-ui-icon,#siteHeaderNav .sh-nav-toggle .sh-ui-icon{width:24px;height:24px;display:block}
#siteHeaderNav .sh-nav-meta{display:flex;align-items:center;gap:13px}
#siteHeaderNav .sh-nav-meta>svg{display:none;width:21px;height:21px;flex-shrink:0}
@media(max-width:991.98px){
  #siteHeaderNav .sh-nav{display:block!important;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-14px);transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .24s ease,visibility .24s;overflow-y:auto;max-height:min(70vh,550px);max-height:min(70dvh,550px);border-radius:0 0 22px 22px;padding:14px 15px 22px!important;background:var(--sh-nav-bg)!important;box-shadow:0 18px 32px #442f2925!important}
  #siteHeaderNav .sh-nav.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
  #siteHeaderNav .sh-nav .nav-link{min-height:56px;padding:13px 17px!important;font-size:16px!important;border-radius:15px}
  #siteHeaderNav .sh-nav-meta>svg{display:block}
  #siteHeaderNav .sh-nav-arrow{display:flex}
  #siteHeaderNav .sh-nav-arrow svg{width:18px;height:18px}
  #siteHeaderNav .sh-header-inner{overflow:visible}
}
@media(prefers-reduced-motion:reduce){#siteHeaderNav .sh-nav{transition:none!important}}

/* v5.2 — edge-to-edge mobile dropdown and icon-free navigation rows. */
@media (max-width:991.98px){
 #siteHeaderNav.sh-header .sh-nav{
   position:fixed!important;top:68px!important;left:0!important;right:0!important;
   width:100vw!important;max-width:100vw!important;margin:0!important;
   padding:12px 14px 18px!important;box-sizing:border-box!important;
   border-radius:0 0 22px 22px!important;
 }
 #siteHeaderNav .sh-nav-meta>svg{display:none!important}
 #siteHeaderNav .sh-nav-meta{gap:0!important}
 #siteHeaderNav .sh-nav-list{margin:0!important;padding:0!important}
}
#siteHeaderNav .sh-ui-icon{width:24px!important;height:24px!important;display:block!important;flex:none}