:root{
        --bg:#F4EFE7;
        --bg-soft:#E8DED2;
        --card:#FCF8F2;
        --text:#4A2C22;
        --muted:#7B665C;
        --accent:#B86A3C;
        --accent-dark:#8E4E2E;
        --gold:#C8A96B;
        --green:#6F8B4E;
        --line:rgba(120,80,60,.16);
        --shadow:0 10px 30px rgba(90,60,40,.10);
        --shadow-strong:0 16px 36px rgba(120,70,35,.14);
        --radius:20px;
    }

    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}

    body{
        font-family:"Segoe UI", Roboto, Arial, sans-serif;
        background:
                radial-gradient(900px 500px at 10% 0%, rgba(184,106,60,.07), transparent 60%),
                radial-gradient(700px 400px at 90% 10%, rgba(111,139,78,.06), transparent 60%),
                linear-gradient(180deg, #f5f1e8 0%, #f3efe6 100%);
        color:var(--text);
        line-height:1.6;
        overflow-x:hidden;
        padding-top: 36px; /* keeps safe for all devices */
    }

    body.hiText{
        font-family: 'Noto Sans Devanagari', sans-serif;
        line-height:1.82;
        letter-spacing:0;
    }

    a{color:inherit;text-decoration:none}
    button{font:inherit}
    .wrap{max-width:1240px;margin:0 auto;padding:18px}
    .muted{color:var(--muted)}

    #siteContent{
        opacity:1;
        transform:none;
        position:relative;
        z-index:2;
    }

    .particles{
        position:fixed;
        inset:0;
        pointer-events:none;
        z-index:0;
        background-image:radial-gradient(circle, rgba(255,215,150,.22) 1px, transparent 1px);
        background-size:80px 80px;
        animation:moveParticles 60s linear infinite;
        opacity:.4;
    }
    @keyframes moveParticles{
        from{transform:translateY(0)}
        to{transform:translateY(-200px)}
    }

    .diya-particles{
        position:fixed;
        inset:0;
        overflow:hidden;
        pointer-events:none;
        z-index:1;
    }
    .spark{
        position:absolute;
        bottom:-20px;
        width:6px;
        height:6px;
        border-radius:50%;
        background:radial-gradient(circle, rgba(255,245,210,.95), rgba(255,190,90,.75) 45%, rgba(255,140,50,.08) 75%, transparent 76%);
        box-shadow:0 0 12px rgba(255,175,70,.42), 0 0 28px rgba(255,120,20,.18);
        animation:floatSpark linear forwards;
        opacity:.9;
    }
    @keyframes floatSpark{
        0%{
            transform:translate3d(0,0,0) scale(.6);
            opacity:0;
        }
        10%{opacity:.95}
        100%{
            transform:translate3d(var(--drift, 0px), calc(-1 * var(--rise, 400px)), 0) scale(1.2);
            opacity:0;
        }
    }
    .inner-light{
        position:absolute;
        inset:0;
        z-index:1;
        background:
                radial-gradient(circle at center, rgba(255,220,150,.22), transparent 24%),
                radial-gradient(circle at center, rgba(255,240,210,.10), transparent 42%);
        opacity:.85;
        pointer-events:none;
    }

    #splash{
        position:fixed;
        inset:0;
        z-index:9999;
        overflow:hidden;
        background:transparent;
        transition:opacity .45s ease, visibility .45s ease;
        pointer-events:none;
    }

    #splash.hide{
        opacity:0;
        visibility:hidden;
        pointer-events:none;
    }
    #splash::before{
        content:"";
        position:absolute;
        inset:0;
        background:
                radial-gradient(circle at center, rgba(255,220,150,.12), transparent 22%),
                linear-gradient(90deg, rgba(20,10,6,.08), transparent 18%, transparent 82%, rgba(20,10,6,.08));
        z-index:2;
        pointer-events:none;
    }

    .splash-backdrop{
        position:absolute;
        inset:0;
        background:
                radial-gradient(circle at center, rgba(200,169,107,.05), transparent 18%),
                radial-gradient(circle at center, rgba(184,106,60,.025), transparent 30%),
                linear-gradient(180deg, rgba(242,231,214,.12), rgba(232,220,200,.08));
        pointer-events:none;
    }

    .center-glow{
        position:absolute;
        left:50%;
        top:50%;
        width:200px;
        height:200px;
        transform:translate(-50%,-50%);
        border-radius:50%;
        background:radial-gradient(circle, rgba(220,180,110,.22), rgba(220,180,110,.08) 35%, transparent 70%);
        filter:blur(10px);
        z-index:2;
        animation:pulseGlow 2.8s ease-in-out infinite;
    }
    @keyframes pulseGlow{
        0%,100%{transform:translate(-50%,-50%) scale(1)}
        50%{transform:translate(-50%,-50%) scale(1.07)}
    }

    .center-seam{
        position:absolute;
        top:0;
        bottom:0;
        left:50%;
        width:2px;
        transform:translateX(-50%);
        background:linear-gradient(
                180deg,
                transparent,
                rgba(255,232,180,.65),
                rgba(245,220,170,.55),
                transparent
        );
        z-index:5;
        opacity:1;
        animation:seamFade .18s ease .9s forwards;
        pointer-events:none;
    }

    @keyframes seamFade{
        0%{opacity:1}
        100%{opacity:0}
    }
    .door-stage{
        position:absolute;
        inset:0;
        z-index:6;
        perspective:2200px;
        perspective-origin:center center;
        transform-style:preserve-3d;
    }

    .door{
        position:absolute;
        top:0;
        bottom:0;
        width:50%;
        overflow:hidden;
        background:
                linear-gradient(90deg, rgba(255,255,255,.03), transparent 18%, rgba(0,0,0,.04) 60%, transparent 100%),
                repeating-linear-gradient(
                        90deg,
                        #8c5739 0 18px,
                        #865335 18px 36px,
                        #7b4a30 36px 54px,
                        #8a5638 54px 72px
                );
        box-shadow:
                inset 0 0 0 1px rgba(255,255,255,.04),
                inset 0 0 80px rgba(0,0,0,.12);
        z-index:6;
        backface-visibility:hidden;
        transform-style:preserve-3d;
    }

    .door.left{
        left:0;
        transform-origin:left center;
        animation:openLeftDoorInward 1.8s cubic-bezier(.65,.05,.2,1) 1s forwards;
    }

    .door.right{
        right:0;
        transform-origin:right center;
        animation:openRightDoorInward 1.8s cubic-bezier(.65,.05,.2,1) 1s forwards;
    }

    @keyframes openLeftDoorInward{
        0%{
            transform:rotateY(0deg);
            filter:brightness(1);
        }
        100%{
            transform:rotateY(-105deg);
            filter:brightness(.72);
        }
    }

    @keyframes openRightDoorInward{
        0%{
            transform:rotateY(0deg);
            filter:brightness(1);
        }
        100%{
            transform:rotateY(105deg);
            filter:brightness(.72);
        }
    }
    .door::after{
        content:"";
        position:absolute;
        inset:0;
        background:linear-gradient(
                90deg,
                rgba(0,0,0,.24),
                transparent 20%,
                transparent 80%,
                rgba(0,0,0,.18)
        );
        pointer-events:none;
    }

    .door-frame{
        position:absolute;
        inset:18px;
        border:2px solid rgba(200,169,107,.42);
        border-radius:12px;
        box-shadow:inset 0 0 0 1px rgba(255,230,180,.06);
    }

    .door-arch{
        position:absolute;
        top:18px;
        left:18px;
        right:18px;
        height:96px;
        border:2px solid rgba(200,169,107,.34);
        border-bottom:none;
        border-radius:130px 130px 0 0;
    }

    .door-panel{
        position:absolute;
        left:34px;
        right:34px;
        top:140px;
        bottom:34px;
        border:1px solid rgba(200,169,107,.16);
        border-radius:10px;
    }
    .door-panel::before,
    .door-panel::after{
        content:"";
        position:absolute;
        left:18px;
        right:18px;
        height:1px;
        background:rgba(200,169,107,.14);
    }
    .door-panel::before{top:28%}
    .door-panel::after{top:62%}

    .door-engraved-title{
        position:absolute;
        top:76px;
        left:24px;
        right:24px;
        text-align:center;
        font-size:26px;
        line-height:1.15;
        font-weight:900;
        z-index:6;
        pointer-events:none;
        text-shadow:
                0 1px 0 rgba(255,245,220,.18),
                0 2px 2px rgba(50,25,10,.18),
                0 -1px 0 rgba(70,35,16,.55),
                1px 0 0 rgba(120,70,35,.22),
                -1px 0 0 rgba(120,70,35,.22);
        background:linear-gradient(90deg,#b98a42 0%,#f4e0b8 20%,#d4aa63 38%,#fff2d2 50%,#d1a15a 62%,#f0ddb5 82%,#b78135 100%);
        -webkit-background-clip:text;
        -webkit-text-fill-color:transparent;
        background-clip:text;
        filter:drop-shadow(0 1px 1px rgba(0,0,0,.18));
        animation:engraveShine 3.2s linear infinite;
    }

    .door-engraved-om{
        position:absolute;
        top:36%;
        left:50%;
        transform:translateX(-50%);
        font-size:42px;
        font-weight:700;
        color:rgba(210,180,120,.46);
        text-shadow:0 1px 0 rgba(255,235,195,.05), 0 -1px 0 rgba(80,45,22,.35);
        z-index:5;
        pointer-events:none;
    }

    .door-engraved-tagline{
        position:absolute;
        bottom:8%;
        left:18px;
        right:18px;
        text-align:center;
        font-size:15px;
        font-weight:800;
        color:#ead7b9;
        z-index:6;
        pointer-events:none;
        text-shadow:0 1px 0 rgba(255,245,220,.14), 0 -1px 0 rgba(70,35,16,.45), 0 2px 2px rgba(50,25,10,.15);
    }

    @keyframes engraveShine{
        0%,45%,55%,100%{filter:drop-shadow(0 1px 1px rgba(0,0,0,.18)) brightness(1)}
        50%{filter:drop-shadow(0 1px 1px rgba(0,0,0,.18)) brightness(1.18)}
    }

    .door-knob{
        position:absolute;
        top:50%;
        width:16px;
        height:16px;
        margin-top:-8px;
        border-radius:50%;
        background:radial-gradient(circle at 30% 30%, #f5ddb0, #b98528);
        box-shadow:0 0 10px rgba(200,169,107,.25);
        z-index:6;
    }
    .door.left .door-knob{right:28px}
    .door.right .door-knob{left:28px}

    .door-ring{
        position:absolute;
        top:calc(50% + 28px);
        width:24px;
        height:24px;
        border:3px solid rgba(210,175,102,.75);
        border-radius:50%;
        z-index:6;
    }
    .door.left .door-ring{right:24px}
    .door.right .door-ring{left:24px}

    .topbar{
        position:sticky;
        top:36px;
        z-index:1000;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:18px;
        flex-wrap:wrap;
        padding:14px 0;
        background:rgba(243,239,230,.90);
        backdrop-filter:blur(10px);
        border-bottom:1px solid rgba(120,80,60,.08);
        box-shadow:0 10px 30px rgba(90,60,40,.08);
    }

    .brand{
        display:flex;
        gap:14px;
        align-items:center;
        min-width:260px;
    }

    .logoWrap{
        position:relative;
        width:86px;
        height:86px;
        flex:0 0 auto;
    }

    .logo-glow{
        position:absolute;
        inset:-8px;
        border-radius:22px;
        background:radial-gradient(circle at 50% 50%, rgba(255,226,150,.75), rgba(231,177,64,.18) 48%, transparent 72%);
        filter:blur(9px);
        animation:logoAura 3s ease-in-out infinite;
        z-index:0;
        pointer-events:none;
    }
    @keyframes logoAura{
        0%,100%{transform:scale(1);opacity:.85}
        50%{transform:scale(1.08);opacity:1}
    }

    .logoBox{
        position:relative;
        width:86px;
        height:86px;
        border-radius:20px;
        overflow:hidden;
        background:linear-gradient(135deg, rgba(184,106,60,.08), rgba(200,169,107,.12));
        border:1px solid rgba(200,169,107,.35);
        box-shadow:0 0 0 1px rgba(255,239,198,.25), 0 12px 28px rgba(90,60,40,.16), 0 0 22px rgba(232,184,79,.22);
        display:grid;
        place-items:center;
        z-index:1;
        animation:goldenLogoPulse 2.7s ease-in-out infinite;
    }
    @keyframes goldenLogoPulse{
        0%,100%{
            box-shadow:0 0 0 1px rgba(255,239,198,.25), 0 12px 28px rgba(90,60,40,.16), 0 0 22px rgba(232,184,79,.22);
        }
        50%{
            box-shadow:0 0 0 1px rgba(255,239,198,.38), 0 16px 32px rgba(90,60,40,.20), 0 0 34px rgba(232,184,79,.34);
        }
    }

    .logoBox::after{
        content:"";
        position:absolute;
        inset:-30%;
        background:linear-gradient(115deg, transparent 20%, rgba(255,248,220,.22) 45%, transparent 70%);
        transform:translateX(-120%) rotate(18deg);
        animation:logoShine 4.2s linear infinite;
        pointer-events:none;
    }
    @keyframes logoShine{
        to{transform:translateX(120%) rotate(18deg)}
    }

    .logoBox img{
        width:100%;
        height:100%;
        object-fit:cover;
        display:block;
        position:relative;
        z-index:1;
    }

    .bilva-single{
        position:absolute;
        top:-10px;
        right:-10px;
        width:36px;
        height:40px;
        z-index:4;
        pointer-events:none;
        transform:rotate(12deg);
        animation:bilvaSwing 4.8s ease-in-out infinite;
        filter:drop-shadow(0 4px 8px rgba(50,90,25,.22));
    }
    .bilva-leaf{
        position:absolute;
        background:linear-gradient(180deg, #9fcb75 0%, #7aaa54 45%, #557b37 100%);
        box-shadow:inset 0 2px 1px rgba(255,255,255,.14), inset 0 -2px 1px rgba(0,0,0,.08);
    }
    .bilva-leaf::after{
        content:"";
        position:absolute;
        left:50%;
        top:10%;
        width:1.5px;
        height:74%;
        background:rgba(235,255,220,.38);
        transform:translateX(-50%);
        border-radius:3px;
    }
    .bilva-leaf.center{
        width:15px;
        height:24px;
        left:10px;
        top:0;
        border-radius:55% 55% 42% 42% / 76% 76% 24% 24%;
    }
    .bilva-leaf.left{
        width:14px;
        height:22px;
        left:1px;
        top:10px;
        transform:rotate(-33deg);
        border-radius:55% 55% 42% 42% / 76% 76% 24% 24%;
    }
    .bilva-leaf.right{
        width:14px;
        height:22px;
        right:1px;
        top:10px;
        transform:rotate(33deg);
        border-radius:55% 55% 42% 42% / 76% 76% 24% 24%;
    }
    .bilva-tip{
        position:absolute;
        width:0;
        height:0;
        border-left:3.7px solid transparent;
        border-right:3.7px solid transparent;
        border-bottom:7px solid #90bf63;
        filter:brightness(.98);
    }
    .bilva-tip.center{left:13px;top:-4px}
    .bilva-tip.left{left:1px;top:6px;transform:rotate(-33deg)}
    .bilva-tip.right{right:1px;top:6px;transform:rotate(33deg)}
    .bilva-stem{
        position:absolute;
        left:16px;
        bottom:-4px;
        width:3px;
        height:13px;
        border-radius:3px;
        background:linear-gradient(180deg, #7f9c4f, #5c7338);
        transform:rotate(8deg);
    }
    @keyframes bilvaSwing{
        0%,100%{transform:rotate(12deg) translateY(0)}
        50%{transform:rotate(6deg) translateY(-3px)}
    }

    .brandText{transition:opacity .35s ease, transform .35s ease}
    .brand h1{
        font-size:20px;
        color:var(--accent);
        font-weight:800;
    }
    .brand p{
        font-size:12px;
        color:var(--muted);
        font-weight:700;
    }

    .mainNav{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:10px;
        flex:1;
        flex-wrap:wrap;
    }

    .mainNav a{
        padding:10px 14px;
        border-radius:14px;
        font-size:14px;
        font-weight:800;
        color:#6a3a28;
        transition:all .22s ease;
        border:1px solid transparent;
    }

    .mainNav a:hover{
        background:linear-gradient(135deg, rgba(184,106,60,.14), rgba(200,169,107,.16));
        border-color:rgba(184,106,60,.18);
        color:#8e4e2e;
        transform:translateY(-1px);
        box-shadow:0 8px 18px rgba(90,60,40,.08);
    }

    .rightTools{
        display:flex;
        gap:12px;
        align-items:center;
        flex-wrap:wrap;
        justify-content:flex-end;
        flex:0 0 auto;
    }

    .langWrap{
        position:relative;
        width:140px;
        height:44px;
        flex:0 0 140px;
    }

    .lang-track{
        position:relative;
        width:140px;
        height:44px;
        border-radius:999px;
        background:linear-gradient(145deg,#f5ead8,#ead8bd);
        border:1px solid rgba(180,130,70,.28);
        box-shadow:0 6px 16px rgba(90,60,30,.08), inset 0 1px 2px rgba(255,255,255,.55);
        overflow:hidden;
    }

    .lang-track::before{
        content:"";
        position:absolute;
        inset:4px;
        border-radius:999px;
        border:1px solid rgba(255,255,255,.28);
        pointer-events:none;
    }

    .lang-buttons{
        position:absolute;
        inset:0;
        z-index:2;
    }

    .lang-btn{
        position:absolute;
        top:0;
        bottom:0;
        border:none;
        background:transparent;
        font-size:14px;
        font-weight:900;
        color:#6a4a33;
        cursor:pointer;
        display:flex;
        align-items:center;
        justify-content:center;
        height:100%;
        padding:0;
        white-space:nowrap;
    }

    .lang-btn.active{color:#6a4a33}

    #langEn{left:30px;width:34px}
    #langHi{right:32px;width:34px}

    .lang-diya{
        position:absolute;
        top:50%;
        left:10px;
        width:18px;
        height:18px;
        transform:translateY(-50%);
        z-index:3;
        transition:left .35s cubic-bezier(.22,1,.36,1);
    }

    .lang-diya::before{
        content:"";
        position:absolute;
        left:50%;
        top:1px;
        width:7px;
        height:7px;
        transform:translateX(-50%) rotate(45deg);
        background:radial-gradient(circle at 30% 30%,#fff7d7,#ffbe55 55%,#f1892d 100%);
        border-radius:2px 50% 50% 50%;
        box-shadow:0 0 6px rgba(255,180,60,.45);
        animation:flameFlicker 1.4s ease-in-out infinite;
    }

    .lang-diya::after{
        content:"";
        position:absolute;
        left:50%;
        bottom:1px;
        transform:translateX(-50%);
        width:14px;
        height:6px;
        border-radius:0 0 8px 8px;
        background:linear-gradient(180deg,#b86a3c,#8e4e2e);
    }

    @keyframes flameFlicker{
        0%,100%{transform:translateX(-50%) rotate(45deg) scale(1)}
        50%{transform:translateX(-50%) rotate(40deg) scale(1.08)}
    }

    .hero{
        display:grid;
        grid-template-columns:1fr 1fr;
        grid-template-areas:
                "heroText slider"
                "flow flow";
        gap:14px;
        margin-top:18px;
        position:relative;
        z-index:2;
        align-items:start;
    }

    .hero-left{display:contents}
    .hero-main-card{grid-area:heroText}
    .hero-flow-card{grid-area:flow}

    .hero-slider{
        grid-area:slider;
        position:relative;
        padding:0;
        overflow:hidden;
        border-radius:var(--radius);
        background:#f3efe6;
        border:1px solid var(--line);
        box-shadow:var(--shadow);
        align-self:start;
    }

    .slider-shell{
        position:relative;
        width:100%;
        height:480px;
        border-radius:var(--radius);
        overflow:hidden;
        background:#f3efe6;
    }

    .slides{
        display:flex;
        width:100%;
        height:100%;
        transition:transform .9s cubic-bezier(.65,.05,.36,1);
        will-change:transform;
    }

    .slide{
        min-width:100%;
        width:100%;
        height:100%;
        position:relative;
        flex:0 0 100%;
        overflow:hidden;
        background:#f3efe6;
    }

    .slide img{
        width:100%;
        height:100%;
        object-fit:cover;
        display:block;
        transform:scale(1.02);
        transition:transform 1.2s ease;
    }

    .hero-slider:hover .slide img{transform:scale(1.06)}

    .slider-dots{
        position:absolute;
        bottom:18px;
        left:50%;
        transform:translateX(-50%);
        display:flex;
        gap:8px;
        z-index:4;
    }

    .slider-dot{
        width:10px;
        height:10px;
        border-radius:50%;
        border:none;
        background:rgba(255,255,255,.45);
        cursor:pointer;
        transition:all .25s ease;
        box-shadow:0 2px 8px rgba(0,0,0,.18);
    }

    .slider-dot.active{
        width:24px;
        border-radius:999px;
        background:#fff;
    }

    .card{
        background:rgba(252,248,242,.93);
        border:1px solid var(--line);
        border-radius:var(--radius);
        padding:16px;
        box-shadow:var(--shadow);
    }

    .darshanHead{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:4px;
        padding:12px 14px;
        border-radius:16px;
        border:1px solid rgba(184,106,60,.14);
        background:linear-gradient(135deg, rgba(184,106,60,.08), rgba(111,139,78,.06));
        margin-bottom:14px;
    }

    .darshanHead .left{
        display:flex;
        align-items:center;
        gap:10px;
        font-weight:800;
        color:#5a3428;
        font-size:20px;
    }

    .darshanHead small{
        display:block;
        font-size:18px;
        line-height:1.4;
        margin-left:20px;
        color:#6b4a3a;
    }

    .darshanDot{
        width:10px;
        height:10px;
        border-radius:50%;
        background:radial-gradient(circle at 30% 30%, #fff, var(--accent));
        box-shadow:0 0 12px rgba(184,106,60,.28);
    }

    .hero h2{
        margin-bottom:10px;
        font-size:31px;
        line-height:1.2;
        color:#5A3428;
    }
    .hero .sub{
        margin-bottom:14px;
        color:var(--muted);
        font-size:15px;
    }

    .btn{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:10px;
        padding:12px 16px;
        border-radius:16px;
        border:1px solid var(--line);
        background:rgba(255,255,255,.65);
        box-shadow:var(--shadow);
        font-weight:750;
        font-size:14px;
        white-space:nowrap;
        transition:transform .2s ease, box-shadow .2s ease;
        cursor:pointer;
    }
    .btn:hover{
        transform:translateY(-2px);
        box-shadow:0 12px 26px rgba(120,70,35,.14);
    }
    .btn.primary{
        position:relative;
        overflow:hidden;
        background:linear-gradient(135deg, var(--accent), var(--accent-dark));
        color:#fff;
        border:none;
    }
    .btn.primary::after{
        content:"";
        position:absolute;
        top:0;
        left:-120%;
        width:80%;
        height:100%;
        background:linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);
        transform:skewX(-20deg);
    }
    .btn.primary:hover::after{
        animation:btnShine .8s ease;
    }
    @keyframes btnShine{
        from{left:-120%}
        to{left:140%}
    }
    .btn.primary.glow{
        box-shadow:0 10px 24px rgba(184,106,60,.28), 0 0 0 1px rgba(255,237,215,.12);
    }
    .btn.secondary{
        background:transparent;
        color:var(--accent);
        border:1.5px solid rgba(184,106,60,.32);
    }
    .btn.small{
        padding:10px 12px;
        border-radius:12px;
        font-size:13px;
    }

    .badges{
        display:flex;
        gap:10px;
        flex-wrap:wrap;
        margin:14px 0;
    }
    .badge{
        font-size:12px;
        padding:8px 10px;
        border-radius:999px;
        background:rgba(255,255,255,.72);
        border:1px solid rgba(184,106,60,.14);
        color:var(--text);
        font-weight:650;
    }

    .grid2{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:12px;
        margin-top:14px;
    }
    .mini{
        padding:14px;
        border-radius:16px;
        background:rgba(255,255,255,.64);
        border:1px solid rgba(200,169,107,.16);
    }
    .mini h4{
        margin-bottom:6px;
        font-size:14px;
        color:#5A3428;
    }
    .mini p{
        font-size:13px;
        color:var(--muted);
    }

    .offerBar{
        margin-top:14px;
        padding:12px 14px;
        border-radius:16px;
        background:linear-gradient(135deg, rgba(255,235,200,.75), rgba(248,245,235,.88));
        border:1px solid rgba(200,169,107,.28);
        color:#65412d;
        font-size:13px;
        font-weight:800;
        box-shadow:0 8px 18px rgba(200,169,107,.12);
    }

    .trustStrip{
        display:flex;
        gap:10px;
        flex-wrap:wrap;
        margin:0 0 18px;
        position:relative;
        z-index:1;
    }
    .trustItem{
        padding:10px 12px;
        border-radius:14px;
        background:rgba(255,255,255,.72);
        border:1px solid rgba(184,106,60,.12);
        box-shadow:var(--shadow);
        font-size:13px;
        font-weight:700;
        color:#5b372b;
    }

    .section{
        margin:16px 0;
        position:relative;
        z-index:2;
    }
    .section h3{
        position:relative;
        margin-bottom:10px;
        padding-bottom:8px;
        font-size:22px;
        color:#5A3428;
    }
    .section h3::after{
        content:"";
        position:absolute;
        left:0;
        bottom:0;
        width:72px;
        height:3px;
        border-radius:999px;
        background:linear-gradient(90deg, #c8a96b, rgba(200,169,107,0));
    }

    .divider{
        text-align:center;
        margin:30px 0 16px;
        color:var(--gold);
        letter-spacing:10px;
        font-size:18px;
        user-select:none;
        position:relative;
        z-index:2;
    }

    .serviceNav{
        display:flex;
        justify-content:center;
        gap:14px;
        margin:22px 0 10px;
        flex-wrap:wrap;
    }

    .serviceTab{
        border:none;
        padding:14px 34px;
        border-radius:999px;
        font-size:16px;
        font-weight:800;
        cursor:pointer;
        background:rgba(255,255,255,.72);
        color:#6a3a28;
        border:1px solid rgba(184,106,60,.18);
        box-shadow:0 8px 20px rgba(90,60,40,.08);
        transition:all .25s ease;
    }

    .serviceTab:hover{transform:translateY(-2px)}

    .serviceTab.active{
        background:linear-gradient(135deg, #5a2208, #8e4e2e);
        color:#fff6ec;
        box-shadow:0 12px 24px rgba(90,34,8,.22);
    }

    .packagesSectionHead{
        display:flex;
        align-items:flex-start;
        justify-content:space-between;
        gap:14px;
        flex-wrap:wrap;
        margin-bottom:12px;
    }

    .packagesActions{
        display:flex;
        align-items:center;
        gap:10px;
        flex-wrap:wrap;
    }

    .sliderHint{
        font-size:12px;
        color:#7b665c;
        font-weight:700;
    }

    .packageSliderControls{
        display:flex;
        gap:8px;
    }

    .packageArrow{
        width:40px;
        height:40px;
        border-radius:50%;
        border:1px solid rgba(184,106,60,.20);
        background:rgba(255,255,255,.84);
        color:#7b4a33;
        font-size:20px;
        font-weight:900;
        display:grid;
        place-items:center;
        cursor:pointer;
        box-shadow:0 8px 18px rgba(90,60,40,.08);
        transition:transform .2s ease, box-shadow .2s ease, background .2s ease, opacity .2s ease;
    }
    .packageArrow:hover{
        transform:translateY(-2px);
        background:#fff;
        box-shadow:0 12px 22px rgba(90,60,40,.12);
    }
    .packageArrow:disabled{
        opacity:.45;
        cursor:not-allowed;
        transform:none;
        box-shadow:none;
    }

    .packagesViewport{
        position:relative;
        overflow:hidden;
        width:100%;
    }

    .packages{
        display:flex;
        gap:16px;
        padding-bottom:10px;
        will-change:transform;
        align-items:stretch;
    }

    .terms-text {
        display: block;
        text-align: center;

        font-size: 9px;
        opacity: 0.40;
        color: #000;

        margin-top: 6px;

        pointer-events: none;
        user-select: none;
    }

    .pkg{
        position:relative;
        flex:0 0 calc((100% - 32px)/3);
        min-width:calc((100% - 32px)/3);
        scroll-snap-align:start;
        padding:18px;
        border-radius:22px;
        background:
                radial-gradient(circle at top right, rgba(255,240,215,.82), transparent 34%),
                linear-gradient(180deg, rgba(255,255,255,.95), rgba(243,236,226,.98));
        border:1px solid rgba(200,169,107,.24);
        display:flex;
        flex-direction:column;
        height:520px;
        min-height:520px;
        box-shadow:var(--shadow);
        transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
        isolation:isolate;
    }
    .pkg::before{
        content:"";
        position:absolute;
        top:0;
        left:0;
        right:0;
        height:4px;
        background:linear-gradient(90deg, rgba(200,169,107,.0), rgba(200,169,107,.9), rgba(200,169,107,0));
    }
    .pkg::after{
        content:"";
        position:absolute;
        inset:-20% auto -20% -60%;
        width:40%;
        background:linear-gradient(90deg, transparent, rgba(255,255,255,.38), transparent);
        transform:skewX(-18deg);
        opacity:0;
        transition:all .6s ease;
        pointer-events:none;
    }
    .pkg:hover{
        transform:translateY(-8px);
        box-shadow:var(--shadow-strong);
        border-color:rgba(184,106,60,.28);
    }
    .pkg:hover::after{
        left:120%;
        opacity:1;
    }
    .pkg.popular{
        border:2px solid rgba(184,106,60,.45);
        box-shadow:
                0 16px 34px rgba(184,106,60,.14),
                0 0 0 3px rgba(184,106,60,.06);
        transform:translateY(-4px);
        z-index:2;
    }
    .pkg.popular:hover{
        transform:translateY(-12px) scale(1.02);
        box-shadow:
                0 24px 46px rgba(184,106,60,.22),
                0 0 0 5px rgba(184,106,60,.10);
        border-color:rgba(184,106,60,.52);
    }
    .pkgBadge{
        position:absolute;
        top:12px;
        right:12px;
        padding:6px 10px;
        border-radius:999px;
        background:linear-gradient(135deg, #fff4d7, #e6b760);
        color:#73431d;
        font-size:11px;
        font-weight:900;
        box-shadow:0 6px 14px rgba(200,169,107,.18);
    }
    .pkgTop{
        flex:0 0 auto;
    }
    .pkg .tag{
        width:max-content;
        padding:7px 11px;
        border-radius:999px;
        background:rgba(255,255,255,.74);
        border:1px solid rgba(184,106,60,.14);
        font-size:12px;
        font-weight:900;
        color:#6A3A28;
        margin-bottom:10px;
    }
    .pkgTitle{
        font-size:19px;
        font-weight:900;
        color:#5A3428;
        line-height:1.25;
        margin-bottom:8px;
    }
    .priceWrap{
        display:flex;
        align-items:end;
        gap:8px;
        flex-wrap:wrap;
        margin-bottom:10px;
    }
    .price{
        font-size:28px;
        font-weight:950;
        color:#5A3428;
        line-height:1;
    }
    .priceNote{
        font-size:12px;
        color:var(--muted);
        font-weight:700;
    }
    .pkgDesc{
        font-size:13px;
        color:#6f5a4f;
        line-height:1.6;
        margin-bottom:10px;
    }

    .pkgScrollArea{
        flex:1 ;
        min-height:0;
        overflow-y:auto;
        overflow-x:hidden;
        max-height:none;
        padding-right:4px;
        -webkit-overflow-scrolling:touch;
        overscroll-behavior:contain;
        touch-action:auto;
        scrollbar-width:thin;
        scrollbar-color:rgba(184,106,60,.32) transparent;
    }
    .pkgScrollArea::-webkit-scrollbar{
        width:6px;
    }
    .pkgScrollArea::-webkit-scrollbar-thumb{
        background:rgba(184,106,60,.28);
        border-radius:999px;
    }
    .pkgScrollArea::-webkit-scrollbar-track{
        background:transparent;
    }

    .pkgMeta{
        display:grid;
        gap:8px;
    }

    .pkgBlock{
        padding:10px 0;
        border-top:1px solid rgba(184,106,60,.10);
    }
    .pkgBlock:first-child{
        border-top:none;
        padding-top:0;
    }

    .pkgBlockTitle{
        font-size:13px;
        font-weight:800;
        color:var(--accent-dark);
        margin-bottom:6px;
    }
    .pkgBlockTitlePrasad{
        font-weight:900;
        color:#5A3428;
    }

    .pkgFeatures,
    .pkgList{
        list-style:none;
        display:grid;
        gap:6px;
        margin:0;
        padding:0;
    }

    .pkgFeatures li,
    .pkgList li{
        position:relative;
        padding-left:18px;
        color:#6b574d;
        font-size:13px;
        line-height:1.55;
    }

    .pkgFeatures li::before{
        content:"✓";
        position:absolute;
        left:0;
        top:0;
        color:#8d5a32;
        font-weight:900;
    }
    .pkgList li::before{
        content:"•";
        position:absolute;
        left:0;
        top:0;
        color:#8d5a32;
        font-weight:900;
    }

    .pkgSimpleText{
        font-size:13px;
        color:#6b574d;
        line-height:1.55;
    }

    .pkgFoot{
        flex:0 0 auto;
        margin-top:12px;
        padding-top:12px;
        border-top:1px dashed rgba(184,106,60,.18);
        display:grid;
        gap:10px;
    }

    .pkgSignal{
        font-size:12px;
        color:#835744;
        font-weight:800;
        background:rgba(255,255,255,.65);
        border:1px dashed rgba(184,106,60,.20);
        padding:8px 10px;
        border-radius:12px;
    }

    .pkgTrust{
        font-size:12px;
        line-height:1.55;
        color:var(--muted);
    }

    .premiumInfoSection{margin-top:24px}

    .premiumSplit{
        display:grid;
        grid-template-columns:1.04fr .96fr;
        gap:16px;
    }

    .premiumTestimonials,
    .premiumFaq{
        position:relative;
        overflow:hidden;
        border:1px solid rgba(200,169,107,.24);
        background:
                radial-gradient(circle at top right, rgba(255,241,214,.78), transparent 32%),
                linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,241,232,.98));
        box-shadow:0 16px 34px rgba(90,60,40,.10);
        height:640px;
        display:flex;
        flex-direction:column;
    }

    .premiumTestimonials::before,
    .premiumFaq::before{
        content:"";
        position:absolute;
        top:0;
        left:0;
        right:0;
        height:4px;
        background:linear-gradient(90deg, rgba(200,169,107,0), rgba(200,169,107,.95), rgba(200,169,107,0));
    }

    .premiumHead{
        margin-bottom:16px;
        flex:0 0 auto;
    }

    .premiumKicker{
        display:inline-flex;
        align-items:center;
        padding:7px 12px;
        border-radius:999px;
        font-size:12px;
        font-weight:900;
        letter-spacing:.3px;
        color:#7a4a24;
        background:linear-gradient(135deg, #fff4d8, #efd09a);
        box-shadow:0 6px 14px rgba(200,169,107,.16);
        margin-bottom:10px;
    }

    .premiumHead h3{
        font-size:23px;
        color:#5A3428;
        margin-bottom:8px;
    }

    .testimonialGrid{
        display:grid;
        gap:12px;
    }

    .testimonialScroll{
        height:calc(100% - 110px);
        overflow-y:auto;
        overflow-x:hidden;
        padding-right:6px;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:thin;
        scrollbar-color:rgba(184,106,60,.32) transparent;
    }

    .testimonialScroll::-webkit-scrollbar{
        width:6px;
    }

    .testimonialScroll::-webkit-scrollbar-thumb{
        background:rgba(184,106,60,.28);
        border-radius:999px;
    }

    .testimonialScroll::-webkit-scrollbar-track{
        background:transparent;
    }

    .testimonialGrid{
        display:grid;
        gap:12px;
    }

    .testimonialItem{
        padding:16px;
        border-radius:18px;
        background:rgba(255,255,255,.72);
        border:1px solid rgba(184,106,60,.12);
        box-shadow:0 8px 18px rgba(90,60,40,.06);
        transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
        flex-shrink:0;
    }

    .testimonialItem:hover{
        transform:translateY(-3px);
        box-shadow:0 14px 24px rgba(90,60,40,.10);
        border-color:rgba(184,106,60,.20);
    }

    .stars{
        font-size:14px;
        letter-spacing:2px;
        color:#c5963d;
        margin-bottom:8px;
    }

    .testimonialItem p{
        font-size:14px;
        color:#5f4d43;
        line-height:1.75;
        margin-bottom:10px;
    }

    .testimonialMeta{
        font-size:12px;
        font-weight:800;
        color:#8a5a3a;
    }

    .faqList{
        display:grid;
        gap:10px;
        flex:0 0 auto;
        overflow:visible;
        padding-right:0;
    }

    .faqItem{
        border:1px solid rgba(184,106,60,.14);
        border-radius:16px;
        background:rgba(255,255,255,.74);
        box-shadow:0 8px 18px rgba(90,60,40,.05);
        overflow:hidden;
        transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    }

    .faqItem:hover{
        border-color:rgba(184,106,60,.22);
        box-shadow:0 12px 22px rgba(90,60,40,.08);
        transform:translateY(-2px);
    }

    .faqItem[open]{
        border-color:rgba(184,106,60,.24);
        background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(250,244,236,.95));
    }

    .faqItem summary{
        list-style:none;
        cursor:pointer;
        padding:16px 18px;
        font-weight:800;
        color:#5b3427;
        position:relative;
        padding-right:46px;
        font-size:14px;
    }

    .faqItem summary::-webkit-details-marker{display:none}

    .faqItem summary::after{
        content:"+";
        position:absolute;
        right:16px;
        top:50%;
        transform:translateY(-50%);
        width:22px;
        height:22px;
        border-radius:50%;
        display:grid;
        place-items:center;
        background:rgba(184,106,60,.10);
        color:#8a4d2d;
        font-size:16px;
        font-weight:900;
        transition:transform .2s ease, background .2s ease;
    }

    .faqItem[open] summary::after{
        content:"−";
        background:rgba(184,106,60,.16);
    }

    .faqItem p{
        padding:0 18px 16px;
        font-size:14px;
        color:#6a574c;
        line-height:1.75;
    }

    .twoCol{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:12px;
    }

    label{
        display:block;
        font-size:12px;
        color:var(--muted);
        margin:8px 0 6px;
        font-weight:700;
    }

    input,select,textarea{
        width:100%;
        padding:12px;
        border-radius:14px;
        border:1px solid rgba(120,80,60,.14);
        background:rgba(255,255,255,.82);
        color:var(--text);
        font:inherit;
        outline:none;
        transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
    }
    input:focus,select:focus,textarea:focus{
        border-color:rgba(184,106,60,.42);
        box-shadow:0 0 0 4px rgba(184,106,60,.08);
        background:#fff;
    }

    .input-error{
        border-color:#c94935 !important;
        box-shadow:0 0 0 4px rgba(201,73,53,.10) !important;
        background:#fffaf8 !important;
    }

    textarea{
        min-height:90px;
        resize:vertical;
    }

    #enquirySection{display:none}

    .footer{
        margin:18px 0 24px;
        display:flex;
        justify-content:space-between;
        gap:10px;
        flex-wrap:wrap;
        color:var(--muted);
        font-size:12px;
        position:relative;
        z-index:2;
    }

    .langTarget{
        transition:opacity .28s ease, transform .28s ease;
    }
    .langSwitching .langTarget{
        opacity:.14;
        transform:translateY(5px);
    }

    .floating-wa{
        position:fixed;
        right:18px;
        bottom:18px;
        width:56px;
        height:56px;
        border-radius:50%;
        display:grid;
        place-items:center;
        font-size:24px;
        background:linear-gradient(135deg, #25D366, #128C7E);
        color:#fff;
        box-shadow:0 14px 28px rgba(18,140,126,.28);
        z-index:120;
        transition:transform .2s ease, box-shadow .2s ease;
    }
    .floating-wa:hover{
        transform:translateY(-3px) scale(1.04);
        box-shadow:0 18px 34px rgba(18,140,126,.34);
    }

    @media (max-width:980px){
        .hero{
            grid-template-columns:1fr;
            grid-template-areas:
                    "heroText"
                    "slider"
                    "flow";
        }

        .twoCol,.grid2,.premiumSplit{grid-template-columns:1fr}
        .hero-slider{min-height:360px}
        .slider-shell{height:360px}

        .topbar{gap:14px}

        .mainNav{
            order:3;
            width:100%;
            justify-content:flex-start;
            margin-top:4px;
        }

        .rightTools{justify-content:flex-end}

        .packagesViewport{
            overflow-x:auto;
            overflow-y:hidden;
            scroll-behavior:smooth;
            -webkit-overflow-scrolling:touch;
            scroll-snap-type:x proximity;
        }

        .packagesViewport::-webkit-scrollbar{height:8px}
        .packagesViewport::-webkit-scrollbar-thumb{
            background:rgba(184,106,60,.35);
            border-radius:999px;
        }
        .packagesViewport::-webkit-scrollbar-track{background:transparent}

        .packages{
            transform:none !important;
            transition:none !important;
            width:max-content;
            padding-right:0;
        }

        .pkg{
            flex:0 0 calc((100vw - 72px)/2);
            min-width:calc((100vw - 72px)/2);
            max-width:calc((100vw - 72px)/2);
            height:540px;
            min-height:540px;
        }
    }

    @media (max-width:520px){
        .wrap{padding:12px}

        .topbar{
            display:grid;
            grid-template-columns:1fr auto;
            grid-template-areas:
                    "brand lang"
                    "nav nav";
            align-items:center;
            gap:10px;
            padding:10px 0 12px;
        }

        .brand{
            grid-area:brand;
            min-width:0;
            gap:10px;
            align-items:center;
        }

        .logoWrap,
        .logoBox{
            width:58px;
            height:58px;
        }

        .logoWrap{flex:0 0 58px}
        .brandText{min-width:0}

        .brand h1{
            font-size:16px;
            line-height:1.15;
            margin-bottom:2px;
        }

        .brand p{
            font-size:11px;
            line-height:1.3;
        }

        .bilva-single{
            top:-6px;
            right:-6px;
            transform:scale(.72) rotate(12deg);
        }

        .rightTools{
            grid-area:lang;
            justify-content:flex-end;
            width:auto;
        }

        .langWrap{
            width:108px;
            height:38px;
            flex:0 0 108px;
        }

        .lang-track{
            width:108px;
            height:38px;
        }

        #langEn{
            left:24px;
            width:26px;
            font-size:13px;
        }

        #langHi{
            right:24px;
            width:26px;
            font-size:13px;
        }

        .lang-diya{
            left:8px;
            width:16px;
            height:16px;
        }

        .mainNav{
            grid-area:nav;
            width:100%;
            display:grid;
            grid-template-columns:repeat(4, 1fr);
            gap:8px;
            margin-top:2px;
        }

        .mainNav a{
            padding:9px 6px;
            font-size:12px;
            text-align:center;
            border-radius:12px;
            background:rgba(255,255,255,.72);
            border:1px solid rgba(184,106,60,.12);
            box-shadow:0 4px 10px rgba(90,60,40,.05);
        }

        .trustStrip{
            gap:8px;
            margin:6px 0 14px;
        }

        .trustItem{
            width:100%;
            padding:9px 10px;
            font-size:12px;
            border-radius:12px;
        }

        .hero{
            gap:14px;
            margin-top:8px;
        }

        .card{
            padding:16px;
            border-radius:16px;
        }

        .hero h2{
            font-size:19px;
            line-height:1.25;
            margin-bottom:8px;
        }

        .hero .sub{
            font-size:13px;
            margin-bottom:12px;
        }

        .badges{
            gap:8px;
            margin:12px 0;
        }

        .badge{
            font-size:11px;
            padding:7px 9px;
        }

        .grid2{
            grid-template-columns:1fr;
            gap:10px;
            margin-top:12px;
        }

        .mini{
            padding:12px;
            border-radius:14px;
        }

        .mini h4{font-size:13px}
        .mini p{font-size:12px}

        .offerBar{
            margin-top:12px;
            padding:10px 12px;
            font-size:12px;
            border-radius:14px;
        }

        .serviceTab{
            flex:1 1 calc(50% - 5px);
            max-width:none;
            width:auto;
            padding:12px 14px;
            font-size:14px;
            border-radius:14px;
        }

        .packagesViewport{
            overflow-x:auto;
            overflow-y:hidden;
            scroll-behavior:smooth;
            -webkit-overflow-scrolling:touch;
            scroll-snap-type:x proximity;
            padding-bottom:4px;
        }

        .packagesViewport::-webkit-scrollbar{
            display:none;
        }

        .packages{
            gap:10px;
            width:max-content;
            transform:none !important;
            transition:none !important;
            padding-bottom:10px;
            padding-right:0;
        }

        .pkg{
            flex:0 0 75vw;      /* ↓ reduced from 86vw */
            min-width:75vw;
            max-width:75vw;

            height:600px;
            min-height:540px;
            display:flex;
            flex-direction:column;

            padding:14px 12px;  /* slightly tighter */
        }

        .pkgScrollArea{
            flex:1;
            min-height:0;
            overflow-y:auto;
        }

        .pkgTitle{
            font-size:22px;
            font-weight:800;
            line-height:1.2;
            margin:10px 0 8px;
        }

        .priceWrap{
            margin-bottom:12px;
        }

        .pkgDesc{
            font-size:14px;
            line-height:1.7;
            color:var(--text);
            margin-bottom:10px;
        }

        .pkgMeta{
            display:grid;
            gap:8px;
            margin-bottom:0;
        }

        .pkgBlock{
            padding:10px 0;
            border-radius:0;
            background:transparent;
            border:none;
            border-top:1px solid rgba(184,106,60,.10);
        }

        .pkgBlock:first-child{
            border-top:none;
            padding-top:0;
        }

        .pkgBlockTitle{
            font-size:13px;
            font-weight:800;
            color:var(--accent-dark);
            margin-bottom:8px;
            letter-spacing:.2px;
        }

        .pkgFeatures{
            list-style:none;
            display:grid;
            gap:8px;
            margin:0;
            padding:0;
        }

        .pkgFeatures li{
            position:relative;
            padding-left:18px;
            font-size:13px;
            line-height:1.6;
            color:var(--text);
        }

        .pkgFeatures li::before{
            content:"✓";
            position:absolute;
            left:0;
            top:0;
            color:var(--accent);
            font-weight:900;
        }

        .pkgList{
            list-style:none;
            display:grid;
            gap:7px;
            margin:0;
            padding:0;
        }

        .pkgList li{
            position:relative;
            padding-left:16px;
            font-size:13px;
            line-height:1.65;
            color:var(--text);
        }

        .pkgList li::before{
            content:"•";
            position:absolute;
            left:0;
            top:0;
            color:var(--accent);
            font-weight:900;
        }

        .pkgSimpleText{
            font-size:13px;
            line-height:1.65;
            color:var(--text);
        }

        .pkgFoot{
            flex:0 0 auto;
            padding-top:12px;
            border-top:1px dashed rgba(184,106,60,.18);
            display:flex;
            flex-direction:column;
            flex-shrink:0;
            margin-top:auto;   /* 🔥 THIS IS THE MISSING PIECE */
            gap:10px;
        }

        .pkgSignal{
            font-size:12px;
            line-height:1.5;
        }

        .pkgTrust{
            margin-top:12px;
            padding-top:10px;
            border-top:1px dashed rgba(184,106,60,.18);
            font-size:12px;
            line-height:1.6;
            color:var(--muted);
        }

        .pkgScrollArea > *:last-child{
            margin-bottom:2px;
        }

        .hero-slider{min-height:240px}
        .slider-shell{height:240px}

        .slider-dots{bottom:12px}
        .slider-dot{
            width:8px;
            height:8px;
        }
        .slider-dot.active{width:18px}

        .divider{
            margin:22px 0 14px;
            font-size:15px;
            letter-spacing:6px;
        }

        .premiumHead h3{font-size:19px}

        .testimonialItem,
        .faqItem summary,
        .faqItem p{
            font-size:13px;
        }

        .twoCol{
            grid-template-columns:1fr;
            gap:10px;
        }

        input, select, textarea{
            padding:11px;
            font-size:14px;
        }

        .footer{
            margin-top:16px;
            font-size:11px;
            gap:6px;
        }

        .door-engraved-title{
            top:90px;
            left:14px;
            right:14px;
            font-size:22px;
        }

        .door-engraved-tagline{
            left:10px;
            right:10px;
            font-size:12px;
        }

        .door-engraved-om{font-size:34px}
        .door-arch{height:78px}

        .floating-wa{
            width:52px;
            height:52px;
            font-size:22px;
            right:14px;
            bottom:14px;
        }
    }

    .chatbot-wrap{
        position:fixed;
        right:18px;
        bottom:18px;
        z-index:130;
    }

    .chatbot-toggle{
        width:60px;
        height:60px;
        border:none;
        border-radius:50%;
        background:linear-gradient(135deg,#B86A3C,#8E4E2E);
        display:flex;
        align-items:center;
        justify-content:center;
        cursor:pointer;
        box-shadow:0 14px 28px rgba(184,106,60,.28);
        transition:transform .2s ease, box-shadow .2s ease;
        padding:0;
    }
    .chatbot-toggle img{
        width:38px;
        height:38px;
        display:block;
        object-fit:contain;
    }

    .chatbot-toggle:hover{
        transform:translateY(-3px) scale(1.04);
        box-shadow:0 18px 34px rgba(16,185,129,.34);
    }

    .chatbot-box{
        position:absolute;
        right:0;
        bottom:72px;
        width:340px;
        height:500px;
        max-height:72vh;
        background:#fff;
        border-radius:20px;
        box-shadow:0 20px 45px rgba(0,0,0,.16);
        border:1px solid rgba(120,80,60,.12);
        overflow:hidden;
        display:none;
        flex-direction:column;
        animation:chatFade .22s ease;
    }

    .chatbot-box.open{
        display:flex;
    }

    @keyframes chatFade{
        from{
            opacity:0;
            transform:translateY(10px) scale(.96);
        }
        to{
            opacity:1;
            transform:translateY(0) scale(1);
        }
    }

    .chatbot-header{
        display:flex;
        justify-content:space-between;
        align-items:flex-start;
        gap:10px;
        padding:14px 14px 12px;
        background:linear-gradient(135deg, #B86A3C, #8E4E2E);
        color:#fff;
        flex-shrink:0;
    }

    .chatbot-header strong{
        font-size:15px;
    }

    .chatbot-sub{
        font-size:11px;
        opacity:.9;
        margin-top:2px;
    }

    .chatbot-close{
        border:none;
        background:rgba(255,255,255,.14);
        color:#fff;
        width:30px;
        height:30px;
        border-radius:50%;
        cursor:pointer;
        font-size:18px;
        line-height:1;
        flex-shrink:0;
    }

    .chatbot-body{
        flex:1;
        overflow-y:auto;
        padding:14px;
        background:#FCF8F2;
        display:flex;
        flex-direction:column;
        gap:10px;
        scroll-behavior:smooth;
    }

    .chatbot-body::-webkit-scrollbar{
        width:8px;
    }
    .chatbot-body::-webkit-scrollbar-thumb{
        background:rgba(184,106,60,.28);
        border-radius:999px;
    }
    .chatbot-body::-webkit-scrollbar-track{
        background:transparent;
    }

    .chatbot-msg{
        max-width:86%;
        padding:10px 12px;
        border-radius:14px;
        font-size:13px;
        line-height:1.5;
        white-space:pre-wrap;
        word-wrap:break-word;
    }

    .chatbot-msg.bot{
        background:#fff;
        border:1px solid rgba(120,80,60,.10);
        color:#4A2C22;
        align-self:flex-start;
    }

    .chatbot-msg.user{
        margin-left:auto;
        background:linear-gradient(135deg, #B86A3C, #8E4E2E);
        color:#fff;
        align-self:flex-end;
    }

    .chatbot-options{
        display:flex;
        flex-wrap:wrap;
        gap:8px;
        margin-top:2px;
    }

    .chatbot-option{
        border:none;
        background:#fff;
        border:1px solid rgba(184,106,60,.18);
        color:#6a3a28;
        padding:8px 10px;
        border-radius:999px;
        font-size:12px;
        font-weight:700;
        cursor:pointer;
        transition:all .2s ease;
    }

    .chatbot-option:hover{
        background:rgba(184,106,60,.08);
        transform:translateY(-1px);
    }

    .chatbot-footer{
        padding:12px;
        border-top:1px solid rgba(120,80,60,.10);
        background:#fff;
        flex-shrink:0;
    }

    .chatbot-input-row{
        display:flex;
        gap:8px;
        align-items:center;
    }

    .chatbot-input{
        flex:1;
        min-width:0;
        border:1px solid rgba(120,80,60,.14);
        border-radius:14px;
        padding:10px 12px;
        font-size:13px;
        outline:none;
        background:#fff;
        color:#4A2C22;
    }

    .chatbot-input:focus{
        border-color:rgba(184,106,60,.42);
        box-shadow:0 0 0 4px rgba(184,106,60,.08);
    }

    .chatbot-send{
        border:none;
        width:42px;
        height:42px;
        border-radius:12px;
        background:linear-gradient(135deg, #B86A3C, #8E4E2E);
        color:#fff;
        font-size:16px;
        font-weight:900;
        cursor:pointer;
        flex-shrink:0;
    }

    .note{
        margin-top:10px;
        font-size:12px;
        color:#7b665c;
        font-weight:600;
    }

    @media (max-width:520px){
        .chatbot-wrap{
            right:14px;
            bottom:14px;
        }

        .chatbot-toggle{
            width:52px;
            height:52px;
            font-size:22px;
        }

        .chatbot-box{
            width:300px;
            height:460px;
            bottom:64px;
        }
    }

    .note{
        margin-top:10px;
        font-size:12px;
        color:#7b665c;
        font-weight:600;
    }

    .trustDocsSection{
        margin-top:28px;
        padding:26px;
        background:
                linear-gradient(180deg, rgba(252,248,242,.96), rgba(248,243,236,.98));
        border:1px solid var(--line);
        box-shadow:var(--shadow-strong);
        border-radius:28px;
        position:relative;
        overflow:hidden;
    }

    .trustDocsSection::before{
        content:"";
        position:absolute;
        inset:0 0 auto 0;
        height:1px;
        background:linear-gradient(90deg, transparent, rgba(200,169,107,.8), transparent);
    }

    .trustDocsTop{
        text-align:center;
        max-width:820px;
        margin:0 auto 24px;
    }

    .trustDocsPill{
        display:inline-flex;
        align-items:center;
        gap:10px;
        padding:10px 16px;
        border-radius:999px;
        border:1px solid rgba(184,106,60,.18);
        background:linear-gradient(180deg, #fffaf4, #f8f1e8);
        color:var(--accent-dark);
        font-weight:800;
        font-size:14px;
        box-shadow:0 8px 18px rgba(120,70,35,.05);
    }

    .trustDocsPillDot{
        width:10px;
        height:10px;
        border-radius:50%;
        background:radial-gradient(circle at 30% 30%, #f8e4be, #d09766 72%);
        box-shadow:0 0 0 4px rgba(200,169,107,.14);
        flex:0 0 auto;
    }

    .trustDocsMeta{
        margin:14px 0 8px;
        color:var(--muted);
        font-size:14px;
        letter-spacing:.02em;
    }

    .trustDocsHeading{
        font-size:36px;
        line-height:1.18;
        color:var(--text);
        margin:0 0 10px;
    }

    .trustDocsIntro{
        max-width:760px;
        margin:0 auto;
        color:var(--muted);
        font-size:16px;
        line-height:1.75;
    }

    .trustDocsGrid{
        display:grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:18px;
        margin-top:10px;
    }

    .trustDocCard{
        background:linear-gradient(180deg, #fffdf9 0%, #fbf5ee 100%);
        border:1px solid rgba(120,80,60,.12);
        border-radius:22px;
        overflow:hidden;
        box-shadow:0 10px 28px rgba(90,60,40,.06);
        transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }

    .trustDocCard:hover{
        transform:translateY(-4px);
        box-shadow:0 16px 36px rgba(120,70,35,.12);
        border-color:rgba(184,106,60,.24);
    }

    .trustDocFrame{
        position:relative;
        background:
                linear-gradient(180deg, #f6efe4 0%, #eee2d1 100%);
        padding:18px;
        min-height:360px;
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .trustDocFrame img{
        width:100%;
        height:320px;
        object-fit:contain;
        display:block;
        border-radius:14px;
        filter:contrast(1.03) brightness(1.02) saturate(.96);
    }

    .trustDocBody{
        padding:16px 18px 18px;
        text-align:left;
    }

    .trustDocBody h4{
        margin:0 0 6px;
        font-size:18px;
        line-height:1.35;
        color:#5a3428;
        font-weight:900;
    }

    .trustDocBody p{
        margin:0;
        color:var(--muted);
        font-size:14px;
        line-height:1.65;
    }

    .trustDocsBottomNote{
        margin-top:18px;
        text-align:center;
        padding:14px 16px;
        border-radius:16px;
        background:rgba(200,169,107,.10);
        border:1px dashed rgba(184,106,60,.22);
        color:#755344;
        font-size:14px;
        line-height:1.65;
    }

    @media (max-width:980px){
        .trustDocsHeading{
            font-size:30px;
        }

        .trustDocsGrid{
            grid-template-columns:1fr;
        }

        .trustDocFrame{
            min-height:320px;
        }

        .trustDocFrame img{
            height:280px;
        }

        .premiumTestimonials,
        .premiumFaq{
            height:560px;
        }
    }

    @media (max-width:520px){
        .trustDocsSection{
            margin-top:20px;
            padding:18px;
            border-radius:22px;
        }

        .trustDocsPill{
            font-size:13px;
            padding:9px 14px;
        }

        .trustDocsMeta{
            font-size:13px;
            margin:12px 0 6px;
        }

        .trustDocsHeading{
            font-size:25px;
            margin-bottom:8px;
        }

        .trustDocsIntro{
            font-size:14px;
            line-height:1.7;
        }

        .trustDocsGrid{
            gap:14px;
            margin-top:8px;
        }

        .trustDocFrame{
            padding:14px;
            min-height:260px;
        }

        .trustDocFrame img{
            height:220px;
        }

        .trustDocBody{
            padding:14px 15px 16px;
        }

        .trustDocBody h4{
            font-size:16px;
        }

        .trustDocBody p{
            font-size:13px;
            line-height:1.55;
        }

        .trustDocsBottomNote{
            margin-top:14px;
            font-size:13px;
            padding:12px 14px;
        }

        .testimonialScroll{
            flex:1 1 auto;
            min-height:0;
            max-height:100%;
            overflow-y:auto;
            overflow-x:hidden;
            padding-right:4px;
            -webkit-overflow-scrolling:touch;
            overscroll-behavior:contain;
        }
    }
    .about-grid{
        display:grid;
        grid-template-columns:1.35fr 1fr;
        gap:24px;
        margin-top:16px;
    }

    .about-left p{
        margin-top:14px;
        color:var(--muted);
    }

    .shlok-box{
        background:linear-gradient(135deg,#fff8ec,#f7efe3);
        border:1px solid var(--line);
        padding:14px;
        border-radius:12px;
        font-weight:600;
        text-align:center;
        font-size:14px;
        color:var(--text);
        white-space: pre-line;
    }

    .about-right{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:14px;
    }

    .about-card{
        background:var(--card);
        border:1px solid var(--line);
        padding:14px;
        border-radius:12px;
        box-shadow:var(--shadow);
        transition:transform .2s ease;
    }

    .about-card:hover{
        transform:translateY(-3px);
    }

    .about-card h4{
        margin-bottom:6px;
        font-size:15px;
    }

    .about-card p{
        font-size:13px;
        color:var(--muted);
    }

    .about-footer{
        margin-top:14px;
        text-align:center;
        font-weight:600;
    }

    /* MOBILE */
    @media(max-width:768px){
        .about-grid{
            grid-template-columns:1fr;
        }

        .about-right{
            grid-template-columns:1fr;
        }
    }
    .about-highlight{
        margin-top:16px;
        background:linear-gradient(135deg,#fff9ef,#f7efe3);
        border:1px solid var(--line);
        border-radius:14px;
        padding:14px;
    }

    .about-highlight h4{
        margin-bottom:6px;
        font-size:16px;
    }

    .about-highlight p{
        margin:0;
        color:var(--muted);
        font-size:14px;
        line-height:1.7;
    }

    section, .section, .card{
        margin-bottom:12px !important;
    }

    h1,h2,h3,h4{
        margin-bottom:8px !important;
    }

    .top-announcement{
        width:100%;
        height:36px;
        background:linear-gradient(90deg,#8b4c24,#a65a2c);
        color:#fff7ef;
        overflow:hidden;
        position:fixed;
        top:0;
        left:0;
        z-index:9999;
        display:flex;
        align-items:center;
        border-bottom:1px solid rgba(255,255,255,.08);
    }

    .announcement-track{
        white-space:nowrap;
        display:inline-block;
        padding-left:100%;
        animation:scrollText 28s linear infinite;
        font-size:13px;
        font-weight:600;
        line-height:36px;
    }

    @keyframes scrollText{
        0%{transform:translateX(0);}
        100%{transform:translateX(-100%);}
    }

    .top-announcement:hover .announcement-track {
        animation-play-state: paused;
    }

    @media (max-width: 768px) {
        .top-announcement {
            height: 32px;
        }

        .announcement-track {
            font-size: 12px;
            line-height: 32px;
            animation-duration: 22s;
        }
    }

    .notes-modal {
        position: fixed;
        inset: 0;
        z-index: 10001; /* Higher than splash */
        background: rgba(0, 0, 0, 0.7);
        backdrop-filter: blur(4px);
        display: none; /* Hidden by default */
        align-items: center;
        justify-content: center;
        padding: 20px;
    }

    .notes-modal.show {
        display: flex;
        animation: fadeIn 0.3s ease;
    }

    .notes-content {
        max-width: 500px;
        width: 100%;
        border: 2px solid var(--gold);
        padding: 24px !important;
    }

    .notes-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
    }

    .notes-header h3 {
        color: var(--accent);
        margin: 0 !important;
    }

    .notes-body ol {
        padding-left: 20px;
        color: var(--text);
    }

    .notes-body li {
        margin-bottom: 12px;
        font-size: 14px;
        line-height: 1.5;
    }

    .notes-body a {
        color: var(--accent);
        font-weight: bold;
        text-decoration: underline;
    }

    @keyframes fadeIn {
        from { opacity: 0; transform: scale(0.9); }
        to { opacity: 1; transform: scale(1); }
    }

    /* Bilingual Modal Styling */
    .bilingual-wide {
        max-width: 950px !important; /* Wider to accommodate two columns */
        width: 95%;
    }

    .notes-grid {
        display: grid;
        grid-template-columns: 1fr 1fr; /* Two equal columns */
        gap: 30px;
        margin-bottom: 20px;
    }

    .notes-lang-col {
        padding: 10px;
    }

    .hindi-col {
        border-right: 1px solid var(--line); /* Separation line */
    }

    .notes-lang-col ol li {
        margin-bottom: 15px;
        font-size: 13.5px;
        line-height: 1.6;
    }

    .full-width {
        width: 100%;
    }

    /* Updated Mobile CSS to maintain two columns */
    @media (max-width: 850px) {
        .notes-grid {
            /* Keep two columns even on small screens */
            grid-template-columns: 1fr 1fr;
            gap: 12px;
            max-height: 65vh;
            overflow-y: auto;
            align-items: start;
        }

        .hindi-col {
            /* Maintain the center divider line */
            border-right: 1px solid var(--line);
            border-bottom: none;
            padding-bottom: 0;
            padding-right: 10px;
        }

        .english-col {
            padding-left: 10px;
        }

        .bilingual-wide {
            width: 98%;
            padding: 12px !important;
        }

        .notes-lang-col ol li {
            font-size: 11px; /* Slightly smaller text to fit side-by-side */
            margin-bottom: 8px;
            line-height: 1.4;
        }

        .notes-header h3 {
            font-size: 16px;
        }
    }

    /* Reveal on Scroll Core Styles */
    .reveal {
        opacity: 0;
        transform: translateY(30px);
        /* Transition applied to both entering and leaving */
        transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        will-change: transform, opacity;
    }

    .reveal.active {
        opacity: 1;
        transform: translateY(0);
    }

    /* Tightened Footer Layout */
    .main-footer {
        background: #F8F5F0;
        border-top: 1px solid rgba(120, 80, 60, 0.1);
        padding: 20px 0 10px; /* Reduced vertical space for a cleaner look */
        margin-top: 20px;
    }

    .footer-grid {
        display: grid;
        grid-template-columns: 1.2fr 0.8fr 1.5fr;
        gap: 30px;
        align-items: start;
    }

    /* Larger Brand Logo */
    .footer-logo img {
        width: 80px; /* Increased size as requested */
        height: 80px;
        border-radius: 12px;
        object-fit: cover;
    }

    .footer-brand-text h3 {
        font-size: 20px;
        margin-bottom: 2px !important;
    }

    /* Local Social Icons Styling */
    .footer-socials {
        display: flex;
        gap: 12px;
        margin-top: 12px;
        align-items: center;
    }

    .footer-icon {
        width: 28px; /* Standard size for local icon images */
        height: 28px;
        display: block;
        transition: transform 0.2s ease;
        filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
    }

    .footer-icon:hover {
        transform: translateY(-3px); /* Subtle lift on hover */
    }

    /* Support Column Styling */
    .footer-col h4 {
        color: #5A3428;
        margin-bottom: 15px !important;
        font-size: 18px;
        font-weight: 800;
    }

    .footer-nav {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .footer-nav a {
        color: #7B665C;
        font-size: 14px;
        text-decoration: none;
        transition: color 0.2s;
    }

    .footer-nav a:hover {
        color: #B86A3C;
    }

    /* Contact Column Styling */
    .contact-intro {
        font-size: 14px;
        color: #7B665C;
        margin-bottom: 12px;
    }

    .contact-details a {
        display: block;
        margin-top: 8px;
        color: #B86A3C;
        font-weight: 700;
        font-size: 14px;
        text-decoration: none;
    }

    /* Bottom Copyright Bar */
    .footer-bottom {
        margin-top: 15px;
        padding-top: 10px;
        border-top: 1px solid rgba(120, 80, 60, 0.05);
        text-align: center;
        font-size: 12px;
        color: #7B665C;
    }

    /* Mobile Responsiveness */
    @media (max-width: 768px) {
        .footer-grid {
            grid-template-columns: 1fr;
            text-align: center;
            gap: 25px;
        }
        .footer-logo {
            justify-content: center;
        }
        .footer-socials {
            justify-content: center;
        }
    }