/* Nammuralli brand layer: yellow #FFE500, red #E31E24, black #111 */
:root{--nu-y:#FFE500;--nu-r:#E31E24;--nu-k:#111}
/* category + service icons: one brand look, whatever colour the category has */
.bizcat-icon{background:#FFF6B3!important;color:var(--nu-r)!important;border:2px solid var(--nu-y);box-shadow:0 2px 8px rgba(0,0,0,.06)}
.bizcat-item:hover .bizcat-icon{background:var(--nu-y)!important;color:var(--nu-k)!important}
.cpill i,.mm-dist i{color:var(--nu-r)!important}
@media(max-width:768px){
  /* bottom bar */
  .mob-bottom-nav{border-top:3px solid var(--nu-y);box-shadow:0 -4px 14px rgba(0,0,0,.08)}
  .mob-nav-item{color:#555}
  .mob-nav-item.active i,.mob-nav-item.active span{color:var(--nu-r)!important;font-weight:700}
  /* alert bell must not sit on top of "Home": lift above the bar, brand colours */
  [id*="webpushr" i]:not(script):not(style),[class*="webpushr" i]:not(script):not(style){bottom:84px!important}
  [id*="bell" i][id*="webpushr" i],[class*="bell" i][class*="webpushr" i]{background:var(--nu-y)!important;color:var(--nu-k)!important}
  /* tighter sections */
  section,.section{scroll-margin-top:70px}
  .bizcat-icon{width:56px;height:56px;font-size:1.3rem}
}

/* ===== Mobile footer: compact, brand-coloured ===== */
@media(max-width:768px){
  .nf-grid{display:block!important}
  .nf-brand{padding-bottom:14px}
  .nf-desc{font-size:.85rem!important;line-height:1.5!important;margin:8px 0 12px!important}
  .nf-cta{display:flex;gap:8px;flex-wrap:wrap}
  .nf-col{border-top:1px solid rgba(255,255,255,.14);padding:0!important;margin:0!important}
  .nf-col h4{display:flex!important;align-items:center;justify-content:space-between;margin:0!important;padding:13px 0!important;font-size:.95rem!important}
  .nf-col h4::before,.nf-col h4::after{box-shadow:none}
  .nf-col:not(.nf-tal):not(.nf-contact) h4{cursor:pointer}
  .nf-col:not(.nf-tal):not(.nf-contact) h4::after{content:"+";position:static!important;width:auto!important;height:auto!important;background:none!important;color:#FFE500;font-size:1.3rem;font-weight:700;line-height:1}
  .nf-col.open:not(.nf-tal):not(.nf-contact) h4::after{content:"\2013"}
  .nf-col:not(.nf-tal):not(.nf-contact)>a{display:none!important}
  .nf-col.open:not(.nf-tal):not(.nf-contact){display:grid!important;grid-template-columns:1fr 1fr;column-gap:12px}
  .nf-col.open:not(.nf-tal):not(.nf-contact) h4{grid-column:1/-1}
  .nf-col.open:not(.nf-tal):not(.nf-contact)>a{display:block!important;padding:7px 0!important;font-size:.9rem!important}
  .nf-tal{padding-bottom:12px!important}
  .nf-chips{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:8px!important;padding-bottom:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .nf-chips::-webkit-scrollbar{display:none}
  .nf-chips a{flex:none;white-space:nowrap}
  .nf-contact{padding-bottom:10px!important}
  .nf-h4b{padding-top:8px!important}
  .nf-bot{display:block!important;text-align:center;font-size:.72rem!important;padding:12px 0 6px!important;border-top:1px solid rgba(255,255,255,.14)}
  .nf-bot nav{display:none!important}
  .nf-cta a.p{background:#FFE500!important;color:#111!important;border-color:#FFE500!important}
}