:root{
            --primary:#7a3e12;
            --secondary:#d49b45;
            --accent:#2f6b35;
            --light:#fff8ed;
            --cream:#f8ead2;
            --dark:#271509;
            --white:#ffffff;
        }

        *{
            margin:0;
            padding:0;
            box-sizing:border-box;
        }

        html{
            scroll-behavior:smooth;
        }

        body{
            font-family:'Poppins', sans-serif;
            background:var(--light);
            color:var(--dark);
            overflow-x:hidden;
        }

        .title-font{
            font-family:'Playfair Display', serif;
        }

        .top-ribbon{
            background:linear-gradient(90deg, var(--primary), var(--secondary), var(--accent));
            color:#fff;
            padding:8px 0;
            font-size:14px;
            letter-spacing:.3px;
        }

        .navbar{
            background:rgba(255,248,237,.92);
            backdrop-filter:blur(14px);
            box-shadow:0 8px 30px rgba(122,62,18,.12);
        }

        .navbar-brand{
            font-family:'Playfair Display', serif;
            font-weight:700;
            color:var(--primary) !important;
            font-size:28px;
        }

        .brand-badge{
            background:var(--accent);
            color:#fff;
            font-size:11px;
            padding:4px 10px;
            border-radius:20px;
            margin-left:8px;
            vertical-align:middle;
            font-family:'Poppins', sans-serif;
        }

        .nav-link{
            color:var(--dark) !important;
            font-weight:500;
            margin-left:12px;
            position:relative;
        }

        .nav-link::after{
            content:"";
            width:0;
            height:2px;
            background:var(--secondary);
            position:absolute;
            left:8px;
            bottom:3px;
            transition:.3s;
        }

        .nav-link:hover::after{
            width:55%;
        }

        .hero{
            min-height:92vh;
            display:flex;
            align-items:center;
            position:relative;
            background:
                linear-gradient(110deg, rgba(39,21,9,.83), rgba(122,62,18,.68)),
                url('https://images.unsplash.com/photo-1615485500704-8e990f9900f7?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;
            color:#fff;
            overflow:hidden;
        }

        .hero::before{
            content:"";
            position:absolute;
            width:430px;
            height:430px;
            background:rgba(212,155,69,.18);
            border-radius:50%;
            right:-120px;
            top:80px;
            animation:pulse 5s infinite ease-in-out;
        }

        .hero::after{
            content:"";
            position:absolute;
            width:260px;
            height:260px;
            background:rgba(47,107,53,.25);
            border-radius:50%;
            left:-80px;
            bottom:40px;
            animation:float 6s infinite ease-in-out;
        }

        @keyframes pulse{
            0%,100%{transform:scale(1); opacity:.75;}
            50%{transform:scale(1.12); opacity:.35;}
        }

        @keyframes float{
            0%,100%{transform:translateY(0);}
            50%{transform:translateY(-25px);}
        }

        .hero-content{
            position:relative;
            z-index:2;
        }

        .coming-badge{
            display:inline-flex;
            align-items:center;
            gap:9px;
            background:rgba(255,255,255,.16);
            border:1px solid rgba(255,255,255,.32);
            padding:9px 18px;
            border-radius:50px;
            backdrop-filter:blur(8px);
            margin-bottom:22px;
        }

        .coming-dot{
            width:10px;
            height:10px;
            background:#ffd36d;
            border-radius:50%;
            box-shadow:0 0 0 8px rgba(255,211,109,.18);
            animation:blink 1.5s infinite;
        }

        @keyframes blink{
            0%,100%{opacity:1;}
            50%{opacity:.4;}
        }

        .hero h1{
            font-family:'Playfair Display', serif;
            font-size:clamp(42px, 7vw, 78px);
            font-weight:700;
            line-height:1.05;
            margin-bottom:22px;
        }

        .hero p{
            max-width:720px;
            font-size:18px;
            line-height:1.8;
            color:#fff2dc;
        }

        .btn-main{
            background:linear-gradient(135deg, var(--secondary), #f5c16f);
            color:var(--dark);
            border:none;
            padding:14px 28px;
            border-radius:40px;
            font-weight:700;
            box-shadow:0 14px 30px rgba(212,155,69,.34);
            transition:.35s;
        }

        .btn-main:hover{
            transform:translateY(-5px) scale(1.02);
            color:var(--dark);
            box-shadow:0 18px 42px rgba(212,155,69,.48);
        }

        .btn-outline-light-custom{
            border:1px solid rgba(255,255,255,.55);
            color:#fff;
            padding:14px 28px;
            border-radius:40px;
            font-weight:600;
            transition:.35s;
        }

        .btn-outline-light-custom:hover{
            background:#fff;
            color:var(--primary);
            transform:translateY(-5px);
        }

        .section-padding{
            padding:90px 0;
        }

        .section-title{
            font-family:'Playfair Display', serif;
            font-size:42px;
            font-weight:700;
            color:var(--primary);
            margin-bottom:14px;
        }

        .section-subtitle{
            max-width:730px;
            margin:0 auto 45px;
            color:#6d5b4c;
            line-height:1.8;
        }

        .about-card{
            background:#fff;
            border-radius:28px;
            padding:35px;
            box-shadow:0 20px 55px rgba(122,62,18,.10);
            border:1px solid rgba(212,155,69,.18);
            height:100%;
            transition:.35s;
        }

        .about-card:hover{
            transform:translateY(-10px);
            box-shadow:0 28px 70px rgba(122,62,18,.18);
        }

        .icon-box{
            width:64px;
            height:64px;
            display:flex;
            align-items:center;
            justify-content:center;
            border-radius:20px;
            background:linear-gradient(135deg, var(--cream), #fff);
            color:var(--primary);
            font-size:30px;
            margin-bottom:22px;
            box-shadow:inset 0 0 0 1px rgba(212,155,69,.18);
        }

        .product-card{
            background:#fff;
            border-radius:30px;
            overflow:hidden;
            height:100%;
            box-shadow:0 16px 45px rgba(122,62,18,.11);
            border:1px solid rgba(212,155,69,.18);
            transition:.38s;
            cursor:pointer;
        }

        .product-card:hover{
            transform:translateY(-12px) rotate(-.6deg);
            box-shadow:0 26px 70px rgba(122,62,18,.20);
        }

        .product-img{
            height:220px;
            width:100%;
            object-fit:cover;
            transition:.45s;
        }

        .product-card:hover .product-img{
            transform:scale(1.08);
        }

        .product-img-wrap{
            overflow:hidden;
        }

        .product-body{
            padding:25px;
        }

        .product-body h4{
            color:var(--primary);
            font-weight:700;
            margin-bottom:10px;
        }

        .tag{
            display:inline-block;
            background:#f6ead7;
            color:var(--primary);
            padding:6px 12px;
            border-radius:20px;
            font-size:12px;
            font-weight:600;
            margin-top:10px;
        }

        .highlight-section{
            background:
                linear-gradient(135deg, rgba(122,62,18,.94), rgba(47,107,53,.90)),
                url('https://images.unsplash.com/photo-1606787366850-de6330128bfc?auto=format&fit=crop&w=1600&q=80') center/cover fixed;
            color:#fff;
        }

        .stat-box{
            text-align:center;
            padding:28px;
            border-radius:25px;
            background:rgba(255,255,255,.13);
            border:1px solid rgba(255,255,255,.22);
            backdrop-filter:blur(8px);
            transition:.35s;
        }

        .stat-box:hover{
            transform:translateY(-8px);
            background:rgba(255,255,255,.20);
        }

        .stat-box h3{
            font-size:38px;
            font-weight:800;
            color:#ffd36d;
        }

        .coming-soon-card{
            background:linear-gradient(135deg, #fff, #fff6e6);
            border-radius:34px;
            padding:45px;
            box-shadow:0 24px 70px rgba(122,62,18,.14);
            border:1px solid rgba(212,155,69,.22);
            position:relative;
            overflow:hidden;
        }

        .coming-soon-card::after{
            content:"COMING SOON";
            position:absolute;
            right:-28px;
            top:30px;
            transform:rotate(35deg);
            background:var(--accent);
            color:#fff;
            padding:8px 48px;
            font-size:13px;
            font-weight:700;
            letter-spacing:1px;
        }

        .progress-line{
            height:10px;
            border-radius:20px;
            background:#ead7b9;
            overflow:hidden;
            margin-top:22px;
        }

        .progress-line span{
            display:block;
            height:100%;
            width:68%;
            border-radius:20px;
            background:linear-gradient(90deg, var(--secondary), var(--accent));
            animation:progressMove 3s infinite ease-in-out;
        }

        @keyframes progressMove{
            0%,100%{width:56%;}
            50%{width:76%;}
        }

        .contact-card{
            background:#fff;
            border-radius:28px;
            padding:30px;
            box-shadow:0 18px 50px rgba(122,62,18,.12);
            height:100%;
            transition:.35s;
        }

        .contact-card:hover{
            transform:translateY(-8px);
        }

        .contact-item{
            display:flex;
            gap:15px;
            margin-bottom:22px;
        }

        .contact-item i{
            width:46px;
            height:46px;
            display:flex;
            align-items:center;
            justify-content:center;
            border-radius:15px;
            background:var(--cream);
            color:var(--primary);
            font-size:20px;
            flex-shrink:0;
        }

        .footer{
            background:var(--dark);
            color:#dcc7aa;
            padding:35px 0;
        }

        .footer strong{
            color:#fff;
        }

        .floating-whatsapp{
            position:fixed;
            right:22px;
            bottom:22px;
            width:58px;
            height:58px;
            background:#25d366;
            color:#fff;
            display:flex;
            align-items:center;
            justify-content:center;
            border-radius:50%;
            font-size:29px;
            z-index:999;
            box-shadow:0 12px 30px rgba(37,211,102,.42);
            transition:.35s;
            text-decoration:none;
        }

        .floating-whatsapp:hover{
            transform:scale(1.12) rotate(8deg);
            color:#fff;
        }

        .click-effect{
            position:relative;
            overflow:hidden;
        }

        .click-effect::before{
            content:"";
            position:absolute;
            width:0;
            height:0;
            left:50%;
            top:50%;
            border-radius:50%;
            background:rgba(255,255,255,.35);
            transform:translate(-50%, -50%);
            transition:.5s;
        }

        .click-effect:active::before{
            width:280px;
            height:280px;
        }

        @media(max-width:768px){
            .hero{
                min-height:auto;
                padding:100px 0 80px;
            }

            .section-padding{
                padding:65px 0;
            }

            .section-title{
                font-size:34px;
            }

            .coming-soon-card{
                padding:34px 25px;
            }
        }

        .cia-link{
            color: #f4c430;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s ease;
        }

        .cia-link:hover{
            color: #ffffff;
            text-shadow: 0 0 10px rgba(244,196,48,0.8);
        }

        .amazing-logo{
            max-width: 220px;
            transition: all 0.4s ease;
        }

        .amazing-logo:hover{
            transform: scale(1.05);
        }

        .coming-soon-box{
            background: linear-gradient(135deg, #fff8e7, #ffffff);
            padding: 20px;
            border-radius: 15px;
            width: 100%;
            border: 1px solid rgba(0,0,0,0.08);
            box-shadow: 0 10px 30px rgba(0,0,0,0.06);
        }

        .asht-logo{
            max-width: 160px;
            transition: all 0.4s ease;
        }

        .asht-logo:hover{
            transform: scale(1.05);
        }

        .more-products-box{
            background: linear-gradient(135deg, #fff8e7, #ffffff);
            border: 1px dashed rgba(126, 87, 37, 0.35);
            border-radius: 25px;
            padding: 35px;
            box-shadow: 0 15px 40px rgba(0,0,0,0.08);
            overflow: hidden;
            position: relative;
        }

        .more-products-box::before{
            content: "";
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at right, rgba(244,196,48,0.18), transparent 45%);
            pointer-events: none;
        }

        .small-heading{
            display: inline-flex;
            align-items: center;
            gap: 10px;
            color: var(--primary);
            font-weight: 700;
            font-size: 18px;
            margin-bottom: 12px;
        }

        .more-products-box h3{
            color: var(--dark);
            font-size: 42px;
            font-weight: 800;
            line-height: 1.15;
            margin-bottom: 18px;
        }

        .more-products-box p{
            color: #666;
            font-size: 17px;
            line-height: 1.7;
            margin-bottom: 22px;
        }

        .more-products-img{
            max-height: 330px;
            object-fit: contain;
            transition: all 0.5s ease;
            filter: drop-shadow(0 15px 25px rgba(0,0,0,0.15));
        }

        .more-products-box:hover .more-products-img{
            transform: scale(1.04) translateY(-5px);
        }

        .product-mini-list{
            margin-top: 30px;
            padding-top: 22px;
            border-top: 1px solid rgba(126, 87, 37, 0.18);
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 18px;
        }

        .product-mini-list span{
            color: var(--primary);
            font-weight: 600;
            background: #ffffff;
            padding: 10px 16px;
            border-radius: 50px;
            box-shadow: 0 8px 20px rgba(0,0,0,0.06);
            transition: all 0.3s ease;
        }

        .product-mini-list span:hover{
            transform: translateY(-4px);
            background: var(--primary);
            color: #ffffff;
        }

        .more-products-footer{
            text-align: center;
            margin-top: 25px;
            color: var(--primary);
            font-weight: 700;
            font-size: 18px;
        }

        .more-products-footer span{
            margin: 0 12px;
            color: #c48a2c;
        }

        @media(max-width: 768px){
            .more-products-box{
                padding: 25px;
                text-align: center;
            }

            .more-products-box h3{
                font-size: 30px;
            }

            .more-products-img{
                max-height: 230px;
            }

            .product-mini-list{
                gap: 10px;
            }

            .product-mini-list span{
                font-size: 14px;
                padding: 8px 12px;
            }
        }