/* ================================================================
   BINGHATTI CLONE — COMPLETE STYLESHEET
   Matching https://www.binghatti.com design language
   Font   : Barlow (Google Fonts) — with AktivGrotesk/system fallback
   Palette: #000 bg  /  #fff text  /  #fe612b gold accent
            rgba(255,255,255,0.5) muted  /  rgba(0,0,0,0.85) dark overlay
   ================================================================ */

/* ──────────────────────────────────────────────────
   1. RESET & BASE
─────────────────────────────────────────────────── */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* HTML hidden attribute must always win — prevent display:flex/block overrides */
[hidden] { display: none !important; }

html {
    scroll-behavior: smooth;
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /* Firefox custom scrollbar */
    scrollbar-width: thin;
    scrollbar-color: #fe612b rgba(0, 0, 0, 0.08);
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
}

/* Mobile typography boost — bump root font-size so all rem-based text scales up slightly */
@media (max-width: 767px) {
    html { font-size: 17.5px; }
}

/* ===== Custom scrollbar (WebKit / Chromium / Edge / Safari) ===== */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.06);
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #fe612b 0%, #e04e1c 100%);
    border-radius: 10px;
    border: 2px solid transparent;
    background-clip: padding-box;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    transition: background .3s;
}
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #ff7645 0%, #fe612b 100%);
    background-clip: padding-box;
}
::-webkit-scrollbar-thumb:active {
    background: #e04e1c;
    background-clip: padding-box;
}
::-webkit-scrollbar-corner {
    background: transparent;
}
/* Thinner scrollbars for inner scrollable containers */
.pd-tabs-nav::-webkit-scrollbar,
.full-menu::-webkit-scrollbar,
textarea::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

body {
    font-family: 'Barlow', 'AktivGrotesk', system-ui, 'Segoe UI', Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
    color: #000000;
    background-color: #ffffff;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    color: inherit;
    text-decoration: none;
    transition: opacity 0.25s ease;
}
a:hover { opacity: 0.75; }

img {
    max-width: 100%;
    height: auto;
    display: block;
}

ul, ol { list-style: none; }

button {
    font-family: inherit;
    cursor: pointer;
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    line-height: 1;
}

input, select, textarea {
    font-family: inherit;
    color: inherit;
    background: transparent;
    border: none;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
}

/* Prevent body scroll when overlays are open */
body.menu-open,
body.search-open,
body.popup-open {
    overflow: hidden;
}

/* ──────────────────────────────────────────────────
   2. TYPOGRAPHY
─────────────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    letter-spacing: 0.08em;
    line-height: 1.2;
}

b, strong { font-weight: 700; }

p { margin: 0; }

/* ──────────────────────────────────────────────────
   3. LAYOUT CONTAINER
─────────────────────────────────────────────────── */
.container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 64px;
}

/* ──────────────────────────────────────────────────
   4. HEADER
   Fixed 80px, transparent → scrolled (dark + blur)
─────────────────────────────────────────────────── */
.main-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.05); /* Very subtle tint to prevent blending */
    height: 80px;
    display: flex;
    align-items: center;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
    transition: background 0.45s ease,
                backdrop-filter 0.45s ease,
                -webkit-backdrop-filter 0.45s ease,
                box-shadow 0.45s ease,
                transform 0.45s ease-in-out;
}

.main-header.header-hidden {
    transform: translateY(-100%);
}

.header-inner {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px;
}

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

.header-logo {
    display: inline-flex;
    align-items: center;
    transition: opacity 0.3s;
}
.header-logo img {
    max-height: 44px;
    width: auto;
    display: block;
    transition: filter 0.4s, opacity 0.3s;
}
.header-logo:hover { opacity: 0.75; }

/* Ensure white logo when menu is open regardless of scroll */
.menu-open .header-logo img {
    filter: none !important;
}

/* Right controls */
.header-right {
    display: flex;
    align-items: center;
    gap: 24px;
}

/* Search toggle button */
.search-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: #ffffff;
    cursor: pointer;
    transition: opacity 0.25s, color 0.4s;
    z-index: 2100;
}
.search-toggle:hover { opacity: 0.6; }
.search-toggle svg { 
    pointer-events: none;
    width: 28px;
    height: 28px;
}

.menu-open .search-toggle { color: #ffffff; }

/* 360 tour toggle (mobile navbar) */
.header-360-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    cursor: pointer;
    transition: opacity 0.25s;
    z-index: 2100;
    background: none;
    border: none;
    padding: 0;
}
.header-360-toggle:hover { opacity: 0.6; }
.header-360-toggle svg { pointer-events: none; width: 24px; height: 24px; }
@media (max-width: 991px) {
    .header-360-toggle { display: flex; }
}

/* White divider before hamburger */
.header-divider {
    display: none;
    width: 1px;
    height: 20px;
    background: rgba(255,255,255,0.35);
    flex-shrink: 0;
}
@media (max-width: 991px) {
    .header-divider { display: block; }
}
.is-scrolled .header-divider { background: rgba(0,0,0,0.15); }

/* ── Language switcher Dropdown ───────────────────────────────────── */
.lang-switcher.dropdown {
    position: relative;
    margin-right: 8px;
}

.lang-dropdown-toggle {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #ffffff;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 2px;
    transition: color 0.2s, border-color 0.2s, background 0.2s;
    cursor: pointer;
}

.lang-dropdown-toggle:hover {
    background: rgba(255,255,255,0.1);
}

.lang-chevron {
    transition: transform 0.3s ease;
    margin-left: 2px;
}

.lang-switcher.dropdown.open .lang-chevron {
    transform: rotate(180deg);
}

.lang-dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 8px;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    min-width: 120px;
    list-style: none;
    padding: 8px 0;
    margin-bottom: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    z-index: 2200;
}

.lang-switcher.dropdown.open .lang-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.lang-dropdown-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #000000;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
}

.lang-dropdown-item:hover,
.lang-dropdown-item.active {
    background: #f5f5f5;
    color: #fe612b;
}

.menu-open .lang-dropdown-toggle {
    color: rgba(255,255,255,0.9);
    border-color: rgba(255,255,255,0.4);
}

/* Hamburger — 2 lines */
.menu-toggle {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    width: 42px;
    height: 42px;
    gap: 7px;
    color: #ffffff;
    cursor: pointer;
    transition: opacity 0.25s;
    padding: 0;
    background: none;
    border: none;
    z-index: 2100;
}
.menu-toggle:hover { opacity: 0.6; }

.menu-line {
    display: block;
    height: 2.5px;
    background: #ffffff;
    border-radius: 0;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
                opacity 0.3s ease,
                width 0.4s ease,
                background 0.4s;
    pointer-events: none;
}
/* First line: full width, second line: shorter (binghatti style) */
.menu-line:nth-child(1) { width: 38px; }
.menu-line:nth-child(2) { width: 28px; }

/* Active (open) state — always white + X shape */
.menu-open .menu-line { background: #ffffff; }

.menu-toggle.active .menu-line:nth-child(1) {
    transform: translateY(4px) rotate(45deg);
    width: 28px;
}
.menu-toggle.active .menu-line:nth-child(2) {
    transform: translateY(-4px) rotate(-45deg);
    width: 28px;
}

/* ──────────────────────────────────────────────────
   5. FLOATING CONTACT SIDEBAR
   Fixed right, vertical stack, 3 × 48px buttons
─────────────────────────────────────────────────── */
.contact-list {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    display: flex;
    flex-direction: column-reverse;
    gap: 0;
}

.contact-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: rgba(0, 0, 0, 0.65);
    color: #ffffff;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.3s ease, color 0.3s ease;
    border-left: 1px solid rgba(255, 255, 255, 0.07);
}
.contact-btn:hover {
    background: rgba(201, 169, 110, 0.22);
    color: #fe612b;
    opacity: 1;
}
.contact-btn svg {
    pointer-events: none;
    flex-shrink: 0;
}

/* ──────────────────────────────────────────────────
   6. SEARCH OVERLAY
   Fullscreen dark overlay, centered input
─────────────────────────────────────────────────── */
.search-overlay {
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, 0.98);
    z-index: 1500;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease, visibility 0.35s ease;
}
.search-overlay.open {
    opacity: 1;
    visibility: visible;
}

.search-overlay-inner {
    position: relative;
    width: 100%;
    max-width: 720px;
    padding: 0 40px;
}

.search-label {
    font-size: 0.65rem;
    letter-spacing: 0.3em;
    color: rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    margin-bottom: 24px;
}

.search-form {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    padding-bottom: 14px;
}

.search-form input[name="q"] {
    flex: 1;
    background: transparent;
    border: none;
    color: #000000;
    font-size: clamp(1.1rem, 2.8vw, 1.8rem);
    font-weight: 300;
    letter-spacing: 0.08em;
    padding: 8px 0;
    outline: none;
}
.search-form input[name="q"]::placeholder {
    color: rgba(0, 0, 0, 0.25);
}

.search-submit-btn {
    background: transparent;
    border: none;
    color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 8px;
    transition: color 0.25s;
}
.search-submit-btn:hover { color: #000000; }
.search-submit-btn svg { pointer-events: none; }

.search-close {
    position: absolute;
    top: -64px;
    right: 40px;
    color: rgba(0, 0, 0, 0.4);
    transition: color 0.25s;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-close:hover { color: #000000; }

/* ──────────────────────────────────────────────────
   7. SIDE-DRAWER MENU
   Slides in from the right, backed by a dark scrim
─────────────────────────────────────────────────── */

/* Scrim behind the panel */
.menu-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1500;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    cursor: pointer;
}
.menu-backdrop.open {
    opacity: 1;
    visibility: visible;
}

/* Drawer panel */
.full-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: auto;
    width: 100%;
    max-width: 50vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    z-index: 2000;
    transform: translateX(-100%);
    transition: transform 0.6s cubic-bezier(0.33, 1, 0.68, 1);
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    padding: 0;
    box-shadow: 20px 0 50px rgba(0,0,0,0.15);
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.1) transparent;
}

/* Elegant scrollbar styling for webkit */
.full-menu::-webkit-scrollbar {
    width: 3px;
}
.full-menu::-webkit-scrollbar-track {
    background: transparent;
}
.full-menu::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}
.full-menu::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.2);
}

@media (max-width: 1023px) {
    .full-menu { max-width: 100vw; }
}

.full-menu.open {
    transform: translateX(0);
}

/* Content panel */
.full-menu-right {
    position: absolute;
    top: 84px; /* header height (60px) + top offset (24px) */
    bottom: 80px; /* footer height (40px + 20px bottom offset + 20px extra for spacing) */
    left: 0;
    right: 0;
    width: 100%;
    background: transparent;
    color: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 1023px) {
    .full-menu-right { padding: 40px 40px 40px; }
}

/* Menu top row: logo + close */
.full-menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    flex-shrink: 0;
    margin-bottom: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1201;
    background: transparent;
    padding: 0 80px;
    width: 100%;
    box-sizing: border-box;
}

.full-menu-logo img {
    max-height: 26px;
    width: auto;
    display: block;
    filter: none;
}
.full-menu-logo:hover { opacity: 0.7; }

.full-menu-close {
    display: none;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 40px 0px 40px;
    transition: transform 0.3s, opacity 0.3s;
}
.full-menu-close:hover {
    transform: rotate(90deg);
    opacity: 0.7;
}

/* Large nav links */
.full-menu-nav {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 0;
    margin-bottom: 0;
    gap: 5px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 60px - 80px - 48px); /* header + footer + 2x24px offset */
    padding-right: 32px;
}

/* Custom scrollbar for nav links */
.full-menu-nav::-webkit-scrollbar {
    width: 6px;
}
.full-menu-nav::-webkit-scrollbar-track {
    background: transparent;
}
.full-menu-nav::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}
.full-menu-nav::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
}

.full-menu-link {
    display: inline-block;
    font-size: clamp(14px, 2.5vh, 26px); /* Use vh (viewport height) to prevent vertical overflow */
    font-weight: 300;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.55);
    padding: 1.5vh 16px 1.5vh 0; /* Add right padding for hover slide */
    border-bottom: none;
    transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
    line-height: 1.1;
    align-self: flex-end;
    text-align: right;
    margin-right: 0;
}

@media (min-width: 1400px) {
  .full-menu-nav {
    margin-right: 64px;
  }
  .full-menu-link {
    margin-right: 0;
  }
}
.full-menu-link:hover {
    color: #ffffff;
    letter-spacing: 0.12em;
    transform: translateX(8px);
    opacity: 1;
}

/* Menu footer: phone + social */
.full-menu-footer {
    position: fixed;
    bottom: 40px;
    width: 100%;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 80px;
    border-top: none;
    margin-top: auto;
    flex-shrink: 0;
    gap: 20px;
}

.full-menu-phone {
    font-size: 0.85rem;
    font-weight: 300;
    letter-spacing: 0.22em;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    transition: color 0.3s;
}
.full-menu-phone:hover { color: #ffffff; }

.full-menu-social {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: center;
}

.full-menu-social-link {
    color: rgba(255, 255, 255, 0.4);
    font-size: 1.1rem;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
}
.full-menu-social-link:hover { color: #ffffff; transform: translateY(-2px); }

.full-menu-social-text {
    display: none;
}

/* ──────────────────────────────────────────────────────────
   MOBILE NAVIGATION OVERHAUL  (≤ 1023px)
   - fill entire viewport (no scroll)
   - larger, staggered menu links with entrance animation
   - tidy header (logo + close) and footer (phone + social)
   ────────────────────────────────────────────────────────── */
@media (max-width: 1023px) {
    /* Lock body scroll while menu is open — eliminates any rubber-band scroll */
    body.menu-open { overflow: hidden; }

    /* Fill the screen, prevent inner scroll */
    .full-menu {
        width: 100vw;
        max-width: 100vw;
        height: 100vh;
        height: 100dvh; /* mobile-safe viewport */
        overflow: hidden;
        background: rgba(0, 0, 0, 0.4);
        backdrop-filter: blur(25px);
        -webkit-backdrop-filter: blur(25px);
        padding: 0;
        box-shadow: none;
    }

    /* Header: logo left, close right, even padding */
    .full-menu-header {
        position: absolute;
        top: 0; left: 0; right: 0;
        height: 72px;
        padding: 0 24px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        opacity: 0;
        transform: translateY(-12px);
        transition: opacity .6s ease .2s, transform .6s cubic-bezier(.33,1,.68,1) .2s;
    }
    .full-menu.open .full-menu-header {
        opacity: 1;
        transform: translateY(0);
    }
    .full-menu-logo {
        display: flex;
        align-items: center;
    }
    .full-menu-logo img {
        max-height: 30px;
        width: auto;
        display: block;
    }

    /* Close button — always visible on mobile, tidy alignment */
    .full-menu-close {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        padding: 0;
        margin: 0;
        color: #fff;
        background: rgba(255,255,255,0.06);
        border: 1px solid rgba(255,255,255,0.12);
        border-radius: 50%;
        transition: transform .4s ease, background .3s ease, border-color .3s ease;
    }
    .full-menu-close:hover,
    .full-menu-close:focus {
        transform: rotate(90deg);
        background: rgba(254,97,43,0.18);
        border-color: rgba(254,97,43,0.55);
        opacity: 1;
    }
    .full-menu-close svg { width: 22px; height: 22px; }

    /* Content panel fills area between header and footer, centered */
    .full-menu-right {
        position: absolute;
        top: 72px;
        bottom: 120px;
        left: 0;
        right: 0;
        padding: 0 28px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        overflow: hidden;
    }

    /* Navigation links — bigger, left-aligned, staggered animation */
    .full-menu-nav {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        margin: 0;
        padding: 0;
        overflow: hidden;          /* no scroll inside nav */
        max-height: none;
    }
    .full-menu-link {
        align-self: flex-start;
        text-align: left;
        font-size: clamp(22px, 6.2vw, 34px);
        line-height: 1.15;
        font-weight: 300;
        letter-spacing: 0.08em;
        color: rgba(255,255,255,0.78);
        padding: 10px 0;
        margin: 0;
        position: relative;
        opacity: 0;
        transform: translateY(22px);
        transition: color .3s ease, transform .35s ease, letter-spacing .3s ease;
    }
    /* Underline reveal on active/hover */
    .full-menu-link::after {
        content: "";
        position: absolute;
        left: 0; bottom: 6px;
        height: 1px;
        width: 0;
        background: #fe612b;
        transition: width .4s cubic-bezier(.33,1,.68,1);
    }
    .full-menu-link:hover,
    .full-menu-link:focus {
        color: #fff;
        transform: translateX(6px);
        letter-spacing: 0.1em;
    }
    .full-menu-link:hover::after,
    .full-menu-link:focus::after { width: 42px; }

    /* Stagger in when menu opens */
    .full-menu.open .full-menu-link {
        animation: fmLinkIn .6s cubic-bezier(.33,1,.68,1) forwards;
    }
    .full-menu.open .full-menu-link:nth-child(1) { animation-delay: .28s; }
    .full-menu.open .full-menu-link:nth-child(2) { animation-delay: .36s; }
    .full-menu.open .full-menu-link:nth-child(3) { animation-delay: .44s; }
    .full-menu.open .full-menu-link:nth-child(4) { animation-delay: .52s; }
    .full-menu.open .full-menu-link:nth-child(5) { animation-delay: .60s; }
    .full-menu.open .full-menu-link:nth-child(6) { animation-delay: .68s; }
    .full-menu.open .full-menu-link:nth-child(7) { animation-delay: .76s; }
    .full-menu.open .full-menu-link:nth-child(8) { animation-delay: .84s; }
    .full-menu.open .full-menu-link:nth-child(n+9) { animation-delay: .92s; }

    @keyframes fmLinkIn {
        0%   { opacity: 0; transform: translateY(22px); }
        100% { opacity: 1; transform: translateY(0); }
    }

    /* Footer: phone (top) + social icons (bottom), centered nicely */
    .full-menu-footer {
        position: absolute;
        left: 0; right: 0;
        bottom: 0;
        width: 100%;
        height: auto;
        padding: 0 28px 32px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        gap: 14px;
        opacity: 0;
        transform: translateY(16px);
        transition: opacity .6s ease .65s, transform .6s cubic-bezier(.33,1,.68,1) .65s;
    }
    .full-menu.open .full-menu-footer {
        opacity: 1;
        transform: translateY(0);
    }
    .full-menu-phone {
        font-size: 0.92rem;
        letter-spacing: 0.26em;
        color: rgba(255,255,255,0.75);
    }
    .full-menu-social {
        display: flex;
        gap: 22px;
        justify-content: center;
        align-items: center;
    }
    .full-menu-social-link {
        width: 40px;
        height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: rgba(255,255,255,0.7);
        background: rgba(255,255,255,0.06);
        border: 1px solid rgba(255,255,255,0.1);
        font-size: 1.05rem;
        transition: transform .3s ease, color .3s ease, background .3s ease, border-color .3s ease;
    }
    .full-menu-social-link:hover,
    .full-menu-social-link:focus {
        color: #fff;
        background: rgba(254,97,43,0.18);
        border-color: rgba(254,97,43,0.55);
        transform: translateY(-3px);
    }

    /* Backdrop not needed when the drawer is full-screen */
    .menu-backdrop { display: none; }
}

/* Extra-small phones: keep links single-line */
@media (max-width: 380px) {
    .full-menu-link { font-size: 22px; padding: 8px 0; }
    .full-menu-header { padding: 0 18px; }
    .full-menu-right { padding: 0 22px; }
    .full-menu-footer { padding: 0 22px 22px; }
}

/* ──────────────────────────────────────────────────
   8. HERO SECTION
   100vh, video cover, NO text, animated scroll line
─────────────────────────────────────────────────── */
.hero-section {
    position: relative;
    height: 100vh;
    min-height: 600px;
    overflow: hidden;
    background: #000000;
}

.hero-video-wrap {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.hero-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Scroll indicator — vertical animated line, centered bottom */
.hero-scroll {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
    pointer-events: none;
}

.scroll-line {
    display: block;
    width: 1px;
    height: 64px;
    background: rgba(255, 255, 255, 0.5);
    transform-origin: top center;
    animation: scrollPulse 2.2s ease-in-out infinite;
}

@keyframes scrollPulse {
    0%   { opacity: 0; transform: scaleY(0) translateY(0); }
    30%  { opacity: 1; }
    60%  { opacity: 0.8; transform: scaleY(1) translateY(0); }
    90%  { opacity: 0;   transform: scaleY(0.6) translateY(18px); }
    100% { opacity: 0;   transform: scaleY(0) translateY(24px); }
}

/* ──────────────────────────────────────────────────
   9. LUXURY PROPERTIES SECTION
   100vh owl carousel, each slide = full height
   bg-image zoom on hover, bottom-aligned content
─────────────────────────────────────────────────── */
.luxury-properties {
    position: relative;
    height: 100vh;
    min-height: 600px;
    overflow: hidden;
    background: #111;
}

/* Force Owl to fill the wrapper */
.luxury-properties .owl-carousel,
.luxury-properties .owl-stage-outer,
.luxury-properties .owl-stage,
.luxury-properties .owl-item {
    height: 100%;
}

.luxury-carousel.owl-carousel { height: 100%; }

/* Each slide */
.luxury-slide {
    position: relative;
    height: 100vh;
    min-height: 600px;
    overflow: hidden;
    display: flex !important;
    align-items: flex-end;
    padding-bottom: 90px;
}

/* Dark gradient from bottom */
.luxury-slide::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.78) 0%,
        rgba(0, 0, 0, 0.20) 45%,
        rgba(0, 0, 0, 0.05) 100%
    );
    z-index: 1;
    pointer-events: none;
}

/* Background image with zoom-on-hover */
.luxury-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 7s ease;
    will-change: transform;
}
.luxury-slide:hover .luxury-bg {
    transform: scale(1.05);
}

/* Bottom-aligned text content */
.luxury-content {
    position: relative;
    z-index: 2;
    padding: 0 64px;
    width: 100%;
    max-width: 720px;
}

.luxury-content h2 {
    font-size: clamp(1.6rem, 3.2vw, 2.8rem);
    font-weight: 300;
    letter-spacing: 0.1em;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 12px;
    line-height: 1.25;
}
.luxury-content h2 b { font-weight: 700; }

.luxury-sub {
    font-size: 0.8rem;
    letter-spacing: 0.18em;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    margin-bottom: 32px;
}

/* Paired arrow buttons — absolute bottom-right */
.lux-arrows {
    position: absolute;
    bottom: 44px;
    right: 44px;
    z-index: 10;
    display: flex;
    gap: 0;
}

.lux-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    color: #ffffff;
    cursor: pointer;
    transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    background: transparent;
    flex-shrink: 0;
}
.lux-arrow + .lux-arrow { border-left: none; }
.lux-arrow:hover {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.65);
    opacity: 1;
}
.lux-arrow svg { pointer-events: none; }

/* ──────────────────────────────────────────────────
   10. SHARED CUSTOM BUTTON
─────────────────────────────────────────────────── */
.custom-btn {
    display: inline-block;
    padding: 14px 36px;
    border: 1px solid rgba(255, 255, 255, 0.7);
    color: #ffffff;
    font-size: 0.62rem;
    font-weight: 500;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    cursor: pointer;
    background: transparent;
    white-space: nowrap;
}
@media (max-width: 768px) {
    .custom-btn {
        padding: 12px 20px;
        font-size: 0.55rem;
        letter-spacing: 0.15em;
        white-space: normal;
        text-align: center;
    }
}
.custom-btn:hover {
    background: #ffffff;
    color: #000000;
    border-color: #ffffff;
    opacity: 1;
}

/* ──────────────────────────────────────────────────
   11. BRANDED COLLECTION FEATURE SECTION
   min-height 100vh, video bg, dark overlay, 3 cards
─────────────────────────────────────────────────── */
.branded-feature-section {
    position: relative;
    min-height: 100vh;
    background: #ffffff;
    overflow: hidden;
    padding: 120px 0 100px;
}

/* Video background */
.branded-feature-video-wrap {
    position: absolute;
    inset: 0;
    z-index: 0;
}
.branded-feature-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.3;
}
.branded-feature-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.75);
}

/* Content wrapper */
.branded-feature-inner {
    position: relative;
    z-index: 2;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 64px;
}

/* Section header */
.branded-feature-header {
    text-align: center;
    margin-bottom: 72px;
}

.branded-feature-title {
    font-size: clamp(1.7rem, 3.6vw, 3.2rem);
    font-weight: 300;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #111111;
    line-height: 1.3;
}
.branded-feature-title b { font-weight: 700; }

.branded-feature-desc {
    color: rgba(255, 255, 255, 0.48);
    font-size: 0.9rem;
    letter-spacing: 0.07em;
    margin-top: 20px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* 3-column property cards */
.branded-feature-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 64px;
}

.branded-card {
    position: relative;
    overflow: hidden;
    background: #111111;
    transition: transform 0.4s ease;
}
.branded-card:hover { transform: translateY(-6px); }

.branded-card-img-wrap {
    position: relative;
    overflow: hidden;
    aspect-ratio: 3 / 4;
}
.branded-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 6s ease;
}
.branded-card:hover .branded-card-img { transform: scale(1.06); }

.branded-card-body {
    padding: 22px 26px 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.branded-card-category {
    display: block;
    font-size: 0.62rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #fe612b;
    margin-bottom: 8px;
}

.branded-card-name {
    font-size: 0.85rem;
    font-weight: 300;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 6px;
    line-height: 1.4;
}
.branded-card-name b { font-weight: 700; }

.branded-card-sub {
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.4);
    letter-spacing: 0.08em;
    margin-bottom: 16px;
}

.branded-card-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.68rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #fe612b;
    transition: gap 0.3s ease, opacity 0.25s;
}
.branded-card-link:hover { gap: 14px; opacity: 1; }
.branded-card-link svg { flex-shrink: 0; }

/* Bottom CTA */
.branded-feature-cta { text-align: center; }

/* ──────────────────────────────────────────────────
   12. AWARDS SECTION
   Video bg, dark overlay, centered title, auto-fit grid
   Award items fade in on scroll (.is-visible class)
─────────────────────────────────────────────────── */
.awards-section {
    position: relative;
    background: #050505;
    overflow: hidden;
    padding: 120px 0 100px;
    min-height: 540px;
}

/* Video background */
.awards-video-wrap {
    position: absolute;
    inset: 0;
    z-index: 0;
}
.awards-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.22;
}
.awards-overlay {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.9);
}

/* Content */
.awards-inner {
    position: relative;
    z-index: 2;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 64px;
}

.awards-header {
    text-align: center;
    margin-bottom: 72px;
}

.awards-title {
    font-size: clamp(1.7rem, 3.6vw, 3.2rem);
    font-weight: 300;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #111111;
    line-height: 1.3;
}
.awards-title b { font-weight: 700; }

.awards-desc {
    color: rgba(255, 255, 255, 0.45);
    font-size: 0.9rem;
    letter-spacing: 0.07em;
    margin-top: 20px;
}

/* Auto-fit grid */
.awards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 28px 20px;
    align-items: stretch;
}

/* Award item with border box */
.award-item {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 24px 16px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    min-height: 110px;
    transition: border-color 0.35s ease;
}
.award-item:hover { border-color: rgba(201, 169, 110, 0.35); }

/* Fade-in animation on scroll */
.award-fade-in {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity 0.65s ease, transform 0.65s ease;
}
.award-fade-in.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Stagger delay via nth-child */
.award-fade-in:nth-child(2) { transition-delay: 0.07s; }
.award-fade-in:nth-child(3) { transition-delay: 0.14s; }
.award-fade-in:nth-child(4) { transition-delay: 0.21s; }
.award-fade-in:nth-child(5) { transition-delay: 0.28s; }
.award-fade-in:nth-child(6) { transition-delay: 0.35s; }
.award-fade-in:nth-child(7) { transition-delay: 0.42s; }
.award-fade-in:nth-child(8) { transition-delay: 0.49s; }

/* Logo award */
.award-logo {
    max-width: 140px;
    max-height: 70px;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: none;
    opacity: 0.65;
    transition: opacity 0.3s;
    margin: 0 auto;
    display: block;
}
.award-item:hover .award-logo { opacity: 1; }

/* Text-only award fallback */
.award-text-fallback {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
}
.award-year {
    font-size: 1.3rem;
    font-weight: 700;
    color: #fe612b;
    letter-spacing: 0.06em;
    line-height: 1;
}
.award-title-text {
    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: #111111;
    line-height: 1.45;
}
.award-issuer {
    font-size: 0.62rem;
    letter-spacing: 0.09em;
    color: rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
}

/* ──────────────────────────────────────────────────
   13. PROJECTS SHOWCASE
   100vh split layout:
     Left  55% — bg image panel, absolute, images fade
     Right 45% — dark panel, list carousel, counter
─────────────────────────────────────────────────── */
.projects-showcase {
    position: relative;
    min-height: 100vh;
    background: #ffffff;
    overflow: hidden;
}

/* Left: background image panel */
.showcase-bg-panel {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 55%;
    overflow: hidden;
    z-index: 0;
}

/* Each bg slide: opacity transition */
.showcase-bg-slide {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.9s ease;
    z-index: 1;
}
.showcase-bg-slide.is-active {
    opacity: 1;
    z-index: 2;
}

/* Gradient fade to right (into the dark list panel) */
.showcase-bg-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to right,
        transparent 30%,
        rgba(0, 0, 0, 0.6) 65%,
        rgba(0, 0, 0, 0.97) 100%
    );
    z-index: 3;
    pointer-events: none;
}

/* Right: list panel */
.showcase-list-panel {
    position: relative;
    z-index: 4;
    margin-left: 55%;
    width: 45%;
    min-height: 100vh;
    background: #f8f8f8;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 100px 60px 80px 52px;
    overflow-y: auto;
}

/* Panel title */
.showcase-list-header { margin-bottom: 52px; }

.showcase-list-title {
    font-size: clamp(1.9rem, 3.2vw, 3.2rem);
    font-weight: 300;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #000000;
    line-height: 1.2;
}
.showcase-list-title b { font-weight: 700; }

/* Owl inside list panel */
.showcase-carousel.owl-carousel { margin-bottom: 44px; }
.showcase-carousel .owl-stage-outer { overflow: visible; }

/* Individual project card */
.showcase-project-item {
    padding: 32px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.showcase-project-category {
    display: block;
    font-size: 0.62rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #fe612b;
    margin-bottom: 10px;
}

.showcase-project-name {
    font-size: clamp(1.15rem, 2.2vw, 1.8rem);
    font-weight: 300;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #000000;
    line-height: 1.3;
    margin-bottom: 14px;
}

.showcase-project-meta {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 22px;
    flex-wrap: wrap;
}

.showcase-project-location,
.showcase-project-price {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.45);
}
.showcase-project-location svg { flex-shrink: 0; }

.showcase-project-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.68rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #ffffff;
    transition: gap 0.3s ease, color 0.25s ease;
}
.showcase-project-link:hover { gap: 14px; color: #fe612b; opacity: 1; }
.showcase-project-link svg { flex-shrink: 0; }

/* Counter + arrow controls row */
.showcase-controls {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 44px;
}

.showcase-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    color: #ffffff;
    cursor: pointer;
    background: transparent;
    transition: background 0.3s ease, border-color 0.3s ease;
    flex-shrink: 0;
}
.showcase-arrow:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.55);
    opacity: 1;
}
.showcase-arrow.is-disabled {
    opacity: 0.25;
    pointer-events: none;
}
.showcase-arrow svg { pointer-events: none; }

/* Counter display */
.showcase-counter {
    display: flex;
    align-items: baseline;
    gap: 6px;
    font-size: 0.78rem;
    letter-spacing: 0.12em;
    color: rgba(255, 255, 255, 0.45);
    min-width: 64px;
}
.showcase-current {
    font-size: 1.5rem;
    font-weight: 300;
    color: #ffffff;
    line-height: 1;
}
.showcase-sep { color: rgba(255, 255, 255, 0.25); }

.showcase-view-all { margin-top: 4px; }

/* ──────────────────────────────────────────────────
   14. FOOTER
─────────────────────────────────────────────────── */
.main-footer {
    background: #ffffff;
    color: #000000;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* ===============================
   FOOTER TOP — Connect with the brand (redesigned)
   =============================== */
.footer-top {
    position: relative;
    padding: 140px 0 160px;
    background-color: #0d0d0d;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    isolation: isolate;
}
/* Smooth bottom fade + decorative ornament transitioning into footer-form */
.footer-top .footer-divider {
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 3;
    background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.35) 55%, rgba(0,0,0,.75) 100%);
}
.footer-top .footer-divider::before,
.footer-top .footer-divider::after {
    content: "";
    height: 1px;
    flex: 0 1 240px;
    max-width: 30%;
    background: linear-gradient(90deg, transparent, rgba(254, 97, 43, 0.55), transparent);
}
.footer-top .footer-divider-mark {
    position: relative;
    width: 14px; height: 14px;
    margin: 0 22px;
    transform: rotate(45deg);
    border: 1px solid rgba(254, 97, 43, 0.85);
    background: rgba(254, 97, 43, 0.12);
    animation: ftMarkPulse 2.6s ease-in-out infinite;
}
.footer-top .footer-divider-mark::before {
    content: "";
    position: absolute; inset: -8px;
    border: 1px solid rgba(254, 97, 43, 0.35);
    animation: ftMarkRing 2.6s ease-out infinite;
}
.footer-top .footer-divider-mark::after {
    content: "";
    position: absolute; inset: 3px;
    background: #fe612b;
    box-shadow: 0 0 14px rgba(254, 97, 43, 0.9);
}
@keyframes ftMarkPulse {
    0%, 100% { transform: rotate(45deg) scale(1);   box-shadow: 0 0 0 0 rgba(254, 97, 43, 0.5); }
    50%      { transform: rotate(45deg) scale(1.18);box-shadow: 0 0 0 10px rgba(254, 97, 43, 0); }
}
@keyframes ftMarkRing {
    0%   { transform: scale(0.7); opacity: .9; }
    100% { transform: scale(1.8); opacity: 0; }
}
/* Dark gradient veil over optional bg-image */
.footer-top::before {
    content: "";
    position: absolute; inset: 0;
    background:
        radial-gradient(ellipse at 20% 0%, rgba(254, 97, 43, 0.22), transparent 55%),
        radial-gradient(ellipse at 85% 100%, rgba(254, 97, 43, 0.18), transparent 60%),
        linear-gradient(180deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.78) 100%);
    z-index: -2;
    pointer-events: none;
}
/* Floating decorative orbs */
.footer-top::after {
    content: "";
    position: absolute;
    top: -120px; right: -120px;
    width: 420px; height: 420px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, rgba(254, 97, 43, 0.25), transparent 60%);
    filter: blur(60px);
    z-index: -1;
    animation: ftOrbFloat 14s ease-in-out infinite alternate;
    pointer-events: none;
}
@keyframes ftOrbFloat {
    from { transform: translate(0, 0) scale(1); opacity: .85; }
    to   { transform: translate(-60px, 40px) scale(1.15); opacity: 1; }
}

.footer-top-inner {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 64px;
    text-align: center;
}
/* Eyebrow line decoration */
.footer-top-inner::before {
    content: "";
    display: block;
    width: 60px;
    height: 1px;
    margin: 0 auto 28px;
    background: linear-gradient(90deg, transparent, #fe612b, transparent);
    animation: ftLineGlow 3s ease-in-out infinite;
}
@keyframes ftLineGlow {
    0%, 100% { width: 60px; opacity: .7; }
    50%      { width: 110px; opacity: 1; }
}

.footer-connect-heading {
    font-size: clamp(2rem, 4.8vw, 3.8rem);
    font-weight: 300;
    letter-spacing: 0.06em;
    word-spacing: -0.06em;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 1.18;
    margin: 0 auto 56px;
    max-width: 820px;
    position: relative;
    background: linear-gradient(110deg, #ffffff 0%, #ffffff 40%, #ffd4bf 50%, #ffffff 60%, #ffffff 100%);
    background-size: 220% 100%;
    background-position: 100% 0;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: ftShine 6s ease-in-out infinite;
    text-shadow: none;
}
@keyframes ftShine {
    0%, 100% { background-position: 100% 0; }
    50%      { background-position: 0 0; }
}

/* Footer CTA buttons */
.footer-cta-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    flex-wrap: wrap;
    margin-bottom: 72px;
}

.footer-cta-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 17px 42px;
    background: #fe612b;
    color: #ffffff;
    font-size: 0.64rem;
    font-weight: 600;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    white-space: nowrap;
    border: 1px solid #fe612b;
    border-radius: 2px;
    overflow: hidden;
    isolation: isolate;
    box-shadow: 0 10px 40px -8px rgba(254, 97, 43, 0.55);
    transition: transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s, color .3s, border-color .3s;
}
/* Shine sweep on hover */
.footer-cta-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,0.35) 50%, transparent 70%);
    transform: translateX(-120%);
    transition: transform .7s cubic-bezier(.2,.7,.2,1);
    z-index: 1;
    pointer-events: none;
}
/* Fill expand */
.footer-cta-btn::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #ffffff;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform .5s cubic-bezier(.2,.7,.2,1);
    z-index: -1;
}
.footer-cta-btn > * { position: relative; z-index: 2; }
.footer-cta-btn:hover {
    color: #000000;
    border-color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 18px 50px -10px rgba(0,0,0,0.55);
}
.footer-cta-btn:hover::before { transform: translateX(120%); }
.footer-cta-btn:hover::after  { transform: scaleY(1); transform-origin: top; }

.footer-cta-btn--outline {
    background: transparent;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    text-shadow: none;
}
.footer-cta-btn--outline::after { background: #ffffff; }
.footer-cta-btn--outline:hover {
    color: #000000;
    border-color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 18px 50px -10px rgba(255,255,255,0.25);
}

/* Social icons row */
.footer-social-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.footer-social-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.95rem;
    overflow: hidden;
    isolation: isolate;
    transition: color .35s, border-color .35s, transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .35s;
}
.footer-social-link::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #fe612b;
    border-radius: 50%;
    transform: scale(0);
    transition: transform .45s cubic-bezier(.2,.7,.2,1);
    z-index: -1;
}
.footer-social-link i,
.footer-social-link svg { position: relative; z-index: 1; display: block; transition: transform .35s; }
.footer-social-link:hover {
    color: #ffffff;
    border-color: #fe612b;
    transform: translateY(-4px);
    box-shadow: 0 12px 26px -8px rgba(254, 97, 43, 0.6);
}
.footer-social-link:hover::before { transform: scale(1); }
.footer-social-link:hover i,
.footer-social-link:hover svg { transform: rotate(8deg) scale(1.08); }

/* Entrance animations (self-triggering) */
.footer-top .footer-connect-heading {
    opacity: 0;
    transform: translateY(24px);
    animation: ftRise .9s .1s ease-out forwards, ftShine 6s .9s ease-in-out infinite;
}
.footer-top .footer-cta-btn {
    opacity: 0;
    transform: translateY(18px);
    animation: ftRise .8s ease-out forwards;
}
.footer-top .footer-cta-btn:nth-child(1) { animation-delay: .35s; }
.footer-top .footer-cta-btn:nth-child(2) { animation-delay: .5s; }
.footer-top .footer-social-link {
    opacity: 0;
    transform: translateY(14px);
    animation: ftRise .7s ease-out forwards;
}
.footer-top .footer-social-link:nth-child(1) { animation-delay: .65s; }
.footer-top .footer-social-link:nth-child(2) { animation-delay: .72s; }
.footer-top .footer-social-link:nth-child(3) { animation-delay: .79s; }
.footer-top .footer-social-link:nth-child(4) { animation-delay: .86s; }
.footer-top .footer-social-link:nth-child(5) { animation-delay: .93s; }
.footer-top .footer-social-link:nth-child(6) { animation-delay: 1.00s; }
.footer-top .footer-social-link:nth-child(7) { animation-delay: 1.07s; }
.footer-top .footer-social-link:nth-child(8) { animation-delay: 1.14s; }
@keyframes ftRise { to { opacity: 1; transform: translateY(0); } }

/* FOOTER FORM SECTION */
.footer-form-section {
    padding: 140px 0 120px;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    overflow: hidden;
}
.footer-form-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 0%, rgba(201, 169, 110, 0.3) 100%);
    pointer-events: none;
}
/* Soft incoming fade from the dark of footer-top */
.footer-form-section::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 140px;
    background: linear-gradient(180deg, rgba(0,0,0,.85) 0%, rgba(0,0,0,.45) 50%, transparent 100%);
    pointer-events: none;
    z-index: 0;
}

.footer-form-inner {
    max-width: 600px;
    margin: 0 auto;
    padding: 56px 48px;
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 1;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

@media(max-width: 1023px) {
    .footer-form-section { padding: 100px 24px 72px; }
    .footer-form-inner { padding: 44px 28px 40px; border-radius: 20px; }
}

.footer-form-heading {
    font-size: clamp(1.2rem, 2.2vw, 1.5rem);
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 40px;
}

/* Form layout */
.form-row { margin-bottom: 20px; }
.form-row + .form-row { margin-top: 0; }
.form-row--two {
    display: flex;
    gap: 20px;
}

.form-group { position: relative; }
.form-group--full  { width: 100%; }
.form-group--code  { flex: 0 0 auto; min-width: 120px; width: 120px; }
.form-group--phone { flex: 1; }

/* Inputs styles */
.footer-contact-form input[type="text"],
.footer-contact-form input[type="email"],
.footer-contact-form input[type="tel"],
.footer-contact-form select,
.inquiry-popup-form input[type="text"],
.inquiry-popup-form input[type="email"],
.inquiry-popup-form input[type="tel"],
.inquiry-popup-form select {
    display: block;
    width: 100%;
    background: #f4f4f5;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #000000;
    font-size: 0.8rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    padding: 12px 14px;
    outline: none;
    transition: all 0.3s ease;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);
}
.footer-contact-form input::placeholder,
.inquiry-popup-form input::placeholder {
    color: #888888;
    font-weight: 400;
}
.footer-contact-form input:focus,
.footer-contact-form select:focus,
.inquiry-popup-form input:focus,
.inquiry-popup-form select:focus {
    border-color: #fe612b;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(254, 97, 43, 0.1);
}
/* Intl-Tel-Input overrides */
.iti { display: block; width: 100%; }
.iti__flag-container { padding: 0 !important; }
.iti--separate-dial-code .iti__selected-flag { background-color: transparent !important; }
.form-group--iti input[type="tel"] { }

.footer-contact-form select option,
.inquiry-popup-form select option {
    background: #ffffff;
    color: #000000;
}

/* Error state */
.form-group.has-error input,
.form-group.has-error select {
    background: rgba(231, 76, 60, 0.05) !important;
    box-shadow: inset 0 0 0 1px #e74c3c !important;
}

/* Inline Form Message */
.form-message {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 500;
    margin-bottom: 20px;
}
.msg-success {
    background: rgba(46, 204, 113, 0.1);
    color: #27ae60;
}
.msg-success i { font-size: 1.2rem; }
.msg-error {
    background: rgba(231, 76, 60, 0.1);
    color: #c0392b;
}
.msg-error i { font-size: 1.2rem; }

/* Checkbox */
.form-group--checkbox { margin-top: 32px; }

.checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    cursor: pointer;
    text-align: left;
}
.checkbox-label input[type="checkbox"] { display: none; }

.checkbox-custom {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    min-width: 18px;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    margin-top: 2px;
    transition: all 0.3s ease;
    flex-shrink: 0;
    background: #f4f4f5;
}
.inquiry-popup-form .checkbox-custom {
    width: 14px;
    height: 14px;
    min-width: 14px;
}
.checkbox-label:hover .checkbox-custom {
    border-color: #000000;
}
.checkbox-label input[type="checkbox"]:checked + .checkbox-custom {
    background: #000000;
    border-color: #000000;
}
.checkbox-label input[type="checkbox"]:checked + .checkbox-custom::after {
    content: '';
    display: block;
    width: 6px;
    height: 4px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg) translateY(-1px);
}
.inquiry-popup-form .checkbox-label input[type="checkbox"]:checked + .checkbox-custom::after {
    width: 4px;
    height: 3px;
}

.checkbox-text {
    font-size: 0.8rem;
    color: #555555;
    letter-spacing: 0.02em;
    line-height: 1.5;
    text-transform: none;
}
.inquiry-popup-form .checkbox-text {
    font-size: 0.7rem;
}
.checkbox-text a {
    color: rgba(0, 0, 0, 0.75);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.checkbox-text a:hover { color: #000000; opacity: 1; }

/* Submit row */
.form-row--submit { margin-top: 32px; text-align: center; }

.footer-submit-btn {
    display: inline-block;
    width: 100%;
    padding: 18px 40px;
    background: #000000;
    border: none;
    border-radius: 14px;
    color: #ffffff;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: inherit;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.footer-submit-btn:hover {
    background: #fe612b;
    transform: translateY(-3px);
    box-shadow: 0 15px 25px rgba(254, 97, 43, 0.3);
}

/* FOOTER BOTTOM */
.footer-bottom { 
    padding: 40px 0; 
    background: #ffffff;
    border-top: 1px solid rgba(0, 0, 0, 0.05); /* subtle separation if needed */
}

.footer-bottom-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
}

.footer-bottom-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.footer-col-left {
    align-items: flex-start;
    gap: 12px;
}
.footer-col-center {
    align-items: center;
    flex: 1;
}
.footer-col-right {
    align-items: flex-end;
}

.footer-bottom-logo img {
    max-height: 28px;
    width: auto;
    opacity: 0.9;
    transition: opacity 0.25s;
    display: block;
    filter: brightness(0); /* ensure it's black on white */
}
.footer-bottom-logo a:hover img { opacity: 1; }

.footer-nav {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex: 1;
}
.footer-nav-link {
    font-size: 0.8rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #333333;
    transition: color 0.25s;
}
.footer-nav-link:hover { color: #fe612b; }

.footer-contact-info {
    text-align: right;
    max-width: 200px;
    margin-left: auto;
}
@media (max-width: 768px) {
    .footer-contact-info {
        max-width: 100%;
        width: 100%;
    }
}
.footer-address-line {
    font-size: 0.75rem;
    color: #555555;
    margin-bottom: 6px;
    line-height: 1.5;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}
.footer-phone-link {
    font-size: 0.9rem;
    font-weight: 600;
    color: #111111;
    transition: color 0.25s;
}
.footer-phone-link:hover { color: #fe612b; }

.footer-copyright {
    font-size: 0.75rem;
    color: #777777;
}

/* ──────────────────────────────────────────────────
   15. INQUIRY POPUP
   Fixed fullscreen overlay, centered white-bordered box
─────────────────────────────────────────────────── */
/* ─────────────────────────────────────────────
   MEETING REQUEST POPUP — Görüntülü Görüşme
───────────────────────────────────────────── */
.meeting-popup {
    position: fixed; inset: 0;
    z-index: 2147483500;
    display: flex; align-items: center; justify-content: center;
    padding: 32px 24px;
    opacity: 0;
    pointer-events: none;
    overflow-y: auto;
    transition: opacity .35s ease;
}
.meeting-popup.is-open { opacity: 1; pointer-events: auto; }
.meeting-popup-overlay {
    position: absolute; inset: 0;
    background:
        radial-gradient(circle at top, rgba(255,255,255,0.16), transparent 34%),
        linear-gradient(180deg, rgba(8,10,18,0.42), rgba(6,8,14,0.68));
    backdrop-filter: blur(16px) saturate(135%);
    -webkit-backdrop-filter: blur(16px) saturate(135%);
}
.meeting-popup-inner {
    position: relative;
    width: 100%;
    max-width: 620px;
    max-height: calc(100vh - 64px);
    overflow-y: auto;
    background: linear-gradient(180deg, rgba(255,255,255,0.20), rgba(255,255,255,0.10));
    border: 1px solid rgba(255,255,255,0.28);
    color: #111;
    padding: 34px 34px 30px;
    border-radius: 30px;
    box-shadow:
        0 32px 90px rgba(0,0,0,0.28),
        inset 0 1px 0 rgba(255,255,255,0.34);
    backdrop-filter: blur(28px) saturate(150%);
    -webkit-backdrop-filter: blur(28px) saturate(150%);
    pointer-events: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
    animation: meetingIn .5s cubic-bezier(0.16, 1, 0.3, 1);
}
/* Stylize the custom scrollbar inside the popup for elegance */
.meeting-popup-inner::-webkit-scrollbar {
    width: 8px;
}
.meeting-popup-inner::-webkit-scrollbar-track {
    background: transparent;
    margin: 18px 10px;
}
.meeting-popup-inner::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(17,17,17,0.28), rgba(17,17,17,0.14));
    border: 2px solid transparent;
    background-clip: padding-box;
    border-radius: 999px;
}
.meeting-popup-inner::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, rgba(17,17,17,0.42), rgba(17,17,17,0.24));
    background-clip: padding-box;
}
@keyframes meetingIn {
    from { opacity: 0; transform: translateY(18px) scale(.98); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}
.meeting-popup-close {
    position: absolute; top: 18px; right: 18px;
    width: 44px; height: 44px;
    background: rgba(255,255,255,0.18); border: 1px solid rgba(255,255,255,0.22);
    border-radius: 50%;
    color: rgba(255,255,255,0.92);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    z-index: 2;
}
.meeting-popup-close:hover {
    background: rgba(255,255,255,0.28); color: #fff; border-color: rgba(255,255,255,0.4);
    transform: rotate(90deg) scale(1.06);
}

.meeting-popup-header {
    text-align: center; margin: 0 0 22px;
}
.meeting-eyebrow {
    display: inline-block;
    padding: 8px 14px;
    font-size: .62rem; letter-spacing: .24em; text-transform: uppercase;
    color: rgba(255,255,255,0.82); font-weight: 600;
    margin-bottom: 10px;
    border-radius: 999px;
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.18);
}
.meeting-popup-title {
    margin: 0 0 8px;
    font-size: clamp(1.7rem, 3vw, 2.35rem);
    font-weight: 300;
    letter-spacing: -.03em;
    line-height: 1.05;
    color: #fff;
}
.meeting-popup-subtitle {
    margin: 0 auto;
    max-width: 500px;
    font-size: .95rem; line-height: 1.7;
    color: rgba(255,255,255,0.74);
    font-weight: 300;
}

.meeting-popup-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 10px;
}
.meeting-row { display: flex; flex-direction: column; gap: 6px; }
.meeting-row-2 {
    display: grid; grid-template-columns: 1fr 1fr; gap: 14px;
}
.meeting-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.meeting-label {
    font-size: .68rem; letter-spacing: .14em; text-transform: uppercase;
    color: rgba(255,255,255,0.72); font-weight: 600;
}
.meeting-popup-form input[type=text],
.meeting-popup-form input[type=email],
.meeting-popup-form input[type=tel],
.meeting-popup-form input[type=date],
.meeting-popup-form select,
.meeting-popup-form textarea {
    width: 100%; box-sizing: border-box;
    padding: 15px 16px;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 16px;
    color: #fff;
    font-family: inherit;
    font-size: .95rem;
    font-weight: 400;
    transition: border-color .25s, box-shadow .25s, background .25s, transform .25s;
    outline: none;
}
.meeting-popup-form input[type=text]::placeholder,
.meeting-popup-form input[type=email]::placeholder,
.meeting-popup-form input[type=tel]::placeholder,
.meeting-popup-form input[type=date]::placeholder,
.meeting-popup-form textarea::placeholder {
    color: rgba(255,255,255,0.48);
}
.meeting-popup-form input[type=date]::-webkit-calendar-picker-indicator {
    filter: brightness(0) invert(1);
    opacity: .9;
    cursor: pointer;
}
.meeting-popup-form select option {
    color: #111;
    background: #fff;
}
.meeting-popup-form input:focus,
.meeting-popup-form select:focus,
.meeting-popup-form textarea:focus {
    border-color: rgba(255,255,255,0.34);
    box-shadow: 0 0 0 5px rgba(255,255,255,0.10);
    background: rgba(255,255,255,0.18);
    transform: translateY(-1px);
}
.meeting-popup-form textarea {
    resize: vertical;
    min-height: 100px;
    font-family: inherit;
}

/* Platform radio cards */
.meeting-platforms { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.meeting-platform { cursor: pointer; }
.meeting-platform input[type="radio"] {
    position: absolute; opacity: 0; pointer-events: none;
}
.meeting-platform-card {
    display: flex; align-items: center; justify-content: center; gap: 10px;
    padding: 16px 12px;
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 18px;
    font-size: .95rem; font-weight: 500;
    color: rgba(255,255,255,0.82);
    transition: all .25s;
}
.meeting-platform-card i { color: rgba(255,255,255,0.62); transition: color .25s, transform .25s; font-size: 1.05rem; }
.meeting-platform input:checked + .meeting-platform-card {
    border-color: rgba(255,255,255,0.34); color: #fff;
    background: rgba(255,255,255,0.18);
    box-shadow: 0 12px 28px rgba(0,0,0,0.16), 0 0 0 4px rgba(255,255,255,0.10);
    transform: translateY(-1px);
}
.meeting-platform input:checked + .meeting-platform-card i { color: #fff; transform: scale(1.05); }

/* Phone row — country code chip on left of phone */
.meeting-field--phone .iti { width: 100%; }
.meeting-field--phone .iti input { padding-left: 90px !important; }
.meeting-field--phone .iti__selected-dial-code,
.meeting-field--phone .iti__selected-flag,
.meeting-field--phone .iti__arrow {
    color: #fff;
}
.meeting-field--phone .iti__selected-country {
    background: transparent;
}

.meeting-message {
    padding: 12px 14px; border-radius: 14px; font-size: .84rem;
    border: 1px solid transparent;
}
.meeting-message.is-success {
    background: rgba(80,200,120,.10); border-color: rgba(80,200,120,.35); color: #2a8b48;
}
.meeting-message.is-error {
    background: rgba(220,60,60,.10); border-color: rgba(220,60,60,.35); color: #b32626;
}

.meeting-submit-btn {
    margin-top: 6px;
    display: inline-flex; align-items: center; justify-content: center; gap: 12px;
    width: 100%;
    padding: 18px 24px;
    background: linear-gradient(135deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.12) 100%);
    color: #fff; border: 1px solid rgba(255,255,255,0.22); border-radius: 18px;
    font-family: inherit; font-size: .82rem; font-weight: 700;
    letter-spacing: .16em; text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 18px 36px rgba(0,0,0,0.16);
    transition: background .3s, transform .3s, box-shadow .3s;
}
.meeting-submit-btn:hover {
    background: linear-gradient(135deg, rgba(255,255,255,0.30) 0%, rgba(255,255,255,0.16) 100%);
    transform: translateY(-2px);
    box-shadow: 0 22px 42px rgba(0,0,0,0.20);
}
.meeting-submit-btn:disabled { opacity: .55; cursor: not-allowed; transform: none; }
.meeting-submit-btn i { transition: transform .25s; }
.meeting-submit-btn:hover i { transform: translateX(3px); }

@media (max-width: 540px) {
    .meeting-popup {
        padding: 28px 14px;
    }
    .meeting-popup-inner {
        max-height: calc(100vh - 56px);
        padding: 22px 18px 18px;
        border-radius: 22px;
    }
    .meeting-popup-header {
        margin: 0 0 18px;
    }
    .meeting-popup-title {
        font-size: clamp(1.45rem, 7vw, 1.8rem);
    }
    .meeting-row-2 { grid-template-columns: 1fr; }
    .meeting-platforms { grid-template-columns: 1fr; }
}

.inquiry-popup {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.inquiry-popup-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.88);
    cursor: pointer;
}

.inquiry-popup-inner {
    position: relative;
    z-index: 1;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    width: 100%;
    max-width: 440px;
    padding: 36px 36px 40px;
    max-height: 90vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}
.inquiry-popup-inner::-webkit-scrollbar {
    width: 6px;
}
.inquiry-popup-inner::-webkit-scrollbar-track {
    background: transparent;
}
.inquiry-popup-inner::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

.inquiry-popup-close {
    position: absolute;
    top: 14px;
    right: 14px;
    color: rgba(0, 0, 0, 0.38);
    transition: color 0.25s, transform 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}
.inquiry-popup-close:hover {
    color: #000000;
    transform: rotate(90deg);
}

.inquiry-popup-header {
    text-align: center;
    margin-bottom: 28px;
}
.inquiry-popup-logo {
    margin: 0 auto 16px;
    max-height: 20px;
    width: auto;
    display: block;
    filter: invert(1);
}
.inquiry-popup-title {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    margin-bottom: 8px;
    color: #111111;
}
.inquiry-popup-subtitle {
    font-size: 0.7rem;
    color: #666666;
    letter-spacing: 0.05em;
}

/* Popup form spacing */
.inquiry-popup-form .form-group { margin-bottom: 6px; }
.inquiry-popup-form .form-group--checkbox { margin-top: 20px; }

.inquiry-submit-btn {
    display: block;
    width: 100%;
    padding: 15px 0;
    background: #111111;
    border: 1px solid transparent;
    border-radius: 6px;
    color: #ffffff;
    font-family: inherit;
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 24px;
    transition: background 0.3s, opacity 0.3s;
}
.inquiry-submit-btn:hover {
    background: #fe612b;
    opacity: 0.9;
}

/* ──────────────────────────────────────────────────
   16. UTILITY CLASSES
─────────────────────────────────────────────────── */
/* Visually hidden (accessibility) */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Generic outline button */
.btn-outline {
    display: inline-block;
    padding: 14px 36px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #ffffff;
    font-size: 0.62rem;
    font-weight: 500;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    transition: background 0.3s, color 0.3s, border-color 0.3s;
    cursor: pointer;
    background: transparent;
    white-space: nowrap;
}
.btn-outline:hover { background: #ffffff; color: #000000; border-color: #ffffff; opacity: 1; }

/* Generic gold primary button */
.btn-primary {
    display: inline-block;
    padding: 14px 36px;
    background: #fe612b;
    color: #ffffff;
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    transition: background 0.3s, color 0.3s;
    cursor: pointer;
    border: 1px solid #fe612b;
    white-space: nowrap;
}
.btn-primary:hover { background: #ffffff; color: #000000; border-color: #ffffff; opacity: 1; }

/* Section separator line */
.section-rule {
    display: block;
    width: 48px;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    margin: 24px auto;
}

/* ──────────────────────────────────────────────────
   17. OWL CAROUSEL OVERRIDES
─────────────────────────────────────────────────── */
.owl-carousel .owl-dots { display: none !important; }
.owl-carousel .owl-nav  { display: none !important; }
.owl-theme .owl-dots .owl-dot span {
    background: rgba(255, 255, 255, 0.3);
}
.owl-theme .owl-dots .owl-dot.active span {
    background: #fe612b;
}

/* ──────────────────────────────────────────────────
   18. ABOUT STRIP (reusable across pages)
─────────────────────────────────────────────────── */
.about-strip-section {
    background: #060606;
    padding: 110px 0;
}
.about-strip-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 64px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}
.about-strip-heading {
    font-size: clamp(1.6rem, 3vw, 2.8rem);
    font-weight: 300;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 22px;
}
.about-strip-body {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.52);
    line-height: 1.8;
    margin-bottom: 36px;
    letter-spacing: 0.02em;
}
.about-strip-stat-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 36px;
}
.stat-item {
    border-left: 1px solid rgba(255, 255, 255, 0.12);
    padding-left: 22px;
}
.stat-number {
    display: block;
    font-size: clamp(1.9rem, 3.2vw, 2.9rem);
    font-weight: 700;
    color: #fe612b;
    letter-spacing: 0.05em;
    line-height: 1;
    margin-bottom: 7px;
}
.stat-label {
    display: block;
    font-size: 0.66rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.38);
}

/* Connect CTA strip */
.connect-section {
    background: #000000;
    padding: 90px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.connect-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 64px;
    text-align: center;
}
.connect-heading {
    font-size: clamp(1.4rem, 3vw, 2.4rem);
    font-weight: 300;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    margin-bottom: 44px;
}
.connect-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* ──────────────────────────────────────────────────
   19. PAGE HERO (inner pages)
─────────────────────────────────────────────────── */
.page-hero {
    position: relative;
    height: 60vh;
    min-height: 400px;
    background: #0a0a0a;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    padding-bottom: 72px;
}
.page-hero-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
}
.page-hero-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.25) 60%, transparent 100%);
}
.page-hero-content {
    position: relative;
    z-index: 2;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 64px;
    width: 100%;
}
.page-hero-title {
    font-size: clamp(2rem, 5vw, 4.5rem);
    font-weight: 300;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 1.1;
}
.page-hero-subtitle {
    font-size: 0.85rem;
    letter-spacing: 0.18em;
    color: rgba(255, 255, 255, 0.55);
    text-transform: uppercase;
    margin-top: 12px;
}

/* ──────────────────────────────────────────────────
   20. RESPONSIVE — 1280px (large desktop)
─────────────────────────────────────────────────── */
@media (max-width: 1280px) {
    .container                    { padding: 0 48px; }
    .branded-feature-inner,
    .awards-inner                 { padding: 0 48px; }
    .footer-top-inner,
    .footer-bottom-inner          { padding: 0 48px; }
    .header-inner                 { padding: 0 32px; }
    .full-menu                    { padding: 0 40px 52px; }
    .luxury-content               { padding: 0 48px; }

    .branded-feature-cards        { gap: 18px; }

    .showcase-bg-panel            { width: 52%; }
    .showcase-list-panel          { margin-left: 52%; width: 48%; padding: 80px 44px 72px 40px; }

    .lux-arrows                   { right: 32px; }
}

/* ──────────────────────────────────────────────────
   21. RESPONSIVE — 1023px (tablet)
─────────────────────────────────────────────────── */
@media (max-width: 1023px) {
    .container                    { padding: 0 32px; }
    .header-inner                 { padding: 0 24px; }
    .luxury-content               { padding: 0 32px; }
    .luxury-content h2            { font-size: clamp(1.4rem, 4vw, 2.2rem); }

    /* Branded cards → 2 columns */
    .branded-feature-cards        { grid-template-columns: 1fr 1fr; }
    .branded-feature-inner,
    .awards-inner                 { padding: 0 32px; }
    .footer-top-inner,
    .footer-bottom-inner          { padding: 0 32px; }
    .connect-inner,
    .page-hero-content            { padding: 0 32px; }

    /* Projects showcase → stack vertically */
    .projects-showcase            { display: block; min-height: auto; }
    .showcase-bg-panel            {
        position: relative;
        width: 100%;
        height: 55vw;
        min-height: 320px;
        bottom: auto;
        top: auto;
        left: auto;
    }
    .showcase-bg-overlay          {
        background: linear-gradient(to bottom, transparent 40%, rgba(0,0,0,0.95) 100%);
    }
    .showcase-list-panel          {
        margin-left: 0;
        width: 100%;
        min-height: auto;
        padding: 64px 32px 64px;
        background: rgba(0, 0, 0, 0.95);
    }

    /* Footer bottom: stack */
    .footer-bottom-inner          { flex-direction: column; text-align: center; gap: 24px; }
    .footer-bottom-col            { align-items: center; }
    .footer-contact-info          { text-align: center; }
    .footer-nav                   { justify-content: center; }

    /* Full-menu: narrower padding on tablet */
    .full-menu                    { width: clamp(280px, 56vw, 460px); padding: 0 32px 48px; }

    /* About strip */
    .about-strip-inner            { grid-template-columns: 1fr; gap: 52px; padding: 0 32px; }
}

/* ──────────────────────────────────────────────────
   22. RESPONSIVE — 767px (mobile)
─────────────────────────────────────────────────── */
@media (max-width: 767px) {
    /* Header */
    .header-inner                 { padding: 0 20px; align-items: baseline; }
    .header-logo img              { max-height: 30px; }
    .header-right                 { gap: 10px; }
    .full-menu-right              { padding: 20px 20px 40px; }

    /* Floating contact sidebar: mobile — bottom-center, ayrı dikdörtgen butonlar */
    .contact-list {
        right: auto;
        left: 50%;
        top: auto;
        bottom: 14px;
        transform: translateX(-50%);
        flex-direction: row;
        gap: 8px;
        padding: 0;
        background: transparent;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }
    .contact-list .contact-btn {
        width: 72px;
        height: 44px;
        background: rgba(20, 20, 20, 0.42);
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 6px;
        color: #fff;
        backdrop-filter: blur(10px) saturate(140%);
        -webkit-backdrop-filter: blur(10px) saturate(140%);
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
    }
    .contact-list .contact-btn:hover,
    .contact-list .contact-btn:active {
        background: rgba(254, 97, 43, 0.28);
        border-color: rgba(254, 97, 43, 0.6);
        color: #fe612b;
    }

    /* Luxury section */
    .lux-arrows                   { right: 16px; bottom: 32px; }
    .luxury-content               { padding: 0 20px; }
    .luxury-content h2            { font-size: clamp(1.2rem, 5.5vw, 2rem); }
    .luxury-sub                   { margin-bottom: 20px; }

    /* Branded feature */
    .branded-feature-section      { padding: 72px 0 64px; }
    .branded-feature-inner        { padding: 0 20px; }
    .branded-feature-cards        { grid-template-columns: 1fr; gap: 16px; }
    .branded-feature-header       { margin-bottom: 48px; }

    /* Awards */
    .awards-section               { padding: 72px 0 64px; }
    .awards-inner                 { padding: 0 20px; }
    .awards-grid                  { grid-template-columns: repeat(2, 1fr); gap: 18px; }
    .awards-header                { margin-bottom: 48px; }

    /* Projects showcase */
    .showcase-bg-panel            { height: 64vw; min-height: 240px; }
    .showcase-list-panel          { padding: 52px 20px 60px; }
    .showcase-list-title          { font-size: clamp(1.6rem, 7vw, 2.4rem); }
    .showcase-list-header         { margin-bottom: 36px; }

    /* Footer top */
    .footer-top                   { padding: 72px 0 52px; }
    .footer-top-inner             { padding: 0 20px; }
    .footer-cta-links             { flex-direction: column; gap: 14px; }
    .footer-cta-btn               { width: 100%; text-align: center; }
    .footer-connect-heading       { margin-bottom: 36px; }
    .footer-social-row            { gap: 22px; }

    /* Footer form */
    .footer-form-section          { padding: 96px 16px 64px; }
    .footer-form-inner            {
        padding: 40px 22px 36px;
        border-radius: 18px;
        max-width: 100%;
        margin: 0 auto;
        box-shadow: 0 24px 60px -20px rgba(0,0,0,.45), 0 8px 20px -10px rgba(0,0,0,.25);
    }
    .form-row                     { margin-bottom: 14px; }
    .form-row--two                { flex-direction: column; gap: 14px; }
    .form-group--code             { width: 100%; min-width: 0; }
    .footer-form-heading          { margin-bottom: 28px; font-size: 1.05rem; letter-spacing: .12em; }
    .footer-contact-form input[type="text"],
    .footer-contact-form input[type="email"],
    .footer-contact-form input[type="tel"],
    .footer-contact-form select   { padding: 13px 14px; font-size: 0.85rem; border-radius: 7px; }
    .form-group--checkbox         { margin-top: 20px; }
    .checkbox-label               { gap: 10px; font-size: 0.78rem; line-height: 1.55; }
    .form-row--submit             { margin-top: 24px; }

    /* Footer bottom */
    .footer-bottom                { padding: 36px 0 44px; }
    .footer-bottom-inner          { flex-direction: column; text-align: center; gap: 24px; padding: 0 20px; }
    .footer-nav                   { flex-direction: column; gap: 16px; align-items: center; justify-content: center; }
    .footer-contact-info          { text-align: center; }

    /* Popup */
    .inquiry-popup-inner          { padding: 44px 24px 48px; max-height: 96vh; }

    /* Full-menu: full width on mobile */
    .full-menu                    { width: 100%; padding: 0 20px 44px; }
    .full-menu-footer             { flex-direction: column; align-items: flex-start; gap: 20px; }
    .full-menu-close              { display: flex; }

    /* About strip */
    .about-strip-inner            { padding: 0 20px; gap: 36px; }
    .about-strip-stat-grid        { grid-template-columns: 1fr 1fr; gap: 24px; }
    .connect-inner                { padding: 0 20px; }
    .connect-actions              { flex-direction: column; gap: 14px; }
    .page-hero-content            { padding: 0 20px; }

    /* Full-width buttons */
    .btn-outline,
    .btn-primary,
    .custom-btn                   { display: block; width: 100%; text-align: center; }
}

/* ──────────────────────────────────────────────────
   23. RESPONSIVE — 480px (small mobile)
─────────────────────────────────────────────────── */
@media (max-width: 480px) {
    .luxury-slide                 { padding-bottom: 64px; }
    .lux-arrow                    { width: 42px; height: 42px; }

    .awards-grid                  { grid-template-columns: 1fr; gap: 14px; }
    .awards-section               { padding: 56px 0 48px; }

    .branded-feature-section      { padding: 56px 0 48px; }

    .footer-social-row            { gap: 18px; }

    .inquiry-popup-inner          { padding: 36px 18px 40px; }
    .inquiry-popup-title          { font-size: 0.95rem; letter-spacing: 0.18em; }

    .full-menu-nav {
        gap: 6px;
    }

    .full-menu-link {
        font-size: clamp(1.05rem, 5vw, 1.3rem);
        padding: 6px 0;
    }

    .hero-scroll                  { bottom: 28px; }
    .scroll-line                  { height: 48px; }

    .showcase-counter             { min-width: auto; }
    .showcase-current             { font-size: 1.2rem; }

    .showcase-list-panel          { padding: 44px 16px 52px; }

    .page-hero                    { min-height: 320px; padding-bottom: 48px; }
}

/* ──────────────────────────────────────────────────
   25. ABOUT-US / BRAND PAGE
─────────────────────────────────────────────────── */

/* Hero with background video */
.brand-hero {
    position: relative;
    height: 100vh;
    min-height: 600px;
    overflow: hidden;
    background: #000;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.brand-hero-video-wrap {
    position: absolute;
    inset: 0;
    z-index: 0;
}
.brand-hero-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.brand-hero-bg {
    position: absolute;
    inset: 0;
    background-image: url('https://binghattiweb.imgix.net/Images/DesktopImages/IDLYapiHoldings-2.jpg');
    background-size: cover;
    background-position: center;
    z-index: 0;
}
.brand-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.45) 50%, rgba(0,0,0,0.88) 100%);
    z-index: 1;
}
.brand-hero-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1200px;
    padding: 0 64px 80px;
}
.brand-hero-eyebrow {
    font-size: 0.65rem;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #fe612b;
    margin-bottom: 18px;
    display: block;
}
.brand-hero-title {
    font-size: clamp(3.5rem, 9vw, 8rem);
    font-weight: 300;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    line-height: 0.95;
    margin-bottom: 28px;
}
.brand-hero-sub {
    font-size: clamp(0.78rem, 1.2vw, 0.88rem);
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.55);
    max-width: 480px;
    line-height: 1.8;
}
.brand-hero-scroll {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.brand-hero-scroll span {
    font-size: 0.55rem;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.4);
}
.brand-hero-scroll-line {
    width: 1px;
    height: 52px;
    background: linear-gradient(to bottom, rgba(255,255,255,0.5), transparent);
    animation: scrollPulse 2s ease-in-out infinite;
}
@keyframes scrollPulse {
    0%, 100% { opacity: 0.4; transform: scaleY(1); }
    50%       { opacity: 1;   transform: scaleY(0.7); }
}

/* Scroll-reveal base state */
[data-reveal] {
    opacity: 0;
    transform: translateY(36px);
    transition: opacity 0.75s ease, transform 0.75s ease;
}
[data-reveal].revealed {
    opacity: 1;
    transform: translateY(0);
}
[data-reveal][data-delay="1"] { transition-delay: 0.12s; }
[data-reveal][data-delay="2"] { transition-delay: 0.24s; }
[data-reveal][data-delay="3"] { transition-delay: 0.36s; }
[data-reveal][data-delay="4"] { transition-delay: 0.48s; }

/* Philosophy cards */
.brand-phil {
    padding: 120px 0;
    background: #050505;
}
.brand-phil-header {
    max-width: 1200px;
    margin: 0 auto 64px;
    padding: 0 64px;
}
.brand-phil-label {
    font-size: 0.62rem;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #fe612b;
    display: block;
    margin-bottom: 20px;
}
.brand-phil-heading {
    font-size: clamp(1.6rem, 3vw, 2.6rem);
    font-weight: 300;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1.2;
}
.brand-phil-grid {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 64px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: rgba(255,255,255,0.07);
}
.brand-phil-card {
    background: #050505;
    padding: 56px 40px;
    border: none;
}
.phil-card-num {
    font-size: 0.62rem;
    letter-spacing: 0.25em;
    color: #fe612b;
    display: block;
    margin-bottom: 28px;
}
.phil-card-title {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #fff;
}
.phil-card-body {
    font-size: 0.85rem;
    line-height: 1.85;
    color: rgba(255,255,255,0.5);
}

/* Stats strip */
.brand-stats-strip {
    padding: 80px 0;
    background: #000;
    border-top: 1px solid rgba(255,255,255,0.06);
    border-bottom: 1px solid rgba(255,255,255,0.06);
}
.brand-stats-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 64px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: rgba(255,255,255,0.06);
}
.brand-stat-cell {
    background: #000;
    padding: 44px 32px;
    text-align: center;
}
.brand-stat-num {
    display: block;
    font-size: clamp(2.4rem, 4.5vw, 3.8rem);
    font-weight: 300;
    letter-spacing: 0.04em;
    color: #fff;
    line-height: 1;
    margin-bottom: 14px;
}
.brand-stat-lbl {
    display: block;
    font-size: 0.62rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.38);
}

/* Story / about text section */
.brand-story {
    padding: 120px 0;
    background: #000;
}
.brand-story-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 64px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 96px;
    align-items: start;
}
.brand-story-label {
    font-size: 0.62rem;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #fe612b;
    display: block;
    margin-bottom: 32px;
}
.brand-story-headline {
    font-size: clamp(1.5rem, 2.5vw, 2.2rem);
    font-weight: 300;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1.3;
    margin-bottom: 36px;
}
.brand-story-body {
    font-size: 0.88rem;
    line-height: 1.95;
    color: rgba(255,255,255,0.55);
}
.brand-story-body p { margin-bottom: 18px; }
.brand-story-visual {
    position: relative;
}
.brand-story-img {
    width: 100%;
    aspect-ratio: 3/4;
    object-fit: cover;
    display: block;
}
.brand-story-img-caption {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 40%;
    background: linear-gradient(to top, rgba(0,0,0,0.85), transparent);
}

/* Branded collections (reuse card styles from home) */
.brand-collections {
    padding: 100px 0;
    background: #050505;
}
.brand-collections-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 64px;
}
.brand-section-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 56px;
}
.brand-section-label {
    font-size: 0.62rem;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #fe612b;
    display: block;
    margin-bottom: 14px;
}
.brand-section-title {
    font-size: clamp(1.4rem, 2.5vw, 2rem);
    font-weight: 300;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.brand-view-all {
    font-size: 0.62rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.45);
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding-bottom: 2px;
    transition: color 0.25s, border-color 0.25s;
    white-space: nowrap;
    flex-shrink: 0;
}
.brand-view-all:hover { color: #fff; border-color: #fff; opacity: 1; }
.brand-proj-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: rgba(255,255,255,0.07);
}
.brand-proj-card {
    background: #050505;
    display: block;
    overflow: hidden;
    position: relative;
}
.brand-proj-card img {
    width: 100%;
    aspect-ratio: 3/2;
    object-fit: cover;
    transition: transform 0.6s ease;
    display: block;
}
.brand-proj-card:hover img { transform: scale(1.04); }
.brand-proj-info {
    padding: 24px 28px 32px;
    border-top: 1px solid rgba(255,255,255,0.07);
}
.brand-proj-partner {
    font-size: 0.6rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #fe612b;
    display: block;
    margin-bottom: 8px;
}
.brand-proj-name {
    font-size: 0.95rem;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 6px;
}
.brand-proj-loc {
    font-size: 0.72rem;
    color: rgba(255,255,255,0.38);
    letter-spacing: 0.08em;
}

/* Awards (reuse existing styles, minimal additions) */
.brand-awards {
    padding: 100px 0;
    background: #000;
    border-top: 1px solid rgba(255,255,255,0.06);
}
.brand-awards-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 64px;
}
.brand-awards-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: rgba(255,255,255,0.06);
}
.brand-award-card {
    background: #000;
    padding: 40px 28px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.brand-award-logo {
    max-height: 48px;
    width: auto;
    opacity: 0.7;
    filter: brightness(0) invert(1);
}
.brand-award-title {
    font-size: 0.78rem;
    font-weight: 400;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #fff;
}
.brand-award-meta {
    font-size: 0.65rem;
    letter-spacing: 0.1em;
    color: rgba(255,255,255,0.35);
}

/* Responsive */
@media (max-width: 1023px) {
    .brand-hero-content           { padding: 0 32px 64px; }
    .brand-phil-header,
    .brand-phil-grid              { padding: 0 32px; }
    .brand-phil-grid              { grid-template-columns: 1fr 1fr; }
    .brand-stats-inner            { padding: 0 32px; grid-template-columns: repeat(2, 1fr); }
    .brand-story-inner            { padding: 0 32px; grid-template-columns: 1fr; gap: 52px; }
    .brand-collections-inner,
    .brand-awards-inner           { padding: 0 32px; }
    .brand-proj-grid              { grid-template-columns: 1fr 1fr; }
    .brand-awards-grid            { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
    .brand-hero-content           { padding: 0 20px 56px; }
    .brand-hero-title             { font-size: clamp(2.8rem, 12vw, 5rem); }
    .brand-phil                   { padding: 80px 0; }
    .brand-phil-header,
    .brand-phil-grid              { padding: 0 20px; }
    .brand-phil-grid              { grid-template-columns: 1fr; }
    .brand-phil-card              { padding: 40px 24px; }
    .brand-stats-strip            { padding: 56px 0; }
    .brand-stats-inner            { padding: 0 20px; grid-template-columns: 1fr 1fr; }
    .brand-stat-cell              { padding: 32px 16px; }
    .brand-story                  { padding: 80px 0; }
    .brand-story-inner            { padding: 0 20px; }
    .brand-collections-inner,
    .brand-awards-inner           { padding: 0 20px; }
    .brand-proj-grid              { grid-template-columns: 1fr; }
    .brand-awards-grid            { grid-template-columns: 1fr 1fr; }
    .brand-section-header         { flex-direction: column; align-items: flex-start; gap: 20px; }
}

/* ──────────────────────────────────────────────────
   24. PRINT STYLES
─────────────────────────────────────────────────── */
@media print {
    .main-header,
    .contact-list,
    .full-menu,
    .search-overlay,
    .inquiry-popup,
    .hero-section video,
    .branded-feature-video,
    .awards-video,
    .lux-arrows,
    .showcase-controls        { display: none !important; }

    body                      { color: #000000; background: #ffffff; }
    a                         { color: #000000; }
    .hero-section             { height: 300px; }
}

/* TOAST NOTIFICATION */
.toast-notification { position: fixed; bottom: 30px; right: 30px; z-index: 9999; background: #ffffff; padding: 16px 24px; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.15); display: flex; align-items: center; gap: 12px; transform: translateY(100px); opacity: 0; transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.4s ease; pointer-events: none; font-weight: 500; font-size: 0.95rem; }
.toast-notification.show { transform: translateY(0); opacity: 1; pointer-events: auto; }
.toast-success { border-left: 4px solid #2ecc71; }
.toast-success i { color: #2ecc71; font-size: 1.4rem; }
.toast-error { border-left: 4px solid #e74c3c; }
.toast-error i { color: #e74c3c; font-size: 1.4rem; }

/* Usercentrics Overrides */
#usercentrics-root {
    --color-primary: #fe612b !important;
    --btn-primary-bg: #fe612b !important;
}

#usercentrics-root button,
.uc-btn {
    background-color: #fe612b !important;
    border-color: #fe612b !important;
    color: #ffffff !important;
}

#usercentrics-root .uc-btn-primary, 
#usercentrics-root [data-testid="uc-accept-all-button"], 
#usercentrics-root [data-testid="uc-save-button"] {
    background-color: #fe612b !important;
    border-color: #fe612b !important;
}