:root{
            --bg:#fffaf4;
            --bg-soft:#fffdf8;
            --surface:#fffdf7;
            --surface-2:#fff8ec;
            --surface-3:#fff6e6;
            --text:#2f2417;
            --heading:#8a5a1c;
            --muted:#7b6955;
            --line:#eadcc7;
            --line-strong:#dcc8aa;
            --primary:#c07f22;
            --primary-dark:#945f1a;
            --primary-soft:#fff4df;
            --accent:#e3a548;
            --shadow-lg:0 24px 70px rgba(92,65,29,.08);
            --shadow-md:0 16px 40px rgba(92,65,29,.07);
            --shadow-sm:0 8px 20px rgba(92,65,29,.05);
            --radius-xl:34px;
            --radius-lg:26px;
            --radius-md:20px;
            --radius-sm:14px;
            --container:1240px;
            --font-body:Inter,Segoe UI,Roboto,Arial,sans-serif;
            --font-heading:Inter,Segoe UI,Roboto,Arial,sans-serif;
        }

        *{box-sizing:border-box}
        html{scroll-behavior:smooth}

        body{
            margin:0;
            font-family:var(--font-body);
            color:var(--text);
            line-height:1.6;
            background:
                radial-gradient(circle at top left, rgba(192,127,34,.08), transparent 24%),
                radial-gradient(circle at top right, rgba(239,179,92,.10), transparent 22%),
                linear-gradient(180deg, #fffdf9 0%, #fdf6ec 44%, #fffaf4 100%);
        }

        img{display:block;max-width:100%}
        iframe{display:block;width:100%;border:0}
        a{text-decoration:none;color:inherit}
        button{font:inherit}

        .container{
            width:min(var(--container), calc(100% - 32px));
            margin:auto;
        }

        .section{
            padding:44px 0;
        }

        /* =========================================================
           SECTION 05B : SHARED UI
        ========================================================== */
        .eyebrow{
            display:inline-flex;
            align-items:center;
            min-height:36px;
            padding:0 14px;
            border-radius:999px;
            background:linear-gradient(180deg, #fff5e6, #fff0dc);
            border:1px solid #f2dec2;
            color:var(--primary-dark);
            font-size:12px;
            font-weight:800;
            letter-spacing:.12em;
            text-transform:uppercase;
            margin-bottom:14px;
        }

        .btn{
            min-height:52px;
            padding:0 20px;
            border-radius:14px;
            border:1px solid transparent;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            font-size:14px;
            font-weight:800;
            transition:.25s ease;
        }

        .btn-primary{
            color:#fff;
            background:linear-gradient(180deg, var(--primary), var(--primary-dark));
            box-shadow:0 16px 28px rgba(141,90,23,.18);
        }

        .btn-primary:hover{
            transform:translateY(-1px);
            background:linear-gradient(180deg, #ca8425, #8c5514);
        }

        .btn-secondary{
            color:var(--primary-dark);
            background:linear-gradient(180deg, #fffaf0, #fff2d9);
            border-color:var(--line);
            box-shadow:var(--shadow-sm);
        }

        .btn-secondary:hover{
            background:#fff7ea;
            border-color:var(--line-strong);
        }

        .btn-small{
            min-height:42px;
            padding:0 14px;
            border-radius:12px;
            font-size:13px;
            font-weight:800;
        }

        .btn-solid{
            background:linear-gradient(180deg, var(--primary), var(--primary-dark));
            color:#fff;
            border:1px solid transparent;
            box-shadow:0 12px 22px rgba(141,90,23,.16);
        }

        .btn-solid:hover{
            background:linear-gradient(180deg, #ca8425, #8c5514);
        }

        .label{
            font-size:11px;
            font-weight:800;
            color:#7b6b58;
            text-transform:uppercase;
            letter-spacing:.14em;
        }

        .icon-box{
            width:48px;
            height:48px;
            border-radius:14px;
            display:flex;
            align-items:center;
            justify-content:center;
            background:linear-gradient(180deg, #fdf1e1, #f7e7d0);
            color:var(--primary-dark);
            box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
        }

        .section-card{
            background:linear-gradient(180deg, rgba(255,252,244,.99), rgba(255,247,230,.98));
            border:1px solid var(--line);
            border-radius:30px;
            padding:30px;
            box-shadow:var(--shadow-md);
        }

        .section-head{
            display:flex;
            align-items:flex-end;
            justify-content:space-between;
            gap:20px;
            margin-bottom:24px;
        }

        .section-head h2,
        .hero-copy h1,
        .value-card h3,
        .benefit-card h3,
        .sample-card h3,
        .info-card h3,
        .faq-card h3,
        .shot-caption strong,
        .video-caption strong{
            font-family:var(--font-heading);
            letter-spacing:-.02em;
            color:var(--heading);
        }

        .section-head h2{
            margin:0 0 8px;
            font-size:clamp(34px, 3.2vw, 46px);
            line-height:1.08;
        }

        .section-head p{
            margin:0;
            color:var(--muted);
            max-width:760px;
            font-size:15px;
        }

        /* =========================================================
           SECTION 06 : HERO
        ========================================================== */
        .hero{
            padding:34px 0 26px;
        }

        .hero-shell{
            border:1px solid var(--line);
            border-radius:36px;
            padding:18px;
            background:linear-gradient(180deg, rgba(255,253,248,.98), rgba(255,248,236,.98));
            box-shadow:var(--shadow-lg);
        }

        .hero-grid{
            display:grid;
            grid-template-columns:1.08fr .92fr;
            gap:18px;
        }

        .hero-copy,
        .hero-visual{
            border:1px solid var(--line);
            border-radius:28px;
            background:linear-gradient(180deg, #fffdf8, #fff7e8);
            box-shadow:var(--shadow-sm);
        }

        .hero-copy{
            padding:34px;
            display:flex;
            flex-direction:column;
            justify-content:center;
        }

        .hero-copy h1{
            margin:0 0 12px;
            font-size:clamp(40px, 4.2vw, 62px);
            line-height:1;
        }

        .hero-copy p{
            margin:0;
            font-size:16px;
            color:var(--muted);
            max-width:760px;
        }

        .hero-tags{
            margin:24px 0 24px;
            display:flex;
            flex-wrap:wrap;
            gap:10px;
        }

        .hero-tag{
            min-height:40px;
            padding:0 14px;
            border-radius:999px;
            display:inline-flex;
            align-items:center;
            gap:8px;
            background:#fffaf0;
            border:1px solid var(--line);
            box-shadow:var(--shadow-sm);
            font-size:13px;
            font-weight:700;
        }

        .hero-tag-dot{
            width:8px;
            height:8px;
            border-radius:50%;
            background:var(--primary);
            box-shadow:0 0 0 4px rgba(141,90,23,.10);
        }

        .cta-row{
            display:flex;
            flex-wrap:wrap;
            gap:12px;
        }

        .hero-visual{
            padding:18px;
            display:grid;
            gap:14px;
        }

        .hero-shot{
            overflow:hidden;
            border-radius:22px;
            border:1px solid var(--line);
            background:linear-gradient(180deg, #fffdf8, #fff7ea);
        }

        .hero-shot img{
            width:100%;
            aspect-ratio:4/3;
            object-fit:cover;
        }

        .hero-mini-grid{
            display:grid;
            grid-template-columns:repeat(3, minmax(0,1fr));
            gap:12px;
        }

        .mini-card{
            background:linear-gradient(180deg, #fffdf8, #fff7ea);
            border:1px solid var(--line);
            border-radius:16px;
            padding:14px;
            text-align:center;
            box-shadow:var(--shadow-sm);
        }

        .mini-card strong{
            display:block;
            font-size:18px;
            line-height:1.1;
            margin-bottom:4px;
            color:var(--primary-dark);
        }

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

        /* =========================================================
           SECTION 07 : PRODUCT INFORMATION TABLE
        ========================================================== */
        .product-info-wrap{
            margin-top:18px;
            border:1px solid var(--line);
            border-radius:28px;
            padding:18px;
            background:linear-gradient(180deg, #fffdf8, #fff7e8);
            box-shadow:var(--shadow-sm);
        }

        .product-info-table{
            width:100%;
            border-collapse:collapse;
            overflow:hidden;
            border-radius:20px;
            background:#fffdf8;
            border:1px solid var(--line);
        }

        .product-info-table th,
        .product-info-table td{
            padding:16px 18px;
            text-align:left;
            vertical-align:top;
            border-bottom:1px solid #eadfce;
        }

        .product-info-table tr:last-child th,
        .product-info-table tr:last-child td{
            border-bottom:none;
        }

        .product-info-table th{
            width:18%;
            font-size:12px;
            font-weight:800;
            color:#7b6b58;
            text-transform:uppercase;
            letter-spacing:.12em;
            background:linear-gradient(180deg, #fff7ea, #fff1df);
        }

        .product-info-table td{
            width:32%;
            font-size:15px;
            font-weight:700;
            color:var(--text);
            background:#fffdf8;
        }

        .product-price-line{
            display:flex;
            align-items:center;
            flex-wrap:wrap;
            gap:10px;
        }

        .product-price-line .mrp{
            font-size:15px;
            font-weight:800;
            color:#8c8f97;
            text-decoration:line-through;
        }

        .product-price-line .sale{
            font-size:20px;
            line-height:1;
            font-weight:900;
            color:var(--primary-dark);
            letter-spacing:-.03em;
        }

        /* =========================================================
           SECTION 07B : ABOUT LAL KITAB VASTU
        ========================================================== */
        .about-vastu-card{
            background:linear-gradient(180deg, rgba(255,252,244,.99), rgba(255,247,230,.98));
            border:1px solid var(--line);
            border-radius:30px;
            padding:30px;
            box-shadow:var(--shadow-md);
        }

        .about-vastu-card p{
            margin:0;
            max-width:900px;
            color:var(--muted);
            font-size:15px;
            line-height:1.75;
        }

        /* =========================================================
           SECTION 09 : HIGHLIGHTS + FLOW
        ========================================================== */
        .value-grid{
            display:grid;
            grid-template-columns:repeat(6, minmax(0,1fr));
            gap:18px;
            align-items:stretch;
        }

        .value-grid .value-card{
            grid-column:span 2;
        }

        .value-grid .value-card:nth-child(4),
        .value-grid .value-card:nth-child(5){
            grid-column:span 3;
        }

        .value-card,
        .benefit-card,
        .sample-card,
        .faq-card{
            background:linear-gradient(180deg, #fffdf8, #fff7e8);
            border:1px solid var(--line);
            border-radius:22px;
            padding:22px;
            box-shadow:var(--shadow-sm);
        }

        .value-card{
            position:relative;
            overflow:hidden;
            min-height:100%;
            display:flex;
            flex-direction:column;
            gap:12px;
            padding:24px 22px 22px;
            background:
                linear-gradient(180deg, rgba(255,253,248,.98), rgba(255,247,232,.98));
            border:1px solid #e8d8bf;
            box-shadow:0 12px 26px rgba(92,65,29,.06);
        }

        .value-card::before{
            content:"";
            position:absolute;
            left:0;
            top:0;
            width:100%;
            height:4px;
            background:linear-gradient(90deg, var(--primary), #d6b07d);
        }

        .value-no{
            width:42px;
            height:42px;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            background:linear-gradient(180deg, #fff3e0, #f8e1bb);
            color:var(--primary-dark);
            font-size:14px;
            font-weight:900;
            margin-bottom:2px;
            box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
        }

        .value-card h3,
        .benefit-card h3,
        .sample-card h3{
            margin:0;
            font-size:28px;
            line-height:1.08;
        }

        .value-card p,
        .benefit-card p,
        .sample-card p,
        .faq-card p{
            margin:0;
            color:var(--muted);
            font-size:14px;
        }

        .benefit-band{
            display:grid;
            grid-template-columns:repeat(3, minmax(0,1fr));
            gap:16px;
        }

        /* =========================================================
           SECTION 09 : CONTENT TABS
        ========================================================== */
        .tabs-shell{
            border:1px solid var(--line);
            border-radius:24px;
            background:linear-gradient(180deg, #fffdf8, #fff7ea);
            padding:16px 16px 8px;
        }

        .tabs{
            display:flex;
            flex-wrap:wrap;
            gap:10px;
            margin-bottom:18px;
        }

        .tab-btn{
            min-height:48px;
            padding:0 18px;
            border-radius:999px;
            border:1px solid var(--line);
            background:#fffaf0;
            color:var(--primary-dark);
            font-size:14px;
            font-weight:800;
            cursor:pointer;
            transition:.25s ease;
            box-shadow:var(--shadow-sm);
        }

        .tab-btn:hover{
            background:#fffcf8;
            border-color:var(--line-strong);
        }

        .tab-btn.active{
            color:#fff;
            border-color:#7a4c10;
            background:linear-gradient(180deg, var(--primary), var(--primary-dark));
            box-shadow:0 16px 26px rgba(141,90,23,.18);
        }

        .tab-panel{display:none}

        .tab-panel.active{
            display:block;
            animation:fadeUp .24s ease;
        }

        @keyframes fadeUp{
            from{opacity:0;transform:translateY(4px)}
            to{opacity:1;transform:translateY(0)}
        }

        .content-list{
            list-style:none;
            margin:0;
            padding:0;
            display:grid;
            grid-template-columns:repeat(2, minmax(0,1fr));
            column-gap:34px;
        }

        .content-list li{
            position:relative;
            padding:13px 0 13px 24px;
            border-bottom:1px solid #eee6db;
            font-size:15px;
            color:var(--text);
        }

        .content-list li::before{
            content:"";
            position:absolute;
            left:0;
            top:21px;
            width:9px;
            height:9px;
            border-radius:50%;
            background:var(--primary);
            box-shadow:0 0 0 4px rgba(141,90,23,.10);
        }

        .content-list li span{
            color:var(--muted);
        }

        /* =========================================================
           SECTION 10 : SAMPLES
        ========================================================== */
        .sample-grid{
            display:grid;
            grid-template-columns:repeat(3, minmax(0,1fr));
            gap:16px;
        }

        .sample-card{
            display:flex;
            flex-direction:column;
            gap:14px;
            min-height:200px;
        }

        .sample-actions{
            display:flex;
            flex-wrap:wrap;
            gap:10px;
            margin-top:auto;
        }

        /* =========================================================
           SECTION 11 : MEDIA SLIDERS
        ========================================================== */
        .slider-shell{
            border:1px solid var(--line);
            border-radius:24px;
            background:linear-gradient(180deg, #fffdf8, #fff7ea);
            padding:14px;
        }

        .slider-wrap{
            position:relative;
            overflow:hidden;
            border-radius:20px;
            border:1px solid var(--line);
            background:#fffdf8;
        }

        .slider-track{
            display:flex;
            transition:transform .45s ease;
            will-change:transform;
        }

        .slide{
            min-width:100%;
            padding:16px;
        }

        .shot-card,
        .video-card{
            overflow:hidden;
            border-radius:20px;
            border:1px solid var(--line);
            background:linear-gradient(180deg, #fffdf8, #fff7e8);
            box-shadow:var(--shadow-sm);
        }

        .shot-card img{
            width:100%;
            aspect-ratio:16/9;
            object-fit:cover;
            background:#f6f1e8;
        }

        .video-frame{
            position:relative;
            width:100%;
            aspect-ratio:16/9;
            background:#f6f1e8;
            overflow:hidden;
        }

        .video-frame iframe{
            position:absolute;
            inset:0;
            width:100%;
            height:100%;
            border:0;
        }

        .shot-caption,
        .video-caption{
            padding:16px 18px 18px;
        }

        .shot-caption strong,
        .video-caption strong{
            display:block;
            margin-bottom:4px;
            font-size:28px;
            line-height:1.05;
        }

        .shot-caption span,
        .video-caption span{
            display:block;
            color:var(--muted);
            font-size:14px;
        }

        .slider-nav{
            display:flex;
            align-items:center;
            justify-content:center;
            gap:10px;
            margin-top:16px;
        }

        .slider-btn{
            width:44px;
            height:44px;
            border-radius:50%;
            border:1px solid var(--line);
            background:linear-gradient(180deg, #fffaf0, #fff2d9);
            color:var(--primary-dark);
            font-size:18px;
            font-weight:900;
            cursor:pointer;
            box-shadow:var(--shadow-sm);
            transition:.25s ease;
        }

        .slider-btn:hover{
            background:#fffcf8;
            border-color:var(--line-strong);
        }

        .slider-dots{
            display:flex;
            align-items:center;
            justify-content:center;
            gap:8px;
        }

        .dot{
            width:10px;
            height:10px;
            border-radius:50%;
            border:none;
            padding:0;
            background:#d8ccb8;
            cursor:pointer;
            transition:.25s ease;
        }

        .dot.active{
            width:28px;
            border-radius:999px;
            background:var(--primary);
        }

        /* =========================================================
           SECTION 12 : FAQ
        ========================================================== */
        .faq-grid{
            display:grid;
            grid-template-columns:repeat(2, minmax(0,1fr));
            gap:16px;
        }

        .faq-card h3{
            margin:0 0 8px;
            font-size:28px;
            line-height:1.08;
        }

        /* =========================================================
           SECTION 13 : RESPONSIVE
        ========================================================== */
        @media (max-width:1100px){
            .hero-grid{
                grid-template-columns:1fr;
            }

            .value-grid{
                grid-template-columns:repeat(2, minmax(0,1fr));
            }

            .value-grid .value-card,
            .value-grid .value-card:nth-child(4),
            .value-grid .value-card:nth-child(5){
                grid-column:auto;
            }

            .sample-grid{
                grid-template-columns:repeat(2, minmax(0,1fr));
            }
        }

        @media (max-width:900px){
            .benefit-band,
            .faq-grid,
            .content-list{
                grid-template-columns:1fr;
            }

            .hero-mini-grid{
                grid-template-columns:1fr;
            }

            .product-info-table,
            .product-info-table tbody,
            .product-info-table tr,
            .product-info-table th,
            .product-info-table td{
                display:block;
                width:100%;
            }

            .product-info-table th,
            .product-info-table td{
                padding:12px 14px;
                border-bottom:none;
            }

            .product-info-table tr{
                border-bottom:1px solid #eadfce;
            }

            .product-info-table tr:last-child{
                border-bottom:none;
            }

            .product-info-table th{
                padding-bottom:6px;
            }

            .product-info-table td{
                padding-top:0;
            }
        }

        @media (max-width:768px){
            .section-head{
                flex-direction:column;
                align-items:flex-start;
            }

            .section{
                padding:32px 0;
            }

            .hero-copy,
            .hero-visual,
            .section-card{
                padding:22px;
            }

            .premium-strip,
            .sample-grid,
            .value-grid{
                grid-template-columns:1fr;
            }

            .tabs{
                flex-direction:column;
            }

            .tab-btn{
                width:100%;
            }

            .sale{
                font-size:34px;
            }

            .hero-copy h1{
                font-size:40px;
            }

            .section-head h2{
                font-size:34px;
            }

            .value-card h3,
            .benefit-card h3,
            .sample-card h3,
            .faq-card h3,
            .info-card h3,
            .shot-caption strong,
            .video-caption strong{
                font-size:26px;
            }
        }