/* Astrologer websites: one stylesheet, twelve designs (body.t-<key>): classic = Heritage, modern = Studio,
   minimal = Editorial, celestial, royal, lotus = Serene, mandala, temple, palmleaf = Nadi leaf, nakshatra,
   sunrise, almanac = Panchang. Colours come from the site's palette variables,
   fonts are self-hosted (SIL OFL). No inline styles anywhere: the site CSP forbids them. */
@font-face{font-family:"Fraunces";src:url(/_site/fonts/fraunces.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Inter";src:url(/_site/fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Cinzel";src:url(/_site/fonts/cinzel.woff2) format("woff2");font-weight:400 900;font-display:swap}
/* Telugu, Hindi (Devanagari) and Tamil: Noto Sans, downloaded only when the page has that script */
@font-face{font-family:"Site Indic";src:url(/_site/fonts/noto-telugu.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0C00-0C7F,U+200C-200D,U+25CC}
@font-face{font-family:"Site Indic";src:url(/_site/fonts/noto-telugu-bold.woff2) format("woff2");font-weight:600 900;font-display:swap;unicode-range:U+0C00-0C7F,U+200C-200D,U+25CC}
@font-face{font-family:"Site Indic";src:url(/_site/fonts/noto-devanagari.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0900-097F,U+A8E0-A8FF,U+200C-200D,U+25CC}
@font-face{font-family:"Site Indic";src:url(/_site/fonts/noto-devanagari-bold.woff2) format("woff2");font-weight:600 900;font-display:swap;unicode-range:U+0900-097F,U+A8E0-A8FF,U+200C-200D,U+25CC}
@font-face{font-family:"Site Indic";src:url(/_site/fonts/noto-tamil.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0B80-0BFF,U+200C-200D,U+25CC}
@font-face{font-family:"Site Indic";src:url(/_site/fonts/noto-tamil-bold.woff2) format("woff2");font-weight:600 900;font-display:swap;unicode-range:U+0B80-0BFF,U+200C-200D,U+25CC}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg,#fff);color:var(--text,#111);font:16px/1.65 var(--font-body,system-ui,sans-serif)}
img{max-width:100%;height:auto;display:block}
a{color:var(--primary)}
a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
h1,h2,h3{font-family:var(--font-heading);line-height:1.2;color:var(--text);margin:0 0 .5em}
h1{font-size:clamp(1.9rem,4.5vw,3rem)}
h2{font-size:clamp(1.4rem,3vw,2rem)}
h3{font-size:1.1rem}
p{margin:0 0 1em}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.narrow{max-width:760px}
.muted{color:var(--muted)}
.button{display:inline-block;background:var(--primary);color:#fff;text-decoration:none;padding:.75em 1.4em;border-radius:999px;font-weight:600}
.button:hover{filter:brightness(1.1)}
.preview-bar{background:#7c2d12;color:#fff;text-align:center;font-size:.85rem;padding:6px 12px}

.site-header{background:var(--surface);border-bottom:1px solid rgba(0,0,0,.08)}
.header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;padding-top:14px;padding-bottom:14px}
.brand{font-family:var(--font-heading);font-weight:700;font-size:1.2rem;color:var(--primary);text-decoration:none}
.site-header ul{display:flex;flex-wrap:wrap;gap:4px 18px;list-style:none;margin:0;padding:0}
.site-header nav a{color:var(--muted);text-decoration:none;font-size:.95rem}
.site-header nav a:hover{color:var(--primary)}
.site-header nav a.nav-cta{color:var(--primary);font-weight:600}

/* Client pages: forms, account, reports */
.form{display:flex;flex-direction:column;gap:14px;max-width:520px}
.form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.95rem}
.form input,.form select,.form textarea{font:inherit;font-weight:400;padding:.6em .75em;border:1px solid rgba(0,0,0,.2);border-radius:10px;background:var(--surface);color:var(--text)}
.form input:focus,.form select:focus{outline:3px solid var(--accent);outline-offset:1px}
.form .check{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400}
.form .check input{margin-top:.3em}
.form .hint{font-weight:400;font-size:.85rem;color:var(--muted)}
.form-row{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.form button,.button-plain{font:inherit;cursor:pointer;border:0}
.link-button{background:none;border:0;padding:0;color:var(--primary);text-decoration:underline;cursor:pointer;font:inherit}
.alert{border-radius:10px;padding:12px 16px;margin:0 0 16px}
.alert.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
.alert.info{background:#eff6ff;color:#1e3a8a;border:1px solid #bfdbfe}
.alert.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}
.orders{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.order{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;background:var(--surface);border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:14px 16px}
.pill{display:inline-block;border-radius:999px;padding:.1em .7em;font-size:.8rem;background:rgba(0,0,0,.06)}
.pill.ok{background:#dcfce7;color:#166534}.pill.wait{background:#fef3c7;color:#92400e}.pill.bad{background:#fee2e2;color:#991b1b}
.report-section{margin:0 0 28px}
.report-meta{font-size:.9rem;color:var(--muted);border-top:1px solid rgba(0,0,0,.1);padding-top:12px;margin-top:24px}

.hero{padding:56px 0}
.hero-inner{display:flex;flex-wrap:wrap;align-items:center;gap:32px}
.hero-photo{width:220px;height:220px;object-fit:cover;border-radius:50%;border:4px solid var(--surface);box-shadow:0 8px 30px rgba(0,0,0,.12)}
.hero-text{flex:1 1 320px}
.hero-sub{font-size:1.2rem;color:var(--muted)}
.hero-facts{list-style:none;padding:0;margin:0 0 1.5em;display:flex;flex-wrap:wrap;gap:8px}
.hero-facts li{background:var(--surface);border:1px solid rgba(0,0,0,.08);border-radius:999px;padding:.2em .8em;font-size:.9rem}

.block{padding:52px 0}
.block.alt{background:var(--surface)}
.prose p:last-child{margin-bottom:0}
.prose ul{padding-left:1.2em}
.cards{list-style:none;padding:0;margin:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.card{background:var(--bg);border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:18px}
.block:not(.alt) .card{background:var(--surface)}
.card-kind{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.4em}
.verified{color:#166534;font-weight:700;text-transform:none;letter-spacing:0}
.price{font-weight:600;color:var(--primary);margin:0}
.gallery{list-style:none;padding:0;margin:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
.faq{border-bottom:1px solid rgba(0,0,0,.1);padding:14px 0}
.faq summary{cursor:pointer;font-weight:600}
.faq .prose{margin-top:8px}
.contact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;align-items:flex-start}

.site-footer{border-top:1px solid rgba(0,0,0,.08);padding:28px 0;font-size:.85rem;color:var(--muted)}
.site-footer a{color:var(--muted)}
.copyright{margin:0}

.status-page{display:flex;min-height:100vh;align-items:center}
.status{text-align:center;padding:40px 20px}
.status .brand{display:block;margin-bottom:1em}

@media (max-width:640px){
  .hero{padding:36px 0}
  .hero-photo{width:160px;height:160px}
  .block{padding:40px 0}
  .site-header nav{width:100%;overflow-x:auto}
  /* One scrolling row. Sized to its links and centred with auto margins, not
     justify-content: a centred row wider than the screen spills off the left edge,
     where it can't be scrolled to. */
  .site-header ul{flex-wrap:nowrap;width:max-content;margin-inline:auto}
}

/* Chat */
.ai-note{font-size:.9rem;color:var(--muted);display:flex;gap:8px;align-items:flex-start}
.ai-badge{display:inline-block;background:var(--primary);color:#fff;font-size:.7rem;font-weight:700;border-radius:6px;padding:.15em .45em;letter-spacing:.05em}
.chat{list-style:none;padding:0;margin:20px 0;display:flex;flex-direction:column;gap:12px}
.msg{max-width:88%;border-radius:14px;padding:10px 14px;background:var(--surface);border:1px solid rgba(0,0,0,.08)}
.msg .who{display:block;font-size:.75rem;font-weight:700;color:var(--muted);margin-bottom:4px}
.msg p:last-child{margin-bottom:0}
.msg.user{align-self:flex-end;background:var(--primary);color:#fff;border-color:transparent}
.msg.user .who{color:rgba(255,255,255,.8)}
.msg.safety{border-color:#fca5a5;background:#fef2f2}
.msg.typing p{opacity:.6;font-style:italic}
.chat-form textarea{resize:vertical}

/* Reviews and booking */
.stars{color:#b45309;letter-spacing:2px;margin:0 0 6px}
.rating-summary{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.reply{font-size:.9rem;border-left:3px solid var(--accent);padding-left:10px;margin:10px 0 0}
.day{margin:0 0 16px}
.day h3{font-size:1rem;margin:0 0 8px}
.slots{display:flex;flex-wrap:wrap;gap:8px}
.slot input{position:absolute;opacity:0;width:1px;height:1px}
.slot span{display:inline-block;padding:.45em .9em;border:1px solid rgba(0,0,0,.2);border-radius:999px;cursor:pointer;background:var(--surface)}
.slot input:checked+span{background:var(--primary);color:#fff;border-color:var(--primary)}
.slot input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}
.rating-input{display:flex;gap:6px;flex-wrap:wrap;border:0;padding:0;margin:0}
.rating-input label{flex-direction:row;align-items:center;gap:4px;font-weight:400}
.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}
.day-picker{overflow-x:auto;margin:0 0 16px}
.day-picker ul{list-style:none;display:flex;gap:8px;padding:0 0 6px;margin:0}
.day-picker a{display:flex;flex-direction:column;align-items:center;min-width:72px;padding:8px 10px;border:1px solid rgba(0,0,0,.15);border-radius:12px;text-decoration:none;color:var(--text);background:var(--surface)}
.day-picker a small{color:var(--muted);font-size:.75rem}
.day-picker a[aria-current]{background:var(--primary);color:#fff;border-color:var(--primary)}
.day-picker a[aria-current] small{color:rgba(255,255,255,.85)}
/* Client pages: small layout helpers (the site CSP forbids inline style attributes) */
.sub-h,body .sub-h{display:block;font-size:1.15rem;text-align:left;text-transform:none;letter-spacing:0;margin:24px 0 8px}
body .sub-h::before,body .sub-h::after{content:none}
.sub-h.first{margin-top:0}.sub-h.gap{margin-top:40px}
.mt-s{margin-top:12px}.mt-m{margin-top:20px}.mt-l{margin-top:24px}
.actions{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}
.fine{font-size:.9rem}.tiny{font-size:.85rem;margin:0}
.narrow-form{max-width:520px}.no-max{max-width:none}
.bare{border:0;padding:0;margin:0}
.button.danger{background:#991b1b}
.label-strong{font-weight:600;margin-bottom:6px}
/* Campaign-page sections */
.banner{padding:56px 0;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#000));color:#fff}
.banner h2{color:#fff;font-size:clamp(1.6rem,4vw,2.4rem);margin-top:0}
.banner-inner{display:flex;flex-wrap:wrap;align-items:center;gap:32px}
.banner-image{flex:1 1 320px;max-width:100%;height:auto;max-height:360px;object-fit:cover;border-radius:14px}
.banner-text{flex:1 1 320px}
.banner-lead{font-size:1.15rem;opacity:.95}
.banner .button,.cta-band .button-light{background:#fff;color:var(--primary)}
.offer-ends{display:inline-block;font-weight:600;font-size:.92rem;background:var(--accent);color:#fff;border-radius:999px;padding:.2em .9em;margin:0 0 1em}
.cta-band{padding:40px 0;background:var(--accent);color:#fff}
.cta-band h2{color:#fff;margin:0 0 .3em}
.cta-band p{margin:.2em 0}
.cta-band .offer-ends{background:rgba(0,0,0,.25)}
.cta-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.image-text{display:flex;flex-wrap:wrap;align-items:center;gap:32px}
.image-text.image-right{flex-direction:row-reverse}
.image-text-img{flex:1 1 280px;min-width:0;max-width:min(100%,520px);height:auto;border-radius:14px;object-fit:cover}   /* min-width:0: a large photo must shrink beside the text, not take the whole row */
.image-text .prose{flex:1 1 320px}
.video-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.product-kind{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .4em}
.product-card{display:flex;flex-direction:column}
.product-card .button{margin-top:auto;align-self:flex-start}
.banner h2,.cta-band h2{text-align:left}
/* The banner's text block is left-aligned, so its heading is too, whatever the design does with headings
   (several centre every h2 and draw a centred rule under it). Extra class for specificity over .t-* rules. */
.banner .banner-text :is(h1,h2){color:#fff;text-align:left;justify-content:flex-start;font-size:clamp(1.7rem,4.2vw,2.6rem);margin-top:0}
.banner .banner-text :is(h1,h2)::after{margin-left:0}
.offer-ends{display:table}
.banner .offer-ends{margin-bottom:1.2em}

/* ══════════════════════════════════════════════════════════════════════════
   Shared pieces the designs build on
   ══════════════════════════════════════════════════════════════════════════ */
.hero-photo-frame{position:relative;flex:0 0 auto;isolation:isolate}
.hero-eyebrow{display:none;margin:0 0 .8em;font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.button{transition:box-shadow .18s ease,filter .18s ease}   /* no movement on hover: a button must not shift under the pointer */
.button-ghost{background:transparent;color:var(--primary);box-shadow:inset 0 0 0 2px currentColor}
.card{position:relative}
.site-footer .wrap{display:flex;flex-direction:column;gap:6px}
/* Astrology ornaments (site_templates/_astro.html, generated by scripts/astro_ornaments.py) */
.astro-sprite{position:absolute;width:0;height:0;overflow:hidden}
.hero{position:relative;overflow:hidden}
.hero-motif{position:absolute;left:50%;top:50%;width:calc(100% + 150px);aspect-ratio:1;transform:translate(-50%,-50%);z-index:-1;
  color:var(--accent);fill:none;stroke:currentColor;stroke-width:.5;opacity:.6;pointer-events:none;animation:wheel-turn 360s linear infinite}
.hero-motif use,.hero-motif .w-dot,.kundli use{fill:currentColor;stroke:none}
.sun-rays .s-ray{fill:currentColor;fill-opacity:.3;stroke-width:.4}
.constellations{animation:none}
.constellations .c-faint{fill:currentColor;stroke:none;opacity:.55}
.kundli-south .k-centre{stroke-dasharray:2 2;opacity:.6}
.hero-motif .w-rim{stroke-width:.9}
.hero-motif .w-tick{stroke-width:.4}
.hero-motif .w-inner{stroke-dasharray:1.5 2.5;opacity:.75}
@keyframes wheel-turn{to{transform:translate(-50%,-50%) rotate(360deg)}}
.hero-photo-frame.no-photo{width:220px;height:220px;border-radius:50%;display:grid;place-items:center}
.hero-sun{width:84px;height:84px;fill:var(--accent)}
.h-graha{display:block;width:1.05em;height:1.05em;margin:0 0 .45em;fill:var(--accent)}
.banner .h-graha,.cta-band .h-graha{fill:currentColor;opacity:.85}
.about{position:relative;overflow:hidden}
.kundli{position:absolute;right:max(24px,calc(50% - 580px));top:50%;width:190px;transform:translateY(-50%);
  color:var(--accent);fill:none;stroke:currentColor;stroke-width:.6;opacity:.4;pointer-events:none}
.graha-row{display:flex;flex-wrap:wrap;gap:16px;list-style:none;padding:0;margin:0 0 12px;color:var(--accent)}
.graha-row svg{display:block;width:16px;height:16px;fill:currentColor}
@media (max-width:1060px){.kundli{display:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* ══════════════════════════════════════════════════════════════════════════
   1. Heritage (classic): parchment, centred, ornate frames and ornaments
   ══════════════════════════════════════════════════════════════════════════ */
.t-classic{background-color:var(--bg);background-image:
  radial-gradient(circle at 12% 8%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 38%),
  radial-gradient(circle at 88% 30%,color-mix(in srgb,var(--primary) 6%,transparent),transparent 42%),
  radial-gradient(circle at 30% 85%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 40%)}
.t-classic .site-header{background:color-mix(in srgb,var(--surface) 85%,transparent);border-bottom:3px double color-mix(in srgb,var(--accent) 60%,transparent)}
.t-classic .header-inner{flex-direction:column;justify-content:center;text-align:center}
.t-classic .brand{font-size:1.5rem;letter-spacing:.02em}
.t-classic .site-header ul{justify-content:center}
.t-classic .hero{padding:64px 0 56px}
.t-classic .hero-inner{flex-direction:column;text-align:center}
.t-classic .hero-facts,.t-classic .hero-actions{justify-content:center}
.t-classic .hero-photo-frame{padding:10px;border-radius:50%;border:2px solid var(--accent);background:var(--surface)}
.t-classic .hero-photo-frame::before{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--accent) 70%,transparent)}
.t-classic .hero-photo-frame::after{content:"✦";position:absolute;left:50%;top:-30px;transform:translateX(-50%);color:var(--accent);font-size:1.3rem}
.t-classic .hero-photo{border:0;box-shadow:none}
.t-classic .hero-sub{font-style:italic}
.t-classic h1{font-weight:600;letter-spacing:.01em}
.t-classic h2{text-align:center;font-weight:600}
.t-classic .h-graha{margin-inline:auto}
.t-classic .hero-photo-frame{margin-block:46px}
.t-classic .graha-row{justify-content:center}
.t-classic h2::after{content:"";display:block;width:180px;height:1px;margin:.6em auto 0;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.t-classic .block.alt{background:color-mix(in srgb,var(--surface) 80%,transparent);border-block:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}
.t-classic .card{background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:6px;
  box-shadow:inset 0 0 0 5px var(--surface),inset 0 0 0 6px color-mix(in srgb,var(--accent) 25%,transparent);padding:22px}
.t-classic .button{border-radius:6px;letter-spacing:.06em;text-transform:uppercase;font-size:.88rem;box-shadow:0 0 0 1px var(--accent) inset}
.t-classic .button-ghost{box-shadow:inset 0 0 0 2px var(--primary)}
.t-classic .faq{border-color:color-mix(in srgb,var(--accent) 35%,transparent)}
.t-classic .site-footer{text-align:center;border-top:3px double color-mix(in srgb,var(--accent) 60%,transparent)}
.t-classic .site-footer .wrap{align-items:center}

/* Centred designs: a short row of cards sits in the middle, under the centred heading. */
.t-classic .cards,.t-celestial .cards,.t-lotus .cards,.t-mandala .cards,.t-temple .cards{grid-template-columns:repeat(auto-fit,minmax(240px,320px));justify-content:center}

/* ══════════════════════════════════════════════════════════════════════════
   2. Studio (modern): bold split hero, angled colour band, lifting cards
   ══════════════════════════════════════════════════════════════════════════ */
.t-modern{background:var(--bg)}
.t-modern .site-header{background:var(--surface);border:0;box-shadow:0 2px 20px rgba(0,0,0,.06);position:relative;z-index:2}
.t-modern .brand{font-weight:800;letter-spacing:-.01em}
.t-modern .site-header nav a.nav-cta{background:var(--primary);color:#fff;border-radius:10px;padding:.35em .9em}
.t-modern .hero{position:relative;overflow:hidden;color:#fff;padding:72px 0 120px;
  background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 65%,#000));
  clip-path:polygon(0 0,100% 0,100% 84%,0 100%)}
.t-modern .hero::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 45%,transparent),transparent 70%);pointer-events:none}
.t-modern .hero-inner{flex-direction:row-reverse;justify-content:space-between;gap:48px;position:relative;z-index:1}
.t-modern .hero h1{color:#fff;font-size:clamp(2.4rem,6vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.05}
.t-modern .hero-sub{color:rgba(255,255,255,.85)}
.t-modern .hero-eyebrow{display:inline-block;background:rgba(255,255,255,.14);color:#fff;border-radius:999px;padding:.35em .9em;letter-spacing:.1em}
.t-modern .hero-facts li{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:#fff}
.t-modern .hero-photo-frame::before{content:"";position:absolute;inset:22px -22px -22px 22px;border-radius:28px;background:var(--accent);z-index:-1}
.t-modern .hero-photo{width:280px;height:340px;border-radius:28px;border:0;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.t-modern .hero .button{background:var(--accent);box-shadow:0 10px 24px rgba(0,0,0,.25)}
.t-modern .hero .button-ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}
.t-modern h2{font-weight:800;letter-spacing:-.01em}
.t-modern .h-graha{width:1.5em;height:1.5em;padding:.28em;border-radius:12px;background:var(--accent);fill:#fff;margin-bottom:.5em}
.t-modern .banner .h-graha,.t-modern .cta-band .h-graha{background:rgba(255,255,255,.18);fill:#fff;opacity:1}
.t-modern .hero-motif{width:200%;color:#fff;opacity:.2}
.t-modern .block.alt{background:color-mix(in srgb,var(--primary) 5%,var(--bg))}
.t-modern .card{border:0;border-radius:20px;background:var(--surface);box-shadow:0 10px 30px rgba(0,0,0,.07);transition:transform .2s ease,box-shadow .2s ease}
.t-modern .card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.12)}
.t-modern .button{border-radius:12px}
.t-modern .site-footer{background:var(--text);color:color-mix(in srgb,var(--bg) 75%,transparent);border:0}
.t-modern .site-footer a{color:color-mix(in srgb,var(--bg) 85%,transparent)}
@media (max-width:640px){.t-modern .hero{padding:44px 0 90px}.t-modern .hero-photo{width:200px;height:240px}}

/* ══════════════════════════════════════════════════════════════════════════
   3. Editorial (minimal): big type, numbered sections, thin rules
   ══════════════════════════════════════════════════════════════════════════ */
.t-minimal{background:var(--surface);counter-reset:section}
.t-minimal .site-header{background:transparent;border-bottom:1px solid var(--text)}
.t-minimal .brand{font-style:italic;font-weight:500;color:var(--text)}
.t-minimal .site-header nav a{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:var(--text)}
.t-minimal .hero{padding:80px 0 56px;border-bottom:1px solid color-mix(in srgb,var(--text) 15%,transparent)}
.t-minimal .hero-inner{align-items:flex-end;gap:40px}
.t-minimal .hero-eyebrow{display:flex;align-items:center;gap:12px;color:var(--muted)}
.t-minimal .hero-eyebrow::before{content:"";width:40px;height:1px;background:var(--text)}
.t-minimal .hero h1{font-size:clamp(2.8rem,8.5vw,6.2rem);font-weight:400;line-height:.98;letter-spacing:-.03em}
.t-minimal .hero-sub{font-size:1.35rem}
.t-minimal .hero-facts li{background:transparent;border:0;border-left:1px solid var(--text);border-radius:0;padding:0 .8em}
.t-minimal .hero-photo-frame{order:2}
.t-minimal .hero-photo{width:150px;height:190px;border-radius:0;border:0;box-shadow:none;filter:grayscale(.25)}
.t-minimal .block{counter-increment:section;border-top:1px solid color-mix(in srgb,var(--text) 15%,transparent)}
.t-minimal .block.alt{background:transparent}
.t-minimal h2{font-weight:400;font-size:clamp(1.5rem,3vw,2.1rem)}
.t-minimal .h-graha{display:inline-block;width:.75em;height:.75em;margin:0 .4em 0 0;vertical-align:.02em}
.t-minimal .hero-motif{width:300px;color:var(--text);opacity:.18;animation:none}
.t-minimal .kundli{display:none}
.t-minimal .block h2::before{content:counter(section,decimal-leading-zero);display:block;font:600 .8rem/1 var(--font-body);letter-spacing:.14em;color:var(--accent);margin-bottom:.9em}
@media (min-width:900px){
  .t-minimal .block .wrap{display:grid;grid-template-columns:240px minmax(0,1fr);column-gap:56px;max-width:1080px}
  .t-minimal .block .wrap>*{grid-column:2}
  .t-minimal .block .wrap>h2{grid-column:1;grid-row:1/span 20;align-self:start;position:sticky;top:24px}
}
.t-minimal .cards{grid-template-columns:1fr;gap:0}
.t-minimal .card{background:transparent;border:0;border-top:1px solid color-mix(in srgb,var(--text) 15%,transparent);border-radius:0;padding:20px 0}
.t-minimal .button{background:var(--text);color:var(--surface);border-radius:0;letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;padding:.95em 1.6em}
.t-minimal .button:hover{background:var(--primary)}
.t-minimal .button-ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}
.t-minimal .banner,.t-minimal .cta-band{background:var(--text)}
.t-minimal .banner .button,.t-minimal .cta-band .button{background:var(--surface);color:var(--text)}
.t-minimal .site-footer{border-top:1px solid var(--text)}

/* ══════════════════════════════════════════════════════════════════════════
   4. Celestial: night sky, zodiac ring, glowing halo, gold accents
   ══════════════════════════════════════════════════════════════════════════ */
.t-celestial{--bg:#0b0a1f;--surface:rgba(255,255,255,.05);--text:#ece9ff;--muted:#aaa4cc;
  color:var(--text);background-color:#0b0a1f;background-image:
  radial-gradient(1px 1px at 8% 12%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 22% 68%,rgba(255,255,255,.8) 50%,transparent 52%),
  radial-gradient(1.5px 1.5px at 38% 22%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 52% 82%,rgba(255,255,255,.7) 50%,transparent 52%),
  radial-gradient(1px 1px at 66% 38%,#fff 50%,transparent 52%),radial-gradient(1.5px 1.5px at 78% 14%,rgba(255,255,255,.9) 50%,transparent 52%),
  radial-gradient(1px 1px at 90% 58%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 14% 92%,rgba(255,255,255,.6) 50%,transparent 52%),
  radial-gradient(1px 1px at 45% 50%,rgba(255,255,255,.5) 50%,transparent 52%),radial-gradient(1px 1px at 72% 92%,rgba(255,255,255,.6) 50%,transparent 52%),
  radial-gradient(900px 600px at 85% -10%,color-mix(in srgb,var(--primary) 55%,transparent),transparent 65%),
  radial-gradient(700px 500px at 0% 60%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%);
  /* stars repeat every 900px down the page; the two glows are drawn once */
  background-size:100% 900px,100% 900px,100% 900px,100% 900px,100% 900px,100% 900px,100% 900px,100% 900px,100% 900px,100% 900px,auto,auto;
  background-repeat:repeat-y,repeat-y,repeat-y,repeat-y,repeat-y,repeat-y,repeat-y,repeat-y,repeat-y,repeat-y,no-repeat,no-repeat}
.t-celestial a{color:color-mix(in srgb,var(--accent) 75%,#fff)}
.t-celestial h1,.t-celestial h2,.t-celestial h3{color:#fff}
.t-celestial .site-header{background:rgba(11,10,31,.6);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}
.t-celestial .brand{color:color-mix(in srgb,var(--accent) 80%,#fff)}
.t-celestial .site-header nav a{color:var(--muted)}
.t-celestial .site-header nav a.nav-cta{color:color-mix(in srgb,var(--accent) 80%,#fff)}
.t-celestial .hero{position:relative;overflow:hidden;padding:80px 0 72px}
.t-celestial .hero-photo-frame{margin-block:70px}
.t-celestial .hero-motif{width:calc(100% + 200px);opacity:.75;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 60%,transparent))}
.t-celestial .hero-inner{flex-direction:column;text-align:center;position:relative}
.t-celestial .hero-facts,.t-celestial .hero-actions{justify-content:center}
.t-celestial .hero-eyebrow{display:block;color:color-mix(in srgb,var(--accent) 80%,#fff)}
.t-celestial .hero-photo-frame{padding:6px;border-radius:50%}
.t-celestial .hero-photo-frame::before{content:"";position:absolute;inset:0;border-radius:50%;z-index:-1;
  background:conic-gradient(var(--accent),color-mix(in srgb,var(--primary) 60%,#fff),var(--accent),transparent,var(--accent));
  filter:blur(1px);box-shadow:0 0 60px color-mix(in srgb,var(--accent) 45%,transparent)}
.t-celestial .hero-photo{border:0;box-shadow:none}
.t-celestial .hero h1{font-size:clamp(2.4rem,6vw,3.8rem);background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--accent) 55%,#fff));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.t-celestial .hero-facts li{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:var(--text)}
.t-celestial h2{text-align:center}
.t-celestial .h-graha{margin-inline:auto;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 70%,transparent))}
.t-celestial .graha-row{justify-content:center}
.t-celestial .block.alt{background:rgba(255,255,255,.025);border-block:1px solid rgba(255,255,255,.06)}
.t-celestial .card{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:18px;backdrop-filter:blur(6px)}
.t-celestial .block:not(.alt) .card{background:rgba(255,255,255,.045)}
.t-celestial .button{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 85%,#fff),var(--accent));color:#1a1300;box-shadow:0 8px 28px color-mix(in srgb,var(--accent) 35%,transparent)}
.t-celestial .button-ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.t-celestial .price{color:color-mix(in srgb,var(--accent) 80%,#fff)}
.t-celestial .verified{color:#86efac}
.t-celestial .stars{color:var(--accent)}
.t-celestial .faq{border-color:rgba(255,255,255,.12)}
.t-celestial .banner{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 70%,#0b0a1f),#0b0a1f);border-block:1px solid rgba(255,255,255,.08)}
.t-celestial .cta-band{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#000))}
.t-celestial .form input,.t-celestial .form select,.t-celestial .form textarea,.t-celestial .slot span,.t-celestial .day-picker a{
  background:rgba(255,255,255,.06);color:var(--text);border-color:rgba(255,255,255,.2)}
.t-celestial .order,.t-celestial .msg{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
.t-celestial .site-footer{border-top:1px solid rgba(255,255,255,.08);color:var(--muted)}
.t-celestial .site-footer a{color:var(--muted)}

/* ══════════════════════════════════════════════════════════════════════════
   5. Royal: deep bands, arch-framed photo, engraved capitals, gold rules
   ══════════════════════════════════════════════════════════════════════════ */
.t-royal{background:var(--bg)}
.t-royal h1,.t-royal h2,.t-royal .brand{font-family:"Cinzel",var(--font-heading);letter-spacing:.04em}
.t-royal .site-header{background:color-mix(in srgb,var(--primary) 85%,#000);border-bottom:2px solid var(--accent)}
.t-royal .brand{color:var(--accent);font-weight:700}
.t-royal .site-header nav a{color:rgba(255,255,255,.78)}
.t-royal .site-header nav a.nav-cta{color:var(--accent)}
.t-royal .hero{color:#fff;padding:72px 0;background-color:var(--primary);background-image:
  repeating-linear-gradient(45deg,color-mix(in srgb,var(--accent) 7%,transparent) 0 1px,transparent 1px 22px),
  repeating-linear-gradient(-45deg,color-mix(in srgb,var(--accent) 7%,transparent) 0 1px,transparent 1px 22px),
  radial-gradient(circle at 75% 40%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 55%)}
.t-royal .hero-inner{gap:56px}
.t-royal .hero h1{color:#fff;font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:600}
.t-royal .hero-sub{color:rgba(255,255,255,.85);font-style:italic}
.t-royal .hero-eyebrow{display:block;color:var(--accent)}
.t-royal .hero-facts li{background:transparent;border-color:color-mix(in srgb,var(--accent) 60%,transparent);color:#fff}
.t-royal .hero-photo-frame{padding:8px;border:2px solid var(--accent);border-radius:160px 160px 10px 10px}
.t-royal .hero-photo-frame::after{content:"";position:absolute;inset:4px;border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);border-radius:156px 156px 7px 7px;pointer-events:none}
.t-royal .hero-photo{width:240px;height:300px;border:0;border-radius:150px 150px 4px 4px;box-shadow:none}
.t-royal .hero .button{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 80%,#fff),var(--accent));color:#1d1300}
.t-royal .hero .button-ghost{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.t-royal h2{display:flex;align-items:center;justify-content:center;gap:18px;text-align:center;font-weight:600}
.t-royal h2::before,.t-royal h2::after{content:"";flex:1;max-width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--accent))}
.t-royal h2::after{background:linear-gradient(90deg,var(--accent),transparent)}
.t-royal .h-graha{flex:none;margin:0;width:.85em;height:.85em}
.t-royal .hero-motif{width:calc(100% + 200px);opacity:.4}
.t-royal .block.alt{background:color-mix(in srgb,var(--primary) 6%,var(--bg))}
.t-royal .card{background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-top:3px solid var(--accent);border-radius:2px;padding:24px;box-shadow:0 8px 24px rgba(0,0,0,.05)}
.t-royal .card::before,.t-royal .card::after{content:"";position:absolute;width:14px;height:14px;bottom:8px;border-bottom:1px solid var(--accent)}
.t-royal .card::before{left:8px;border-left:1px solid var(--accent)}
.t-royal .card::after{right:8px;border-right:1px solid var(--accent)}
.t-royal .button{border-radius:2px;text-transform:uppercase;letter-spacing:.1em;font-size:.82rem;padding:.95em 1.7em}
.t-royal .banner{background-color:var(--primary);background-image:repeating-linear-gradient(45deg,color-mix(in srgb,var(--accent) 7%,transparent) 0 1px,transparent 1px 22px)}
.t-royal .site-footer{background:color-mix(in srgb,var(--primary) 85%,#000);color:rgba(255,255,255,.7);border-top:2px solid var(--accent)}
.t-royal .site-footer a{color:rgba(255,255,255,.8)}

/* ══════════════════════════════════════════════════════════════════════════
   6. Serene (lotus): soft gradients, organic blob, very rounded and calm
   ══════════════════════════════════════════════════════════════════════════ */
.t-lotus{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,var(--bg)) 0,var(--bg) 520px,color-mix(in srgb,var(--primary) 5%,var(--bg)) 100%)}
.t-lotus .site-header{background:transparent;border:0;padding-top:14px}
.t-lotus .header-inner{background:color-mix(in srgb,var(--surface) 88%,transparent);border-radius:999px;box-shadow:0 10px 30px color-mix(in srgb,var(--primary) 10%,transparent);padding-inline:24px}
.t-lotus .hero{padding:72px 0 24px}
.t-lotus .hero-inner{flex-direction:column;text-align:center;gap:56px}
.t-lotus .hero-facts,.t-lotus .hero-actions{justify-content:center}
.t-lotus .hero-photo-frame::before{content:"";position:absolute;inset:-34px;z-index:-1;border-radius:42% 58% 63% 37%/41% 44% 56% 59%;
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 45%,transparent),color-mix(in srgb,var(--primary) 30%,transparent));
  animation:lotus-morph 14s ease-in-out infinite alternate}
@keyframes lotus-morph{50%{border-radius:58% 42% 37% 63%/56% 59% 41% 44%;transform:rotate(8deg)}}
.t-lotus .hero-photo{border:6px solid var(--surface);box-shadow:0 20px 50px color-mix(in srgb,var(--primary) 18%,transparent)}
.t-lotus .hero h1{font-weight:500}
.t-lotus .hero-facts li{border:0;background:color-mix(in srgb,var(--surface) 80%,transparent);box-shadow:0 4px 14px color-mix(in srgb,var(--primary) 8%,transparent)}
.t-lotus h2{text-align:center;font-weight:500}
.t-lotus .h-graha{margin-inline:auto;width:1.6em;height:1.6em;padding:.35em;border-radius:50%;background:color-mix(in srgb,var(--accent) 22%,var(--surface))}
.t-lotus .hero-photo-frame{margin-block:30px 40px}
.t-lotus .hero-motif{width:calc(100% + 200px);color:var(--primary);opacity:.22}
.t-lotus .kundli{color:var(--primary);opacity:.25}
.t-lotus .graha-row{justify-content:center}
.t-lotus .block.alt{background:transparent}
.t-lotus .block.alt>.wrap{background:color-mix(in srgb,var(--surface) 70%,transparent);border-radius:36px;padding-block:40px;box-shadow:0 10px 40px color-mix(in srgb,var(--primary) 6%,transparent)}
.t-lotus .card{border:0;border-radius:28px;background:var(--surface);box-shadow:0 12px 36px color-mix(in srgb,var(--primary) 10%,transparent);padding:24px}
.t-lotus .button{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 55%,var(--accent)));box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 25%,transparent)}
.t-lotus .button-ghost{background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--primary);box-shadow:none}
.t-lotus .faq{border:0;background:var(--surface);border-radius:18px;padding:16px 20px;margin-bottom:10px}
.t-lotus .banner{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 50%,var(--accent)));border-radius:0 0 48px 48px}
.t-lotus .cta-band{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,var(--primary)));border-radius:36px;margin-inline:16px}
.t-lotus .site-footer{border:0;text-align:center}
.t-lotus .site-footer .wrap{align-items:center}
@media (max-width:640px){.t-lotus .header-inner{border-radius:24px}.t-lotus .block.alt>.wrap{border-radius:24px}
  .t-royal .hero-photo{width:180px;height:225px}.t-royal .hero{padding:48px 0}.t-royal .hero-photo-frame{margin-block:30px}}
/* ══════════════════════════════════════════════════════════════════════════
   7. Mandala: Sri Yantra behind the photo, marigold rings, scalloped bands
   ══════════════════════════════════════════════════════════════════════════ */
.t-mandala{background-color:var(--bg);background-image:radial-gradient(color-mix(in srgb,var(--accent) 18%,transparent) 1.2px,transparent 1.7px);background-size:26px 26px}
.t-mandala .site-header{background:var(--surface);border:0;box-shadow:0 1px 0 color-mix(in srgb,var(--accent) 55%,transparent),0 5px 0 -2px color-mix(in srgb,var(--accent) 25%,transparent)}
.t-mandala .header-inner{flex-direction:column;justify-content:center}
.t-mandala .site-header ul{justify-content:center}
.t-mandala .brand{font-size:1.45rem}
.t-mandala .hero{padding:72px 0 64px;background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--accent) 20%,var(--bg)),transparent 62%)}
.t-mandala .hero-inner{flex-direction:column;text-align:center;gap:36px}
.t-mandala .hero-facts,.t-mandala .hero-actions{justify-content:center}
.t-mandala .hero-photo-frame{margin-block:76px;padding:8px;border-radius:50%;
  background:conic-gradient(var(--accent),var(--primary),var(--accent),var(--primary),var(--accent))}
.t-mandala .hero-photo{border:5px solid var(--surface);box-shadow:none}
.t-mandala .hero-motif{width:calc(100% + 210px);opacity:.6;animation-duration:600s}
.t-mandala .hero-eyebrow{display:block}
.t-mandala .hero h1{font-size:clamp(2.3rem,5.5vw,3.6rem)}
.t-mandala .hero-facts li{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}
.t-mandala h2{text-align:center}
.t-mandala .h-graha{margin-inline:auto;width:1.8em;height:1.8em;padding:.42em;border-radius:50%;fill:#fff;
  background:radial-gradient(circle,var(--primary) 58%,var(--accent) 60%,var(--accent) 66%,var(--primary) 68%)}
.t-mandala .block.alt{position:relative;background:color-mix(in srgb,var(--accent) 11%,var(--surface));margin-block:14px}
.t-mandala .block.alt::before,.t-mandala .block.alt::after{content:"";position:absolute;left:0;right:0;height:14px;
  background:radial-gradient(circle at 50% 100%,color-mix(in srgb,var(--accent) 11%,var(--surface)) 9px,transparent 9.5px) 0 0/28px 14px repeat-x}
.t-mandala .block.alt::before{top:-14px}
.t-mandala .block.alt::after{bottom:-14px;transform:scaleY(-1)}
.t-mandala .card{border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-top:4px dotted var(--accent);border-radius:18px;background:var(--surface)}
.t-mandala .cards{grid-template-columns:repeat(auto-fit,minmax(240px,320px));justify-content:center}
.t-mandala .button{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 72%,var(--accent)));
  box-shadow:0 0 0 3px var(--surface),0 0 0 4px var(--accent)}
.t-mandala .button-ghost{background:var(--surface);color:var(--primary);box-shadow:inset 0 0 0 2px var(--primary)}
.t-mandala .faq{border-color:color-mix(in srgb,var(--accent) 35%,transparent)}
.t-mandala .site-footer{text-align:center;background:var(--primary);color:rgba(255,255,255,.8);border:0}
.t-mandala .site-footer .wrap{align-items:center}
.t-mandala .site-footer a{color:#fff}
.t-mandala .graha-row{justify-content:center}

/* ══════════════════════════════════════════════════════════════════════════
   8. Temple: gopuram-tiered hero, carved stone panels, temple-arch portrait
   ══════════════════════════════════════════════════════════════════════════ */
.t-temple{--stone:color-mix(in srgb,var(--primary) 6%,#ECE6DA);background:var(--stone)}
.t-temple .site-header{background:var(--primary);border-bottom:4px solid var(--accent)}
.t-temple .brand{color:#fff;text-transform:uppercase;letter-spacing:.12em;font-size:1.05rem}
.t-temple .site-header nav a{color:rgba(255,255,255,.8)}
.t-temple .site-header nav a.nav-cta{color:#fff;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}
.t-temple .hero{color:#fff;padding:64px 0 150px;background:linear-gradient(180deg,var(--primary),color-mix(in srgb,var(--primary) 68%,#000))}
.t-temple .hero::after{content:"";position:absolute;left:50%;bottom:-1px;width:min(920px,100%);height:110px;transform:translateX(-50%);background:var(--stone);
  clip-path:polygon(0 100%,0 82%,9% 82%,9% 64%,17% 64%,17% 48%,25% 48%,25% 33%,33% 33%,33% 20%,41% 20%,41% 9%,46% 9%,46% 0,54% 0,54% 9%,59% 9%,59% 20%,67% 20%,67% 33%,75% 33%,75% 48%,83% 48%,83% 64%,91% 64%,91% 82%,100% 82%,100% 100%)}
.t-temple .hero-inner{flex-direction:column;text-align:center;gap:34px;position:relative;z-index:1}
.t-temple .hero-facts,.t-temple .hero-actions{justify-content:center}
.t-temple .hero-photo-frame{margin-block:40px 10px}
.t-temple .hero-photo-frame::before{content:"";position:absolute;inset:-10px;z-index:-1;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#000));
  clip-path:polygon(50% 0,100% 20%,100% 100%,0 100%,0 20%)}
.t-temple .hero-photo{width:230px;height:290px;border-radius:0;border:0;box-shadow:none;clip-path:polygon(50% 0,100% 20%,100% 100%,0 100%,0 20%)}
.t-temple .hero-photo-frame.no-photo{width:230px;height:290px;border-radius:0}
.t-temple .hero-photo-frame.no-photo::before{inset:0}
.t-temple .hero-motif{width:calc(100% + 300px);opacity:.35;z-index:-2}
.t-temple .hero h1{color:#fff;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(1.9rem,5vw,3.1rem)}
.t-temple .hero-sub{color:rgba(255,255,255,.85)}
.t-temple .hero-eyebrow{display:block;color:color-mix(in srgb,var(--accent) 70%,#fff)}
.t-temple .hero-facts li{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);color:#fff;border-radius:4px}
.t-temple .hero .button{background:#fff;color:var(--primary);box-shadow:inset 0 -3px 0 var(--accent)}
.t-temple .hero .button-ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}
.t-temple .block{background:var(--stone)}
.t-temple .block.alt{background:color-mix(in srgb,var(--primary) 9%,#E2DACB);border-block:6px solid transparent;
  border-image:repeating-linear-gradient(90deg,var(--accent) 0 10px,transparent 10px 16px) 6}
.t-temple h2{text-align:center;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(1.25rem,2.6vw,1.7rem)}
.t-temple h2::after{content:"";display:block;width:120px;height:10px;margin:.6em auto 0;
  background:linear-gradient(var(--accent),var(--accent)) 50% 0/120px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) 50% 50%/80px 2px no-repeat,
  linear-gradient(var(--accent),var(--accent)) 50% 100%/40px 2px no-repeat}
.t-temple .h-graha{margin-inline:auto;fill:var(--primary)}
.t-temple .block .card{background:color-mix(in srgb,#fff 72%,var(--stone));border:0;border-top:3px solid var(--primary);border-radius:4px;
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.8),inset -2px -2px 0 rgba(0,0,0,.07),0 2px 0 rgba(0,0,0,.06)}
.t-temple .cards{grid-template-columns:repeat(auto-fit,minmax(240px,320px));justify-content:center}
.t-temple .button{border-radius:4px;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}
.t-temple .faq{border-color:color-mix(in srgb,var(--primary) 25%,transparent)}
.t-temple .site-footer{background:var(--primary);color:rgba(255,255,255,.75);text-align:center;border-top:4px solid var(--accent)}
.t-temple .site-footer .wrap{align-items:center}
.t-temple .site-footer a{color:#fff}
.t-temple .graha-row{justify-content:center;color:color-mix(in srgb,var(--accent) 70%,#fff)}

/* ══════════════════════════════════════════════════════════════════════════
   9. Nadi leaf (palmleaf): every section a palm-leaf manuscript, bound with cord
   ══════════════════════════════════════════════════════════════════════════ */
.t-palmleaf{--leaf:#E9CF98;--ink:#3B2210;--text:#3B2210;--muted:#6A4A2C;background-color:#2A1C12;
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 9px),linear-gradient(180deg,#2E1F14,#1B120B)}
.t-palmleaf .site-header{background:transparent;border-bottom:1px solid rgba(233,207,152,.18)}
.t-palmleaf .brand{color:var(--leaf);letter-spacing:.03em}
.t-palmleaf .site-header nav a{color:rgba(233,207,152,.72)}
.t-palmleaf .site-header nav a.nav-cta,.t-palmleaf .site-header nav a:hover{color:var(--leaf)}
.t-palmleaf .hero{padding:40px 0 14px}
.t-palmleaf .block{padding:14px 0}
.t-palmleaf .block.alt{background:transparent}
.t-palmleaf .hero-inner,.t-palmleaf .block>.wrap{position:relative;max-width:1040px;margin-inline:max(12px,calc(50% - 520px));padding:42px 70px;border-radius:52px/30px;
  background-image:repeating-linear-gradient(0deg,rgba(90,60,20,.07) 0 1px,transparent 1px 7px),linear-gradient(180deg,#EFD8A6,#D7B26C);
  box-shadow:0 18px 40px rgba(0,0,0,.45),inset 0 0 0 1px rgba(120,80,30,.25),inset 0 0 40px rgba(120,80,30,.18)}
.t-palmleaf .block.alt>.wrap{background-image:repeating-linear-gradient(0deg,rgba(90,60,20,.07) 0 1px,transparent 1px 7px),linear-gradient(180deg,#E6C98D,#CFA45C)}
.t-palmleaf .hero-inner::before,.t-palmleaf .hero-inner::after,.t-palmleaf .block>.wrap::before,.t-palmleaf .block>.wrap::after{
  content:"";position:absolute;top:50%;left:26px;width:13px;height:13px;margin-top:-6.5px;border-radius:50%;background:#2A1C12;
  box-shadow:0 0 0 3px rgba(120,80,30,.35),0 0 0 6px rgba(233,207,152,.25)}
.t-palmleaf .hero-inner::after,.t-palmleaf .block>.wrap::after{left:auto;right:26px}
.t-palmleaf .hero-inner{overflow:hidden;gap:44px}
.t-palmleaf .hero-photo{border:3px solid var(--ink);box-shadow:none;filter:sepia(.35) contrast(1.05)}
.t-palmleaf .hero-motif{color:var(--ink);opacity:.25;width:calc(100% + 130px)}
.t-palmleaf .hero-eyebrow{display:block;color:#7A3E12}
.t-palmleaf h1,.t-palmleaf h2,.t-palmleaf h3{color:var(--ink)}
.t-palmleaf h2{font-style:italic}
.t-palmleaf .h-graha{fill:#8A4416}
.t-palmleaf .hero-facts li{background:transparent;border-color:rgba(59,34,16,.35)}
.t-palmleaf .block .card{background:rgba(255,255,255,.28);border:1px solid rgba(90,60,20,.3);border-radius:14px}
.t-palmleaf a{color:#7A3E12}
.t-palmleaf .button{background:var(--ink);color:var(--leaf)}
.t-palmleaf .button-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.t-palmleaf .faq{border-color:rgba(59,34,16,.25)}
.t-palmleaf .kundli{display:none}
.t-palmleaf .site-footer{background:transparent;border-top:1px solid rgba(233,207,152,.18);color:rgba(233,207,152,.7)}
.t-palmleaf .site-footer a{color:var(--leaf)}
.t-palmleaf .graha-row{color:var(--leaf)}
.t-palmleaf .form input,.t-palmleaf .form select,.t-palmleaf .form textarea{background:rgba(255,255,255,.55)}
@media (max-width:640px){.t-palmleaf .hero-inner,.t-palmleaf .block>.wrap{padding:30px 30px;border-radius:30px/18px}
  .t-palmleaf .hero-inner::before,.t-palmleaf .block>.wrap::before{left:10px}.t-palmleaf .hero-inner::after,.t-palmleaf .block>.wrap::after{right:10px}}

/* ══════════════════════════════════════════════════════════════════════════
   10. Nakshatra: deep space, constellations, sections along an orbit line
   ══════════════════════════════════════════════════════════════════════════ */
.t-nakshatra{--bg:#070B1A;--surface:rgba(255,255,255,.04);--text:#E6ECFF;--muted:#9AA6C8;color:var(--text);background-color:#070B1A;background-image:
  radial-gradient(1px 1px at 12% 18%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 34% 72%,rgba(255,255,255,.7) 50%,transparent 52%),
  radial-gradient(1.4px 1.4px at 58% 28%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 76% 64%,rgba(255,255,255,.7) 50%,transparent 52%),
  radial-gradient(1px 1px at 92% 22%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 46% 90%,rgba(255,255,255,.6) 50%,transparent 52%),
  radial-gradient(1100px 700px at 0% 0%,color-mix(in srgb,var(--primary) 50%,transparent),transparent 62%),
  radial-gradient(800px 600px at 100% 40%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 60%);
  background-size:100% 700px,100% 700px,100% 700px,100% 700px,100% 700px,100% 700px,auto,auto;
  background-repeat:repeat-y,repeat-y,repeat-y,repeat-y,repeat-y,repeat-y,no-repeat,no-repeat}
.t-nakshatra a{color:color-mix(in srgb,var(--accent) 70%,#fff)}
.t-nakshatra h1,.t-nakshatra h2,.t-nakshatra h3{color:#fff}
.t-nakshatra .site-header{background:transparent;border-bottom:1px solid rgba(255,255,255,.08)}
.t-nakshatra .brand{color:#fff;letter-spacing:.02em}
.t-nakshatra .site-header nav a{color:var(--muted)}
.t-nakshatra .site-header nav a.nav-cta{color:color-mix(in srgb,var(--accent) 75%,#fff)}
.t-nakshatra .hero{padding:84px 0}
.t-nakshatra .hero-inner{gap:64px}
.t-nakshatra .hero-photo{width:260px;height:310px;border-radius:24px;border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);
  box-shadow:0 0 0 10px rgba(255,255,255,.03),0 30px 60px rgba(0,0,0,.5)}
.t-nakshatra .hero-photo-frame.no-photo{border:1px solid color-mix(in srgb,var(--accent) 50%,transparent)}
.t-nakshatra .hero-motif{width:170%;color:color-mix(in srgb,var(--accent) 70%,#fff);opacity:.5}
.t-nakshatra .hero h1{font-size:clamp(2.4rem,6vw,4rem)}
.t-nakshatra .hero-eyebrow{display:block;color:color-mix(in srgb,var(--accent) 75%,#fff)}
.t-nakshatra .hero-facts li{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);color:var(--text)}
.t-nakshatra .block{padding:48px 0}
.t-nakshatra .block.alt{background:rgba(255,255,255,.02)}
.t-nakshatra .block>.wrap{position:relative;max-width:1000px;padding-left:76px}
.t-nakshatra .block>.wrap::before{content:"";position:absolute;left:34px;top:-48px;bottom:-48px;width:1px;
  background:linear-gradient(transparent,color-mix(in srgb,var(--accent) 55%,transparent) 12%,color-mix(in srgb,var(--accent) 55%,transparent) 88%,transparent)}
.t-nakshatra .block h2{position:relative}
.t-nakshatra .block .h-graha{position:absolute;left:-57px;top:50%;margin:-15px 0 0;width:30px;height:30px;padding:6px;border-radius:50%;
  background:#070B1A;border:1px solid var(--accent);fill:var(--accent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 45%,transparent)}
.t-nakshatra .block .card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:16px}
.t-nakshatra .button{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 60%,#000));
  box-shadow:inset 0 0 0 1px var(--accent),0 0 24px color-mix(in srgb,var(--accent) 25%,transparent)}
.t-nakshatra .button-ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.t-nakshatra .price{color:color-mix(in srgb,var(--accent) 75%,#fff)}
.t-nakshatra .verified{color:#86efac}
.t-nakshatra .faq{border-color:rgba(255,255,255,.12)}
.t-nakshatra .kundli{opacity:.3}
.t-nakshatra .form input,.t-nakshatra .form select,.t-nakshatra .form textarea,.t-nakshatra .slot span,.t-nakshatra .day-picker a{
  background:rgba(255,255,255,.06);color:var(--text);border-color:rgba(255,255,255,.2)}
.t-nakshatra .order,.t-nakshatra .msg{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
.t-nakshatra .site-footer{background:transparent;border-top:1px solid rgba(255,255,255,.08);color:var(--muted)}
.t-nakshatra .site-footer a{color:var(--muted)}
@media (max-width:640px){.t-nakshatra .block>.wrap{padding-left:54px}.t-nakshatra .block>.wrap::before{left:22px}
  .t-nakshatra .block .h-graha{left:-45px;width:26px;height:26px;margin-top:-13px;padding:5px}
  .t-nakshatra .hero-photo{width:200px;height:240px}}

/* ══════════════════════════════════════════════════════════════════════════
   11. Sunrise: dawn gradient, Surya rays behind the photo, bright rounded cards
   ══════════════════════════════════════════════════════════════════════════ */
.t-sunrise{--dawn:color-mix(in srgb,var(--accent) 26%,var(--bg));background:var(--bg)}
.t-sunrise .site-header{background:var(--dawn);border:0}
.t-sunrise .brand{font-weight:800}
.t-sunrise .site-header nav a{color:var(--text)}
.t-sunrise .hero{padding:56px 0 110px;background:linear-gradient(180deg,var(--dawn),color-mix(in srgb,var(--accent) 10%,var(--bg)) 60%,var(--bg))}
.t-sunrise .hero::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-70px;height:130px;border-radius:50%;background:var(--bg)}
.t-sunrise .hero-inner{flex-direction:row-reverse;justify-content:space-between;gap:72px;position:relative;z-index:1}
.t-sunrise .hero-photo-frame{margin:60px}
.t-sunrise .hero-photo{width:280px;height:280px;border:8px solid var(--surface);box-shadow:0 20px 50px color-mix(in srgb,var(--accent) 40%,transparent)}
.t-sunrise .hero-motif{width:calc(100% + 280px);opacity:.8;animation-duration:240s}
.t-sunrise .hero h1{color:var(--primary);font-weight:800;letter-spacing:-.02em;font-size:clamp(2.4rem,6vw,4.2rem);line-height:1.05}
.t-sunrise .hero-eyebrow{display:inline-block;background:var(--surface);color:var(--primary);border-radius:999px;padding:.35em .9em;letter-spacing:.1em}
.t-sunrise .hero-facts li{background:var(--surface);border:0;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 18%,transparent)}
.t-sunrise h2{font-weight:800;letter-spacing:-.01em}
.t-sunrise .h-graha{width:1.8em;height:1.8em;padding:.42em;border-radius:50%;fill:#fff;
  background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--accent) 65%,#fff),var(--accent));box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 35%,transparent)}
.t-sunrise .block.alt{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 9%,var(--bg)),var(--bg))}
.t-sunrise .block .card{background:var(--surface);border:0;border-radius:24px;overflow:hidden;padding-top:26px;box-shadow:0 12px 32px color-mix(in srgb,var(--accent) 14%,transparent)}
.t-sunrise .card::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--accent),var(--primary))}
.t-sunrise .button{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 70%,var(--accent)));box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 28%,transparent)}
.t-sunrise .button-ghost{background:var(--surface);color:var(--primary);box-shadow:none}
.t-sunrise .faq{border-color:color-mix(in srgb,var(--accent) 30%,transparent)}
.t-sunrise .site-footer{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 85%,#000),color-mix(in srgb,var(--primary) 55%,#000));color:rgba(255,255,255,.8);border:0}
.t-sunrise .site-footer a{color:#fff}
.t-sunrise .graha-row{color:color-mix(in srgb,var(--accent) 70%,#fff)}
@media (max-width:640px){.t-sunrise .hero-photo{width:200px;height:200px}.t-sunrise .hero-photo-frame{margin:40px auto}}

/* ══════════════════════════════════════════════════════════════════════════
   12. Panchang (almanac): almanac grid, ruled tables, headings in ink bands
   ══════════════════════════════════════════════════════════════════════════ */
.t-almanac{background:color-mix(in srgb,var(--accent) 6%,#FBF8F1)}
.t-almanac .site-header{background:transparent;border:0}
.t-almanac .header-inner{flex-direction:column;align-items:stretch;gap:8px;border-bottom:4px double var(--text);padding-bottom:10px}
.t-almanac .brand{font-size:clamp(1.6rem,4vw,2.4rem);text-align:center;color:var(--text);font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.t-almanac .site-header ul{justify-content:center;border-top:1px solid var(--text);padding-top:8px}
.t-almanac .site-header nav a{color:var(--text);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}
.t-almanac .hero{padding:28px 0 20px}
.t-almanac .hero-inner{display:grid;grid-template-columns:280px 1fr;gap:0;max-width:1040px;margin-inline:max(12px,calc(50% - 520px));padding:0;
  border:2px solid var(--text);background:var(--surface);align-items:stretch}
.t-almanac .hero-photo-frame{display:grid;place-items:center;padding:28px;overflow:hidden;border-right:2px solid var(--text);
  background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.t-almanac .hero-photo-frame.no-photo{width:auto;height:auto;border-radius:0}
.t-almanac .hero-photo{width:200px;height:240px;border-radius:0;border:1px solid var(--text);box-shadow:6px 6px 0 var(--primary)}
.t-almanac .hero-motif{width:150%;color:var(--primary);opacity:.18}
.t-almanac .hero-text{padding:28px 34px}
.t-almanac .hero-eyebrow{display:block;color:var(--primary)}
.t-almanac .hero h1{font-weight:800}
.t-almanac .hero-facts{display:block;border-top:1px solid var(--text);margin:1.2em 0}
.t-almanac .hero-facts li{display:block;background:none;border:0;border-bottom:1px dashed color-mix(in srgb,var(--text) 40%,transparent);border-radius:0;padding:.45em 0}
.t-almanac .block{padding:14px 0}
.t-almanac .block.alt{background:transparent}
.t-almanac .block>.wrap{max-width:1040px;margin-inline:max(12px,calc(50% - 520px));padding:0 26px 26px;border:2px solid var(--text);background:var(--surface)}
.t-almanac .block.alt>.wrap{background:color-mix(in srgb,var(--accent) 7%,var(--surface))}
.t-almanac .block h2{display:flex;align-items:center;gap:10px;margin:0 -26px 22px;padding:10px 26px;background:var(--primary);color:#fff;
  font-size:1.05rem;text-transform:uppercase;letter-spacing:.12em}
.t-almanac .h-graha{flex:none;margin:0;width:1.15em;height:1.15em;fill:#fff}
.t-almanac .cards{gap:0;border-top:1px solid var(--text);border-left:1px solid var(--text)}
.t-almanac .block .card{border:0;border-right:1px solid var(--text);border-bottom:1px solid var(--text);border-radius:0;background:transparent}
.t-almanac .button{border-radius:0;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}
.t-almanac .button-ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 2px var(--text)}
.t-almanac .faq{border-bottom:1px dashed color-mix(in srgb,var(--text) 40%,transparent)}
.t-almanac .kundli{color:var(--text);opacity:.3;right:max(40px,calc(50% - 490px));top:96px;transform:none;width:160px}
@media (min-width:1061px){.t-almanac .about .prose,.t-almanac .about .muted{max-width:calc(100% - 200px)}}
.t-almanac .site-footer{background:transparent;border-top:4px double var(--text);text-align:center}
.t-almanac .site-footer .wrap{align-items:center}
.t-almanac .graha-row{justify-content:center;color:var(--primary)}
@media (max-width:700px){.t-almanac .hero-inner{grid-template-columns:1fr}.t-almanac .hero-photo-frame{border-right:0;border-bottom:2px solid var(--text)}}

/* Phones: the menu scrolls sideways, so it must start at the left (centred overflow hides the first items) */
@media (max-width:640px){body .site-header ul{justify-content:flex-start}body .site-header nav a{white-space:nowrap}}

/* ── Account link (outside the menu, so the menu stays one line on desktop) ── */
.site-header{position:relative}
.account-link{order:3;display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:600;text-decoration:none;color:inherit;
  padding:.35em .85em;border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:999px;white-space:nowrap;opacity:.9}
.account-link:hover{opacity:1;border-color:currentColor}
.account-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.site-header nav{order:2}
.site-header .brand{order:1}
.t-classic .account-link,.t-mandala .account-link,.t-almanac .account-link{position:absolute;top:14px;right:max(16px,calc(50% - 520px))}
.t-almanac .account-link{align-self:flex-end}
.t-temple .account-link,.t-royal .account-link,.t-celestial .account-link,.t-nakshatra .account-link,.t-palmleaf .account-link{color:rgba(255,255,255,.88)}
.t-palmleaf .account-link{color:var(--leaf)}
@media (max-width:640px){
  .account-link{order:1;margin-left:auto;padding:.3em .7em;font-size:.8rem}
  .t-classic .account-link,.t-mandala .account-link,.t-almanac .account-link{top:10px;right:12px}
  .t-classic .brand,.t-mandala .brand{padding-right:96px}
}

/* ── Client pages (login, account, ordering, booking, chat): the astrologer's photo and name,
   then one centred panel drawn in the site's design. ── */
.client-head{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:36px;gap:2px}
.client-head-photo{width:72px;height:72px;border-radius:50%;object-fit:cover;margin-bottom:8px;
  box-shadow:0 0 0 3px var(--surface),0 0 0 5px color-mix(in srgb,var(--accent) 75%,transparent)}
.client-head-mono{display:grid;place-items:center;background:var(--primary);color:#fff;font:700 1.5rem/1 var(--font-heading);letter-spacing:.04em}
.client-head-name{font-family:var(--font-heading);font-weight:700;font-size:1.15rem;margin:0;color:var(--text)}
.client-head-sub{margin:0;color:var(--muted);font-size:.92rem}
.client-page .block{padding:20px 0 56px}
.client-page:where(:not(.t-palmleaf):not(.t-almanac)) .block>.wrap.narrow{max-width:640px;margin-inline:auto;padding:34px 40px;background:var(--surface);
  border:1px solid color-mix(in srgb,var(--primary) 14%,transparent);border-radius:18px;
  box-shadow:0 18px 50px color-mix(in srgb,var(--primary) 10%,transparent)}
.client-page .block>.wrap.narrow h1{font-size:clamp(1.6rem,3.4vw,2.1rem)}
.client-page .form{max-width:none}
.client-page .form .button{align-self:flex-start}
@media (max-width:640px){.client-page:where(:not(.t-palmleaf):not(.t-almanac)) .block>.wrap.narrow{margin-inline:12px;padding:26px 20px}.client-head{padding-top:24px}}

/* Heritage: parchment card in a gold double frame */
.t-classic.client-page .block>.wrap.narrow{border:3px double color-mix(in srgb,var(--accent) 70%,transparent);border-radius:6px;
  box-shadow:inset 0 0 0 6px var(--surface),inset 0 0 0 7px color-mix(in srgb,var(--accent) 30%,transparent),0 14px 40px rgba(60,30,10,.08)}
.t-classic.client-page .block>.wrap.narrow h1{text-align:center}
.t-classic.client-page .block>.wrap.narrow h1::after{content:"";display:block;width:140px;height:1px;margin:.5em auto 0;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
/* Studio: lifted card with the colour band across the top */
.t-modern.client-page .block>.wrap.narrow{border:0;border-radius:22px;border-top:8px solid var(--primary);
  background:linear-gradient(var(--surface),var(--surface)) padding-box;box-shadow:0 30px 70px color-mix(in srgb,var(--primary) 18%,transparent)}
.t-modern .client-head-photo{border-radius:18px;box-shadow:8px 8px 0 var(--accent)}
/* Editorial: no box, just rules and big type */
.t-minimal.client-page .block>.wrap.narrow{background:transparent;border:0;border-top:1px solid var(--text);border-bottom:1px solid var(--text);border-radius:0;box-shadow:none;padding-inline:0}
.t-minimal.client-page .block>.wrap.narrow h1{font-size:clamp(2rem,4.2vw,2.7rem);font-weight:400;letter-spacing:-.02em}
.t-minimal .client-head-photo{border-radius:0;box-shadow:none;filter:grayscale(.2)}
/* Celestial and Nakshatra: glass panel glowing in the dark */
.t-celestial.client-page .block>.wrap.narrow,.t-nakshatra.client-page .block>.wrap.narrow{background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);box-shadow:0 0 70px color-mix(in srgb,var(--accent) 22%,transparent)}
.t-celestial .client-head-photo,.t-nakshatra .client-head-photo{box-shadow:0 0 0 3px #0b0a1f,0 0 0 5px var(--accent),0 0 30px color-mix(in srgb,var(--accent) 60%,transparent)}
.t-nakshatra.client-page .block>.wrap.narrow{border-radius:6px;border-left:3px solid color-mix(in srgb,var(--accent) 70%,transparent)}
/* Royal: arched panel with a gold rule */
.t-royal.client-page .block>.wrap.narrow{border:2px solid var(--accent);border-radius:220px 220px 14px 14px/120px 120px 14px 14px;padding-top:64px;
  box-shadow:inset 0 0 0 6px var(--surface),inset 0 0 0 7px color-mix(in srgb,var(--accent) 45%,transparent),0 20px 50px rgba(0,0,0,.08)}
.t-royal.client-page .block>.wrap.narrow h1{text-align:center}
/* Serene: soft rounded card, gentle gradient */
.t-lotus.client-page .block>.wrap.narrow{border:0;border-radius:36px;background:linear-gradient(160deg,var(--surface),color-mix(in srgb,var(--accent) 10%,var(--surface)))}
/* Mandala: marigold ring around the panel, dotted yantra corner */
.t-mandala.client-page .block>.wrap.narrow{border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:24px;
  outline:6px solid color-mix(in srgb,var(--accent) 16%,transparent);outline-offset:6px;
  background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--accent) 18%,transparent) 0 70px,transparent 71px),var(--surface)}
.t-mandala.client-page .block>.wrap.narrow h1{text-align:center}
/* Temple: carved stone panel with a stepped crown */
.t-temple.client-page .block>.wrap.narrow{border-radius:4px;border:1px solid color-mix(in srgb,var(--primary) 30%,#8a7a62);border-top:0;
  background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 4%,#F6F1E7),#EFE8DA);
  box-shadow:0 -6px 0 var(--primary),0 -10px 0 var(--accent),inset 0 1px 0 #fff,0 16px 36px rgba(60,40,20,.12)}
.t-temple.client-page .block>.wrap.narrow h1{text-align:center;text-transform:uppercase;letter-spacing:.06em}
/* Sunrise: bright card with dawn rays behind the heading */
.t-sunrise.client-page .block>.wrap.narrow{border:0;border-radius:28px;
  background:radial-gradient(120% 60% at 50% 0,color-mix(in srgb,var(--accent) 26%,transparent),transparent 70%),var(--surface)}
.t-sunrise .client-head-photo{box-shadow:0 0 0 4px var(--surface),0 0 0 7px var(--accent),0 0 40px color-mix(in srgb,var(--accent) 70%,transparent)}
/* Nadi leaf and Panchang keep their own section frames, at panel width */
.t-palmleaf.client-page .block>.wrap.narrow{max-width:720px;margin-inline:auto}
.t-almanac.client-page .block>.wrap.narrow{max-width:680px;margin-inline:auto;box-shadow:6px 6px 0 var(--text);padding-top:26px}
.t-palmleaf .client-head-name{color:var(--leaf)}.t-palmleaf .client-head-sub{color:color-mix(in srgb,var(--leaf) 70%,#000)}
.t-celestial .client-head-name,.t-nakshatra .client-head-name{color:#fff}
@media (max-width:640px){.t-palmleaf.client-page .block>.wrap.narrow,.t-almanac.client-page .block>.wrap.narrow{margin-inline:12px}}
/* Client panels: the Nakshatra orbit line belongs to home-page sections, not to a form panel */
.t-nakshatra.client-page .block>.wrap.narrow::before{display:none}
@media (max-width:640px){
  .t-almanac .account-link{position:static;align-self:flex-end;order:0}
  .t-palmleaf.client-page .block>.wrap.narrow{padding-inline:36px}
}
/* Header: name on the left, account on the right; a long menu (6+ links) gets its own full row below */
.account-link{margin-left:auto}
.header-inner:has(nav li:nth-child(6)) nav{order:4;flex-basis:100%}
.t-classic .account-link,.t-mandala .account-link,.t-almanac .account-link{margin-left:0}
.t-modern .site-header ul{column-gap:12px}.t-modern .site-header nav a{font-size:.9rem}.t-modern .site-header nav a.nav-cta{padding:.3em .8em}
/* Editorial's two-column section grid is for home-page sections; a client panel is one column */
.t-minimal.client-page .block .wrap.narrow{display:block}
.t-minimal.client-page .block{border-top:0}

/* Very long menus (9+ links: many sections, a campaign page and all three actions) stay on one row */
.header-inner:has(nav li:nth-child(9)) .site-header ul,.header-inner:has(nav li:nth-child(9)) ul{column-gap:14px}
.header-inner:has(nav li:nth-child(9)) nav a{font-size:.88rem}
/* Tables in astrologers' text (hours, fees): ruled, readable, scroll sideways on narrow phones */
.prose table{border-collapse:collapse;width:100%;margin:0 0 1.2em;font-size:.95rem;display:block;overflow-x:auto}
.prose th,.prose td{padding:.55em .9em;text-align:left;border-bottom:1px solid color-mix(in srgb,var(--text) 14%,transparent)}
.prose th{font-family:var(--font-heading);color:var(--primary);border-bottom:2px solid color-mix(in srgb,var(--accent) 60%,transparent)}
.prose tr:nth-child(even) td{background:color-mix(in srgb,var(--accent) 5%,transparent)}
/* Hours section: day names are row labels, not column headers */
.prose .hours-table th{font-family:var(--font-body);color:var(--text);font-weight:600;border-bottom:1px solid color-mix(in srgb,var(--text) 14%,transparent);white-space:nowrap}
.prose .hours-table td{width:100%}

/* ── Navigation and motion (CSS only: the site allows no scripts). Everything here is
   switched off for visitors who ask their system for reduced motion. ── */
/* Smooth scrolling and the scroll-in reveal belong to the public pages; client pages (login, booking,
   chat, account) are task pages where moving content only gets in the way. */
html:has(body:not(.client-page)){scroll-behavior:smooth}
html{scroll-padding-top:24px}
@media (min-width:641px){
  .site-header{position:sticky;top:0;z-index:30;backdrop-filter:saturate(1.2) blur(6px)}
  html{scroll-padding-top:130px}                     /* section headings land below the sticky header */
}
.site-header nav a{transition:color .2s ease;background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;
  background-repeat:no-repeat;background-position:0 100%;transition:background-size .25s ease,color .2s ease}
.site-header nav a:hover{background-size:100% 1px}
.site-header nav a.nav-cta:hover{background-size:0 1px}
.button,.form .button,.card,.gallery img,.account-link{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease,border-color .2s ease}
/* Hover feedback never moves the clickable area: a lift would let the pointer slip off the edge and the
   element flicker between hovered and not. Shadow and colour only. */
.button:hover{box-shadow:0 6px 18px color-mix(in srgb,var(--primary) 30%,transparent)}
.card:hover{box-shadow:0 14px 30px color-mix(in srgb,var(--primary) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}
.gallery img:hover{transform:scale(1.02)}
section:target h2{animation:target-glow 1.6s ease-out 1}
@keyframes target-glow{0%{text-shadow:0 0 0 transparent}30%{text-shadow:0 0 18px color-mix(in srgb,var(--accent) 70%,transparent)}100%{text-shadow:0 0 0 transparent}}
/* Phones: the menu scrolls sideways; fade its edges so that is visible */
@media (max-width:640px){
  .site-header nav{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 28px),transparent);
    mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 28px),transparent);scroll-snap-type:x proximity}
  .site-header nav li{scroll-snap-align:start}
}
/* Back to top: a small round button bottom-right */
.to-top{position:fixed;right:18px;bottom:18px;z-index:40;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  background:var(--primary);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.25);text-decoration:none;transition:transform .2s ease,opacity .3s ease}
.to-top svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.to-top:hover{filter:brightness(1.15)}
.client-page .to-top{display:none}
@supports (animation-timeline:scroll()){
  .to-top{animation:to-top-in linear both;animation-timeline:scroll(root);animation-range:0 600px}
  @keyframes to-top-in{0%,40%{opacity:0;transform:translateY(12px);pointer-events:none}100%{opacity:1;transform:none;pointer-events:auto}}
}
/* Sections ease in as they scroll into view (browsers with scroll-driven animations) */
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    body:not(.client-page) main>section:not(.hero)>.wrap,body:not(.client-page) main>section.banner .banner-inner{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
    @keyframes reveal{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
  }
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}

/* ── Client account ── */
.button-outline{background:transparent;color:var(--primary);box-shadow:inset 0 0 0 2px var(--primary)}
.button-small{padding:.4em .9em;font-size:.85rem}
.acct-sub{margin-top:-.4em}
.acct-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px}
.acct-nav{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 26px;padding:10px 0;border-top:1px solid color-mix(in srgb,var(--text) 12%,transparent);
  border-bottom:1px solid color-mix(in srgb,var(--text) 12%,transparent)}
.acct-nav a{text-decoration:none;font-size:.9rem;padding:.3em .8em;border-radius:999px;color:var(--text);background:color-mix(in srgb,var(--primary) 7%,transparent);transition:background .2s ease}
.acct-nav a:hover{background:color-mix(in srgb,var(--primary) 15%,transparent)}
.acct-nav a span{display:inline-block;min-width:1.4em;margin-left:.25em;padding:0 .35em;border-radius:999px;background:var(--primary);color:#fff;font-size:.75rem;text-align:center}
.acct .sub-h{scroll-margin-top:24px}
@media (min-width:641px){.acct .sub-h{scroll-margin-top:130px}}
.acct-callout{border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent);
  border-radius:14px;padding:14px 16px;margin:0 0 20px}
.acct-callout .orders{margin-top:10px}
.acct-item{align-items:center}
.acct-item-act{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.prose .acct-pay td,.prose .acct-pay th{vertical-align:top;text-align:left}
.prose .acct-pay{font-size:.92rem}
.receipt .receipt-table th{white-space:nowrap;font-family:var(--font-body);color:var(--muted);font-weight:600;border-bottom:1px solid color-mix(in srgb,var(--text) 12%,transparent)}
.receipt .receipt-table td{width:100%}
@media print{
  .site-header,.site-footer,.client-head,.to-top,.no-print{display:none!important}
  body{background:#fff!important;color:#000}
  .client-page .block>.wrap.narrow{box-shadow:none!important;border:1px solid #999!important;background:#fff!important}
}
/* Phones: each payment becomes a small card (date, item, amount, status, receipt) */
@media (max-width:640px){
  .prose .acct-pay{display:block;overflow:visible}
  .prose .acct-pay thead{display:none}
  .prose .acct-pay tbody,.prose .acct-pay tr,.prose .acct-pay td{display:block;width:auto}
  .prose .acct-pay tr{border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:12px;padding:10px 14px;margin-bottom:10px;background:var(--surface)}
  .prose .acct-pay tr:nth-child(even) td{background:transparent}
  .prose .acct-pay td{border:0;padding:2px 0}
  .prose .acct-pay td:first-child{font-size:.85rem;color:var(--muted)}
}

/* ── Login: a small, simple card ── */
.client-compact .client-head{flex-direction:row;justify-content:center;gap:12px;padding-top:32px}
.client-compact .client-head-photo{width:44px;height:44px;margin:0}
.client-compact .client-head-mono{font-size:1rem}
.client-compact .client-head-name{font-size:1rem}
.client-compact .client-head-sub{display:none}
body.client-compact.client-page .block{padding:16px 0 48px}
body.client-compact.client-page .block>.wrap.narrow{max-width:420px;padding:26px 28px;border-radius:18px}
body.client-compact.client-page .block>.wrap.narrow h1{font-size:1.45rem;text-align:left;margin-bottom:.3em}
body.client-compact.client-page .block>.wrap.narrow h1::after{content:none}
.client-compact .form{gap:12px}
.client-compact .form .button{align-self:stretch;text-align:center}
.client-compact .login-note{font-size:.85rem;margin:14px 0 0}
.client-compact .login-resend{margin-top:10px}
@media (max-width:640px){body.client-compact.client-page .block>.wrap.narrow{margin-inline:12px;padding:22px 20px}}

/* ── Account: a full-width dashboard ── */
.client-wide .client-head{flex-direction:row;justify-content:flex-start;gap:12px;max-width:1180px;margin:0 auto;padding:22px 20px 0}
.client-wide .client-head-photo{width:40px;height:40px;margin:0}
.client-wide .client-head-mono{font-size:.95rem}
.client-wide .client-head-name{font-size:.98rem}
.client-wide .client-head-sub{display:none}
body.client-wide.client-page .block{padding:12px 0 56px}
body.client-wide.client-page .block>.wrap.narrow{max-width:1180px;margin-inline:auto;padding:0 20px;background:none;border:0;border-radius:0;
  box-shadow:none;outline:0}
body.client-wide.client-page .block>.wrap.narrow h1{text-align:left;font-size:clamp(1.6rem,3vw,2.2rem);margin:0}
body.client-wide.client-page .block>.wrap.narrow h1::after{content:none}
.acct-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px}
.acct-top .acct-actions{margin:0}
.acct-grid{display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){
  .acct-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:start}
  .acct-side{position:sticky;top:120px}
}
.acct-card{background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:16px;padding:18px 22px;margin-bottom:20px}
.acct-card:last-child{margin-bottom:0}
.acct-side .acct-card{margin-bottom:20px}
.acct-card .sub-h{margin-bottom:12px}
.acct-card .order{background:color-mix(in srgb,var(--text) 3%,transparent)}
.acct-people{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;font-size:.95rem}
.t-palmleaf .acct-card{background:color-mix(in srgb,var(--leaf) 92%,#fff);color:var(--ink)}
.t-palmleaf.client-wide .acct-top,.t-palmleaf.client-wide .acct-nav a{color:var(--leaf)}
.t-celestial .acct-card,.t-nakshatra .acct-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
/* Card headings on the account: plain and left-aligned in every design */
.acct-card h2.sub-h{display:block!important;text-align:left!important;justify-content:flex-start!important;font-size:1.1rem;margin-top:0}
.acct-card h2.sub-h::before,.acct-card h2.sub-h::after{display:none!important}
@media (min-width:641px){.prose .acct-pay{display:table;width:100%}}

/* ── Profile menu in the header (logged-in client pages): native <details>, no script ── */
.acct-menu{position:relative;padding:0;border:0}
.acct-menu>summary{list-style:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:.25em .6em .25em .25em;
  border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:999px;font-weight:600;font-size:.88rem}
.acct-menu>summary::-webkit-details-marker{display:none}
.acct-menu>summary:hover,.acct-menu[open]>summary{border-color:currentColor}
.acct-menu>summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.acct-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.02em}
.acct-chev{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.acct-menu[open] .acct-chev{transform:rotate(180deg)}
.acct-dropdown{position:absolute;right:0;top:calc(100% + 8px);z-index:50;min-width:230px;padding:8px;border-radius:14px;
  background:#fff;color:#1f1f1f;box-shadow:0 18px 40px rgba(0,0,0,.18);border:1px solid rgba(0,0,0,.08);text-align:left;
  animation:menu-in .16s ease-out}
@keyframes menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.acct-dropdown .acct-who{margin:4px 8px 8px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.08);font-size:.88rem;line-height:1.35}
.acct-dropdown .acct-who span{color:#666;font-size:.8rem}
.acct-dropdown a,.acct-dropdown button{display:block;width:100%;text-align:left;padding:.5em .7em;border-radius:8px;color:#1f1f1f;
  text-decoration:none;font:inherit;font-size:.92rem;background:none;border:0;cursor:pointer;background-image:none}
.acct-dropdown a:hover,.acct-dropdown button:hover,.acct-dropdown a:focus-visible,.acct-dropdown button:focus-visible{background:color-mix(in srgb,var(--primary) 10%,#fff);outline:0}
.acct-dropdown form{margin:6px 0 0;padding-top:6px;border-top:1px solid rgba(0,0,0,.08)}
.acct-dropdown button{color:#b42318}
@media (max-width:640px){.acct-first{display:none}.acct-dropdown{right:-4px}}

/* ── Client task pages in the wide layout (order, chat, booking) ── */
.client-wide .acct-top{margin-bottom:18px}
.client-wide .acct-top .ai-note{margin:.4em 0 0}
.cl-read{max-width:860px;margin-inline:auto}
.cl-products,.cl-summary{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;font-size:.95rem}
.cl-price{color:var(--primary);font-weight:700;white-space:nowrap}
.cl-steps{margin:0 0 10px;padding-left:1.2em;display:flex;flex-direction:column;gap:6px;font-size:.95rem}
.cl-summary li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent);padding-bottom:8px}
.cl-summary li span{color:var(--muted)}
.cl-cards{list-style:none;padding:0;margin:0;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.cl-cards .acct-card{margin:0;display:flex;flex-direction:column}
.cl-kind{margin:0 0 4px;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.cl-offer-foot{margin-top:auto;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.cl-chat .chat-title{font-size:clamp(1.3rem,2.4vw,1.7rem)}

/* ════ Polish pass: a one-row header and less wasted space (all designs) ════ */
.wrap{max-width:1200px}
.narrow{max-width:860px}
.block{padding:44px 0}
.hero{padding:48px 0}

/* Header: name | section links | actions | account, on one row */
.site-header .header-inner{flex-wrap:nowrap;gap:10px 28px;padding-top:12px;padding-bottom:12px}
.site-header .brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;order:1;padding-right:0}
.brand-photo{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 65%,transparent)}
.header-bar{order:2;flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px 28px}
.site-header .header-bar nav,.header-inner:has(nav li:nth-child(6)) .header-bar nav{order:0;flex:0 1 auto;width:auto;overflow:visible;
  -webkit-mask-image:none;mask-image:none}
.site-header .header-bar ul{flex-wrap:nowrap;gap:4px 20px;width:auto;margin:0;justify-content:flex-start}
.site-header .header-bar nav a{font-size:.94rem;white-space:nowrap}
.header-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}
.ha-link{display:inline-flex;align-items:center;gap:5px;font-size:.92rem;font-weight:600;color:var(--primary);text-decoration:none;white-space:nowrap}
.ha-link svg{width:14px;height:14px;fill:currentColor}
.ha-link:hover{text-decoration:underline;text-underline-offset:4px}
.ha-btn{display:inline-block;padding:.6em 1.15em;border-radius:999px;background:var(--primary);color:#fff;font-weight:600;font-size:.9rem;
  text-decoration:none;white-space:nowrap;box-shadow:0 4px 14px color-mix(in srgb,var(--primary) 28%,transparent);transition:filter .2s ease,box-shadow .2s ease}
.ha-btn:hover{filter:brightness(1.12);box-shadow:0 6px 18px color-mix(in srgb,var(--primary) 38%,transparent)}
.site-header .account-link{order:3;margin-left:0;flex-shrink:0}
/* Dark headers: light links, a white button */
.t-royal .ha-link,.t-temple .ha-link,.t-celestial .ha-link,.t-nakshatra .ha-link{color:#fff}
.t-palmleaf .ha-link{color:var(--leaf)}
.t-royal .ha-btn,.t-temple .ha-btn,.t-celestial .ha-btn,.t-nakshatra .ha-btn,.t-palmleaf .ha-btn{background:#fff;color:var(--primary);box-shadow:none}
.t-modern .ha-btn{border-radius:10px}
.t-minimal .ha-btn{border-radius:0;background:var(--text)}
.t-minimal .ha-link{color:var(--text);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}
/* Centred designs (Heritage, Mandala, Panchang): name on top, one centred row of links and actions */
.t-classic .header-inner,.t-mandala .header-inner,.t-almanac .header-inner{flex-direction:column;align-items:center;flex-wrap:nowrap}
.t-classic .header-bar,.t-mandala .header-bar,.t-almanac .header-bar{flex:none;width:100%;justify-content:center;gap:10px 36px}
.t-almanac .site-header .brand{justify-content:center}
/* Narrower screens: links and actions move to a second row */
@media (max-width:1180px){
  .site-header .header-inner{flex-wrap:wrap}
  .header-bar{order:4;flex:0 0 100%;flex-wrap:wrap}
}
@media (min-width:641px) and (max-width:1180px){.site-header .header-bar ul{flex-wrap:wrap}}
.t-minimal .site-header .header-bar nav a{letter-spacing:.06em}
.t-minimal .site-header .header-bar ul{gap:4px 16px}
/* Phones: name and account on top; one swipeable row with the actions first */
@media (max-width:640px){
  .site-header .header-inner{flex-wrap:wrap;gap:8px 12px;padding-top:10px;padding-bottom:10px}
  .site-header .brand{font-size:1.05rem;flex:1 1 0;min-width:0}
  .t-classic .header-inner,.t-mandala .header-inner,.t-almanac .header-inner{flex-direction:row;align-items:center}
  .t-almanac .site-header .brand{font-size:1.15rem;justify-content:flex-start}
  .site-header .brand span{font-size:inherit}
  a.account-link .acct-label{display:none}
  a.account-link{padding:.4em;border-radius:50%}
  a.account-link svg{width:18px;height:18px}
  .site-header .brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .brand-photo{width:30px;height:30px}
  .header-bar{order:4;flex:0 0 100%;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;gap:18px;padding-bottom:2px;scrollbar-width:none;
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent)}
  .header-bar::-webkit-scrollbar{display:none}
  .header-actions{order:-1;gap:14px}
  .ha-btn{padding:.45em .9em;font-size:.85rem}
  .t-classic .header-bar,.t-mandala .header-bar,.t-almanac .header-bar{justify-content:flex-start}
  .t-classic .site-header .brand,.t-mandala .site-header .brand{padding-right:0}
  .t-classic .account-link,.t-mandala .account-link,.t-almanac .account-link{position:static}
}

/* About: the biography reads in two balanced columns on wide screens */
@media (min-width:1000px){
  .about .prose{columns:2;column-gap:48px}
  .about .prose>*{break-inside:avoid}
  .about .prose p:first-child{margin-top:0}
}
/* FAQ: a two-column grid of questions on wide screens */
.faq-wrap{max-width:1080px}
@media (min-width:900px){
  .faq-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;align-items:start}
}
/* The about-section kundli sits just outside the (wider) text column, only where there is room */
.kundli{right:max(24px,calc(50% - 670px))}
@media (max-width:1399px){.about .kundli{display:none}}
/* Client pages: no section links, so the actions sit at the right; the header already names the astrologer */
.header-bar:not(:has(nav)){justify-content:flex-end}
.client-wide .client-head{display:none}
body.client-wide.client-page .block{padding-top:28px}

/* ════ Gallery: a mosaic, captions on library images, tap to enlarge (CSS only) ════ */
.gallery-block .gallery{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:190px;grid-auto-flow:dense}
.gallery-block .gallery li{margin:0;min-width:0}
.gallery-item{position:relative;display:block;height:100%;overflow:hidden;border-radius:14px;background:color-mix(in srgb,var(--text) 8%,transparent);
  box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 12%,transparent)}
.gallery-block .gallery img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0;transition:transform .6s ease}
.gallery-block .gallery img:hover,.gallery-item:hover img{transform:scale(1.05)}   /* inside the frame: the link never moves */
.gallery-item:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.gallery-cap{position:absolute;left:0;right:0;bottom:0;padding:28px 14px 10px;color:#fff;font-size:.88rem;font-weight:600;
  background:linear-gradient(transparent,rgba(0,0,0,.62));letter-spacing:.01em}
.gallery-n1 li{grid-column:1/-1;grid-row:span 2}
.gallery-n2 li{grid-column:span 2;grid-row:span 2}
.gallery-n3 li:first-child,.gallery-n4 li:first-child,.gallery-n5 li:first-child{grid-column:span 2;grid-row:span 2}
.gallery-n3 li:not(:first-child){grid-column:span 2}
.gallery-n4 li:last-child{grid-column:span 2}
@media (max-width:760px){
  .gallery-block .gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:130px;gap:10px}
  .gallery-block .gallery li{grid-column:auto;grid-row:auto}
  .gallery-block .gallery li:first-child{grid-column:1/-1;grid-row:span 2}
  .gallery-n2 li{grid-column:1/-1 !important}
}
/* The full-screen view */
.lightbox{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:24px}
.lightbox:target{display:flex;animation:lb-in .2s ease-out}
@keyframes lb-in{from{opacity:0}to{opacity:1}}
.lightbox-backdrop{position:absolute;inset:0;background:rgba(12,9,7,.96)}
.lightbox figure{position:relative;margin:0;max-width:min(94vw,1120px);text-align:center}
.lightbox figure img{max-width:100%;max-height:80vh;width:auto;height:auto;margin:0 auto;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.lightbox figcaption{color:#eee;margin-top:12px;font-size:.92rem}
.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;z-index:1;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;
  background:rgba(255,255,255,.14);color:#fff;text-decoration:none;font-size:1.9rem;line-height:1;transition:background .2s ease}
.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:rgba(255,255,255,.28)}
.lightbox-close{top:16px;right:16px}
.lightbox-prev{left:16px;top:50%;margin-top:-23px}
.lightbox-next{right:16px;top:50%;margin-top:-23px}

/* ════ Hours: open-now status, today highlighted, the office note and booking alongside ════ */
.hours-grid{display:grid;gap:24px;grid-template-columns:minmax(0,1fr);max-width:1000px;margin:0 auto}
@media (min-width:860px){.hours-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}}
.hours-card{background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:16px;padding:20px 22px;
  box-shadow:0 10px 30px color-mix(in srgb,var(--primary) 8%,transparent)}
.hours-status{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:.3em .85em;border-radius:999px;font-weight:600;font-size:.9rem}
.hours-status.is-open{background:#dcfce7;color:#166534}
.hours-status.is-closed{background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--text)}
.hours-dot{width:8px;height:8px;border-radius:50%;background:currentColor}
.hours-status.is-open .hours-dot{box-shadow:0 0 0 0 rgba(22,101,52,.5);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(22,101,52,.45)}70%{box-shadow:0 0 0 8px rgba(22,101,52,0)}100%{box-shadow:0 0 0 0 rgba(22,101,52,0)}}
.hours-block .hours-table{width:100%;border-collapse:collapse;font-size:.98rem}
.hours-block .hours-table th,.hours-block .hours-table td{padding:.6em .4em;text-align:left;border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent);
  font-family:var(--font-body)}
.hours-block .hours-table th{font-weight:600;color:var(--text);white-space:nowrap;width:45%}
.hours-block .hours-table tr:last-child th,.hours-block .hours-table tr:last-child td{border-bottom:0}
.hours-block .hours-table tr.is-today th,.hours-block .hours-table tr.is-today td{background:color-mix(in srgb,var(--accent) 12%,transparent)}
.hours-block .hours-table tr.is-today th{border-radius:8px 0 0 8px}
.hours-block .hours-table tr.is-today td{border-radius:0 8px 8px 0;font-weight:600}
.hours-today{display:inline-block;margin-left:6px;padding:0 .5em;border-radius:999px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;
  letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}
.hours-tz{margin:10px 0 0;font-size:.82rem}
.hours-side{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-top:4px}
.hours-side .prose p:last-child{margin-bottom:0}
.t-celestial .hours-card,.t-nakshatra .hours-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.t-palmleaf .hours-card{background:color-mix(in srgb,var(--leaf) 92%,#fff)}

/* ════ Contact: icon cards ════ */
.contact-cards{list-style:none;padding:0;margin:0 auto;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-width:1000px}
.contact-card{display:flex;align-items:center;gap:14px;height:100%;padding:18px 20px;border-radius:16px;background:var(--surface);color:var(--text);
  text-decoration:none;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);transition:box-shadow .2s ease,border-color .2s ease}
a.contact-card:hover{border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 10px 26px color-mix(in srgb,var(--primary) 14%,transparent)}
.contact-card strong{display:block;font-size:1rem}
.contact-sub{display:block;color:var(--muted);font-size:.9rem;overflow-wrap:anywhere}
.contact-icon{flex-shrink:0;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}
.contact-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.t-celestial .contact-card,.t-nakshatra .contact-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.t-celestial .contact-icon,.t-nakshatra .contact-icon{background:rgba(255,255,255,.08);color:var(--accent)}
.t-palmleaf .contact-card{background:color-mix(in srgb,var(--leaf) 92%,#fff);color:var(--ink)}

/* ── Richer sections ─────────────────────────────────────────────── */
/* Steps: a numbered list in a text section becomes a row of step cards, full width */
.steps-intro{max-width:760px;margin:0 auto 26px;text-align:center}
.steps-intro p{margin:0}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));counter-reset:none}
@media (min-width:1100px){.steps-n4{grid-template-columns:repeat(4,1fr)}.steps-n5{grid-template-columns:repeat(5,1fr)}.steps-n6{grid-template-columns:repeat(3,1fr)}}
.step{position:relative;padding-top:58px!important}
.step-num{position:absolute;top:18px;left:18px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;
  background:var(--primary);color:#fff;font:700 .95rem/1 var(--font-body)}
.step h3{font-size:1.05rem;margin:0 0 .4em}
.step-text p{margin:0;font-size:.95rem;line-height:1.55}
.steps-outro{max-width:760px;margin:22px auto 0;text-align:center}
.t-celestial .step-num,.t-nakshatra .step-num{background:var(--accent);color:#111}
.t-minimal .step-num{background:transparent;color:var(--accent);border:1px solid var(--accent)}
.t-minimal .steps-intro,.t-minimal .steps-outro{text-align:left;margin-inline:0}
.t-minimal .steps{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.t-minimal .step{padding-top:52px!important}.t-minimal .step-num{left:0}

/* About: a profile card beside the biography */
.about-wrap{max-width:1200px}
.about-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:48px;align-items:start}
.about .about-bio{columns:auto;max-width:none}
@media (min-width:1180px){.about .about-bio{columns:2;column-gap:44px}}
.about-card{position:sticky;top:96px;text-align:center;overflow:hidden;padding:26px 22px!important}
.about-card .kundli{position:absolute;inset:auto -30px -30px auto;top:auto;right:-30px;width:150px;transform:none;opacity:.12;display:block!important}
.about-photo,.about-mono{display:block;width:120px;height:120px;margin:0 auto 12px;border-radius:50%;object-fit:cover;
  border:3px solid color-mix(in srgb,var(--accent) 70%,transparent);box-shadow:0 6px 18px rgba(0,0,0,.12)}
.about-mono{display:grid;place-items:center;background:var(--primary);color:#fff;font:700 2rem/1 var(--font-head)}
.about-name{font:700 1.2rem/1.25 var(--font-head);margin:0}
.about-title{color:var(--muted);font-size:.88rem;margin:.35em 0 0}
.about-facts{margin:18px 0 0;text-align:left;font-size:.9rem;position:relative}
.about-facts div{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:8px 0;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)}
.about-facts dt{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;padding-top:.15em}
.about-facts dd{margin:0}
.about-facts .stars{color:var(--accent)}
.about-cta{margin-top:16px;width:100%;justify-content:center;text-align:center}
@media (max-width:900px){.about-grid{grid-template-columns:1fr;gap:24px}.about-card{position:static;max-width:420px;margin-inline:auto;width:100%}}
.t-minimal .about-grid{grid-template-columns:1fr}
.t-minimal .about-card{position:static;display:grid;grid-template-columns:120px 1fr;gap:0 28px;text-align:left;align-items:start}
.t-minimal .about-card .about-photo,.t-minimal .about-card .about-mono{grid-row:span 4;margin:0}
.t-minimal .about-card .about-cta{width:auto;justify-self:start}
@media (max-width:640px){.t-minimal .about-card{grid-template-columns:1fr}}
.t-almanac .about .about-bio{max-width:none}
@media (min-width:1061px){.t-almanac .about .prose,.t-almanac .about .muted{max-width:none}}

/* Hero stats band */
.hero-stats{list-style:none;margin:36px 0 0;padding:20px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 0;
  border-top:1px solid color-mix(in srgb,currentColor 15%,transparent);position:relative;z-index:1}
.hero-stats li{flex:1 1 160px;max-width:260px;padding:0 20px;text-align:center;border-left:1px solid color-mix(in srgb,currentColor 15%,transparent)}
.hero-stats li:first-child{border-left:0}
.hero-stats strong{display:block;font:700 2.3rem/1.1 var(--font-head);color:var(--accent)}
.hero-stats span{display:block;font-size:.85rem;opacity:.75;margin-top:.25em}
.t-minimal .hero-stats{justify-content:flex-start}.t-minimal .hero-stats li{text-align:left;padding-left:0;padding-right:28px;border-left:0}
@media (max-width:640px){.hero-stats{margin-top:24px}.hero-stats li{flex:1 1 45%;border-left:0;padding:0 8px}.hero-stats strong{font-size:1.5rem}}

/* Reviews: the first review, large */
.review-feature{margin:0 0 18px;padding:30px 34px!important;position:relative}
.review-feature::before{content:"\201C";position:absolute;top:-6px;left:18px;font:700 5.5rem/1 Georgia,serif;color:var(--accent);opacity:.35}
.review-feature blockquote{margin:0}
.review-feature blockquote p{font:italic 400 clamp(1.1rem,2vw,1.35rem)/1.5 var(--font-head);margin:0 0 .8em;padding-left:28px}
.review-feature figcaption{padding-left:28px;font-size:.88rem;color:var(--muted)}
.review-feature .stars{color:var(--accent);margin-right:6px}

/* Services: an icon for each kind */
.product-kind{display:flex;align-items:center;gap:8px}
.product-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;flex-shrink:0;
  background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}
.product-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.t-celestial .product-icon,.t-nakshatra .product-icon{background:rgba(255,255,255,.08);color:var(--accent)}

/* Footer: name, links and contact in columns above the fine print */
.footer-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px;width:100%;text-align:left;padding:14px 0 26px;margin-bottom:14px;
  border-bottom:1px solid color-mix(in srgb,currentColor 15%,transparent);font-size:.92rem}
.site-footer .footer-name{font:700 1.3rem/1.2 var(--font-head);margin:0;color:inherit;opacity:1;letter-spacing:0;text-transform:none}
.footer-tag{margin:.4em 0 0;max-width:34ch}
.footer-cta{margin-top:14px;background:transparent!important;color:inherit!important;border:1.5px solid currentColor!important;box-shadow:none!important}
.footer-h{margin:0 0 .6em;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:.45em}
.footer-col a{text-decoration:none}.footer-col a:hover{text-decoration:underline}
.footer-status::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#b0a99f;margin-right:7px}
.footer-status.is-open::before{background:#2e9d5b}
@media (max-width:760px){.footer-cols{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media (max-width:420px){.footer-cols{grid-template-columns:1fr}}
@media (max-width:640px){.step{padding:16px 16px 16px 62px!important}.step-num{top:16px;left:16px}.t-minimal .step{padding-left:46px!important}.t-minimal .step-num{left:0}}

/* ── Messages with the astrologer ────────────────────────────────── */
.msg-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.msg-head .chat-title{margin:0}
.msg-sub{margin:.15em 0 0;font-size:.85rem}
.msg-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid color-mix(in srgb,var(--accent) 60%,transparent)}
.msg-mono{display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:700}
.msg-live{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;padding:10px 14px;border-radius:12px;
  background:#e8f6ee;color:#14532d;border:1px solid #b7e2c6;font-size:.92rem}
.msg-live[hidden]{display:none}
.msg-live-dot{width:9px;height:9px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 0 rgba(22,163,74,.5);animation:msg-pulse 1.6s infinite}
@keyframes msg-pulse{70%{box-shadow:0 0 0 8px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
@media (prefers-reduced-motion:reduce){.msg-live-dot{animation:none}}
.msg-log{max-height:min(62vh,640px);overflow-y:auto;padding:4px 2px;scroll-behavior:smooth}
.msg.astrologer{align-self:flex-start;background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:color-mix(in srgb,var(--accent) 30%,transparent)}
.msg.astrologer .who{color:var(--primary)}
.msg p{margin:0;white-space:pre-line;overflow-wrap:anywhere}
.msg-ctx{display:inline-block;margin:0 0 4px;padding:.05em .55em;border-radius:999px;font-size:.72rem;background:color-mix(in srgb,currentColor 10%,transparent)}
.msg-new{animation:msg-in .25s ease-out}
@keyframes msg-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.msg-new{animation:none}}
.msg-form textarea{width:100%;min-height:84px;resize:vertical}
.msg-form-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:8px}
.msg-about{display:flex;align-items:center;gap:8px;font-size:.88rem;margin:0}
.msg-about select{max-width:280px}
.msg-refresh{margin:8px 0 0;font-size:.82rem;text-align:right}
.msg-refresh a{color:var(--muted)}
.msg-joined{background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--text);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}
.msg-joined .msg-live-dot{background:var(--accent);animation:none}
.t-celestial .msg.astrologer,.t-nakshatra .msg.astrologer{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18)}
.t-celestial .msg-live,.t-nakshatra .msg-live{background:rgba(22,163,74,.15);color:#bbf7d0;border-color:rgba(22,163,74,.35)}
/* Account: the messages card, and the unread dot on the profile button */
.acct-msg{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px}
.acct-msg-text{flex:1 1 280px;min-width:0}
.acct-msg-text p{margin:.2em 0 0}
.acct-msg.is-new{border-left:4px solid var(--accent)}
.acct-nav a span.is-new{background:var(--accent);min-width:0;padding:0 .5em}
.acct-avatar{position:relative}
.acct-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:#dc2626;border:2px solid var(--bg)}
.acct-badge{display:inline-block;margin-left:6px;padding:0 .45em;border-radius:999px;background:var(--accent);color:#fff;font-size:.72rem;font-weight:700}
.t-celestial .msg.astrologer .who,.t-nakshatra .msg.astrologer .who{color:var(--accent)}
.t-celestial .msg.user,.t-nakshatra .msg.user{background:color-mix(in srgb,var(--accent) 24%,transparent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);color:#fff}

/* Booking: the discount code with its Apply button */
.code-row{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:12px;border:1px dashed color-mix(in srgb,var(--accent) 60%,transparent);
  background:color-mix(in srgb,var(--accent) 6%,transparent)}
.code-row>label{font-weight:600}
.code-field{display:flex;gap:8px;align-items:stretch}
.code-field input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.06em}
.code-msg{margin:4px 0 0}
.cl-summary s{opacity:.6;font-weight:400}

/* ════ Client portal and login (all designs) ═══════════════════════════════════
   Logged-in client pages are an app, like the astrologer's console: a slim top bar (no site menu, no
   footer), a sidebar that is the only navigation, and a page area that scrolls on its own, so pages fit
   the window. Phones: the sidebar becomes a swipeable tab bar. The login is a full-screen page of its own:
   the astrologer in the site's colours on one side, a short form on the other. */

/* ── Login ── */
.login-page main{display:flex;flex-direction:column}
.login-screen{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;min-height:100dvh}
.login-brand{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:36px;
  padding:72px clamp(28px,6vw,88px) 48px;color:#fff;
  background:radial-gradient(circle at 18% 8%,color-mix(in srgb,var(--accent) 50%,transparent),transparent 55%),
             linear-gradient(160deg,var(--primary),color-mix(in srgb,var(--primary) 60%,#000))}
.login-brand::before,.login-brand::after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.login-brand::before{right:-140px;bottom:-140px;width:420px;height:420px;border:1px solid rgba(255,255,255,.16);
  box-shadow:0 0 0 46px rgba(255,255,255,.04),0 0 0 92px rgba(255,255,255,.03),0 0 0 138px rgba(255,255,255,.02)}
.login-brand::after{left:-60px;top:-60px;width:180px;height:180px;background:color-mix(in srgb,var(--accent) 30%,transparent);filter:blur(40px)}
.login-back{position:absolute;top:22px;left:clamp(20px,4vw,40px);display:inline-flex;gap:6px;align-items:center;font-size:.9rem;font-weight:600;
  color:rgba(255,255,255,.88);text-decoration:none;padding:.35em .8em;border-radius:999px;border:1px solid rgba(255,255,255,.25)}
.login-back:hover{background:rgba(255,255,255,.1)}
.login-photo{width:104px;height:104px;border-radius:50%;object-fit:cover;
  box-shadow:0 0 0 3px rgba(255,255,255,.92),0 0 0 8px color-mix(in srgb,var(--accent) 70%,transparent),0 18px 40px rgba(0,0,0,.3)}
.login-mono{display:grid;place-items:center;background:rgba(255,255,255,.16);font:700 2rem/1 var(--font-heading)}
.login-name{font-family:var(--font-heading);font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:700;line-height:1.15;margin:22px 0 6px;color:#fff}
.login-title{margin:0;color:rgba(255,255,255,.85);font-size:1rem}
.login-facts{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.login-facts li{font-size:.82rem;padding:.3em .8em;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff}
.login-perks{list-style:none;padding:0;margin:0;display:grid;gap:12px;font-size:.95rem;color:rgba(255,255,255,.94);max-width:420px}
.login-perks li{display:flex;gap:12px;align-items:flex-start;line-height:1.45}
.login-perks li::before{content:"✓";flex:none;display:grid;place-items:center;width:22px;height:22px;margin-top:1px;border-radius:50%;
  background:color-mix(in srgb,var(--accent) 80%,#fff);color:var(--primary);font-size:.75rem;font-weight:800}
.login-pane{display:flex;flex-direction:column;align-items:center;padding:48px 24px 22px;background:var(--surface);color:var(--text)}
.login-form{width:100%;max-width:400px;margin:auto 0}
.login-form h1{font-size:clamp(1.6rem,2.4vw,2rem);margin:0 0 .3em;text-align:left}
.login-lead{margin:0 0 22px}
.login-form .form{gap:14px;max-width:none}
.login-form input[type=email]{font-size:1rem;padding:.85em .95em}
.login-form .form .login-submit{align-self:stretch;width:100%;text-align:center;justify-content:center;padding-top:.95em;padding-bottom:.95em}
.login-alt{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;font-size:.9rem}
.login-alt .login-resend{margin:0}
.login-alt .link-button:disabled{opacity:.6;cursor:default;text-decoration:none}
.login-note{margin:16px 0 0}
.login-form .demo-code{margin:0 0 16px}
.login-legal{margin:24px 0 0;font-size:.8rem;color:var(--muted)}
.login-legal a{color:var(--muted)}
/* Six code boxes drawn behind one ordinary input: paste, autofill and screen readers work as usual */
.otp-input{--cell:3.1rem;--gap:.55rem;--cellbg:color-mix(in srgb,var(--text) 7%,transparent);
  width:calc(7 * var(--cell));max-width:100%;height:3.5rem;box-sizing:border-box;margin:0;
  padding:0 0 0 calc((var(--cell) - var(--gap) - 1ch) / 2)!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0;
  font:700 1.7rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;letter-spacing:calc(var(--cell) - 1ch);
  color:var(--text);caret-color:var(--primary);
  background:repeating-linear-gradient(90deg,var(--cellbg) 0 calc(var(--cell) - var(--gap)),transparent calc(var(--cell) - var(--gap)) var(--cell)) 0 0 / calc(6 * var(--cell)) 100% no-repeat!important}
.otp-input:focus,.otp-input:focus-visible{--cellbg:color-mix(in srgb,var(--primary) 13%,transparent);outline:0!important;box-shadow:none!important;border:0!important;
  background:repeating-linear-gradient(90deg,var(--primary) 0 calc(var(--cell) - var(--gap)),transparent calc(var(--cell) - var(--gap)) var(--cell)) 0 100% / calc(6 * var(--cell)) 3px no-repeat,
             repeating-linear-gradient(90deg,var(--cellbg) 0 calc(var(--cell) - var(--gap)),transparent calc(var(--cell) - var(--gap)) var(--cell)) 0 0 / calc(6 * var(--cell)) 100% no-repeat!important}
.otp-input::placeholder{color:transparent}
@media (max-width:860px){
  .login-screen{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .login-brand{padding:58px 20px 20px;gap:0;justify-content:flex-start}
  .login-brand::before{width:240px;height:240px;right:-90px;bottom:-120px}
  .login-back{top:14px;left:16px;font-size:.82rem}
  .login-brand-top{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;align-items:center}
  .login-photo{width:60px;height:60px;grid-row:span 2;box-shadow:0 0 0 2px rgba(255,255,255,.9),0 0 0 5px color-mix(in srgb,var(--accent) 70%,transparent)}
  .login-name{font-size:1.25rem;margin:0}
  .login-title{font-size:.86rem}
  .login-facts{grid-column:1/-1;margin-top:12px;gap:6px}
  .login-facts li{font-size:.76rem}
  .login-perks{display:none}
  .login-pane{padding:26px 20px 16px;align-items:stretch}
  .login-form{max-width:none;margin:0}
  .login-legal{margin-top:auto;padding-top:20px;text-align:center}
  .otp-input{--cell:2.6rem;--gap:.45rem;font-size:1.45rem!important;height:3.1rem}
}

/* ── Portal: top bar, sidebar, page area ── */
.portal-site-link{order:2;margin-left:auto;font-size:.9rem;font-weight:600;color:inherit;text-decoration:none;opacity:.88;white-space:nowrap}
.portal-site-link:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
.t-temple .portal-site-link,.t-royal .portal-site-link,.t-celestial .portal-site-link,.t-nakshatra .portal-site-link{color:rgba(255,255,255,.88)}
.t-palmleaf .portal-site-link{color:var(--leaf)}
.has-portal .site-header .header-inner{flex-wrap:nowrap;max-width:none;padding:10px 24px;gap:16px}
.has-portal .site-header{position:relative}
.portal{display:grid;grid-template-columns:248px minmax(0,1fr);max-width:none;padding:0}
.portal-main{min-width:0}
.has-portal .portal-main .block{padding:0!important;border:0}
.has-portal .portal-main .wrap{max-width:1180px!important;margin-inline:auto!important;padding-inline:0!important}
.has-portal .portal-main .block>.wrap.narrow{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
.portal-side{display:flex;flex-direction:column;gap:14px;padding:18px 14px;background:var(--surface);color:var(--text);
  border-right:1px solid color-mix(in srgb,var(--text) 10%,transparent)}
.portal-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.portal-nav a{display:flex;align-items:center;gap:10px;padding:.55em .75em;border-radius:10px;color:var(--text);text-decoration:none;font-size:.94rem;font-weight:500}
.portal-nav a:hover{background:color-mix(in srgb,var(--primary) 7%,transparent)}
.portal-nav a.is-active{background:color-mix(in srgb,var(--primary) 13%,transparent);color:var(--primary);font-weight:700}
.portal-nav svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.portal-label{flex:1}
.portal-badge{min-width:20px;padding:0 6px;border-radius:999px;background:var(--primary);color:#fff;font-size:.72rem;font-weight:700;line-height:20px;text-align:center}
.portal-nav a.is-active .portal-badge{background:var(--accent)}
.portal-side .portal-cta{display:block;text-align:center;margin:0;padding-inline:.6em;font-size:.82rem;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t-celestial .portal-side,.t-nakshatra .portal-side{background:rgba(255,255,255,.04)}
.t-celestial .portal-nav a.is-active,.t-nakshatra .portal-nav a.is-active{color:var(--accent);background:rgba(255,255,255,.08)}

/* The account chip at the foot of the sidebar: who is logged in, and a log-out button */
.portal-user{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;
  background:color-mix(in srgb,var(--text) 4%,transparent);border:1px solid color-mix(in srgb,var(--text) 8%,transparent)}
.portal-user .acct-avatar{width:36px;height:36px;flex:none;font-size:.85rem}
.portal-user-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.portal-user-text strong{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.portal-user-text span{font-size:.75rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.portal-user form{margin:0}
.portal-logout{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:10px;border:0;background:transparent;color:var(--muted);cursor:pointer}
.portal-logout:hover,.portal-logout:focus-visible{background:color-mix(in srgb,#dc2626 12%,transparent);color:#b91c1c}
.portal-logout svg,.settings-logout svg,.back-btn svg,.settings-list svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Back button above a sub-page's title */
.back-link{margin:0 0 12px}
.back-btn{display:inline-flex;align-items:center;gap:4px;padding:.32em .9em .32em .55em;border-radius:999px;font-size:.88rem;font-weight:600;line-height:1.4;
  color:var(--text);text-decoration:none;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 14%,transparent);transition:border-color .2s ease,color .2s ease}
.back-btn:hover{border-color:var(--primary);color:var(--primary)}
.back-btn svg{width:16px;height:16px}
.cl-read .back-link{margin-bottom:14px}
/* Settings-style rows (Profile: privacy and account) */
.settings-list{list-style:none;margin:0;padding:0}
.settings-list li{border-top:1px solid color-mix(in srgb,var(--text) 8%,transparent)}
.settings-list li:first-child{border-top:0}
.settings-list a,.settings-logout{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:11px 2px;text-decoration:none;color:var(--text)}
.settings-list a>span{display:flex;flex-direction:column;min-width:0}
.settings-list a strong{font-size:.93rem}
.settings-list a .muted{font-size:.8rem}
.settings-list a>svg{flex:none;color:var(--muted)}
.settings-list a:hover strong{color:var(--primary)}
.settings-list form{margin:0}
.settings-logout{justify-content:flex-start;gap:10px;border:0;background:none;font:inherit;font-weight:700;color:#b91c1c;cursor:pointer}
/* Laptops: the window never scrolls; the sidebar and the page area scroll on their own if they must */
@media (min-width:1024px){
  body.has-portal{height:100vh;height:100dvh;overflow:hidden}
  body.has-portal>main{flex:1 1 auto;min-height:0;display:flex}
  .has-portal .portal{flex:1;min-height:0}
  .has-portal .portal-side{min-height:0;overflow-y:auto;scrollbar-width:thin}
  .has-portal .portal-main{min-height:0;overflow-y:auto;padding:22px 32px 24px;scrollbar-width:thin}
  .has-portal .account-link{display:none}          /* who is logged in is in the sidebar */
  body.has-portal .chat-window{height:calc(100dvh - 116px)}
  body.has-portal:has(.back-link) .chat-window{height:calc(100dvh - 150px)}
}

/* ── Pages inside the portal ── */
.has-portal .acct-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;margin:0 0 18px}
.has-portal .portal-main h1{font-size:clamp(1.4rem,2vw,1.75rem);margin:0;text-align:left}
.has-portal .portal-main h1::after{content:none}
.has-portal .acct-sub{margin:.2em 0 0;font-size:.92rem}
.has-portal .acct-actions{margin:0}
.acct-review{margin:0;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;padding:.55em 1em;border-radius:999px;font-size:.9rem;
  background:color-mix(in srgb,var(--accent) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}
.acct-review>span{color:var(--accent)}
.acct-review a{font-weight:700}
.acct-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 16px}
.acct-stat{display:flex;flex-direction:column;gap:2px;min-width:0;padding:14px 16px;border-radius:16px;background:var(--surface);color:var(--text);text-decoration:none;
  border:1px solid color-mix(in srgb,var(--text) 12%,transparent);transition:border-color .2s ease,box-shadow .2s ease}
.acct-stat:hover{border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 12%,transparent)}
.acct-stat-k{font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.acct-stat strong{font-size:1.05rem;line-height:1.3;overflow-wrap:anywhere}
.acct-stat .muted{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct-stat.is-new{border-color:var(--accent);box-shadow:inset 4px 0 0 var(--accent)}
.acct-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.has-portal .acct-card{margin:0;padding:16px 18px;border-radius:16px}
.has-portal .acct-card+.acct-card{margin-top:0}
.has-portal .portal-main>.block>.wrap>.acct-card+.acct-card{margin-top:16px}
.has-portal .acct-h{margin:0 0 10px!important;font-size:1rem}
.has-portal .orders{gap:8px;margin:0}
.has-portal .orders .order{padding:10px 14px}
.acct-quote{margin:0;line-height:1.55}
.acct-mini{list-style:none;margin:0;padding:0}
.acct-mini li{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:.9rem;line-height:1.4;
  border-top:1px solid color-mix(in srgb,var(--text) 8%,transparent)}
.acct-mini li:first-child{border-top:0;padding-top:0}
.acct-mini-main{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct-mini a{font-size:.85rem;white-space:nowrap}
.acct-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.acct-form .acct-form-wide{grid-column:1/-1}
.client-page .acct-form .button{grid-column:1/-1;justify-self:start}
.acct-table{overflow-x:auto}
.acct-table .acct-pay{width:100%}
.has-portal .acct-grid{grid-template-columns:minmax(0,1fr)!important}
.msg-sessions{margin:0 0 8px;padding:8px 12px;border-radius:10px;font-size:.88rem;background:color-mix(in srgb,var(--accent) 10%,transparent)}
@media (max-width:1180px){.acct-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Phones and tablets: the sidebar is a tab bar under the top bar; the page scrolls normally */
@media (max-width:1023px){
  .portal{display:block}
  .portal-side{position:sticky;top:0;z-index:25;padding:0;border:0;border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent);
    background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(8px)}
  .portal-user,.portal-side .portal-cta{display:none}
  .portal-nav{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
  .portal-nav::-webkit-scrollbar{display:none}
  .portal-nav ul{flex-direction:row;gap:4px;width:max-content;padding:8px 28px 8px 12px}
  .portal-nav a{padding:.45em .8em;font-size:.88rem;white-space:nowrap}
  .portal-nav svg{width:16px;height:16px}
  .has-portal .portal-main{padding:16px 16px 20px}
  .has-portal .site-header .header-inner{padding:8px 16px}
  .acct-cols{grid-template-columns:minmax(0,1fr);gap:12px}
  body.has-portal .chat-window{height:calc(100dvh - 150px)}
  body.has-portal:has(.back-link) .chat-window{height:calc(100dvh - 184px)}
}
.phone-only{display:none}
.has-portal .cl-offer .cl-paynote{display:block;margin:2px 0 0;font-size:.8rem;color:var(--muted);font-weight:400}
.has-portal .cl-offer .cl-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:.3em 0 .6em}
.has-portal .cl-offer{padding:14px 16px}
.has-portal .cl-offer .cl-kind{margin:0 0 2px}
.has-portal .cl-offer .sub-h{margin:0 0 4px!important}
@media (max-width:640px){
  .phone-only{display:block}
  .has-portal .acct-cols>#reports-card,.has-portal .acct-cols>#payments-card{display:none}   /* their tiles link there */
  .has-portal #upcoming-card .orders .order:nth-child(n+2){display:none}
  .acct-form{grid-template-columns:1fr}
  .acct-stats{gap:10px;margin-bottom:12px}
  .acct-stat{padding:11px 12px}
  .has-portal .acct-top{margin-bottom:12px}
  .acct-review{border-radius:14px}
  .portal-site-link{display:none}
}

/* ════ Paid-only screens: video call, closed messages, AI questions ════ */
/* ── Video call (client): waiting room, live call, ended ── */
.call-card{max-width:620px;margin:8px auto 0;text-align:center;padding:32px 28px 30px;border-radius:24px;background:var(--surface);color:var(--text);
  border:1px solid color-mix(in srgb,var(--text) 10%,transparent);box-shadow:0 24px 60px color-mix(in srgb,var(--primary) 12%,transparent)}
.call-card h1{margin:.1em 0 .15em;font-size:clamp(1.4rem,2.4vw,1.8rem);text-align:center}
.call-avatar{position:relative;width:104px;height:104px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;
  background:var(--primary);color:#fff;font:700 2rem/1 var(--font-heading)}
.call-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 4px var(--surface),0 0 0 7px color-mix(in srgb,var(--accent) 70%,transparent)}
.call-avatar.is-waiting::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 60%,transparent);
  animation:call-ring 2.4s ease-out infinite}
@keyframes call-ring{0%{transform:scale(.92);opacity:.9}100%{transform:scale(1.25);opacity:0}}
@media (prefers-reduced-motion:reduce){.call-avatar.is-waiting::after{animation:none}}
.call-kicker{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.call-when{margin:0 0 22px}
.call-count{display:flex;flex-direction:column;align-items:center;gap:2px;margin:0 auto 22px;padding:18px 20px;border-radius:18px;max-width:420px;
  background:color-mix(in srgb,var(--primary) 7%,transparent);border:1px solid color-mix(in srgb,var(--primary) 16%,transparent)}
.call-count-label{font-size:.82rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.call-count-value{font:700 clamp(2.1rem,6vw,2.8rem)/1.15 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--primary);letter-spacing:.02em}
.call-count .muted{font-size:.85rem}
.call-ready{list-style:none;margin:0 auto;padding:0;max-width:420px;display:grid;gap:10px;text-align:left}
.call-ready li{display:flex;align-items:center;gap:12px;font-size:.93rem}
.call-ready svg,.call-done svg,.call-leave svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.call-ready svg{width:34px;height:34px;padding:7px;border-radius:10px;color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,transparent)}
.call-done{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#15803d;margin:4px 0 18px}
.call-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0}
.call-stage{display:flex;flex-direction:column;gap:10px;height:calc(100dvh - 116px);min-height:420px}
.call-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 14px;border-radius:14px;background:var(--surface);
  border:1px solid color-mix(in srgb,var(--text) 10%,transparent)}
.call-live{display:inline-flex;align-items:center;gap:6px;padding:.2em .7em;border-radius:999px;font-size:.78rem;font-weight:700;
  color:#14532d;background:#dcfce7}
.call-what{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}
.call-leave{display:inline-flex;align-items:center;gap:6px;padding:.5em 1em;border-radius:999px;background:#dc2626;color:#fff;font-weight:700;
  font-size:.88rem;text-decoration:none}
.call-leave:hover{background:#b91c1c}
.call-frame{flex:1;width:100%;min-height:0;border:0;border-radius:16px;background:#0b0f19}
@media (max-width:1023px){.call-stage{height:calc(100dvh - 150px)}}
@media (max-width:640px){
  .call-card{padding:24px 18px;border-radius:20px}
  .call-stage{height:calc(100dvh - 132px)}
  .call-what{order:3;flex-basis:100%;white-space:normal}
}

/* ── Video call card on the booking page ── */
.join-card{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin:16px 0;padding:16px 18px;border-radius:18px;
  background:color-mix(in srgb,var(--primary) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 18%,transparent)}
.join-card.is-open{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 92%,#000),var(--primary));color:#fff;border:0}
.join-icon{width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary)}
.join-card.is-open .join-icon{background:rgba(255,255,255,.16);color:#fff}
.join-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.join-text{flex:1;min-width:200px}
.join-text strong{display:block;font-size:1rem}
.join-text span{font-size:.88rem;opacity:.85}
.join-card .button{margin:0}
.join-card.is-open .button{background:#fff;color:var(--primary);border-color:#fff}

/* ── Messages: locked between sessions ── */
.msg-locked{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:20px 16px 18px;border-radius:18px;
  background:color-mix(in srgb,var(--primary) 5%,var(--surface));border:1px dashed color-mix(in srgb,var(--primary) 30%,transparent)}
.msg-locked-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}
.msg-locked-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.msg-locked strong{font-size:1.02rem}
.msg-locked p{margin:0;max-width:440px;font-size:.9rem;color:var(--muted)}
.msg-locked-next{margin-top:4px!important;padding:.35em .9em;border-radius:999px;background:#dcfce7;color:#14532d!important;font-weight:600}
.msg-locked-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}
.msg-locked-actions .button{margin:0}

/* ── AI questions: balance chip, out-of-questions panel, the questions page ── */
.q-chip{display:inline-flex;align-items:center;gap:6px;padding:.25em .75em;border-radius:999px;font-size:.8rem;font-weight:700;text-decoration:none;
  color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent)}
.q-chip.is-low{color:#9a3412;background:#ffedd5;border-color:#fed7aa}
.q-chip:hover{border-color:var(--primary)}
.chat-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px}
.q-out{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));
  border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}
.q-out>p{margin:0}
.q-out .q-packs{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.q-hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;padding:24px 26px;border-radius:22px;margin:0 0 22px;color:#fff;
  background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--accent) 45%,transparent),transparent 60%),
             linear-gradient(140deg,var(--primary),color-mix(in srgb,var(--primary) 60%,#000))}
.q-hero-main{min-width:0}
.q-kicker{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 70%,#fff)}
.q-balance{margin:2px 0 4px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.q-num{font:700 clamp(2.6rem,7vw,3.6rem)/1 var(--font-heading);color:#fff}
.q-unit{font-size:1.05rem;font-weight:600;color:rgba(255,255,255,.9)}
.q-sub{margin:0;max-width:520px;font-size:.92rem;color:rgba(255,255,255,.88)}
.q-hero .q-ask{margin:0;background:#fff;color:var(--primary);border-color:#fff}
.q-h{margin:0 0 12px!important}
.q-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.q-pack{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:20px 16px 16px;border-radius:18px;margin:0;
  background:var(--surface);color:var(--text);border:1px solid color-mix(in srgb,var(--text) 12%,transparent);transition:border-color .2s ease,box-shadow .2s ease}
.q-pack:hover{border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 12%,transparent)}
.q-pack.is-best{border:2px solid var(--accent)}
.q-pack-tag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);padding:.15em .8em;border-radius:999px;font-size:.72rem;font-weight:700;
  letter-spacing:.04em;background:var(--accent);color:#fff;white-space:nowrap}
.q-pack-n{margin:0;font:700 2.2rem/1 var(--font-heading);color:var(--primary);display:flex;flex-direction:column;align-items:center;gap:2px}
.q-pack-n span{font:600 .78rem/1 var(--font-body);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.q-pack-price{margin:10px 0 0;font-size:1.25rem;font-weight:700}
.q-pack-per{margin:0;font-size:.8rem;color:var(--muted)}
.q-pack-desc{margin:6px 0 0;font-size:.82rem;color:var(--muted)}
.q-pack .button{margin-top:12px;align-self:stretch;justify-content:center;text-align:center}
.q-note{margin:12px 0 22px;text-align:center}
.q-cols{margin-top:4px}
@media (max-width:640px){.q-hero{padding:20px;border-radius:18px}.q-packs{grid-template-columns:1fr 1fr;gap:10px}.q-pack{padding:18px 10px 12px}}
.q-packs{grid-template-columns:repeat(auto-fit,minmax(200px,250px));justify-content:center}
/* Inside the portal the big figures stay big (the portal's 14px text rule must not shrink them) */
body.has-portal .portal .portal-main .q-pack-n{font-size:2.3rem;line-height:1}
body.has-portal .portal .portal-main .q-pack-n span{font-size:11px;letter-spacing:.08em;text-transform:uppercase}
body.has-portal .portal .portal-main .q-pack-price{font-size:1.3rem;font-weight:700}
body.has-portal .portal .portal-main .q-pack-per,body.has-portal .portal .portal-main .q-pack-desc{font-size:12.5px}
body.has-portal .portal .portal-main .q-balance{font-size:1rem}
body.has-portal .portal .portal-main .q-sub{font-size:13.5px}
body.has-portal .portal .portal-main .q-kicker,body.has-portal .portal .portal-main .call-kicker{font-size:11px}
body.has-portal .portal .portal-main .call-card h1{text-align:center}
body.has-portal .portal .portal-main .msg-locked p{font-size:13.5px}
@media (max-width:640px){
  .q-packs,.q-out .q-packs{grid-template-columns:1fr 1fr;gap:10px}
  body.has-portal .portal .portal-main .q-out .q-pack-n{font-size:1.8rem}
  .q-out{padding:12px}
  .chat-window .ai-note{font-size:12px;line-height:1.4}
}

/* ════ Booking calendar (client): a month grid, then the day's times ════ */
.bk-pick{display:grid;gap:18px 26px;margin:0 0 18px}
@media (min-width:761px){.bk-pick{grid-template-columns:minmax(260px,330px) minmax(0,1fr);align-items:start}}
.bk-cal{display:flex;flex-direction:column;gap:14px}
.bk-pick.is-js .bk-month[hidden]{display:none}
.bk-month-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}
.bk-month-name{margin:0;font-weight:700;font-size:1rem}
.bk-nav{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid color-mix(in srgb,var(--text) 14%,transparent);
  background:var(--surface);color:var(--text);font-size:1.3rem;line-height:1;cursor:pointer}
.bk-nav:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}
.bk-nav:disabled{opacity:.3;cursor:default}
.bk-month-head .bk-month-name{flex:1;text-align:center}
.bk-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.bk-wd{text-align:center;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:2px 0 4px}
.bk-day{position:relative;aspect-ratio:1;display:grid;place-items:center;border-radius:12px;font-weight:600;font-size:.92rem;color:color-mix(in srgb,var(--text) 32%,transparent);text-decoration:none}
.bk-day.is-out{visibility:hidden}
.bk-day.is-today:not(.is-free){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 18%,transparent)}
a.bk-day.is-free{color:var(--text);background:color-mix(in srgb,var(--primary) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 16%,transparent);transition:background .15s ease,border-color .15s ease}
a.bk-day.is-free:hover{border-color:var(--primary)}
a.bk-day.is-free i{position:absolute;bottom:6px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--accent)}
a.bk-day.is-today{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 70%,transparent)}
a.bk-day[aria-current]{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 6px 16px color-mix(in srgb,var(--primary) 30%,transparent)}
a.bk-day[aria-current] i{background:#fff}
a.bk-day:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.bk-legend{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 14px;margin:0;font-size:.8rem}
.bk-legend span{display:inline-flex;align-items:center;gap:6px}
.bk-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.bk-times{min-width:0}
.bk-day-panel{padding:16px 18px;border-radius:18px;background:color-mix(in srgb,var(--primary) 4%,var(--surface));border:1px solid color-mix(in srgb,var(--text) 9%,transparent)}
.bk-day-title{margin:0 0 6px;display:flex;flex-direction:column;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.bk-day-title strong{font:700 1.35rem/1.2 var(--font-heading);letter-spacing:0;text-transform:none;color:var(--text)}
.bk-part{margin:12px 0 6px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.bk-times .slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
.bk-times .slot span{display:block;text-align:center;padding:.55em .4em;border-radius:12px;font-weight:600;border-color:color-mix(in srgb,var(--text) 16%,transparent);transition:border-color .15s ease}
.bk-times .slot span:hover{border-color:var(--primary)}
.bk-chosen[hidden]{display:none}
.bk-chosen{margin:10px 0 0;padding:.45em .9em;border-radius:999px;display:inline-block;background:#dcfce7;color:#14532d;font-weight:600;font-size:.88rem}
body.has-portal .portal .portal-main .bk-month-name{font-size:15px}
body.has-portal .portal .portal-main .bk-day-title{font-size:11px}
body.has-portal .portal .portal-main .bk-day-title strong{font-size:1.25rem}
body.has-portal .portal .portal-main .bk-part,body.has-portal .portal .portal-main .bk-wd{font-size:10.5px}
body.has-portal .portal .portal-main .bk-legend{font-size:12px}
body.has-portal .portal .portal-main .bk-chosen{font-size:13px}
@media (max-width:760px){.bk-day{border-radius:10px;font-size:.88rem}.bk-day-panel{padding:14px}.bk-times .slots{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ════ Fit-to-screen pass (all designs) ════════════════════════════════════════
   The footer sits at the bottom of the window on short pages (no blank band under it); the phone header
   is one row (name, actions, account) with the section links swiping underneath; chat pages are a
   window that fits the screen: the conversation scrolls inside it and the message box stays in view. */
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
body>main{flex:1 0 auto}
.client-compact main{display:flex;flex-direction:column;justify-content:center}
.client-compact main>.block{padding-bottom:40px}

@media (max-width:640px){
  .site-header .header-inner{flex-wrap:wrap;align-items:center;gap:8px 10px}
  .site-header .header-bar{display:contents}
  .site-header .header-actions{order:2;gap:10px;flex-shrink:0}
  .site-header .account-link{order:3}
  .site-header .header-bar nav{order:4;flex:0 0 100%;width:100%;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent)}
  .site-header .header-bar nav::-webkit-scrollbar{display:none}
  .ha-more,.ha-text,.acct-chev{display:none}
  .ha-link svg{width:18px;height:18px}
  .ha-link{padding:4px}
  .ha-btn{padding:.42em .95em}
  details.account-link{padding:2px}
}

/* Chat windows: messages with the astrologer and AI conversations */
.chat-window{display:flex;flex-direction:column;height:calc(100dvh - 104px);min-height:440px;margin-bottom:0}
body:has(.back-link) .chat-window{height:calc(100dvh - 140px)}
.chat-window>*{flex-shrink:0}
.chat-window .msg-head{margin-bottom:10px}
body.client-page .block>.wrap.narrow .chat-window h1.chat-title{font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.25;text-align:left}
.chat-window .msg-log,.chat-window .chat{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;margin:6px -6px 10px;padding:6px;
  overscroll-behavior:contain;scrollbar-width:thin}
.chat-window .ai-note{margin:0 0 6px;font-size:.85rem}
.chat-window .msg-live{margin-bottom:8px}
.chat-window .form,.chat-window .msg-form{gap:8px;margin:0}
.chat-window .hint{margin:0;font-size:.82rem}
.back-link{margin:0 0 10px;font-size:.92rem}
.compose-row{display:flex;align-items:flex-end;gap:10px}
.compose-row textarea{flex:1;min-width:0;min-height:48px;max-height:180px;resize:none;margin:0}
.compose-row .compose-send{flex-shrink:0;align-self:stretch;max-height:56px;margin:0}
.msg-form .msg-form-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;margin-top:8px}
.msg-form .msg-about{flex-direction:row;align-items:center;gap:8px;font-weight:600;font-size:.85rem}
.msg-form .msg-about select{max-width:240px;padding-top:.35em;padding-bottom:.35em;font-size:.85rem}
.msg-form .msg-form-row .hint{flex:1 1 220px;text-align:right}
.chat-window .msg-form textarea{min-height:48px}
@media (max-width:899px){
  .chat-window{height:calc(100dvh - 92px);min-height:400px}
  body:has(.back-link) .chat-window{height:calc(100dvh - 124px)}
  .chat-window.acct-card{padding:14px 14px 12px}
  .chat-window .msg-avatar{width:40px;height:40px}
  .msg-form .msg-form-row .hint{text-align:left}
}

/* Account: which kinds of WhatsApp updates */
.notify-kinds{display:grid;gap:2px;margin:0 0 6px;padding:0 0 0 26px;border:0}

/* Language menu (header, client sidebar, login): a small globe button with the current language */
.lang-menu{position:relative;flex-shrink:0}
.lang-menu summary{list-style:none;display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:.35em .7em;border-radius:999px;
  border:1px solid color-mix(in srgb,currentColor 25%,transparent);font-size:.85rem;line-height:1.2;user-select:none}
.lang-menu summary::-webkit-details-marker{display:none}
.lang-menu summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}
.lang-menu[open] summary{background:color-mix(in srgb,currentColor 10%,transparent)}
.lang-list{position:absolute;right:0;top:calc(100% + 6px);z-index:60;list-style:none;margin:0;padding:6px;min-width:150px;border-radius:12px;
  background:var(--surface,#fff);color:var(--text,#222);box-shadow:0 12px 30px rgba(0,0,0,.18);border:1px solid rgba(0,0,0,.08)}
.lang-list a{display:block;padding:.5em .8em;border-radius:8px;text-decoration:none;color:inherit;font-size:.95rem}
.lang-list a:hover,.lang-list a:focus-visible{background:color-mix(in srgb,var(--primary,#5b1a1a) 10%,transparent)}
.lang-list a[aria-current]{font-weight:700;color:var(--primary,#5b1a1a)}
.portal-side .lang-menu{margin:10px 12px 0}.portal-side .lang-list{left:0;right:auto;bottom:calc(100% + 6px);top:auto}
.login-brand .lang-menu{position:absolute;top:18px;right:18px}
.login-brand .lang-list{color:var(--text,#222)}
/* Indian scripts need a little more line height */
:lang(te),:lang(hi),:lang(ta){line-height:1.75}
:lang(te) h1,:lang(te) h2,:lang(hi) h1,:lang(hi) h2,:lang(ta) h1,:lang(ta) h2{line-height:1.35}
.report-lang{margin:0 0 18px;padding:10px 14px;border-radius:10px;font-size:.92rem;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}

/* ════ Client portal typography ═══════════════════════════════════════════════════
   The client area reads like the astrologer's console: one clear sans font (Inter), 14px text, compact
   semibold headings, no small capitals or wide letter-spacing. The site's own design keeps its colours;
   only the top bar's name stays in the site's heading font. Telugu, Hindi and Tamil fall back to Site Indic. */
body.has-portal .portal,.login-page .login-pane{
  --font-heading:'Inter','Site Indic',system-ui,-apple-system,'Segoe UI','Noto Sans',sans-serif;
  --font-body:var(--font-heading);
  font-family:var(--font-body);font-size:14px;line-height:1.55;letter-spacing:normal;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body.has-portal .portal :is(h1,h2,h3,h4,h5,.sub-h,.button,button,input,select,textarea,label,legend,th,td,.brand),
.login-page .login-pane :is(h1,h2,h3,h4,.button,button,input,select,textarea,label){
  font-family:var(--font-body)!important;text-transform:none!important;letter-spacing:normal!important}
body.has-portal .portal-main :is(h1){font-size:22px!important;font-weight:650;line-height:1.25;letter-spacing:-.01em}
body.has-portal .portal-main :is(h2,.sub-h){font-size:15px!important;font-weight:650;line-height:1.35;text-align:left;letter-spacing:0}
body.has-portal .portal-main :is(h3,h4){font-size:14px;font-weight:650;line-height:1.4}
body.has-portal .portal-main :is(p,li,td,th,dd,dt,label,input,select,textarea,.prose){font-size:14px}
body.has-portal .portal-main :is(small,.muted,.acct-sub,.hint,.field-hint){font-size:13px}
body.has-portal .portal-main .acct-stat-k,body.has-portal .portal-main .cl-kind{font-size:11px;letter-spacing:.05em!important;text-transform:uppercase!important}
body.has-portal .portal :is(.button,button):not(.portal-logout){font-size:13.5px;font-weight:600;letter-spacing:0;white-space:nowrap;padding-inline:1.1em}
body.has-portal .portal-nav a{font-size:14px}
body.has-portal .portal-side .portal-cta{font-size:13px;letter-spacing:0;text-transform:none}
.login-page .login-pane h1{font-size:24px;font-weight:650;letter-spacing:-.01em;text-transform:none}
.login-page .login-pane :is(p,label,input:not(.otp-input),.button,button){font-size:14px}
/* Phones and tablets: the language menu sits at the right end of the tab bar (a globe), not on a row of its own */
@media (max-width:1023px){
  body.has-portal .portal-side{display:flex;flex-direction:row;align-items:center;gap:0}
  body.has-portal .portal-side .portal-nav{flex:1 1 auto;min-width:0}
  body.has-portal .portal-side .lang-menu{flex:none;margin:0 10px 0 2px}
  body.has-portal .portal-side .lang-menu summary{padding:.4em;gap:0}
  body.has-portal .portal-side .lang-menu summary span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  body.has-portal .portal-side .lang-list{left:auto;right:0;top:calc(100% + 8px);bottom:auto}
}
/* Website header: the language menu is a small globe after the account button, in the header's own colour */
.site-header .lang-menu{order:5;margin-left:-14px}
.site-header .lang-menu summary{padding:.35em;gap:0;border-color:transparent;color:inherit;opacity:.85}
.site-header .lang-menu summary:hover,.site-header .lang-menu[open] summary{opacity:1;border-color:color-mix(in srgb,currentColor 30%,transparent)}
.site-header .lang-menu summary svg{width:18px;height:18px}
.site-header .lang-menu summary span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.t-temple .site-header .lang-menu,.t-royal .site-header .lang-menu,.t-celestial .site-header .lang-menu,.t-nakshatra .site-header .lang-menu{color:rgba(255,255,255,.88)}
.t-palmleaf .site-header .lang-menu{color:var(--leaf)}
/* Centred designs keep the account button in the top right corner; the globe sits just after it */
@media (min-width:641px){
  .t-classic .site-header .lang-menu,.t-mandala .site-header .lang-menu,.t-almanac .site-header .lang-menu{position:absolute;top:14px;right:max(16px,calc(50% - 520px));margin:0}
  .t-classic .site-header:has(.lang-menu) .account-link,.t-mandala .site-header:has(.lang-menu) .account-link,
  .t-almanac .site-header:has(.lang-menu) .account-link{right:calc(max(16px,calc(50% - 520px)) + 40px)}
}
@media (max-width:640px){.site-header .lang-menu{order:3;margin-left:-6px}}
@media (max-width:1180px){.site-header .lang-menu{order:3}}
/* Wide screens: the one-row header has a fixed width, so the account button shows only its icon
   (and a logged-in client's avatar, without the first name) */
@media (min-width:1181px){
  .site-header details.account-link .acct-first{display:none}
  .site-header a.account-link .acct-label{display:none}
  .site-header a.account-link{padding:.4em;border-radius:50%}
  .site-header a.account-link svg{width:18px;height:18px}
}
@media (min-width:641px) and (max-width:1180px){
  .site-header .header-inner:has(>.lang-menu){justify-content:flex-start}
  .site-header .header-inner:has(>.lang-menu)>.account-link{margin-left:auto}
}
/* Centred designs on tablets: the name stays clear of the account button and globe in the corner */
@media (min-width:641px) and (max-width:1180px){
  :is(.t-classic,.t-mandala,.t-almanac) .site-header a.account-link .acct-label,
  :is(.t-classic,.t-mandala,.t-almanac) .site-header details.account-link .acct-first{display:none}
  :is(.t-classic,.t-mandala,.t-almanac) .site-header a.account-link{padding:.4em;border-radius:50%}
  :is(.t-classic,.t-mandala,.t-almanac) .site-header .brand{max-width:calc(100% - 200px);margin-inline:auto;text-align:center}
}

/* ════ Report order: the partner's birth details (Kundali matching) ════ */
.partner-fields{display:flex;flex-direction:column;gap:12px;margin:4px 0 0;padding:14px 16px;border-radius:12px;
  border:1px dashed color-mix(in srgb,var(--primary) 35%,transparent);background:color-mix(in srgb,var(--primary) 4%,transparent)}
.partner-fields legend{padding:0 6px;font-weight:700;font-size:.95rem}
@supports selector(:has(a)){
  .form:has(select[name="service_id"] option:checked:not([data-type="matching"])) .partner-fields{display:none}
}

/* ════ Free checks (/tools): Kundali matching, baby name sounds, Sade Sati ════ */
.tools-page .wrap.narrow{max-width:760px}
.tools-head{margin:0 0 20px}
.tools-head h1{margin:.1em 0 .25em;text-align:left}
.tools-head h1::after{content:none}
.tools-eyebrow{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.tools-grid{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.tool-card{display:flex;flex-direction:column;gap:8px;height:100%;padding:20px;border-radius:16px;text-decoration:none;color:var(--text);
  background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);transition:border-color .2s ease,transform .2s ease}
.tool-card:hover{border-color:var(--primary);transform:translateY(-2px)}
.tool-card strong{font-family:var(--font-heading);font-size:1.15rem;color:var(--primary)}
.tool-card span{font-size:.92rem;color:var(--muted);flex:1}
.tool-card em{font-style:normal;font-weight:700;font-size:.9rem;color:var(--primary)}
.tool-person{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.tool-person+.tool-person{padding-top:16px;border-top:1px solid color-mix(in srgb,var(--text) 10%,transparent)}
.tool-person legend{font-weight:700;margin-bottom:8px;padding:0}
.tool-result{margin:0 0 18px;padding:22px;border-radius:18px;background:var(--surface);
  border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:0 14px 40px color-mix(in srgb,var(--primary) 10%,transparent)}
.tool-scores{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:14px}
.tool-score{flex:1 1 200px;display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:14px;
  background:color-mix(in srgb,var(--primary) 6%,transparent)}
.tool-score b{font-family:var(--font-heading);font-size:2.1rem;line-height:1.1;color:var(--primary)}
.tool-score b small{font-size:.5em;color:var(--muted);margin-left:2px}
.tool-score span{font-weight:600}
.tool-score em{font-style:normal;font-size:.88rem;color:var(--muted)}
.tool-facts{margin:0 0 10px;padding-left:1.2em;display:flex;flex-direction:column;gap:4px}
.tool-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:14px 16px;border-radius:14px;
  background:color-mix(in srgb,var(--accent) 12%,transparent)}
.tool-cta p{margin:2px 0 0;font-size:.88rem}
.product-check{display:inline-block;margin-top:8px;font-size:.88rem;font-weight:600;color:var(--primary)}
/* Home page "Free checks" section (all designs) */
.tools-block .tools-lead{max-width:62ch;margin:-.4em auto 1.4em;text-align:center;color:var(--muted)}
.tools-block .tools-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.tool-card .tool-icon{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:var(--primary);
  background:color-mix(in srgb,var(--primary) 9%,transparent)}
.tool-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tool-ai .tool-icon{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}
.t-temple .tools-block .tool-card,.t-royal .tools-block .tool-card,.t-celestial .tools-block .tool-card,.t-nakshatra .tools-block .tool-card{color:var(--text)}

/* ════ Free checks pages: polish (all designs) ════ */
.tools-page .form{max-width:none}
.tools-page .form label>.lbl{display:block}
.tools-page .form .opt{font-weight:400;color:var(--muted);font-size:.9em;margin-left:.2em}
.tools-page.tool-match .wrap.narrow{max-width:920px}
.tool-pair{display:grid;gap:18px}
@media(min-width:760px){.tool-pair{grid-template-columns:1fr 1fr;gap:22px}}
.tool-pair .tool-person{padding:18px;border-radius:16px;background:color-mix(in srgb,var(--primary) 4%,transparent);
  border:1px solid color-mix(in srgb,var(--text) 9%,transparent)}
.tool-pair .tool-person+.tool-person{padding-top:18px;border-top:1px solid color-mix(in srgb,var(--text) 9%,transparent)}
.tool-pair .tool-person legend{float:left;width:100%;margin:0 0 6px;font-family:var(--font-heading);font-size:1.08rem;color:var(--primary)}
.tool-pair .tool-person legend+*{clear:both}
.tool-pair .form-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.tool-submit{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:4px}
.tool-submit p{margin:0}
.tools-page .tool-go{width:auto;min-width:200px;padding:.85em 1.8em;font-size:1rem;justify-content:center}
@media(max-width:640px){.tools-page .tool-go{width:100%}}
.tools-page .tool-card .tool-icon{margin-bottom:2px}
.tools-steps{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));counter-reset:none}
.tools-steps li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;
  background:color-mix(in srgb,var(--accent) 10%,transparent);font-size:.92rem}
.tools-steps b{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff;font-size:.9rem}
.tools-note{margin-top:14px;text-align:center}
/* Full free results (tools/_result.html) */
.tool-score b.tool-score-sm{font-size:1.45rem;padding:.2em 0}
.tool-sub{margin:26px 0 10px;font-family:var(--font-heading);font-size:1.12rem;color:var(--primary);text-align:left}
.tool-sub::after{content:none}
.tool-k{display:block;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.tool-pairs{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:6px 0 4px}
.tool-pairs>div{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--text) 10%,transparent)}
.tool-pairs small{color:var(--muted);font-size:.84rem}
.tool-table-wrap{overflow-x:auto;margin:0 -4px;padding:0 4px}
.tool-table{width:100%;border-collapse:collapse;font-size:.93rem;min-width:420px}
.tool-table th,.tool-table td{padding:9px 10px;text-align:left;vertical-align:top;border-bottom:1px solid color-mix(in srgb,var(--text) 9%,transparent)}
.tool-table thead th{font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.tool-table tbody th{font-weight:600}
.tool-table th small{display:block;font-weight:400;font-size:.8rem;color:var(--muted)}
.tool-table .num{text-align:right;white-space:nowrap}
.tool-table td b{color:var(--primary);font-size:1.05em}
.tool-table tr.is-low td b{color:#b3261e}
.tool-table tfoot th,.tool-table tfoot td{border-bottom:0;font-weight:700}
.tool-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.tool-checks li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 4px;border-bottom:1px solid color-mix(in srgb,var(--text) 9%,transparent)}
.tool-checks li>span:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.tool-checks small{color:var(--muted);font-size:.85rem}
.tool-checks li.is-now{background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:10px;padding:10px}
.tool-checks li.is-past{opacity:.6}
.tool-ess{display:inline!important;font-size:.72rem!important;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)!important}
.tool-badge{flex:none;display:inline-block;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap}
.tool-badge.is-good{background:#e3f4e8;color:#1e6b3a}
.tool-badge.is-average{background:#fdf1d8;color:#8a5a00}
.tool-badge.is-bad{background:#fbe4e2;color:#a3261e}
.tool-badge.is-now{background:var(--primary);color:#fff}
.tool-dates{flex:none;font-size:.86rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.tool-warn{margin:10px 0 0;padding:10px 14px;border-radius:10px;background:#fbe4e2;color:#7a1d16;font-size:.92rem}
.tool-note{margin:16px 0 0;padding:10px 14px;border-radius:10px;font-size:.88rem;color:var(--muted);background:color-mix(in srgb,var(--text) 5%,transparent)}
.tool-verdict{margin:6px 0 0;padding:10px 14px;border-radius:10px}
.tool-verdict.is-good{background:#e3f4e8;color:#1e6b3a}
.tool-verdict.is-bad{background:#fbe4e2;color:#7a1d16}
.tool-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tool-chips li{display:flex;flex-direction:column;align-items:center;min-width:52px;padding:8px 12px;border-radius:12px;font-weight:700;font-size:1.05rem;
  border:1px solid color-mix(in srgb,var(--text) 12%,transparent)}
.tool-chips li small{font-weight:400;font-size:.7rem;color:var(--muted)}
.tool-chips li.is-on{background:var(--primary);border-color:var(--primary);color:#fff}
.tool-chips li.is-on small{color:rgba(255,255,255,.8)}
.tool-dl{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin:0}
.tool-dl>div{padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--primary) 5%,transparent)}
.tool-dl dt{font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.tool-dl dd{margin:2px 0 0;font-weight:600}
.tool-dl .tool-dl-wide{grid-column:1/-1}
.tool-dl-1{align-content:start}
@media(min-width:640px){.tool-dl-1{grid-template-columns:1fr}}
.tool-table td{white-space:nowrap}
.tool-table td:nth-child(2):not(.num){white-space:normal}
.tool-score:has(.tool-score-sm){flex-basis:150px}
.tool-list{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:6px}
.tool-phases{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.tool-phases li{padding:12px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--text) 10%,transparent)}
.tool-phases li>div{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.tool-phases li .tool-dates{margin-left:auto}
.tool-phases li p{margin:6px 0 0;font-size:.92rem;color:var(--muted)}
.tool-phases li.is-now{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,transparent)}
.tool-callout{padding:14px 16px;border-radius:14px;border-left:4px solid var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}
.tool-callout p{margin:3px 0 10px}
.tool-callout p:last-child{margin-bottom:0}
.tool-timeline{list-style:none;margin:0;padding:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}
.tool-timeline li{display:flex;flex-direction:column;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--text) 10%,transparent)}
.tool-timeline li span{font-size:.88rem;font-variant-numeric:tabular-nums}
.tool-timeline li small{font-size:.76rem;color:var(--muted)}
.tool-timeline li.is-past{opacity:.55}
.tool-timeline li.is-now{background:var(--primary);border-color:var(--primary);color:#fff}
.tool-timeline li.is-now small{color:rgba(255,255,255,.8)}
.tool-cards{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.tool-cards li{padding:14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 6%,transparent)}
.tool-cards strong{display:block;font-family:var(--font-heading);color:var(--primary)}
.tool-cards small{display:block;color:var(--muted);font-size:.84rem;margin-top:2px}
.tool-cards p{margin:6px 0 0;font-size:.92rem}
.tool-chart-row{display:grid;gap:16px;align-items:start}
@media(min-width:640px){.tool-chart-row{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}
.si-chart{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,minmax(64px,auto));aspect-ratio:1;max-width:440px;width:100%;
  border:2px solid var(--primary);border-radius:6px;overflow:hidden;background:var(--surface)}
.si-box{position:relative;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:2px 6px;padding:16px 4px 6px;
  border:1px solid color-mix(in srgb,var(--primary) 35%,transparent);font-size:.86rem;font-weight:700;text-align:center}
.si-box small{position:absolute;top:3px;left:5px;font-size:.66rem;font-weight:600;color:var(--muted)}
.si-box.is-lagna{background:color-mix(in srgb,var(--accent) 14%,transparent)}
.si-asc{position:absolute;top:3px;right:5px;font-size:.66rem;color:var(--accent)}
.si-box span{color:var(--primary)}
.si-box sup{font-size:.62em;margin-left:1px;color:var(--accent)}
.si-center{grid-column:2/4;grid-row:2/4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  border:1px solid color-mix(in srgb,var(--primary) 35%,transparent);font-family:var(--font-heading)}
.si-center strong{color:var(--primary)}
.si-center span{font-size:.9rem;color:var(--muted)}
.tool-note-exalted,.tool-note-own-sign{color:#1e6b3a!important}
.tool-note-debilitated,.tool-note-combust{color:#a3261e!important}
@media(max-width:520px){.tool-result{padding:16px}.si-box{font-size:.78rem;padding:14px 2px 4px}}

/* ════ The site header stays at the top while scrolling: every design and phones too (account pages
   with the side menu have their own layout). Stronger than the designs' own `position:relative`. ════ */
body:not(.has-portal) .site-header{position:sticky;top:0;z-index:30}
@media (max-width:640px){
  body:not(.has-portal) .site-header{backdrop-filter:saturate(1.2) blur(6px)}
  html{scroll-padding-top:116px}                     /* anchors land below the two-row phone header */
}

/* ════ Booking options: move, cancel, the policy in plain words; "did the session not take place?" ════ */
.bk-opts{margin:18px 0 16px;padding:16px 18px;border-radius:16px;background:color-mix(in srgb,var(--primary) 4%,transparent);
  border:1px solid color-mix(in srgb,var(--text) 9%,transparent)}
.bk-opts-h{margin:0 0 6px;font-weight:700}
.bk-policy{margin:0 0 14px;padding-left:1.15em;display:grid;gap:3px;font-size:.92rem;color:var(--muted)}
.bk-opts-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.bk-opts-actions form{margin:0}
.bk-opts-actions .button{margin:0}
.bk-issue{margin-top:16px;border-top:1px dashed color-mix(in srgb,var(--text) 15%,transparent);padding-top:12px}
.bk-issue summary{cursor:pointer;font-weight:600;color:var(--primary)}
.bk-issue .form{margin-top:10px}
.bk-issue .opt,.mv-note .opt{font-weight:400;color:var(--muted)}
.mv-note{margin:0 0 14px}
.mv-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:6px}

/* ════ Consultation countdown bar (account pages) ════ */
.sess-bar{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 16px;padding:10px 14px;
  border-radius:14px;background:color-mix(in srgb,var(--accent) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);
  box-shadow:0 8px 22px -14px rgba(0,0,0,.35)}
.sess-bar[hidden]{display:none}
.sess-bar.is-open{background:#e8f5e9;border-color:#81c784;animation:sess-pulse 2.4s ease-in-out infinite}
@keyframes sess-pulse{50%{box-shadow:0 0 0 6px rgba(76,175,80,.18)}}
@media (prefers-reduced-motion:reduce){.sess-bar.is-open{animation:none}}
.sess-ico{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--primary);color:#fff}
.sess-bar.is-open .sess-ico{background:#2e7d32}
.sess-ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sess-text{flex:1;min-width:180px;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:.92rem}
.sess-who{color:var(--muted)}
.sess-count{font-weight:700;font-variant-numeric:tabular-nums;color:var(--primary)}
.sess-bar.is-open .sess-count{color:#1b5e20}
.sess-alerts{background:none;border:1px solid color-mix(in srgb,var(--text) 20%,transparent);border-radius:999px;padding:.35em .9em;
  font:inherit;font-size:.8rem;cursor:pointer;color:inherit}
.sess-bar .sess-join{margin:0;padding:.55em 1.2em}
.sess-bar.is-open .sess-join{background:#2e7d32;border-color:#2e7d32;color:#fff}
body.has-portal .portal .portal-main .sess-text{font-size:13.5px}

/* ════ Messages: platform updates, and contact details hidden ════ */
.msg.msg-system{align-self:center;max-width:92%;margin-inline:auto;background:color-mix(in srgb,var(--accent) 10%,var(--surface));
  border:1px dashed color-mix(in srgb,var(--accent) 45%,transparent);border-radius:14px;color:var(--text)}
.msg.msg-system p{white-space:pre-line}
.msg.msg-system .who{color:var(--accent)}
.msg-link{display:inline-block;margin-top:6px;font-weight:600;font-size:.9rem;color:var(--primary)}
.msg-hidden{display:block;margin-top:6px;font-size:.78rem;font-style:italic;color:var(--muted)}
.msg-safe{margin:0 0 4px;font-size:.78rem}
/* Booking: birth details for the consultation (shown to the astrologer in Messages) */
.birth-fields{display:flex;flex-direction:column;gap:12px;margin:0;padding:14px 16px;border-radius:12px;
  border:1px solid color-mix(in srgb,var(--text) 12%,transparent);background:color-mix(in srgb,var(--primary) 3%,transparent)}
.birth-fields legend{padding:0 6px;font-weight:700}
.birth-fields .birth-new{display:flex;flex-direction:column;gap:12px}
@supports selector(:has(a)){.birth-fields:has(select[name="person"] option:checked:not([value="new"])) .birth-new{display:none}}
.call-note{margin:0;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--accent) 10%,transparent)}

/* ════ Rails: one sliding row of cards (the home page's free checks) ════
   Only whole cards, sized so a row fits exactly: 4 on laptops, 3 on small laptops, 2 on tablets, 1 on phones.
   Arrows and dots (rail.js) move a page of cards; without the script the row still scrolls and swipes. */
.rail{position:relative;--n:4;--gap:16px}
.rail-track{display:flex!important;gap:var(--gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
  padding:6px 0 14px;margin:0;list-style:none;scrollbar-width:none;scroll-behavior:smooth}
.rail-track::-webkit-scrollbar{display:none}
.rail-track>li{flex:0 0 calc((100% - (var(--n) - 1) * var(--gap)) / var(--n));min-width:0;scroll-snap-align:start;display:flex}
.rail-track>li>.tool-card{width:100%}
.rail-track .tool-card:hover{transform:none;box-shadow:0 10px 26px color-mix(in srgb,var(--primary) 12%,transparent)}
.rail-track .tool-card .tool-icon{flex:none;height:42px}
.rail-track .tool-card>span:not(.tool-icon){flex:1 1 auto}
.rail-track .tool-card em{margin-top:auto;padding-top:4px}
.rail-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:6px}
.rail-fits .rail-nav{display:none}
.rail-arrow{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;cursor:pointer;color:var(--primary);
  background:var(--surface);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);transition:background .2s ease,opacity .2s ease}
.rail-arrow:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 10%,var(--surface))}
.rail-arrow:disabled{opacity:.35;cursor:default}
.rail-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rail-dots{display:flex;gap:6px}
.rail-dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;cursor:pointer;background:color-mix(in srgb,var(--primary) 22%,transparent);transition:width .2s ease,background .2s ease}
.rail-dot.is-on{width:18px;background:var(--primary)}
@media (max-width:1100px){.rail{--n:3}}
@media (max-width:820px){.rail{--n:2;--gap:14px}}
@media (max-width:560px){.rail{--n:1}}
@media (prefers-reduced-motion:reduce){.rail-dot{transition:none}.rail-track{scroll-behavior:auto}}
.rail-fits .rail-track{justify-content:center}

/* Indic scripts: letter-spacing pulls joined letters (conjuncts, vowel signs) apart; uppercase does not apply */
html:lang(te) *,html:lang(hi) *,html:lang(ta) *{letter-spacing:normal!important}
.tool-dasha .tool-scores .tool-score:first-child{flex-basis:100%}   /* the Mahadasha: dates and time left on one line */
/* Date of birth: Day / Month / Year dropdowns (the same order and format on every phone) */
.dob{display:flex;flex-direction:column;gap:6px;min-width:0}
.dob-label{font-weight:600;font-size:.95rem}
.dob-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.25fr);gap:6px}
.dob-row select{width:100%;min-width:0;padding-left:.55em;padding-right:.3em;text-overflow:ellipsis}
.form-row .dob{grid-column:1/-1}