/* Madras Darbar site theme (2026-11-11). Loaded in <head> of every page so the new design shows from the first frame. */
/* header, footer, buttons, menu panels */
#md-mini{position:fixed;top:calc(8px + env(safe-area-inset-top,0px));left:50%;z-index:60;width:max-content;max-width:calc(100% - 20px);border-radius:999px;background:rgba(255,255,255,.42);-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(255,255,255,.25);transform:translate(-50%,-160%);transition:transform .35s cubic-bezier(.2,.9,.3,1.2);font-family:Poppins,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}#md-mini:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.1) 48%,rgba(255,255,255,0) 52%,rgba(255,255,255,.12) 100%)}body.md-scrolled #md-mini{transform:translate(-50%,0)}body.md-scrolled header.spike-divider{position:relative!important}#md-mini .md-in{display:flex;align-items:center;gap:8px;padding:5px 6px 5px 5px;position:relative}#md-mini .md-round{flex:none;display:block;width:40px;height:40px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1.5px rgba(255,255,255,.9),0 2px 6px rgba(0,0,0,.25)}#md-mini .md-round img{width:100%;height:100%;display:block}.md-cur{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;font-family:Poppins,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:14px;font-weight:600;color:#fff;border-radius:999px;padding:9px 16px;min-height:40px;line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.15)}.md-cur:after{content:"";width:7px;height:7px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-2px) rotate(45deg);transition:transform .2s}.md-cur[aria-expanded="true"]:after{transform:translateY(2px) rotate(-135deg)}#md-mini .md-cur{background:linear-gradient(180deg,rgba(239,68,68,.95),rgba(185,28,28,.95));box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 8px rgba(185,28,28,.35)}header .md-cur{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 12px rgba(0,0,0,.12)}header .md-cur:hover{background:rgba(255,255,255,.26)}.md-list{position:absolute;top:calc(100% + 10px);min-width:210px;border-radius:20px;background:rgba(255,255,255,.42);-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(255,255,255,.25);background:rgba(255,255,255,.82);padding:6px;display:grid;gap:2px;z-index:70;font-family:Poppins,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}#md-mini .md-list{left:0}.md-hpick .md-list{right:0}.md-list[hidden]{display:none}.md-list a{display:flex;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;color:#18181b;font-size:15px;font-weight:600;padding:11px 14px;border-radius:14px;min-height:44px}.md-list a:hover{background:rgba(255,255,255,.55)}.md-list a.on{color:#b91c1c;background:rgba(255,255,255,.7)}.md-list a.on:after{content:"";width:6px;height:11px;border-right:2px solid #dc2626;border-bottom:2px solid #dc2626;transform:rotate(45deg) translateY(-2px)}.md-cur:focus-visible,.md-list a:focus-visible,#md-mini .md-round:focus-visible{outline:3px solid #111;outline-offset:2px}header.spike-divider{background:linear-gradient(180deg,rgba(220,26,26,.97),rgba(178,14,14,.97))!important;-webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(255,255,255,.18),0 8px 24px rgba(0,0,0,.18)!important}header.spike-divider nav ul,header.spike-divider #mobile-menu-btn,header.spike-divider #mobile-menu{display:none!important}.md-hpick{position:relative;display:flex}footer[class*="bg-red"],footer[style*="e20000"]{background:linear-gradient(180deg,rgba(220,26,26,.97),rgba(178,14,14,.97))!important;-webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%);border-top:1px solid rgba(255,255,255,.3)!important;border-radius:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 -6px 20px rgba(0,0,0,.12);position:relative;overflow:hidden}footer[class*="bg-red"]:before,footer[style*="e20000"]:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 40%)}section .max-w-4xl>.divide-y{background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,.85);border-radius:24px;padding:4px 24px;box-shadow:0 12px 32px rgba(120,60,30,.12),inset 0 1px 0 #fff}.grid.grid-cols-2.gap-6>.flex.items-start{background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.85);border-radius:18px;padding:12px;box-shadow:0 6px 18px rgba(120,60,30,.1),inset 0 1px 0 #fff}.menu-card{background:rgba(255,255,255,.74)!important;-webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%);border:1px solid rgba(255,255,255,.7)!important;border-radius:22px!important;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.9)!important}.bg-red-800.rounded-xl h2{color:#FCD9A5!important}.bg-red-800.rounded-xl li p,.bg-red-800.rounded-xl li .text-gray-400,.bg-red-800.rounded-xl li .text-gray-500{color:rgba(255,255,255,.78)!important}.bg-red-800.rounded-xl{background:rgba(138,10,10,.86)!important;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(255,255,255,.2);border-radius:22px!important;box-shadow:0 14px 34px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.28)!important}.bg-black.bg-opacity-50.rounded-md{background:rgba(0,0,0,.42)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:18px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}footer[class*="bg-red"]>*,footer[style*="e20000"]>*{position:relative}footer[class*="bg-red"] .fa-envelope,footer[style*="e20000"] .fa-envelope{color:rgba(255,255,255,.85)!important}a.bg-red-600,button.bg-red-600,a.bg-darbar-red,img.group-hover\:h-full + div .bg-red-600,a.bg-gray-800,a.bg-yellow-500,.fixed.bottom-6 a.bg-green-500,.fixed.bottom-6 button.bg-green-600{background-image:linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.08) 48%,rgba(255,255,255,0) 52%,rgba(255,255,255,.12) 100%)!important;border:1px solid rgba(255,255,255,.4)!important;border-radius:999px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(0,0,0,.08),0 6px 16px rgba(0,0,0,.18)!important;text-shadow:0 1px 1px rgba(0,0,0,.18)}.fixed.bottom-6 a.bg-green-500{background-color:rgba(34,170,84,.86)!important;-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%)}a.bg-white.rounded-full.w-10{background:rgba(255,255,255,.82)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(0,0,0,.15)}#contactForm input,#contactForm textarea{background:rgba(255,255,255,.62)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(120,90,80,.28)!important;border-radius:14px!important;box-shadow:inset 0 1px 3px rgba(0,0,0,.08),0 1px 0 rgba(255,255,255,.8)}#contactForm input:focus,#contactForm textarea:focus{outline:2px solid rgba(220,38,38,.6)!important;outline-offset:1px}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#md-mini,.md-list{background:rgba(255,255,255,.94)}}@media (prefers-reduced-motion:reduce){#md-mini,.md-cur:after{transition:none}}
/* fonts */
body,body *:not(i):not(svg):not(svg *):not([class*="fa-"]){font-family:"DM Sans",system-ui,sans-serif!important}html body :is(h1,h2,h3,.brand-name,.fancy-heading,.hp-h,.abx-h1,.abx-h2,.abx-fname,.abx-stats b,.mdc-title):not(#md-none){font-family:"Fraunces",Georgia,serif!important;letter-spacing:0!important;font-weight:700!important}html body :is(.accent-text,.subtitle):not(#md-none){font-family:"Fraunces",Georgia,serif!important;font-style:italic!important}html body section.hp-about .bg-opacity-60{background:linear-gradient(160deg,rgba(255,255,255,.6),rgba(255,246,236,.4))!important;-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);border:1px solid rgba(255,255,255,.7)!important;box-shadow:0 22px 50px -20px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(255,255,255,.3)!important}html body section.hp-about .hp-about-p{color:#3A2A20!important}html body section.hp-about .hp-stats{background:rgba(255,255,255,.5)!important;border-color:rgba(255,255,255,.75)!important}html body section.hp-about .hp-stats div+div{border-color:rgba(176,122,40,.28)!important}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html body section.hp-about .bg-opacity-60{background:rgba(255,248,238,.93)!important}}
/* home page glass */
html body section.hp-about > div{display:flex!important;align-items:center!important;justify-content:center!important}html body section.hp-about > div > .absolute{width:100%!important}html body section .absolute.bg-orange-50{--tw-bg-opacity:.35!important}html body .carousel-container .card{background:linear-gradient(160deg,rgba(255,255,255,.62),rgba(255,246,236,.36))!important;border:1px solid rgba(255,255,255,.8)!important;border-radius:24px!important;-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);box-shadow:0 20px 40px -18px rgba(90,30,10,.55),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.35)!important}html body .carousel-container .card .card-img{width:calc(100% - 16px)!important;margin:8px 8px 0!important;border-radius:17px!important}html body .carousel-container .card h3{color:#2B1D16!important}html body .carousel-container .card .text-gray-500{color:#6B5446!important}html body div:has(> img.group-hover\:h-full){background:transparent!important;border:1px solid rgba(255,255,255,.55);border-radius:24px!important;box-shadow:0 22px 44px -20px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.6)!important}html body img.group-hover\:h-full + div{background:linear-gradient(160deg,rgba(255,255,255,.66),rgba(255,244,232,.42))!important;-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);border-top:1px solid rgba(255,255,255,.8)}html body img.group-hover\:h-full + div h3{color:#2B1D16!important}html body img.group-hover\:h-full + div p{color:#4A372C!important}html body section.py-16 > .relative.mb-16{border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.25);box-shadow:0 18px 40px -20px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.3)}html body section.py-16 > .relative.mb-16 > .absolute.bg-black{background:rgba(40,12,6,.35)!important;-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);border-radius:0!important}html body section.hp-about > div.h-\[100vh\]{height:auto!important;min-height:0!important}html body section.hp-about > div.h-\[100vh\]{min-height:min(620px,76vh)!important}html body section.hp-about > div > .absolute{padding:44px 30px!important}html body section.hp-about .bg-opacity-60{max-width:340px!important;padding:20px 18px!important;margin:0 auto}html body .hp-about-h{font-size:clamp(22px,5.4vw,30px)!important;margin:6px 0 8px!important}html body .hp-about-p{font-size:14.5px!important;line-height:1.5!important}html body section.hp-about .hp-stats{margin:12px auto 14px!important;max-width:280px!important}html body section.hp-about .hp-stats div{padding:8px 4px!important}html body section.hp-about .hp-stats b{font-size:20px!important}html body section.hp-about .hp-stats span{font-size:9.5px!important}html body section.hp-about .hp-btn{padding:10px 18px!important;font-size:14px!important}@media(min-width:768px){html body section.hp-about .bg-opacity-60{max-width:440px!important;padding:26px 24px!important}}html body img.group-hover\:h-full + div .bg-red-600.w-full{background:linear-gradient(180deg,#4DEB8C,#25D366)!important;color:#fff!important;text-shadow:0 1px 1px rgba(0,80,30,.35);box-shadow:0 8px 16px -8px rgba(37,211,102,.6),inset 0 1px 0 rgba(255,255,255,.5)!important}
/* about.html glass */
html[data-mdpage="about.html"] body{background:linear-gradient(rgba(255,244,232,.5),rgba(255,244,232,.5)),url('bg3.jpg') center top/100% auto repeat-y!important}html[data-mdpage="about.html"] body .abx-heritage,html[data-mdpage="about.html"] body .abx-founders,html[data-mdpage="about.html"] body .abx-dine{background:transparent!important}html[data-mdpage="about.html"] body .abx-hero::before{background:linear-gradient(180deg,rgba(255,248,238,.18),rgba(110,25,10,.28))!important}html[data-mdpage="about.html"] body .abx-hero-in{background:linear-gradient(160deg,rgba(255,255,255,.64),rgba(255,246,236,.40))!important;-webkit-backdrop-filter:blur(18px) saturate(170%)!important;backdrop-filter:blur(18px) saturate(170%)!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:22px!important;box-shadow:0 20px 44px -20px rgba(90,30,10,.5),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.35)!important;width:calc(100% - 32px);max-width:640px;margin:44px auto 74px!important;padding:32px 22px!important}html[data-mdpage="about.html"] body .abx-stats{background:linear-gradient(160deg,rgba(255,255,255,.64),rgba(255,246,236,.40))!important;-webkit-backdrop-filter:blur(18px) saturate(170%)!important;backdrop-filter:blur(18px) saturate(170%)!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:22px!important;box-shadow:0 20px 44px -20px rgba(90,30,10,.5),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.35)!important;border-radius:18px!important}html[data-mdpage="about.html"] body .abx-stats div+div{border-color:rgba(176,122,40,.25)!important}html[data-mdpage="about.html"] body .abx-text{background:linear-gradient(160deg,rgba(255,255,255,.64),rgba(255,246,236,.40))!important;-webkit-backdrop-filter:blur(18px) saturate(170%)!important;backdrop-filter:blur(18px) saturate(170%)!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:22px!important;box-shadow:0 20px 44px -20px rgba(90,30,10,.5),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.35)!important;padding:24px 20px!important}html[data-mdpage="about.html"] body .abx-fcard{background:linear-gradient(160deg,rgba(255,255,255,.64),rgba(255,246,236,.40))!important;-webkit-backdrop-filter:blur(18px) saturate(170%)!important;backdrop-filter:blur(18px) saturate(170%)!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:22px!important;box-shadow:0 20px 44px -20px rgba(90,30,10,.5),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.35)!important}html[data-mdpage="about.html"] body .abx-feat{background:rgba(255,255,255,.55)!important;border:1px solid rgba(255,255,255,.8)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}html[data-mdpage="about.html"] body .abx-ficon{background:rgba(255,255,255,.85)!important}html[data-mdpage="about.html"] body .abx-text p{color:#3E2C22!important}
/* contact.html glass */
html[data-mdpage="contact.html"] body{background:linear-gradient(rgba(255,244,232,.5),rgba(255,244,232,.5)),url('bg3.jpg') center top/100% auto repeat-y!important}html[data-mdpage="contact.html"] body section.mdc-cards{background:transparent!important}html[data-mdpage="contact.html"] body .mdc-hero{background:linear-gradient(160deg,rgba(255,255,255,.64),rgba(255,246,236,.40))!important;-webkit-backdrop-filter:blur(18px) saturate(170%)!important;backdrop-filter:blur(18px) saturate(170%)!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:22px!important;box-shadow:0 20px 44px -20px rgba(90,30,10,.5),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.35)!important}html[data-mdpage="contact.html"] body .mdm-box{background:rgba(244,231,212,.82)!important;border-color:rgba(255,255,255,.7)!important}html[data-mdpage="contact.html"] body .location-card{background:linear-gradient(160deg,rgba(255,255,255,.64),rgba(255,246,236,.40))!important;-webkit-backdrop-filter:blur(18px) saturate(170%)!important;backdrop-filter:blur(18px) saturate(170%)!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:22px!important;box-shadow:0 20px 44px -20px rgba(90,30,10,.5),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.35)!important}html[data-mdpage="contact.html"] body .location-card .text-gray-600{color:#4A372C!important}html[data-mdpage="contact.html"] body .location-card a[href*="wa.me"]{background:linear-gradient(180deg,#4DEB8C,#25D366)!important;color:#fff!important;text-shadow:0 1px 1px rgba(0,80,30,.35);border:0!important;border-radius:999px!important;box-shadow:0 8px 16px -8px rgba(37,211,102,.6),inset 0 1px 0 rgba(255,255,255,.5)!important}
/* menu.html glass */
html[data-mdpage="menu.html"] body .menu-card{background:linear-gradient(160deg,rgba(255,255,255,.66),rgba(255,246,236,.42))!important;-webkit-backdrop-filter:blur(18px) saturate(170%)!important;backdrop-filter:blur(18px) saturate(170%)!important;border:1px solid rgba(255,255,255,.8)!important;border-radius:20px!important;box-shadow:0 18px 36px -18px rgba(90,30,10,.5),inset 0 1px 0 rgba(255,255,255,.95)!important}html[data-mdpage="menu.html"] body .menu-card-content{position:relative!important;transform:none!important;background:transparent!important;padding:12px 14px 14px!important}html[data-mdpage="menu.html"] body .menu-card-content h2{color:#2B1D16!important;line-height:1.25!important}html[data-mdpage="menu.html"] body .menu-card > .h-48{border-radius:14px;margin:7px 7px 0;width:auto!important;overflow:hidden}html[data-mdpage="menu.html"] body .menu-card > .h-48 > img{width:100%!important;height:100%!important;margin:0!important;object-fit:cover;object-position:center;display:block}html[data-mdpage="menu.html"] body .menu-card:hover{transform:translateY(-3px)!important}html[data-mdpage="menu.html"] body h1.text-5xl{font-size:clamp(30px,8vw,48px)!important;margin-bottom:22px!important;color:#B5121B!important}@media (max-width:639px){html[data-mdpage="menu.html"] body .grid.grid-cols-1:has(> .menu-card){grid-template-columns:1fr 1fr!important;gap:12px!important}html[data-mdpage="menu.html"] body .container.mx-auto > .max-w-7xl{padding:8px 0 24px!important}html[data-mdpage="menu.html"] body .menu-card > .h-48{height:118px!important}html[data-mdpage="menu.html"] body .menu-card-content{padding:8px 10px 11px!important}html[data-mdpage="menu.html"] body .menu-card-content h2{font-size:14.5px!important}html[data-mdpage="menu.html"] body .menu-card-content span{font-size:9px!important;padding:3px 8px!important;margin-bottom:4px!important;letter-spacing:.04em}}
/* phone backgrounds: no zoomed / pixelated pictures */
@media (max-width:767px){html body section[style*="grungy-brown-marble"],html body section[style*="bg3.jpg"],html body[style*="grungy-brown-marble"]{background-image:url("/images/grungy-phone.jpg")!important;background-size:180% auto!important;background-repeat:repeat-y!important;background-position:center top!important}html body[style*="background-image"]:not([style*="grungy-brown-marble"]){background-size:0 0!important}html body[style*="background-image"]:not([style*="grungy-brown-marble"])::before{content:"";position:fixed;inset:0;z-index:-1;background-image:inherit;background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none}html[data-mdpage="about.html"] body:not(#md-none),html[data-mdpage="contact.html"] body:not(#md-none){background:linear-gradient(rgba(255,244,232,.5),rgba(255,244,232,.5)),url("/images/grungy-phone.jpg") center top/180% auto repeat-y!important}}

/* home branch WhatsApp buttons: black number on WhatsApp green (2026-11-11) */
html body img.group-hover\:h-full + div .bg-red-600.w-full{color:#111!important;text-shadow:none!important}html body img.group-hover\:h-full + div .bg-red-600.w-full i{color:#111!important}
