:root {
            --color-bg: #FAFAF8;
            --color-bg-warm: #F5F3EF;
            --color-bg-dark: #1A1A1A;
            --color-white: #FFFFFF;
            --color-text: #1A1A1A;
            --color-text-light: #FAFAF8;
            --color-text-muted: #6B6B6B;
            --color-border: #E8E5DE;
            --color-accent: #7C6A56;
            --color-green: #16A34A;
            --color-gold: #FBBF24;
            --color-card-1: #E8E4DC;
            --color-card-2: #D4D9D2;
            --color-card-3: #DCD5CB;
            --color-card-4: #D9CFC4;
            --color-card-5: #E2DED6;
            --color-card-6: #CDD4CB;
            --font-display: 'Fraunces', serif;
            --font-body: 'DM Sans', sans-serif;
            --spacing-xs: 0.5rem;
            --spacing-sm: 1rem;
            --spacing-md: 1.5rem;
            --spacing-lg: 2.5rem;
            --spacing-xl: 4rem;
            --spacing-2xl: 6rem;
            --radius-sm: 12px;
            --radius-md: 20px;
            --radius-lg: 28px;
            --transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        }
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: var(--font-body); background: var(--color-bg); color: var(--color-text); }
        .stars { color: var(--color-gold); letter-spacing: 2px; }

        /* All sections visible with original padding restored */
        .hero-section { display: block; }
        .trust-section { display: block; }
        .cat-section { display: block; padding: var(--spacing-2xl) var(--spacing-lg); max-width: 1400px; margin: 0 auto; }
        .nav-section { display: block; padding: var(--spacing-2xl) var(--spacing-lg); max-width: 1400px; margin: 0 auto; }
        .tool-section { display: block; padding: var(--spacing-2xl) var(--spacing-lg); }
        .benefits-section { display: block; padding: var(--spacing-2xl) var(--spacing-lg); }
        .proof-section { display: block; padding: var(--spacing-2xl) var(--spacing-lg); }
        .how-section { display: block; padding: var(--spacing-2xl) var(--spacing-lg); }
        .best-section { display: block; padding: var(--spacing-2xl) var(--spacing-lg); max-width: 1400px; margin: 0 auto; }
        .showroom-section { display: block; padding: var(--spacing-2xl) var(--spacing-lg); }
        .help-section { display: block; padding: var(--spacing-2xl) var(--spacing-lg); }
        .fin-section { display: block; }
        .social-section { display: block; }

        @media (max-width: 768px) {
            .cat-section { padding: var(--spacing-xl) var(--spacing-md); }
            .nav-section { padding: var(--spacing-xl) var(--spacing-md); }
            .tool-section { padding: var(--spacing-xl) var(--spacing-md); }
            .benefits-section { padding: var(--spacing-xl) var(--spacing-md); }
            .proof-section { padding: var(--spacing-xl) var(--spacing-md); }
            .how-section { padding: var(--spacing-xl) var(--spacing-md); }
            .best-section { padding: var(--spacing-xl) var(--spacing-md); }
            .showroom-section { padding: var(--spacing-xl) var(--spacing-md); }
            .help-section { padding: var(--spacing-xl) var(--spacing-md); }
        }

/* Nav/mega/search/mobile/footer styles are in shared-nav.css (single source of truth) */

/* Reveal CSS now lives in shared-nav.css */

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

        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            padding: 0.875rem 1.5rem;
            border-radius: 100px;
            font-family: var(--font-body);
            font-size: 0.875rem;
            font-weight: 600;
            text-decoration: none;
            transition: var(--transition);
            cursor: pointer;
            border: none;
        }

        .btn-primary {
            background: var(--color-text);
            color: var(--color-text-light);
        }

        .btn-white {
            background: var(--color-white);
            color: var(--color-text);
            transition: background var(--transition), color var(--transition);
        }
        .btn-white:hover {
            background: var(--color-text);
            color: var(--color-white);
        }

        .btn-outline-light {
            background: transparent;
            border: 1.5px solid var(--color-border);
            color: var(--color-text);
        }

        .btn-outline-dark {
            background: transparent;
            border: 1.5px solid rgba(255,255,255,0.3);
            color: var(--color-white);
        }

        .btn-lg {
            padding: 1rem 2rem;
            font-size: 0.95rem;
        }

        .hero-1 {
            position: relative;
            min-height: 92vh;
            display: flex;
            align-items: flex-end;
            overflow: hidden;
            background: var(--color-bg-dark);
        }

        .hero-1 .hero-slide {
            position: absolute;
            inset: 0;
            opacity: 0;
            transition: opacity 0.8s ease;
        }
        .hero-1 .hero-slide.active { opacity: 1; }

        .hero-1 .hero-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .hero-1 .hero-slide[data-slide="0"] img { object-position: center bottom; }
        .hero-1 .hero-slide[data-slide="1"] img,
        .hero-1 .hero-slide[data-slide="2"] img { object-position: center top; }

        .hero-1 .hero-slide::after {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.05) 100%);
        }

        .hero-indicators {
            position: absolute;
            bottom: var(--spacing-lg);
            left: 50%;
            transform: translateX(-50%);
            z-index: 10;
            display: flex;
            gap: 0.5rem;
        }
        .hero-indicator {
            width: 32px;
            height: 3px;
            border-radius: 2px;
            border: none;
            background: rgba(255,255,255,0.35);
            cursor: pointer;
            transition: all 0.4s ease;
            padding: 0;
        }
        .hero-indicator.active {
            background: rgba(255,255,255,0.95);
            width: 48px;
        }

        .hero-1 .hero-content {
            position: relative;
            z-index: 1;
            padding: var(--spacing-2xl) var(--spacing-lg) 8rem;
            max-width: 1400px;
            margin: 0 auto;
            width: 100%;
            display: grid;
            grid-template-columns: 1fr auto;
            gap: var(--spacing-2xl);
            align-items: flex-end;
        }

        .hero-1 .hero-main {
            max-width: 600px;
            color: var(--color-text-light);
        }

        .hero-1 .hero-tag {
            font-size: 0.75rem;
            font-weight: 400;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            margin-bottom: var(--spacing-md);
            opacity: 1;
        }

        .hero-1 h1 {
            font-family: var(--font-display);
            font-size: clamp(2.75rem, 5vw, 4rem);
            font-weight: 400;
            line-height: 1.08;
            letter-spacing: -0.02em;
            margin-bottom: var(--spacing-md);
        }

        .hero-1 h1 em {
            font-style: italic;
            font-weight: 300;
        }

        .hero-1 .hero-description {
            font-size: 1.1rem;
            opacity: 1;
            font-weight: 400;
            margin-bottom: var(--spacing-lg);
            line-height: 1.6;
        }

        .hero-1 .hero-actions {
            display: flex;
            gap: var(--spacing-sm);
        }

        .hero-1 .hero-stats {
            display: flex;
            gap: var(--spacing-lg);
            color: var(--color-text-light);
            padding: var(--spacing-lg);
            background: rgba(255,255,255,0.1);
            backdrop-filter: blur(10px);
            border-radius: var(--radius-md);
        }

        .hero-1 .hero-stat {
            text-align: center;
            padding: 0 var(--spacing-md);
        }

        .hero-1 .hero-stat:not(:last-child) {
            border-right: 1px solid rgba(255,255,255,0.2);
        }

        .hero-1 .hero-stat-number {
            font-family: var(--font-display);
            font-size: 1.75rem;
            font-weight: 400;
            line-height: 1;
            margin-bottom: 0.25rem;
        }

        .hero-1 .hero-stat-label {
            font-size: 0.7rem;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            opacity: 0.6;
        }




        .hero-progress {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 10;
            display: flex;
            gap: 0;
            height: 3px;
        }
        .hero-progress-bar {
            flex: 1;
            background: rgba(255,255,255,0.15);
            cursor: pointer;
            position: relative;
            overflow: hidden;
        }
        .hero-progress-bar::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            width: 0%;
            background: rgba(255,255,255,0.9);
            transition: width 0.1s linear;
        }
        .hero-progress-bar.active::after {
            animation: progressFill 5s linear forwards;
        }
        .hero-progress-bar.done::after {
            width: 100%;
            transition: none;
        }
        @keyframes progressFill {
            from { width: 0%; }
            to { width: 100%; }
        }

        @media (max-width: 1024px) {
            .hero-1 .hero-content {
                grid-template-columns: 1fr;
            }
            .hero-1 .hero-stats {
                margin-top: var(--spacing-lg);
            }
        }

        @media (max-width: 768px) {

            .hero-1 .hero-stats {
                flex-wrap: wrap;
                gap: var(--spacing-sm);
            }

            .hero-1 .hero-stat:not(:last-child) {
                border-right: none;
            }

            .hero-1 { min-height: calc(100svh - 88px); }
            @media (min-width: 430px) {
                .hero-1 .hero-content { padding-bottom: 12rem; }
            }
            .hero-1 .btn { padding: 0.65rem 1.2rem; font-size: 0.8rem; }
            .hero-1 .hero-slide[data-slide="0"] img { object-position: 20% bottom; }
            .hero-1 .hero-slide[data-slide="1"] img,
            .hero-1 .hero-slide[data-slide="2"] img { object-position: 30% top; }
            .hero-section.reveal { animation: hero-entrance 0.8s ease forwards; }
        }

/* ===== TRUST ===== */
.trust-1 {
            background: var(--color-bg-dark);
            color: var(--color-text-light);
            padding: var(--spacing-md) var(--spacing-lg);
        }

        .trust-1 .trust-inner {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            gap: var(--spacing-2xl);
        }

        .trust-1 .stat-item {
            display: flex;
            align-items: center;
            gap: var(--spacing-sm);
        }

        .trust-1 .stat-number {
            font-family: var(--font-display);
            font-size: 1.5rem;
            font-weight: 400;
        }

        .trust-1 .stat-label {
            font-size: 0.85rem;
            opacity: 0.7;
        }

        .trust-1 .stat-divider {
            width: 1px;
            height: 30px;
            background: rgba(255,255,255,0.2);
        }


        @media (max-width: 768px) {

            .trust-1 .stat-divider {
                display: none;
            }

            .trust-1 { padding: var(--spacing-sm) var(--spacing-md); }

            .trust-1 .trust-inner {
                display: grid;
                grid-template-columns: auto auto;
                justify-content: center;
                column-gap: var(--spacing-lg);
                row-gap: var(--spacing-xs);
            }

            .trust-1 .stat-number {
                font-size: 1.1rem;
            }

            .trust-1 .stat-label {
                font-size: 0.72rem;
                white-space: nowrap;
            }

        }

/* ===== CATEGORIES ===== */
.section-header { margin-bottom: var(--spacing-xl); }
        .section-header h2 {
            font-family: var(--font-display);
            font-size: clamp(1.75rem, 3vw, 2.5rem);
            font-weight: 400;
            margin-bottom: var(--spacing-xs);
        }
        .section-header h2 em { font-style: italic; }
        .section-header p { color: var(--color-text-muted); font-size: 1rem; max-width: 500px; }
        .section-header-row { display: flex; justify-content: space-between; align-items: flex-end; }
        .section-link {
            display: inline-flex; align-items: center; gap: 0.3rem;
            font-size: 0.9rem; font-weight: 600; color: var(--color-text);
            text-decoration: none; transition: font-size var(--transition);
        }
        .section-link:hover { font-size: 1rem; }
        .section-link svg { width: 14px; height: 14px; stroke: currentColor; fill: none; }
        .section-link:hover svg { animation: chevron-nudge 0.7s ease-in-out forwards; }
        @keyframes chevron-nudge {
            0% { transform: translateX(0); }
            50% { transform: translateX(5px); }
            100% { transform: translateX(0); }
        }

        .c1-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: var(--spacing-sm);
        }
        .c1-card {
            position: relative;
            text-decoration: none;
            color: white;
            transition: var(--transition);
        }
        .c1-card:hover { transform: translateY(-4px); }
        .c1-image {
            position: relative;
            aspect-ratio: 1;
            border-radius: var(--radius-md);
            overflow: hidden;
            background: var(--color-bg-warm);
        }
        .c1-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--transition);
        }
        .c1-card:hover .c1-image img { transform: scale(1.05); }
        .c1-overlay {
            position: absolute;
            inset: 0;
            border-radius: var(--radius-md);
            background: linear-gradient(to top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 50%);
        }
        .c1-content {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: var(--spacing-md);
        }
        .c1-card h3 {
            font-size: 0.9rem;
            font-weight: 600;
            margin-bottom: 2px;
        }
        .c1-price {
            font-size: 0.8rem;
            opacity: 0.85;
        }


        @media (max-width: 1024px) {
            .c1-grid { grid-template-columns: repeat(4, 1fr); }
        }

        @media (max-width: 768px) {

            .c1-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .section-header-row { flex-direction: column; align-items: center; text-align: center; gap: var(--spacing-sm); }
            .section-header { margin-bottom: var(--spacing-md); }
            .section-header p { margin: 0 auto; }

            .c1-card { color: var(--color-text); text-align: center; }
            .c1-overlay { display: none; }
            .c1-image { overflow: visible; aspect-ratio: auto; }
            .c1-image img { aspect-ratio: 1; border-radius: var(--radius-md); }
            .c1-content { position: static; padding: var(--spacing-xs) 0 0; }
            .c1-card h3 { font-size: 0.8rem; }
            .c1-price { display: none; }
        }

/* ===== COLLECTIONS ===== */
.section-header {
            margin-bottom: var(--spacing-xl);
        }

        .section-header-row {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
        }

        .section-header h2 {
            font-family: var(--font-display);
            font-size: clamp(1.75rem, 3vw, 2.5rem);
            font-weight: 400;
            letter-spacing: -0.02em;
        }

        .section-header h2 em {
            font-style: italic;
        }

        .section-header p {
            font-size: 1rem;
            color: var(--color-text-muted);
            margin-top: var(--spacing-xs);
        }

        .section-link {
            display: inline-flex; align-items: center; gap: 0.3rem;
            font-size: 0.875rem;
            font-weight: 600;
            color: var(--color-text);
            text-decoration: none;
            transition: font-size var(--transition);
        }

        .section-link:hover { font-size: 0.975rem; }
        .section-link svg { width: 14px; height: 14px; stroke: currentColor; fill: none; }
        .section-link:hover svg { animation: chevron-nudge 0.7s ease-in-out forwards; }
        @keyframes chevron-nudge {
            0% { transform: translateX(0); }
            50% { transform: translateX(5px); }
            100% { transform: translateX(0); }
        }


        .nav-4 .room-grid {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: var(--spacing-sm);
        }

        .nav-4 .room-card {
            text-align: center;
            text-decoration: none;
            color: var(--color-text);
            transition: var(--transition);
        }

        .nav-4 .room-card:hover {
            transform: translateY(-4px);
        }

        .nav-4 .room-card-image {
            border-radius: var(--radius-md);
            overflow: visible;
            margin-bottom: var(--spacing-sm);
            background: var(--color-bg-warm);
        }

        .nav-4 .room-card-image img {
            width: 100%;
            aspect-ratio: 1;
            object-fit: cover;
            border-radius: var(--radius-md);
            transition: opacity 0.4s ease;
        }

        .nav-4 .room-card-image .c1-content {
            position: static;
            padding: var(--spacing-xs) 0 0;
        }

        .nav-4 .room-card h3 {
            font-size: 0.9rem;
            font-weight: 600;
        }

        .nav-5 .collections-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: var(--spacing-md);
        }


        .nav-5 .collection-card {
            position: relative;
            aspect-ratio: 3/4;
            border-radius: var(--radius-md);
            overflow: hidden;
            cursor: pointer;
        }

        .nav-5 .collection-card > img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.6s ease;
        }

        .nav-5 .collection-card:hover > img {
            transform: scale(1.05);
        }

        .nav-5 .collection-card-content {
            position: absolute;
            inset: 0;
            background: rgba(0,0,0,0.3);
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding: var(--spacing-lg);
        }

        .nav-5 .collection-card-logo {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: auto;
            height: auto;
            max-width: 180px;
            max-height: 60px;
            object-fit: contain;
            filter: brightness(0) invert(1);
            transition: transform 0.3s ease;
        }

        .nav-5 .collection-card-logo-qs {
            max-width: 240px;
            max-height: 140px;
            filter: none;
        }

        .nav-5 .collection-card:hover .collection-card-logo {
            transform: translate(-50%, -50%) scale(1.05);
        }

        .nav-5 .collection-card h3 {
            font-family: var(--font-display);
            font-size: 1.5rem;
            font-weight: 400;
            color: white;
            margin-bottom: 0.25rem;
        }

        .nav-5 .collection-card p {
            font-size: 0.85rem;
            color: rgba(255,255,255,0.75);
        }

        .nav-5 .collection-card-type {
            font-size: 0.85rem;
            color: rgba(255,255,255,0.75);
            margin-top: var(--spacing-xs);
        }
        .nav-5 { background: var(--color-bg-warm); }

        .nav-6 .colour-grid {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: var(--spacing-sm);
        }

        .nav-6 .colour-card {
            position: relative;
            aspect-ratio: 1;
            border-radius: var(--radius-sm);
            overflow: hidden;
            cursor: pointer;
            transition: var(--transition);
        }

        .nav-6 .colour-card:hover {
            transform: translateY(-4px);
        }

        .nav-6 .colour-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .nav-6 .colour-card-label {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: var(--spacing-sm);
            background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
            text-align: center;
        }

        .nav-6 .colour-card-label span {
            font-size: 0.8rem;
            font-weight: 600;
            color: white;
        }

        .nav-7 .scroll-container {
            display: flex;
            gap: var(--spacing-sm);
            overflow-x: auto;
            padding-bottom: var(--spacing-sm);
            scrollbar-width: none;
        }

        .nav-7 .scroll-container::-webkit-scrollbar {
            display: none;
        }

        .nav-7 .scroll-card {
            flex: 0 0 280px;
            background: var(--color-white);
            border-radius: var(--radius-md);
            overflow: hidden;
            text-decoration: none;
            color: var(--color-text);
            border: 1px solid var(--color-border);
            transition: var(--transition);
        }

        .nav-7 .scroll-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 30px rgba(0,0,0,0.08);
        }

        .nav-7 .scroll-card-image {
            aspect-ratio: 16/10;
            background: var(--color-bg);
        }

        .nav-7 .scroll-card-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .nav-7 .scroll-card-content {
            padding: var(--spacing-md);
        }

        .nav-7 .scroll-card h3 {
            font-family: var(--font-display);
            font-size: 1.1rem;
            font-weight: 400;
            margin-bottom: 0.25rem;
        }

        .nav-7 .scroll-card p {
            font-size: 0.8rem;
            color: var(--color-text-muted);
        }

        .nav-8 .links-container {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: var(--spacing-xl);
        }

        .nav-8 .links-column h3 {
            font-family: var(--font-display);
            font-size: 1.25rem;
            font-weight: 400;
            margin-bottom: var(--spacing-md);
            padding-bottom: var(--spacing-sm);
            border-bottom: 1px solid var(--color-border);
        }

        .nav-8 .links-list {
            list-style: none;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: var(--spacing-sm);
        }

        .nav-8 .links-list a {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: var(--spacing-sm) 0;
            text-decoration: none;
            color: var(--color-text);
            border-bottom: 1px solid var(--color-border);
            transition: var(--transition);
        }

        .nav-8 .links-list a:hover {
            color: var(--color-text-muted);
        }

        .nav-8 .links-list span {
            font-size: 0.95rem;
        }

        .nav-8 .links-list svg {
            width: 16px;
            height: 16px;
            stroke: var(--color-text-muted);
        }

        .nav-9 .combined-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: var(--spacing-xl);
        }

        .nav-9 .combined-section h3 {
            font-family: var(--font-display);
            font-size: 1.25rem;
            font-weight: 400;
            margin-bottom: var(--spacing-md);
        }

        .nav-9 .type-list {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: var(--spacing-sm);
        }

        .nav-9 .type-item {
            display: flex;
            align-items: center;
            gap: var(--spacing-sm);
            padding: var(--spacing-md);
            background: var(--color-white);
            border-radius: var(--radius-sm);
            border: 1px solid var(--color-border);
            text-decoration: none;
            color: var(--color-text);
            transition: var(--transition);
        }

        .nav-9 .type-item:hover {
            border-color: var(--color-text);
        }

        .nav-9 .type-item-image {
            width: 48px;
            height: 48px;
            border-radius: var(--radius-sm);
            background: var(--color-bg);
            overflow: hidden;
        }

        .nav-9 .type-item-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .nav-9 .type-item-text h4 {
            font-size: 0.9rem;
            font-weight: 600;
        }

        .nav-9 .type-item-text p {
            font-size: 0.75rem;
            color: var(--color-text-muted);
        }

        .nav-9 .use-case-list {
            display: grid;
            gap: var(--spacing-sm);
        }

        .nav-9 .use-case-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: var(--spacing-md);
            background: var(--color-card-1);
            border-radius: var(--radius-sm);
            text-decoration: none;
            color: var(--color-text);
            transition: var(--transition);
        }

        .nav-9 .use-case-item:nth-child(2) { background: var(--color-card-2); }
        .nav-9 .use-case-item:nth-child(3) { background: var(--color-card-3); }
        .nav-9 .use-case-item:nth-child(4) { background: var(--color-card-4); }

        .nav-9 .use-case-item:hover {
            transform: translateX(4px);
        }

        .nav-9 .use-case-item span {
            font-weight: 500;
        }

        .nav-9 .use-case-item svg {
            width: 18px;
            height: 18px;
            stroke: var(--color-text);
        }

        @media (max-width: 1024px) {

            .nav-4 .room-grid {
                grid-template-columns: repeat(3, 1fr);
            }

            .nav-5 .collections-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .nav-6 .colour-grid {
                grid-template-columns: repeat(3, 1fr);
            }

            .nav-8 .links-container,
            .nav-9 .combined-grid {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 768px) {


            .nav-5 .collections-grid {
                grid-template-columns: 1fr;
            }

            .nav-5 .collection-card {
                aspect-ratio: 1;
            }

            .nav-4 .room-grid,
            .nav-6 .colour-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .nav-4 .room-card-image { margin-bottom: 0; }
            .nav-4 .room-card h3 { font-size: 0.8rem; }

            .nav-8 .links-list,
            .nav-9 .type-list {
                grid-template-columns: 1fr;
            }
        }

/* ===== NAV ===== */
.section-header {
            margin-bottom: var(--spacing-xl);
        }

        .section-header-row {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
        }

        .section-header h2 {
            font-family: var(--font-display);
            font-size: clamp(1.75rem, 3vw, 2.5rem);
            font-weight: 400;
            letter-spacing: -0.02em;
        }

        .section-header h2 em {
            font-style: italic;
        }

        .section-header p {
            font-size: 1rem;
            color: var(--color-text-muted);
            margin-top: var(--spacing-xs);
        }

        .section-link {
            display: inline-flex; align-items: center; gap: 0.3rem;
            font-size: 0.875rem;
            font-weight: 600;
            color: var(--color-text);
            text-decoration: none;
            transition: font-size var(--transition);
        }

        .section-link:hover { font-size: 0.975rem; }
        .section-link svg { width: 14px; height: 14px; stroke: currentColor; fill: none; }
        .section-link:hover svg { animation: chevron-nudge 0.7s ease-in-out forwards; }
        @keyframes chevron-nudge {
            0% { transform: translateX(0); }
            50% { transform: translateX(5px); }
            100% { transform: translateX(0); }
        }


        .nav-4 .room-grid {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: var(--spacing-sm);
        }

        .nav-4 .room-card {
            text-align: center;
            text-decoration: none;
            color: var(--color-text);
            transition: var(--transition);
        }

        .nav-4 .room-card:hover {
            transform: translateY(-4px);
        }

        .nav-4 .room-card-image {
            border-radius: var(--radius-md);
            overflow: visible;
            margin-bottom: var(--spacing-sm);
            background: var(--color-bg-warm);
        }

        .nav-4 .room-card-image img {
            width: 100%;
            aspect-ratio: 1;
            object-fit: cover;
            border-radius: var(--radius-md);
            transition: opacity 0.4s ease;
        }

        .nav-4 .room-card-image .c1-content {
            position: static;
            padding: var(--spacing-xs) 0 0;
        }

        .nav-4 .room-card h3 {
            font-size: 0.9rem;
            font-weight: 600;
        }

        .nav-5 .collections-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: var(--spacing-md);
        }


        .nav-5 .collection-card {
            position: relative;
            aspect-ratio: 3/4;
            border-radius: var(--radius-md);
            overflow: hidden;
            cursor: pointer;
        }

        .nav-5 .collection-card > img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.6s ease;
        }

        .nav-5 .collection-card:hover > img {
            transform: scale(1.05);
        }

        .nav-5 .collection-card-content {
            position: absolute;
            inset: 0;
            background: rgba(0,0,0,0.3);
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding: var(--spacing-lg);
        }

        .nav-5 .collection-card-logo {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: auto;
            height: auto;
            max-width: 180px;
            max-height: 60px;
            object-fit: contain;
            filter: brightness(0) invert(1);
            transition: transform 0.3s ease;
        }

        .nav-5 .collection-card-logo-qs {
            max-width: 240px;
            max-height: 140px;
            filter: none;
        }

        .nav-5 .collection-card:hover .collection-card-logo {
            transform: translate(-50%, -50%) scale(1.05);
        }

        .nav-5 .collection-card h3 {
            font-family: var(--font-display);
            font-size: 1.5rem;
            font-weight: 400;
            color: white;
            margin-bottom: 0.25rem;
        }

        .nav-5 .collection-card p {
            font-size: 0.85rem;
            color: rgba(255,255,255,0.75);
        }

        .nav-5 .collection-card-type {
            font-size: 0.85rem;
            color: rgba(255,255,255,0.75);
            margin-top: var(--spacing-xs);
        }
        .nav-5 { background: var(--color-bg-warm); }

        .nav-6 .colour-grid {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: var(--spacing-sm);
        }

        .nav-6 .colour-card {
            position: relative;
            aspect-ratio: 1;
            border-radius: var(--radius-sm);
            overflow: hidden;
            cursor: pointer;
            transition: var(--transition);
        }

        .nav-6 .colour-card:hover {
            transform: translateY(-4px);
        }

        .nav-6 .colour-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .nav-6 .colour-card-label {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: var(--spacing-sm);
            background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
            text-align: center;
        }

        .nav-6 .colour-card-label span {
            font-size: 0.8rem;
            font-weight: 600;
            color: white;
        }

        .nav-7 .scroll-container {
            display: flex;
            gap: var(--spacing-sm);
            overflow-x: auto;
            padding-bottom: var(--spacing-sm);
            scrollbar-width: none;
        }

        .nav-7 .scroll-container::-webkit-scrollbar {
            display: none;
        }

        .nav-7 .scroll-card {
            flex: 0 0 280px;
            background: var(--color-white);
            border-radius: var(--radius-md);
            overflow: hidden;
            text-decoration: none;
            color: var(--color-text);
            border: 1px solid var(--color-border);
            transition: var(--transition);
        }

        .nav-7 .scroll-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 30px rgba(0,0,0,0.08);
        }

        .nav-7 .scroll-card-image {
            aspect-ratio: 16/10;
            background: var(--color-bg);
        }

        .nav-7 .scroll-card-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .nav-7 .scroll-card-content {
            padding: var(--spacing-md);
        }

        .nav-7 .scroll-card h3 {
            font-family: var(--font-display);
            font-size: 1.1rem;
            font-weight: 400;
            margin-bottom: 0.25rem;
        }

        .nav-7 .scroll-card p {
            font-size: 0.8rem;
            color: var(--color-text-muted);
        }

        .nav-8 .links-container {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: var(--spacing-xl);
        }

        .nav-8 .links-column h3 {
            font-family: var(--font-display);
            font-size: 1.25rem;
            font-weight: 400;
            margin-bottom: var(--spacing-md);
            padding-bottom: var(--spacing-sm);
            border-bottom: 1px solid var(--color-border);
        }

        .nav-8 .links-list {
            list-style: none;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: var(--spacing-sm);
        }

        .nav-8 .links-list a {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: var(--spacing-sm) 0;
            text-decoration: none;
            color: var(--color-text);
            border-bottom: 1px solid var(--color-border);
            transition: var(--transition);
        }

        .nav-8 .links-list a:hover {
            color: var(--color-text-muted);
        }

        .nav-8 .links-list span {
            font-size: 0.95rem;
        }

        .nav-8 .links-list svg {
            width: 16px;
            height: 16px;
            stroke: var(--color-text-muted);
        }

        .nav-9 .combined-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: var(--spacing-xl);
        }

        .nav-9 .combined-section h3 {
            font-family: var(--font-display);
            font-size: 1.25rem;
            font-weight: 400;
            margin-bottom: var(--spacing-md);
        }

        .nav-9 .type-list {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: var(--spacing-sm);
        }

        .nav-9 .type-item {
            display: flex;
            align-items: center;
            gap: var(--spacing-sm);
            padding: var(--spacing-md);
            background: var(--color-white);
            border-radius: var(--radius-sm);
            border: 1px solid var(--color-border);
            text-decoration: none;
            color: var(--color-text);
            transition: var(--transition);
        }

        .nav-9 .type-item:hover {
            border-color: var(--color-text);
        }

        .nav-9 .type-item-image {
            width: 48px;
            height: 48px;
            border-radius: var(--radius-sm);
            background: var(--color-bg);
            overflow: hidden;
        }

        .nav-9 .type-item-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .nav-9 .type-item-text h4 {
            font-size: 0.9rem;
            font-weight: 600;
        }

        .nav-9 .type-item-text p {
            font-size: 0.75rem;
            color: var(--color-text-muted);
        }

        .nav-9 .use-case-list {
            display: grid;
            gap: var(--spacing-sm);
        }

        .nav-9 .use-case-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: var(--spacing-md);
            background: var(--color-card-1);
            border-radius: var(--radius-sm);
            text-decoration: none;
            color: var(--color-text);
            transition: var(--transition);
        }

        .nav-9 .use-case-item:nth-child(2) { background: var(--color-card-2); }
        .nav-9 .use-case-item:nth-child(3) { background: var(--color-card-3); }
        .nav-9 .use-case-item:nth-child(4) { background: var(--color-card-4); }

        .nav-9 .use-case-item:hover {
            transform: translateX(4px);
        }

        .nav-9 .use-case-item span {
            font-weight: 500;
        }

        .nav-9 .use-case-item svg {
            width: 18px;
            height: 18px;
            stroke: var(--color-text);
        }

        @media (max-width: 1024px) {

            .nav-4 .room-grid {
                grid-template-columns: repeat(3, 1fr);
            }

            .nav-5 .collections-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .nav-6 .colour-grid {
                grid-template-columns: repeat(3, 1fr);
            }

            .nav-8 .links-container,
            .nav-9 .combined-grid {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 768px) {


            .nav-5 .collections-grid {
                grid-template-columns: 1fr;
            }

            .nav-5 .collection-card {
                aspect-ratio: 1;
            }

            .nav-4 .room-grid,
            .nav-6 .colour-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .nav-4 .room-card-image { margin-bottom: 0; }
            .nav-4 .room-card h3 { font-size: 0.8rem; }

            .nav-8 .links-list,
            .nav-9 .type-list {
                grid-template-columns: 1fr;
            }
        }

/* ===== BESTSELLERS ===== */
.section-header { margin-bottom: var(--spacing-xl); }
        .section-header-row { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: var(--spacing-xs); }
        .section-header h2 { font-family: var(--font-display); font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 400; }
        .section-header h2 em { font-style: italic; }
        .section-header p { color: var(--color-text-muted); }
        .section-link { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.9rem; font-weight: 600; color: var(--color-text); text-decoration: none; white-space: nowrap; transition: font-size var(--transition); }
        .section-link:hover { font-size: 1rem; }
        .section-link svg { width: 14px; height: 14px; stroke: currentColor; fill: none; }
        .section-link:hover svg { animation: chevron-nudge 0.7s ease-in-out forwards; }
        @keyframes chevron-nudge { 0% { transform: translateX(0); } 50% { transform: translateX(5px); } 100% { transform: translateX(0); } }

        .stars { color: var(--color-gold); letter-spacing: 2px; font-size: 0.75rem; }

        .product-card { text-decoration: none; color: inherit; display: flex; flex-direction: column; min-width: 0; }
        .product-card:hover .product-image img { transform: scale(1.03); }
        .product-image { border-radius: var(--radius-sm); overflow: hidden; margin-bottom: var(--spacing-sm); position: relative; }
        .product-image img { width: 100%; aspect-ratio: 1; object-fit: cover; transition: transform 0.4s ease, opacity 0.4s ease; background: var(--color-bg-warm); }
        .product-image .product-img-hover { position: absolute; inset: 0; opacity: 0; z-index: 1; }
        @media (hover: hover) {
            .product-card:hover .product-img-hover { opacity: 1; }
        }
        .product-badge {
            position: absolute; top: 12px; left: 12px;
            background: var(--color-text); color: var(--color-text-light);
            font-size: 0.7rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;
            padding: 0.3rem 0.7rem; border-radius: 100px;
        }
        .product-badge.sale { background: #DC2626; }
        .product-type { font-size: 0.75rem; color: var(--color-text-muted); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.25rem; }
        .product-name { font-size: 0.95rem; font-weight: 600; margin-bottom: 0.25rem; }
        .product-price { font-size: 0.95rem; font-weight: 600; margin-top: auto; }
        .product-price .price-unit { font-size: 0.75rem; font-weight: 400; color: var(--color-text-muted); }
        .product-price .price-was { text-decoration: line-through; color: var(--color-text-muted); font-weight: 400; margin-left: 0.5rem; font-size: 0.85rem; }
        .product-rating { display: none; }
        .product-rating span { font-size: 0.8rem; color: var(--color-text-muted); }
        .product-swatches { display: flex; gap: 0.5rem; padding-top: 0.5rem; align-items: center; }
        .product-swatch:nth-child(n+5) { display: none; }
        .product-swatch {
            width: 28px; height: 28px; border-radius: 6px;
            border: 1.5px solid var(--color-border);
            transition: all 0.2s ease;
        }
        .product-swatch:hover { transform: scale(1.15); border-color: var(--color-text); }
        .product-swatch.active { border-color: var(--color-text); }

        .best-1 { background: var(--color-bg-warm); }
        .best-1 .products-grid {
            max-width: 1200px; margin: 0 auto;
            display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--spacing-md);
        }
        .best-1 .section-header { margin: 0 0 var(--spacing-xl); }


        @media (max-width: 1024px) {
            .best-1 .products-grid { grid-template-columns: repeat(2, 1fr); }
        }
        @media (max-width: 768px) {
            
            .best-1 .products-grid { grid-template-columns: repeat(2, 1fr); }
            .section-header-row { flex-direction: column; align-items: flex-start; gap: var(--spacing-xs); }
        }

/* ===== HOWITWORKS ===== */
.section-header { margin-bottom: var(--spacing-xl); }
        .section-header.centered { text-align: center; }
        .section-header h2 { font-family: var(--font-display); font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 400; margin-bottom: var(--spacing-xs); }
        .section-header h2 em { font-style: italic; }
        .section-header p { color: var(--color-text-muted); max-width: 500px; }
        .section-header.centered p { margin: 0 auto; }


        .how-2 { background: var(--color-white); }
        .how-2 .steps-container { max-width: 1000px; margin: 0 auto; position: relative; }
        .how-2 .steps-line {
            position: absolute; top: 50%; left: 60px; right: 60px; height: 2px;
            background: var(--color-border); z-index: 0;
        }
        .how-2 .steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--spacing-md); position: relative; z-index: 1; }
        .how-2 .step-card {
            background: var(--color-bg); border-radius: var(--radius-md);
            padding: var(--spacing-lg); text-align: center;
        }
        .how-2 .step-icon {
            width: 56px; height: 56px; margin: 0 auto var(--spacing-md);
            background: var(--color-white); border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            border: 2px solid var(--color-border);
        }
        .how-2 .step-icon svg { width: 24px; height: 24px; stroke: var(--color-text); transition: transform 0.4s ease; }
        @keyframes wiggle-step { 0% { transform: rotate(15deg) scale(1.25); } 50% { transform: rotate(-5deg) scale(1.2); } 100% { transform: rotate(0deg) scale(1.15); } }
        .how-2 .step-card:hover .step-icon svg { animation: wiggle-step 0.5s ease forwards; }
        .how-2 .step-card h3 { font-size: 1rem; font-weight: 600; margin-bottom: var(--spacing-xs); }
        .how-2 .step-card p { font-size: 0.85rem; color: var(--color-text-muted); line-height: 1.6; }


        @media (max-width: 1024px) {
            .how-2 .steps-grid { grid-template-columns: repeat(2, 1fr); }
            .how-2 .steps-line { display: none; }
        }
        @media (max-width: 768px) {

            .how-2 .steps-grid { grid-template-columns: 1fr; }
        }

/* ===== SHOWROOM ===== */
.section-header { margin-bottom: var(--spacing-xl); }
        .section-header.centered { text-align: center; }
        .section-header h2 { font-family: var(--font-display); font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 400; margin-bottom: var(--spacing-xs); }
        .section-header h2 em { font-style: italic; }
        .section-header p { color: var(--color-text-muted); max-width: 500px; line-height: 1.7; }
        .section-header.centered p { margin: 0 auto; }

        .sr-feature { display: flex; align-items: center; gap: 0.6rem; margin-bottom: 0.6rem; }
        .sr-feature svg { width: 18px; height: 18px; stroke: var(--color-green); flex-shrink: 0; }
        .sr-feature span { font-size: 0.9rem; }

        .sr-detail { display: flex; align-items: center; gap: 0.5rem; font-size: 0.85rem; color: var(--color-text-muted); margin-bottom: 0.4rem; }
        .sr-detail svg { width: 16px; height: 16px; stroke: var(--color-text-muted); flex-shrink: 0; }


        .showroom-6 .sr6-inner { max-width: 1100px; margin: 0 auto; }
        .showroom-6 .sr6-row {
            display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-xl); align-items: center;
            margin-bottom: var(--spacing-2xl);
        }
        .showroom-6 .sr6-row:last-child { margin-bottom: 0; }
        .showroom-6 .sr6-row.reverse .sr6-image { order: 2; }
        .showroom-6 .sr6-row.reverse .sr6-text { order: 1; }
        .showroom-6 .sr6-image { border-radius: var(--radius-lg); overflow: hidden; }
        .showroom-6 .sr6-image img { width: 100%; aspect-ratio: 4/3; object-fit: cover; transition: transform var(--transition); }
        .showroom-6 .sr6-image:hover img { transform: scale(1.03); }
        .showroom-6 .sr6-tag { font-size: 0.7rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--color-text-muted); margin-bottom: var(--spacing-sm); }
        .showroom-6 .sr6-text h3 { font-family: var(--font-display); font-size: 1.5rem; font-weight: 400; margin-bottom: var(--spacing-sm); }
        .showroom-6 .sr6-text h3 em { font-style: italic; }
        .showroom-6 .sr6-text > p { color: var(--color-text-muted); font-size: 0.9rem; line-height: 1.7; margin-bottom: var(--spacing-md); }
        .showroom-6 .sr6-text .sr-features { margin-bottom: var(--spacing-md); }



        .mobile-br { display: none; }
        @media (max-width: 768px) {
            .mobile-br { display: inline; }

            .showroom-6 .sr6-row { grid-template-columns: 1fr; gap: var(--spacing-sm); margin-bottom: var(--spacing-md); }
            .showroom-6 .sr6-text { text-align: center; }
            .showroom-6 .sr6-text .sr-features { display: inline-block; text-align: left; }
            .showroom-6 .sr6-inner > div:last-child { margin-top: var(--spacing-sm) !important; }
            .showroom-6 .sr6-row.reverse .sr6-image { order: 0; }
            .showroom-6 .sr6-row.reverse .sr6-text { order: 0; }
        }

/* ===== HELP ===== */
.help-1 { background: var(--color-bg); }
        .help-1 .help-inner { max-width: 900px; margin: 0 auto; }
        .help-1 .consultation-card {
            display: grid; grid-template-columns: 1fr 1fr;
            background: var(--color-white); border-radius: var(--radius-lg);
            overflow: hidden; border: 1px solid var(--color-border);
            margin-bottom: var(--spacing-lg);
        }
        .help-1 .consultation-content { padding: var(--spacing-xl); }
        .help-1 .consultation-content h2 { font-family: var(--font-display); font-size: 1.75rem; font-weight: 400; margin-bottom: var(--spacing-sm); }
        .help-1 .consultation-content h2 em { font-style: italic; }
        .help-1 .consultation-content > p { color: var(--color-text-muted); margin-bottom: var(--spacing-lg); }
        .help-1 .consultation-features { margin-bottom: var(--spacing-lg); }
        .help-1 .consultation-feature { display: flex; align-items: center; gap: var(--spacing-sm); margin-bottom: var(--spacing-sm); }
        .help-1 .consultation-feature svg { width: 18px; height: 18px; stroke: var(--color-green); }
        .help-1 .consultation-feature span { font-size: 0.9rem; }
        .help-1 .consultation-image { background: var(--color-bg-warm); }
        .help-1 .consultation-image img { width: 100%; height: 100%; object-fit: cover; }
        .help-1 .help-options {
            display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--spacing-sm);
        }
        .help-1 .help-option {
            background: var(--color-white); border-radius: var(--radius-md);
            padding: var(--spacing-lg); text-align: center;
            border: 1px solid var(--color-border); transition: var(--transition);
            text-decoration: none; color: inherit;
        }
        .help-1 .help-option:hover { border-color: var(--color-text); }
        .help-1 .help-option-icon {
            width: 48px; height: 48px; margin: 0 auto var(--spacing-sm);
            background: var(--color-bg); border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
        }
        .help-1 .help-option-icon svg { width: 22px; height: 22px; stroke: var(--color-text); transition: transform 0.4s ease; }
        @keyframes wiggle-help { 0% { transform: rotate(15deg) scale(1.25); } 50% { transform: rotate(-5deg) scale(1.2); } 100% { transform: rotate(0deg) scale(1.15); } }
        .help-1 .help-option:hover .help-option-icon svg { animation: wiggle-help 0.5s ease forwards; }
        .help-1 .help-option h3 { font-size: 0.95rem; font-weight: 600; margin-bottom: 0.25rem; }
        .help-1 .help-option p { font-size: 0.8rem; color: var(--color-text-muted); line-height: 1.5; }



        @media (max-width: 768px) {
            
            .help-1 .consultation-card { grid-template-columns: 1fr; }
            .help-1 .consultation-image { order: -1; }
            .help-1 .consultation-image img { aspect-ratio: 16/9; }
            .help-1 .consultation-content { text-align: center; padding: var(--spacing-md); }
            .help-1 .consultation-features { display: inline-block; text-align: left; }
            .help-1 .help-options { grid-template-columns: 1fr; text-align: center; }
        }

/* ===== BENEFITS ===== */
.section-header { margin-bottom: var(--spacing-xl); }
        .section-header.centered { text-align: center; }
        .section-header h2 { font-family: var(--font-display); font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 400; margin-bottom: var(--spacing-xs); }
        .section-header h2 em { font-style: italic; }
        .section-header p { color: var(--color-text-muted); max-width: 500px; }
        .section-header.centered p { margin: 0 auto; }

        .benefits-1 { background: var(--color-white); }
        .benefits-1 .benefits-grid {
            max-width: 1200px; margin: 0 auto;
            display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--spacing-lg);
        }
        .benefits-1 .benefit-card { text-align: center; }
        .benefits-1 .benefit-icon {
            width: 64px; height: 64px; margin: 0 auto var(--spacing-md);
            background: var(--color-bg); border-radius: var(--radius-md);
            display: flex; align-items: center; justify-content: center;
        }
        .benefits-1 .benefit-icon svg, .benefits-1 .benefit-icon img { width: 36px; height: 36px; stroke: var(--color-text); transition: transform 0.4s ease; }
        .benefits-1 .benefit-icon img { object-fit: contain; filter: contrast(1.8) brightness(0.3); }
        .benefits-1 .benefit-card:hover .benefit-icon svg, .benefits-1 .benefit-card:hover .benefit-icon img { transform: rotate(15deg); }
        @keyframes wiggle { 0% { transform: rotate(15deg) scale(1.25); } 50% { transform: rotate(-5deg) scale(1.2); } 100% { transform: rotate(0deg) scale(1.15); } }
        .benefits-1 .benefit-card:hover .benefit-icon svg, .benefits-1 .benefit-card:hover .benefit-icon img { animation: wiggle 0.5s ease forwards; }
        .benefits-1 .benefit-card h3 { font-size: 1rem; font-weight: 600; margin-bottom: var(--spacing-xs); }
        .benefits-1 .benefit-card p { font-size: 0.875rem; color: var(--color-text-muted); line-height: 1.6; }


        @media (max-width: 1024px) {
            .benefits-1 .benefits-grid { grid-template-columns: repeat(2, 1fr); }
        }
        @media (max-width: 768px) {

            .benefits-1 .benefits-grid { grid-template-columns: 1fr; }
        }

/* ===== PROOF ===== */
.section-header { text-align: center; margin-bottom: var(--spacing-xl); }
        .section-header h2 { font-family: var(--font-display); font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 400; margin-bottom: var(--spacing-xs); }
        .section-header h2 em { font-style: italic; }
        .section-header p { color: var(--color-text-muted); }
        .stars { color: var(--color-gold); letter-spacing: 2px; }


        .proof-8 { background: var(--color-bg-dark); color: var(--color-text-light); }
        .proof-8 .reviews-simple { max-width: 1000px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--spacing-xl); }
        .proof-8 .review-simple { text-align: center; }
        .proof-8 .review-text { font-size: 0.95rem; line-height: 1.7; opacity: 0.9; margin-bottom: var(--spacing-md); }
        .proof-8 .review-author { font-size: 0.85rem; opacity: 0.6; }

        @media (max-width: 1024px) {
            .proof-8 .reviews-simple { grid-template-columns: repeat(2, 1fr); }
        }
        @media (max-width: 768px) {

            .proof-8 .reviews-simple { grid-template-columns: 1fr; }
        }

/* ===== FINANCE ===== */

        .fin-3 { background: #1E293B; padding: var(--spacing-lg) var(--spacing-lg); }
        .fin-3 .finance-strip {
            max-width: 1100px; margin: 0 auto;
            display: flex; justify-content: space-between; align-items: center; gap: var(--spacing-lg);
        }
        .fin-3 .finance-strip-left { display: flex; align-items: center; gap: var(--spacing-md); }
        .fin-3 .finance-icon {
            width: 52px; height: 52px; flex-shrink: 0; border-radius: 50%;
            background: rgba(255,255,255,0.15); display: flex; align-items: center; justify-content: center;
        }
        .fin-3 .finance-icon svg { width: 24px; height: 24px; stroke: white; }
        .fin-3 h3 { font-family: var(--font-display); font-size: 1.35rem; font-weight: 400; color: white; }
        .fin-3 h3 em { font-style: italic; }
        .fin-3 p { font-size: 0.9rem; color: rgba(255,255,255,0.75); margin-top: 0.2rem; }
        .fin-3 .btn-white { font-weight: 600; }

        @media (max-width: 768px) {
            .fin-3 .finance-strip { flex-direction: column; text-align: center; }
            .fin-3 .finance-strip-left { flex-direction: column; }
        }

/* ===== SOCIALMEDIA ===== */
.social-1 { padding: var(--spacing-xl) 0 0; overflow: hidden; }
        .social-1 .social-header { text-align: center; margin-bottom: var(--spacing-xl); padding: 0 var(--spacing-lg); }
        .social-1 .social-header h2 { font-family: var(--font-display); font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 400; margin-bottom: var(--spacing-xs); }
        .social-1 .social-header h2 em { font-style: italic; }
        .social-1 .social-header p { color: var(--color-text-muted); font-size: 0.95rem; }
        .social-1 .social-header a { color: var(--color-text); font-weight: 600; text-decoration: none; }
        .social-1 .social-header a:hover { text-decoration: underline; }
        .social-1 .social-grid {
            display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px;
        }
        .social-1 .social-item {
            aspect-ratio: 1; position: relative; overflow: hidden; cursor: pointer;
            background: var(--color-bg-warm);
        }
        .social-1 .social-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
        .social-1 .social-item:hover img { transform: scale(1.05); }
        .social-1 .social-item .social-overlay {
            position: absolute; inset: 0; background: rgba(26,26,26,0.4);
            display: flex; align-items: center; justify-content: center;
            opacity: 0; transition: opacity 0.3s ease;
        }
        .social-1 .social-item:hover .social-overlay { opacity: 1; }
        .social-1 .social-overlay svg { width: 28px; height: 28px; fill: white; }


        @media (max-width: 1024px) {
            .social-1 .social-grid { grid-template-columns: repeat(3, 1fr); }
        }
        @media (max-width: 768px) {
            
            .social-1 { padding-top: var(--spacing-lg); }
            .social-1 .social-grid { grid-template-columns: repeat(2, 1fr); }
        }


        /* Overrides — must come after extracted CSS */
        .hero-1 { min-height: calc(100vh - 180px); }
        .hero-1 .hero-slide::after {
            background: linear-gradient(to right, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.15) 40%, transparent 70%);
        }
        .help-1 { background: rgb(201, 209, 200); }
        .help-1 .consultation-card { border: none; }
        .section-header-row { text-align: left; }
        .section-header-row h2 { padding-left: 0.75rem; }
        @media (max-width: 768px) {
            .section-header-row { text-align: center; flex-direction: column; align-items: center; }
            .section-header-row h2 { padding-left: 0; }
            .section-header p { margin: 0 auto; }
        }