/* ============================================
   VASTU PREMIUM GLASSMORPHISM THEME
   Tathastu Pyramids - Pixel Perfect
   ============================================ */

/* --- Variables --- */
:root {
    --gold: #D4AF37;
    --gold-light: #f0d060;
    --gold-dark: #9e7b1a;
    --gold-glow: rgba(212,175,55,0.35);
    --navy: #0B1A2B;
    --navy-deep: #060d18;
    --purple-deep: #2D1E4F;
    --purple-mid: #1a1235;
    --warm-glow: rgba(232,140,50,0.12);
    --card-bg: rgba(255,255,255,0.04);
    --card-bg-hover: rgba(255,255,255,0.07);
    --card-border: rgba(255,255,255,0.08);
    --card-border-hover: rgba(212,175,55,0.25);
    --glass-blur: blur(12px);
    --text-white: #ffffff;
    --text-light: #d0d4e0;
    --text-muted: #7b8099;
    --radius: 12px;
    --radius-sm: 8px;
    --radius-lg: 16px;
    --shadow-gold: 0 0 20px rgba(212,175,55,0.15);
    --font-display: 'Cinzel', serif;
    --font-body: 'Poppins', sans-serif;
}

/* --- Base --- */
*, *::before, *::after { box-sizing: border-box; }

.vastu-body {
    font-family: var(--font-body);
    background: #0c0818;
    color: var(--text-white);
    overflow-x: hidden;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    position: relative;
}

/* Full page warm background - multiple layers for depth */
.vastu-body::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: 
        /* Top warm glow - sunset feel */
        radial-gradient(ellipse 80% 40% at 60% 5%, rgba(255,150,50,0.22) 0%, transparent 100%),
        radial-gradient(ellipse 60% 30% at 40% 8%, rgba(255,180,80,0.15) 0%, transparent 100%),
        /* Right side warm accent */
        radial-gradient(ellipse 40% 50% at 85% 15%, rgba(240,130,40,0.18) 0%, transparent 100%),
        /* Left purple accent */
        radial-gradient(ellipse 50% 40% at 10% 25%, rgba(120,60,180,0.12) 0%, transparent 100%),
        /* Mid section warm spots */
        radial-gradient(ellipse 50% 30% at 70% 35%, rgba(200,120,40,0.1) 0%, transparent 100%),
        radial-gradient(ellipse 40% 30% at 25% 45%, rgba(180,100,50,0.08) 0%, transparent 100%),
        /* Lower warm glows */
        radial-gradient(ellipse 60% 30% at 55% 60%, rgba(160,90,40,0.08) 0%, transparent 100%),
        radial-gradient(ellipse 50% 40% at 80% 75%, rgba(212,175,55,0.06) 0%, transparent 100%),
        radial-gradient(ellipse 40% 30% at 30% 85%, rgba(140,70,160,0.06) 0%, transparent 100%),
        /* Base gradient */
        linear-gradient(180deg, 
            #12081e 0%, 
            #1a0e2a 8%, 
            #221438 18%, 
            #2a1840 28%, 
            #221435 40%, 
            #1a1030 52%, 
            #160c28 65%, 
            #120a22 78%, 
            #0e081c 90%, 
            #0a0616 100%
        );
}

/* Secondary layer for extra warmth at top */
.vastu-body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 50vh;
    z-index: 0;
    pointer-events: none;
    background: 
        radial-gradient(ellipse 100% 80% at 50% 0%, rgba(255,140,40,0.1) 0%, transparent 70%),
        radial-gradient(ellipse 70% 60% at 70% 10%, rgba(255,180,60,0.08) 0%, transparent 60%);
}

.vastu-body > * {
    position: relative;
    z-index: 2;
}

a { text-decoration: none; color: inherit; transition: all 0.25s ease; }
img { max-width: 100%; height: auto; display: block; }
ul { list-style: none; padding: 0; margin: 0; }

/* --- Utility Glass Card --- */
.glass {
    backdrop-filter: blur(16px) saturate(1.2);
    -webkit-backdrop-filter: blur(16px) saturate(1.2);
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: var(--radius);
    box-shadow: 0 4px 24px rgba(0,0,0,0.2);
}

.glass:hover {
    background: rgba(255,255,255,0.07);
    border-color: rgba(212,175,55,0.2);
    box-shadow: 0 4px 24px rgba(0,0,0,0.3), 0 0 12px rgba(212,175,55,0.06);
}

/* ============================================
   1. TOP BAR - Dark strip with golden top line
   ============================================ */
.vt-topbar {
    background: rgba(12,8,24,0.5);
    backdrop-filter: blur(30px) saturate(1.3);
    -webkit-backdrop-filter: blur(30px) saturate(1.3);
    padding: 9px 0;
    position: relative;
    z-index: 101;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.vt-topbar::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #0a0a0a, #3d2a00, var(--gold), var(--gold-light), var(--gold), #3d2a00, #0a0a0a);
}

.vt-topbar-left {
    display: flex;
    align-items: center;
    gap: 32px;
}

.vt-topbar-left span {
    font-size: 11px;
    color: #ccc;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-weight: 400;
}

.vt-topbar-left span i {
    color: var(--gold);
    font-size: 13px;
}

.vt-topbar-right {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: flex-end;
}

.vt-topbar-right .consult-link {
    font-size: 11px;
    color: #fff;
    background: transparent;
    border: 1.5px solid rgba(255,255,255,0.5);
    padding: 6px 18px;
    border-radius: 4px;
    font-weight: 500;
    letter-spacing: 0.2px;
}

.vt-topbar-right .consult-link:hover {
    background: var(--gold);
    color: #000;
    border-color: var(--gold);
}

.vt-topbar-right .phone-link {
    font-size: 11px;
    color: #ddd;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 400;
}

.vt-topbar-right .phone-link i {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.4);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: var(--gold);
}

/* Language & Currency Dropdowns */
.vt-topbar-dropdown {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    position: relative;
}

.vt-topbar-dropdown i,
.vt-topbar-dropdown .vt-currency-sign {
    color: var(--gold);
    font-size: 12px;
}

.vt-topbar-dropdown .vt-currency-sign {
    font-weight: 600;
    font-size: 13px;
}

.vt-select {
    background: transparent;
    border: none;
    color: rgba(255,255,255,0.85);
    font-size: 11px;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 2px 16px 2px 2px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(255,255,255,0.5)'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 2px center;
}

.vt-select option {
    background: #1a1c2e;
    color: #fff;
    font-size: 12px;
}

/* ============================================
   2. HEADER - Warm glassmorphism
   ============================================ */
.vt-header {
    background: rgba(20,15,35,0.45);
    backdrop-filter: blur(30px) saturate(1.3);
    -webkit-backdrop-filter: blur(30px) saturate(1.3);
    border-bottom: 1px solid rgba(255,255,255,0.08);
    padding: 12px 0;
    position: sticky;
    top: 0;
    z-index: 100;
}

/* Logo */
.vt-logo {
    display: flex;
    align-items: center;
}

.vt-logo-img {
    max-height: 46px;
    width: auto;
}

.vt-logo-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1.5px solid var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(212,175,55,0.06);
    position: relative;
}

/* Ornate web/mandala pattern using box-shadow */
.vt-logo-icon::before {
    content: '';
    position: absolute;
    inset: 3px;
    border-radius: 50%;
    border: 1px solid rgba(212,175,55,0.3);
}

.vt-logo-icon i {
    font-size: 24px;
    color: var(--gold);
}

.vt-logo-text {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.vt-logo-brand {
    font-family: var(--font-display);
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 2.5px;
}

.vt-logo-sub {
    font-family: var(--font-display);
    font-size: 11px;
    color: var(--gold);
    letter-spacing: 4px;
    font-weight: 500;
}

.vt-logo-tagline {
    font-size: 8px;
    color: rgba(255,255,255,0.45);
    margin-top: 3px;
    letter-spacing: 0.3px;
    font-style: italic;
}

/* Search Bar - Rounded pill, warm glass */
.vt-search {
    position: relative;
    max-width: 440px;
    margin: 0 auto;
}

.vt-search-inner {
    display: flex;
    align-items: center;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 50px;
    overflow: hidden;
    padding-left: 16px;
    height: 42px;
}

.vt-search-icon {
    color: rgba(255,255,255,0.4);
    font-size: 13px;
    margin-right: 10px;
    flex-shrink: 0;
}

.vt-search-inner input {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 12px;
    flex: 1;
    outline: none;
    min-width: 0;
}

.vt-search-inner input::placeholder { color: rgba(255,255,255,0.35); }

.vt-search-divider {
    width: 1px;
    height: 24px;
    background: rgba(255,255,255,0.15);
    margin: 0 12px;
    flex-shrink: 0;
}

.vt-search-cat {
    background: transparent;
    border: none;
    color: rgba(255,255,255,0.7);
    font-size: 11px;
    padding: 0 6px;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    min-width: 90px;
}

.vt-search-cat option {
    background: #1a1c2e;
    color: #fff;
}

.vt-search-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--gold);
    border: none;
    color: #000;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-right: 1px;
    flex-shrink: 0;
    transition: all 0.3s;
    box-shadow: 0 2px 8px rgba(212,175,55,0.3);
}

.vt-search-btn:hover {
    background: var(--gold-light);
    box-shadow: 0 2px 16px var(--gold-glow);
}

.vt-search-dropdown {
    position: absolute;
    top: calc(100% + 4px);
    left: 16px;
    right: 16px;
    background: rgba(20,22,38,0.97);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: var(--radius);
    z-index: 200;
    max-height: 280px;
    overflow-y: auto;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

.search-result-item {
    display: block;
    padding: 10px 16px;
    color: var(--text-light);
    font-size: 12px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.search-result-item:hover {
    background: rgba(212,175,55,0.08);
    color: var(--gold);
}

/* Header Icons - Circular outlined */
.vt-header-icons {
    display: flex;
    align-items: center;
    gap: 14px;
    justify-content: flex-end;
}

.vt-hdr-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    color: rgba(255,255,255,0.7);
    font-size: 9px;
    font-weight: 400;
}

.vt-hdr-icon:hover { color: var(--gold); }

.vt-hdr-icon-circle {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1.5px solid rgba(255,255,255,0.2);
    background: rgba(255,255,255,0.03);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all 0.3s;
}

.vt-hdr-icon-circle i { font-size: 16px; color: rgba(255,255,255,0.75); }

.vt-hdr-icon:hover .vt-hdr-icon-circle {
    border-color: var(--gold);
    background: rgba(212,175,55,0.06);
}

.vt-hdr-icon:hover .vt-hdr-icon-circle i { color: var(--gold); }

.vt-cart-badge {
    position: absolute;
    top: -2px;
    right: -2px;
    background: #28a745;
    color: #fff;
    font-size: 8px;
    font-weight: 700;
    min-width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(35,30,50,0.9);
    padding: 0 3px;
}

/* ============================================
   NAVIGATION BAR
   ============================================ */
.vt-nav {
    background: rgba(10,8,18,0.25);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.05);
    position: relative;
    z-index: 50;
}

.vt-nav .container {
    position: relative;
}

.vt-nav-list {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    gap: 0;
    position: static;
}

.vt-nav-list li {
    position: relative;
}

.vt-nav-list li a {
    display: block;
    padding: 13px 20px;
    font-size: 11.5px;
    font-weight: 500;
    color: rgba(255,255,255,0.85);
    letter-spacing: 0.6px;
    white-space: nowrap;
    position: relative;
    text-transform: uppercase;
}

.vt-nav-list li a:hover {
    color: var(--gold);
}

.vt-nav-list li.active a {
    color: var(--gold);
    font-weight: 600;
}

.vt-nav-list li a .fa-chevron-down {
    font-size: 8px;
    margin-left: 4px;
    opacity: 0.6;
    vertical-align: middle;
}

/* Simple Dropdown (Pages) */
.vt-nav-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    background: rgba(15,12,28,0.95);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 8px;
    padding: 8px 0;
    list-style: none;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: all 0.25s ease;
    z-index: 200;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4);
}

.vt-nav-list li:hover > .vt-nav-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.vt-nav-dropdown li a {
    display: block;
    padding: 8px 16px !important;
    font-size: 11px !important;
    color: rgba(255,255,255,0.7) !important;
    white-space: nowrap;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.vt-nav-dropdown li a:hover {
    color: var(--gold) !important;
    background: rgba(212,175,55,0.06);
}

/* Mega Menu (Product) */
.vt-mega-parent {
    position: static !important;
}

.vt-mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    background: rgba(12,10,22,0.96);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 0 0 12px 12px;
    padding: 24px 30px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: all 0.25s ease;
    z-index: 200;
    box-shadow: 0 12px 36px rgba(0,0,0,0.5);
}

.vt-mega-parent:hover > .vt-mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.vt-mega-col {
    margin-bottom: 12px;
}

.vt-mega-heading {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.vt-mega-heading a {
    color: #fff !important;
    padding: 0 !important;
    font-size: 12px !important;
    letter-spacing: 0.3px !important;
}

.vt-mega-heading a:hover {
    color: var(--gold) !important;
}

.vt-mega-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.vt-mega-links li {
    margin-bottom: 6px;
}

.vt-mega-links li a {
    font-size: 11px !important;
    color: rgba(255,255,255,0.6) !important;
    padding: 2px 0 !important;
    display: block;
    text-transform: none !important;
    letter-spacing: 0 !important;
    white-space: normal;
}

.vt-mega-links li a:hover {
    color: var(--gold) !important;
    padding-left: 4px !important;
    background: transparent;
}



/* ============================================
   3. HERO SLIDER
   ============================================ */
.vt-hero-slider-wrap {
    position: relative;
    overflow: hidden;
}

.vt-hero-slider .slick-dots {
    bottom: 20px;
    z-index: 10;
}

.vt-hero-slider .slick-dots li button:before {
    color: rgba(255,255,255,0.5);
    font-size: 8px;
}

.vt-hero-slider .slick-dots li.slick-active button:before {
    color: var(--gold);
}

.vt-hero-slide {
    position: relative;
    min-height: 420px;
    display: flex !important;
    align-items: center;
    overflow: hidden;
}

.vt-hero-slide-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-color: #1a1030;
    transition: transform 6s ease;
}

.vt-hero-slide.slick-active .vt-hero-slide-bg {
    transform: scale(1.05);
}

.vt-hero-slide-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.1) 100%);
    z-index: 1;
}

.vt-hero-slide .container {
    z-index: 3;
    padding-top: 50px;
    padding-bottom: 50px;
}

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

.vt-hero-pretitle {
    font-size: 15px;
    color: rgba(255,255,255,0.85);
    font-weight: 300;
    font-style: italic;
    margin-bottom: 2px;
}

.vt-hero-title {
    font-family: var(--font-display);
    font-size: clamp(2.8rem, 5vw, 4.2rem);
    font-weight: 700;
    line-height: 1.05;
    margin: 0 0 4px;
    background: linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 50%, #c49a2c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: drop-shadow(0 0 30px rgba(212,175,55,0.2));
}

.vt-hero-subtitle {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 8px;
}

.vt-hero-line {
    width: 40px;
    height: 2px;
    background: var(--gold);
    margin: 12px 0;
}

.vt-hero-desc {
    font-size: 12px;
    color: rgba(255,255,255,0.7);
    line-height: 1.8;
    max-width: 380px;
    margin-bottom: 24px;
}

.vt-hero-btns {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* Buttons */
.btn-gold {
    background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);
    color: #000;
    font-weight: 600;
    /* padding: 10px 22px; */
    border-radius: 4px;
    border: none;
    font-size: 11px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.btn-gold:hover {
    background: linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 100%);
    color: #000;
    box-shadow: 0 4px 20px var(--gold-glow);
    transform: translateY(-1px);
}

.btn-glass {
    background: rgba(255,255,255,0.06);
    backdrop-filter: blur(6px);
    color: #fff;
    font-weight: 500;
    padding: 10px 22px;
    border-radius: 4px;
    border: 1px solid rgba(255,255,255,0.2);
    font-size: 11px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.btn-glass:hover {
    border-color: var(--gold);
    color: var(--gold);
    background: rgba(212,175,55,0.06);
}

/* ============================================
   4. TRUST BAR
   ============================================ */
.vt-trust {
    position: relative;
    z-index: 5;
    margin-top: -28px;
    padding: 0 0 16px;
    background: transparent;
}

.vt-trust-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    overflow-x: auto;
    background: rgba(12,10,22,0.75);
    backdrop-filter: blur(20px) saturate(1.2);
    -webkit-backdrop-filter: blur(20px) saturate(1.2);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 50px;
    padding: 12px 28px;
    box-shadow: 0 6px 24px rgba(0,0,0,0.3);
}

.vt-trust-card::-webkit-scrollbar { display: none; }

.vt-trust-item {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    padding: 4px 8px;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.vt-trust-item:hover {
    border-color: rgba(212,175,55,0.2);
    background: rgba(212,175,55,0.03);
}

.vt-trust-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: transparent;
    border: 1.5px solid rgba(212,175,55,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.vt-trust-icon i { color: var(--gold); font-size: 14px; }

.vt-trust-text strong {
    display: block;
    font-size: 11px;
    color: #fff;
    font-weight: 600;
}

.vt-trust-text span {
    font-size: 9px;
    color: var(--text-muted);
}

/* ============================================
   5. SECTION COMMON
   ============================================ */
.vt-section {
    padding: 55px 0;
}

.vt-section-title {
    text-align: center;
    margin-bottom: 32px;
}

.vt-section-title h2 {
    font-family: var(--font-display);
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1.5px;
    margin-bottom: 8px;
}

.vt-section-title .divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.vt-section-title .divider .dot {
    width: 4px;
    height: 4px;
    background: var(--gold);
    border-radius: 50%;
}

.vt-section-title .divider .line {
    width: 35px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--gold), transparent);
}

/* ============================================
   5. SHOP BY PURPOSE
   ============================================ */
.vt-purpose {
    background: rgba(15,10,25,0.4);
    backdrop-filter: blur(24px) saturate(1.3);
    -webkit-backdrop-filter: blur(24px) saturate(1.3);
}

.vt-purpose-wrap {
    position: relative;
    padding: 0 48px;
}

.vt-purpose-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.2);
    color: rgba(255,255,255,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 5;
    font-size: 13px;
    transition: all 0.3s;
    backdrop-filter: blur(8px);
}

.vt-purpose-nav:hover {
    background: var(--gold);
    color: #000;
    border-color: var(--gold);
    box-shadow: 0 0 12px var(--gold-glow);
}

.vt-purpose-next {
    background: var(--gold);
    border-color: var(--gold);
    color: #000;
}

.vt-purpose-prev { left: 0; }
.vt-purpose-next { right: 0; }

.vt-purpose-item { padding: 8px; height: 160px; }

.vt-purpose-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: rgba(255,255,255,0.05);
    backdrop-filter: blur(14px) saturate(1.1);
    -webkit-backdrop-filter: blur(14px) saturate(1.1);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 14px;
    padding: 22px 14px 16px;
    transition: all 0.3s;
    height: 100%;
    justify-content: center;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.05);
}

.vt-purpose-card:hover {
    background: rgba(255,255,255,0.08);
    border-color: rgba(212,175,55,0.3);
    box-shadow: 0 4px 24px rgba(0,0,0,0.3), 0 0 15px rgba(212,175,55,0.08), inset 0 1px 0 rgba(255,255,255,0.08);
    transform: translateY(-3px);
}

.vt-purpose-circle {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 12px;
    background: transparent;
    border: none;
}

.vt-purpose-circle img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.vt-purpose-circle i {
    font-size: 32px;
    color: var(--gold);
}

.vt-purpose-fallback {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vt-purpose-fallback i {
    font-size: 32px;
    color: var(--gold);
}

.vt-purpose-label {
    font-size: 11px;
    color: rgba(255,255,255,0.85);
    font-weight: 500;
    max-width: 110px;
    line-height: 1.3;
}

.vt-purpose-card:hover .vt-purpose-label { color: #fff; }

@media (max-width: 767px) {
    .vt-purpose-item { height: auto; }
}


/* ============================================
   6. FEATURED PRODUCTS
   ============================================ */
.vt-products {
    background: rgba(12,8,22,0.4);
    backdrop-filter: blur(24px) saturate(1.3);
    -webkit-backdrop-filter: blur(24px) saturate(1.3);
}

.vt-product-tabs {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-bottom: 28px;
}

.vt-product-tabs a {
    font-size: 12px;
    color: var(--text-muted);
    padding: 4px 14px;
    border-bottom: 2px solid transparent;
    font-weight: 500;
}

.vt-product-tabs a.active {
    color: #fff;
    border-bottom-color: var(--gold);
    font-weight: 600;
}

.vt-product-tabs a:hover {
    color: #fff;
}

.vt-products-slider .slick-slide { padding: 0 6px; }

.vt-prod-card {
    background: rgba(255,255,255,0.04);
    backdrop-filter: blur(14px) saturate(1.1);
    -webkit-backdrop-filter: blur(14px) saturate(1.1);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    overflow: hidden;
    transition: all 0.3s;
    position: relative;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}

.vt-prod-card:hover {
    border-color: rgba(212,175,55,0.2);
    box-shadow: 0 8px 28px rgba(0,0,0,0.4), 0 0 12px rgba(212,175,55,0.06);
    transform: translateY(-3px);
}

.vt-prod-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 9px;
    font-weight: 700;
    z-index: 3;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.vt-prod-badge.best { background: var(--gold); color: #000; }
.vt-prod-badge.popular { background: #8b5cf6; color: #fff; }
.vt-prod-badge.new { background: #27ae60; color: #fff; }
.vt-prod-badge.sale { background: #e74c3c; color: #fff; }

.vt-prod-img {
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: radial-gradient(ellipse at center, rgba(40,30,60,0.3) 0%, transparent 70%);
    position: relative;
}

.vt-prod-img img {
    max-height: 100%;
    max-width: 90%;
    object-fit: contain;
    transition: transform 0.3s;
}

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

.vt-prod-actions {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    opacity: 0;
    transform: translateX(8px);
    transition: all 0.3s;
}

.vt-prod-card:hover .vt-prod-actions { opacity: 1; transform: translateX(0); }

.vt-prod-actions a {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: rgba(0,0,0,0.65);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255,255,255,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 10px;
}

.vt-prod-actions a:hover {
    background: var(--gold);
    color: #000;
    border-color: var(--gold);
}

.vt-prod-info {
    padding: 14px;
    position: relative;
}

.vt-prod-name {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 2px;
    line-height: 1.3;
}

.vt-prod-name a { color: #fff; }
.vt-prod-name a:hover { color: var(--gold); }

.vt-prod-sub {
    font-size: 10px;
    color: var(--text-muted);
    margin-bottom: 6px;
}

.vt-prod-stars {
    margin-bottom: 6px;
}

.vt-prod-stars i { font-size: 10px; color: var(--gold); }
.vt-prod-stars i.empty { color: var(--text-muted); }
.vt-prod-stars span { font-size: 9px; color: var(--text-muted); margin-left: 3px; }

.vt-prod-price {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.vt-prod-price .old { font-size: 11px; color: var(--text-muted); text-decoration: line-through; }
.vt-prod-price .now { font-size: 16px; font-weight: 700; color: #fff; }

/* Cart icon button - bottom right */
.vt-prod-cart {
    position: absolute;
    bottom: 14px;
    right: 14px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);
    color: #000;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    transition: all 0.3s;
    padding: 0;
}

.vt-prod-cart:hover {
    box-shadow: 0 3px 12px var(--gold-glow);
    transform: scale(1.1);
}

/* ============================================
   7. ENERGY COLLECTIONS
   ============================================ */
.vt-collections {
    background: rgba(14,10,24,0.4);
    backdrop-filter: blur(24px) saturate(1.3);
    -webkit-backdrop-filter: blur(24px) saturate(1.3);
}

.vt-coll-card {
    display: block;
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    height: 260px;
    transition: all 0.3s;
    border: 1px solid rgba(255,255,255,0.1);
}

.vt-coll-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    border-color: rgba(255,255,255,0.15);
}

.vt-coll-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-color: #1a1530;
    transition: transform 0.4s;
}

.vt-coll-card:hover .vt-coll-bg { transform: scale(1.04); }

.vt-coll-overlay {
    position: absolute;
    inset: 0;
}

.vt-coll-card.gold .vt-coll-overlay { background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(40,30,0,0.6) 50%, rgba(0,0,0,0.85) 100%); }
.vt-coll-card.red .vt-coll-overlay { background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(60,10,10,0.5) 50%, rgba(0,0,0,0.85) 100%); }
.vt-coll-card.green .vt-coll-overlay { background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(10,40,20,0.5) 50%, rgba(0,0,0,0.85) 100%); }
.vt-coll-card.purple .vt-coll-overlay { background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(30,10,50,0.5) 50%, rgba(0,0,0,0.85) 100%); }

.vt-coll-content {
    position: absolute;
    inset: 0;
    padding: 20px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.vt-coll-title {
    font-family: var(--font-display);
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    line-height: 1.3;
}

.vt-coll-btn {
    display: inline-block;
    background: var(--gold);
    color: #000;
    font-size: 9px;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 3px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    align-self: flex-start;
}

.vt-coll-card:hover .vt-coll-btn {
    background: var(--gold-light);
    box-shadow: 0 3px 12px var(--gold-glow);
}

/* ============================================
   8. FEATURES STRIP
   ============================================ */
.vt-features {
    background: rgba(12,8,22,0.4);
    backdrop-filter: blur(24px) saturate(1.3);
    -webkit-backdrop-filter: blur(24px) saturate(1.3);
    border-top: 1px solid rgba(255,255,255,0.06);
    border-bottom: 1px solid rgba(255,255,255,0.06);
    padding: 20px 0;
}

.vt-features .container {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 12px;
    padding: 16px 20px;
}

.vt-feat-box {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 4px;
    border: none;
    background: transparent;
    height: 100%;
    border-radius: 0;
    box-shadow: none;
    backdrop-filter: none;
}

.vt-feat-box:hover .vt-feat-icon {
    border-color: var(--gold);
    box-shadow: 0 0 10px rgba(212,175,55,0.15);
}

.vt-feat-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: transparent;
    border: 1.5px solid rgba(212,175,55,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s;
}

.vt-feat-icon i { color: var(--gold); font-size: 14px; }

.vt-feat-text { display: flex; flex-direction: column; }
.vt-feat-text strong { display: block; font-size: 11px; color: #fff; font-weight: 600; }
.vt-feat-text span { font-size: 10px; color: var(--text-muted); line-height: 1.3; }

/* ============================================
   9. HOW IT WORKS + 10. EXPERT (COMBINED)
   ============================================ */
.vt-howexpert {
    background: rgba(12,8,22,0.4);
    backdrop-filter: blur(24px) saturate(1.3);
    -webkit-backdrop-filter: blur(24px) saturate(1.3);
}

.vt-expert-full-card {
    background: rgba(255,255,255,0.04);
    backdrop-filter: blur(16px) saturate(1.2);
    -webkit-backdrop-filter: blur(16px) saturate(1.2);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0,0,0,0.25);
}

.vt-how-col {
    padding: 28px 24px;
    height: 100%;
    border-right: 1px solid rgba(255,255,255,0.06);
}

.vt-how-title {
    font-family: var(--font-display);
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 22px;
}

.vt-how-step {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 18px;
}

.vt-how-num-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.vt-how-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.15);
    background: rgba(255,255,255,0.04);
    display: flex;
    align-items: center;
    justify-content: center;
}

.vt-how-icon i { font-size: 12px; color: rgba(255,255,255,0.6); }

.vt-how-num {
    font-size: 10px;
    font-weight: 700;
    color: var(--gold);
}

.vt-how-step strong { display: block; font-size: 12px; color: #fff; margin-bottom: 2px; }
.vt-how-step p { font-size: 10px; color: var(--text-muted); margin: 0; line-height: 1.4; }

/* Expert Photo Column */
.vt-expert-photo-col {
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-top: 20px;
}

.vt-expert-img {
    max-height: 260px;
    width: auto;
    object-fit: contain;
    border-radius: 0;
}

/* Expert Info Column */
.vt-expert-info-col {
    padding: 28px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.vt-expert-label {
    font-size: 9px;
    color: var(--text-muted);
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.vt-expert-name {
    font-family: var(--font-display);
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 6px;
}

.vt-expert-desc {
    font-size: 11px;
    color: var(--text-muted);
    margin-bottom: 12px;
}

.vt-expert-list { margin-bottom: 16px; }
.vt-expert-list li { font-size: 11px; color: var(--text-light); padding: 3px 0; }
.vt-expert-list li i { color: var(--gold); margin-right: 8px; font-size: 11px; }

.vt-btn-consult {
    display: inline-block;
    background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);
    color: #000;
    border: none;
    padding: 9px 22px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    transition: all 0.3s;
}

.vt-btn-consult:hover {
    background: linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 100%);
    color: #000;
    box-shadow: 0 4px 16px var(--gold-glow);
}

/* Expert Stats Column */
.vt-expert-stats-col {
    padding: 24px 16px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 14px;
    border-left: 1px solid rgba(255,255,255,0.06);
}

.vt-stat-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.vt-stat-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid rgba(212,175,55,0.3);
    background: rgba(212,175,55,0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.vt-stat-icon i { font-size: 11px; color: var(--gold); }

.vt-stat-num {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: var(--gold);
    font-family: var(--font-display);
    line-height: 1.1;
}

.vt-stat-lbl {
    font-size: 9px;
    color: var(--text-muted);
}

/* ============================================
   11. TESTIMONIALS
   ============================================ */
.vt-testimonials {
    background: rgba(14,10,24,0.4);
    backdrop-filter: blur(24px) saturate(1.3);
    -webkit-backdrop-filter: blur(24px) saturate(1.3);
}

.vt-testimonials-slider .slick-slide { padding: 0 10px; }

.vt-testi-card {
    background: rgba(255,255,255,0.04);
    backdrop-filter: blur(14px) saturate(1.1);
    -webkit-backdrop-filter: blur(14px) saturate(1.1);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 14px;
    padding: 24px;
    transition: border-color 0.3s;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
    min-height: 180px;
}

.vt-testi-card:hover { border-color: rgba(212,175,55,0.2); }

.vt-testi-quote {
    margin-bottom: 10px;
}

.vt-testi-quote span {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 700;
    color: var(--gold);
    line-height: 1;
    opacity: 0.7;
}

.vt-testi-text {
    font-size: 12px;
    color: var(--text-light);
    line-height: 1.7;
    margin-bottom: 12px;
}

.vt-testi-stars { margin-bottom: 8px; }
.vt-testi-stars i { font-size: 12px; color: var(--gold); }

.vt-testi-author {
    font-size: 12px;
    color: var(--gold);
    font-weight: 600;
}

/* ============================================
   12. BLOG
   ============================================ */
.vt-blog {
    background: rgba(12,8,22,0.4);
    backdrop-filter: blur(24px) saturate(1.3);
    -webkit-backdrop-filter: blur(24px) saturate(1.3);
}

.vt-blog-card {
    background: rgba(255,255,255,0.04);
    backdrop-filter: blur(14px) saturate(1.1);
    -webkit-backdrop-filter: blur(14px) saturate(1.1);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: var(--radius);
    overflow: hidden;
    height: 100%;
    transition: all 0.3s;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}

.vt-blog-card:hover {
    border-color: var(--card-border-hover);
    transform: translateY(-2px);
}

.vt-blog-img {
    height: 100%;
    min-height: 130px;
    max-height: 180px;
    overflow: hidden;
}

.vt-blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s;
}

.vt-blog-card:hover .vt-blog-img img { transform: scale(1.04); }

.vt-blog-body { padding: 14px; }

.vt-blog-title {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 6px;
}

.vt-blog-excerpt {
    font-size: 11px;
    color: var(--text-muted);
    line-height: 1.5;
    margin-bottom: 8px;
}

.vt-blog-link {
    font-size: 10px;
    color: var(--gold);
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.vt-blog-link:hover { color: var(--gold-light); }

/* ============================================
   13. NEWSLETTER
   ============================================ */
.vt-newsletter {
    background: rgba(12,8,22,0.5);
    backdrop-filter: blur(24px) saturate(1.3);
    -webkit-backdrop-filter: blur(24px) saturate(1.3);
    border-top: 1px solid rgba(212,175,55,0.15);
    border-bottom: 1px solid rgba(255,255,255,0.06);
    padding: 24px 0;
}

.vt-newsletter-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1.5px solid var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.vt-newsletter-icon i {
    font-size: 20px;
    color: var(--gold);
}

.vt-newsletter h4 {
    font-family: var(--font-display);
    font-size: 14px;
    color: var(--gold);
    letter-spacing: 1px;
    margin-bottom: 2px;
}

.vt-newsletter p {
    font-size: 11px;
    color: var(--text-light);
    margin: 0;
}

.vt-newsletter-form {
    display: flex;
    gap: 0;
}

.vt-newsletter-form input {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.15);
    color: #fff;
    padding: 10px 16px;
    font-size: 12px;
    border-radius: 4px 0 0 4px;
    flex: 1;
    outline: none;
}

.vt-newsletter-form input::placeholder { color: var(--text-muted); }
.vt-newsletter-form input:focus { border-color: var(--gold); }

.vt-newsletter-form button {
    border-radius: 0 4px 4px 0;
    white-space: nowrap;
}

/* ============================================
   14. FOOTER
   ============================================ */
.vt-footer {
    background: rgba(8,5,16,0.7);
    backdrop-filter: blur(20px) saturate(1.2);
    -webkit-backdrop-filter: blur(20px) saturate(1.2);
    border-top: 1px solid rgba(255,255,255,0.06);
    padding: 35px 0 20px;
    position: relative;
}

.vt-footer-logo-wrap {
    display: block;
    margin-bottom: 12px;
}

.vt-footer-logo {
    max-height: 40px;
    width: auto;
}

.vt-footer-brand .vt-logo-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1.5px solid var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(212,175,55,0.06);
}

.vt-footer-brand .vt-logo-icon i {
    font-size: 20px;
    color: var(--gold);
}

.vt-footer-brand .vt-logo-text {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.vt-footer-brand .vt-logo-brand {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 2px;
}

.vt-footer-brand .vt-logo-sub {
    font-family: var(--font-display);
    font-size: 9px;
    color: var(--gold);
    letter-spacing: 3px;
}

.vt-footer-brand .vt-logo-tagline {
    font-size: 8px;
    color: var(--text-muted);
    margin-top: 1px;
    font-style: italic;
}

.vt-footer-desc {
    font-size: 12px;
    color: var(--text-muted);
    line-height: 1.6;
    margin-bottom: 12px;
}

.vt-footer-social { display: flex; gap: 8px; margin-top: 14px; }

.vt-footer-social a {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-muted);
    font-size: 11px;
}

.vt-footer-social a:hover {
    background: var(--gold);
    color: #000;
    border-color: var(--gold);
}

.vt-footer h6 {
    font-size: 11px;
    font-weight: 600;
    color: var(--gold);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 14px;
}

.vt-footer ul li { margin-bottom: 6px; }
.vt-footer ul li a { font-size: 12px; color: var(--text-muted); }
.vt-footer ul li a:hover { color: var(--gold); padding-left: 3px; }

.vt-footer-contact li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 9px;
    font-size: 12px;
    color: var(--text-muted);
}

.vt-footer-contact li i { color: var(--gold); margin-top: 2px; font-size: 11px; }

/* Footer Recent Posts */
.vt-footer-posts { list-style: none; padding: 0; margin: 0; }
.vt-footer-posts li { margin-bottom: 12px; }

.vt-footer-post {
    display: flex;
    align-items: center;
    gap: 10px;
}

.vt-footer-post-img {
    width: 40px;
    height: 35px;
    border-radius: 4px;
    overflow: hidden;
    flex-shrink: 0;
}

.vt-footer-post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vt-footer-post-info h6 {
    font-size: 12px;
    color: rgba(255,255,255,0.7);
    font-weight: 500;
    margin: 0 0 2px;
    line-height: 1.3;
}

.vt-footer-post:hover .vt-footer-post-info h6 { color: var(--gold); }

.vt-footer-post-info span {
    font-size: 10px;
    color: var(--gold);
    opacity: 0.7;
}

.vt-footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.06);
    margin-top: 20px;
    padding-top: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.vt-footer-bottom p { font-size: 12px; color: var(--text-muted); margin: 0; }
.vt-footer-bottom .pay-icons { display: flex; gap: 8px; }
.vt-footer-bottom .pay-icons i { font-size: 18px; color: var(--text-muted); }

/* Floating WhatsApp Button */
.vt-whatsapp-float {
    position: fixed;
    bottom: 10px;
    left: 24px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #25D366;
    color: #fff;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
    box-shadow: 0 4px 16px rgba(37,211,102,0.4);
    transition: all 0.3s;
}

.vt-whatsapp-float:hover {
    background: #20bd5a;
    color: #fff;
    transform: scale(1.08);
    box-shadow: 0 6px 24px rgba(37,211,102,0.5);
}

/* ============================================
   SLICK OVERRIDES
   ============================================ */
.slick-dots { bottom: -26px; }
.slick-dots li button:before { color: var(--text-muted); font-size: 7px; }
.slick-dots li.slick-active button:before { color: var(--gold); }

.slick-prev, .slick-next {
    width: 34px;
    height: 34px;
    z-index: 10;
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid var(--card-border) !important;
    border-radius: 50% !important;
}

.slick-prev:hover, .slick-next:hover {
    background: var(--gold) !important;
    border-color: var(--gold) !important;
}

.slick-prev:before, .slick-next:before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: var(--text-light);
    font-size: 11px;
    opacity: 1;
}

.slick-prev:hover:before, .slick-next:hover:before { color: #000; }
.slick-prev:before { content: '\f053'; }
.slick-next:before { content: '\f054'; }
.slick-prev { left: -16px; }
.slick-next { right: -16px; }

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 1199px) {
    .vt-nav-list li a { padding: 11px 11px; font-size: 10px; }
}

@media (max-width: 991px) {
    .vt-topbar-left { justify-content: flex-start; gap: 12px; }
    .vt-topbar-right { display: none !important; }
    .vt-hero { padding: 35px 0 45px; min-height: auto; }
    .vt-hero-title { font-size: 2.4rem; }
    .vt-pyramid-img { max-height: 220px; }
    .vt-nav-list { flex-wrap: wrap; justify-content: flex-start; }
    .vt-nav-list li a { padding: 8px 10px; }
    .vt-purpose-wrap { padding: 0 36px; }
    .slick-prev { left: -10px; }
    .slick-next { right: -10px; }
    .vt-logo-tagline { display: none; }
    .vt-hdr-icon span { display: none; }
    .vt-hdr-icon-circle { width: 32px; height: 32px; }
    .vt-hdr-icon-circle i { font-size: 13px; }
}

@media (max-width: 767px) {
    .vt-section { padding: 35px 0; }
    .vt-hero-title { font-size: 2rem; }
    .vt-hero-visual { margin-top: 24px; }
    .vt-trust-inner { gap: 10px; }
    .vt-purpose-wrap { padding: 0 28px; }
    .vt-feat-box { flex-direction: column; text-align: center; }
    .vt-newsletter-form { flex-direction: column; gap: 8px; }
    .vt-newsletter-form input { border-radius: 4px; }
    .vt-newsletter-form button { border-radius: 4px; }
    .vt-coll-card { height: 200px; }
    .vt-footer-bottom { flex-direction: column; text-align: center; }

    /* Compact mobile footer */
    .vt-footer { padding: 24px 0 14px; }
    .vt-footer .row { gap: 0 !important; }
    .vt-footer .col-lg-3 { margin-bottom: 0; }

    .vt-footer-toggle {
        margin-bottom: 0 !important;
        font-size: 11px;
        cursor: pointer;
        position: relative;
        padding: 12px 0;
        padding-right: 20px;
        border-bottom: 1px solid rgba(255,255,255,0.06);
    }

    .vt-footer-toggle::after {
        content: '+';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        font-size: 16px;
        color: var(--gold);
        font-weight: 400;
    }

    .vt-footer-toggle.open::after { content: '−'; }

    .vt-footer-collapse {
        display: none !important;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .vt-footer-collapse.show { display: block !important; }

    .vt-footer .vt-footer-brand .vt-footer-contact { display: block !important; }
    .vt-footer .vt-footer-brand .vt-footer-social { display: flex !important; }
    .vt-footer .vt-footer-desc { font-size: 10px; margin-bottom: 8px; }
    .vt-footer-contact { margin-bottom: 8px; }
    .vt-footer-contact li { margin-bottom: 6px; }
    .vt-footer .vt-footer-post-info h6::after { display: none; }
}

/* ============================================
   SCROLLBAR
   ============================================ */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--navy-deep); }
::-webkit-scrollbar-thumb { background: rgba(212,175,55,0.15); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(212,175,55,0.3); }

/* ============================================
   MOBILE NAV TOGGLE
   ============================================ */
.vt-mobile-toggle {
    display: none;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.3);
    color: rgba(255,255,255,0.75);
    padding: 5px 9px;
    font-size: 16px;
    border-radius: 4px;
    cursor: pointer;
    outline: none !important;
    box-shadow: none !important;
}

.vt-mobile-toggle:focus,
.vt-mobile-toggle:active {
    outline: none !important;
    box-shadow: none !important;
    border-color: rgba(255,255,255,0.3) !important;
}

/* Mobile Menu Panel */
.vt-mobile-menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 85%;
    max-width: 320px;
    height: 100vh;
    height: 100dvh;
    background: #fff;
    z-index: 99999;
    transition: left 0.3s ease;
    overflow-y: auto;
    box-shadow: 4px 0 20px rgba(0,0,0,0.3);
}

.vt-mobile-menu.open {
    left: 0;
}

.vt-mobile-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 99998;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.vt-mobile-overlay.open {
    opacity: 1;
    visibility: visible;
}

.vt-mobile-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    background: #2d3436;
    color: #fff;
}

.vt-mobile-login {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
}

.vt-mobile-login:hover { color: #fff; }

.vt-mobile-close {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
}

/* Mobile Tabs */
.vt-mobile-tabs {
    display: flex;
    border-bottom: 2px solid #eee;
}

.vt-mobile-tab {
    flex: 1;
    padding: 12px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    background: transparent;
    border: none;
    color: #666;
    cursor: pointer;
    transition: all 0.3s;
}

.vt-mobile-tab.active {
    color: #fff;
    background: #2d3436;
}

/* Mobile Tab Content */
.vt-mobile-tab-content {
    display: none;
}

.vt-mobile-tab-content.active {
    display: block;
}

/* Mobile Nav List */
.vt-mobile-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

.vt-mobile-nav > li {
    border-bottom: 1px solid #eee;
}

.vt-mobile-nav > li > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.vt-mobile-nav > li > a:hover {
    color: var(--gold);
}

.vt-mobile-arrow {
    font-size: 10px;
    color: #999;
    transition: transform 0.3s;
}

.vt-mobile-nav > li.open > a .vt-mobile-arrow {
    transform: rotate(180deg);
}

/* Mobile Sub Menu */
.vt-mobile-sub {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    background: #f9f9f9;
}

.vt-mobile-nav > li.open > .vt-mobile-sub {
    display: block;
}

.vt-mobile-sub li a {
    display: block;
    padding: 10px 16px 10px 30px;
    font-size: 12px;
    color: #555;
    border-top: 1px solid #eee;
}

.vt-mobile-sub li a:hover {
    color: var(--gold);
}

@media (max-width: 991px) {
    .vt-mobile-toggle { display: inline-flex; }
    .vt-nav { display: none; }
    .vt-nav-list { flex-direction: column; align-items: flex-start; padding: 10px 0; }
}


/* ============================================
   HOMEPAGE PRODUCT TABS - Vastu Style Override
   ============================================ */
.full-row.bg-white {
    background: transparent !important;
}

.top-collection-tab .nav-pills {
    gap: 8px;
    border: none;
    align-items: center;
}

.top-collection-tab .nav-pills .nav-link {
    background: transparent !important;
    color: var(--text-muted) !important;
    font-size: 13px;
    font-weight: 500;
    padding: 5px 16px;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    font-family: var(--font-body);
    vertical-align: middle;
}

.top-collection-tab .nav-pills .nav-link.active,
.top-collection-tab .nav-pills .nav-link:hover {
    color: #fff !important;
    border-bottom-color: var(--gold) !important;
    background: transparent !important;
}

/* Section title override */
.top-collection-tab .nav-pills + .tab-content,
.full-row .main-title {
    color: #fff !important;
}

.full-row .tagline {
    color: var(--gold) !important;
}

/* Product card - dark glass style */
.product-style-1 .product-wrapper,
.product-style-2 .product-wrapper {
    background: rgba(255,255,255,0.04) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 14px !important;
    overflow: hidden;
    transition: all 0.3s;
}

.product-style-1 .product-wrapper:hover,
.product-style-2 .product-wrapper:hover {
    border-color: rgba(212,175,55,0.2) !important;
    box-shadow: 0 6px 24px rgba(0,0,0,0.3), 0 0 10px rgba(212,175,55,0.06);
    transform: translateY(-3px);
}

/* Product image area */
.product-style-1 .product-image,
.product-style-2 .product-image {
    background: radial-gradient(ellipse at center, rgba(40,30,60,0.3) 0%, transparent 70%) !important;
}

/* Product title */
.product-style-1 .product-title a,
.product-style-2 .product-title a,
.product-info .product-title a {
    color: #fff !important;
    font-size: 12px;
}

.product-style-1 .product-title a:hover,
.product-style-2 .product-title a:hover {
    color: var(--gold) !important;
}

/* Product price */
.product-style-1 .product-price,
.product-style-2 .product-price,
.product-info .product-price {
    color: #fff !important;
    font-weight: 700;
}

.product-style-1 .product-price del,
.product-style-2 .product-price del {
    color: var(--text-muted) !important;
}

/* Product rating stars */
.product-style-1 .rating-stars i,
.product-style-2 .rating-stars i,
.product-info .star-rating i {
    color: var(--gold) !important;
}

/* Cart button */
.product-style-1 .product-button-action a,
.product-style-2 .product-button-action a,
.product-info .add-to-cart-btn {
    background: var(--gold) !important;
    color: #000 !important;
    border-color: var(--gold) !important;
    border-radius: 50% !important;
    width: 32px !important;
    height: 32px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

/* General text color overrides for dark theme */
.text-dark, .text-secondary, .text-general {
    color: var(--text-light) !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #fff;
}

.full-row {
    background: transparent !important;
}

/* Swiper navigation arrows */
.swiper-button-next, .swiper-button-prev {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
}

.swiper-button-next::after, .swiper-button-prev::after {
    font-size: 14px !important;
    color: var(--text-light) !important;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    background: var(--gold) !important;
    border-color: var(--gold) !important;
}

.swiper-button-next:hover::after, .swiper-button-prev:hover::after {
    color: #000 !important;
}


/* Page wrapper glass background */
#page_wrapper {
    background: rgba(12, 8, 22, 0.4);
    position: relative;
    z-index: 1;
}


/* Product review and price readability fix */
.product-info .price,
.product-info .product-price,
.product-info .price span,
.product-info .new-price,
.product-info .woocommerce-Price-amount,
.price .new-price,
.price span,
.product-price span,
.product-wrapper .price,
.product-wrapper .product-price {
    color: #fff !important;
    font-weight: 700;
}

.product-info .price del,
.product-info .product-price del,
.product-info .old-price,
.price del,
.product-price del {
    color: var(--text-muted) !important;
    font-weight: 400;
}

.product-info .rating,
.product-info .star-rating,
.product-info .rating-stars,
.product-wrapper .rating,
.product-wrapper .star-rating {
    color: var(--gold) !important;
}

.product-info .rating i,
.product-info .star-rating i,
.product-wrapper .rating i,
.product-wrapper .star-rating i {
    color: var(--gold) !important;
}

.product-info .rating span,
.product-info .rating-count,
.product-wrapper .rating span {
    color: var(--text-light) !important;
}

.product-info p,
.product-info span,
.product-info .product-category {
    color: var(--text-light) !important;
}


/* Blog Slider */
.vt-blog-slider .slick-slide { padding: 0 10px; }
.vt-blog-slide-item { padding: 0 4px; }


/* Partners Section */
.vt-partners {
    background: rgba(12, 8, 22, 0.4);
    backdrop-filter: blur(24px) saturate(1.3);
    -webkit-backdrop-filter: blur(24px) saturate(1.3);
}

.vt-partner-item {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 10px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    transition: all 0.3s;
}

.vt-partner-item:hover {
    border-color: rgba(212,175,55,0.2);
    background: rgba(255,255,255,0.06);
}

.vt-partner-item img {
    max-height: 50px;
    max-width: 100%;
    object-fit: contain;
    filter: brightness(0.8) grayscale(0.3);
    transition: filter 0.3s;
}

.vt-partner-item:hover img {
    filter: brightness(1) grayscale(0);
}


/* ============================================
   GLOBAL GLASSMORPHISM UI FOR ALL PAGES
   ============================================ */

/* All section backgrounds transparent */
.full-row,
.full-row.bg-light,
.full-row.bg-white,
section,
.container-fluid {
    background: transparent !important;
}

/* Cards, boxes, wrappers - glass effect */
.card,
.product-wrapper,
.blog-card,
.thumb-latest-blog,
.simple-service,
.widget,
.footer-widget,
.checkout-area,
.cart-area,
.user-dashboard,
.login-area,
.register-area,
.contact-area,
.faq-area,
.breadcrumb-area,
.sidebar,
.sidebar-widget,
.shop-sidebar,
.account-card,
.order-card,
.wishlist-card {
    background: rgba(255,255,255,0.04) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 12px !important;
}

/* Form inputs - dark glass */
.form-control,
.form-select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="search"],
textarea,
select {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    color: #fff !important;
    border-radius: 6px !important;
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
    color: var(--text-muted) !important;
}

.form-control:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: var(--gold) !important;
    box-shadow: 0 0 0 2px rgba(212,175,55,0.1) !important;
    background: rgba(255,255,255,0.06) !important;
}

/* Buttons - gold style */
.btn-primary,
.btn-secondary,
.cmn--btn,
.btn-link-left-line,
.submit-btn,
.checkout-btn {
    background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%) !important;
    color: #000 !important;
    border: none !important;
    font-weight: 600;
    border-radius: 6px !important;
}

.btn-primary:hover,
.btn-secondary:hover,
.cmn--btn:hover {
    background: linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 100%) !important;
    box-shadow: 0 4px 16px var(--gold-glow) !important;
}

/* Breadcrumb area */
.full-row.overlay-dark {
    background-blend-mode: overlay !important;
}

.full-row.overlay-dark::after {
    background: rgba(12,8,22,0.6) !important;
}

/* Tables */
table,
.table {
    color: var(--text-light) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

.table thead th {
    background: rgba(255,255,255,0.04) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,0.08) !important;
}

.table td, .table th {
    border-color: rgba(255,255,255,0.06) !important;
    color: var(--text-light) !important;
}

/* Pagination */
.pagination .page-link {
    background: rgba(255,255,255,0.04) !important;
    border-color: rgba(255,255,255,0.1) !important;
    color: var(--text-light) !important;
}

.pagination .page-item.active .page-link {
    background: var(--gold) !important;
    border-color: var(--gold) !important;
    color: #000 !important;
}

/* Breadcrumb text */
.breadcrumb-item a,
.breadcrumb-item {
    color: var(--text-light) !important;
}

.breadcrumb-item.active {
    color: var(--gold) !important;
}

/* Accordion / FAQ */
.accordion-item {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 8px !important;
    margin-bottom: 8px;
}

.accordion-button {
    background: transparent !important;
    color: #fff !important;
    box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
    color: var(--gold) !important;
}

.accordion-body {
    color: var(--text-light) !important;
}

/* Labels and general text */
label {
    color: var(--text-light) !important;
}

p, span, li, td, th, div {
    color: var(--text-light) !important;
}

/* Alert boxes */
.alert {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: var(--text-light) !important;
    border-radius: 8px !important;
}

/* Modal */
.modal-content {
    background: rgba(18,14,30,0.95) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #fff !important;
}

.modal-header {
    border-bottom-color: rgba(255,255,255,0.08) !important;
}

.modal-footer {
    border-top-color: rgba(255,255,255,0.08) !important;
}

/* Dropdown menus */
.dropdown-menu {
    background: rgba(15,12,28,0.95) !important;
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 8px !important;
}

.dropdown-item {
    color: var(--text-light) !important;
}

.dropdown-item:hover {
    background: rgba(212,175,55,0.08) !important;
    color: var(--gold) !important;
}

/* Links */
a:not(.btn):not(.nav-link):not(.vt-hdr-icon):not(.vt-logo):not(.vt-footer-post):not(.vt-blog-link):not(.vt-purpose-card) {
    color: var(--text-light);
}

a:not(.btn):not(.nav-link):hover {
    color: var(--gold);
}

/* Badges */
.badge {
    background: var(--gold) !important;
    color: #000 !important;
}

/* Tabs (non-product) */
.nav-tabs {
    border-bottom-color: rgba(255,255,255,0.08) !important;
}

.nav-tabs .nav-link {
    color: var(--text-muted) !important;
    border: none !important;
}

.nav-tabs .nav-link.active {
    background: transparent !important;
    color: var(--gold) !important;
    border-bottom: 2px solid var(--gold) !important;
}

/* Checkbox & Radio */
.form-check-input {
    background-color: rgba(255,255,255,0.05) !important;
    border-color: rgba(255,255,255,0.2) !important;
}

.form-check-input:checked {
    background-color: var(--gold) !important;
    border-color: var(--gold) !important;
}

/* Misc overrides */
.bg-light { background: transparent !important; }
.bg-white { background: transparent !important; }
.text-dark { color: var(--text-light) !important; }
/* .text-secondary { color: var(--text-muted) !important; } */
.border { border-color: rgba(255,255,255,0.08) !important; }
hr { border-color: rgba(255,255,255,0.06) !important; }


/* Remove border/background from search input and category select inside header search */
.vt-search-inner input,
.vt-search-inner .vt-search-cat {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}


/* Language & Currency dropdown - remove border, show arrow */
.vt-select {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-appearance: auto;
    appearance: auto;
    padding-right: 4px;
    background-image: none !important;
}


/* Remove margin-right from font awesome icons (except slick arrows) */
.fas::before, .far::before, .fab::before {
    margin-right: 0 !important;
}

/* Fix slick arrow icons */
.slick-prev:before, .slick-next:before {
    font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', FontAwesome !important;
    font-weight: 900 !important;
    font-size: 12px !important;
    color: var(--text-light) !important;
    opacity: 1 !important;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
}

.slick-prev:before { content: '\f053' !important; }
.slick-next:before { content: '\f054' !important; }

.slick-prev:hover:before, .slick-next:hover:before {
    color: #000 !important;
}


/* Remove background from sign-in and registration forms */
.sign-in-form,
.registration-form {
    background: transparent !important;
}


/* Product details sidebar glass */
.pro-details-sidebar-item {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 14px !important;
}


/* Price summary glass */
.price-summary {
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(14px) saturate(1.1);
    -webkit-backdrop-filter: blur(14px) saturate(1.1);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 14px !important;
}


/* Floating Enquiry Panel - Glassmorphism */
#floating-enquiry-panel {
    background: rgba(15, 12, 28, 0.95) !important;
    backdrop-filter: blur(20px) saturate(1.2);
    -webkit-backdrop-filter: blur(20px) saturate(1.2);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
}


#floating-enquiry-panel .enquiry-submit-btn {
    background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%) !important;
    color: #000 !important;
    border-radius: 6px !important;
    font-weight: 600;
    letter-spacing: 0.5px;
}

#floating-enquiry-panel .enquiry-submit-btn:hover {
    box-shadow: 0 4px 16px var(--gold-glow) !important;
}

#floating-enquiry-btn {
    background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%) !important;
    color: #000 !important;
    border-radius: 25px !important;
    box-shadow: 0 4px 15px var(--gold-glow) !important;
    font-weight: 600;
}

#floating-enquiry-btn:hover {
    box-shadow: 0 6px 20px var(--gold-glow) !important;
}


/* ============================================
   ALL PAGES - COMPREHENSIVE GLASSMORPHISM
   ============================================ */

/* Product detail page */
.product-single-details,
.pro-single-info,
.product-details-area,
.product-single,
.product-gallery,
.product-description,
.review-area,
.related-products {
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(14px) saturate(1.1);
    -webkit-backdrop-filter: blur(14px) saturate(1.1);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 14px !important;
    padding: 20px;
    margin-bottom: 16px;
}

/* Cart page */
.cart-table,
.cart-summary,
.cart-totals,
.coupon-area,
.cart-page-area {
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(14px) saturate(1.1);
    -webkit-backdrop-filter: blur(14px) saturate(1.1);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 14px !important;
}

/* Checkout page */
.checkout-form,
.order-summary,
.payment-methods,
.billing-details,
.shipping-details {
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(14px) saturate(1.1);
    -webkit-backdrop-filter: blur(14px) saturate(1.1);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 14px !important;
    padding: 20px;
}

/* Blog page */
.blog-area,
.blog-post,
.blog-sidebar,
.blog-details,
.blog-comment,
.comment-form,
.blog-card-area {
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(14px) saturate(1.1);
    -webkit-backdrop-filter: blur(14px) saturate(1.1);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 14px !important;
}

/* Contact page */
.contact-form,
.contact-info,
.contact-map {
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(14px) saturate(1.1);
    -webkit-backdrop-filter: blur(14px) saturate(1.1);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 14px !important;
    padding: 20px;
}

/* User dashboard */
.user-panel,
.user-sidebar,
.user-content,
.dashboard-card,
.order-table,
.address-card,
.profile-card,
.wishlist-table {
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(14px) saturate(1.1);
    -webkit-backdrop-filter: blur(14px) saturate(1.1);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 14px !important;
}

/* FAQ page */
.faq-section,
.faq-item {
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(14px) saturate(1.1);
    -webkit-backdrop-filter: blur(14px) saturate(1.1);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 14px !important;
}

/* Category/Shop page sidebar */
.shop-filter,
.filter-widget,
.price-filter,
.category-filter,
.widget-area,
.sidebar-area {
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(14px) saturate(1.1);
    -webkit-backdrop-filter: blur(14px) saturate(1.1);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 14px !important;
    padding: 16px;
    margin-bottom: 16px;
}

/* Vendor pages */
.vendor-info,
.vendor-card,
.vendor-products,
.store-info {
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(14px) saturate(1.1);
    -webkit-backdrop-filter: blur(14px) saturate(1.1);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 14px !important;
}

/* Compare page */
.compare-table,
.compare-area {
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(14px) saturate(1.1);
    -webkit-backdrop-filter: blur(14px) saturate(1.1);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 14px !important;
}

/* General content wrappers */
.content-area,
.main-content,
.page-content,
.section-content,
.inner-content,
.box-content {
    color: var(--text-light) !important;
}

/* Breadcrumb overlay */
.full-row.overlay-dark {
    border-radius: 0 !important;
    border: none !important;
    backdrop-filter: none !important;
}

/* Remove double glass on nested elements */
.product-wrapper .product-image,
.product-wrapper .product-info {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Quantity input */
.quantity-input,
.qty-input,
input[type="number"] {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #fff !important;
    border-radius: 6px !important;
}

/* Select2 dark theme */
.select2-container--default .select2-selection--single {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 6px !important;
    color: #fff !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--text-light) !important;
}

.select2-container--default .select2-results__option {
    background: #1a1c2e !important;
    color: var(--text-light) !important;
}

.select2-container--default .select2-results__option--highlighted {
    background: rgba(212, 175, 55, 0.15) !important;
    color: var(--gold) !important;
}

.select2-dropdown {
    background: #1a1c2e !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

/* Toastr notifications */
.toast-success {
    background: rgba(39, 174, 96, 0.9) !important;
}

.toast-error {
    background: rgba(231, 76, 60, 0.9) !important;
}

.toast-info {
    background: rgba(52, 152, 219, 0.9) !important;
}

/* Nice select override */
.nice-select {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: var(--text-light) !important;
    border-radius: 6px !important;
}

.nice-select .list {
    background: #1a1c2e !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.nice-select .option {
    color: var(--text-light) !important;
}

.nice-select .option:hover,
.nice-select .option.selected {
    background: rgba(212, 175, 55, 0.1) !important;
    color: var(--gold) !important;
}

/* Range slider */
.ui-slider {
    background: rgba(255, 255, 255, 0.1) !important;
}

.ui-slider .ui-slider-range {
    background: var(--gold) !important;
}

.ui-slider .ui-slider-handle {
    background: var(--gold) !important;
    border-color: var(--gold) !important;
}

/* Loader */
.loader {
    background: rgba(12, 8, 22, 0.95) !important;
}


/* Product Detail Page Tabs - Same style as homepage product tabs */
.nav-tabs.product-tabs,
.product-detail-tabs .nav-tabs,
.pro-details-tab .nav-tabs,
.product-tab .nav-tabs,
.nav-tabs {
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    gap: 0;
}

.nav-tabs .nav-link,
.pro-details-tab .nav-tabs .nav-link,
.product-tab .nav-tabs .nav-link {
    background: transparent !important;
    color: var(--text-muted) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    margin-bottom: -1px;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover,
.pro-details-tab .nav-tabs .nav-link.active,
.product-tab .nav-tabs .nav-link.active {
    color: #fff !important;
    background: transparent !important;
    border-bottom-color: var(--gold) !important;
}

/* Tab content area */
.tab-content,
.pro-details-tab .tab-content,
.product-tab .tab-content {
    color: var(--text-light) !important;
    padding-top: 16px;
}


/* Product Detail Page - wc-tabs (Description, Buy/Return, Reviews, Comments) */
.wc-tabs.nav-pills {
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    gap: 0 !important;
    display: flex !important;
    flex-wrap: wrap;
}

.wc-tabs.nav-pills .nav-link {
    background: transparent !important;
    color: var(--text-muted) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 12px 22px !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    margin-bottom: -1px;
}

.wc-tabs.nav-pills .nav-link.active,
.wc-tabs.nav-pills .nav-link:hover {
    color: #fff !important;
    background: transparent !important;
    border-bottom-color: var(--gold) !important;
    box-shadow: none !important;
}

.wc-tabs-wrapper .tab-content {
    color: var(--text-light) !important;
}

.section-head.border-bottom {
    border-bottom-color: rgba(255,255,255,0.08) !important;
}


/* Owl Carousel - Replace Prev/Next text with arrows */
.owl-nav .owl-prev,
.owl-nav .owl-next {
    font-size: 0 !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {
    background: var(--gold) !important;
    border-color: var(--gold) !important;
}

.owl-nav .owl-prev::after,
.owl-nav .owl-next::after {
    font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', FontAwesome !important;
    font-weight: 900;
    font-size: 12px !important;
    color: var(--text-light);
    -webkit-font-smoothing: antialiased;
}

.owl-nav .owl-prev::after { content: '\f053'; }
.owl-nav .owl-next::after { content: '\f054'; }

.owl-nav .owl-prev:hover::after,
.owl-nav .owl-next:hover::after {
    color: #000;
}

/* Hide the text inside owl nav buttons */
.owl-nav .owl-prev span,
.owl-nav .owl-next span,
.nav-btn.prev-slide,
.nav-btn.next-slide {
    font-size: 0 !important;
    display: none !important;
}


/* Hide gocover loader by default */
.gocover {
    display: none !important;
}


/* Mobile tabs - single row scrollable */
@media (max-width: 767px) {
    .top-collection-tab .nav-pills,
    .wc-tabs.nav-pills,
    .nav-pills.list-color-general {
        flex-wrap: nowrap !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        gap: 0 !important;
        justify-content: flex-start !important;
        padding: 0 !important;
    }

    .top-collection-tab .nav-pills .nav-link,
    .wc-tabs.nav-pills .nav-link {
        font-size: 10px !important;
        padding: 8px 10px !important;
        white-space: nowrap;
    }
}


/* Hide horizontal scrollbar on tabs */
.top-collection-tab .nav-pills::-webkit-scrollbar,
.wc-tabs.nav-pills::-webkit-scrollbar,
.nav-pills.list-color-general::-webkit-scrollbar {
    display: none;
}

.top-collection-tab .nav-pills,
.wc-tabs.nav-pills,
.nav-pills.list-color-general {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Remove any red/colored underline from nav tabs */
.nav-tabs .nav-link,
.nav-pills .nav-link,
.wc-tabs .nav-link {
    text-decoration: none !important;
}

.nav-tabs .nav-link::after,
.nav-pills .nav-link::after {
    display: none !important;
}

/* Override any existing colored bottom border */
.nav-tab-active-secondary .nav-link.active::after,
.nav-tab-active-secondary .nav-link.active {
    border-color: var(--gold) !important;
    text-decoration: none !important;
}


/* Remove padding from product swiper on mobile */
@media (max-width: 767px) {
    .product-swiper-container {
        padding: 0 !important;
    }
}


/* Unified arrow style - same as SHOP BY VASTU PURPOSE */
.swiper-button-next,
.swiper-button-prev,
.owl-nav .owl-prev,
.owl-nav .owl-next,
.slick-prev,
.slick-next {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s !important;
    font-size: 0 !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover,
.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover,
.slick-prev:hover,
.slick-next:hover {
    background: var(--gold) !important;
    border-color: var(--gold) !important;
    box-shadow: 0 0 12px var(--gold-glow) !important;
}

/* Arrow icons */
.swiper-button-next::after,
.swiper-button-prev::after,
.owl-nav .owl-prev::after,
.owl-nav .owl-next::after,
.slick-prev:before,
.slick-next:before {
    font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', FontAwesome !important;
    font-weight: 900 !important;
    font-size: 12px !important;
    color: rgba(255,255,255,0.7) !important;
    opacity: 1 !important;
    -webkit-font-smoothing: antialiased;
}

.swiper-button-prev::after,
.owl-nav .owl-prev::after,
.slick-prev:before { content: '\f053' !important; }

.swiper-button-next::after,
.owl-nav .owl-next::after,
.slick-next:before { content: '\f054' !important; }

.swiper-button-next:hover::after,
.swiper-button-prev:hover::after,
.owl-nav .owl-prev:hover::after,
.owl-nav .owl-next:hover::after,
.slick-prev:hover:before,
.slick-next:hover:before {
    color: #000 !important;
}

/* Right arrow gold filled (like purpose section) */
.vt-purpose-next,
.slick-next {
    background: var(--gold) !important;
    border-color: var(--gold) !important;
}

.vt-purpose-next::after,
.slick-next:before {
    color: #000 !important;
}


/* Flip phone icon to correct direction */
.fa-phone::before,
.fa-phone-alt::before {
    display: inline-block;
    transform: scaleX(-1);
}


/* Remove gap between footer and enquiry button */
#floating-enquiry-btn {
    bottom: 15px !important;
}

.vt-footer {
    margin-bottom: 0 !important;
    padding-bottom: 14px !important;
}

.vt-footer-bottom {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Remove any extra space after footer */
.vt-footer + *,
footer + * {
    margin-top: 0 !important;
}


/* Hero banner size */
.home-slider .banner-slide-item,
.home-slider .owl-item {
    height: 420px !important;
    max-height: 420px !important;
}

.home-slider .banner-slide-item {
    display: flex !important;
    align-items: center;
}

@media (max-width: 991px) {
    .home-slider .banner-slide-item,
    .home-slider .owl-item {
        height: 350px !important;
        max-height: 350px !important;
    }
}

@media (max-width: 576px) {
    .home-slider .banner-slide-item,
    .home-slider .owl-item {
        height: 280px !important;
        max-height: 280px !important;
    }
}


/* Newsletter/Subscription Popup - compact size */
.subscribe-preloader-wrap {
    max-height: 80vh !important;
    overflow: hidden;
}

.subscribePreloader__thumb {
    max-height: 80vh !important;
    padding: 30px !important;
}

.subscribe-preloader-wrap .preload-close {
    color: #fff !important;
    font-size: 20px;
    z-index: 10;
}


/* Newsletter popup close button fix */
.preload-close,
.subscribe-preloader-wrap .preload-close {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(0,0,0,0.5) !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    z-index: 9999 !important;
    font-size: 16px !important;
}

.preload-close i,
.subscribe-preloader-wrap .preload-close i {
    color: #fff !important;
    font-size: 16px !important;
}


/* Blog sidebar widget styling */
.widget,
.sidebar .widget,
.blog-sidebar .widget,
.widget-area .widget {
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(14px) saturate(1.1);
    -webkit-backdrop-filter: blur(14px) saturate(1.1);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 14px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
}

.widget h3,
.widget h4,
.widget h5,
.widget .widget-title {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 14px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

.widget ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.widget ul li {
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    margin: 0 !important;
}

.widget ul li:last-child {
    border-bottom: none !important;
}

.widget ul li a {
    color: var(--text-light) !important;
    font-size: 13px !important;
}

.widget ul li a:hover {
    color: var(--gold) !important;
}

/* Recent post widget in sidebar */
.widget .post,
.widget .recent-post {
    display: flex;
    align-items: center;
    gap: 10px;
}

.widget .post img,
.widget .recent-post img {
    width: 50px;
    height: 40px;
    object-fit: cover;
    border-radius: 6px;
}

.widget .post-title,
.widget .recent-post h6 {
    font-size: 12px !important;
    color: var(--text-light) !important;
    margin: 0 !important;
}

.widget .date,
.widget .post-date {
    font-size: 11px !important;
    color: var(--gold) !important;
    opacity: 0.7;
}


/* Remove padding-top from blog sidebar */
.sidebar-blog.bg-light.p-30,
.sidebar-blog {
    padding-top: 0 !important;
    background: transparent !important;
}

/* Blog listing card fix — prevent date overlapping image */
.thumb-blog-horizontal {
    display: flex !important;
    float: none !important;
    align-items: stretch;
    overflow: hidden;
    border-radius: 8px;
}

.thumb-blog-horizontal .post-image {
    float: none !important;
    width: 35% !important;
    min-width: 35%;
    flex-shrink: 0;
}

.thumb-blog-horizontal .post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.thumb-blog-horizontal .post-content {
    float: none !important;
    width: 65% !important;
    padding: 20px 25px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.thumb-blog-horizontal .post-content .date {
    margin-top: 10px;
}

@media (max-width: 767px) {
    .thumb-blog-horizontal {
        flex-direction: column;
    }
    .thumb-blog-horizontal .post-image,
    .thumb-blog-horizontal .post-content {
        width: 100% !important;
        min-width: 100%;
    }
    .thumb-blog-horizontal .post-image {
        height: 200px;
    }
    .thumb-blog-horizontal .post-content {
        padding: 15px !important;
    }
}


/* Remove mx-3 from price filter widget */
.bigbazar_widget_price_filter_list.mx-3,
.widget_layered_nav.mx-3,
.widget-toggle.mx-3 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* Price filter - fix alignment and input size */
.bigbazar_widget_price_filter_list .price-filter-wrap,
.bigbazar_widget_price_filter_list .price_filter {
    padding: 0 !important;
}

.bigbazar_widget_price_filter_list input[type="number"],
.bigbazar_widget_price_filter_list input[type="text"],
.price_filter input {
    width: 133px !important;
    height: 40px !important;
    font-size: 12px !important;
    padding: 6px 10px !important;
    text-align: center;
}

.bigbazar_widget_price_filter_list .price-input-wrap,
.price_filter .price-input {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    margin: 12px 0;
}

.bigbazar_widget_price_filter_list button,
.price_filter button {
    width: auto !important;
    /* padding: 8px 24px !important; */
    font-size: 12px !important;
    margin-top: 10px;
}


/* Mobile filter sidebar */
@media (max-width: 1199px) {
    #sidebar {
        background: #0c0818 !important;
        color: var(--text-white) !important;
        padding: 10px;
        min-width: 380px;
    }
}


/* Show products-view (grid/list toggle) on mobile */
@media (max-width: 991px) {
    .products-view {
        display: none !important;
    }

    .dashboard-sidebar-btn {
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .dashboard-sidebar-btn {
        display: none !important;
    }
}


/* Dashboard sidebar button - white border, no blue focus */
.dashboard-sidebar-btn {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
    color: rgba(255,255,255,0.75) !important;
    outline: none !important;
    box-shadow: none !important;
    font-size: 14px !important;
}

.dashboard-sidebar-btn:focus,
.dashboard-sidebar-btn:active {
    outline: none !important;
    box-shadow: none !important;
    border-color: rgba(255,255,255,0.3) !important;
}


/* Dashboard sidebar close button */
.dashbaord-sidebar-close {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 26px !important;
    height: 26px !important;
    background: rgba(255,255,255,0.1) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    border-radius: 50% !important;
    color: rgba(255,255,255,0.75) !important;
    font-size: 12px !important;
    cursor: pointer;
    z-index: 9999 !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
}

.dashbaord-sidebar-close i {
    color: rgba(255,255,255,0.75) !important;
    font-size: 12px !important;
}


/* Products header bar */
.products-header {
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,0.04) !important;
}


/* Owl nav arrows - inline row */
.owl-nav {
    display: flex !important;
    gap: 8px;
    position: absolute;
    top: -5px;
    right: 0;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
    position: static !important;
    margin: 0 !important;
}


/* Hide hover area on mobile */
@media (max-width: 767px) {
    .product-wrapper .hover-area {
        display: none !important;
    }
}


/* Hide duplicate hero slider arrows */
.home-slider + .prevBtn,
.home-slider + .nextBtn,
.home-slider ~ .prevBtn,
.home-slider ~ .nextBtn,
span.prevBtn,
span.nextBtn {
    display: none !important;
}


/* Hero banner arrows - center vertically, left and right sides */
.home-slider .owl-nav {
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    justify-content: space-between !important;
    padding: 0 20px !important;
    pointer-events: none;
    z-index: 10 !important;
    opacity: 0 !important;
    transition: opacity 0.3s !important;
}

.home-slider:hover .owl-nav {
    opacity: 1 !important;
}

.home-slider .owl-nav .owl-prev,
.home-slider .owl-nav .owl-next {
    pointer-events: all;
    position: static !important;
    background: rgba(0,0,0,0.4) !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
    width: 40px !important;
    height: 40px !important;
    opacity: 1 !important;
    visibility: visible !important;
}


/* Category swiper arrows - match purpose section style */
.category-swiper-container .swiper-button-prev,
.categorySwiper ~ .swiper-button-prev {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
}

.category-swiper-container .swiper-button-next,
.categorySwiper ~ .swiper-button-next {
    background: var(--gold) !important;
    border-color: var(--gold) !important;
}

.category-swiper-container .swiper-button-next::after,
.categorySwiper ~ .swiper-button-next::after {
    color: #000 !important;
}

/* Purpose nav - remove gold from right arrow to match others */
.vt-purpose-next {
    background: rgba(255,255,255,0.05) !important;
    border-color: rgba(255,255,255,0.2) !important;
    color: rgba(255,255,255,0.7) !important;
}

.vt-purpose-next:hover {
    background: var(--gold) !important;
    color: #000 !important;
    border-color: var(--gold) !important;
}


/* Remove blue focus outline from all arrows/buttons */
.vt-purpose-nav:focus,
.vt-purpose-nav:active,
.swiper-button-next:focus,
.swiper-button-prev:focus,
.owl-nav .owl-prev:focus,
.owl-nav .owl-next:focus,
.slick-prev:focus,
.slick-next:focus,
button:focus {
    outline: none !important;
    box-shadow: none !important;
}


/* Unified arrow size - 36px everywhere */
.swiper-button-next,
.swiper-button-prev,
.owl-nav .owl-prev,
.owl-nav .owl-next,
.slick-prev,
.slick-next,
.vt-purpose-nav {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
}

.swiper-button-next::after,
.swiper-button-prev::after,
.owl-nav .owl-prev::after,
.owl-nav .owl-next::after,
.slick-prev:before,
.slick-next:before,
.vt-purpose-nav i {
    font-size: 12px !important;
}


/* Product card - remove gaps between title, border, product */

/* Tab pane list styling */
.tab-pane ul li,.static-content ul li {
    list-style: disc;
    margin-left: 20px;
}


.product-style-1 .product-wrapper,
.product-style-2 .product-wrapper {
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
}

.product-style-1 .product-info,
.product-style-2 .product-info {
    padding: 10px !important;
}

.product-style-1 .product-image,
.product-style-2 .product-image {
    margin: 0 !important;
    padding: 0 !important;
}

/* Sidebar product list - compact */
.single-carousel .product-wrapper,
.product-list .product-wrapper {
    /* padding: 8px !important; */
    gap: 0 !important;
}

.section-head {
    margin-bottom: 10px !important;
    padding-bottom: 8px !important;
}

.section-head h3,
.section-head h4,
.section-head h5 {
    margin-bottom: 8px !important;
}


/* Nav top right arrows - move up */
.nav-top-right .owl-nav {
    top: -54px !important;
}


/* Product detail - single product wrapper arrows like hero slider */
.single-product-wrapper .owl-nav {
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    justify-content: space-between !important;
    padding: 0 10px !important;
    pointer-events: none;
    z-index: 10 !important;
    opacity: 0 !important;
    transition: opacity 0.3s !important;
}

.single-product-wrapper:hover .owl-nav {
    opacity: 1 !important;
}

.single-product-wrapper .owl-nav .owl-prev,
.single-product-wrapper .owl-nav .owl-next {
    pointer-events: all;
    position: static !important;
    background: rgba(0,0,0,0.4) !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
}


/* Product detail arrows - same as SHOP BY VASTU PURPOSE */
[class*="nav-arrow-middle"] .owl-nav button,
.single-product-wrapper .owl-nav button {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
}

[class*="nav-arrow-middle"] .owl-nav button:hover,
.single-product-wrapper .owl-nav button:hover {
    background: var(--gold) !important;
    border-color: var(--gold) !important;
    box-shadow: 0 0 12px var(--gold-glow) !important;
}

[class*="nav-arrow-middle"] .owl-nav button:hover::after,
.single-product-wrapper .owl-nav button:hover::after {
    color: #000 !important;
}


/* Hide product slider arrows on mobile */
@media (max-width: 767px) {
    .swiper-button-next,
    .swiper-button-prev {
        display: none !important;
    }
}


/* Show dashbaord-sidebar-close only on mobile/tab */
@media (min-width: 992px) {
    .dashbaord-sidebar-close {
        display: none !important;
    }
}


/* Product info - match reference design */
.product-info {
    padding: 12px !important;
    position: relative;
}

.product-info .product-title {
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
    line-height: 1.4 !important;
}

.product-info .product-title a {
    color: #fff !important;
}

.product-info .star-rating,
.product-info .rating {
    display: flex;
    align-items: center;
    gap: 4px;
}

.product-info .star-rating i,
.product-info .rating i {
    font-size: 13px !important;
    color: var(--gold) !important;
}

.product-info .star-rating span,
.product-info .rating span,
.product-info .rating-count {
    font-size: 12px !important;
    color: var(--text-muted) !important;
}

.product-info .price,
.product-info .product-price {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    margin-bottom: 0 !important;
}

.product-info .price .new-price,
.product-info .price > span:first-child,
.product-info .product-price .new-price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #fff !important;
}

.product-info .price del,
.product-info .price .old-price,
.product-info .product-price del {
    font-size: 13px !important;
    color: var(--text-muted) !important;
}

/* Cart button - gold circle on right */
.product-info .add-to-cart,
.product-info .product-button-action,
.product-info .cart-btn,
.product-info .add-cart-btn {
    position: absolute !important;
    bottom: 12px !important;
    right: 12px !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: var(--gold) !important;
    color: #000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    font-size: 14px !important;
    padding: 0 !important;
}

.product-info .add-to-cart:hover,
.product-info .cart-btn:hover {
    background: var(--gold-light) !important;
    box-shadow: 0 3px 12px var(--gold-glow) !important;
}


/* Always visible quick cart button */
.vt-quick-cart {
    position: absolute !important;
    bottom: 12px !important;
    right: 12px !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: var(--gold) !important;
    color: #000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    border: none !important;
    transition: all 0.3s;
    z-index: 5;
}

.vt-quick-cart:hover {
    background: var(--gold-light) !important;
    color: #000 !important;
    box-shadow: 0 3px 12px var(--gold-glow) !important;
    transform: scale(1.1);
}


/* Product info - exact order: title, stars, price */
.product-info .product-price {
    margin-top: 6px !important;
}

.product-info .price ins {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-decoration: none !important;
}

.product-info .price del {
    font-size: 11px !important;
    color: var(--text-muted) !important;
    font-weight: 400 !important;
}

.product-info .shipping-feed-back {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.product-info .rating-wrap p {
    margin: 0 !important;
    display: flex;
    align-items: center;
    gap: 4px;
}

.product-info .rating-wrap p i {
    color: var(--gold) !important;
    font-size: 13px !important;
}

.product-info .rating-wrap p span {
    color: var(--text-muted) !important;
    font-size: 12px !important;
}


/* Product title - 1 line on desktop/tab, 2 lines on mobile */
.product-info .product-title,
.product-info .product-title a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    -webkit-line-clamp: 1 !important;
    word-break: break-word !important;
}

@media (max-width: 767px) {
    .product-info .product-title,
    .product-info .product-title a {
        -webkit-line-clamp: 2 !important;
    }
}


/* Apply product card styling globally - all pages */
.product-info {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    padding: 12px !important;
}

/* Reorder: title first, then stars, then price */
.product-info .product-title { order: 1 !important; }
.product-info .shipping-feed-back,
.product-info .star-rating,
.product-info .rating { order: 2 !important; }
.product-info .product-price,
.product-info .price { order: 3 !important; }

/* Ensure consistent styling across all product cards */
.product-info .product-title {
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-bottom: 4px !important;
}

.product-info .product-price .price {
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
}

.product-info .product-price .price ins,
.product-info .price ins {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-decoration: none !important;
}

.product-info .product-price .price del,
.product-info .price del {
    font-size: 11px !important;
    color: var(--text-muted) !important;
}


/* Force left align on product info */
.product-info,
.product-info * {
    text-align: left !important;
}

.product-info .product-title,
.product-info .shipping-feed-back,
.product-info .star-rating,
.product-info .product-price,
.product-info .price {
    align-self: flex-start !important;
    width: 100% !important;
}


/* Recent Product, Seller's Product, Related Product - horizontal cards */
.single-carousel .product-wrapper,
.product-list .product-wrapper,
.e-bg-white .product-wrapper {
    /* flex-direction: row !important;
    align-items: center !important;
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 12px !important;
    padding: 10px !important;
    gap: 12px !important; */
}

.single-carousel .product-image,
.product-list .product-image,
.e-bg-white .product-image {
    /* width: 100px !important;
    min-width: 100px !important;
    height: 100px !important; */
    border-radius: 8px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}

.single-carousel .product-image img,
.product-list .product-image img,
.e-bg-white .product-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.single-carousel .product-info,
.product-list .product-info,
.e-bg-white .product-info {
    padding: 0 !important;
    flex: 1 !important;
}

.single-carousel .product-info .product-title,
.product-list .product-info .product-title,
.e-bg-white .product-info .product-title {
    font-size: 12px !important;
    margin-bottom: 4px !important;
}

.single-carousel .product-info .price ins,
.product-list .product-info .price ins,
.e-bg-white .product-info .price ins {
    font-size: 14px !important;
}

.single-carousel .product-info .price del,
.product-list .product-info .price del,
.e-bg-white .product-info .price del {
    font-size: 11px !important;
}

/* Hide hover area on these horizontal cards */
.single-carousel .hover-area,
.product-list .hover-area,
.e-bg-white .hover-area {
    display: none !important;
}

/* Discount badge */
.single-carousel .off-tag,
.product-list .off-tag,
.e-bg-white .off-tag {
    font-size: 10px !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
    background: rgba(255,255,255,0.1) !important;
    color: var(--text-light) !important;
    display: inline-block;
    margin-bottom: 4px !important;
}


/* Force product-info styling on ALL product cards including sidebar/related */
.product-style-2 .product-info,
.single-carousel .product-info,
.product-list .product-info,
.five-carousel .product-info,
.four-carousel .product-info {
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    padding: 8px !important;
    position: relative !important;
}

.product-style-2 .product-info .product-title,
.single-carousel .product-info .product-title,
.product-list .product-info .product-title,
.five-carousel .product-info .product-title,
.four-carousel .product-info .product-title {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #fff !important;
    margin-bottom: 4px !important;
    order: 1 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    overflow: hidden !important;
}

.product-style-2 .product-info .product-title a,
.single-carousel .product-info .product-title a,
.product-list .product-info .product-title a,
.five-carousel .product-info .product-title a,
.four-carousel .product-info .product-title a {
    color: #fff !important;
}

.product-style-2 .product-info .shipping-feed-back,
.product-style-2 .product-info .star-rating,
.single-carousel .product-info .shipping-feed-back,
.single-carousel .product-info .star-rating,
.five-carousel .product-info .shipping-feed-back,
.five-carousel .product-info .star-rating,
.four-carousel .product-info .shipping-feed-back,
.four-carousel .product-info .star-rating {
    order: 2 !important;
    margin-bottom: 4px !important;
}

.product-style-2 .product-info .product-price,
.single-carousel .product-info .product-price,
.product-list .product-info .product-price,
.five-carousel .product-info .product-price,
.four-carousel .product-info .product-price {
    order: 3 !important;
}

.product-style-2 .product-info .price,
.single-carousel .product-info .price,
.product-list .product-info .price,
.five-carousel .product-info .price,
.four-carousel .product-info .price {
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
}

.product-style-2 .product-info .price ins,
.single-carousel .product-info .price ins,
.product-list .product-info .price ins,
.five-carousel .product-info .price ins,
.four-carousel .product-info .price ins {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-decoration: none !important;
}

.product-style-2 .product-info .price del,
.single-carousel .product-info .price del,
.product-list .product-info .price del,
.five-carousel .product-info .price del,
.four-carousel .product-info .price del {
    font-size: 11px !important;
    color: var(--text-muted) !important;
}

/* On-sale badge */
.product-info .on-sale {
    position: absolute;
    top: 15px;
    right: 15px;
    font-family: var(--theme-general-font);
    background-color: var(--theme-extra-color);
    margin: 0;
    color: var(--theme-white-color);
    padding: 1px 7px;
}


/* Ensure price visibility in all product sections */
.single-carousel .price ins,
.single-carousel .price del,
.product-list .price ins,
.product-list .price del,
.product-style-2 .price ins,
.product-style-2 .price del {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
}


/* Homepage Category Section - styled like Energy Collections */
.category-swiper-container .swiper-slide .product-wrapper,
.categorySwiper .swiper-slide .product-wrapper,
.categorySwiper .swiper-slide .product {
    border-radius: 14px !important;
    overflow: hidden !important;
    position: relative !important;
    height: 220px !important;
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
}

.categorySwiper .swiper-slide .product-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: unset !important;
}

.categorySwiper .swiper-slide .product-image a {
    display: block;
    width: 100%;
    height: 100%;
}

.categorySwiper .swiper-slide .product-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    opacity: 0.8;
    transition: all 0.4s;
}

.categorySwiper .swiper-slide .product-wrapper:hover .product-image img,
.categorySwiper .swiper-slide .product:hover .product-image img {
    opacity: 1;
    transform: scale(1.05);
}

/* Dark overlay on category cards */
.categorySwiper .swiper-slide .product-image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.75) 100%);
    z-index: 1;
    pointer-events: none;
}

/* Category info at bottom */
.categorySwiper .swiper-slide .product-info1 {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 2 !important;
    padding: 16px !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.categorySwiper .swiper-slide .product-info1 .product-title {
    font-size: 15px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

.categorySwiper .swiper-slide .product-info1 .product-title a {
    color: #fff !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

/* Shop Now button */
.vt-cat-shop-btn {
    display: inline-block;
    background: var(--gold) !important;
    color: #000 !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    padding: 5px 14px !important;
    border-radius: 3px !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    align-self: flex-start;
    transition: all 0.3s;
}

.vt-cat-shop-btn:hover {
    background: var(--gold-light) !important;
    color: #000 !important;
    box-shadow: 0 3px 12px var(--gold-glow) !important;
}

/* Hide price/rating in category cards */
.categorySwiper .swiper-slide .product-info .product-price,
.categorySwiper .swiper-slide .product-info .shipping-feed-back,
.categorySwiper .swiper-slide .product-info .star-rating,
.categorySwiper .swiper-slide .product-info .vt-quick-cart {
    display: none !important;
}

@media (max-width: 767px) {
    .categorySwiper .swiper-slide .product-wrapper,
    .categorySwiper .swiper-slide .product {
        height: 160px !important;
    }
    
    .categorySwiper .swiper-slide .product-info1 .product-title {
        font-size: 13px !important;
    }
}


/* ============================================
   ABOUT US PAGE - Premium Vastu Design
   ============================================ */

/* About hero section */
a:not(.btn):not(.nav-link):not(.vt-hdr-icon):not(.vt-logo):not(.vt-footer-post):not(.vt-blog-link):not(.vt-purpose-card) {
    color: var(--text-light) !important;
}
/* .about-hero {
    position: relative;
    padding: 60px 0;
    overflow: hidden;
}

.about-hero-content h1 {
    font-family: var(--font-display);
    font-size: 36px;
    color: #fff;
    margin-bottom: 8px;
}

.about-hero-content h3 {
    font-size: 18px;
    color: var(--gold);
    font-weight: 600;
    margin-bottom: 16px;
}

.about-hero-content p {
    color: var(--text-light);
    font-size: 14px;
    line-height: 1.7;
    max-width: 450px;
}

.about-hero-img img {
    max-width: 100%;
    border-radius: 14px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.4);
}

.about-mission {
    text-align: center;
    padding: 50px 0;
}

.about-mission h2 {
    font-family: var(--font-display);
    font-size: 24px;
    color: #fff;
    margin-bottom: 12px;
}

.about-mission > p {
    color: var(--text-light);
    font-size: 14px;
    max-width: 600px;
    margin: 0 auto 30px;
    line-height: 1.7;
}

.about-mission-cards {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}

.about-mission-card {
    background: rgba(255,255,255,0.05);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 14px;
    padding: 24px 20px;
    text-align: center;
    flex: 1;
    min-width: 200px;
    max-width: 280px;
}

.about-mission-card .icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(212,175,55,0.1);
    border: 1px solid rgba(212,175,55,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    font-size: 20px;
    color: var(--gold);
}

.about-mission-card h5 {
    font-size: 14px;
    color: #fff;
    margin-bottom: 6px;
}

.about-mission-card p {
    font-size: 12px;
    color: var(--text-muted);
    margin: 0;
}

.about-why {
    padding: 50px 0;
}

.about-why h2 {
    font-family: var(--font-display);
    font-size: 24px;
    color: #fff;
    margin-bottom: 24px;
}

.about-why-list {
    list-style: none;
    padding: 0;
}

.about-why-list li {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 20px;
}

.about-why-list li .icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(212,175,55,0.1);
    border: 1px solid rgba(212,175,55,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 14px;
    color: var(--gold);
}

.about-why-list li strong {
    display: block;
    font-size: 14px;
    color: #fff;
    margin-bottom: 2px;
}

.about-why-list li p {
    font-size: 12px;
    color: var(--text-muted);
    margin: 0;
}

.about-why-img img {
    width: 100%;
    border-radius: 14px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.4);
}

.about-values {
    padding: 50px 0;
    text-align: center;
}

.about-values h2 {
    font-family: var(--font-display);
    font-size: 24px;
    color: #fff;
    margin-bottom: 30px;
}

.about-values-grid {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}

.about-value-item {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    min-width: 140px;
    flex: 1;
    max-width: 180px;
}

.about-value-item .icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(212,175,55,0.1);
    border: 1px solid rgba(212,175,55,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
    font-size: 18px;
    color: var(--gold);
}

.about-value-item h6 {
    font-size: 12px;
    color: #fff;
    margin: 0;
} */

/* Page content styling for dynamic about pages */
.full-row .page-content,
.full-row .col-lg-7 {
    color: var(--text-light) !important;
}

.full-row .col-lg-7 h1,
.full-row .col-lg-7 h2,
.full-row .col-lg-7 h3,
.full-row .col-lg-7 h4 {
    color: #fff !important;
}

.full-row .col-lg-5 img {
    border-radius: 14px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}


/* Fix toastr notification - remove duplicate icons */
.toast-success::before,
.toast-error::before,
.toast-info::before,
.toast-warning::before,
.toast-success::after,
.toast-error::after,
.toast-info::after,
.toast-warning::after,
#toast-container .toast::before,
#toast-container .toast::after {
    content: none !important;
    display: none !important;
}

#toast-container .toast {
    background-size: 20px !important;
    background-repeat: no-repeat !important;
    background-position: 15px center !important;
    padding-left: 50px !important;
    opacity: 1 !important;
}

.notify-alert,
.notify {
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

.notify-alert::before,
.notify-alert::after,
.notify::before,
.notify::after {
    content: none !important;
    display: none !important;
}


/* Fix notification repeating background icons */
.notifyjs-corner,
.notifyjs-wrapper,
.notifyjs-container,
[class*="notifyjs"] {
    background-repeat: no-repeat !important;
    background-size: 20px 20px !important;
    background-position: 10px center !important;
}

/* Toastr fix */
#toast-container > div {
    background-repeat: no-repeat !important;
    background-size: 24px !important;
    background-position: 15px center !important;
}


/* Filter button full width */
.filter-btn.btn.btn-primary {
    width: 100% !important;
}


/* ============================================
   PREMIUM VASTU PYRAMID ANIMATION
   ============================================ */
.vt-pyramid-section {
    position: relative;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 60px 0;
    background: radial-gradient(ellipse at center, #1A102B 0%, #09121F 70%);
}

.vt-pyramid-bg {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 50%, rgba(212,175,55,0.03) 0%, transparent 50%);
}

/* Stars */
.vt-stars {
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(1px 1px at 10% 20%, rgba(255,215,0,0.4) 0%, transparent 100%),
        radial-gradient(1px 1px at 30% 60%, rgba(255,215,0,0.3) 0%, transparent 100%),
        radial-gradient(1px 1px at 50% 10%, rgba(255,255,255,0.3) 0%, transparent 100%),
        radial-gradient(1px 1px at 70% 40%, rgba(255,215,0,0.2) 0%, transparent 100%),
        radial-gradient(1px 1px at 90% 80%, rgba(255,255,255,0.2) 0%, transparent 100%),
        radial-gradient(1px 1px at 20% 90%, rgba(255,215,0,0.3) 0%, transparent 100%),
        radial-gradient(1px 1px at 80% 15%, rgba(255,255,255,0.2) 0%, transparent 100%),
        radial-gradient(1px 1px at 60% 75%, rgba(255,215,0,0.2) 0%, transparent 100%);
    animation: twinkle 4s ease-in-out infinite alternate;
}

@keyframes twinkle {
    0% { opacity: 0.5; }
    100% { opacity: 1; }
}

/* Stage */
.vt-pyramid-stage {
    position: relative;
    width: 300px;
    height: 300px;
    margin: 0 auto 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Sacred Geometry Rings */
.vt-sacred-ring {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(212,175,55,0.15);
    animation: ringPulse 6s ease-in-out infinite;
}

.vt-ring-1 { width: 280px; height: 280px; animation-delay: 0s; }
.vt-ring-2 { width: 220px; height: 220px; animation-delay: 1s; border-style: dashed; }
.vt-ring-3 { width: 160px; height: 160px; animation-delay: 2s; }

@keyframes ringPulse {
    0%, 100% { opacity: 0.3; transform: scale(1) rotate(0deg); }
    50% { opacity: 0.7; transform: scale(1.05) rotate(180deg); }
}

/* Pulse Rings */
.vt-pulse-ring {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(255,215,0,0.4);
    animation: pulseExpand 3s ease-out infinite;
}

.vt-pulse-1 { width: 80px; height: 80px; animation-delay: 0s; }
.vt-pulse-2 { width: 80px; height: 80px; animation-delay: 1s; }
.vt-pulse-3 { width: 80px; height: 80px; animation-delay: 2s; }

@keyframes pulseExpand {
    0% { transform: scale(1); opacity: 0.6; }
    100% { transform: scale(4); opacity: 0; }
}

/* 3D Pyramid */
.vt-pyramid-3d {
    position: relative;
    width: 120px;
    height: 120px;
    animation: levitate 4s ease-in-out infinite;
    z-index: 5;
}

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

.vt-pyramid-body {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    animation: rotatePyramid 12s linear infinite;
}

@keyframes rotatePyramid {
    0% { transform: rotateY(0deg) rotateX(-10deg); }
    100% { transform: rotateY(360deg) rotateX(-10deg); }
}

.vt-pyramid-face {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-bottom: 100px solid rgba(212,175,55,0.6);
    transform-origin: bottom center;
    filter: drop-shadow(0 0 8px rgba(255,215,0,0.4));
}

.vt-face-front {
    transform: translateZ(30px) rotateX(30deg);
    border-bottom-color: rgba(212,175,55,0.7);
}

.vt-face-back {
    transform: translateZ(-30px) rotateX(-30deg) rotateY(180deg);
    border-bottom-color: rgba(180,140,20,0.5);
}

.vt-face-left {
    transform: translateX(-30px) rotateY(-90deg) rotateX(30deg);
    border-bottom-color: rgba(160,120,15,0.6);
}

.vt-face-right {
    transform: translateX(30px) rotateY(90deg) rotateX(30deg);
    border-bottom-color: rgba(200,160,30,0.6);
}

.vt-pyramid-base {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 120px;
    height: 60px;
    background: rgba(212,175,55,0.2);
    transform: rotateX(90deg) translateZ(-50px);
}

.vt-pyramid-glow {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
    height: 150px;
    background: radial-gradient(circle, rgba(255,215,0,0.3) 0%, rgba(212,175,55,0.1) 40%, transparent 70%);
    border-radius: 50%;
    animation: glowBreath 3s ease-in-out infinite;
}

@keyframes glowBreath {
    0%, 100% { opacity: 0.5; transform: translateX(-50%) scale(1); }
    50% { opacity: 1; transform: translateX(-50%) scale(1.2); }
}

/* Floating Particles */
.vt-particles {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.vt-particle {
    position: absolute;
    width: 3px;
    height: 3px;
    background: rgba(255,215,0,0.7);
    border-radius: 50%;
    animation: floatUp 5s ease-in-out infinite;
    box-shadow: 0 0 6px rgba(255,215,0,0.5);
}

.vt-particle:nth-child(1) { left: 20%; bottom: 10%; animation-delay: 0s; animation-duration: 4s; }
.vt-particle:nth-child(2) { left: 35%; bottom: 5%; animation-delay: 0.5s; animation-duration: 5s; }
.vt-particle:nth-child(3) { left: 50%; bottom: 15%; animation-delay: 1s; animation-duration: 4.5s; }
.vt-particle:nth-child(4) { left: 65%; bottom: 8%; animation-delay: 1.5s; animation-duration: 5.5s; }
.vt-particle:nth-child(5) { left: 80%; bottom: 12%; animation-delay: 2s; animation-duration: 4s; }
.vt-particle:nth-child(6) { left: 10%; bottom: 20%; animation-delay: 2.5s; animation-duration: 6s; }
.vt-particle:nth-child(7) { left: 45%; bottom: 0%; animation-delay: 0.8s; animation-duration: 5s; }
.vt-particle:nth-child(8) { left: 75%; bottom: 18%; animation-delay: 1.2s; animation-duration: 4.5s; }
.vt-particle:nth-child(9) { left: 25%; bottom: 25%; animation-delay: 3s; animation-duration: 5s; }
.vt-particle:nth-child(10) { left: 55%; bottom: 22%; animation-delay: 0.3s; animation-duration: 6s; }
.vt-particle:nth-child(11) { left: 90%; bottom: 5%; animation-delay: 1.8s; animation-duration: 4s; }
.vt-particle:nth-child(12) { left: 5%; bottom: 30%; animation-delay: 2.2s; animation-duration: 5.5s; }

@keyframes floatUp {
    0% { transform: translateY(0) scale(1); opacity: 0; }
    20% { opacity: 1; }
    80% { opacity: 0.6; }
    100% { transform: translateY(-250px) scale(0.3); opacity: 0; }
}

/* Light Rays */
.vt-light-rays {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.vt-ray {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 120px;
    background: linear-gradient(to top, rgba(255,215,0,0.3), transparent);
    transform-origin: bottom center;
    animation: rayGlow 4s ease-in-out infinite;
}

.vt-ray:nth-child(1) { transform: translate(-50%, -100%) rotate(0deg); animation-delay: 0s; }
.vt-ray:nth-child(2) { transform: translate(-50%, -100%) rotate(90deg); animation-delay: 1s; }
.vt-ray:nth-child(3) { transform: translate(-50%, -100%) rotate(180deg); animation-delay: 2s; }
.vt-ray:nth-child(4) { transform: translate(-50%, -100%) rotate(270deg); animation-delay: 3s; }

@keyframes rayGlow {
    0%, 100% { opacity: 0.2; height: 100px; }
    50% { opacity: 0.6; height: 140px; }
}

/* Text */
.vt-pyramid-text h2 {
    font-family: var(--font-display);
    font-size: 24px;
    color: var(--gold);
    margin-bottom: 8px;
    text-shadow: 0 0 20px rgba(255,215,0,0.3);
}

.vt-pyramid-text p {
    font-size: 13px;
    color: var(--text-light);
    max-width: 400px;
    margin: 0 auto;
}

/* Responsive */
@media (max-width: 767px) {
    .vt-pyramid-section { min-height: 400px; padding: 40px 0; }
    .vt-pyramid-stage { width: 220px; height: 220px; }
    .vt-pyramid-3d { width: 90px; height: 90px; }
    .vt-ring-1 { width: 200px; height: 200px; }
    .vt-ring-2 { width: 160px; height: 160px; }
    .vt-ring-3 { width: 120px; height: 120px; }
    .vt-pyramid-text h2 { font-size: 20px; }
}