/* The animated seasonal greeting sits beside the wordmark with a clear gap. */
.site-head .brand { display:flex; align-items:center; gap:9px; min-width:0; }
.site-head .brand::after {
  content:"Happy Navratri";
  display:block;
  flex:0 0 auto;
  width:112px;
  height:20px;
  color:transparent;
  background:url('/navratri-greeting.gif?v=20261009-loop1') center / contain no-repeat;
  font-size:0;
  white-space:nowrap;
  pointer-events:none;
}
@media (max-width:640px) {
  .site-head .wrap { box-sizing:border-box; display:grid; grid-template-columns:minmax(0,1fr); justify-items:center; align-content:center; width:100%; height:auto; min-height:0; margin-inline:auto; padding:8px 14px; gap:7px; }
  .site-head .brand { display:flex; width:100%; max-width:100%; flex:0 1 auto; align-items:center; justify-content:center; gap:8px; }
  .site-head .site-logo { flex:none; width:min(132px,42vw); max-width:52%; height:44px; }
  .site-head .brand::after { flex:none; width:min(100px,32vw); max-width:38%; height:18px; }
  .site-head .site-nav { display:flex; width:100%; max-width:100%; flex-wrap:wrap; align-items:center; justify-content:center; margin:0; gap:8px; }
  .site-head .site-nav a.btn, .site-head .site-nav a.cta { flex:0 0 auto; min-height:38px; padding:7px 11px; font-size:12px; }
  .launch-page { --mobile-site-header-height:108px; }
}
@media (max-width:380px) {
  .site-head .site-logo { width:min(116px,39vw); height:40px; }
  .site-head .brand::after { width:min(84px,28vw); height:15px; }
  .site-head .wrap { gap:6px; padding-inline:12px; }
  .site-head .site-nav { gap:6px; }
  .site-head .site-nav a.btn, .site-head .site-nav a.cta { min-height:36px; padding:6px 9px; font-size:11px; }
}