/* Header utilities and complete light/dark palettes. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header-actions{display:flex;align-items:center;gap:6px;margin-left:auto;order:3;flex-shrink:0}
.icon-control{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--ink);line-height:1;flex-shrink:0;cursor:pointer}
.icon-control svg{width:23px;height:23px}.icon-control:hover{background:var(--paper)}
.language-switch{font-size:16px;font-weight:600;letter-spacing:0}.call-link{display:none}
.site-header nav{gap:18px}.site-header #main-menu{gap:20px}
.menu-socials{display:none}.social-icon svg{width:21px;height:21px}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border:1px solid var(--line);border-radius:50%;color:var(--ink)}
.social-icon[aria-disabled=true]{cursor:default;opacity:.65}.social-icon[href]:hover{background:var(--paper);color:var(--blue)}
html[lang=hi-IN] body{font-family:"Noto Sans Devanagari","Nirmala UI",Mangal,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
html[lang=hi-IN] h1,html[lang=hi-IN] h2,html[lang=hi-IN] h3,html[lang=hi-IN] .studio-word{letter-spacing:0;line-height:1.3}
html[lang=hi-IN] .eyebrow{letter-spacing:.3px}html[lang=hi-IN] .quote-art strong{letter-spacing:0;font-size:clamp(32px,4vw,58px)}
html[lang=hi-IN] .studio-word{font-size:clamp(60px,10vw,140px)}
html[data-theme=dark]{color-scheme:dark;--ink:#f3f3f5;--muted:#b4b4bd;--paper:#242427;--line:#44444c;--blue:#70b7ff;background:#141416}
html[data-theme=dark] body{background:#141416}
html[data-theme=dark] .site-header{background:rgba(20,20,22,.95);border-color:var(--line)}
html[data-theme=dark] :is(.skip,#main-menu,.pending-embed){background:#1d1d20;color:var(--ink)}
html[data-theme=dark] :is(.eyebrow,.placeholder-label,.editorial-grid span,.quote-art span){color:#d4c5a5}
html[data-theme=dark] :is(.editorial-grid>a,.editorial-grid>div,.quote-art,.detail-art){background:#29292d;color:var(--ink)}
html[data-theme=dark] :is(.shop-tools input,.shop-tools select,.enquiry input:not([type=checkbox]),.enquiry select,.enquiry textarea){background:#19191c;color:var(--ink);border-color:#555560}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#aaaab5}
html[data-theme=dark] :is(.footer-grid a:not(.brand),.foot-bottom,.anchor-socials span){color:#bcbcc5}
html[data-theme=dark] .button{background:#2378cd;color:white}
html[data-theme=dark] .button:hover{background:#1763ae}
html[data-theme=dark] .button.light{background:#f3f3f5;color:#171719}
html[data-theme=dark] .mobile-cta{background:rgba(20,20,22,.97)}
html[data-theme=dark] .mobile-cta a{background:#303036;color:var(--ink)}
html[data-theme=dark] .mobile-cta a:last-child{background:#f3f3f5;color:#171719}
html[data-theme=dark] .form-status{color:#9ccaff}
html[data-theme=dark] .theme-toggle{background:#303036;color:#f2d38b}
@media(max-width:1200px){
 .site-header{height:76px}.site-header nav{gap:12px}.header-actions{order:initial;gap:4px}.call-link{display:inline-flex}
 .menu-toggle{display:flex;align-items:center;gap:8px;background:none;color:var(--ink);border:0;font-size:14px;padding:10px 0 10px 10px;min-height:44px}.menu-toggle span{font-size:24px}
 .site-header #main-menu{display:none;position:absolute;top:76px;left:0;width:100%;padding:18px max(24px,calc((100vw - 1144px)/2));background:#fff;box-shadow:0 12px 20px #0000000d;flex-direction:column;align-items:stretch;font-size:16px;gap:0;max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain}
 .site-header #main-menu.open{display:flex}.site-header #main-menu>a{padding:13px 10px}.nav-contact{border:0}
 .menu-socials{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:18px 0 10px;margin:8px 10px 0;border-top:1px solid var(--line)}
 .site-header #main-menu .social-icon{padding:10px}
 html[data-theme=dark] .site-header #main-menu{background:#1d1d20}
}
@media(max-width:760px){.site-header{height:64px}.site-header #main-menu{top:64px}.header-actions{gap:2px}.site-header nav{gap:8px}.site-header .wrap{width:calc(100% - 32px)}.menu-toggle{padding-left:5px}.icon-control{width:44px;height:44px}.menu-socials{gap:7px}.site-header #main-menu{padding:18px 18px 24px}.social-icon{width:40px;height:40px;flex-basis:40px}.site-header #main-menu .social-icon{padding:8px}html[lang=hi-IN] .page-head h1{font-size:42px}html[lang=hi-IN] .hero h1{font-size:44px}html[lang=hi-IN] .quote-art strong{font-size:36px}}
@media(max-width:360px){.header-actions{gap:0}.icon-control{width:42px}.menu-toggle{gap:4px;font-size:12px}.site-header #main-menu{padding-left:12px;padding-right:12px}.menu-socials{gap:5px;margin-left:0;margin-right:0}.social-icon{width:38px;height:38px;flex-basis:38px}}
@media(max-width:1200px){.menu-socials{display:grid;grid-template-columns:repeat(7,minmax(0,44px));gap:7px}.social-icon{width:100%;height:auto;aspect-ratio:1;min-width:0}}

/* Desktop navigation sits directly before the language control. */
@media(min-width:1201px){
 .site-header #main-menu{margin-left:auto}
 .site-header .header-actions{margin-left:0}
}
/* Keep the provider's payment button intact and within compact cards. */
.premium-anchor-payment{margin:0;max-width:100%;min-width:0}
.product-bottom:has(.premium-anchor-payment){flex-wrap:wrap;align-items:center}
.premium-anchor-payment .razorpay-payment-button{max-width:100%}

/* Consistent responsive layout for every service payment button. */
.service-payment{margin:0;max-width:100%;min-width:0}
.product-bottom:has(.service-payment){flex-wrap:wrap;align-items:center}
.service-payment .razorpay-payment-button{max-width:100%}