/* ═══════════════════════════════════════════════════════════════
   RECEPTION.CSS — Indian Cultural Theme · Pure CSS Icons
   survey.css provides: navbar, bt-split, bt-sidebar, bt-sb-*,
   bt-msg, bt-chat-*, key-bar, footer
   ════════════════════════════════════════════════════════════════ */

/* ── Cultural Left Panel ── */
.rec-cultural-left{
    flex:3;min-width:0;
    position:relative;z-index:2;
    display:flex;flex-direction:column;
    align-items:center;
    padding:clamp(1rem,2vh,2rem) clamp(1.5rem,3vw,4rem);
    overflow-y:auto;
    scrollbar-width:thin;
    scrollbar-color:rgba(191,149,63,.2) transparent;
}
.rec-cultural-left::-webkit-scrollbar{width:4px}
.rec-cultural-left::-webkit-scrollbar-track{background:transparent}
.rec-cultural-left::-webkit-scrollbar-thumb{background:rgba(191,149,63,.2);border-radius:4px}


/* ═══════════════════════════════════════
   CSS DIYA (CORNER OIL LAMPS)
   ═══════════════════════════════════════ */
.rec-diya{
    position:absolute;z-index:0;pointer-events:none;
}
.rec-diya--tl{top:10px;left:14px}
.rec-diya--tr{top:10px;right:14px}
.rec-diya--bl{bottom:10px;left:14px}
.rec-diya--br{bottom:10px;right:14px}

.diya-body{
    position:relative;
    width:18px;height:14px;
    background:linear-gradient(180deg,#bf953f 0%,#8b6914 100%);
    border-radius:0 0 50% 50% / 0 0 70% 70%;
    box-shadow:0 2px 8px rgba(191,149,63,.25);
}
.diya-body::after{
    content:'';position:absolute;
    top:-2px;left:50%;transform:translateX(-50%);
    width:22px;height:3px;
    background:linear-gradient(90deg,transparent,#bf953f,#d4a04a,#bf953f,transparent);
    border-radius:2px;
}
.diya-flame{
    position:absolute;
    bottom:100%;left:50%;transform:translateX(-50%);
    width:6px;height:14px;
    background:radial-gradient(ellipse at 50% 80%,#ffd700 0%,#ff8c00 40%,#dc3c3c 70%,transparent 100%);
    border-radius:50% 50% 20% 20% / 80% 80% 20% 20%;
    filter:blur(0.5px);
    animation:diyaFlame 1.5s ease-in-out infinite;
}
.diya-flame-inner{
    position:absolute;inset:20% 25%;
    background:radial-gradient(ellipse,#fff8dc 0%,#ffd700 60%,transparent 100%);
    border-radius:50%;
    filter:blur(0.3px);
    animation:diyaFlameInner 1s ease-in-out infinite;
}
.diya-flame::before{
    content:'';position:absolute;
    top:-4px;left:50%;transform:translateX(-50%);
    width:16px;height:16px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,200,50,.2) 0%,transparent 70%);
    animation:diyaGlow 2s ease-in-out infinite;
}
@keyframes diyaFlame{
    0%,100%{transform:translateX(-50%) scaleX(1) scaleY(1);opacity:.85}
    25%{transform:translateX(-50%) scaleX(.85) scaleY(1.1);opacity:1}
    50%{transform:translateX(-50%) scaleX(1.05) scaleY(.9);opacity:.9}
    75%{transform:translateX(-50%) scaleX(.9) scaleY(1.05);opacity:1}
}
@keyframes diyaFlameInner{
    0%,100%{opacity:.6;transform:scale(1)}
    50%{opacity:1;transform:scale(1.15)}
}
@keyframes diyaGlow{
    0%,100%{opacity:.3;transform:translateX(-50%) scale(1)}
    50%{opacity:.6;transform:translateX(-50%) scale(1.3)}
}


/* ═══════════════════════════════════════
   CSS LOTUS (RANGOLI DIVIDER)
   ═══════════════════════════════════════ */
.css-lotus{
    position:relative;
    width:20px;height:20px;
    animation:lotusBreath 4s ease-in-out infinite;
}
.lotus-petal{
    position:absolute;
    width:7px;height:12px;
    bottom:4px;left:50%;
    transform-origin:bottom center;
    background:radial-gradient(ellipse at 50% 30%,rgba(220,100,120,.5) 0%,rgba(191,149,63,.3) 60%,transparent 100%);
    border-radius:50% 50% 0 0;
    border:1px solid rgba(191,149,63,.15);
    border-bottom:none;
}
.lp-1{transform:translateX(-50%) rotate(-40deg)}
.lp-2{transform:translateX(-50%) rotate(-20deg)}
.lp-3{transform:translateX(-50%) rotate(0deg)}
.lp-4{transform:translateX(-50%) rotate(20deg)}
.lp-5{transform:translateX(-50%) rotate(40deg)}
.lotus-core{
    position:absolute;
    bottom:3px;left:50%;transform:translateX(-50%);
    width:5px;height:5px;border-radius:50%;
    background:radial-gradient(circle,#ffd700,#bf953f);
    box-shadow:0 0 6px rgba(191,149,63,.4);
}
@keyframes lotusBreath{
    0%,100%{transform:scale(1);opacity:.5}
    50%{transform:scale(1.15);opacity:.8}
}


/* ═══════════════════════════════════════
   CSS OM SYMBOL (2nd DIVIDER)
   ═══════════════════════════════════════ */
.css-om{
    position:relative;
    width:18px;height:18px;
    animation:omSpin 12s linear infinite;
}
.om-ring{
    position:absolute;inset:0;
    border:1.5px solid rgba(191,149,63,.3);
    border-radius:50%;
    border-top-color:rgba(220,60,60,.3);
    border-right-color:rgba(232,168,50,.25);
}
.om-ring::after{
    content:'';position:absolute;inset:3px;
    border:1px dashed rgba(191,149,63,.15);
    border-radius:50%;
    animation:omSpin 8s linear infinite reverse;
}
.om-dot{
    position:absolute;
    top:50%;left:50%;transform:translate(-50%,-50%);
    width:4px;height:4px;border-radius:50%;
    background:#bf953f;
    box-shadow:0 0 6px rgba(191,149,63,.5);
    animation:omPulse2 3s ease-in-out infinite;
}
@keyframes omSpin{to{transform:rotate(360deg)}}
@keyframes omPulse2{
    0%,100%{box-shadow:0 0 4px rgba(191,149,63,.3)}
    50%{box-shadow:0 0 10px rgba(191,149,63,.7),0 0 20px rgba(191,149,63,.2)}
}


/* ═══════════════════════════════════════
   CSS TRISHUL (ACADEMY PILLAR)
   ═══════════════════════════════════════ */
.css-trishul{
    position:relative;
    width:20px;height:26px;
    margin:0 auto;
}
.trishul-shaft{
    position:absolute;
    bottom:0;left:50%;transform:translateX(-50%);
    width:2px;height:20px;
    background:linear-gradient(180deg,#bf953f,#8b6914);
    border-radius:1px;
    box-shadow:0 0 4px rgba(191,149,63,.3);
}
.trishul-prong{
    position:absolute;top:0;
    width:2px;border-radius:1px 1px 0 0;
    background:linear-gradient(180deg,#d4a04a,#bf953f);
}
.trishul-c{
    left:50%;transform:translateX(-50%);
    height:10px;
    box-shadow:0 -2px 6px rgba(191,149,63,.3);
}
.trishul-c::after{
    content:'';position:absolute;top:-2px;left:50%;transform:translateX(-50%);
    width:4px;height:4px;
    background:#ffd700;
    border-radius:50% 50% 0 0;
    box-shadow:0 0 6px rgba(255,215,0,.4);
}
.trishul-l{
    left:3px;height:7px;
    transform:rotate(-25deg);
    transform-origin:bottom center;
}
.trishul-r{
    right:3px;height:7px;
    transform:rotate(25deg);
    transform-origin:bottom center;
}
.css-trishul::after{
    content:'';position:absolute;
    top:4px;left:50%;transform:translateX(-50%);
    width:14px;height:5px;
    border:1.5px solid rgba(191,149,63,.4);
    border-top:none;
    border-radius:0 0 50% 50%;
}


/* ═══════════════════════════════════════
   CSS PLANET (SOLAR SYSTEM PILLAR)
   ═══════════════════════════════════════ */
.css-planet{
    position:relative;
    width:24px;height:24px;
    margin:0 auto;
}
.planet-body{
    position:absolute;
    top:50%;left:50%;transform:translate(-50%,-50%);
    width:14px;height:14px;
    border-radius:50%;
    background:radial-gradient(circle at 35% 35%,#508cff 0%,#2952a3 50%,#1a3570 100%);
    box-shadow:inset -3px -2px 4px rgba(0,0,0,.3), 0 0 8px rgba(80,140,255,.2);
}
.planet-body::before{
    content:'';position:absolute;
    top:2px;left:3px;
    width:4px;height:3px;
    background:rgba(45,212,168,.35);
    border-radius:50%;
    filter:blur(0.5px);
}
.planet-ring{
    position:absolute;
    top:50%;left:50%;
    transform:translate(-50%,-50%) rotateX(65deg);
    width:22px;height:22px;
    border:1.5px solid rgba(212,160,74,.3);
    border-radius:50%;
    animation:planetOrbit 6s linear infinite;
}
.planet-glow{
    position:absolute;inset:-4px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(80,140,255,.1) 0%,transparent 70%);
    animation:planetPulse 4s ease-in-out infinite;
}
@keyframes planetOrbit{to{transform:translate(-50%,-50%) rotateX(65deg) rotateZ(360deg)}}
@keyframes planetPulse{
    0%,100%{opacity:.3}50%{opacity:.7}
}


/* ═══════════════════════════════════════
   CSS CHAKRA (NEURAL NETWORK PILLAR)
   ═══════════════════════════════════════ */
.css-chakra{
    position:relative;
    width:22px;height:22px;
    margin:0 auto;
}
.chakra-ring{
    position:absolute;inset:0;
    border:1.5px solid rgba(180,60,220,.3);
    border-radius:50%;
    border-top-color:rgba(80,140,255,.4);
    border-right-color:rgba(45,212,168,.3);
    animation:chakraSpin 4s linear infinite;
}
.chakra-ring--2{
    inset:4px;
    border-color:rgba(220,60,60,.2);
    border-left-color:rgba(191,149,63,.3);
    animation:chakraSpin 3s linear infinite reverse;
}
.chakra-dot{
    position:absolute;
    top:50%;left:50%;transform:translate(-50%,-50%);
    width:5px;height:5px;border-radius:50%;
    background:radial-gradient(circle,#b43cdc,#7a28a0);
    box-shadow:0 0 8px rgba(180,60,220,.4);
}
.chakra-pulse{
    position:absolute;
    top:50%;left:50%;transform:translate(-50%,-50%);
    width:8px;height:8px;border-radius:50%;
    border:1px solid rgba(180,60,220,.2);
    animation:chakraPulse 2s ease-out infinite;
}
@keyframes chakraSpin{to{transform:rotate(360deg)}}
@keyframes chakraPulse{
    0%{transform:translate(-50%,-50%) scale(1);opacity:.6}
    100%{transform:translate(-50%,-50%) scale(2.5);opacity:0}
}


/* ═══════════════════════════════════════
   CSS KALASH (ELEMENTS LAB PILLAR)
   ═══════════════════════════════════════ */
.css-kalash{
    position:relative;
    width:20px;height:24px;
    margin:0 auto;
}
.kalash-body{
    position:absolute;
    bottom:0;left:50%;transform:translateX(-50%);
    width:14px;height:14px;
    background:linear-gradient(135deg,#bf953f 0%,#d4a04a 40%,#8b6914 100%);
    border-radius:3px 3px 40% 40%;
    box-shadow:inset -2px 0 4px rgba(0,0,0,.2), 0 2px 6px rgba(191,149,63,.2);
}
.kalash-body::after{
    content:'';position:absolute;
    top:1px;left:2px;
    width:3px;height:8px;
    background:linear-gradient(180deg,rgba(255,255,255,.15),transparent);
    border-radius:2px;
}
.kalash-neck{
    position:absolute;
    bottom:13px;left:50%;transform:translateX(-50%);
    width:8px;height:5px;
    background:linear-gradient(180deg,#d4a04a,#bf953f);
    border-radius:2px 2px 0 0;
    box-shadow:0 -1px 4px rgba(191,149,63,.2);
}
.kalash-neck::after{
    content:'';position:absolute;
    top:-3px;left:50%;transform:translateX(-50%);
    width:4px;height:4px;
    background:radial-gradient(circle,#ffd700 20%,#bf953f);
    border-radius:50%;
    box-shadow:0 0 6px rgba(255,215,0,.3);
    animation:kalashGlow 3s ease-in-out infinite;
}
.kalash-leaf{
    position:absolute;
    bottom:16px;
    width:5px;height:8px;
    background:radial-gradient(ellipse at 50% 100%,rgba(45,212,168,.35),rgba(45,212,168,.1));
    border-radius:50% 50% 0 0;
    border:1px solid rgba(45,212,168,.15);
    border-bottom:none;
}
.kalash-leaf--l{
    left:1px;transform:rotate(-30deg);transform-origin:bottom right;
}
.kalash-leaf--r{
    right:1px;transform:rotate(30deg);transform-origin:bottom left;
}
@keyframes kalashGlow{
    0%,100%{box-shadow:0 0 4px rgba(255,215,0,.2)}
    50%{box-shadow:0 0 10px rgba(255,215,0,.5),0 0 18px rgba(255,215,0,.15)}
}


/* ═══════════════════════════════════════
   CSS SPACECRAFT (TOM INTRO)
   ═══════════════════════════════════════ */
.css-craft{
    position:relative;
    width:40px;height:32px;
    margin:0 auto clamp(6px,1vh,10px);
    animation:craftFloat 4s ease-in-out infinite;
}
.craft-body{
    position:absolute;
    top:10px;left:50%;transform:translateX(-50%);
    width:30px;height:8px;
    background:linear-gradient(180deg,rgba(220,60,60,.4),rgba(180,30,30,.3));
    border-radius:50%;
    box-shadow:0 2px 10px rgba(220,60,60,.15);
}
.craft-dome{
    position:absolute;
    top:4px;left:50%;transform:translateX(-50%);
    width:14px;height:10px;
    background:radial-gradient(ellipse at 50% 80%,rgba(191,149,63,.3),rgba(220,60,60,.15));
    border-radius:50% 50% 30% 30%;
    border:1px solid rgba(191,149,63,.2);
    border-bottom:none;
    box-shadow:0 0 8px rgba(191,149,63,.1);
}
.craft-dome::before{
    content:'';position:absolute;
    top:2px;left:3px;
    width:4px;height:3px;
    background:rgba(255,255,255,.12);
    border-radius:50%;
}
.craft-beam{
    position:absolute;
    top:18px;left:50%;transform:translateX(-50%);
    width:16px;height:12px;
    background:linear-gradient(180deg,rgba(191,149,63,.12),transparent);
    clip-path:polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
    animation:beamPulse 2s ease-in-out infinite;
}
.craft-light{
    position:absolute;top:12px;
    width:3px;height:3px;border-radius:50%;
    animation:craftBlink 1.5s ease-in-out infinite;
}
.craft-light--1{left:8px;background:#dc3c3c;box-shadow:0 0 4px #dc3c3c}
.craft-light--2{left:50%;transform:translateX(-50%);background:#ffd700;box-shadow:0 0 4px #ffd700;animation-delay:.3s}
.craft-light--3{right:8px;background:#2dd4a8;box-shadow:0 0 4px #2dd4a8;animation-delay:.6s}

@keyframes craftFloat{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-4px)}
}
@keyframes beamPulse{
    0%,100%{opacity:.3}50%{opacity:.7}
}
@keyframes craftBlink{
    0%,100%{opacity:.3}50%{opacity:1}
}


/* ═══════════════════════════════════════
   HERO WELCOME
   ═══════════════════════════════════════ */
.rec-hero{
    display:flex;flex-direction:column;align-items:center;
    text-align:center;
    margin-bottom:clamp(.8rem,1.5vh,1.4rem);
    position:relative;
}

/* ── Mandala ── */
.rec-mandala{
    position:relative;
    width:clamp(70px,9vw,100px);
    height:clamp(70px,9vw,100px);
    margin-bottom:clamp(.6rem,1vh,1rem);
}
.rec-mandala-ring{
    position:absolute;inset:0;
    border-radius:50%;
    border:1.5px solid rgba(191,149,63,.2);
}
.rec-mandala-ring--1{
    animation:mandalaRotate 30s linear infinite;
    border-style:dashed;
    border-color:rgba(191,149,63,.18);
}
.rec-mandala-ring--2{
    inset:8px;
    animation:mandalaRotate 22s linear infinite reverse;
    border-color:rgba(220,60,60,.15);
}
.rec-mandala-ring--3{
    inset:16px;
    animation:mandalaRotate 18s linear infinite;
    border-style:dotted;
    border-color:rgba(232,168,50,.2);
}
@keyframes mandalaRotate{to{transform:rotate(360deg)}}

.rec-mandala-core{
    position:absolute;inset:22px;
    display:grid;place-items:center;
    font-family:'Noto Sans Devanagari',serif;
    font-size:clamp(1.2rem,2vw,1.8rem);
    color:#bf953f;
    text-shadow:0 0 20px rgba(191,149,63,.5), 0 0 40px rgba(191,149,63,.2);
    animation:omPulse 4s ease-in-out infinite;
}
@keyframes omPulse{
    0%,100%{opacity:.7;text-shadow:0 0 20px rgba(191,149,63,.4)}
    50%{opacity:1;text-shadow:0 0 30px rgba(191,149,63,.7), 0 0 60px rgba(191,149,63,.3)}
}

.rec-hero-title{display:flex;flex-direction:column;gap:2px}
.rec-hero-sanskrit{
    font-family:'Noto Sans Devanagari',serif;
    font-size:clamp(1.1rem,2.2vw,1.7rem);font-weight:600;
    color:#bf953f;letter-spacing:1px;
    text-shadow:0 0 16px rgba(191,149,63,.35);
}
.rec-hero-eng{
    font-family:'Cinzel',serif;
    font-size:clamp(.55rem,.8vw,.72rem);font-weight:500;
    letter-spacing:.15em;text-transform:uppercase;
    color:rgba(255,255,255,.35);
}
.rec-hero-verse{
    margin-top:clamp(4px,.5vh,8px);
    font-family:'Noto Sans Devanagari','Rajdhani',sans-serif;
    font-size:clamp(.55rem,.7vw,.68rem);
    color:rgba(220,60,60,.4);letter-spacing:.5px;
}


/* ═══════════════════════
   RANGOLI DIVIDER
   ═══════════════════════ */
.rec-rangoli-divider{
    display:flex;align-items:center;gap:8px;
    margin:clamp(.5rem,1vh,.8rem) 0;
    width:100%;max-width:520px;
}
.rec-rangoli-dot{
    width:5px;height:5px;border-radius:50%;
    background:rgba(191,149,63,.3);
    box-shadow:0 0 6px rgba(191,149,63,.2);
}
.rec-rangoli-line{
    flex:1;height:1px;
    background:linear-gradient(90deg,transparent,rgba(191,149,63,.18),rgba(220,60,60,.12),rgba(191,149,63,.18),transparent);
}
.rec-rangoli-lotus{
    display:flex;align-items:center;justify-content:center;
}


/* ═══════════════════════
   ABOUT TEXT
   ═══════════════════════ */
.rec-about{
    text-align:center;max-width:520px;
    margin-bottom:clamp(.6rem,1vh,1rem);
}
.rec-about-text{
    font-size:clamp(.62rem,.75vw,.72rem);
    line-height:1.7;color:rgba(255,255,255,.45);
}
.rec-about-text em{
    color:rgba(191,149,63,.7);font-style:italic;
}


/* ═══════════════════════
   FOUR PILLARS
   ═══════════════════════ */
.rec-pillars{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:clamp(8px,1vw,14px);
    width:100%;max-width:640px;
    margin-bottom:clamp(.6rem,1vh,1rem);
}
.rec-pillar{
    padding:clamp(.6rem,1vh,1rem) clamp(.5rem,.8vw,.8rem);
    background:rgba(191,149,63,.03);
    border:1px solid rgba(191,149,63,.08);
    border-radius:12px;text-align:center;
    position:relative;overflow:hidden;
    transition:all .4s ease;
}
.rec-pillar::before{
    content:'';position:absolute;inset:0;
    background:radial-gradient(ellipse at 50% 100%, rgba(191,149,63,.06), transparent 70%);
    opacity:0;transition:opacity .4s;pointer-events:none;
}
.rec-pillar:hover{
    border-color:rgba(191,149,63,.2);
    transform:translateY(-2px);
    box-shadow:0 6px 20px rgba(191,149,63,.06);
}
.rec-pillar:hover::before{opacity:1}

.rec-pillar-icon{
    display:flex;justify-content:center;align-items:center;
    height:clamp(28px,3.5vw,36px);
    margin-bottom:clamp(4px,.4vh,8px);
}
.rec-pillar-name{
    font-family:'Noto Sans Devanagari','Cinzel',serif;
    font-size:clamp(.52rem,.65vw,.62rem);font-weight:600;
    color:rgba(191,149,63,.75);
    margin-bottom:clamp(2px,.3vh,4px);letter-spacing:.3px;
}
.rec-pillar-desc{
    font-size:clamp(.42rem,.5vw,.5rem);
    line-height:1.45;color:rgba(255,255,255,.3);
}


/* ═══════════════════════
   SHLOKA BAND (ROTATING)
   ═══════════════════════ */
.rec-shloka{
    text-align:center;
    padding:clamp(.5rem,.8vh,.8rem) clamp(1rem,2vw,2rem);
    background:rgba(191,149,63,.025);
    border:1px solid rgba(191,149,63,.06);
    border-radius:10px;
    width:100%;max-width:480px;
    margin-bottom:clamp(.6rem,1vh,1rem);
}
.rec-shloka-sanskrit{
    font-family:'Noto Sans Devanagari',serif;
    font-size:clamp(.7rem,1vw,.9rem);
    color:rgba(191,149,63,.6);
    transition:opacity .5s ease;letter-spacing:.3px;
}
.rec-shloka-eng{
    font-family:'Rajdhani',sans-serif;
    font-size:clamp(.45rem,.55vw,.55rem);
    color:rgba(255,255,255,.25);
    letter-spacing:1px;text-transform:uppercase;
    margin-top:3px;transition:opacity .5s ease;
}


/* ═══════════════════════
   WISDOM TRIAD
   ═══════════════════════ */
.rec-wisdom{
    display:flex;gap:clamp(8px,1vw,12px);
    width:100%;max-width:520px;
    margin-bottom:clamp(.5rem,.8vh,.8rem);
}
.rec-wisdom-card{
    flex:1;
    padding:clamp(.5rem,.7vh,.7rem) clamp(.4rem,.6vw,.6rem);
    background:rgba(220,60,60,.02);
    border:1px solid rgba(191,149,63,.06);
    border-radius:10px;text-align:center;
    transition:border-color .3s;
}
.rec-wisdom-card:hover{border-color:rgba(191,149,63,.16)}
.rec-wisdom-num{
    font-family:'Noto Sans Devanagari',serif;
    font-size:clamp(.45rem,.55vw,.52rem);
    color:rgba(191,149,63,.25);display:block;margin-bottom:4px;
}
.rec-wisdom-text{
    font-family:'Noto Sans Devanagari',serif;
    font-size:clamp(.6rem,.75vw,.72rem);
    color:rgba(191,149,63,.5);
    line-height:1.4;margin:0;font-style:normal;
}
.rec-wisdom-eng{
    font-size:clamp(.42rem,.5vw,.48rem);
    color:rgba(255,255,255,.3);margin:3px 0 2px;
}
.rec-wisdom-src{
    font-family:'Noto Sans Devanagari','Rajdhani',sans-serif;
    font-size:clamp(.38rem,.44vw,.42rem);
    color:rgba(255,255,255,.15);font-style:normal;display:block;
}


/* ═══════════════════════
   TOM INTRO LINE
   ═══════════════════════ */
.rec-tom-intro{
    text-align:center;max-width:400px;
}
.rec-tom-intro p{
    font-size:clamp(.5rem,.6vw,.58rem);
    color:rgba(255,255,255,.3);line-height:1.5;
}
.rec-tom-intro em{
    color:rgba(220,60,60,.6);font-style:normal;font-weight:500;
}


/* ═══════════════════════
   RESPONSIVE
   ═══════════════════════ */
@media(max-width:1100px){
    .rec-pillars{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
    .bt-split{flex-direction:column}
    .rec-cultural-left{
        flex:none;max-height:55vh;padding:1rem 1.5rem;
    }
    .rec-pillars{grid-template-columns:repeat(2,1fr)}
    .rec-wisdom{flex-direction:column}
}
@media(max-width:600px){
    .rec-pillars{grid-template-columns:1fr}
    .rec-hero-sanskrit{font-size:1rem}
    .rec-diya{display:none}
}