/*
Theme Name: KL Shastri Ji – Premium Astrology
Author: OpenAI
Description: Complete Hindi-first Indian astrology landing page with image-rich sections, animations, responsive layout and WhatsApp enquiry form.
Version: 2.0.0
Text Domain: kl-shastri
*/
:root{--wine:#3b080f;--wine2:#6e1119;--red:#9c1c1e;--gold:#e9b64d;--gold2:#ffe4a0;--cream:#fff4d9;--ink:#2b1110;--muted:#725247}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:#fff8e9;color:var(--ink);font-family:"Noto Serif Devanagari","Mangal",Georgia,serif;line-height:1.7}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{overflow:hidden}.topline{background:#21060a;color:#f8d98c;text-align:center;padding:5px 12px;font-size:12px;letter-spacing:.4px;border-bottom:1px solid #a66a24}.header{position:sticky;top:0;z-index:100;background:linear-gradient(90deg,#3a080e,#74151c,#3a080e);border-bottom:2px solid var(--gold);box-shadow:0 5px 18px #17050850}.head-inner{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:10px 22px;gap:20px}.logo{display:flex;align-items:center;gap:10px;color:#ffe7a4;font-size:22px;font-weight:900;line-height:1.1}.logo-mark{width:45px;height:45px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-size:25px;color:var(--gold);box-shadow:0 0 18px #e8b34d66}.logo small{display:block;font-size:10px;letter-spacing:1px;color:#e8bd67;font-weight:500}.nav{display:flex;gap:22px;align-items:center;color:#ffebbc;font-size:14px}.nav a{transition:.25s}.nav a:hover{color:#fff}.head-call,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:30px;font-weight:800;transition:.25s;border:1px solid #f8d57f;box-shadow:0 5px 16px #16050840}.head-call{background:linear-gradient(#ffe9a2,#d99a2f);color:#481014;white-space:nowrap}.btn:hover,.head-call:hover{transform:translateY(-3px);filter:brightness(1.08)}.mobile-toggle{display:none;background:transparent;color:#ffe7a4;border:1px solid #d7a84b;border-radius:8px;padding:7px 10px;font-size:21px}
.hero{position:relative;isolation:isolate;min-height:650px;background:#31080e url('assets/hero-background.jpg') center/cover no-repeat;color:#fff4d6;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#24060deF 0%,#3c080edb 45%,#31080e70 100%);z-index:-1}.hero:after{content:"";position:absolute;inset:12px;border:1px solid #e9b64d88;pointer-events:none}.hero-inner{max-width:1240px;width:100%;margin:auto;padding:85px 6%;position:relative;z-index:2}.hero-copy{max-width:740px}.kicker{color:#f4c967;font-size:13px;letter-spacing:2px;font-weight:bold}.hero h1{font-size:clamp(48px,7vw,88px);line-height:1.05;margin:10px 0;color:#ffdc7a;text-shadow:0 5px 22px #000}.hero h1 span{color:#fff0c4}.hero h2{font-size:clamp(20px,3vw,30px);color:#ffe9b0;margin:12px 0}.hero p{font-size:18px;max-width:650px;color:#fff0d8}.hero-pills{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.hero-pills span{border:1px solid #e6b44e99;background:#2d090c99;border-radius:30px;padding:5px 13px;color:#ffe6aa;font-size:13px}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:24px}.btn-wa{background:linear-gradient(135deg,#087c3e,#16b45e);color:white;border-color:#9ce4b4}.btn-call{background:linear-gradient(135deg,#a50f19,#ed4335);color:white;border-color:#ffc17b}.hero-phone{display:inline-block;margin-top:18px;background:#f5d27d;color:#451014;border-radius:28px;padding:7px 22px;font-weight:900;font-size:20px}.hero-side{position:absolute;right:3%;top:8%;height:84%;width:32%;z-index:1;display:flex;align-items:center;justify-content:center}.hero-side img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 12px 24px #0009);mask-image:linear-gradient(transparent,#000 8%,#000 88%,transparent)}.hero-om{position:absolute;right:25%;top:15%;font-size:100px;color:#ffdc7a55;animation:spin 65s linear infinite}
.trustbar{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(90deg,#42090f,#85171d,#42090f);border-block:2px solid #dca33d;color:#ffe9b7;padding:18px max(5vw,20px);gap:12px}.trust-item{text-align:center;border-right:1px solid #f4cf7855}.trust-item:last-child{border:0}.trust-item b{display:block;color:#f3c65e;font-size:28px}.trust-item strong{display:block;font-size:16px}.trust-item small{font-size:12px;color:#e7cda0}
.section{padding:76px max(5vw,22px)}.section-title{text-align:center;max-width:820px;margin:0 auto 38px}.section-title small{color:#a45c20;font-weight:900;letter-spacing:2px}.section-title h2{font-size:clamp(30px,4vw,44px);color:#67151b;line-height:1.2;margin:8px 0}.section-title p{color:#795c49;margin:8px auto}.ornament{color:#c78b2f;font-size:22px;letter-spacing:9px}
.about{background:#fff8e8 url('assets/mandala-texture.jpg') right center/520px auto no-repeat}.about-grid{max-width:1150px;margin:auto;display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}.about-photo{height:390px;position:relative}.about-photo img{height:100%;width:100%;object-fit:cover;border:7px solid #edcf83;border-radius:16px;box-shadow:0 16px 36px #3d0a1028}.seal{position:absolute;bottom:15px;right:-18px;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:#6e1119;border:3px solid #f3cc71;color:#ffdf8b;font-size:35px;animation:pulse 4s infinite}.about-copy h3{font-size:27px;line-height:1.3;color:#68151b}.about-copy p{color:#735849}.ticks{padding:0;list-style:none}.ticks li{margin:8px 0;color:#5c382c}.ticks li:before{content:"✦";color:#c28a2c;margin-right:10px}
.service-section{background:#f2e2c3 url('assets/mandala-texture.jpg') center/cover fixed}.service-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:#fffaf0;border:1px solid #d7b56e;border-radius:13px;overflow:hidden;box-shadow:0 10px 28px #40120f18;transition:.35s;position:relative}.service-card:hover{transform:translateY(-8px);box-shadow:0 18px 34px #40120f35}.service-card img{height:190px;width:100%;object-fit:cover;border-bottom:3px solid #d7a33e}.service-card div{padding:18px 20px}.service-card h3{color:#72171d;margin:0 0 6px;font-size:20px}.service-card p{font-size:14px;color:#795e4c;min-height:48px;margin:0 0 12px}.service-card a{font-size:14px;font-weight:900;color:#9c4c17}
.gallery{background:linear-gradient(135deg,#32080e,#6c1119);color:#ffedbd}.gallery .section-title h2{color:#ffe1a0}.gallery .section-title small{color:#f3c46b}.gallery-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-grid a{height:235px;overflow:hidden;border:4px solid #dba83f;border-radius:12px;box-shadow:0 12px 25px #0005}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:.5s}.gallery-grid a:hover img{transform:scale(1.09)}
.why{background:#fff7e7}.why-grid{max-width:1150px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.why-card{text-align:center;background:#fffdf7;border:1px solid #e4c98d;padding:24px 15px;border-radius:13px;box-shadow:0 8px 20px #4b160e0d}.why-card b{font-size:34px;color:#c38b2f}.why-card h3{color:#70171c;margin:6px 0}.why-card p{font-size:13px;color:#7a604e;margin:0}
.video-section{background:#f1e2c4}.video-box{max-width:900px;margin:auto;min-height:250px;background:linear-gradient(120deg,#33090e,#71161c);border:4px solid #dba83f;border-radius:16px;display:grid;place-items:center;text-align:center;color:#ffe9b3;padding:35px}.play{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#c21f28;color:#fff;font-size:30px;margin:0 auto 10px;box-shadow:0 0 0 10px #ffffff15}
.awards{background:#fff8e9}.placeholder-row{max-width:1050px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.placeholder{border:2px dashed #d1a64c;background:#fffdf6;border-radius:12px;padding:26px;text-align:center;color:#745237}.placeholder b{font-size:34px;color:#c18a2e}.placeholder strong{display:block;color:#6e171c}
.review{background:#f4e7ce}.review-card{max-width:800px;margin:auto;background:#fffdf8;border:1px solid #e1c78f;border-radius:16px;padding:30px;text-align:center;box-shadow:0 12px 30px #41120e12}.review-card .stars{color:#d49a2e;font-size:24px}.review-card p{font-size:17px;color:#674638}.review-card small{color:#967e65}
.contact{position:relative;background:#35090f url('assets/contact-art.jpg') center/cover no-repeat;color:#fff0ce}.contact:before{content:"";position:absolute;inset:0;background:#32070ee8}.contact-inner{position:relative;max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.contact h2{color:#ffdc8a;font-size:42px;margin:6px 0}.contact p{color:#f1d9b0}.contact-details{font-size:18px;color:#ffe8b5}.contact-form{background:#fff9e9;color:#4a1a17;border-radius:14px;padding:25px;box-shadow:0 12px 30px #0004}.contact-form label{display:block;font-size:14px;margin:10px 0 4px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #d9c18d;border-radius:7px;padding:12px;font:inherit;background:white}.contact-form textarea{min-height:90px;resize:vertical}.contact-form button{margin-top:14px;border:0;cursor:pointer;font:inherit}
.footer{background:#20060a;color:#e9d4a7;text-align:center;padding:28px 18px;border-top:3px solid #d7a03b}.footer strong{color:#f3c968;font-size:20px}.footer-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:12px}.floating{position:fixed;right:17px;bottom:18px;z-index:90;display:flex;flex-direction:column;gap:10px}.float-btn{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;font:900 23px Arial;box-shadow:0 7px 20px #0005;animation:bob 3s ease-in-out infinite}.float-wa{background:#0ba65a}.float-call{background:#c51e27}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.08);box-shadow:0 0 25px #e9b64d88}}@keyframes bob{50%{transform:translateY(-7px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media(max-width:900px){.nav{display:none;position:absolute;left:0;right:0;top:100%;background:#4a0c12;padding:20px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.mobile-toggle{display:block}.head-inner{flex-wrap:wrap}.head-call{margin-left:auto}.hero-side{opacity:.35;width:48%;right:-8%}.hero-copy{max-width:90%}.about-grid,.contact-inner{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}.trustbar{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(2){border:0}}
@media(max-width:560px){.hero{min-height:680px}.hero-inner{padding:65px 24px}.hero h1{font-size:49px}.hero p{font-size:16px}.hero-side{width:75%;height:48%;top:48%;right:-20%;opacity:.22}.service-grid,.gallery-grid,.placeholder-row{grid-template-columns:1fr}.gallery-grid a{height:220px}.why-grid{grid-template-columns:1fr 1fr}.trust-item strong{font-size:14px}.about-photo{height:270px}.contact h2{font-size:34px}.head-call{font-size:12px;padding:9px 12px}.logo{font-size:18px}}