/* Mahakali Tantra Pith — page skin (look only). For pages built on the shared tokens
   --gold --gb --maroon --ink --text --muted --card --line. No markup, script, price or payment code is touched. */
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+Devanagari:wght@400;500;600&family=Tiro+Devanagari+Hindi&display=swap");
:root{--ink:#060406;--card:rgba(18,11,13,.72);--line:rgba(217,180,106,.26);--text:#e2d5bd;--muted:#a3937c;--maroon:#8b1a2b;
  --deva:"Noto Serif Devanagari","Noto Sans Devanagari",Georgia,serif;--mk-display:"Tiro Devanagari Hindi","Cormorant Garamond","Noto Serif Devanagari",serif}
html body{background:#060406;background-image:radial-gradient(900px 520px at 82% -8%,rgba(139,26,43,.22),transparent 62%);color:var(--text)}
html body header{background:rgba(6,4,6,.92)}
html body .promobar{background:#0c0708;color:var(--gold);border-bottom:1px solid var(--line);letter-spacing:.04em}
html body .promobar .code{border-radius:2px}
html body h1,html body h2{font-family:var(--mk-display);font-weight:400;letter-spacing:0;line-height:1.3}
html body h1{font-size:clamp(1.9rem,4.6vw,2.9rem)}
html body h2{font-size:clamp(1.5rem,3.2vw,2rem)}
html body .hn{font-family:var(--deva)}
html body .sec{padding:44px 0 10px;margin-top:34px}
/* square, hairline surfaces */
html body .badge,html body .pts li,html body .toc li,html body .why div,html body .cmp,html body .card,html body .box,html body .oc,html body .rv,html body .who,html body .vf,html body .pimg,html body .navtoggle,html body .faq details,html body details,html body .other a,html body input,html body select,html body textarea{border-radius:2px}
html body .pts li,html body .toc li,html body .why div,html body .cmp,html body .card,html body .rv,html body .oc,html body details{background:rgba(18,11,13,.72);border:1px solid var(--line);box-shadow:none}
html body .pimg{border-color:rgba(217,180,106,.55);box-shadow:0 30px 80px rgba(0,0,0,.7)}
html body .pts li{padding-left:44px}
html body .pts li:before,html body .pts.chk li:before{content:"";left:18px;top:1.35em;width:8px;height:8px;background:var(--gold);transform:rotate(45deg);box-shadow:0 0 10px rgba(217,180,106,.6)}
html body .why b{font-family:var(--mk-display);font-weight:400;font-size:1.15rem}
/* one button voice */
html body .btn{border-radius:2px;letter-spacing:.03em;font-weight:600}
html body .btn-gold,html body #ok .btn-gold{background:linear-gradient(180deg,#a0202f,#7a1524);color:#fff;border:1px solid rgba(244,213,137,.45);box-shadow:0 12px 30px rgba(0,0,0,.5)}
html body .btn-gold:hover{filter:brightness(1.12);transform:translateY(-1px)}
html body .btn-wa,html body .btn-line{background:transparent;border:1px solid var(--line);color:var(--gb)}
html body .mtpAddCart{border-radius:2px!important}
html body .price b{font-family:"Cormorant Garamond",var(--mk-display);font-weight:600}
html body .price .off{border-radius:2px;background:#8b1a2b}
html body .trust span,html body .trust div{border-radius:2px}
html body #ok .box{border-radius:2px;background:#120b0d}
html{overflow-x:clip}
html body #stickyBuy{background:rgba(6,4,6,.96);border-top:1px solid rgba(217,180,106,.35)}
html body #stickyBuy button{background:linear-gradient(180deg,#a0202f,#7a1524);color:#fff;border:1px solid rgba(244,213,137,.45);border-radius:2px;font-weight:600;letter-spacing:.03em}
html body .btn-ghost{background:transparent;border:1px solid var(--line);color:var(--gb);border-radius:2px}
html body .modal .box,html body .top{border-radius:2px}
/* gyaan pages (.lk menu had no phone version): one scrollable row under the name */
html body header .lk{display:flex!important}html body .lk a{font-family:"Noto Serif Devanagari","Cormorant Garamond",serif;letter-spacing:.02em;text-transform:none;font-size:.9rem}
@media(max-width:760px){html body header .nav{flex-wrap:wrap;row-gap:0}html body header .lk{display:flex!important;flex:0 0 100%;width:100%;gap:20px;overflow-x:auto;white-space:nowrap;padding:10px 0 4px;margin:0;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-top:1px solid rgba(217,180,106,.14);margin-top:8px}html body header .lk::-webkit-scrollbar{display:none}html body header .lk a{flex:0 0 auto;font-size:.92rem;padding:6px 0}}
/* pages whose .links menu had no phone toggle (blog): same scrollable row */
@media(max-width:760px){html body header .nav:not(:has(.navtoggle)){flex-wrap:wrap;row-gap:0}html body header .nav:not(:has(.navtoggle)) .links{display:flex!important;position:static;flex-direction:row;flex-wrap:nowrap!important;flex:0 0 100%;width:100%;gap:20px;overflow-x:auto;white-space:nowrap;padding:10px 0 4px;margin:8px 0 0;background:none;border:0;border-top:1px solid rgba(217,180,106,.14);border-radius:0;box-shadow:none;scrollbar-width:none}html body header .nav:not(:has(.navtoggle)) .links::-webkit-scrollbar{display:none}html body header .nav:not(:has(.navtoggle)) .links a{flex:0 0 auto;padding:6px 0;font-size:.78rem}}
