:root {
            --ivory: #f8f5ef;
            --cream: #eee7da;
            --gold: #b49352;
            --dark-gold: #80652d;
            --black: #171513;
            --soft-black: #24211e;
            --text: #55504a;
            --white: #ffffff;
        }

        * {
            scroll-behavior: smooth;
        }

        body {
            margin: 0;
            background: var(--ivory);
            color: var(--black);
            font-family: 'Inter', sans-serif;
        }

        h1,
        h2,
        h3,
        h4,
        h5 {
            font-family: 'Cormorant Garamond', serif;
        }

        /* =========================
           TOP BAR
        ========================= */

        .topbar {
            background: #12100e;
            color: #ddd;
            font-size: 13px;
            padding: 9px 0;
        }

        .topbar a {
            color: #ddd;
            text-decoration: none;
        }

        /* =========================
           NAVBAR
        ========================= */

        .navbar {
            background: rgba(255,255,255,.96);
            backdrop-filter: blur(12px);
            padding: 18px 0;
            border-bottom: 1px solid rgba(0,0,0,.08);
            transition: .3s;
        }

        .navbar-brand {
            font-family: 'Cormorant Garamond', serif;
            font-size: 29px;
            font-weight: 700;
            letter-spacing: 1px;
            color: var(--black);
        }

        .navbar-brand span {
            display: block;
            font-family: 'Inter', sans-serif;
            font-size: 8px;
            letter-spacing: 4px;
            color: var(--gold);
            text-transform: uppercase;
            margin-top: -4px;
        }

        .nav-link {
            color: #332f2a !important;
            font-size: 14px;
            font-weight: 500;
            margin: 0 8px;
        }

        .nav-link:hover {
            color: var(--gold) !important;
        }

        .nav-btn {
            border: 1px solid var(--gold);
            color: var(--black);
            padding: 10px 20px;
            border-radius: 0;
        }

        .nav-btn:hover {
            background: var(--gold);
            color: white;
        }
.logo{
    height: 80px;
}
/* ========================================
   PREMIUM NAVIGATION
======================================== */

.navbar {
    background: rgba(255,255,255,.97);
    backdrop-filter: blur(15px);
    padding: 16px 0;
    border-bottom: 1px solid rgba(0,0,0,.08);
    transition: all .3s ease;
    z-index: 1000;
}

.navbar-brand {
    font-family: 'Cormorant Garamond', serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #171513;
    line-height: .8;
}

.navbar-brand:hover {
    color: #b49352;
}

.navbar-brand span {
    display: block;
    font-family: 'Inter', sans-serif;
    font-size: 8px;
    letter-spacing: 4px;
    color: #b49352;
    text-transform: uppercase;
    margin-top: 8px;
}


/* NAV LINKS */

.nav-link {
    color: #292621 !important;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .4px;
    margin: 0 5px;
    padding: 12px 9px !important;
    text-transform: uppercase;
    transition: all .25s ease;
}

.nav-link:hover,
.nav-link:focus {
    color: #b49352 !important;
}


/* DROPDOWN ARROW */

.dropdown-toggle::after {
    margin-left: 7px;
    vertical-align: 2px;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}


/* ========================================
   PREMIUM DROPDOWN
======================================== */

.premium-dropdown {
    min-width: 250px;
    padding: 10px 0;
    margin-top: 12px;

    background: rgba(255,255,255,.98);

    border: 1px solid #e2d8c5;
    border-radius: 0;

    box-shadow:
        0 20px 50px rgba(0,0,0,.12);

    animation: dropdownFade .2s ease;
}


@keyframes dropdownFade {

    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


.premium-dropdown .dropdown-item {

    padding: 13px 22px;

    font-size: 12px;
    font-weight: 500;

    color: #3b3732;

    transition: all .25s ease;

    border-left: 2px solid transparent;
}


.premium-dropdown .dropdown-item:hover {

    background: #f8f5ef;

    color: #9c7a38;

    border-left-color: #b49352;

    padding-left: 27px;

}


.premium-dropdown .dropdown-item i {

    font-size: 8px;

    color: #b49352;

    margin-right: 8px;

}


/* CONTACT */

.nav-contact {

    border: 1px solid #b49352;

    padding: 10px 17px !important;

    margin-left: 10px;

}


.nav-contact:hover {

    background: #b49352;

    color: white !important;

}


/* MOBILE NAV */

.navbar-toggler {

    border: 1px solid #b49352;

    border-radius: 0;

    padding: 8px 11px;

}


.navbar-toggler:focus {

    box-shadow: none;

}


.navbar-toggler i {

    font-size: 22px;

    color: #80652d;

}


/* MOBILE DROPDOWN */

@media(max-width: 991px) {

    .navbar-collapse {

        padding: 20px 0;

    }

    .nav-link {

        padding: 13px 5px !important;

    }

    .premium-dropdown {

        border: 0;

        box-shadow: none;

        margin-top: 0;

        padding-left: 15px;

        background: #faf8f3;

    }

    .nav-contact {

        margin-left: 0;

        display: inline-block;

        margin-top: 8px;

    }

}
        /* =========================
           HERO
        ========================= */



        .hero-content {
            max-width: 700px;
            color: white;
        }

        .hero-label {
            color: #e0c582;
            font-size: 13px;
            letter-spacing: 4px;
            text-transform: uppercase;
            margin-bottom: 20px;
        }

        .hero h1 {
            font-size: clamp(55px, 7vw, 95px);
            line-height: .9;
            margin-bottom: 28px;
            font-weight: 500;
        }

        .hero h1 span {
            color: #dfc47e;
        }

        .hero p {
            max-width: 600px;
            font-size: 17px;
            line-height: 1.8;
            color: #eee;
            font-weight: 300;
        }

        .hero-buttons {
            margin-top: 35px;
        }

        .btn-gold {
            background: var(--gold);
            border: 1px solid var(--gold);
            color: white;
            padding: 14px 30px;
            border-radius: 0;
            font-size: 13px;
            letter-spacing: 1px;
            font-weight: 600;
        }

        .btn-gold:hover {
            background: #967735;
            border-color: #967735;
            color: white;
        }

        .btn-outline-light-custom {
            border: 1px solid rgba(255,255,255,.7);
            color: white;
            padding: 14px 30px;
            border-radius: 0;
            font-size: 13px;
            margin-left: 10px;
        }

        .btn-outline-light-custom:hover {
            background: white;
            color: black;
        }

        /* =========================
           FLOATING TRUST
        ========================= */

        .hero-trust {
            position: absolute;
            bottom: 35px;
            right: 5%;
            display: flex;
            gap: 35px;
            color: white;
        }

        .trust-number {
            font-family: 'Cormorant Garamond';
            font-size: 31px;
            color: #e2c57b;
        }

        .trust-text {
            font-size: 11px;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: #ddd;
        }

        /* =========================
           SECTION
        ========================= */

        .section {
            padding: 100px 0;
        }

        .section-label {
            font-size: 11px;
            color: var(--gold);
            letter-spacing: 4px;
            text-transform: uppercase;
            font-weight: 600;
            margin-bottom: 12px;
        }

        .section-title {
            font-size: 55px;
            line-height: 1;
            margin-bottom: 20px;
        }

        .section-description {
            color: var(--text);
            line-height: 1.8;
            max-width: 650px;
        }

        /* =========================
           CATEGORIES
        ========================= */

        .category-card {
            position: relative;
            height: 440px;
            overflow: hidden;
            margin-bottom: 24px;
            background: #ddd;
        }

        .category-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform .7s ease;
        }

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

        .category-overlay {
            position: absolute;
            inset: 0;

            background:
                linear-gradient(
                    0deg,
                    rgba(0,0,0,.85),
                    rgba(0,0,0,.05) 65%
                );

            display: flex;
            align-items: flex-end;
            padding: 30px;
            color: white;
        }

        .category-overlay h3 {
            font-size: 34px;
            margin-bottom: 5px;
        }

        .category-overlay p {
            margin: 0;
            font-size: 12px;
            color: #ddd;
        }

        .category-arrow {
            position: absolute;
            right: 25px;
            bottom: 30px;

            width: 44px;
            height: 44px;
            border: 1px solid rgba(255,255,255,.5);

            display: flex;
            align-items: center;
            justify-content: center;

            transition: .3s;
        }

        .category-card:hover .category-arrow {
            background: var(--gold);
            border-color: var(--gold);
        }

        /* =========================
           ABOUT
        ========================= */

        .about-image {
            height: 620px;
            overflow: hidden;
        }

        .about-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .about-content {
            padding: 50px;
        }

        .about-content h2 {
            font-size: 60px;
            line-height: 1;
        }

        .about-content p {
            color: var(--text);
            line-height: 1.9;
        }

        .feature {
            display: flex;
            gap: 18px;
            margin-top: 30px;
        }

        .feature-icon {
            min-width: 48px;
            height: 48px;
            border: 1px solid #d3bc86;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--gold);
        }

        .feature h5 {
            margin: 0 0 4px;
            font-size: 21px;
        }

        .feature p {
            font-size: 13px;
            margin: 0;
        }

        /* =========================
           PRODUCTS
        ========================= */

        .product-card {
            background: white;
            border: 1px solid #e4ded3;
            transition: .35s;
            height: 100%;
        }

        .product-card:hover {
            transform: translateY(-7px);
            box-shadow: 0 20px 50px rgba(0,0,0,.08);
        }

        .product-image {
            height: 300px;
            overflow: hidden;
            background: #eee;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: .5s;
        }

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

        .product-body {
            padding: 25px;
        }

        .product-category {
            color: var(--gold);
            font-size: 10px;
            letter-spacing: 2px;
            text-transform: uppercase;
        }

        .product-body h3 {
            font-size: 27px;
            margin: 8px 0;
        }

        .product-body p {
            font-size: 13px;
            color: #777;
            margin-bottom: 20px;
        }

        .product-link {
            color: var(--black);
            text-decoration: none;
            font-size: 12px;
            letter-spacing: 1px;
            font-weight: 600;
        }

        .product-link i {
            margin-left: 8px;
        }

        /* =========================
           PREMIUM BANNER
        ========================= */



        .premium-banner h2 {
            font-size: 65px;
            max-width: 850px;
            margin: auto;
            line-height: 1;
        }

        .premium-banner p {
            color: #ddd;
            max-width: 600px;
            margin: 25px auto 35px;
            line-height: 1.8;
        }

        /* =========================
           PROCESS
        ========================= */

        .process-item {
            position: relative;
            padding: 35px;
            border-top: 1px solid #d8d0c2;
        }

        .process-number {
            font-family: 'Cormorant Garamond';
            font-size: 55px;
            color: #cdb77c;
        }

        .process-item h3 {
            font-size: 30px;
        }

        .process-item p {
            color: #777;
            font-size: 14px;
            line-height: 1.7;
        }

        /* =========================
           CTA
        ========================= */

        .cta {
            background: var(--cream);
            padding: 90px 0;
        }

        .cta h2 {
            font-size: 60px;
            line-height: 1;
        }

        /* =========================
           FOOTER
        ========================= */

        footer {
            background: #151311;
            color: #bbb;
            padding: 75px 0 25px;
        }

        footer h3 {
            color: white;
            font-size: 28px;
        }

        footer h5 {
            color: white;
            font-family: 'Inter';
            font-size: 13px;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

        footer a {
            color: #aaa;
            text-decoration: none;
            display: block;
            margin-bottom: 10px;
            font-size: 13px;
        }

        footer a:hover {
            color: #d3b76e;
        }

        .footer-bottom {
            border-top: 1px solid #302d29;
            margin-top: 50px;
            padding-top: 20px;
            font-size: 12px;
        }

        /* =========================
           WHATSAPP
        ========================= */
/* ========================================
   SOCIAL MEDIA RAIL
======================================== */

.social-rail {

    position: fixed;

    right: 22px;
    bottom: 25px;

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 9px;

    z-index: 9999;

}


/* SOCIAL BUTTON */

.social-btn,
.whatsapp-btn {

    position: relative;

    width: 48px;
    height: 48px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: white;

    color: #24211e;

    text-decoration: none;

    border: 1px solid #ddd4c5;

    box-shadow:
        0 8px 25px rgba(0,0,0,.13);

    transition:
        transform .3s ease,
        background .3s ease,
        color .3s ease;

}


.social-btn i,
.whatsapp-btn i {

    font-size: 19px;

}


.social-btn:hover,
.whatsapp-btn:hover {

    transform: translateY(-4px);

    color: white;

}


/* FACEBOOK */

.social-btn.facebook:hover {

    background: #1877f2;

    border-color: #1877f2;

}


/* INSTAGRAM */

.social-btn.instagram:hover {

    background: #c13584;

    border-color: #c13584;

}


/* X */

.social-btn.x-social:hover {

    background: #000;

    border-color: #000;

}


/* PINTEREST */

.social-btn.pinterest:hover {

    background: #bd081c;

    border-color: #bd081c;

}


/* YOUTUBE */

.social-btn.youtube:hover {

    background: #ff0000;

    border-color: #ff0000;

}


/* WHATSAPP */

.whatsapp-btn {

    width: 58px;
    height: 58px;

    background: #25d366;

    color: white;

    border: none;

}


.whatsapp-btn i {

    font-size: 27px;

}


.whatsapp-btn:hover {

    background: #1ebe5d;

}


/* TOOLTIP */

.social-btn span,
.whatsapp-btn span {

    position: absolute;

    right: 62px;

    top: 50%;

    transform:
        translateY(-50%)
        translateX(8px);

    background: #171513;

    color: white;

    padding: 7px 12px;

    font-size: 11px;

    white-space: nowrap;

    opacity: 0;

    pointer-events: none;

    transition: .25s;

}


.social-btn span::after,
.whatsapp-btn span::after {

    content: "";

    position: absolute;

    right: -5px;

    top: 50%;

    transform: translateY(-50%);

    border-left: 5px solid #171513;

    border-top: 5px solid transparent;

    border-bottom: 5px solid transparent;

}


.social-btn:hover span,
.whatsapp-btn:hover span {

    opacity: 1;

    transform:
        translateY(-50%)
        translateX(0);

}


/* DIVIDER */

.social-divider {

    width: 28px;

    height: 1px;

    background: #c9b98f;

    margin: 3px 0 4px;

}


/* MOBILE */

@media(max-width: 575px) {

    .social-rail {

        right: 12px;

        bottom: 15px;

        gap: 6px;

    }


    .social-btn {

        width: 40px;
        height: 40px;

    }


    .social-btn i {

        font-size: 16px;

    }


    .whatsapp-btn {

        width: 52px;
        height: 52px;

    }


    .whatsapp-btn i {

        font-size: 23px;

    }

}
        /* =========================
           RESPONSIVE
        ========================= */

        @media(max-width: 991px) {

            .hero {
                min-height: 75vh;
            }

            .hero-trust {
                display: none;
            }

            .about-content {
                padding: 40px 15px;
            }

            .about-image {
                height: 450px;
            }

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

        @media(max-width: 575px) {

            .hero h1 {
                font-size: 55px;
            }

            .hero p {
                font-size: 15px;
            }

            .btn-outline-light-custom {
                margin-left: 0;
                margin-top: 10px;
            }

            .premium-banner h2 {
                font-size: 43px;
            }

            .cta h2 {
                font-size: 45px;
            }
        }