.public-desktop-nav { display:none; }
.public-mobile-nav { display:block; }
.public-mobile-nav > div { max-height:calc(100dvh - 80px); overflow-y:auto; }
.public-menu-close { display:none; font-size:24px; line-height:24px; }
.public-mobile-nav[open] .public-menu-close { display:inline; }
.public-mobile-nav[open] .public-menu-open { display:none; }
@media (min-width:1280px) { .public-desktop-nav { display:flex; } .public-mobile-nav { display:none; } }
.public-site .text-gray-400, .public-site .text-gray-500 { color:#59534b; }
.public-site .text-slate-400, .public-site .text-slate-500 { color:#59534b; }
.public-site footer .text-slate-400, .public-site footer .text-slate-500 { color:#cbd5e1; }
.public-site nav { min-width:0; }
.public-site input, .public-site select { min-width:0; max-width:100%; }
.public-skip { position:absolute; left:1rem; top:-100px; z-index:100; background:white; color:#073d29; padding:12px; }
.public-skip:focus { top:4px; }
.public-order-bar { display:none; }
@media(max-width:1023px) { .public-order-bar { display:block; position:fixed; left:0; right:0; bottom:0; z-index:30; padding:12px; background:white; border-top:1px solid #ddd; } }

/* Readable menu: 14px like the rest of the site (owner 2026-10-11: 12px was too small). */
.public-desktop-nav a, .public-desktop-nav summary { padding-left:10px; padding-right:10px; font-size:14px; }
/* Telugu labels are longer: show the full menu from 1440px, the labelled Menu button below that. */
@media (min-width:1280px) and (max-width:1439px) { html[lang="te"] .public-desktop-nav { display:none; } html[lang="te"] .public-mobile-nav { display:block; } }
.public-menu-label { font-size:14px; font-weight:600; }
#service-order { scroll-margin-top:85px; }

/* The consent bar is one slim row (audit M15); the mobile order bar sits just above it. */
@media(max-width:1023px) { .public-site:has(.public-order-bar) main { padding-bottom:80px; } .public-site:has([data-controller="consent-bar"]) .public-order-bar { bottom:62px; } }
/* Telugu consent copy wraps to three lines on a phone, so the order bar sits a little higher there. */
@media(max-width:639px) { html[lang="te"] .public-site:has([data-controller="consent-bar"]) .public-order-bar { bottom:90px; } }