@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=Manrope:wght@300;400;500;600&display=swap');

:root {
    --primary-color: #2B1E1A;
    --secondary-color: #D4AF37;
    --color-blue: #0d6efd;
    --white-color: #fff;



    /*--- BackGround Colo ---*/
    --background-color: linear-gradient(135deg,
            #F5D97A,
            #D4AF37,
            #A67C1B,
            #7A5A12);

    --light-bg: #F5E9DA;

    /*--- Highlite Color ---*/

    --gold-light: #F5D97A;
    --gold-main: #D4AF37;
    --gold-dark: #A67C1B;
    --gold-deep: #7A5A12;
    --Highlight-Color: #F5D97A;

    /*--- Text Color ---*/
    --Heading-Color: #F5E9DA;
    --Text-color: #F5E9DA;
    --text-secondary: #CBB9A8;
    --text-dark: #1A120F;

    /*--- Navbar Color ---*/
    --navbar-color: var(--primary-color);
    --navbar-text-color: var(--Heading-Color);

    /*--- Footer Color ---*/
    --footer-color: var(--primary-color);
    --footer-heading-color: #FFF;
    --footer-text-color: #ddd;
    --footer-bottom-color: #231915;

    /*--- PRIMARY COLORS ---*/
    --color-bg: #2B1E1A;
    --color-bg-dark: #1A120F;
    --color-surface: #3A2621;


    /*--- BORDER & DIVIDER ---*/
    --border-color: rgba(212, 175, 55, 0.2);

    /*--- SHADOW ---*/

    --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.3);
    --shadow-gold: 0 5px 20px rgba(212, 175, 55, 0.25);

    /* ===== GRADIENTS ===== */
    --gradient-gold: linear-gradient(135deg,
            var(--gold-light),
            var(--gold-main),
            var(--gold-dark),
            var(--gold-deep));

    --gradient-dark: linear-gradient(180deg,
            #2B1E1A,
            #1A120F);

}

html {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body {
    background: #F5E9DA;
    padding-top: 90px;
    overflow-x: hidden;
}

body p {
    font-family: 'Manrope', sans-serif;
}

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

.sub-heading {
    letter-spacing: 1px;
    font-size: 15px;
    color: var(--Highlight-Color);
}

.highlite-des {
    color: var(--Highlight-Color);
    letter-spacing: 1px;
}

.highlite {
    color: var(--Highlight-Color);
}

.dark-mode .highlite {
    color: var(--Highlight-Color) !important;
}

@media (max-width:768px) {
    .highlite-des {
        color: inherit;
    }

}

.hyper-link {
    text-decoration: none;
    color: inherit;
}

/*---- Empty Bg -----*/
.empty-bg {
    height: 80vh;
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://i.pinimg.com/1200x/9e/56/0c/9e560cdb73ae2abfd80577e093f8335b.jpg') center / cover no-repeat;
    background-attachment: fixed;
}

/*<section class="empty-bg">
        </section>*/


/*-- Buttons Start --*/

.primary-btn {
    background: var(--gradient-gold);
    color: #000;
    padding: 12px 28px;
    border-radius: 10px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: 0.3s ease;
    box-shadow: var(--shadow-gold);
}

.primary-btn:hover {
    color: #FFF;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.4);
}

@media (max-width:768px) {
    .primary-btn {
        padding: 10px 25px;
    }

    .secondary-btn {
        padding: 10px 25px;
    }

}

.secondary-btn {
    background: transparent;
    color: var(--gold-main);
    border: 1px solid var(--gold-main);
    padding: 12px 28px;
    border-radius: 10px;
    transition: 0.3s ease;
    font-weight: 600;
}

.secondary-btn:hover {
    background: var(--gold-main);
    color: var(--text-dark);
}


.btn-ghost {
    background: transparent;
    color: var(--text-primary);
    border: 1px solid var(--border-color);
    padding: 10px 24px;
    border-radius: var(--radius-md);
}

.btn-ghost:hover {
    border-color: var(--gold-main);
    color: var(--gold-main);
}

/*-- Buttons End --*/

/*--- Display None ---*/
@media (max-width:575px) {

    .dis-no {
        display: none;
    }
}

/*------ NAVBAR -------*/

.custom-navbar {
    background: var(--navbar-color);
    padding: 15px 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
    z-index: 9999;
}


.brand-logo {
    width: 100px;
}

/* center menu */
.nav-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}



/* hover animation */

.nav-link::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 0%;
    height: 2px;
    background: var(--secondary-color);
    transition: 0.4s;
}

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

/* dropdown */

.dropdown-menu {
    background: #231915;
    border: none;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

.dropdown-item {
    color: var(--navbar-text-color);
    transition: 0.3s;
}

.dropdown-item:hover {
    background: #0d6efd;
    color: var(--white-color);
}



/* dark mode toggle */

.dark-toggle {
    font-size: 20px;
    color: var(--white-color);
    margin-right: 15px;
    cursor: pointer;
}


/* ARROW ICON */

.nav-arrow {
    font-size: 12px;
    margin-left: 6px;
    transition: 0.3s;
}

/* Rotate arrow when dropdown open */

.show>.nav-link .nav-arrow {
    transform: rotate(180deg);
}


/* ACTIVE NAV */

.nav-link.active {
    color: var(--secondary-color) !important;
}

.nav-link.active::after {
    width: 90%;
}

.nav-link {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--navbar-text-color) !important;
    margin: 0 14px;
    font-weight: 500;
    position: relative;
    padding-bottom: 6px;
}


.navbar-toggler {
    border: none;
}

.navbar-toggler-icon {
    color: var(--navbar-text-color);
    filter: brightness(9);
}

.login-btn {
    background: var(--gradient-gold);
    color: var(--text-dark);
    border: none;
    padding: 10px 25px;
    border-radius: 30px;
    font-weight: 500;
    transition: 0.3s;
}

a {
    text-decoration: none;
}

.login-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

/* Desktop center menu */

@media (min-width:992px) {

    .nav-center {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

}

/* Mobile layout fix */

@media (max-width:991px) {

    .nav-center {
        position: static;
        transform: none;
        text-align: left;
        margin-top: 20px;
    }

    .navbar-nav {
        gap: 10px;
    }

    .login-btn {
        width: 100%;
        margin-top: 10px;
    }

}



/*------ END OF NAVBAR -------*/

/*------ FOOTER -------*/
.footer {
    background: var(--footer-color);
    padding-top: 60px;
    font-size: 14px;
    border-top: 2px solid var(--secondary-color);
}

.footer-logo {
    width: 120px;
    margin-bottom: 20px;
}


.footer-title {
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--footer-heading-color);
}

.footer-text {
    color: var(--footer-text-color);
    line-height: 1.6;
}

.footer-links {
    list-style: none;
    padding: 0;
}

.footer-links a {
    text-decoration: none;
    color: var(--footer-text-color);
    display: block;
    margin-bottom: 8px;
    transition: 0.3s;
}

.footer-links a:hover {
    color: var(--Highlight-Color);
    transform: translateX(4px);
}

.footer-contact {
    margin-bottom: 8px;
}

.footer-contact {
    color: var(--footer-text-color);
}


.footer-newsletter {
    display: flex;
    margin-top: 10px;
}

.footer-newsletter input {
    border: 1px solid #ddd;
    padding: 8px;
    flex: 1;
    border-radius: 4px 0 0 4px;
}

.footer-newsletter button {
    background: var(--gold-main);
    border: none;
    color: #000;
    padding: 8px 12px;
    border-radius: 0 4px 4px 0;
}

.footer-social {
    margin-top: 20px;
}

.social-icons i {
    color: var(--footer-heading-color);
    font-size: 18px;
    margin-right: 15px;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.3s;
}

.social-icons i:hover {
    color: var(--Highlight-Color);
    transform: translateY(-3px);
}

/* Bottom Footer */

.footer-bottom {
    background: var(--footer-bottom-color);
    color: var(--white-color);
    padding: 15px 0;
    margin-top: 40px;
}

.footer-bottom-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.footer-copy {
    justify-content: center;
    margin-top: 10px;
}

.footer-menu a {
    color: white;
    margin-right: 20px;
    text-decoration: none;
    transition: .3s;
}

.footer-menu a:hover {
    color: var(--secondary-color);
    transform: translateY(-5px);
}


/* Responsive */

@media(max-width:768px) {

    .footer-bottom-content {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }

}


/*------ END OF FOOTER -------*/



/*====== DARK MODE  ======*/

body {
    transition: 0.4s;
}

.dark-mode-toggle {
    font-size: 22px;
    color: var(--navbar-text-color);
    cursor: pointer;
    margin-right: 20px;
    transition: 0.3s;
}

.dark-mode .dark-mode-toggle {
    color: gold;
}

.dark-mode-toggle:hover {
    transform: scale(1.1);
}


.dark-mode {
    background: #0a0a0a;
    color: white;
}


.dark-mode .highlite {
    color: var(--Highlight-Color) !important;
}

.dark-mode .secondary-btn:hover {
    color: #000;
}

/*---- Dark mode for sections ----*/

.dark-mode .dark-section {
    background-color: #000;
}


.dark-mode .dark-section-2 {
    background-color: #070415;
}

.dark-mode .dark-section h1,
.dark-mode .dark-section h2,
.dark-mode .dark-section h3,
.dark-mode .dark-section h4,
.dark-mode .dark-section h5,
.dark-mode .dark-section-2 h1,
.dark-mode .dark-section-2 h2,
.dark-mode .dark-section-2 h3,
.dark-mode .dark-section-2 h4,
.dark-mode .dark-section-2 h5 {
    color: #fff;
}

.dark-mode .dark-section p,
.dark-mode .dark-section li,
.dark-mode .dark-section a,
.dark-mode .dark-section-2 p,
.dark-mode .dark-section-2 li,
.dark-mode .dark-section-2 a {
    color: #ccc !important;
}

.dark-mode .dark-section-2 li:hover,
.dark-mode .dark-section-2 a:hover,
.dark-mode .dark-section li:hover,
.dark-mode .dark-section a:hover,
.dark-mode .dark-section-2 .sub-heading,
.dark-mode .dark-section .sub-heading {
    color: var(--Highlight-Color);
}

.dark-mode .dark-section-card {
    background: #171718;
    border: 1px solid #1f1a1a;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 5);
}

.dark-mode .dark-section-card h5 {
    color: #fff;
}

.dark-mode .dark-section-card p {
    color: #ccc;
}

.dark-mode .dark-section-card .social-box i {
    color: #000;
}

.dark-mode .dark-section-card .social-box i:hover {
    color: var(--Highlight-Color);
}

.dark-mode .dark-section-card i {
    color: var(--gold-light);
}

.dark-mode .dark-section-2 .primary-btn {
    color: #FFF !important;
}

.dark-mode .dark-section-2 .secondary-btn {
    color: #FFF !important;
}

.dark-mode .dark-section-2 .primary-btn:hover,
.dark-mode .dark-section-2 .secondary-btn:hover {
    color: #FFF !important;
}

/*------ END OF DARK MODE  ------*/

/*============= Index.HTML Start ==============*/

/*---------- V1 Hero Section Start --------*/
/* ===== HERO SECTION ===== */
.v1-hero-section {
    background: linear-gradient(180deg, #2B1E1A, #1A120F);
    padding: 30px 0;
    color: #F5E9DA;
}

/* ===== CONTAINER ===== */
.v1-hero-container {
    width: 90%;
    max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}

/* ===== LEFT CONTENT ===== */
.v1-hero-content {
    flex: 1;
}

.v1-hero-heading {
    font-family: 'Cormorant Garamond', serif;
    font-size: 52px;
    line-height: 1.2;
    margin-bottom: 20px;
    background: linear-gradient(135deg, #F5D97A, #D4AF37, #A67C1B);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.v1-hero-text {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    color: #CBB9A8;
    margin-bottom: 30px;
    max-width: 500px;
}

/* ===== BUTTONS ===== */
.v1-hero-buttons {
    display: flex;
    gap: 15px;
}

/* ===== RIGHT IMAGE ===== */
.v1-hero-image {
    flex: 1;
    text-align: right;
}

.v1-hero-image img {
    width: 100%;
    max-width: 500px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
    .v1-hero-section {
        padding: 90px 0;
    }

    .v1-hero-container {
        flex-direction: column;
        text-align: center;
    }

    .v1-hero-image {
        text-align: center;
    }

    .v1-hero-heading {
        font-size: 40px;
    }

    .v1-hero-text {
        margin: auto;
    }

    .v1-hero-buttons {
        margin-top: 20px;
        justify-content: center;
    }
}

/*---------- V1 Hero  Section End --------*/

/*---------- V1 About Us  Section Start --------*/

/* ===== SECTION ===== */
.v1-abt-section {
    background: #fef5eb;
    padding: 100px 0;
}

/* ===== CONTAINER ===== */
.v1-abt-container {
    width: 90%;
    max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}

/* ===== LEFT CONTENT ===== */
.v1-abt-content {
    flex: 1;
}

/* Subtitle */
.v1-abt-subtitle {
    font-size: 40px;
    color: #000;
    margin-bottom: 10px;
}

/* Title */
.v1-abt-title {
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #272727;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
}

.v1-abt-title span {
    flex: 1;
    height: 1px;
    background: #D4AF37;
}

/* Paragraph */
.v1-abt-text {
    font-size: 16px;
    color: #242424;
    line-height: 1.8;
    margin-bottom: 20px;
}

/* Link */
.v1-abt-link {
    font-family: 'Cormorant Garamond', serif;
    font-size: 18px;
    color: #000;
    text-decoration: none;
    letter-spacing: 1px;
    display: inline-block;
    margin-top: 20px;
    transition: 0.3s ease;
}

.v1-abt-link:hover {
    letter-spacing: 3px;
}

/* ===== IMAGE ===== */
.v1-abt-image {
    flex: 1;
}

.v1-abt-image img {
    width: 100%;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
    .v1-abt-container {
        flex-direction: column;
        text-align: center;
    }

    .v1-abt-title {
        justify-content: center;
    }
}

/*---------- V1 About Us  Section End --------*/

/*---------- Featured Section Start -----*/

/* ===== SECTION ===== */
.v1-featured-section {
    background: var(--primary-color);
    padding: 100px 0;
    color: #F5E9DA;
}

.v1-featured-container {
    width: 90%;
    max-width: 1200px;
    margin: auto;
    text-align: center;
}

/* HEADER */
.v1-featured-subtitle {
    font-family: 'Cormorant Garamond';
    font-size: 32px;
    color: #D4AF37;
}

.v1-featured-title {
    font-family: 'Manrope';
    letter-spacing: 3px;
    margin-bottom: 10px;
}

.v1-featured-desc {
    color: #CBB9A8;
    max-width: 600px;
    margin: auto;
    margin-bottom: 50px;
}

/* GRID */
.v1-featured-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* CARD */
.v1-featured-card {
    background: #3A2621;
    border-radius: 16px;
    overflow: hidden;
    transition: 0.3s ease;
}

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

/* IMAGE */
.v1-featured-img {
    position: relative;
}

.v1-featured-img img {
    width: 100%;
    height: 370px;
    object-fit: cover;
}

/* BADGE */
.v1-featured-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #D4AF37;
    color: #1A120F;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 6px;
}

/* CONTENT */
.v1-featured-content {
    padding: 20px 20px 30px 20px;
}

.v1-featured-content h4 {
    margin-bottom: 5px;
}

.v1-featured-content p {
    color: #CBB9A8;
    font-size: 14px;
    margin-bottom: 25px;
}

@media (max-width: 992px) {
    .v1-featured-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .v1-featured-grid {
        grid-template-columns: 1fr;
    }
}

/*---------- Featured Section End -------*/

/*---------- V1 Why Choose Us  Section Start --------*/

/* ===== SECTION ===== */
.v1-why-section {
    background: #fef5eb;
    padding: 100px 0;
}

/* CONTAINER */
.v1-why-container {
    width: 90%;
    max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
}

/* LEFT CONTENT */
.v1-why-content {
    flex: 1;
}

/* SUBTITLE */
.v1-why-subtitle {
    font-size: 40px;
    color: #000;
    margin-bottom: 20px;
}

/* TITLE */
.v1-why-title {
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #272727;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.v1-why-title span {
    flex: 1;
    height: 1px;
    background: #D4AF37;
}

/* TEXT */
.v1-why-text {
    font-size: 16px;
    color: #242424;
    line-height: 1.8;
    margin-bottom: 20px;
    max-width: 500px;
}

/* BUTTON */
.v1-why-btn {
    display: inline-block;
    background: #3B2F2F;
    color: #fff;
    padding: 12px 24px;
    border-radius: 30px;
    text-decoration: none;
    transition: 0.3s ease;
}

.v1-why-btn:hover {
    background: #D4AF37;
    color: #1A120F;
}

/* IMAGE */
.v1-why-image {
    flex: 1;
}

.v1-why-image img {
    width: 100%;
    border-radius: 20px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
    .v1-why-container {
        flex-direction: column;
        text-align: center;
    }

    .v1-why-title {
        justify-content: center;
    }

    .v1-why-title span {
        display: none;
    }

    .v1-why-text {
        margin: auto;
    }
}

/*---------- V1 Why Choose Us  Section End --------*/

/*--- Brew Section Start ---*/

/* ===== SECTION ===== */
.v1-brew-section {
    background: var(--primary-color);
    padding: 100px 0;
    color: #F5E9DA;
}

/* CONTAINER */
.v1-brew-container {
    width: 90%;
    max-width: 1200px;
    margin: auto;
    text-align: center;
}

/* HEADER */
.v1-brew-subtitle {
    font-family: 'Cormorant Garamond';
    font-size: 32px;
    color: #D4AF37;
}

.v1-brew-title {
    font-family: 'Manrope';
    letter-spacing: 3px;
    margin-bottom: 10px;
}


.v1-brew-desc {
    color: #CBB9A8;
    max-width: 600px;
    margin: auto;
    margin-bottom: 50px;
}

/* GRID */
.v1-brew-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

/* CARD */
.v1-brew-card {
    background: #3A2621;
    border-radius: 16px;
    overflow: hidden;
    transition: 0.3s ease;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

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

/* IMAGE */
.v1-brew-card img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

/* CONTENT */
.v1-brew-content {
    padding: 20px;
}

.v1-brew-content h4 {
    margin-bottom: 5px;
}

.v1-brew-content p {
    font-size: 14px;
    color: #CBB9A8;
}

@media (max-width: 992px) {
    .v1-brew-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .v1-brew-grid {
        grid-template-columns: 1fr;
    }
}

/*--- Brew Section End ---*/

/*============= Index.HTML END  =============*/

/*============= Home.HTML Start =============*/

/*-------- V2 Hero Section Start ------*/

/* ===== HERO SECTION ===== */
.v2-hero-section {
    position: relative;
    height: 90vh;
    overflow: hidden;
}

/* VIDEO */
.v2-hero-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: 1;
}

/* OVERLAY */
.v2-hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
}

/* CONTENT */
.v2-hero-content {
    position: relative;
    z-index: 3;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    color: #F5E9DA;
}

/* HEADING */
.v2-hero-heading {
    font-family: 'Cormorant Garamond', serif;
    font-size: 60px;
    margin-bottom: 20px;
    background: linear-gradient(135deg, #F5D97A, #D4AF37);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* TEXT */
.v2-hero-text {
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    max-width: 600px;
    color: #ddd;
    margin-bottom: 30px;
}

/* BUTTON */
.v2-hero-btn {
    background: linear-gradient(135deg, #F5D97A, #D4AF37);
    color: #1A120F;
    padding: 12px 28px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s ease;
}

.v2-hero-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);
}

@media (max-width: 575px) {
    .v2-hero-heading {
        font-size: 36px;
    }

    .v2-hero-text {
        font-size: 15px;
    }
}

/*-------- V2 Hero Section End --------*/

/*-------- V2 About Us Section Start ---*/

.v2-abt-section {
    background: #fef5eb;
    padding: 80px 0;
}

.v2-abt-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}

/* LEFT SIDE */
.v2-abt-content {
    flex: 1;
}

.v2-abt-subtitle {
    display: inline-block;
    font-size: 14px;
    color: #000;
    margin-bottom: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.dark-mode .dark-section span {
    color: var(--gold-light) !important;
}

.v2-abt-title {
    font-size: 40px;
    margin-bottom: 20px;
    color: #111;
}

.v2-abt-text {
    font-size: 16px;
    color: #555;
    line-height: 1.7;
    margin-bottom: 25px;
    max-width: 500px;
}

.v2-abt-btn {
    display: inline-block;
    padding: 12px 28px;
    background: #6B0F1A;
    color: #fff;
    text-decoration: none;
    border-radius: 30px;
    transition: 0.3s ease;
}

.v2-abt-btn:hover {
    background: #D4AF37;
    color: #000;
}

/* RIGHT GRID */
.v2-abt-grid {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.v2-abt-img-box {
    overflow: hidden;
    border-radius: 12px;
}

.v2-abt-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s ease;
}

.v2-abt-img-box:hover img {
    transform: scale(1.08);
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .v2-abt-section {
        text-align: center;
    }

    .v2-abt-container {
        flex-direction: column;
    }

    .v2-abt-title {
        font-size: 32px;
    }

    .v2-abt-text {
        max-width: 100%;
    }
}

/*-------- V2 About Us Section End -----*/

/*-------- V2 What We Do Start ---------*/

.v2-what-section {
    background: #2B1E1A;
    padding: 80px 0;
    color: #fff;
}

.v2-what-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}

/* LEFT */
.v2-what-left {
    flex: 1;
}

.v2-what-title {
    font-family: "Playfair Display", serif;
    font-size: 40px;
    margin-bottom: 20px;
}

.v2-what-text {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    color: #ccc;
    line-height: 1.7;
    margin-bottom: 15px;
    max-width: 500px;
}

.v2-what-btn {
    display: inline-block;
    margin-top: 20px;
    padding: 12px 28px;
    background: #D4AF37;
    color: #000;
    text-decoration: none;
    border-radius: 30px;
    transition: 0.3s ease;
}

.v2-what-btn:hover {
    background: #fff;
}

/* GRID */
.v2-what-grid {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.v2-what-card {
    background: #3a2a25;
    padding: 25px;
    border-radius: 12px;
    transition: 0.3s ease;
}

.v2-what-card:hover {
    transform: translateY(-5px);
    background: #4a342e;
}

.v2-what-icon {
    font-size: 28px;
    color: #D4AF37;
    margin-bottom: 10px;
    display: inline-block;
}

.v2-what-card h4 {
    font-size: 18px;
    margin-bottom: 10px;
}

.v2-what-card p {
    font-size: 14px;
    color: #bbb;
    line-height: 1.6;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .v2-what-container {
        flex-direction: column;
    }

    .v2-what-title {
        font-size: 32px;
    }
}

/* MOBILE - 1 CARD PER ROW */
@media (max-width: 575px) {

    .v2-what-grid {
        grid-template-columns: 1fr;
        /* 👈 single column */
        gap: 15px;
    }

    .v2-what-card {
        padding: 20px;
    }

    .v2-what-left {
        text-align: center;
    }

    .v2-what-text {
        max-width: 100%;
    }

    .v2-what-btn {
        margin-top: 15px;
    }

}

/*-------- V2 What We Do End -----------*/

/*-------- V2 Process Start ------------*/

.v2-process-section {
    background: #fef5eb;
    padding: 100px 0;
}

/* HEADER */
.v2-process-header {
    margin-bottom: 60px;
}

.v2-process-title {
    font-family: "Playfair Display", serif;
    font-size: 40px;
    margin-bottom: 10px;
    color: #111;
}

.v2-process-subtitle {
    font-family: "Poppins", sans-serif;
    color: #666;
    font-size: 16px;
}

/* WRAPPER */
.v2-process-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    position: relative;
}

/* STEP */
.v2-process-step {
    text-align: center;
    padding: 20px;
}

/* ICON */
.v2-process-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 15px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6B0F1A;
    font-size: 26px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

/* TEXT */
.v2-process-step h4 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #222;
}

.v2-process-step p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

/* OPTIONAL CONNECTING LINE */
.v2-process-wrapper::before {
    content: "";
    position: absolute;
    top: 35px;
    left: 5%;
    width: 90%;
    height: 2px;
    background: #e6d8c8;
    z-index: 0;
}

.v2-process-step {
    position: relative;
    z-index: 1;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .v2-process-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .v2-process-wrapper {
        grid-template-columns: 1fr;
    }

    .v2-process-title {
        font-size: 28px;
    }
}

@media (max-width:768px) {
    .v2-process-wrapper::before {
        display: none;
    }
}

/*-------- V2 Process End --------------*/

/*============= Home.HTML End ==================*/

/*============= Inner Hero Section =============*/
.inhero-section {
    position: relative;
    height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: url('https://i.pinimg.com/1200x/2b/5f/43/2b5f43b39083af8dffc4b6f0dcebc4c8.jpg')left center/cover no-repeat;
    overflow: hidden;
}

.inhero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
    z-index: 1;
}

.inhero-section .container {
    position: relative;
    z-index: 2;
}

.inhero-subtitle {
    color: var(--Highlight-Color);
    font-weight: 600;
    letter-spacing: 4px;
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
}

.inhero-title {
    color: #fff;
    font-weight: 700;
    font-size: 56px;
    line-height: 1.2;
}

/* Tablet */
@media (max-width:991px) {

    .inhero-section {
        height: 360px;
    }

    .inhero-title {
        font-size: 42px;
    }

}

/* Mobile */
@media (max-width:576px) {

    .inhero-section {
        height: 300px;
        padding: 40px 15px;
    }

    .inhero-title {
        font-size: 30px;
    }

    .inhero-subtitle {
        font-size: 13px;
        letter-spacing: 2px;
    }

}

/*============= Inner Hero Section End =========*/

/*============= About.HTML Start ================*/

/*------ Our Mision & Vission ------*/

.asc-abt-mv-section {
    background: #fef5eb;
    padding: 80px 0;
}

/* HEADER */
.asc-abt-mv-header {
    margin-bottom: 50px;
}

.asc-abt-mv-title {
    font-size: 40px;
    color: #111;
    margin-bottom: 10px;
}

.asc-abt-mv-subtitle {
    color: #666;
    font-size: 16px;
}

/* WRAPPER */
.asc-abt-mv-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    max-width: 900px;
    margin: 0 auto;
}

/* CARD */
.asc-abt-mv-card {
    text-align: center;
    padding: 30px 20px;
    background: #fff;
    border-radius: 12px;
    transition: 0.3s ease;
}

.asc-abt-mv-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}

/* ICON */
.asc-abt-mv-icon {
    font-size: 30px;
    color: #6B0F1A;
    margin-bottom: 15px;
}

/* TEXT */
.asc-abt-mv-heading {
    font-size: 20px;
    margin-bottom: 10px;
    color: #222;
}

.asc-abt-mv-text {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

/* RESPONSIVE */
@media (max-width: 575px) {
    .asc-abt-mv-wrapper {
        grid-template-columns: 1fr;
    }

    .asc-abt-mv-title {
        font-size: 28px;
    }
}

/*----- Our Mission & Vission END ------*/

/*----- Who We Are Start ---------*/

.asc-abt-who-section {
    background: #2B1E1A;
    padding: 110px 0;
    color: #fff;
}

.asc-abt-who-container {
    display: flex;
    align-items: center;
    gap: 60px;
}

/* IMAGE */
.asc-abt-who-image {
    flex: 1;
}

.asc-abt-who-image img {
    width: 100%;
    border-radius: 12px;
    object-fit: cover;
}

/* CONTENT */
.asc-abt-who-content {
    flex: 1;
}

.asc-abt-who-title {
    font-family: "Playfair Display", serif;
    font-size: 40px;
    margin-bottom: 25px;
}

/* ITEM */
.asc-abt-who-item {
    margin-bottom: 20px;
}

.asc-abt-who-item h4 {
    font-size: 18px;
    margin-bottom: 8px;
    color: #D4AF37;
}

.asc-abt-who-item p {
    font-size: 14px;
    color: #ccc;
    line-height: 1.6;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .asc-abt-who-container {
        flex-direction: column;
    }

    .asc-abt-who-title {
        font-size: 30px;
        text-align: center;
    }

    .asc-abt-who-content {
        text-align: center;
    }
}

/*----- Who We Are End -----------*/

/*---------- testimonial Start -----------------*/

.asc-tesi-section {
    background: #fef5eb;
    padding: 80px 0;
}

/* HEADER */
.asc-tesi-header {
    margin-bottom: 60px;
}

.asc-tesi-title {
    font-family: "Playfair Display", serif;
    font-size: 40px;
    color: #111;
    margin-bottom: 10px;
}

.asc-tesi-subtitle {
    font-family: "Poppins", sans-serif;
    color: #666;
    font-size: 16px;
}

/* GRID */
.asc-tesi-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    text-align: center;
}

/* CARD */
.asc-tesi-card {
    background: #fff;
    padding: 30px 20px;
    border-radius: 12px;
    transition: 0.3s ease;
}

.asc-tesi-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}

/* AVATAR */
.asc-tesi-avatar {
    width: 80px;
    height: 80px;
    margin: 0 auto 15px;
    border-radius: 50%;
    overflow: hidden;
}

.asc-tesi-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* TEXT */
.asc-tesi-card h4 {
    font-size: 18px;
    margin-bottom: 5px;
    color: #222;
}

.asc-tesi-role {
    display: block;
    font-size: 13px;
    color: #D4AF37;
    margin-bottom: 10px;
}

.asc-tesi-card p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .asc-tesi-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 576px) {
    .asc-tesi-wrapper {
        grid-template-columns: 1fr;
    }

    .asc-tesi-title {
        font-size: 28px;
    }
}

/*---------- testionial END --------------------*/

/*---------- Our Staff Section Start ----------*/

.asc-team-section {
    background: #2B1E1A;
    padding: 80px 0;
    color: #fff;
}

/* HEADER */
.asc-team-header {
    margin-bottom: 60px;
}

.asc-team-title {
    font-family: "Playfair Display", serif;
    font-size: 40px;
    margin-bottom: 10px;
}

.asc-team-subtitle {
    font-family: "Poppins", sans-serif;
    color: #ccc;
    font-size: 16px;
}

/* GRID */
.asc-team-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

/* CARD */
.asc-team-card {
    background: #3A2621;
    border-radius: 12px;
    overflow: hidden;
    transition: 0.3s ease;
}

.asc-team-card:hover {
    transform: translateY(-5px);
}

/* IMAGE */
.asc-team-img-box {
    position: relative;
    overflow: hidden;
}

.asc-team-img-box img {
    width: 100%;
    height: 350px;
    object-fit: top center cover;

}

/* SOCIAL ICONS */
.asc-team-social {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 10px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
}

.asc-team-social a {
    width: 40px;
    height: 40px;
    background: #D4AF37;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-decoration: none;
    transition: 0.3s ease;
}

.asc-team-social a:hover {
    background: #fff;
}

/* HOVER SHOW */
.asc-team-card:hover .asc-team-social {
    opacity: 1;
    visibility: visible;
    right: 15px;
}

/* INFO */
.asc-team-info {
    padding: 20px;
    text-align: center;
}

.asc-team-info h4 {
    font-size: 18px;
    margin-bottom: 5px;
}

.asc-team-info span {
    font-size: 14px;
    color: #D4AF37;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .asc-team-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .asc-team-wrapper {
        grid-template-columns: 1fr;
    }

    .asc-team-title {
        font-size: 28px;
    }
}

/*---------- Our Staff section End ------------*/

/*============= About.HTML End =================*/

/*============= Shop.HTML Start ================*/

.asc-shop-section {
    background: #2B1E1A;
    padding: 80px 0;
    color: #fff;
}

/* HEADER */
.asc-shop-header {
    margin-bottom: 60px;
}

.asc-shop-title {
    font-family: "Playfair Display", serif;
    font-size: 40px;
    margin-bottom: 10px;
}

.asc-shop-subtitle {
    font-family: "Poppins", sans-serif;
    color: #ccc;
    font-size: 16px;
}

/* GRID */
.asc-shop-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

/* CARD */
.asc-shop-card {
    background: #3A2621;
    border-radius: 12px;
    overflow: hidden;
    transition: 0.3s ease;
}

.asc-shop-card:hover {
    transform: translateY(-5px);
}

/* IMAGE */
.asc-shop-img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

/* CONTENT */
.asc-shop-content {
    padding: 20px;
    text-align: center;
}

/* RATING */
.asc-shop-rating {
    color: #D4AF37;
    margin-bottom: 10px;
    font-size: 14px;
}

/* TEXT */
.asc-shop-content h4 {
    font-size: 16px;
    margin-bottom: 5px;
    color: #FFF;
}

.asc-shop-price {
    font-size: 15px;
    color: #D4AF37;
    margin-bottom: 15px;
}

/* BUTTON */
.asc-shop-btn {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #D4AF37;
    color: #D4AF37;
    text-decoration: none;
    border-radius: 25px;
    transition: 0.3s ease;
}

.asc-shop-btn:hover {
    background: #D4AF37;
    color: #000;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .asc-shop-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .asc-shop-wrapper {
        grid-template-columns: 1fr;
    }

    .asc-shop-title {
        font-size: 28px;
    }
}

/*--- ---*/
.asc-origin-section {
    background: #fef5eb;
    padding: 80px 0;
}

/* HEADER */
.asc-origin-header {
    margin-bottom: 60px;
}

.asc-origin-title {
    font-family: "Playfair Display", serif;
    font-size: 40px;
    margin-bottom: 10px;
    color: #111;
}

.asc-origin-subtitle {
    font-family: "Poppins", sans-serif;
    color: #666;
    font-size: 16px;
    max-width: 700px;
    margin: 0 auto;
}

/* GRID */
.asc-origin-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* CARD */
.asc-origin-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    transition: 0.3s ease;
    justify-content: center;
    text-align: center;
    padding-bottom: 10px;
}

.asc-origin-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}

/* IMAGE */
.asc-origin-img img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

/* CONTENT */
.asc-origin-content {
    padding: 20px;
}

.asc-origin-region {
    font-size: 12px;
    letter-spacing: 1px;
    color: #6B0F1A;
    text-transform: uppercase;
}

.asc-origin-content h4 {
    font-size: 18px;
    margin: 5px 0 10px;
}

.asc-origin-desc {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
    line-height: 1.6;
}

/* META */
.asc-origin-meta {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 25px;
}

.asc-origin-meta li {
    font-size: 13px;
    color: #444;
    margin-bottom: 5px;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .asc-origin-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .asc-origin-wrapper {
        grid-template-columns: 1fr;
    }

    .asc-origin-title {
        font-size: 28px;
    }
}

.dark-mode .dark-section-card .origin-shop-btn {
    color: #000 !important;
}

.dark-mode .dark-section-card .origin-shop-btn:hover {
    color: #fff !important;
}

.origin-shop-btn {
    padding: 10px 20px;
    background: #D4AF37;
    color: #000;
    border-radius: 10px;
    transition: .3s;
}

.origin-shop-btn:hover {
    color: #FFF;
}

/*--- Limited Section Start ---*/

.acs-lto-section {
    background: #fef5eb;
    padding: 0px 0;
}

.acs-lto-container {
    display: flex;
    align-items: center;
    gap: 40px;
}

/* LEFT */
.acs-lto-content {
    flex: 1;
}

.acs-lto-section {
    background: #2B1E1A;
    padding: 80px 0;
    color: #fff;
}

.acs-lto-title {
    color: #fff;
    font-size: 36px;
    margin-bottom: 10px;
}

.acs-lto-subtitle {
    font-family: "Poppins", sans-serif;
    color: #ccc;
    margin-bottom: 25px;
}

/* TIMER */
.acs-lto-timer {
    display: flex;
    gap: 20px;
    margin-bottom: 25px;
}

.acs-lto-timer div {
    background: #3A2621;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    min-width: 70px;
}

.acs-lto-timer span {
    display: block;
    font-size: 22px;
    font-weight: bold;
    color: #D4AF37;
}

.acs-lto-timer small {
    font-size: 12px;
    color: #aaa;
}

/* BUTTON */
.acs-lto-btn {
    display: inline-block;
    padding: 12px 25px;
    background: #D4AF37;
    color: #000;
    border-radius: 25px;
    text-decoration: none;
    transition: 0.3s;
}

.acs-lto-btn:hover {
    background: #fff;
    color: #000;
}

/* RIGHT IMAGE */
.acs-lto-image {
    flex: 1;
}

.acs-lto-image img {
    width: 100%;
    border-radius: 12px;
    object-fit: cover;
}

/* MOBILE */
@media (max-width: 768px) {
    .acs-lto-container {
        flex-direction: column;
    }

    .acs-lto-image {
        order: -1;
        /* 👈 image first */
    }

    .acs-lto-title {
        font-size: 28px;
        text-align: center;
    }

    .acs-lto-content {
        text-align: center;
    }

    .acs-lto-timer {
        justify-content: center;
    }
}

@media (max-width: 576px) {

    .acs-lto-container {
        flex-direction: column;
        padding: 0 15px;
    }

    .acs-lto-image {
        order: -1;
        /* image first */
        margin-bottom: 20px;
    }

    .acs-lto-content {
        text-align: center;
    }

    .acs-lto-title {
        font-size: 26px;
        line-height: 1.3;
    }

    .acs-lto-subtitle {
        font-size: 14px;
        line-height: 1.6;
    }

    /* TIMER FIX */
    .acs-lto-timer {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        /* 👈 2 per row */
        gap: 10px;
        margin-top: 20px;
    }

    .acs-lto-timer div {
        padding: 12px;
        min-width: auto;
    }

    .acs-lto-timer span {
        font-size: 18px;
    }

    .acs-lto-timer small {
        font-size: 11px;
    }

    .acs-lto-btn {
        margin-top: 20px;
    }
}

/*--- Limited Section End -----*/

/*============= Shop.HTML END ==================*/

/*============= Shop Detail.HTML Start =========*/

.sd-product-section {
    background: #fef5eb;
    padding: 80px 0;
    font-family: 'Poppins', sans-serif;
}

.sd-product-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
}

/* IMAGE */
.sd-img-box {
    overflow: hidden;
    border-radius: 10px;
}

.sd-img-box img {
    width: 100%;
    height: 500px;
    transition: 0.5s ease;
    object-fit: contain;
}

.sd-img-box:hover img {
    transform: scale(1.1);
}

/* CONTENT */
.sd-title {
    font-size: 42px;
    margin-bottom: 10px;
    font-weight: 600;
}

.sd-price {
    font-size: 20px;
    color: #6B0F1A;
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
}

.sd-old-price {
    font-family: 'Poppins', sans-serif;
    text-decoration: line-through;
    color: #999;
    margin-left: 15px;
}

/* TABS */
.sd-tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.sd-tab-btn {
    padding: 10px 20px;
    border: none;
    background: #eee;
    cursor: pointer;
    transition: 0.3s;
}

.sd-tab-btn.active {
    background: #6B0F1A;
    color: #fff;
}

/* TAB CONTENT */
.sd-tab-content {
    display: none;
    background: #fff;
    padding: 20px;
    border-radius: 6px;
}

.sd-tab-content.active {
    display: block;
}

/* REVIEWS */
.sd-review {
    margin-bottom: 15px;
    border-bottom: 1px solid #666;
}

.sd-review h4 {
    margin-bottom: 5px;
}

/* FORM */
.sd-comment-form input,
.sd-comment-form textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
}

.dark-mode .dark-section .sd-comment-form input,
.dark-mode .dark-section .sd-comment-form textarea {
    background: #333;
    color: #fff;
    border-color: #555;
}

.sd-comment-form button {
    background: var(--gold-light);
    color: #000;
    padding: 10px 20px;
    border: none;
    border-radius: 10px;
}

/* QTY */
.sd-qty-cart {
    display: flex;
    gap: 20px;
    margin-top: 30px;
}

.sd-qty {
    display: flex;
    align-items: center;
}

.sd-qty button {
    width: 35px;
    height: 35px;
    border: none;
    background: #333;
    color: #fff;
}

.sd-qty input {
    width: 50px;
    text-align: center;
}

.dark-mode .dark-section .sd-qty button {
    background: #D4AF37;
    color: #000;
}

.dark-mode .dark-section .sd-qty button:hover {
    background: #fff;
}

.dark-mode .dark-section .sd-qty input {
    background: #333;
    color: #fff;
}

.dark-mode .dark-section .sd-qty input:disabled {
    background: #555;
    color: #ccc;
}

.dark-mode .dark-section .sd-add-cart {
    border-color: #D4AF37;
    color: #D4AF37;
}

/* BUTTON */
.sd-add-cart {
    color: #000;
    padding: 10px 25px;
    border: 2px solid var(--Highlight-Color);
    background: transparent;
}

.sd-add-cart:hover {
    background: var(--Highlight-Color);
    color: #000;
}

.sd-buy-now {
    background: var(--gold-dark);
    color: #FFF;
    font-weight: 600;
    width: 100%;
    border: none;
    margin-top: 20px;
    padding: 15px;
}

.sd-buy-now:hover {
    background: var(--gold-light);
    color: #000;
}

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

.sd-stars {
    display: flex;
    gap: 4px;
    margin-bottom: 8px;
}

.sd-stars i {
    color: #D4AF37;
    /* gold */
    font-size: 14px;
}

/*---- Related Item Start ---*/

.sd-related-section {
    background: #2B1E1A;
    padding: 80px 0;
    text-align: center;
}

/* HEADER */
.sd-related-header h2 {
    font-family: 'Playfair Display', serif;
    font-size: 30px;
    color: #FFF;
}

.sd-related-header p {
    font-size: 12px;
    letter-spacing: 2px;
    margin-top: 5px;
    color: #eee;
}

/* GRID */
.sd-related-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-top: 40px;
}

/* MOBILE */
@media (max-width: 768px) {
    .sd-related-grid {
        grid-template-columns: repeat(2, 2fr);
    }
}

@media (max-width:575px) {
    .sd-related-grid {
        grid-template-columns: 1fr;
    }
}

/*---- Related Item End -----*/

/*--------- FAQ Section Start ---------------*/

.sd-faq-section {
    background: #fef5eb;
    padding: 80px 0;
}

/* LAYOUT */
.sd-faq-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
}

/* LEFT */
.sd-faq-sub {
    font-size: 18px;
    color: #666;
    margin-bottom: 10px;
}

.sd-faq-left h2 {
    font-size: 36px;
    line-height: 1.3;
    color: #000;
}

.sd-faq-left h2 span {
    color: #D4AF37;
}

.sd-faq-desc {
    margin-top: 15px;
    color: #555;
}

/* RIGHT */
.sd-faq-item {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 15px;
    overflow: hidden;
    transition: 0.3s;
}

/* QUESTION */
.sd-faq-question {
    padding: 18px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* ICON */
.sd-faq-icon {
    width: 30px;
    height: 30px;
    background: #D4AF37;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    font-weight: bold;
}

.dark-mode .dark-section-card .sd-faq-icon {
    color: #000 !important;
}

/* ANSWER */
.sd-faq-answer {
    max-height: 0;
    overflow: hidden;
    padding: 0 18px;
    transition: 0.4s ease;
}

/* ACTIVE */
.sd-faq-item.active .sd-faq-answer {
    max-height: 200px;
    padding: 0 18px 18px;
}

.sd-faq-item.active .sd-faq-icon {
    background: #6B0F1A;
    color: #FFF !important;
}

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

/*--------- FAQ Section End -----------------*/

/*--------- Pricing Section Start ----------*/

.ac-plan-section {
    background: #2B1E1A;
    padding: 100px 0;
    color: #fff;
}


.ac-plan-head {
    text-align: center;
    margin-bottom: 60px;
}

/* SUBTITLE */
.ac-plan-head-sub {
    color: #D4AF37;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* TITLE */
.ac-plan-head-title {
    font-size: 38px;
    color: #fff;
    line-height: 1.3;
}

.ac-plan-head-title span {
    color: #D4AF37;
}

/* DESCRIPTION */
.ac-plan-head-desc {
    max-width: 600px;
    margin: 15px auto 0;
    color: #bbb;
    font-size: 14px;
    line-height: 1.6;
}

/* MOBILE */
@media (max-width: 768px) {
    .ac-plan-head-title {
        font-size: 28px;
    }
}


/* GRID */
.ac-plan-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* CARD */
.ac-plan-card {
    background: #3A2621;
    padding: 30px;
    border-radius: 20px;
    text-align: center;
    transition: 0.4s;
    position: relative;
}

.ac-plan-card:hover {
    transform: translateY(-10px);
}

/* BADGE */
.ac-plan-badge {
    display: inline-block;
    padding: 6px 14px;
    background: #D4AF37;
    color: #000;
    font-size: 12px;
    border-radius: 20px;
    margin-bottom: 15px;
}

/* PRICE */
.ac-plan-card h2 {
    font-family: 'poppins', sans-serif;
    font-size: 36px;
    margin-bottom: 10px;
}

.ac-plan-card h2 span {
    font-size: 14px;
    color: #ccc;
}

/* SUBTEXT */
.ac-plan-sub {
    margin-bottom: 20px;
    color: #bbb;
}

/* BUTTON */
.ac-plan-btn {
    width: 100%;
    padding: 12px;
    border-radius: 30px;
    border: none;
    background: #D4AF37;
    color: #000;
    font-weight: 600;
    margin-bottom: 25px;
    cursor: pointer;
    transition: 0.3s;
}

.ac-plan-btn:hover {
    background: #b8962e;
}

/* LIST */
.ac-plan-card ul {
    list-style: none;
    padding: 0;
    text-align: left;
}

.ac-plan-card ul li {
    margin-bottom: 10px;
    color: #ddd;
}

/* HIGHLIGHT CARD */
.ac-plan-highlight {
    border: 1px solid #D4AF37;
    transform: scale(1.05);
}

/* MOBILE */
@media (max-width: 768px) {
    .ac-plan-grid {
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
    }

    /* CENTER LAST CARD */
    .ac-plan-card:last-child {
        grid-column: span 2;
        max-width: 320px;
        margin: 0 auto;
    }


    .ac-plan-highlight {
        transform: scale(1);
    }
}

@media (max-width: 576px) {

    .ac-plan-grid {
        grid-template-columns: 1fr;
    }

    .ac-plan-card {
        padding: 20px;
    }

    .ac-plan-card h2 {
        font-size: 28px;
    }

}

/*--------- Pricing Section End ------------*/

/*============= Shop Detsil.HTML End ===========*/

/*============= Blog.HTML Start==================*/

/*--- Feature Blog Section Start ---*/

.ac-blog-feature {
    background: var(--light-bg);
    position: relative;
    max-width: 1200px;
    padding: 30px 0;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 20px;
}

/* IMAGE  */
.ac-blog-feature-slide img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 20px;
}

/* 🔥 DARK OVERLAY FOR TEXT VISIBILITY */
.ac-blog-feature-slide::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right,
            rgba(0, 0, 0, 0.7),
            rgba(0, 0, 0, 0.3),
            transparent);
    border-radius: 20px;
}

/* TEXT */
.ac-blog-feature-overlay {
    position: absolute;
    bottom: 30px;
    left: 30px;
    color: #fff;
    max-width: 450px;
    z-index: 2;
}

.ac-blog-feature-overlay h2 {
    font-size: 28px;
}

.ac-blog-feature-overlay p {
    color: #ddd;
}

.ac-blog-feature-slider {
    display: flex;
    transition: transform 0.5s ease;
    border-radius: 20px;
}

/* SLIDE */
.ac-blog-feature-slide {
    min-width: 100%;
    position: relative;
}

.ac-blog-feature-overlay span {
    color: #D4AF37;
    font-size: 12px;
    letter-spacing: 2px;
}


/* ARROWS */
.ac-blog-feature-prev,
.ac-blog-feature-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    border: none;
    color: #fff;
    font-size: 22px;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 50%;
}

.ac-blog-feature-prev {
    left: 15px;
}

.ac-blog-feature-next {
    right: 15px;
}

/* MOBILE */
@media (max-width: 768px) {
    .ac-blog-feature-slide img {
        height: 300px;
    }

    .ac-blog-feature-overlay {
        left: 20px;
        bottom: 20px;
    }

    .ac-blog-feature-overlay h2 {
        font-size: 20px;
    }
}

/*--- Feature Blog Section Start ---*/

.ac-blog-grid-section {
    background: #2B1E1A;
    padding: 80px 0;
}

.ac-blog-head {
    text-align: center;
    margin-bottom: 50px;
}

/* SUBTITLE */
.ac-blog-head-sub {
    color: #D4AF37;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* TITLE */
.ac-blog-head-title {
    font-family: 'Playfair Display', serif;
    font-size: 36px;
    color: #fff;
    line-height: 1.3;
}

.ac-blog-head-title span {
    color: #D4AF37;
}

/* DESCRIPTION */
.ac-blog-head-desc {
    max-width: 600px;
    margin: 15px auto 0;
    color: #bbb;
    font-size: 14px;
    line-height: 1.6;
}

/* MOBILE */
@media (max-width: 768px) {
    .ac-blog-head-title {
        font-size: 26px;
    }
}

/* GRID */
.ac-blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

/* CARD */
.ac-blog-card {
    background: #3A2621;
    border-radius: 15px;
    overflow: hidden;
    transition: 0.4s;
    cursor: pointer;
    padding-bottom: 20px;
}

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

/* IMAGE */
.ac-blog-card img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

/* TEXT */
.ac-blog-card h4 {
    color: #fff;
    font-size: 20px;
    padding: 15px 15px 5px;
}

.ac-blog-card p {
    color: #bbb;
    font-size: 13px;
    padding: 0 15px;
}

.blog-btn {
    color: #D4AF37;
    margin-left: 20px;
    transition: .4s;
}

.blog-btn:hover {
    letter-spacing: 2px;
}

/* RESPONSIVE */

/* Tablet */
@media (max-width: 992px) {
    .ac-blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 576px) {
    .ac-blog-grid {
        grid-template-columns: 1fr;
    }
}

/*============= Blog.HTML END ===================*/

/*============= BLOG DETAILS START ==============*/

.ac-blog-detail-content {
    background: #fef5eb;
    padding: 80px 0;
}

/* TAG */
.ac-bdc-tag {
    display: inline-block;
    background: #D4AF37;
    color: #000;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
}

/* DATE */
.ac-bdc-date {
    margin: 10px 0;
    font-size: 13px;
    color: #777;
}

/* TITLE */
.ac-bdc-title {
    font-size: 38px;
    margin-bottom: 20px;
    color: #2B1E1A;
}

/* IMAGE */
.ac-blog-detail-content img {
    width: 100%;
    border-radius: 15px;
    margin: 20px 0;
}

/* SUBTITLE */
.ac-bdc-subtitle {
    font-size: 30px;
    margin: 20px 0 10px;
    color: #2B1E1A;
}

/* TEXT */
.ac-bdc-text {
    color: #555;
    line-height: 1.7;
    margin-bottom: 20px;
}

/* LEARN TITLE */
.ac-bdc-learn-title {
    font-size: 30px;
    margin: 30px 0 15px;
    color: #2B1E1A;
}

/* LIST */
.ac-bdc-list {
    padding-left: 20px;
}

.ac-bdc-list li {
    margin-bottom: 10px;
    color: #444;
}

/* MOBILE */
@media (max-width: 768px) {
    .ac-bdc-title {
        font-size: 26px;
    }
}

/*--- Related Blog Section Start ---*/

.ac-next-section {
    background: #2B1E1A;
    padding: 80px 0;
}

/* HEADER */
.ac-next-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.ac-next-header h2 {
    font-size: 36px;
    color: #FFF;
}

/* ARROWS */
.ac-next-arrows button {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: none;
    background: #3A2621;
    color: #fff;
    font-size: 20px;
    margin-left: 10px;
    cursor: pointer;
    transition: 0.3s;
}

.ac-next-arrows button:hover {
    background: #D4AF37;
    color: #000;
}

/* SLIDER */
.ac-next-slider-wrapper {
    overflow: hidden;
}

.ac-next-slider {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    padding: 20px 0;
}

.ac-next-slider::-webkit-scrollbar {
    display: none;
}

/* CARD */
.ac-blog-card {
    flex: 0 0 calc((100% - 40px) / 3);
    background: #3A2621;
    border-radius: 20px;
    overflow: hidden;
    color: #fff;
    padding-bottom: 20px;
}

.ac-blog-card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.ac-blog-card h4 {
    font-size: 20px;
    margin: 15px;
}

.ac-blog-card p {
    font-size: 14px;
    margin: 0 15px 15px;
    color: #CBB9A8;
}

.blog-btn {
    margin-left: 15px;
    padding: 10px 20px;
    background: #D4AF37;
    color: #000;
    border-radius: 20px;
    text-decoration: none;
    display: inline-block;
}

/* TABLET */
@media (max-width: 992px) {
    .ac-blog-card {
        flex: 0 0 calc((100% - 20px) / 2);
    }
}

/* MOBILE */
@media (max-width: 576px) {
    .ac-blog-card {
        flex: 0 0 100%;
    }
}

/* SNAP (PREMIUM FEEL) */
.ac-next-slider {
    scroll-snap-type: x mandatory;
}

.ac-blog-card {
    scroll-snap-align: start;
}

.ac-next-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    gap: 20px;
}

/* MOBILE FIX */
@media (max-width: 576px) {
    .ac-next-header {
        flex-direction: row;
        align-items: center;
    }

    .ac-next-header h2 {
        font-size: 24px;
        line-height: 1.3;
    }

    .ac-next-arrows {
        display: flex;
        flex-direction: row;
        /* 👈 FIX (no vertical stack) */
        gap: 8px;
    }

    .ac-next-arrows button {
        width: 38px;
        height: 38px;
        font-size: 16px;
    }
}

/*--- Related Blog Section End -----*/

/*============= BLOG DETAILS END ================*/

/*============= CONTACT.HTML START ==============*/

.acs-contact-section {
    background: #2B1E1A;
    padding: 80px 0;
    color: #fff;
}

.acs-contact-wrapper {
    display: flex;
    gap: 50px;
    align-items: flex-start;
}

/* LEFT FORM */
.acs-contact-form {
    flex: 1;
}

.acs-contact-title {
    font-size: 40px;
    margin-bottom: 15px;
    color: #F5E9DA;
}

.acs-contact-text {
    color: #CBB9A8;
    margin-bottom: 30px;
    max-width: 500px;
}

/* INPUT */
.acs-input-group {
    margin-bottom: 20px;
}

.acs-input-group label {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    color: #CBB9A8;
}

.acs-input-group input,
.acs-input-group textarea {
    width: 100%;
    padding: 12px;
    border-radius: 10px;
    border: 1px solid rgba(212, 175, 55, 0.2);
    background: #3A2621;
    color: #fff;
    outline: none;
}

.acs-input-group textarea {
    height: 120px;
    resize: none;
}

/* BUTTON */
.acs-contact-btn {
    width: 100%;
    padding: 14px;
    border-radius: 10px;
    border: none;
    background: #D4AF37;
    color: #000;
    font-weight: 600;
    transition: 0.3s;
}

.acs-contact-btn:hover {
    background: #F5D97A;
}

/* RIGHT INFO */
.acs-contact-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-top: 40px;
}

.acs-info-card {
    background: #3A2621;
    padding: 30px;
    border-radius: 15px;
    text-align: center;
    transition: 0.3s;
}

.acs-info-card:hover {
    transform: translateY(-5px);
}

/* ICON */
.acs-info-card i {
    font-size: 28px;
    color: #D4AF37;
    margin-bottom: 10px;
}

.acs-info-card h4 {
    margin-bottom: 8px;
}

.acs-info-card p {
    color: #CBB9A8;
    font-size: 14px;
}

/* 🔥 MOBILE CLEAN FIX */
@media (max-width: 576px) {

    .acs-contact-wrapper {
        display: block;
        /* 👈 important */
    }

    .acs-contact-form {
        width: 100%;
        margin-bottom: 30px;
    }

}

.acs-map-section {
    background: #2B1E1A;
}

.acs-map-section iframe {
    display: block;
    filter: grayscale(20%) contrast(90%);
}

/*-----------------map-----------*/


/*================= CONTACT.HTML END ===============*/

/*------------ CTA SECTION ------------*/

/* ===== SECTION ===== */
.cta-section {
    background: url("https://images.unsplash.com/photo-1509042239860-f550ce710b93") center/cover no-repeat;
    height: 450px;
    position: relative;
}

/* OVERLAY (Dark luxury layer) */
.cta-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* CONTENT */
.cta-content {
    text-align: center;
    color: #F5E9DA;
    max-width: 600px;
    padding: 20px;
}

/* TITLE */
.cta-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: 42px;
    margin-bottom: 15px;
}

/* TEXT */
.cta-text {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    color: #CBB9A8;
    margin-bottom: 25px;
    line-height: 1.7;
}


@media (max-width: 575px) {
    .cta-title {
        font-size: 30px;
    }

    .cta-section {
        height: 380px;
    }
}