/* Shared local branding and Malayalam typography. */
:lang(ml) { font-family: "Nirmala UI", "Noto Sans Malayalam", "Kartika", Arial, sans-serif; }
html:lang(ml) body, html:lang(ml) button, html:lang(ml) input, html:lang(ml) select, html:lang(ml) textarea { font-family: "Nirmala UI", "Noto Sans Malayalam", "Kartika", Arial, sans-serif; }
html:lang(ml) button, html:lang(ml) uni-button { white-space: normal; line-height: 1.6; height: auto; min-height: 36px; }
html:lang(ml) h1, html:lang(ml) h2, html:lang(ml) h3 { line-height: 1.5; letter-spacing: 0; overflow-wrap: anywhere; }
html:lang(ml) .public-nav, html:lang(ml) .public-actions, html:lang(ml) .portal-header-actions { flex-wrap: wrap; gap: 10px; }
html:lang(ml) .public-header, html:lang(ml) .portal-header { height: auto; min-height: 80px; }
html:lang(ml) .portal-nav-item, html:lang(ml) .nav-item { white-space: normal; height: auto; min-height: 46px; line-height: 1.6; }
html:lang(ml) .portal-main, html:lang(ml) .portal-content { min-width: 0; }
html:lang(ml) .auth-card, html:lang(ml) .login-card { line-height: 1.65; }
html:lang(ml) .auth-card h1 { font-size: clamp(28px,3vw,44px); word-break: normal; overflow-wrap: normal; }
html:lang(ml) .login-captcha-instruction, html:lang(ml) .acg-hv-text { white-space:normal; font-size:11px; line-height:1.5; }
.brand-logo, .public-brand img, .portal-brand img, .auth-brand img, img[src*="logo"] { object-fit: contain; background-color: #000; border-radius: 6px; }
.public-brand uni-image, .portal-brand uni-image, .auth-brand uni-image { background: #000; border-radius: 6px; }
.public-brand uni-image, .portal-brand uni-image, .auth-brand uni-image, .public-brand img, .portal-brand img, .auth-brand img, img[src*="logo"], .brand-logo { filter: none !important; }
.public-product, .public-product > uni-view, .public-value-bar > uni-view { min-width: 0; overflow-wrap: anywhere; }
.public-products { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
.public-actions .area-menu { left: auto !important; right: 0 !important; }
html:lang(ml) .portal-heading { flex-wrap: wrap; }
html:lang(ml) .portal-heading > button, html:lang(ml) .portal-heading > uni-button { flex-shrink: 0; white-space: normal; }
.brand-logo { width: 114px !important; height: 66px !important; object-fit: contain !important; }
#dk2-language { position: fixed; right: 14px; bottom: calc(78px + env(safe-area-inset-bottom, 0px)); z-index: 9900; display: flex; align-items: center; gap: 7px; padding: 7px 10px; background: #fff; color: #123451; border: 1px solid #ccd6df; border-radius: 22px; box-shadow: 0 3px 15px #0a23421a; font: 14px/1.5 "Nirmala UI", Arial, sans-serif; }
#dk2-language select { background: transparent; color: inherit; border: 0; min-height: 28px; max-width: 154px; font: inherit; cursor: pointer; }
#dk2-language select:focus-visible { outline: 2px solid #123e70; outline-offset: 3px; }
@media (max-width:760px) { html:lang(ml) .public-brand > uni-text, html:lang(ml) .portal-brand > uni-text { display:none; } html:lang(ml) .public-header { gap: 8px; flex-wrap:wrap; } html:lang(ml) .public-actions { gap: 6px; } #dk2-language { right: 8px; padding: 4px 8px; font-size: 13px; } }
@media (max-width:760px) { .public-products { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .public-shell { overflow-x: clip; } html:lang(ml) .public-hero-values { flex-wrap:wrap; } html:lang(ml) .auth-switch { flex-wrap:wrap; } }

/* India launch: language beside the sole region, with the supplied photo. */
#dk2-language { position:static; margin:0 5px; padding:3px 8px; box-shadow:none; flex-shrink:0; z-index:auto; bottom:auto; right:auto; }
#dk2-language[hidden] { display:none; }
#dk2-language select { max-width:135px; }
.area-select-trigger .area-arrow, .area-select-root .area-menu { display:none !important; }
.area-select-trigger { cursor:default !important; }
.public-home-hero { background-image:linear-gradient(90deg,#032744 0%,rgba(3,39,68,.98) 30%,rgba(3,39,68,.6) 47%,rgba(3,39,68,.05) 75%),url('/static/branding/background.jpg?v=20261113-ndc-india-r1') !important; background-position:center,right center !important; background-size:cover,70% auto !important; background-repeat:no-repeat !important; background-color:#032744 !important; }
@media(max-width:760px) {
 .public-actions #dk2-language { display:inline-flex !important; margin:0 2px; padding:2px 4px; font-size:12px; }
 #dk2-language select { max-width:112px; min-height:28px; }
 .public-actions { flex-wrap:wrap; gap:5px !important; }
 .public-header { flex-wrap:wrap; }
 .public-home-hero { background-size:cover,auto 100% !important; background-position:center,right center !important; background-image:linear-gradient(90deg,rgba(3,39,68,.97),rgba(3,39,68,.78) 55%,rgba(3,39,68,.42)),url('/static/branding/background.jpg?v=20261113-ndc-india-r1') !important; }
}

/* The current catalog offers two products in public and authenticated views. */
.calculator-type-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
