:root {
    --gold: #DFBA48;
    --gold-light: #F6ECCE;
    --dark: #06110E;
    --cream: #FCFAF6;
    --transition-premium: cubic-bezier(0.16, 1, 0.3, 1);
}

/* BASE FRAMEWORK ENGINE FOR TRANSLATIONS & ANIMS */
.target-reveal .motion-fade-up,
.target-reveal .motion-scale-up,
.target-reveal .motion-slide-left,
.target-reveal .motion-slide-right {
    opacity: 0;
    will-change: transform, opacity;
    transition: opacity 1.2s var(--transition-premium), transform 1.2s var(--transition-premium);
}

.target-reveal .motion-fade-up { transform: translateY(40px); }
.target-reveal .motion-scale-up { transform: scale(0.94) translateY(20px); }
.target-reveal .motion-slide-left { transform: translateX(-50px); }
.target-reveal .motion-slide-right { transform: translateX(50px); }

/* TRIGGER ACTIVE CLASSES VIA JS OBSERVER */
.target-reveal.motion-triggered .motion-fade-up,
.target-reveal.motion-triggered .motion-scale-up,
.target-reveal.motion-triggered .motion-slide-left,
.target-reveal.motion-triggered .motion-slide-right {
    opacity: 1;
    transform: translate(0) scale(1);
}

/* EXPONENTIAL DELAY LADDERS */
.delay-1 { transition-delay: 0.15s !important; }
.delay-2 { transition-delay: 0.30s !important; }
.delay-3 { transition-delay: 0.45s !important; }
.delay-4 { transition-delay: 0.60s !important; }

/* HERO INTERACTION PANELS */
.hero {
    height: 92vh;
    background: linear-gradient(rgba(6, 17, 14, 0.45), rgba(6, 17, 14, 0.6)), 
                url('https://images.unsplash.com/photo-1512909006721-3d6018887383?auto=format&fit=crop&w=1800&q=80');
    background-size: cover;
    background-position: var(--bg-x, center) var(--bg-y, center);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    overflow: hidden;
    position: relative;
    transition: background-position 0.2s cubic-bezier(0.25, 0.6, 0.25, 1);
}

.hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at center, transparent 20%, rgba(6,17,14,0.4));
    pointer-events: none;
}

.hero-content {
    max-width: 900px;
    padding: 20px;
    z-index: 2;
    transform: perspective(1000px) rotateX(var(--rotate-x, 0deg)) rotateY(var(--rotate-y, 0deg));
    transition: transform 0.2s ease-out;
}

.hero-sub {
    color: var(--gold);
    text-transform: uppercase;
    letter-spacing: 7px;
    font-size: 13px;
    font-weight: 600;
}

.hero h1 {
    font-family: 'Playfair Display', serif;
    font-size: 76px;
    margin: 25px 0;
    font-weight: 500;
    text-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.hero-tagline {
    font-size: 24px;
    margin-bottom: 25px;
    font-weight: 300;
    letter-spacing: 1px;
}

.hero p {
    max-width: 700px;
    margin: auto;
    line-height: 1.9;
    margin-bottom: 40px;
    color: rgba(255,255,255,0.85);
}

/* PREMIUM BUTTON TRANSFORMATIONS */
.btn-gold {
    display: inline-block;
    padding: 16px 38px;
    background: var(--gold);
    color: #06110E;
    text-decoration: none;
    border-radius: 50px;
    margin: 5px;
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(223, 186, 72, 0.2);
    transition: all 0.4s var(--transition-premium);
}

.btn-gold:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(223, 186, 72, 0.4);
    background: #fff;
    color: var(--dark);
}

.btn-outline {
    display: inline-block;
    padding: 16px 38px;
    border: 1px solid rgba(255,255,255,0.6);
    color: #fff;
    text-decoration: none;
    border-radius: 50px;
    margin: 5px;
    font-weight: 500;
    transition: all 0.4s var(--transition-premium);
}

.btn-outline:hover {
    background: rgba(255,255,255,0.1);
    border-color: #fff;
    transform: translateY(-2px);
}

/* SECTIONS STRUCTURE */
.section {
    padding: 120px 5%;
}

.section-title {
    text-align: center;
    font-family: 'Playfair Display', serif;
    font-size: 50px;
    margin-bottom: 24px;
    color: var(--dark);
    position: relative;
}

.section-desc {
    max-width: 850px;
    margin: auto;
    text-align: center;
    color: #555;
    line-height: 1.95;
    font-size: 16px;
}

/* COLLECTIONS ULTRA-LIFT DESIGN */
.collections {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-top: 80px;
}

.collection-card {
    background: #fff;
    padding: 45px 35px;
    border-radius: 20px;
    text-align: center;
    border: 1px solid rgba(6,17,14,0.03);
    box-shadow: 0 10px 30px rgba(0,0,0,0.01);
    transition: transform 0.5s var(--transition-premium), box-shadow 0.5s var(--transition-premium), border-color 0.5s var(--transition-premium);
}

.collection-card:hover {
    transform: translateY(-14px) scale(1.02);
    border-color: rgba(223, 186, 72, 0.3);
    box-shadow: 0 30px 70px rgba(6, 17, 14, 0.08);
}

.collection-icon {
    font-size: 46px;
    margin-bottom: 25px;
    display: inline-block;
    transition: transform 0.4s ease;
}

.collection-card:hover .collection-icon {
    transform: scale(1.15) rotate(5deg);
}

.collection-card h3 {
    font-family: 'Playfair Display', serif;
    margin-bottom: 15px;
    color: var(--dark);
    font-size: 22px;
}

.collection-card p {
    color: #666;
    line-height: 1.8;
    font-size: 14.5px;
}

/* WHY US ELEMENT PARALLAX GRID */
.why-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-top: 70px;
}

.why-item {
    background: #FCFAF6;
    padding: 40px 30px;
    text-align: center;
    border-radius: 20px;
    border: 1px solid transparent;
    transition: transform 0.4s var(--transition-premium), background-color 0.4s ease, border-color 0.4s ease;
}

.why-item:hover {
    transform: translateY(-8px);
    background: #fff;
    border-color: rgba(223, 186, 72, 0.15);
    box-shadow: 0 15px 40px rgba(0,0,0,0.02);
}

.why-icon {
    font-size: 24px;
    color: #DFBA48;
    margin-bottom: 20px;
}

.why-item h4 {
    margin-bottom: 12px;
    font-size: 18px;
    color: var(--dark);
}

/* STRUCTURAL FEATURES CONTRAST MECHANICS */
.feature-section {
    display: flex;
    align-items: center;
    gap: 80px;
    padding: 120px 5%;
}

.feature-section.reverse {
    flex-direction: row-reverse;
}

.feature-image {
    flex: 1;
    overflow: hidden;
    border-radius: 24px;
    box-shadow: 0 20px 55px rgba(0,0,0,0.06);
}

.feature-image img {
    width: 100%;
    border-radius: 24px;
    display: block;
    transition: transform 0.8s var(--transition-premium);
}

.feature-section:hover .feature-image img {
    transform: scale(1.05);
}

.feature-content {
    flex: 1;
}

.feature-tag {
    color: #DFBA48;
    letter-spacing: 4px;
    font-size: 12px;
    font-weight: 700;
}

.feature-content h2 {
    font-family: 'Playfair Display', serif;
    font-size: 48px;
    margin: 20px 0;
    color: var(--dark);
}

.feature-content p {
    color: #555;
    line-height: 1.9;
    margin-bottom: 25px;
}

/* PARALLAX CORPORATE HERO SECTIONS */
.corporate-banner {
    background: linear-gradient(rgba(6, 17, 14, 0.88), rgba(6, 17, 14, 0.88)), 
                url('https://images.unsplash.com/photo-1520607162513-77705c0f0d4a?auto=format&fit=crop&w=1600&q=80');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    text-align: center;
    color: #fff;
    padding: 140px 20px;
}

.corporate-content {
    max-width: 900px;
    margin: auto;
}

.corporate-content span {
    color: #DFBA48;
    letter-spacing: 5px;
    font-weight: 600;
    font-size: 13px;
}

.corporate-content h2 {
    font-family: 'Playfair Display', serif;
    font-size: 56px;
    margin: 25px 0;
    font-weight: 500;
}

.corporate-content p {
    margin-bottom: 45px;
    color: rgba(255,255,255,0.8);
    font-size: 17px;
}

/* BRAND BIOGRAPHY INTERFACES */
.about-brand {
    padding: 140px 20px;
    background: #FCFAF6;
}

.about-container {
    max-width: 850px;
    margin: auto;
    text-align: center;
}

.section-tag {
    color: #DFBA48;
    font-size: 12px;
    letter-spacing: 5px;
    font-weight: 700;
}

.about-container h2 {
    font-family: 'Playfair Display', serif;
    font-size: 56px;
    margin: 25px 0;
    color: var(--dark);
}

.about-container p {
    color: #555;
    line-height: 2;
    margin-bottom: 25px;
    font-size: 16.5px;
}

.brand-quote {
    margin-top: 45px;
    font-family: 'Playfair Display', serif;
    font-size: 38px;
    color: var(--dark);
    font-style: italic;
}

/* LUXURY CORE CONVERTORS */
.luxury-cta {
    padding: 150px 20px;
    text-align: center;
    background: linear-gradient(135deg, #06110E, #0B1815, #06110E);
    color: #fff;
    position: relative;
}

.cta-content {
    max-width: 900px;
    margin: auto;
}

.cta-content span {
    color: #DFBA48;
    letter-spacing: 5px;
    font-weight: 600;
}

.cta-content h2 {
    font-family: 'Playfair Display', serif;
    font-size: 60px;
    margin: 25px 0;
    font-weight: 500;
    line-height: 1.2;
}

.cta-content p {
    margin-bottom: 45px;
    line-height: 1.9;
    color: rgba(255,255,255,0.8);
}

.btn-outline-dark {
    display: inline-block;
    padding: 16px 38px;
    border: 1px solid #DFBA48;
    color: #DFBA48;
    text-decoration: none;
    border-radius: 50px;
    margin-left: 10px;
    font-weight: 600;
    transition: all 0.4s var(--transition-premium);
}

.btn-outline-dark:hover {
    background: var(--gold);
    color: var(--dark);
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(223,186,72,0.2);
}

/* CREATIONS PREMIUM GRID GALLERY */
.gallery-preview {
    padding: 140px 5%;
    background: #fff;
}

.gallery-heading {
    text-align: center;
    margin-bottom: 70px;
}

.gallery-heading h2 {
    font-family: 'Playfair Display', serif;
    font-size: 52px;
    margin-top: 20px;
    color: var(--dark);
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.gallery-item {
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    position: relative;
}

.gallery-item img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    display: block;
    transition: transform 0.7s var(--transition-premium), filter 0.5s ease;
}

.gallery-item::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent 40%, rgba(6,17,14,0.3));
    opacity: 0;
    transition: opacity 0.5s ease;
}

.gallery-item:hover img {
    transform: scale(1.08);
}

.gallery-item:hover::after {
    opacity: 1;
}

/* RESPONSIVE LAYOUTS FIX */
@media(max-width: 1200px) {
    .hero h1 { font-size: 64px; }
    .section-title { font-size: 42px; }
    .about-container h2, .cta-content h2, .gallery-heading h2 { font-size: 46px; }
}

@media(max-width: 991px) {
    .collections { grid-template-columns: repeat(2, 1fr); }
    .why-grid { grid-template-columns: repeat(2, 1fr); }
    .feature-section, .feature-section.reverse { flex-direction: column; gap: 40px; }
    .corporate-banner { background-attachment: scroll; }
    .corporate-content h2 { font-size: 40px; }
    .gallery-grid { grid-template-columns: repeat(2, 1fr); }
}

@media(max-width: 768px) {
    .section { padding: 80px 24px; }
    .hero h1 { font-size: 46px; }
    .hero-tagline { font-size: 20px; }
    .about-container h2, .cta-content h2, .gallery-heading h2, .corporate-content h2 { font-size: 36px; }
    .brand-quote { font-size: 28px; }
}

@media(max-width: 600px) {
    .collections { grid-template-columns: 1fr; }
    .why-grid { grid-template-columns: 1fr; }
    .gallery-grid { grid-template-columns: 1fr; }
    .btn-outline-dark { display: block; margin: 15px auto 0; width: fit-content; }
    .hero h1 { font-size: 38px; }
    .section-title { font-size: 32px; }
}

/* --- LUXURY COLLECTIONS UPGRADE SYSTEM --- */

.collections-premium-wrapper {
    background: radial-gradient(circle at 50% 0%, #ffffff 0%, #fbf9f3 100%) !important;
    position: relative;
    overflow: hidden;
}

/* Base structural layout grid */
.collections {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-top: 70px;
    perspective: 1200px; /* Activates 3D depth field for motion triggers */
}

/* The Ultra-Premium Card Container */
.collection-card {
    background: #ffffff;
    padding: 50px 35px;
    border-radius: 24px;
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    
    /* Clean luxury borders instead of heavy black lines */
    border: 1px solid rgba(6, 17, 14, 0.04);
    box-shadow: 0 15px 45px rgba(6, 17, 14, 0.02);
    
    /* Hardware accelerated cinematic timing curves */
    transition: 
        transform 0.6s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.6s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Deep Hover interaction physics */
.collection-card:hover {
    transform: translateY(-15px) scale(1.03) rotateX(4deg);
    border-color: rgba(223, 186, 72, 0.35);
    box-shadow: 
        0 15px 0px -4px var(--gold),
        0 30px 65px rgba(6, 17, 14, 0.09);
}

/* Embedded radial tracking gradient glow effect */
.collection-card-glow {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle 120px at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(223, 186, 72, 0.08), transparent 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: -1;
    pointer-events: none;
}

.collection-card:hover .collection-card-glow {
    opacity: 1;
}

/* Floating Icon Mechanics */
.collection-icon {
    font-size: 52px;
    margin-bottom: 25px;
    display: inline-block;
    position: relative;
    filter: drop-shadow(0 8px 15px rgba(6, 17, 14, 0.1));
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Subtle continuous micro-floating loop on card focus */
@keyframes luxuryFloat {
    0% { transform: translateY(0px) scale(1.1); }
    50% { transform: translateY(-8px) scale(1.15) rotate(4deg); }
    100% { transform: translateY(0px) scale(1.1); }
}

.collection-card:hover .collection-icon {
    animation: luxuryFloat 2.5s ease-in-out infinite;
}

/* Premium Typography Layout */
.collection-card h3 {
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    font-weight: 600;
    color: var(--dark);
    margin-bottom: 15px;
    letter-spacing: -0.3px;
    transition: color 0.4s ease;
}

.collection-card:hover h3 {
    color: #000000;
    background: linear-gradient(90deg, var(--dark), var(--gold), var(--dark));
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shineText 3s linear infinite;
}

@keyframes shineText {
    to { background-position: 200% center; }
}

.collection-card p {
    color: #6a716f;
    font-size: 15px;
    line-height: 1.8;
    margin: 0;
    transition: color 0.4s ease;
}

.collection-card:hover p {
    color: var(--dark);
}

/* Clean Accent Baseline Ribbon */
.card-premium-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--gold), transparent);
    transform: scaleX(0);
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.collection-card:hover .card-premium-border {
    transform: scaleX(1);
}

/* --- RESPONSIVE OPTIMIZATION BREAKPOINTS --- */
@media(max-width: 991px) {
    .collections {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
}

@media(max-width: 600px) {
    .collections {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .collection-card {
        padding: 40px 25px;
    }
}

/* --- VIBRANT & COLOURFUL LUXURY COLLECTIONS SYSTEM --- */

/* High-end colorful ambient background */
.collections-premium-wrapper {
    background: linear-gradient(135deg, #f6f0ea 0%, #eef3f5 50%, #f4eff7 100%) !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* Atmospheric soft lighting blobs behind cards */
.ambient-glow-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(140px);
    opacity: 0.45;
    z-index: -1;
    pointer-events: none;
}
.orb-1 {
    top: -10%;
    left: 10%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, #f5e4b5, transparent 70%);
}
.orb-2 {
    bottom: -10%;
    right: 5%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, #d0e6f2, transparent 70%);
}

.collections {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-top: 70px;
    perspective: 1500px;
}

/* Base Multi-Axis Luxury Card Engine */
.collection-card {
    padding: 55px 35px;
    border-radius: 24px;
    text-align: center;
    position: relative;
    z-index: 2;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    
    transition: 
        transform 0.6s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.6s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.6s cubic-bezier(0.16, 1, 0.3, 1),
        background-color 0.5s ease;
}

/* --- INDIVIDUAL COLOR PALETTE THEMES --- */

/* 1. Wedding: Champagne Gold & Jade Mint Accents */
.theme-wedding {
    border: 1px solid rgba(46, 117, 89, 0.12);
    box-shadow: 0 15px 40px rgba(46, 117, 89, 0.03);
}
.theme-wedding:hover {
    background: linear-gradient(145deg, #ffffff 0%, #edf7f3 100%);
    border-color: rgba(46, 117, 89, 0.35);
    box-shadow: 0 15px 0px -4px #2e7559, 0 30px 60px rgba(46, 117, 89, 0.12);
}

/* 2. Festive: Vibrant Amber Royal Ruby Crimson Accents */
.theme-festive {
    border: 1px solid rgba(214, 73, 51, 0.12);
    box-shadow: 0 15px 40px rgba(214, 73, 51, 0.03);
}
.theme-festive:hover {
    background: linear-gradient(145deg, #ffffff 0%, #fff3f0 100%);
    border-color: rgba(214, 73, 51, 0.35);
    box-shadow: 0 15px 0px -4px #d64933, 0 30px 60px rgba(214, 73, 51, 0.12);
}

/* 3. Corporate: Luxury Classic Royal Sapphire Accents */
.theme-corporate {
    border: 1px solid rgba(34, 87, 161, 0.12);
    box-shadow: 0 15px 40px rgba(34, 87, 161, 0.03);
}
.theme-corporate:hover {
    background: linear-gradient(145deg, #ffffff 0%, #eef5fc 100%);
    border-color: rgba(34, 87, 161, 0.35);
    box-shadow: 0 15px 0px -4px #2257a1, 0 30px 60px rgba(34, 87, 161, 0.12);
}

/* 4. Customized: Mysterious Radiant Amethyst Purple & Violet Accents */
.theme-customized {
    border: 1px solid rgba(121, 56, 186, 0.12);
    box-shadow: 0 15px 40px rgba(121, 56, 186, 0.03);
}
.theme-customized:hover {
    background: linear-gradient(145deg, #ffffff 0%, #f7f0fc 100%);
    border-color: rgba(121, 56, 186, 0.35);
    box-shadow: 0 15px 0px -4px #7938ba, 0 30px 60px rgba(121, 56, 186, 0.12);
}

/* Interactive card spotlight following logic */
.collection-card-glow {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle 140px at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(255,255,255,0.8), transparent 100%);
    opacity: 0;
    mix-blend-mode: overlay;
    transition: opacity 0.4s ease;
    z-index: -1;
    pointer-events: none;
}
.collection-card:hover .collection-card-glow { opacity: 1; }

/* Micro-movement kinematics for the Icon elements */
.collection-icon {
    font-size: 56px;
    margin-bottom: 25px;
    display: inline-block;
    filter: drop-shadow(0 10px 15px rgba(6,17,14,0.12));
    transition: transform 0.4s ease;
}

@keyframes loopVibrantFloat {
    0% { transform: translateY(0px) scale(1.1); filter: drop-shadow(0 5px 5px rgba(0,0,0,0.1)); }
    50% { transform: translateY(-10px) scale(1.18) rotate(5deg); filter: drop-shadow(0 15px 20px rgba(0,0,0,0.15)); }
    100% { transform: translateY(0px) scale(1.1); filter: drop-shadow(0 5px 5px rgba(0,0,0,0.1)); }
}
.collection-card:hover .collection-icon {
    animation: loopVibrantFloat 2.2s ease-in-out infinite;
}

/* Beautiful Rich Typography Colors */
.collection-card h3 {
    font-family: 'Playfair Display', serif;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--dark);
    transition: color 0.4s ease, transform 0.4s ease;
}
.theme-wedding:hover h3 { color: #1e523d; transform: translateY(-2px); }
.theme-festive:hover h3 { color: #a8321e; transform: translateY(-2px); }
.theme-corporate:hover h3 { color: #163f7a; transform: translateY(-2px); }
.theme-customized:hover h3 { color: #57228c; transform: translateY(-2px); }

.collection-card p {
    font-size: 15px;
    line-height: 1.8;
    color: #5c6361;
    margin: 0;
    transition: color 0.4s ease;
}
.collection-card:hover p {
    color: #1c2120;
}

/* The Solid Base Color Bars */
.card-premium-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    transform: scaleX(0);
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.theme-wedding .card-premium-border { background: linear-gradient(90deg, transparent, #2e7559, transparent); }
.theme-festive .card-premium-border { background: linear-gradient(90deg, transparent, #d64933, transparent); }
.theme-corporate .card-premium-border { background: linear-gradient(90deg, transparent, #2257a1, transparent); }
.theme-customized .card-premium-border { background: linear-gradient(90deg, transparent, #7938ba, transparent); }

.collection-card:hover .card-premium-border {
    transform: scaleX(1);
}

/* Responsive Overrides */
@media(max-width: 991px) {
    .collections { grid-template-columns: repeat(2, 1fr); gap: 25px; }
}
@media(max-width: 600px) {
    .collections { grid-template-columns: 1fr; gap: 20px; }
    .collection-card { padding: 45px 25px; }
}

/* --- LUXURY VIBRANT "WHY CHOOSE" UPGRADE --- */

.why-choose-premium-wrapper {
    background: linear-gradient(135deg, #f4f6f8 0%, #f7f3ef 50%, #f1f6f5 100%) !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* Atmospheric structural blur highlights */
.why-ambient-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    opacity: 0.4;
    z-index: -1;
    pointer-events: none;
}
.orb-left {
    top: 20%;
    left: -10%;
    width: 450px;
    height: 450px;
    background: #e3f2fd;
}
.orb-right {
    bottom: 10%;
    right: -10%;
    width: 450px;
    height: 450px;
    background: #fbe9e7;
}

.why-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin-top: 60px;
}

/* Glassmorphic Multi-Colored Cards Base */
.why-item {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 40px 30px;
    text-align: center;
    border-radius: 24px;
    transition: 
        transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), 
        background-color 0.4s ease, 
        box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1), 
        border-color 0.4s ease;
}

/* --- INDIVIDUAL INDEPENDENT CARD THEMES --- */

/* 1. Emerald */
.theme-item-emerald { border: 1px solid rgba(46, 117, 89, 0.08); }
.theme-item-emerald:hover {
    background: #ffffff;
    border-color: rgba(46, 117, 89, 0.3);
    box-shadow: 0 20px 45px rgba(46, 117, 89, 0.1);
}
.theme-item-emerald .why-icon-badge { background: #edf7f3; color: #2e7559; }

/* 2. Gold */
.theme-item-gold { border: 1px solid rgba(223, 186, 72, 0.12); }
.theme-item-gold:hover {
    background: #ffffff;
    border-color: rgba(223, 186, 72, 0.4);
    box-shadow: 0 20px 45px rgba(223, 186, 72, 0.12);
}
.theme-item-gold .why-icon-badge { background: #fdfaf0; color: #dfba48; }

/* 3. Ruby */
.theme-item-ruby { border: 1px solid rgba(214, 73, 51, 0.08); }
.theme-item-ruby:hover {
    background: #ffffff;
    border-color: rgba(214, 73, 51, 0.3);
    box-shadow: 0 20px 45px rgba(214, 73, 51, 0.1);
}
.theme-item-ruby .why-icon-badge { background: #fff4f2; color: #d64933; }

/* 4. Sapphire */
.theme-item-sapphire { border: 1px solid rgba(34, 87, 161, 0.08); }
.theme-item-sapphire:hover {
    background: #ffffff;
    border-color: rgba(34, 87, 161, 0.3);
    box-shadow: 0 20px 45px rgba(34, 87, 161, 0.1);
}
.theme-item-sapphire .why-icon-badge { background: #eef5fc; color: #2257a1; }

/* 5. Amethyst */
.theme-item-amethyst { border: 1px solid rgba(121, 56, 186, 0.08); }
.theme-item-amethyst:hover {
    background: #ffffff;
    border-color: rgba(121, 56, 186, 0.3);
    box-shadow: 0 20px 45px rgba(121, 56, 186, 0.1);
}
.theme-item-amethyst .why-icon-badge { background: #f7f0fc; color: #7938ba; }

/* 6. Coral */
.theme-item-coral { border: 1px solid rgba(230, 92, 41, 0.08); }
.theme-item-coral:hover {
    background: #ffffff;
    border-color: rgba(230, 92, 41, 0.3);
    box-shadow: 0 20px 45px rgba(230, 92, 41, 0.1);
}
.theme-item-coral .why-icon-badge { background: #fff5f0; color: #e65c29; }

/* 7. Teal */
.theme-item-teal { border: 1px solid rgba(20, 143, 143, 0.08); }
.theme-item-teal:hover {
    background: #ffffff;
    border-color: rgba(20, 143, 143, 0.3);
    box-shadow: 0 20px 45px rgba(20, 143, 143, 0.1);
}
.theme-item-teal .why-icon-badge { background: #e6f7f7; color: #148f8f; }

/* 8. Platinum Dark */
.theme-item-platinum { border: 1px solid rgba(6, 17, 14, 0.06); }
.theme-item-platinum:hover {
    background: var(--dark);
    border-color: var(--dark);
    box-shadow: 0 20px 45px rgba(6, 17, 14, 0.15);
}
.theme-item-platinum:hover h4 { color: #ffffff; }
.theme-item-platinum:hover p { color: rgba(255, 255, 255, 0.7); }
.theme-item-platinum .why-icon-badge { background: #f0f2f2; color: #06110E; }
.theme-item-platinum:hover .why-icon-badge { background: rgba(255,255,255,0.15); color: var(--gold); }

/* Unified kinetic hover trigger */
.why-item:hover {
    transform: translateY(-10px);
}

/* Premium Rounded Badge System */
.why-icon-badge {
    width: 48px;
    height: 48px;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    border-radius: 50%;
    box-shadow: inset 0 -2px 6px rgba(0,0,0,0.03);
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.4s ease, color 0.4s ease;
}
.why-item:hover .why-icon-badge {
    transform: scale(1.15) rotate(360deg);
}

/* Typography elements */
.why-item h4 {
    margin-bottom: 12px;
    font-size: 19px;
    font-weight: 600;
    color: var(--dark);
    transition: color 0.3s ease;
}

.why-item p {
    color: #616866;
    font-size: 14.5px;
    line-height: 1.7;
    margin: 0;
    transition: color 0.3s ease;
}

/* Responsive Structural Breakpoints */
@media(max-width: 991px){
    .why-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}
@media(max-width: 600px){
    .why-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .why-item {
        padding: 35px 20px;
    }
}

/* --- HYPER-COLOURFUL ANIMATED CARDS ENGINE --- */

.collections-premium-wrapper {
    background: #06110E !important; /* Dark premium canvas makes vibrant colors pop brilliantly */
    position: relative;
    overflow: hidden;
}

.collections-premium-wrapper .section-title { color: #ffffff; }
.collections-premium-wrapper .section-desc { color: rgba(255, 255, 255, 0.7); }

.collections {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-top: 70px;
    perspective: 1200px;
}

/* Base Kinetic Card Structure */
.collection-card {
    padding: 60px 35px;
    border-radius: 28px;
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Hardware acceleration smooth curves */
    transition: 
        transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275),
        box-shadow 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275),
        border-color 0.4s ease;
}

/* --- VIVID HIGH-ENERGY GRADIENT PALETTES --- */

/* Card 1: Emerald Horizons */
.card-gradient-1 {
    background: linear-gradient(135deg, #0ba360 0%, #3cba92 100%);
    box-shadow: 0 15px 35px rgba(11, 163, 96, 0.2);
}
/* Card 2: Sunset Velvet Ruby */
.card-gradient-2 {
    background: linear-gradient(135deg, #e12d53 0%, #f96432 100%);
    box-shadow: 0 15px 35px rgba(225, 45, 83, 0.2);
}
/* Card 3: Deep Cyber Sapphire */
.card-gradient-3 {
    background: linear-gradient(135deg, #1846a3 0%, #297bf6 100%);
    box-shadow: 0 15px 35px rgba(24, 70, 163, 0.2);
}
/* Card 4: Electric Purple Orchid */
.card-gradient-4 {
    background: linear-gradient(135deg, #741fa0 0%, #bf3ce7 100%);
    box-shadow: 0 15px 35px rgba(116, 31, 160, 0.2);
}

/* --- KINETIC HOVER ANIMATIONS --- */

.collection-card:hover {
    transform: translateY(-18px) scale(1.04) rotateY(6deg);
    border-color: rgba(255, 255, 255, 0.5);
}

/* Specific vivid shadows on active states */
.card-gradient-1:hover { box-shadow: 0 30px 60px rgba(11, 163, 96, 0.45), 0 0 0 6px rgba(11, 163, 96, 0.15); }
.card-gradient-2:hover { box-shadow: 0 30px 60px rgba(225, 45, 83, 0.45), 0 0 0 6px rgba(225, 45, 83, 0.15); }
.card-gradient-3:hover { box-shadow: 0 30px 60px rgba(24, 70, 163, 0.45), 0 0 0 6px rgba(24, 70, 163, 0.15); }
.card-gradient-4:hover { box-shadow: 0 30px 60px rgba(116, 31, 160, 0.45), 0 0 0 6px rgba(116, 31, 160, 0.15); }

/* Continuous floating loop for the Emojis */
.collection-icon {
    font-size: 62px;
    margin-bottom: 25px;
    display: inline-block;
    filter: drop-shadow(0 12px 15px rgba(0,0,0,0.2));
    transition: transform 0.4s ease;
}

@keyframes multiAxisFloat {
    0% { transform: translateY(0px) scale(1); }
    50% { transform: translateY(-12px) scale(1.15) rotate(8deg); }
    100% { transform: translateY(0px) scale(1); }
}

.collection-card:hover .collection-icon {
    animation: multiAxisFloat 2s ease-in-out infinite;
}

/* White Crystal Typography Structure */
.collection-card h3 {
    font-family: 'Playfair Display', serif;
    font-size: 26px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 15px;
    text-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.collection-card p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* Mouse Lighting Track Layer */
.collection-card-glow {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle 150px at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(255, 255, 255, 0.35), transparent 100%);
    opacity: 0;
    mix-blend-mode: overlay;
    transition: opacity 0.3s ease;
    pointer-events: none;
}
.collection-card:hover .collection-card-glow { opacity: 1; }

/* Glowing neon baseline under-ribbon */
.card-premium-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #ffffff;
    box-shadow: 0 -4px 15px #ffffff;
    transform: scaleX(0);
    transition: transform 0.4s ease;
}
.collection-card:hover .card-premium-border { transform: scaleX(1); }

/* Responsive adjustments */
@media(max-width: 991px) { .collections { grid-template-columns: repeat(2, 1fr); } }
@media(max-width: 600px) { .collections { grid-template-columns: 1fr; } }

/* --- LUXURY VIBRANT "WHY CHOOSE" UPGRADE --- */

.why-choose-premium-wrapper {
    background: linear-gradient(135deg, #f4f6f8 0%, #f7f3ef 50%, #f1f6f5 100%) !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* Atmospheric structural blur highlights */
.why-ambient-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    opacity: 0.4;
    z-index: -1;
    pointer-events: none;
}
.orb-left {
    top: 20%;
    left: -10%;
    width: 450px;
    height: 450px;
    background: #e3f2fd;
}
.orb-right {
    bottom: 10%;
    right: -10%;
    width: 450px;
    height: 450px;
    background: #fbe9e7;
}

.why-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin-top: 60px;
}

/* Glassmorphic Multi-Colored Cards Base */
.why-item {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 40px 30px;
    text-align: center;
    border-radius: 24px;
    transition: 
        transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), 
        background-color 0.4s ease, 
        box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1), 
        border-color 0.4s ease;
}

/* --- INDIVIDUAL INDEPENDENT CARD THEMES --- */

/* 1. Emerald */
.theme-item-emerald { border: 1px solid rgba(46, 117, 89, 0.08); }
.theme-item-emerald:hover {
    background: #ffffff;
    border-color: rgba(46, 117, 89, 0.3);
    box-shadow: 0 20px 45px rgba(46, 117, 89, 0.1);
}
.theme-item-emerald .why-icon-badge { background: #edf7f3; color: #2e7559; }

/* 2. Gold */
.theme-item-gold { border: 1px solid rgba(223, 186, 72, 0.12); }
.theme-item-gold:hover {
    background: #ffffff;
    border-color: rgba(223, 186, 72, 0.4);
    box-shadow: 0 20px 45px rgba(223, 186, 72, 0.12);
}
.theme-item-gold .why-icon-badge { background: #fdfaf0; color: #dfba48; }

/* 3. Ruby */
.theme-item-ruby { border: 1px solid rgba(214, 73, 51, 0.08); }
.theme-item-ruby:hover {
    background: #ffffff;
    border-color: rgba(214, 73, 51, 0.3);
    box-shadow: 0 20px 45px rgba(214, 73, 51, 0.1);
}
.theme-item-ruby .why-icon-badge { background: #fff4f2; color: #d64933; }

/* 4. Sapphire */
.theme-item-sapphire { border: 1px solid rgba(34, 87, 161, 0.08); }
.theme-item-sapphire:hover {
    background: #ffffff;
    border-color: rgba(34, 87, 161, 0.3);
    box-shadow: 0 20px 45px rgba(34, 87, 161, 0.1);
}
.theme-item-sapphire .why-icon-badge { background: #eef5fc; color: #2257a1; }

/* 5. Amethyst */
.theme-item-amethyst { border: 1px solid rgba(121, 56, 186, 0.08); }
.theme-item-amethyst:hover {
    background: #ffffff;
    border-color: rgba(121, 56, 186, 0.3);
    box-shadow: 0 20px 45px rgba(121, 56, 186, 0.1);
}
.theme-item-amethyst .why-icon-badge { background: #f7f0fc; color: #7938ba; }

/* 6. Coral */
.theme-item-coral { border: 1px solid rgba(230, 92, 41, 0.08); }
.theme-item-coral:hover {
    background: #ffffff;
    border-color: rgba(230, 92, 41, 0.3);
    box-shadow: 0 20px 45px rgba(230, 92, 41, 0.1);
}
.theme-item-coral .why-icon-badge { background: #fff5f0; color: #e65c29; }

/* 7. Teal */
.theme-item-teal { border: 1px solid rgba(20, 143, 143, 0.08); }
.theme-item-teal:hover {
    background: #ffffff;
    border-color: rgba(20, 143, 143, 0.3);
    box-shadow: 0 20px 45px rgba(20, 143, 143, 0.1);
}
.theme-item-teal .why-icon-badge { background: #e6f7f7; color: #148f8f; }

/* 8. Platinum Dark */
.theme-item-platinum { border: 1px solid rgba(6, 17, 14, 0.06); }
.theme-item-platinum:hover {
    background: var(--dark);
    border-color: var(--dark);
    box-shadow: 0 20px 45px rgba(6, 17, 14, 0.15);
}
.theme-item-platinum:hover h4 { color: #ffffff; }
.theme-item-platinum:hover p { color: rgba(255, 255, 255, 0.7); }
.theme-item-platinum .why-icon-badge { background: #f0f2f2; color: #06110E; }
.theme-item-platinum:hover .why-icon-badge { background: rgba(255,255,255,0.15); color: var(--gold); }

/* Unified kinetic hover trigger */
.why-item:hover {
    transform: translateY(-10px);
}

/* Premium Rounded Badge System */
.why-icon-badge {
    width: 48px;
    height: 48px;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    border-radius: 50%;
    box-shadow: inset 0 -2px 6px rgba(0,0,0,0.03);
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.4s ease, color 0.4s ease;
}
.why-item:hover .why-icon-badge {
    transform: scale(1.15) rotate(360deg);
}

/* Typography elements */
.why-item h4 {
    margin-bottom: 12px;
    font-size: 19px;
    font-weight: 600;
    color: var(--dark);
    transition: color 0.3s ease;
}

.why-item p {
    color: #616866;
    font-size: 14.5px;
    line-height: 1.7;
    margin: 0;
    transition: color 0.3s ease;
}

/* Responsive Structural Breakpoints */
@media(max-width: 991px){
    .why-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}
@media(max-width: 600px){
    .why-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .why-item {
        padding: 35px 20px;
    }
}

/* --- EXTRAORDINARY LIGHT-COLOR WHY CHOOSE SYSTEM --- */

.why-choose-premium-wrapper {
    /* Dreamy, highly colorful yet bright light background */
    background: linear-gradient(135deg, #f4f7f6 0%, #fcf7f2 40%, #f5f3f9 70%, #f0f6f8 100%) !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* Luminous soft background color highlights */
.why-light-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(130px);
    opacity: 0.6;
    z-index: -1;
    pointer-events: none;
}
.light-orb-1 { top: -10%; left: -5%; width: 500px; height: 500px; background: #e3f3ed; }
.light-orb-2 { bottom: -10%; right: -5%; width: 500px; height: 500px; background: #fdf0eb; }

.why-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin-top: 60px;
}

/* Clear Luxury Glass Core */
.why-item {
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: 40px 25px;
    border-radius: 24px;
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.7);
    
    /* Elegant multi-tier animation curve */
    transition: 
        transform 0.5s cubic-bezier(0.16, 1, 0.3, 1),
        background-color 0.4s ease,
        box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.4s ease;
}

/* Unified upward physics on focus */
.why-item:hover {
    transform: translateY(-12px) scale(1.02);
}

/* --- THE INDIVIDUAL LIGHT COLOR-WAYS --- */

/* 1. Mint Aurora */
.why-card-emerald:hover {
    background: #ffffff;
    border-color: rgba(46, 117, 89, 0.25);
    box-shadow: 0 25px 50px rgba(46, 117, 89, 0.08), 0 0 25px rgba(46, 117, 89, 0.05);
}
.why-card-emerald .why-badge-vector { background: linear-gradient(135deg, #e6f5ef 0%, #ccece0 100%); color: #2e7559; }

/* 2. Champagne Gold */
.why-card-amber:hover {
    background: #ffffff;
    border-color: rgba(223, 186, 72, 0.35);
    box-shadow: 0 25px 50px rgba(223, 186, 72, 0.09), 0 0 25px rgba(223, 186, 72, 0.05);
}
.why-card-amber .why-badge-vector { background: linear-gradient(135deg, #fdf8e7 0%, #fbf0cf 100%); color: #b59224; }

/* 3. Rose Quartz */
.why-card-rose:hover {
    background: #ffffff;
    border-color: rgba(225, 45, 83, 0.2);
}
.why-card-rose:hover {
    box-shadow: 0 25px 50px rgba(225, 45, 83, 0.07), 0 0 25px rgba(225, 45, 83, 0.04);
}
.why-card-rose .why-badge-vector { background: linear-gradient(135deg, #ffeef1 0%, #ffd0da 100%); color: #e12d53; }

/* 4. Ice Sapphire */
.why-card-sapphire:hover {
    background: #ffffff;
    border-color: rgba(34, 87, 161, 0.25);
    box-shadow: 0 25px 50px rgba(34, 87, 161, 0.08), 0 0 25px rgba(34, 87, 161, 0.04);
}
.why-card-sapphire .why-badge-vector { background: linear-gradient(135deg, #eef5fc 0%, #d2e4f7 100%); color: #2257a1; }

/* 5. Lilac Amethyst */
.why-card-purple:hover {
    background: #ffffff;
    border-color: rgba(121, 56, 186, 0.25);
    box-shadow: 0 25px 50px rgba(121, 56, 186, 0.08), 0 0 25px rgba(121, 56, 186, 0.04);
}
.why-card-purple .why-badge-vector { background: linear-gradient(135deg, #f6eefc 0%, #ebd2fd 100%); color: #7938ba; }

/* 6. Sweet Coral */
.why-card-coral:hover {
    background: #ffffff;
    border-color: rgba(249, 100, 50, 0.25);
    box-shadow: 0 25px 50px rgba(249, 100, 50, 0.08), 0 0 25px rgba(249, 100, 50, 0.04);
}
.why-card-coral .why-badge-vector { background: linear-gradient(135deg, #fff2ee 0%, #ffdcd2 100%); color: #f96432; }

/* 7. Soft Marine Teal */
.why-card-teal:hover {
    background: #ffffff;
    border-color: rgba(20, 143, 143, 0.25);
    box-shadow: 0 25px 50px rgba(20, 143, 143, 0.08), 0 0 25px rgba(20, 143, 143, 0.04);
}
.why-card-teal .why-badge-vector { background: linear-gradient(135deg, #eaf9f9 0%, #cef0f0 100%); color: #148f8f; }

/* 8. Pearl Platinum */
.why-card-pearl:hover {
    background: #ffffff;
    border-color: rgba(6, 17, 14, 0.15);
    box-shadow: 0 25px 50px rgba(6, 17, 14, 0.06), 0 0 25px rgba(6, 17, 14, 0.03);
}
.why-card-pearl .why-badge-vector { background: linear-gradient(135deg, #f2f3f3 0%, #dcdede 100%); color: #06110e; }


/* --- DYNAMIC INTERACTION DETAILS --- */

/* The Floating Checkmark Badge Vector */
.why-badge-vector {
    width: 52px;
    height: 52px;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 22px;
    border-radius: 16px; /* Smooth rounded square style */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);
    
    transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes microPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.12) rotate(10deg); }
    100% { transform: scale(1); }
}

.why-item:hover .why-badge-vector {
    animation: microPulse 1.8s ease-in-out infinite;
}

/* Elegant Light Typography Alignment */
.why-item h4 {
    margin-bottom: 12px;
    font-size: 19px;
    font-weight: 600;
    color: #06110e;
    letter-spacing: -0.2px;
}

.why-item p {
    color: #5c6462;
    font-size: 14.5px;
    line-height: 1.65;
    margin: 0;
}

/* Mouse illumination sheet overlay layer */
.why-glow-layer {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle 120px at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(255, 255, 255, 0.7), transparent 100%);
    opacity: 0;
    pointer-events: none;
    z-index: -1;
    transition: opacity 0.4s ease;
}
.why-item:hover .why-glow-layer { opacity: 1; }

/* Responsive Overrides */
@media(max-width: 991px) { .why-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; } }
@media(max-width: 600px) { .why-grid { grid-template-columns: 1fr; gap: 15px; } }