/* ============================================================================
   MXEats landing restyle — override layer loaded AFTER main.css
   Re-tokens the vendor landing to the MXEats Black/Orange/White system
   without touching markup: Sora display type, neutral surfaces, pill
   buttons, no glow shadows. All content/markup stays intact.
   ============================================================================ */
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700;800;900&family=Sora:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap");

:root {
    --base-1: #E23744;
    --base-rgb: 226, 55, 68;
    --base-2: rgba(var(--base-rgb), 0.7);
    --base-3: rgba(var(--base-rgb), 0.5);
    --radial-bg: radial-gradient(50% 50% at 50% 50%, rgba(var(--base-rgb), 0.14) 0%, rgba(217, 217, 217, 0) 100%);
    --body-clr: #6E6E73;
    --title-clr: #141414;
    --title-rgb: 17, 17, 17;
    --body-bg: #FAFAFB;
    --section-bg: #FFFFFF;
    --section-light: #F4F4F6;
    --dark-clr: #0D0D0D;
    --dark-rgb: 13, 13, 13;
    --primary-clr: #141414;
    --primary-rgb: 17, 17, 17;
    --border: #ECECEF;
    --border-light: #ECECEF;
    --border-light-only: #ECECEF;
    --border-dark: #1F1F1F;
    --heading-fonts: 'Sora', sans-serif;
    --body-fonts: 'Inter', 'Public Sans', system-ui, sans-serif;
    --base-shadow-sm: 0 1px 2px rgba(17, 17, 17, 0.05);
    --base-shadow: 0 1px 2px rgba(17, 17, 17, 0.04), 0 10px 28px -10px rgba(17, 17, 17, 0.14);
    --shadow: 0 1px 2px rgba(17, 17, 17, 0.04), 0 12px 30px -12px rgba(17, 17, 17, 0.16);
}

/* ---------- typography ---------- */
h1, h2, h3, h1 a, h2 a, h3 a {
    font-family: var(--heading-fonts) !important;
    color: var(--title-clr) !important;
    letter-spacing: -0.02em;
}
.banner-content .title { font-weight: 800 !important; }
.section-header .title,
.section-header h2 { font-weight: 800 !important; }
.section-header .subtitle { color: var(--body-clr) !important; font-weight: 500; }

/* ---------- buttons: black pill primary, orange accents stay ---------- */
.btn-base {
    background: #141414 !important;
    border-radius: 999px !important;
    color: #FFFFFF !important;
    font-family: var(--heading-fonts) !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    transition: background .16s ease, transform .16s ease;
}
.btn-base:hover,
.btn-base:focus {
    background: #000000 !important;
    color: #FFFFFF !important;
    transform: translateY(-1px);
}
.btn-base::before,
.btn-base::after { display: none !important; }
.btn-base.btn-sm { padding: 10px 22px !important; }

/* "Join us" dropdown trigger keeps the same black pill */
.dropdown--btn.btn-base { background: #141414 !important; }

/* ============================================================================
   FASTIA THEMED FLOATING NAVBAR & HERO BANNER (FOLLOW DESIGN ONLY)
   ============================================================================ */

/* ---------- Floating Translucent Header ---------- */
.site-header,
header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 1050 !important;
    transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1),
                backdrop-filter 0.35s ease,
                box-shadow 0.35s ease,
                padding 0.3s ease !important;
    border-bottom: 1px solid transparent !important;
}

/* Header in transparent state over hero banner */
.site-header.header-transparent,
header.header-transparent,
header:not(.active) {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.35) 60%, rgba(0, 0, 0, 0) 100%) !important;
    backdrop-filter: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Scrolled state: Frosted Dark Glass */
.site-header.active,
header.active {
    background: rgba(14, 12, 11, 0.94) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
}

.header-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-block: 18px !important;
    transition: padding 0.3s ease !important;
}
header.active .header-wrapper {
    padding-block: 12px !important;
}

/* Original Brand Logo */
.site-header .logo,
header .logo {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}
.brand-logo-link {
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
}
.site-brand-logo,
.logo img {
    height: 38px !important;
    max-height: 42px !important;
    width: auto !important;
    max-width: 180px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.5)) !important;
    transition: transform 0.25s ease !important;
}
.brand-logo-link:hover .site-brand-logo,
.logo a:hover img {
    transform: scale(1.04) !important;
}

/* Centered Navigation Menu (Desktop) */
@media (min-width: 992px) {
    .header-wrapper .menu.menu-center,
    .header-wrapper .menu {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 32px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        list-style: none !important;
    }
}
.header-wrapper .menu li {
    margin: 0 !important;
    padding: 0 !important;
}
.header-wrapper .menu li a {
    font-family: var(--heading-fonts) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    padding: 8px 4px !important;
    background: transparent !important;
    border-radius: 0 !important;
    position: relative !important;
    transition: color 0.2s ease, text-shadow 0.2s ease !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.65) !important;
    text-decoration: none !important;
}
.header-wrapper .menu li a svg {
    display: none !important;
}
.header-wrapper .menu li a::after {
    content: "" !important;
    position: absolute !important;
    bottom: 2px !important;
    left: 50% !important;
    transform: translateX(-50%) scaleX(0) !important;
    width: 100% !important;
    height: 2px !important;
    background: #E23744 !important;
    border-radius: 2px !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.header-wrapper .menu li a:hover,
.header-wrapper .menu li a.active {
    color: #FFFFFF !important;
    background: transparent !important;
    text-shadow: 0 0 12px rgba(226, 55, 68, 0.6) !important;
}
.header-wrapper .menu li a:hover::after,
.header-wrapper .menu li a.active::after {
    transform: translateX(-50%) scaleX(1) !important;
}

/* Right Side Controls Group */
.header-right-group {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-shrink: 0 !important;
}

/* Language selector: High-contrast frosted glass pill */
.dropdown--btn-hover {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
}

.dropdown--btn-hover .header--btn,
.header--btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 7px 16px !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.38) !important;
    border-radius: 999px !important;
    color: #FFFFFF !important;
    font-family: var(--heading-fonts) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.28) !important;
    transition: all 0.22s ease !important;
    cursor: pointer !important;
    text-decoration: none !important;
    outline: none !important;
}

.dropdown--btn-hover:hover .header--btn,
.dropdown--btn-hover .header--btn:hover,
.header--btn:hover,
.header--btn:focus {
    background: rgba(255, 255, 255, 0.24) !important;
    border-color: rgba(255, 255, 255, 0.9) !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.45) !important;
    transform: translateY(-1px) !important;
}

.dropdown--btn-hover .header--btn svg.lang-globe-icon,
.header--btn svg {
    width: 17px !important;
    height: 17px !important;
    fill: #FFFFFF !important;
    color: #FFFFFF !important;
    flex-shrink: 0 !important;
}

.dropdown--btn-hover .header--btn .lang-text {
    color: #FFFFFF !important;
    font-weight: 800 !important;
    font-size: 12px !important;
    letter-spacing: 0.8px !important;
}

.dropdown--btn-hover .header--btn .lang-caret {
    fill: none !important;
    stroke: #FFFFFF !important;
    width: 9px !important;
    height: 6px !important;
    margin-left: 2px !important;
    transition: transform 0.25s ease !important;
}

.dropdown--btn-hover:hover .header--btn .lang-caret {
    transform: rotate(180deg) !important;
}

/* Language & Join Us Dropdown Menu Theme */
.dropdown--btn-hover .dropdown-list,
.dropdown-list {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: auto !important;
    background: rgba(16, 14, 13, 0.97) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 14px !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.7) !important;
    padding: 6px !important;
    min-width: 135px !important;
    z-index: 1060 !important;
    list-style: none !important;
    margin: 0 !important;
    transform: translateY(10px) !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.dropdown--btn-hover:hover .dropdown-list,
.dropdown--btn-hover:focus-within .dropdown-list,
.position-relative:hover > .dropdown-list,
.position-relative:focus-within > .dropdown-list {
    transform: translateY(0) !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.dropdown--btn-hover .dropdown-list li,
.dropdown-list li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.dropdown--btn-hover .dropdown-list li a,
.dropdown-list li a {
    color: rgba(255, 255, 255, 0.88) !important;
    font-family: var(--heading-fonts) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 8px 14px !important;
    border-radius: 8px !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-decoration: none !important;
    transition: all 0.16s ease !important;
}

.dropdown--btn-hover .dropdown-list li a:hover,
.dropdown-list li a:hover {
    background: rgba(226, 55, 68, 0.22) !important;
    color: #E23744 !important;
    padding-left: 17px !important;
}

.dropdown-divider {
    border-color: rgba(255, 255, 255, 0.1) !important;
    margin: 4px 0 !important;
}

/* Join Us Button */
.dropdown--btn.btn-base {
    background: #E23744 !important;
    color: #FFFFFF !important;
    border-radius: 999px !important;
    padding: 7.5px 18px !important;
    font-family: var(--heading-fonts) !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.6px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    border: 1.5px solid transparent !important;
    box-shadow: 0 4px 14px rgba(226, 55, 68, 0.35) !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}

.dropdown--btn.btn-base:hover {
    background: #CB202D !important;
    color: #FFFFFF !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(226, 55, 68, 0.48) !important;
}

.dropdown--btn.btn-base svg path {
    fill: #FFFFFF !important;
}

/* Mobile Hamburger Toggle: HIDDEN on desktop screens */
.nav-toggle {
    display: none !important;
}

/* ---------- Fastia Centered Hero Banner Section ---------- */
.banner-section {
    position: relative !important;
    min-height: 90vh !important;
    width: 100% !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #0D0D0D !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding-top: 130px !important;
    padding-bottom: 70px !important;
    margin: 0 !important;
}
.banner-section::before,
.banner-section::after {
    display: none !important;
}

/* Vignette overlay: dark perimeter with subtle center darkness for high contrast */
.hero-vignette-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: radial-gradient(circle at center, rgba(10, 8, 7, 0.28) 0%, rgba(10, 8, 7, 0.62) 65%, rgba(6, 4, 3, 0.90) 100%),
                linear-gradient(180deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.55) 80%, rgba(10, 8, 7, 0.95) 100%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.hero-content-container {
    z-index: 2 !important;
    position: relative !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.banner-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* Centered Banner Content */
.banner-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    max-width: 820px !important;
    margin: 0 auto !important;
    z-index: 3 !important;
}

/* Eyebrow Tagline: "OUR ORIGINAL" / tag line */
.banner-content .txt {
    order: 1 !important;
    font-family: var(--heading-fonts) !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    letter-spacing: 4.5px !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.95) !important;
    margin-bottom: 14px !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.85) !important;
    line-height: 1.5 !important;
    display: inline-block !important;
}

/* Main Display Title: "Bison Burgers" / header title */
.banner-content .title {
    order: 2 !important;
    font-family: 'Oswald', 'Sora', sans-serif !important;
    font-size: clamp(42px, 6.5vw, 84px) !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    line-height: 1.08 !important;
    color: #FFFFFF !important;
    margin-bottom: 16px !important;
    text-transform: none !important;
    text-shadow: 0 4px 24px rgba(0, 0, 0, 0.9) !important;
}

/* Subtitle Description */
.banner-content .subtitle {
    order: 3 !important;
    font-family: var(--body-fonts) !important;
    font-size: clamp(15px, 1.35vw, 18px) !important;
    font-weight: 400 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    line-height: 1.65 !important;
    max-width: 680px !important;
    margin: 0 auto 28px auto !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.85) !important;
}

/* Signature Rectangular Outline Button: "SHOP NOW" */
.hero-cta-button-wrap {
    order: 4 !important;
    margin-top: 4px !important;
}
.btn-hero-outline {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 13px 40px !important;
    border: 2px solid #FFFFFF !important;
    background: transparent !important;
    color: #FFFFFF !important;
    font-family: var(--heading-fonts) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 2.2px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border-radius: 999px !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    backdrop-filter: blur(4px) !important;
    box-shadow: none !important;
}
.btn-hero-outline:hover {
    background: #FFFFFF !important;
    color: #141414 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
}

/* Bottom Slider Pagination Dots */
.hero-bottom-slider-dots {
    position: absolute !important;
    bottom: 24px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    z-index: 3 !important;
}
.hero-bottom-slider-dots .slider-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.45) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}
.hero-bottom-slider-dots .slider-dot.active {
    width: 22px !important;
    border-radius: 999px !important;
    background: #FFFFFF !important;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.6) !important;
}

/* Hide legacy floating vendor shapes & glass blur circles */
.shape-1,
.shape-2,
.shape-3,
.glass-1,
.glass-2,
.glass-3,
.banner-section .shape-1,
.banner-section .shape-2,
.banner-section .shape-3,
.banner-section .glass-1,
.banner-section .glass-2,
.banner-section .glass-3 {
    display: none !important;
}

/* ============================================================================
   FOOD DELIVERY EXPERIENCE SHOWCASE (PREMIUM BENTO CARD CANVAS)
   ============================================================================ */
.about-section {
    position: relative !important;
    padding: 90px 0 !important;
    background: #FAFAFB !important;
    overflow: hidden !important;
}

/* Elevated Sculpted Card Canvas */
.about-showcase-card {
    position: relative !important;
    /* background: #FFFFFF !important;
    border: 1px solid rgba(226, 226, 234, 0.85) !important;
    border-radius: 36px !important;
    padding: 70px 60px !important;
    box-shadow: 0 20px 50px -15px rgba(20, 20, 25, 0.07), 0 0 0 1px rgba(0, 0, 0, 0.02) !important;
    overflow: hidden !important;
    transition: box-shadow 0.3s ease !important; */
}

.about-showcase-card:hover {
    /* box-shadow: 0 30px 60px -15px rgba(20, 20, 25, 0.11), 0 0 0 1px rgba(226, 55, 68, 0.08) !important; */
}

/* Subtle Card Ambient Glow */
.about-showcase-card::before {
    content: "" !important;
    position: absolute !important;
    top: -120px !important;
    right: -120px !important;
    width: 380px !important;
    height: 380px !important;
    background: radial-gradient(circle, rgba(226, 55, 68, 0.08) 0%, rgba(226, 55, 68, 0) 70%) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}

/* Brand Eyebrow Tag with Live Pulse Dot */
.about-brand-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(226, 55, 68, 0.09) !important;
    border: 1.5px solid rgba(226, 55, 68, 0.28) !important;
    padding: 7px 18px !important;
    border-radius: 999px !important;
    margin-bottom: 22px !important;
    width: fit-content !important;
}

.about-brand-tag .tag-pulse-dot {
    width: 8px !important;
    height: 8px !important;
    background: #E23744 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 3px rgba(226, 55, 68, 0.25) !important;
    animation: tagPulse 2s infinite !important;
}

@keyframes tagPulse {
    0% { box-shadow: 0 0 0 0 rgba(226, 55, 68, 0.5); }
    70% { box-shadow: 0 0 0 6px rgba(226, 55, 68, 0); }
    100% { box-shadow: 0 0 0 0 rgba(226, 55, 68, 0); }
}

.about-brand-tag .tag-text {
    font-family: var(--heading-fonts) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 1.8px !important;
    text-transform: uppercase !important;
    color: #E23744 !important;
}

/* High-Impact Headline */
.about-headline {
    font-family: var(--heading-fonts) !important;
    font-size: 42px !important;
    font-weight: 800 !important;
    line-height: 1.18 !important;
    letter-spacing: -0.025em !important;
    color: #141414 !important;
    margin-bottom: 20px !important;
}

/* Description Narrative */
.about-description {
    font-family: var(--body-fonts) !important;
    font-size: 16.5px !important;
    line-height: 1.75 !important;
    color: #55555F !important;
    margin-bottom: 28px !important;
    max-width: 500px !important;
}

/* Food Delivery Micro-Highlights Bar */
.food-delivery-highlights {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-bottom: 34px !important;
}

.highlight-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #F6F6F8 !important;
    border: 1px solid #ECECEF !important;
    padding: 8px 16px !important;
    border-radius: 999px !important;
    transition: all 0.2s ease !important;
}

.highlight-chip:hover {
    background: #FFF5F5 !important;
    border-color: rgba(226, 55, 68, 0.3) !important;
    transform: translateY(-1px) !important;
}

.highlight-chip .chip-icon {
    font-size: 15px !important;
    line-height: 1 !important;
}

.highlight-chip .chip-text {
    font-family: var(--heading-fonts) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #24242A !important;
    letter-spacing: 0.2px !important;
}

/* CTA Delivery Button */
.about-cta-wrapper {
    display: flex !important;
    align-items: center !important;
}

.btn-delivery-cta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    background: #E23744 !important;
    color: #FFFFFF !important;
    padding: 15px 36px !important;
    font-family: var(--heading-fonts) !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.6px !important;
    border-radius: 999px !important;
    border: none !important;
    box-shadow: 0 10px 26px -4px rgba(226, 55, 68, 0.45) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.btn-delivery-cta:hover {
    background: #CB202D !important;
    color: #FFFFFF !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 32px -4px rgba(226, 55, 68, 0.55) !important;
}

.btn-delivery-cta svg {
    transition: transform 0.25s ease !important;
}

.btn-delivery-cta:hover svg {
    transform: translateX(4px) !important;
}

/* Visual Presentation Container */
.about-visual-container {
    position: relative !important;
    display: inline-block !important;
    width: 100% !important;
    max-width: 480px !important;
    margin: 0 auto !important;
    padding: 16px 12px !important;
}

/* Warm Culinary Ambient Glow */
.visual-ambient-glow {
    position: absolute !important;
    inset: -20px !important;
    background: radial-gradient(circle at center, rgba(226, 55, 68, 0.22) 0%, rgba(226, 55, 68, 0) 70%) !important;
    border-radius: 46px !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

/* Offset Backdrop Plate for Dimensional Depth */
.visual-backdrop-plate {
    position: absolute !important;
    inset: 22px -10px -10px 22px !important;
    background: linear-gradient(135deg, #FFF5F5 0%, #FFF5F5 100%) !important;
    border: 2px solid rgba(226, 55, 68, 0.25) !important;
    border-radius: 38px !important;
    z-index: 1 !important;
    pointer-events: none !important;
    transition: transform 0.4s ease !important;
}

.about-visual-container:hover .visual-backdrop-plate {
    transform: translate(4px, 4px) !important;
}

/* Main Food Image Frame with Rounded Borders */
.visual-image-frame {
    position: relative !important;
    z-index: 2 !important;
    border-radius: 32px !important; /* ROUNDED BORDER AS REQUESTED */
    overflow: hidden !important;
    border: 6px solid #FFFFFF !important;
    box-shadow: 0 24px 50px -15px rgba(20, 20, 25, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    background: #FFFFFF !important;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease !important;
}

.about-visual-container:hover .visual-image-frame {
    transform: translateY(-4px) scale(1.01) !important;
    box-shadow: 0 30px 60px -15px rgba(20, 20, 25, 0.24), 0 0 0 1px rgba(226, 55, 68, 0.25) !important;
}

.visual-image-frame img.about-img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 26px !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.about-visual-container:hover .visual-image-frame img.about-img {
    transform: scale(1.03) !important;
}

/* Floating Food Delivery Micro-Badges */
.floating-badge {
    position: absolute !important;
    z-index: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    box-shadow: 0 12px 30px -6px rgba(18, 16, 15, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.04) !important;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    animation: badgeFloat 4s ease-in-out infinite !important;
    pointer-events: none !important;
}

.badge-top-left {
    top: 4px !important;
    left: -16px !important;
}

.badge-bottom-right {
    bottom: 2px !important;
    right: -16px !important;
    animation-delay: 2s !important;
}

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

.floating-badge .badge-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #10B981 !important;
    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.25) !important;
}

.floating-badge .badge-text {
    font-family: var(--heading-fonts) !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #141414 !important;
    letter-spacing: 0.3px !important;
    white-space: nowrap !important;
}

/* Zone Showcase Specific Styling */
.zone-showcase-card {
    background: linear-gradient(135deg, #FFFFFF 0%, #FAF9F7 100%) !important;
    border-color: rgba(226, 55, 68, 0.16) !important;
    margin-top: 30px !important;
}

.zone-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding-bottom: 10px !important;
}

.zone-list .item {
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 999px !important;
    border: 1.5px solid #EBEBEF !important;
    background: #FFFFFF !important;
    padding: 9px 22px !important;
    color: #24242C !important;
    font-family: var(--heading-fonts) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.22s ease !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

.zone-list .item:hover {
    border-color: #E23744 !important;
    color: #E23744 !important;
    background: rgba(226, 55, 68, 0.08) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(226, 55, 68, 0.18) !important;
}

/* Responsive Overrides */
@media (max-width: 991px) {
    /* Mobile Hamburger Toggle: VISIBLE only on mobile/tablet screens */
    .nav-toggle {
        display: flex !important;
        width: 26px !important;
        height: 19px !important;
        position: relative !important;
        cursor: pointer !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        margin-left: 6px !important;
        z-index: 1051 !important;
    }
    .nav-toggle span {
        display: block !important;
        height: 2.2px !important;
        width: 100% !important;
        background: #FFFFFF !important;
        border-radius: 2px !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;
    }
    .nav-toggle.active span:nth-child(1) {
        transform: translateY(8.5px) rotate(45deg) !important;
    }
    .nav-toggle.active span:nth-child(2) {
        opacity: 0 !important;
    }
    .nav-toggle.active span:nth-child(3) {
        transform: translateY(-8.5px) rotate(-45deg) !important;
    }

    .header-wrapper .menu {
        position: fixed !important;
        top: 0 !important;
        right: -100% !important;
        width: 280px !important;
        height: 100vh !important;
        background: rgba(14, 12, 11, 0.98) !important;
        backdrop-filter: blur(24px) !important;
        -webkit-backdrop-filter: blur(24px) !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        padding: 90px 30px 40px !important;
        gap: 20px !important;
        transition: right 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
        box-shadow: -10px 0 30px rgba(0, 0, 0, 0.7) !important;
        border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
        z-index: 999 !important;
    }
    .header-wrapper .menu.active {
        right: 0 !important;
    }
    .header-wrapper .menu li a {
        font-size: 15px !important;
        letter-spacing: 2px !important;
        padding: 10px 0 !important;
    }
    .banner-section {
        min-height: 85vh !important;
        padding-top: 110px !important;
        padding-bottom: 50px !important;
    }
    .about-section {
        padding: 50px 0 !important;
    }
    .about-showcase-card {
        padding: 45px 28px !important;
        border-radius: 28px !important;
        text-align: center !important;
    }
    .about-content {
        max-width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        margin-bottom: 36px !important;
    }
    .about-headline {
        font-size: 32px !important;
    }
    .about-description {
        margin: 0 auto 24px !important;
    }
    .food-delivery-highlights {
        justify-content: center !important;
    }
    .about-visual-container {
        max-width: 420px !important;
        margin-top: 10px !important;
    }
    .badge-top-left {
        top: -6px !important;
        left: 0 !important;
    }
    .badge-bottom-right {
        bottom: -6px !important;
        right: 0 !important;
    }
    .zone-list {
        justify-content: center !important;
    }
}

@media (max-width: 576px) {
    .header-right-group {
        gap: 8px !important;
    }
    .dropdown--btn-hover .header--btn,
    .header--btn {
        padding: 5px 12px !important;
        font-size: 11px !important;
    }
    .dropdown--btn.btn-base {
        padding: 6px 14px !important;
        font-size: 11.5px !important;
    }
    .banner-content .title {
        font-size: 34px !important;
    }
    .banner-content .txt {
        font-size: 11px !important;
        letter-spacing: 3px !important;
    }
    .btn-hero-outline {
        padding: 10px 26px !important;
        font-size: 12px !important;
        letter-spacing: 1.5px !important;
    }
    .about-section {
        padding: 30px 0 !important;
    }
    .about-showcase-card {
        padding: 30px 16px !important;
        border-radius: 22px !important;
    }
    .about-brand-tag {
        padding: 5px 14px !important;
        margin-bottom: 16px !important;
    }
    .about-brand-tag .tag-text {
        font-size: 11.5px !important;
    }
    .about-headline {
        font-size: 26px !important;
        line-height: 1.24 !important;
    }
    .about-description {
        font-size: 14.5px !important;
        line-height: 1.65 !important;
        margin-bottom: 20px !important;
    }
    .food-delivery-highlights {
        gap: 8px !important;
        margin-bottom: 24px !important;
    }
    .highlight-chip {
        padding: 6px 12px !important;
    }
    .highlight-chip .chip-text {
        font-size: 12px !important;
    }
    .btn-delivery-cta {
        width: 100% !important;
        justify-content: center !important;
        padding: 13px 24px !important;
        font-size: 13.5px !important;
    }
    .visual-image-frame {
        border-radius: 22px !important;
        border-width: 4px !important;
    }
    .visual-image-frame img.about-img {
        border-radius: 18px !important;
    }
    .visual-backdrop-plate {
        border-radius: 26px !important;
        inset: 12px -6px -6px 12px !important;
    }
    .floating-badge {
        padding: 7px 12px !important;
    }
    .floating-badge .badge-text {
        font-size: 11px !important;
    }
}

/* ---------- sections & cards ---------- */
section { background: var(--section-bg); }
.choose-item,
.feature-item,
.about-section .cont {
    border-radius: 24px !important;
}
.choose-item {
    background: #FFFFFF !important;
    border: 1.5px solid var(--border) !important;
    box-shadow: var(--base-shadow) !important;
    transition: transform .18s ease, box-shadow .18s ease;
}
.choose-item:hover { transform: translateY(-3px); }
.section-header .title::before,
.section-header .title::after { display: none !important; }

/* ==========================================================================
   Food Delivery Platform Section ("Made for everyone") - Fastia Luxury Theme
   ========================================================================== */

.platform-section {
    position: relative !important;
    background: #FAFAFB !important;
    padding: 95px 0 110px !important;
    overflow: hidden !important;
}

.platform-section::before {
    content: "" !important;
    position: absolute !important;
    top: -60px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 900px !important;
    height: 400px !important;
    background: radial-gradient(ellipse at top, rgba(226, 55, 68, 0.07) 0%, rgba(250, 250, 251, 0) 70%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

/* Section Header */
.platform-section .section-header {
    position: relative !important;
    z-index: 2 !important;
    max-width: 680px !important;
    margin: 0 auto 46px !important;
    text-align: center !important;
}

.platform-section .section-header::before {
    content: "" !important;
    display: inline-block !important;
    width: 8px !important;
    height: 8px !important;
    background: #E23744 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 4px rgba(226, 55, 68, 0.22) !important;
    margin-bottom: 14px !important;
    animation: tagPulse 2s infinite !important;
}

.platform-section .section-header .title {
    font-family: var(--heading-fonts) !important;
    font-size: 38px !important;
    font-weight: 800 !important;
    line-height: 1.22 !important;
    letter-spacing: -0.025em !important;
    color: #141414 !important;
    margin-bottom: 12px !important;
}

.platform-section .section-header .title .text-base {
    color: #141414 !important;
}

.platform-section .section-header p {
    font-family: var(--body-fonts) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #616172 !important;
    max-width: 540px !important;
    margin: 0 auto !important;
}

/* Tab Navigation Wrapper (Dock Style) */
.platform-tab-nav-wrapper {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 45px !important;
    position: relative !important;
    z-index: 2 !important;
}

.platform-pill-tabs {
    display: inline-flex !important;
    align-items: center !important;
    background: #FFFFFF !important;
    border: 1.5px solid #EDEDF2 !important;
    border-radius: 999px !important;
    padding: 6px !important;
    box-shadow: 0 8px 24px -4px rgba(20, 20, 30, 0.06), 0 2px 6px rgba(0, 0, 0, 0.02) !important;
    gap: 8px !important;
    margin: 0 auto !important;
    list-style: none !important;
}

.platform-pill-tabs li {
    margin: 0 !important;
    padding: 0 !important;
}

/* Pill Tab Buttons */
.platform-pill-tabs li .nav-link {
    border: none !important;
    background: transparent !important;
    color: #555564 !important;
    padding: 12px 26px !important;
    border-radius: 999px !important;
    font-family: var(--heading-fonts) !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    white-space: nowrap !important;
    transition: all 0.25s ease !important;
    position: relative !important;
}

/* Obliterate old line pseudo elements from main.css */
.platform-pill-tabs li .nav-link::before,
.platform-pill-tabs li .nav-link::after {
    display: none !important;
    content: none !important;
}

.platform-pill-tabs li .nav-link .tab-icon-box {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: rgba(226, 55, 68, 0.08) !important;
    transition: all 0.25s ease !important;
}

.platform-pill-tabs li .nav-link .tab-icon-box img {
    width: 17px !important;
    height: 17px !important;
    object-fit: contain !important;
    margin: 0 !important;
    transition: filter 0.25s ease !important;
}

.platform-pill-tabs li .nav-link .tab-text {
    color: inherit !important;
    display: inline-block !important;
}

/* Inactive Tab Hover */
.platform-pill-tabs li .nav-link:hover:not(.active) {
    background: #F4F4F7 !important;
    color: #141414 !important;
}

/* ACTIVE TAB (Obsidian Pill) */
.platform-pill-tabs li .nav-link.active {
    background: #141414 !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 18px rgba(20, 20, 20, 0.22) !important;
}

.platform-pill-tabs li .nav-link.active .tab-icon-box {
    background: #E23744 !important;
}

.platform-pill-tabs li .nav-link.active .tab-icon-box img {
    filter: brightness(0) invert(1) !important;
}

.platform-pill-tabs li .nav-link.active .tab-text {
    color: #FFFFFF !important;
}

/* Platform Showcase Card (Inside Tab Pane) */
.platform-showcase-card {
    background: #FFFFFF !important;
    border: 1.5px solid #EDEDF2 !important;
    border-radius: 36px !important;
    padding: 54px 56px !important;
    box-shadow: 0 16px 45px -10px rgba(18, 18, 28, 0.06), 0 2px 8px rgba(0, 0, 0, 0.02) !important;
    position: relative !important;
    overflow: hidden !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

/* Card Glow Effect */
.platform-showcase-card::before {
    content: "" !important;
    position: absolute !important;
    top: -80px !important;
    right: -80px !important;
    width: 350px !important;
    height: 350px !important;
    background: radial-gradient(circle, rgba(226, 55, 68, 0.08) 0%, rgba(226, 55, 68, 0) 70%) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}

/* Left Column: Feature Blocks */
.platform-content {
    max-width: 580px !important;
}

.platform-feature-block {
    margin-bottom: 28px !important;
}

.platform-feature-header {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 8px !important;
}

.feature-chip-dot {
    width: 10px !important;
    height: 10px !important;
    background: #E23744 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 3px rgba(226, 55, 68, 0.2) !important;
    flex-shrink: 0 !important;
}

.platform-feature-header .subtitle {
    font-family: var(--heading-fonts) !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em !important;
    color: #141414 !important;
    margin: 0 !important;
}

.feature-desc {
    font-family: var(--body-fonts) !important;
    font-size: 15.5px !important;
    line-height: 1.65 !important;
    color: #616172 !important;
    margin: 0 0 0 22px !important;
    max-width: 480px !important;
}

/* CTA Pill Button */
.platform-btn-wrapper {
    margin-top: 32px !important;
    margin-left: 22px !important;
}

.btn-platform-cta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    background: #141414 !important;
    color: #FFFFFF !important;
    padding: 15px 32px !important;
    border-radius: 999px !important;
    font-family: var(--heading-fonts) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: 0 8px 24px -4px rgba(20, 20, 20, 0.22) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.btn-platform-cta svg {
    transition: transform 0.25s ease !important;
}

.btn-platform-cta:hover {
    background: #E23744 !important;
    color: #FFFFFF !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 28px -4px rgba(226, 55, 68, 0.38) !important;
}

.btn-platform-cta:hover svg {
    transform: translateX(4px) !important;
}

/* Right Column: Visual Frame with Rounded Borders */
.platform-visual-container {
    position: relative !important;
    border-radius: 28px !important;
}

.platform-ambient-glow {
    position: absolute !important;
    inset: -12px !important;
    border-radius: 36px !important;
    background: radial-gradient(circle, rgba(226, 55, 68, 0.15) 0%, rgba(226, 55, 68, 0) 70%) !important;
    filter: blur(18px) !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

.platform-visual-frame {
    position: relative !important;
    z-index: 1 !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    box-shadow: 0 20px 48px -12px rgba(18, 18, 28, 0.14), 0 4px 12px rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    aspect-ratio: 4 / 3 !important;
    background: #F4F4F6 !important;
}

.platform-showcase-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 27px !important;
    display: block !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.platform-visual-frame:hover .platform-showcase-img {
    transform: scale(1.05) !important;
}

.platform-img-overlay {
    position: absolute !important;
    inset: 0 !important;
    border-radius: 27px !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.12) 0%, rgba(0,0,0,0.06) 100%) !important;
}

/* Floating Badge */
.platform-visual-container .floating-badge {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    z-index: 3 !important;
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(12px) !important;
    border-radius: 999px !important;
    padding: 8px 18px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.platform-visual-container .floating-badge .badge-dot {
    width: 8px !important;
    height: 8px !important;
    background: #E23744 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 3px rgba(226, 55, 68, 0.25) !important;
}

.platform-visual-container .floating-badge .badge-text {
    font-family: var(--heading-fonts) !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    color: #141414 !important;
}

/* Responsiveness */
@media (max-width: 991px) {
    .platform-section {
        padding: 75px 0 85px !important;
    }
    .platform-showcase-card {
        padding: 38px 32px !important;
        border-radius: 28px !important;
    }
    .platform-pill-tabs {
        flex-wrap: wrap !important;
        border-radius: 24px !important;
        justify-content: center !important;
    }
    .platform-pill-tabs li .nav-link {
        padding: 10px 18px !important;
        font-size: 13.5px !important;
    }
    .platform-feature-header .subtitle {
        font-size: 20px !important;
    }
    .feature-desc {
        font-size: 14.5px !important;
        margin-left: 0 !important;
    }
    .platform-btn-wrapper {
        margin-left: 0 !important;
    }
}

@media (max-width: 575px) {
    .platform-section {
        padding: 60px 0 70px !important;
    }
    .platform-showcase-card {
        padding: 26px 20px !important;
        border-radius: 24px !important;
    }
    .platform-visual-frame {
        border-radius: 20px !important;
    }
    .platform-showcase-img,
    .platform-img-overlay {
        border-radius: 20px !important;
    }
    .platform-pill-tabs li .nav-link {
        padding: 8px 14px !important;
        font-size: 13px !important;
        gap: 8px !important;
    }
    .btn-platform-cta {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* client slider nav arrows → mono circles */
.client-nav button,
.client-prev,
.client-next {
    border-radius: 50% !important;
    background: #141414 !important;
    color: #FFFFFF !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* ==========================================================================
   Modern Food Delivery Newsletter & Luxury Footer Theme
   ========================================================================== */
.footer-bg {
    background: #11100F !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Floating Newsletter Section */
.newsletter-section {
    position: relative !important;
    margin-bottom: -70px !important;
    z-index: 10 !important;
    background: transparent !important;
}

.newsletter-bento-card {
    position: relative !important;
    background: linear-gradient(135deg, #1C1A18 0%, #131211 100%) !important;
    border: 1.5px solid rgba(226, 55, 68, 0.28) !important;
    border-radius: 32px !important;
    padding: 48px 50px !important;
    box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.6), 0 0 40px -10px rgba(226, 55, 68, 0.15) !important;
    overflow: hidden !important;
}

.newsletter-glow-orb {
    position: absolute !important;
    top: -100px !important;
    right: -80px !important;
    width: 320px !important;
    height: 320px !important;
    background: radial-gradient(circle, rgba(226, 55, 68, 0.22) 0%, rgba(226, 55, 68, 0) 70%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.newsletter-brand-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(226, 55, 68, 0.15) !important;
    border: 1px solid rgba(226, 55, 68, 0.35) !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
}

.newsletter-brand-tag .tag-pulse-dot {
    width: 8px !important;
    height: 8px !important;
    background: #E23744 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 10px #E23744 !important;
}

.newsletter-brand-tag .tag-text {
    color: #FF6575 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

.newsletter-headline {
    color: #FFFFFF !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.5px !important;
}

.newsletter-subtext {
    color: rgba(255, 255, 255, 0.72) !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

/* Subscription Input Pill */
.newsletter-form-pill {
    position: relative !important;
}

.newsletter-input-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 60px !important;
    padding: 6px 6px 6px 18px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
}

.newsletter-input-wrap:focus-within {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: #E23744 !important;
    box-shadow: 0 0 0 4px rgba(226, 55, 68, 0.2), 0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

.newsletter-input-icon {
    display: flex !important;
    align-items: center !important;
    color: rgba(255, 255, 255, 0.5) !important;
    margin-right: 12px !important;
    flex-shrink: 0 !important;
}

.newsletter-input-wrap:focus-within .newsletter-input-icon {
    color: #E23744 !important;
}

.newsletter-input {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #FFFFFF !important;
    font-size: 15px !important;
    padding: 10px 0 !important;
    height: auto !important;
    width: 100% !important;
}

.newsletter-input::placeholder {
    color: rgba(255, 255, 255, 0.45) !important;
}

.btn-newsletter-submit {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #E23744 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 60px !important;
    padding: 12px 24px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 6px 18px rgba(226, 55, 68, 0.4) !important;
}

.btn-newsletter-submit:hover {
    background: #CB202D !important;
    background-image: none !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(226, 55, 68, 0.5) !important;
    color: #FFFFFF !important;
}

.btn-newsletter-submit svg {
    transition: transform 0.25s ease !important;
}

.btn-newsletter-submit:hover svg {
    transform: translateX(4px) !important;
}

.newsletter-privacy-note {
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.5) !important;
    padding-left: 14px !important;
}

/* Footer Bottom Section */
.footer-bottom {
    background: #11100F !important;
    padding-top: 130px !important;
    padding-bottom: 40px !important;
    border-radius: 40px 40px 0 0 !important;
    border-top: 1px solid rgba(226, 55, 68, 0.15) !important;
    position: relative !important;
}

/* Brand Column */
.footer-brand-logo {
    max-width: 170px !important;
    height: auto !important;
    display: block !important;
    filter: brightness(1.05) !important;
}

.footer-bio-text {
    color: rgba(255, 255, 255, 0.65) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    max-width: 320px !important;
}

/* App Badges with Rounded Borders */
.footer-app-btn {
    display: inline-block !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    border: 1.5px solid rgba(255, 255, 255, 0.14) !important;
    background: rgba(255, 255, 255, 0.05) !important;
    padding: 4px 6px !important;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
    text-decoration: none !important;
}

.footer-app-btn:hover {
    transform: translateY(-3px) !important;
    border-color: #E23744 !important;
    background: rgba(226, 55, 68, 0.12) !important;
    box-shadow: 0 8px 20px rgba(226, 55, 68, 0.25) !important;
}

.footer-app-btn .app-store-img {
    height: 38px !important;
    width: auto !important;
    display: block !important;
    border-radius: 10px !important;
}

/* Social Buttons */
.footer-social-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 16px !important;
    transition: all 0.25s ease !important;
    text-decoration: none !important;
}

.footer-social-btn:hover {
    background: #E23744 !important;
    border-color: #E23744 !important;
    color: #FFFFFF !important;
    transform: translateY(-3px) scale(1.05) !important;
    box-shadow: 0 6px 16px rgba(226, 55, 68, 0.4) !important;
}

/* Footer Column Titles */
.footer-column-title {
    color: #FFFFFF !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    margin-bottom: 22px !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    letter-spacing: -0.2px !important;
}

.footer-column-title .title-indicator {
    width: 6px !important;
    height: 14px !important;
    background: #E23744 !important;
    border-radius: 4px !important;
    display: inline-block !important;
}

/* Links List */
.footer-link-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.footer-link-list li a {
    color: rgba(255, 255, 255, 0.65) !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    display: inline-flex !important;
    align-items: center !important;
}

.footer-link-list li a:hover {
    color: #E23744 !important;
    transform: translateX(4px) !important;
}

/* Contact Stack */
.footer-contact-stack {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}

.footer-contact-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    text-decoration: none !important;
    color: rgba(255, 255, 255, 0.72) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    transition: all 0.25s ease !important;
}

.footer-contact-item:hover {
    color: #FFFFFF !important;
}

.footer-contact-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 12px !important;
    background: rgba(226, 55, 68, 0.12) !important;
    border: 1px solid rgba(226, 55, 68, 0.25) !important;
    color: #E23744 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    transition: all 0.25s ease !important;
}

.footer-contact-item:hover .footer-contact-icon {
    background: #E23744 !important;
    color: #FFFFFF !important;
    transform: scale(1.08) !important;
    box-shadow: 0 6px 16px rgba(226, 55, 68, 0.35) !important;
}

.footer-contact-text {
    padding-top: 6px !important;
}

/* Footer Bottom Bar */
.footer-bottom-bar {
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: rgba(255, 255, 255, 0.45) !important;
    font-size: 13px !important;
}

.footer-heart-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 13px !important;
}

.footer-heart-badge .heart-pulse {
    display: inline-block !important;
    animation: heartBeat 2s infinite ease-in-out !important;
}

@keyframes heartBeat {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.2); }
}

/* Responsive Media Queries for Newsletter & Footer */
@media (max-width: 991px) {
    .newsletter-section {
        margin-bottom: -50px !important;
    }
    .newsletter-bento-card {
        padding: 36px 28px !important;
    }
    .newsletter-headline {
        font-size: 25px !important;
    }
    .footer-bottom {
        padding-top: 100px !important;
    }
    .footer-col-links {
        margin-top: 10px !important;
    }
}

@media (max-width: 575px) {
    .newsletter-section {
        margin-bottom: -40px !important;
    }
    .newsletter-bento-card {
        padding: 28px 20px !important;
        border-radius: 24px !important;
    }
    .newsletter-headline {
        font-size: 21px !important;
    }
    .newsletter-input-wrap {
        flex-direction: column !important;
        border-radius: 22px !important;
        padding: 10px !important;
        gap: 10px !important;
    }
    .newsletter-input {
        padding: 8px 10px !important;
        text-align: center !important;
    }
    .newsletter-input-icon {
        display: none !important;
    }
    .btn-newsletter-submit {
        width: 100% !important;
        justify-content: center !important;
        border-radius: 16px !important;
        padding: 12px !important;
    }
    .footer-bottom {
        padding-top: 80px !important;
        border-radius: 28px 28px 0 0 !important;
    }
    .footer-bottom-bar {
        flex-direction: column !important;
        gap: 12px !important;
        text-align: center !important;
    }
}


/* ---------- misc ---------- */
#landing-loader { background: #FFFFFF !important; }
::selection { background: #E23744; color: #1F1F1F; }
a { text-decoration-color: rgba(226,55,68,0.4); }

/* ==========================================================================
   Asymmetric Gourmet Bento Grid ("Everything you need") - Fastia Luxury Theme
   ========================================================================== */

.feature-bento-section {
    position: relative !important;
    background: #F8F9FA !important;
    padding: 95px 0 110px !important;
    overflow: hidden !important;
}

/* Subtle gourmet ambient glow */
.feature-bento-section::before {
    content: "" !important;
    position: absolute !important;
    top: -80px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 900px !important;
    height: 480px !important;
    background: radial-gradient(ellipse at top, rgba(226, 55, 68, 0.08) 0%, rgba(248, 249, 250, 0) 70%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.bento-grid-wrapper {
    position: relative !important;
    z-index: 2 !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
}

/* Section Header */
.feature-bento-section .section-header {
    position: relative !important;
    z-index: 2 !important;
    max-width: 680px !important;
    margin: 0 auto 52px !important;
    text-align: center !important;
}

/* Live pulse dot indicator above the title */
.feature-bento-section .section-header::before {
    content: "" !important;
    display: inline-block !important;
    width: 8px !important;
    height: 8px !important;
    background: #E23744 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 4px rgba(226, 55, 68, 0.22) !important;
    margin-bottom: 14px !important;
    animation: tagPulse 2s infinite !important;
}

.feature-bento-section .section-header .title {
    font-family: var(--heading-fonts) !important;
    font-size: 38px !important;
    font-weight: 800 !important;
    line-height: 1.22 !important;
    letter-spacing: -0.025em !important;
    color: #141414 !important;
    margin-bottom: 12px !important;
}

.feature-bento-section .section-header .title .text-base {
    color: #141414 !important;
}

.feature-bento-section .section-header p {
    font-family: var(--body-fonts) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #616172 !important;
    max-width: 540px !important;
    margin: 0 auto !important;
}

/* Bento Card Foundation */
.bento-card {
    position: relative !important;
    width: 100% !important;
    background: #FFFFFF !important;
    border: 1.5px solid #EDEDF2 !important;
    border-radius: 28px !important;
    box-shadow: 0 10px 30px -6px rgba(18, 18, 28, 0.05), 0 2px 6px rgba(0, 0, 0, 0.02) !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease, border-color 0.35s ease !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.bento-card:hover {
    transform: translateY(-7px) !important;
    border-color: rgba(226, 55, 68, 0.38) !important;
    box-shadow: 0 24px 50px -10px rgba(226, 55, 68, 0.16), 0 10px 24px -4px rgba(18, 18, 28, 0.06) !important;
}

.bento-card-inner {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    padding: 22px !important;
    gap: 20px !important;
}

/* Bento Card Wide (Desktop 7-Column Cards) */
@media (min-width: 992px) {
    .bento-card-wide .bento-card-inner {
        flex-direction: row !important;
        align-items: center !important;
        gap: 26px !important;
        padding: 24px !important;
    }

    .bento-card-wide .bento-img-container {
        width: 46% !important;
        height: 100% !important;
        min-height: 220px !important;
        flex-shrink: 0 !important;
    }

    .bento-card-wide .bento-body {
        width: 54% !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        padding: 8px 12px 8px 0 !important;
    }
}

/* Bento Card Compact (Desktop 5-Column Cards) */
.bento-card-compact .bento-card-inner {
    flex-direction: column !important;
    padding: 22px !important;
    gap: 18px !important;
}

.bento-card-compact .bento-img-container {
    width: 100% !important;
    aspect-ratio: 16 / 10 !important;
    max-height: 200px !important;
}

.bento-card-compact .bento-body {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

/* Rounded Food Image Container */
.bento-img-container {
    position: relative !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    background: #F4F4F6 !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
}

.bento-img-frame {
    width: 100% !important;
    height: 100% !important;
    border-radius: 21px !important;
    overflow: hidden !important;
    position: relative !important;
}

.bento-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 21px !important;
    display: block !important;
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.bento-card:hover .bento-img {
    transform: scale(1.06) !important;
}

/* Glass reflection on rounded image */
.bento-img-overlay {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 21px !important;
    border: 1px solid rgba(255, 255, 255, 0.45) !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.14) 0%, rgba(0,0,0,0.08) 100%) !important;
}

/* Floating number badge over the image */
.bento-step-badge {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    border-radius: 999px !important;
    padding: 4px 12px !important;
    z-index: 3 !important;
}

.bento-step-badge .badge-num {
    font-family: var(--heading-fonts) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    color: #E23744 !important;
}

/* Bento Card Typography */
.bento-title {
    font-family: var(--heading-fonts) !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.015em !important;
    color: #141414 !important;
    margin: 0 0 10px 0 !important;
    transition: color 0.25s ease !important;
}

.bento-card:hover .bento-title {
    color: #E23744 !important;
}

.bento-text {
    font-family: var(--body-fonts) !important;
    font-size: 14.5px !important;
    font-weight: 400 !important;
    line-height: 1.62 !important;
    color: #616172 !important;
    margin: 0 0 16px 0 !important;
    flex-grow: 1 !important;
}

.bento-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-top: auto !important;
    padding-top: 12px !important;
    border-top: 1px solid #F1F1F5 !important;
}

.bento-indicator-line {
    width: 28px !important;
    height: 3px !important;
    background: #E5E5EB !important;
    border-radius: 999px !important;
    transition: width 0.3s ease, background-color 0.3s ease !important;
}

.bento-card:hover .bento-indicator-line {
    width: 48px !important;
    background: #E23744 !important;
}

.bento-arrow-icon {
    width: 28px !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: #F5F5F7 !important;
    color: #8C8C9A !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.bento-card:hover .bento-arrow-icon {
    background: #E23744 !important;
    color: #FFFFFF !important;
    transform: translateX(4px) !important;
}

/* Tablet Responsiveness */
@media (max-width: 991px) {
    .feature-bento-section {
        padding: 75px 0 85px !important;
    }
    .feature-bento-section .section-header {
        margin-bottom: 40px !important;
    }
    .feature-bento-section .section-header .title {
        font-size: 32px !important;
    }
    .bento-card {
        border-radius: 24px !important;
    }
    .bento-card-inner {
        padding: 20px !important;
        gap: 16px !important;
    }
    .bento-img-container {
        border-radius: 18px !important;
        aspect-ratio: 16 / 10 !important;
        max-height: 210px !important;
    }
    .bento-img-frame,
    .bento-img,
    .bento-img-overlay {
        border-radius: 18px !important;
    }
    .bento-title {
        font-size: 19px !important;
    }
}

/* Mobile Responsiveness */
@media (max-width: 575px) {
    .feature-bento-section {
        padding: 60px 0 70px !important;
    }
    .feature-bento-section .section-header {
        margin-bottom: 30px !important;
    }
    .feature-bento-section .section-header .title {
        font-size: 26px !important;
    }
    .feature-bento-section .section-header p {
        font-size: 14.5px !important;
    }
    .bento-card {
        border-radius: 22px !important;
    }
    .bento-card-inner {
        padding: 16px !important;
        gap: 14px !important;
    }
    .bento-img-container {
        border-radius: 16px !important;
        margin-bottom: 2px !important;
        aspect-ratio: 16 / 10 !important;
        max-height: 180px !important;
    }
    .bento-img-frame,
    .bento-img,
    .bento-img-overlay {
        border-radius: 16px !important;
    }
    .bento-title {
        font-size: 18px !important;
        margin-bottom: 8px !important;
    }
    .bento-text {
        font-size: 13.5px !important;
        line-height: 1.55 !important;
        margin-bottom: 12px !important;
    }
}

.newsletter-bg { background: #141414 !important; }
.newsletter-bg::before { background: rgba(226, 55, 68, 0.10) !important; }

/* ============================================================================
   PLATFORM SHOWCASE: ALTERNATING 3-ROW STORY SHOWCASE
   ============================================================================ */
.platform-story-section {
    position: relative !important;
    padding: 100px 0 120px !important;
    background: #FAFAFB !important;
    overflow: hidden !important;
}

.platform-story-section::before {
    content: "" !important;
    position: absolute !important;
    top: -120px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 1000px !important;
    height: 450px !important;
    background: radial-gradient(ellipse at center, rgba(226, 55, 68, 0.07) 0%, rgba(226, 55, 68, 0) 70%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.platform-story-section .container {
    position: relative !important;
    z-index: 1 !important;
}

/* Header Eyebrow Tag */
.platform-header-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(226, 55, 68, 0.09) !important;
    border: 1.5px solid rgba(226, 55, 68, 0.28) !important;
    padding: 7px 20px !important;
    border-radius: 999px !important;
    margin: 0 auto 18px auto !important;
    width: fit-content !important;
}

.platform-header-tag .tag-pulse-dot {
    width: 8px !important;
    height: 8px !important;
    background: #E23744 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 3px rgba(226, 55, 68, 0.25) !important;
    animation: tagPulse 2s infinite !important;
}

.platform-header-tag .tag-text {
    font-family: var(--heading-fonts) !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    letter-spacing: 1.6px !important;
    text-transform: uppercase !important;
    color: #E23744 !important;
}

.platform-story-section .section-header .title {
    font-family: var(--heading-fonts) !important;
    font-size: clamp(32px, 3.6vw, 44px) !important;
    font-weight: 800 !important;
    color: #141414 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.2 !important;
    margin-bottom: 12px !important;
}

.platform-header-sub {
    font-family: var(--body-fonts) !important;
    font-size: clamp(15px, 1.3vw, 17px) !important;
    color: #616170 !important;
    max-width: 600px !important;
    margin: 0 auto 50px auto !important;
    line-height: 1.65 !important;
}

/* Story Wrapper & Stacked Cards */
.platform-story-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 40px !important;
}

.platform-story-card {
    position: relative !important;
    background: #FFFFFF !important;
    border: 1.5px solid #EDEDF2 !important;
    border-radius: 32px !important;
    padding: 44px 44px !important;
    box-shadow: 0 16px 45px -12px rgba(20, 20, 30, 0.06), 0 2px 8px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
}

.platform-story-card:hover {
    border-color: rgba(226, 55, 68, 0.36) !important;
    box-shadow: 0 24px 55px -12px rgba(226, 55, 68, 0.16), 0 6px 20px rgba(0, 0, 0, 0.04) !important;
    transform: translateY(-4px) !important;
}

/* Visual Presentation Wrap */
.story-visual-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 8px !important;
}

.story-ambient-glow {
    position: absolute !important;
    inset: -15px !important;
    border-radius: 40px !important;
    filter: blur(36px) !important;
    opacity: 0.5 !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.story-ambient-glow.glow-orange {
    background: radial-gradient(circle, rgba(226, 55, 68, 0.32) 0%, rgba(226, 55, 68, 0) 70%) !important;
}

.story-ambient-glow.glow-emerald {
    background: radial-gradient(circle, rgba(13, 159, 79, 0.28) 0%, rgba(13, 159, 79, 0) 70%) !important;
}

.story-ambient-glow.glow-blue {
    background: radial-gradient(circle, rgba(22, 119, 255, 0.28) 0%, rgba(22, 119, 255, 0) 70%) !important;
}

.story-backdrop-plate {
    position: absolute !important;
    inset: 4px -6px -6px 4px !important;
    background: #F4F4F8 !important;
    border-radius: 28px !important;
    z-index: 1 !important;
    transform: rotate(-1.5deg) !important;
    transition: transform 0.4s ease !important;
}

.platform-story-card:hover .story-backdrop-plate {
    transform: rotate(0deg) scale(1.02) !important;
}

/* Image Frame */
.story-img-frame {
    position: relative !important;
    width: 100% !important;
    border-radius: 26px !important;
    overflow: hidden !important;
    aspect-ratio: 16 / 11 !important;
    z-index: 2 !important;
    box-shadow: 0 16px 36px -10px rgba(20, 20, 30, 0.14) !important;
}

.story-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 26px !important;
    transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.platform-story-card:hover .story-img {
    transform: scale(1.05) !important;
}

.story-img-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.32) 100%) !important;
    border-radius: 26px !important;
    pointer-events: none !important;
}

/* Floating Badges */
.story-floating-badge {
    position: absolute !important;
    z-index: 4 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.9) !important;
    padding: 7px 16px !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 24px rgba(20, 20, 30, 0.12) !important;
    transition: all 0.3s ease !important;
}

.story-floating-badge.badge-top-left {
    top: 24px !important;
    left: 20px !important;
}

.story-floating-badge.badge-bottom-right {
    bottom: 24px !important;
    right: 20px !important;
}

.platform-story-card:hover .story-floating-badge {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px rgba(20, 20, 30, 0.16) !important;
}

.story-floating-badge .badge-dot.dot-pulse {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #E23744 !important;
    box-shadow: 0 0 0 3px rgba(226, 55, 68, 0.25) !important;
    animation: tagPulse 2s infinite !important;
}

.story-floating-badge .badge-icon {
    font-size: 13px !important;
    line-height: 1 !important;
}

.story-floating-badge .badge-text {
    font-family: var(--heading-fonts) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #141414 !important;
    letter-spacing: 0.2px !important;
}

/* Content Wrap */
.story-content-wrap {
    padding: 10px 18px !important;
}

.story-audience-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 16px !important;
    border-radius: 999px !important;
    font-family: var(--heading-fonts) !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    margin-bottom: 18px !important;
}

.story-audience-pill.tag-customers {
    background: #FFF5F5 !important;
    color: #E23744 !important;
    border: 1px solid rgba(226, 55, 68, 0.25) !important;
}
.story-audience-pill.tag-customers .pill-dot {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: #E23744 !important;
}

.story-audience-pill.tag-partners {
    background: #E8F7EE !important;
    color: #0D9F4F !important;
    border: 1px solid rgba(13, 159, 79, 0.25) !important;
}
.story-audience-pill.tag-partners .pill-dot {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: #0D9F4F !important;
}

.story-audience-pill.tag-riders {
    background: #EBF4FE !important;
    color: #1677FF !important;
    border: 1px solid rgba(22, 119, 255, 0.25) !important;
}
.story-audience-pill.tag-riders .pill-dot {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: #1677FF !important;
}

.story-title {
    font-family: var(--heading-fonts) !important;
    font-size: clamp(26px, 2.6vw, 36px) !important;
    font-weight: 800 !important;
    color: #141414 !important;
    line-height: 1.22 !important;
    letter-spacing: -0.02em !important;
    margin-bottom: 14px !important;
}

.story-description {
    font-family: var(--body-fonts) !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #555562 !important;
    margin-bottom: 24px !important;
    max-width: 520px !important;
}

/* Perk Highlight Box */
.story-perk-card {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    background: #F8F8FB !important;
    border: 1px dashed #DFE1E8 !important;
    border-radius: 18px !important;
    padding: 14px 18px !important;
    margin-bottom: 28px !important;
    max-width: 520px !important;
    transition: all 0.25s ease !important;
}

.platform-story-card:hover .story-perk-card {
    background: #FFF8F8 !important;
    border-color: rgba(226, 55, 68, 0.35) !important;
}

.perk-icon-wrap {
    width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
    background: #FFF5F5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.perk-icon-wrap.icon-emerald {
    background: #E6F7ED !important;
}

.perk-icon-wrap.icon-blue {
    background: #E8F2FF !important;
}

.perk-title {
    font-family: var(--heading-fonts) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #141414 !important;
    margin-bottom: 3px !important;
}

.perk-desc {
    font-family: var(--body-fonts) !important;
    font-size: 13.5px !important;
    color: #666675 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

/* Action CTA Pill Button */
.story-cta-wrap {
    display: flex !important;
    align-items: center !important;
}

.btn-story-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px 34px !important;
    background: #141414 !important;
    color: #FFFFFF !important;
    font-family: var(--heading-fonts) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.4px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12) !important;
    cursor: pointer !important;
}

.btn-story-pill span {
    color: #FFFFFF !important;
}

.btn-story-pill svg {
    transition: transform 0.25s ease !important;
}

.btn-story-pill:hover {
    background: #E23744 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 26px rgba(226, 55, 68, 0.45) !important;
}

.btn-story-pill:hover svg {
    transform: translateX(4px) !important;
}

/* Responsive Rules */
@media (max-width: 991px) {
    .platform-story-section {
        padding: 70px 0 80px !important;
    }
    .platform-story-wrapper {
        gap: 30px !important;
    }
    .platform-story-card {
        padding: 30px 24px !important;
        border-radius: 26px !important;
    }
    .story-content-wrap {
        padding: 8px 4px !important;
    }
    .story-title {
        font-size: 24px !important;
    }
}

@media (max-width: 575px) {
    .platform-story-section {
        padding: 60px 0 70px !important;
    }
    .platform-story-section .section-header .title {
        font-size: 26px !important;
    }
    .platform-header-sub {
        font-size: 14.5px !important;
        margin-bottom: 30px !important;
    }
    .platform-story-card {
        padding: 20px 16px !important;
        border-radius: 22px !important;
    }
    .story-img-frame {
        border-radius: 18px !important;
    }
    .story-floating-badge {
        padding: 5px 12px !important;
        font-size: 11px !important;
    }
    .story-floating-badge.badge-top-left {
        top: 14px !important;
        left: 12px !important;
    }
    .story-floating-badge.badge-bottom-right {
        bottom: 14px !important;
        right: 12px !important;
    }
    .btn-story-pill {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* ============================================================================
   WHY CHOOSE US: INTERACTIVE FLAVOR STAGE SPOTLIGHT
   ============================================================================ */
.choose-section.flavor-stage-section,
.flavor-stage-section {
    position: relative !important;
    padding: 95px 0 105px !important;
    background: #FFFFFF !important;
    overflow: hidden !important;
}

.flavor-stage-section .section-header .title {
    font-family: var(--heading-fonts) !important;
    font-size: clamp(32px, 3.6vw, 44px) !important;
    font-weight: 800 !important;
    color: #141414 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.2 !important;
    margin-bottom: 12px !important;
}

.choose-header-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(226, 55, 68, 0.09) !important;
    border: 1.5px solid rgba(226, 55, 68, 0.28) !important;
    padding: 7px 20px !important;
    border-radius: 999px !important;
    margin: 0 auto 16px auto !important;
    width: fit-content !important;
}

.choose-header-tag .tag-pulse-dot {
    width: 8px !important;
    height: 8px !important;
    background: #E23744 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 3px rgba(226, 55, 68, 0.25) !important;
    animation: tagPulse 2s infinite !important;
}

.choose-header-tag .tag-text {
    font-family: var(--heading-fonts) !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    letter-spacing: 1.6px !important;
    text-transform: uppercase !important;
    color: #E23744 !important;
}

.choose-header-sub {
    font-family: var(--body-fonts) !important;
    font-size: clamp(15px, 1.3vw, 17px) !important;
    color: #616170 !important;
    max-width: 580px !important;
    line-height: 1.65 !important;
}

/* Left Column: Interactive Nav Stack */
.flavor-nav-stack {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.flavor-nav-item {
    position: relative !important;
    background: #F8F8FC !important;
    border: 1.5px solid #EDEDF5 !important;
    border-radius: 22px !important;
    padding: 20px 22px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    transition: all 0.32s cubic-bezier(0.16, 1, 0.3, 1) !important;
    outline: none !important;
    user-select: none !important;
}

.flavor-nav-item:hover {
    background: #FFFFFF !important;
    border-color: rgba(226, 55, 68, 0.38) !important;
    transform: translateX(6px) !important;
    box-shadow: 0 12px 28px -8px rgba(20, 20, 30, 0.08) !important;
}

.flavor-nav-item.active {
    background: #FFFFFF !important;
    border-color: #E23744 !important;
    transform: translateX(8px) !important;
    box-shadow: 0 16px 36px -8px rgba(226, 55, 68, 0.22) !important;
}

/* Nav Index & Active Indicator */
.flavor-nav-index {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
}

.flavor-nav-index .nav-index-num {
    font-family: var(--heading-fonts) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #9292A3 !important;
    transition: color 0.25s ease !important;
}

.flavor-nav-item.active .nav-index-num {
    color: #E23744 !important;
}

.flavor-nav-progress {
    width: 3px !important;
    height: 16px !important;
    background: #E2E2EA !important;
    border-radius: 999px !important;
    transition: all 0.35s ease !important;
}

.flavor-nav-item.active .flavor-nav-progress {
    height: 24px !important;
    background: #E23744 !important;
    box-shadow: 0 0 8px rgba(226, 55, 68, 0.5) !important;
}

/* Nav Content */
.flavor-nav-content {
    flex-grow: 1 !important;
}

.flavor-nav-category {
    display: block !important;
    font-family: var(--heading-fonts) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    color: #E23744 !important;
    margin-bottom: 4px !important;
}

.flavor-nav-title {
    font-family: var(--heading-fonts) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #141414 !important;
    line-height: 1.3 !important;
    margin: 0 0 4px 0 !important;
    transition: color 0.25s ease !important;
}

.flavor-nav-item:hover .flavor-nav-title,
.flavor-nav-item.active .flavor-nav-title {
    color: #E23744 !important;
}

.flavor-nav-desc {
    font-family: var(--body-fonts) !important;
    font-size: 13px !important;
    color: #6C6C80 !important;
    line-height: 1.45 !important;
    margin: 0 !important;
}

/* Nav Arrow */
.flavor-nav-arrow {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: #EDEDF5 !important;
    color: #6C6C80 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    transition: all 0.3s ease !important;
}

.flavor-nav-item:hover .flavor-nav-arrow {
    background: rgba(226, 55, 68, 0.15) !important;
    color: #E23744 !important;
}

.flavor-nav-item.active .flavor-nav-arrow {
    background: #E23744 !important;
    color: #FFFFFF !important;
    transform: translateX(4px) !important;
    box-shadow: 0 4px 14px rgba(226, 55, 68, 0.35) !important;
}

/* Right Column: The Spotlight Canvas Stage */
.flavor-stage-canvas-wrap {
    position: relative !important;
    width: 100% !important;
}

.flavor-stage-ambient-glow {
    position: absolute !important;
    inset: -20px !important;
    border-radius: 40px !important;
    background: radial-gradient(ellipse at center, rgba(226, 55, 68, 0.24) 0%, rgba(226, 55, 68, 0) 70%) !important;
    filter: blur(40px) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.flavor-stage-plate {
    position: absolute !important;
    inset: 6px -8px -8px 6px !important;
    background: #EAEAEF !important;
    border-radius: 34px !important;
    z-index: 1 !important;
    transform: rotate(-0.8deg) !important;
    transition: transform 0.4s ease !important;
}

.flavor-stage-canvas-wrap:hover .flavor-stage-plate {
    transform: rotate(0deg) scale(1.01) !important;
}

.flavor-stage-canvas {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    min-height: 480px !important;
    border-radius: 30px !important;
    overflow: hidden !important;
    box-shadow: 0 24px 60px -15px rgba(20, 20, 30, 0.18) !important;
    background: #121214 !important;
}

.flavor-stage-panel {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    transform: scale(0.97) !important;
    min-height: 480px !important;
}

.flavor-stage-panel.active {
    position: relative !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: scale(1) !important;
}

/* Rounded Food Image Frame */
.flavor-stage-img-frame {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 30px !important;
    overflow: hidden !important;
}

.flavor-stage-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 30px !important;
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.flavor-stage-canvas-wrap:hover .flavor-stage-img {
    transform: scale(1.05) !important;
}

.flavor-stage-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(to bottom, rgba(15, 15, 20, 0.1) 0%, rgba(15, 15, 20, 0.25) 35%, rgba(15, 15, 20, 0.88) 100%) !important;
    border-radius: 30px !important;
    pointer-events: none !important;
}

/* Floating Real-Time Status Chips */
.stage-floating-chip {
    position: absolute !important;
    z-index: 5 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: var(--heading-fonts) !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    padding: 9px 18px !important;
    border-radius: 999px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.3s ease !important;
}

.stage-floating-chip.chip-top-left {
    top: 24px !important;
    left: 24px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    color: #141414 !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.9) !important;
}

.stage-floating-chip .chip-status-dot.dot-live {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #10B981 !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.3) !important;
    animation: tagPulse 2s infinite !important;
}

.stage-floating-chip.chip-top-right {
    top: 24px !important;
    right: 24px !important;
    background: rgba(20, 20, 25, 0.82) !important;
    color: #FFFFFF !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
}

.flavor-stage-canvas-wrap:hover .stage-floating-chip {
    transform: translateY(-2px) !important;
}

/* Stage Bottom Glass Bar */
.stage-bottom-card {
    position: relative !important;
    z-index: 5 !important;
    padding: 24px 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    background: rgba(20, 20, 25, 0.55) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 0 0 30px 30px !important;
}

.stage-bottom-info {
    flex-grow: 1 !important;
}

.stage-bottom-tag {
    display: block !important;
    font-family: var(--heading-fonts) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    color: #FF6575 !important;
    margin-bottom: 4px !important;
}

.stage-bottom-title {
    font-family: var(--heading-fonts) !important;
    font-size: clamp(20px, 2vw, 25px) !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    line-height: 1.25 !important;
    margin: 0 0 4px 0 !important;
}

.stage-bottom-sub {
    font-family: var(--body-fonts) !important;
    font-size: 13.5px !important;
    color: rgba(255, 255, 255, 0.85) !important;
    line-height: 1.4 !important;
}

.stage-order-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #E23744 !important;
    color: #FFFFFF !important;
    font-family: var(--heading-fonts) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    padding: 12px 26px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    flex-shrink: 0 !important;
    transition: all 0.28s ease !important;
    box-shadow: 0 6px 18px rgba(226, 55, 68, 0.38) !important;
}

.stage-order-btn:hover {
    background: #E56306 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(226, 55, 68, 0.5) !important;
}

/* ============================================================================
   PARTNER & GROWTH CTA SECTION (GROW YOUR BUSINESS WITH MXEATS)
   ============================================================================ */
.partner-cta-section {
    position: relative !important;
    padding: 40px 0 95px 0 !important;
    background: #FFFFFF !important;
}

.partner-cta-card {
    position: relative !important;
    background: linear-gradient(135deg, #FFF8F8 0%, #FFFFFF 60%, #FFF5F5 100%) !important;
    border: 1.5px solid rgba(226, 55, 68, 0.2) !important;
    border-radius: 36px !important;
    padding: 55px 55px !important;
    box-shadow: 0 20px 50px -15px rgba(226, 55, 68, 0.12), 0 4px 16px rgba(0, 0, 0, 0.03) !important;
    overflow: hidden !important;
    transition: box-shadow 0.35s ease !important;
}

.partner-cta-card:hover {
    box-shadow: 0 26px 60px -15px rgba(226, 55, 68, 0.18), 0 6px 20px rgba(0, 0, 0, 0.04) !important;
}

.partner-ambient-glow {
    position: absolute !important;
    top: -80px !important;
    right: -80px !important;
    width: 320px !important;
    height: 320px !important;
    background: radial-gradient(circle, rgba(226, 55, 68, 0.15) 0%, rgba(226, 55, 68, 0) 70%) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

/* Content Column */
.partner-cta-content {
    position: relative !important;
    z-index: 2 !important;
}

.partner-brand-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(226, 55, 68, 0.1) !important;
    border: 1.5px solid rgba(226, 55, 68, 0.3) !important;
    padding: 7px 18px !important;
    border-radius: 999px !important;
    margin-bottom: 20px !important;
    width: fit-content !important;
}

.partner-brand-tag .tag-pulse-dot {
    width: 8px !important;
    height: 8px !important;
    background: #E23744 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 3px rgba(226, 55, 68, 0.25) !important;
    animation: tagPulse 2s infinite !important;
}

.partner-brand-tag .tag-text {
    font-family: var(--heading-fonts) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 1.4px !important;
    text-transform: uppercase !important;
    color: #E23744 !important;
}

.partner-cta-title {
    font-family: var(--heading-fonts) !important;
    font-size: clamp(30px, 3.2vw, 42px) !important;
    font-weight: 800 !important;
    color: #141414 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.22 !important;
    margin-bottom: 16px !important;
}

.partner-cta-sub {
    font-family: var(--body-fonts) !important;
    font-size: clamp(15px, 1.25vw, 16.5px) !important;
    color: #616170 !important;
    line-height: 1.65 !important;
    margin-bottom: 30px !important;
    max-width: 540px !important;
}

/* Dual Action Buttons */
.partner-btn-stack {
    margin-bottom: 15px !important;
}

.partner-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 14px 26px !important;
    border-radius: 999px !important;
    font-family: var(--heading-fonts) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    letter-spacing: 0.2px !important;
    user-select: none !important;
}

.partner-btn.btn-seller {
    background: #E23744 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border: 1.5px solid transparent !important;
    box-shadow: 0 8px 22px rgba(226, 55, 68, 0.35) !important;
}

.partner-btn.btn-seller:hover {
    background: #CB202D !important;
    background-image: none !important;
    color: #FFFFFF !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 28px rgba(226, 55, 68, 0.48) !important;
}

.partner-btn.btn-delivery {
    background: #141418 !important;
    color: #FFFFFF !important;
    border: 1.5px solid #141418 !important;
    box-shadow: 0 8px 20px rgba(20, 20, 24, 0.2) !important;
}

.partner-btn.btn-delivery:hover {
    background: #E23744 !important;
    color: #FFFFFF !important;
    border-color: #E23744 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 28px rgba(226, 55, 68, 0.4) !important;
}

.partner-btn .btn-arrow {
    display: inline-flex !important;
    align-items: center !important;
    transition: transform 0.25s ease !important;
}

.partner-btn:hover .btn-arrow {
    transform: translateX(4px) !important;
}

/* Partner Trust Perks */
.partner-perks-row {
    border-top: 1px solid rgba(226, 226, 235, 0.8) !important;
}

.partner-perk-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    font-family: var(--heading-fonts) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #383845 !important;
}

.partner-perk-item .perk-check {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    background: rgba(16, 185, 129, 0.14) !important;
    color: #10B981 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

/* Right Column: Visual Frame with Strictly Rounded Image Borders */
.partner-cta-visual-wrap {
    position: relative !important;
    width: 100% !important;
    padding: 10px !important;
}

.partner-cta-img-frame {
    position: relative !important;
    width: 100% !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    aspect-ratio: 4 / 3 !important;
    background: #F4F4F8 !important;
    box-shadow: 0 18px 45px -10px rgba(20, 20, 30, 0.16) !important;
    border: 2px solid rgba(255, 255, 255, 0.85) !important;
}

.partner-cta-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 28px !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.partner-cta-visual-wrap:hover .partner-cta-img {
    transform: scale(1.05) !important;
}

.partner-cta-img-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.3) 100%) !important;
    border-radius: 28px !important;
    pointer-events: none !important;
}

/* Floating Real-Time Status Badges */
.partner-floating-chip {
    position: absolute !important;
    z-index: 4 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.9) !important;
    padding: 8px 18px !important;
    border-radius: 999px !important;
    box-shadow: 0 10px 25px rgba(20, 20, 30, 0.14) !important;
    font-family: var(--heading-fonts) !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #141414 !important;
    transition: all 0.3s ease !important;
}

.partner-floating-chip.chip-top {
    top: 24px !important;
    left: 24px !important;
}

.partner-floating-chip.chip-bottom {
    bottom: 24px !important;
    right: 24px !important;
}

.partner-cta-visual-wrap:hover .partner-floating-chip {
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 30px rgba(20, 20, 30, 0.18) !important;
}

.partner-floating-chip .chip-status-dot.dot-live {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #10B981 !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.3) !important;
    animation: tagPulse 2s infinite !important;
}

/* Responsive Rules for Choose Flavor Stage & Partner CTA */
@media (max-width: 991px) {
    .choose-section.flavor-stage-section,
    .flavor-stage-section {
        padding: 70px 0 80px !important;
    }
    .partner-cta-section {
        padding: 30px 0 70px 0 !important;
    }
    .partner-cta-card {
        padding: 42px 34px !important;
        border-radius: 28px !important;
    }
    .flavor-nav-stack {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 14px !important;
    }
    .flavor-nav-item:hover,
    .flavor-nav-item.active {
        transform: translateY(-3px) !important;
    }
    .flavor-stage-canvas,
    .flavor-stage-panel {
        min-height: 420px !important;
    }
}

@media (max-width: 767px) {
    .flavor-nav-stack {
        grid-template-columns: 1fr !important;
    }
    .flavor-stage-canvas,
    .flavor-stage-panel {
        min-height: 380px !important;
    }
    .partner-cta-card {
        padding: 34px 22px !important;
    }
    .partner-btn-stack {
        flex-direction: column !important;
        width: 100% !important;
    }
    .partner-btn {
        width: 100% !important;
        justify-content: center !important;
    }
}

@media (max-width: 575px) {
    .choose-section.flavor-stage-section,
    .flavor-stage-section {
        padding: 55px 0 65px !important;
    }
    .partner-cta-section {
        padding: 20px 0 55px 0 !important;
    }
    .partner-cta-card {
        padding: 28px 18px !important;
        border-radius: 24px !important;
    }
    .partner-cta-title {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }
    .partner-cta-sub {
        font-size: 14px !important;
        margin-bottom: 22px !important;
    }
    .partner-cta-img-frame {
        border-radius: 22px !important;
    }
    .partner-cta-img,
    .partner-cta-img-overlay {
        border-radius: 22px !important;
    }
    .partner-floating-chip {
        padding: 6px 12px !important;
        font-size: 11px !important;
    }
    .partner-floating-chip.chip-top {
        top: 14px !important;
        left: 14px !important;
    }
    .partner-floating-chip.chip-bottom {
        bottom: 14px !important;
        right: 14px !important;
    }
    .flavor-stage-section .section-header .title {
        font-size: 25px !important;
    }
    .choose-header-sub {
        font-size: 14px !important;
        margin-bottom: 22px !important;
    }
    .flavor-nav-item {
        padding: 14px 16px !important;
        border-radius: 18px !important;
        gap: 12px !important;
    }
    .flavor-nav-title {
        font-size: 16px !important;
    }
    .flavor-nav-desc {
        font-size: 12px !important;
    }
    .flavor-stage-canvas {
        min-height: 350px !important;
        border-radius: 24px !important;
    }
    .flavor-stage-panel {
        min-height: 350px !important;
    }
    .flavor-stage-img-frame,
    .flavor-stage-img,
    .flavor-stage-overlay {
        border-radius: 24px !important;
    }
    .stage-bottom-card {
        padding: 16px 18px !important;
        border-radius: 0 0 24px 24px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 14px !important;
    }
    .stage-order-btn {
        width: 100% !important;
        justify-content: center !important;
    }
    .stage-floating-chip {
        padding: 6px 14px !important;
        font-size: 11px !important;
    }
    .stage-floating-chip.chip-top-left {
        top: 14px !important;
        left: 14px !important;
    }
    .stage-floating-chip.chip-top-right {
        top: 14px !important;
        right: 14px !important;
    }
}

/* ============================================================================
   TESTIMONIAL SECTION: MODERN FOOD DELIVERY COMMUNITY REVIEW DECK
   ============================================================================ */
.testimonial-deck-section {
    position: relative !important;
    padding: 95px 0 105px !important;
    background: #FAFAFC !important;
    overflow: hidden !important;
}

.testimonial-brand-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(226, 55, 68, 0.09) !important;
    border: 1.5px solid rgba(226, 55, 68, 0.28) !important;
    padding: 7px 18px !important;
    border-radius: 999px !important;
    margin-bottom: 14px !important;
    width: fit-content !important;
}

.testimonial-brand-tag .tag-pulse-dot {
    width: 8px !important;
    height: 8px !important;
    background: #E23744 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 3px rgba(226, 55, 68, 0.25) !important;
    animation: tagPulse 2s infinite !important;
}

.testimonial-brand-tag .tag-text {
    font-family: var(--heading-fonts) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 1.4px !important;
    text-transform: uppercase !important;
    color: #E23744 !important;
}

.testimonial-deck-section .section-header .title {
    font-family: var(--heading-fonts) !important;
    font-size: clamp(30px, 3.4vw, 42px) !important;
    font-weight: 800 !important;
    color: #141414 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.22 !important;
    margin-bottom: 12px !important;
}

.testimonial-rating-pill {
    background: #FFFFFF !important;
    border: 1px solid #E6E6EE !important;
    border-radius: 999px !important;
    padding: 6px 16px !important;
    box-shadow: 0 4px 14px rgba(20, 20, 30, 0.04) !important;
}

.testimonial-rating-pill .stars-gold {
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
    font-size: 13px !important;
}

.testimonial-rating-pill .rating-text {
    font-family: var(--body-fonts) !important;
    font-size: 13px !important;
    color: #4A4A5A !important;
}

/* Navigation Controls */
.testimonial-controls {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.btn-testimonial-nav {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    border: 1.5px solid #E2E2EA !important;
    background: #FFFFFF !important;
    color: #141414 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(20, 20, 30, 0.05) !important;
    transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
    user-select: none !important;
}

.btn-testimonial-nav:hover {
    background: #E23744 !important;
    color: #FFFFFF !important;
    border-color: #E23744 !important;
    transform: translateY(-2px) scale(1.05) !important;
    box-shadow: 0 8px 22px rgba(226, 55, 68, 0.3) !important;
}

.btn-testimonial-nav:active {
    transform: scale(0.96) !important;
}

/* Horizontal Track */
.testimonial-deck-viewport {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
}

.testimonial-deck-track {
    display: flex !important;
    gap: 24px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    padding: 8px 4px 28px 4px !important;
    margin: 0 -4px !important;
}

.testimonial-deck-track::-webkit-scrollbar {
    display: none !important;
}

/* Individual Review Card */
.testimonial-card {
    flex: 0 0 380px !important;
    max-width: 380px !important;
    scroll-snap-align: start !important;
    background: #FFFFFF !important;
    border: 1.5px solid #EDEDF5 !important;
    border-radius: 28px !important;
    padding: 30px 28px !important;
    box-shadow: 0 12px 35px -10px rgba(20, 20, 30, 0.06), 0 2px 8px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
}

.testimonial-card:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(226, 55, 68, 0.4) !important;
    box-shadow: 0 22px 48px -10px rgba(226, 55, 68, 0.16), 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

.testimonial-card-inner {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* Stars & Quotes */
.card-stars {
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
}

.card-stars .star-icon {
    font-size: 13px !important;
    line-height: 1 !important;
}

.card-stars .rating-score {
    font-family: var(--heading-fonts) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #141414 !important;
}

.card-quote-mark {
    opacity: 0.75 !important;
    transition: transform 0.3s ease !important;
}

.testimonial-card:hover .card-quote-mark {
    transform: scale(1.1) rotate(5deg) !important;
    opacity: 1 !important;
}

/* Review Quote Body */
.testimonial-quote {
    font-family: var(--body-fonts) !important;
    font-size: 15px !important;
    color: #30303D !important;
    line-height: 1.65 !important;
    margin: 0 0 24px 0 !important;
    font-style: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Reviewer Profile with Guaranteed Rounded Avatar Borders */
.testimonial-reviewer {
    border-top: 1px solid #F0F0F6 !important;
}

.reviewer-avatar-frame {
    position: relative !important;
    width: 56px !important;
    height: 56px !important;
    border-radius: 18px !important;
    flex-shrink: 0 !important;
}

.reviewer-avatar-img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 18px !important;
    object-fit: cover !important;
    display: block !important;
    border: 2px solid #E23744 !important;
    background: #F4F4F8 !important;
}

.reviewer-badge-dot {
    position: absolute !important;
    bottom: -2px !important;
    right: -2px !important;
    width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
    background: #10B981 !important;
    border: 2.5px solid #FFFFFF !important;
}

.reviewer-name {
    font-family: var(--heading-fonts) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #141414 !important;
    margin: 0 0 3px 0 !important;
    line-height: 1.3 !important;
}

.reviewer-designation {
    font-family: var(--body-fonts) !important;
    font-size: 12.5px !important;
    color: #767688 !important;
    line-height: 1.35 !important;
    display: block !important;
}

/* Responsive Rules for Testimonials */
@media (max-width: 991px) {
    .testimonial-deck-section {
        padding: 70px 0 80px !important;
    }
    .testimonial-card {
        flex: 0 0 330px !important;
        max-width: 330px !important;
        padding: 24px 22px !important;
    }
}

@media (max-width: 767px) {
    .testimonial-header-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }
    .testimonial-controls {
        align-self: flex-start !important;
    }
}

@media (max-width: 575px) {
    .testimonial-deck-section {
        padding: 55px 0 65px !important;
    }
    .testimonial-card {
        flex: 0 0 280px !important;
        max-width: 280px !important;
        padding: 20px 18px !important;
        border-radius: 22px !important;
    }
    .reviewer-avatar-frame,
    .reviewer-avatar-img {
        width: 48px !important;
        height: 48px !important;
        border-radius: 15px !important;
    }
    .testimonial-quote {
        font-size: 14px !important;
    }
    .btn-testimonial-nav {
        width: 40px !important;
        height: 40px !important;
    }
}

/* ==========================================================================
   Distinct Food Delivery Concierge Hub Theme (Realistic Photo Layout)
   ========================================================================== */

.contact-concierge-section {
    background: #FDFBF9 !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 30px 0 80px !important;
}

/* Header & Eyebrow */
.concierge-header {
    max-width: 840px !important;
    margin: 0 auto !important;
}

.concierge-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(226, 55, 68, 0.1) !important;
    border: 1.5px solid rgba(226, 55, 68, 0.25) !important;
    padding: 7px 18px !important;
    border-radius: 999px !important;
}

.concierge-eyebrow .eyebrow-pulse-dot {
    width: 8px !important;
    height: 8px !important;
    background: #E23744 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 10px #E23744 !important;
}

.concierge-eyebrow .eyebrow-text {
    color: #E23744 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
}

.concierge-title {
    font-size: 40px !important;
    font-weight: 800 !important;
    color: #1A1816 !important;
    letter-spacing: -0.8px !important;
    line-height: 1.25 !important;
}

.concierge-subtitle {
    max-width: 680px !important;
    font-size: 16px !important;
    color: #666666 !important;
    line-height: 1.6 !important;
}

/* Left Column: Concierge & Visual Hub */
.contact-concierge-card {
    background: linear-gradient(160deg, #1C1A18 0%, #11100F 100%) !important;
    border: 1.5px solid rgba(226, 55, 68, 0.28) !important;
    border-radius: 32px !important;
    padding: 30px !important;
    box-shadow: 0 24px 60px -15px rgba(0, 0, 0, 0.45) !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

/* Realistic Photo Frame */
.concierge-photo-frame {
    border-radius: 26px !important;
    overflow: hidden !important;
    border: 2px solid rgba(226, 55, 68, 0.25) !important;
    box-shadow: 0 16px 36px -10px rgba(0, 0, 0, 0.5) !important;
    aspect-ratio: 4/3 !important;
    background: #23201D !important;
}

.concierge-photo-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 24px !important;
    display: block !important;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.concierge-photo-frame:hover .concierge-photo-img {
    transform: scale(1.04) !important;
}

.photo-overlay-gradient {
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 50%) !important;
}

.photo-status-badge {
    position: absolute !important;
    top: 16px !important;
    left: 16px !important;
    z-index: 5 !important;
    background: rgba(17, 16, 15, 0.85) !important;
    backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 999px !important;
    padding: 6px 14px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.badge-live-pulse {
    width: 8px !important;
    height: 8px !important;
    background: #10B981 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 8px #10B981 !important;
}

.photo-rating-chip {
    position: absolute !important;
    bottom: 16px !important;
    right: 16px !important;
    z-index: 5 !important;
    background: rgba(17, 16, 15, 0.85) !important;
    backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(226, 55, 68, 0.4) !important;
    border-radius: 999px !important;
    padding: 6px 14px !important;
    font-size: 12px !important;
    color: #FFFFFF !important;
}

/* Channel Rows */
.channels-heading {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    letter-spacing: -0.3px !important;
}

.concierge-channel-item {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 18px !important;
    padding: 14px 18px !important;
    margin-bottom: 12px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.concierge-channel-item:last-child {
    margin-bottom: 0 !important;
}

.concierge-channel-item:hover {
    background: rgba(226, 55, 68, 0.12) !important;
    border-color: rgba(226, 55, 68, 0.4) !important;
    transform: translateX(4px) !important;
}

.channel-icon-pill {
    width: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
    background: rgba(226, 55, 68, 0.15) !important;
    border: 1.5px solid rgba(226, 55, 68, 0.3) !important;
    color: #E23744 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    transition: all 0.25s ease !important;
}

.concierge-channel-item:hover .channel-icon-pill {
    background: #E23744 !important;
    color: #FFFFFF !important;
    transform: scale(1.06) !important;
    box-shadow: 0 4px 14px rgba(226, 55, 68, 0.4) !important;
}

.channel-meta {
    flex-grow: 1 !important;
    min-width: 0 !important;
}

.channel-subtitle {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.55) !important;
    letter-spacing: 0.5px !important;
    display: block !important;
    margin-bottom: 2px !important;
}

.channel-main-val {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.channel-arrow {
    color: rgba(255, 255, 255, 0.35) !important;
    transition: all 0.25s ease !important;
}

.concierge-channel-item:hover .channel-arrow {
    color: #E23744 !important;
    transform: translateX(3px) !important;
}

/* Right Column: Terminal Card */
.contact-terminal-card {
    background: #FFFFFF !important;
    border: 1.5px solid rgba(226, 55, 68, 0.18) !important;
    border-radius: 32px !important;
    padding: 38px 42px !important;
    box-shadow: 0 25px 60px -15px rgba(226, 55, 68, 0.1) !important;
    height: 100% !important;
}

.terminal-badge {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #E23744 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-bottom: 6px !important;
}

.terminal-title {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #1A1A1A !important;
    letter-spacing: -0.5px !important;
}

.terminal-subtitle {
    font-size: 14px !important;
    color: #666666 !important;
    line-height: 1.5 !important;
}

/* Topic Chips */
.topic-chips-group {
    display: flex !important;
}

.topic-chip-label {
    cursor: pointer !important;
    margin: 0 !important;
}

.topic-chip-input {
    display: none !important;
}

.topic-chip-text {
    display: inline-block !important;
    padding: 8px 16px !important;
    border-radius: 999px !important;
    background: #F3F4F6 !important;
    border: 1.5px solid #E5E7EB !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #4B5563 !important;
    transition: all 0.2s ease !important;
}

.topic-chip-input:checked + .topic-chip-text {
    background: rgba(226, 55, 68, 0.12) !important;
    border-color: #E23744 !important;
    color: #E23744 !important;
    box-shadow: 0 4px 12px rgba(226, 55, 68, 0.2) !important;
}

.topic-chip-text:hover {
    border-color: #E23744 !important;
}

/* Terminal Inputs */
.terminal-input-label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    margin-bottom: 6px !important;
    display: block !important;
}

.terminal-input-box {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

.terminal-input-box .input-icon {
    position: absolute !important;
    left: 16px !important;
    color: #9CA3AF !important;
    pointer-events: none !important;
    transition: color 0.2s ease !important;
}

.terminal-input-box:focus-within .input-icon {
    color: #E23744 !important;
}

.terminal-input {
    border-radius: 14px !important;
    border: 1.5px solid #E5E7EB !important;
    background: #F9FAFB !important;
    padding: 12px 16px 12px 46px !important;
    height: 52px !important;
    font-size: 14px !important;
    color: #1F2937 !important;
    box-shadow: none !important;
    transition: all 0.25s ease !important;
}

.terminal-input:focus {
    background: #FFFFFF !important;
    border-color: #E23744 !important;
    box-shadow: 0 0 0 4px rgba(226, 55, 68, 0.15) !important;
    outline: none !important;
}

.terminal-textarea {
    height: 115px !important;
    padding: 14px 16px !important;
    border-radius: 16px !important;
    resize: vertical !important;
}

.terminal-captcha-preview {
    background: #F3F4F6 !important;
    border-radius: 14px !important;
    border: 1.5px solid #E5E7EB !important;
}

.captcha-render-img {
    border-radius: 10px !important;
    height: 42px !important;
    width: auto !important;
    max-width: 140px !important;
}

.btn-terminal-captcha-reload {
    width: 38px !important;
    height: 38px !important;
    border: none !important;
    background: transparent !important;
    color: #E23744 !important;
    font-size: 18px !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.btn-terminal-captcha-reload:hover {
    background: rgba(226, 55, 68, 0.12) !important;
}

.btn-terminal-submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    background: #E23744 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border-radius: 999px !important;
    border: none !important;
    padding: 14px 32px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    box-shadow: 0 8px 24px rgba(226, 55, 68, 0.35) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.btn-terminal-submit:hover {
    background: #CB202D !important;
    background-image: none !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px rgba(226, 55, 68, 0.45) !important;
    color: #FFFFFF !important;
}

.btn-terminal-submit svg {
    transition: transform 0.25s ease !important;
}

.btn-terminal-submit:hover svg {
    transform: translateX(4px) !important;
}

.terminal-security-note {
    font-size: 12px !important;
    color: #6B7280 !important;
}

/* Bottom Assurance Strip */
.concierge-assurance-strip {
    background: #FFFFFF !important;
    border: 1.5px solid rgba(226, 55, 68, 0.14) !important;
    border-radius: 24px !important;
    padding: 18px 24px !important;
    box-shadow: 0 10px 30px -10px rgba(226, 55, 68, 0.08) !important;
}

.assurance-pill-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 13px !important;
    color: #374151 !important;
}

.assurance-icon {
    font-size: 18px !important;
}




/* ==========================================================================
   Page Banner & Breadcrumb Navigation Section (Unified Across All Policies & Info Pages)
   Using Hero Banner Image just like Home Page
   ========================================================================== */

.page-banner-section {
    position: relative !important;
    min-height: 310px !important;
    width: 100% !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #0D0D0D !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding-top: 175px !important;
    padding-bottom: 65px !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.page-banner-section::before,
.page-banner-section::after {
    display: none !important;
}

.page-banner-content {
    position: relative !important;
    z-index: 3 !important;
}

.page-banner-title {
    font-family: var(--heading-fonts) !important;
    font-size: 42px !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    letter-spacing: -0.025em !important;
    line-height: 1.2 !important;
    margin-bottom: 16px !important;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.65) !important;
}

.page-breadcrumb-nav {
    display: flex !important;
    justify-content: center !important;
}

.page-breadcrumb-nav .breadcrumb {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(14, 12, 11, 0.72) !important;
    backdrop-filter: blur(16px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 999px !important;
    padding: 8px 24px !important;
    margin: 0 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    list-style: none !important;
}

.page-breadcrumb-nav .breadcrumb-item {
    font-family: var(--heading-fonts) !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.page-breadcrumb-nav .breadcrumb-item a {
    color: #E23744 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: color 0.2s ease, text-shadow 0.2s ease !important;
}

.page-breadcrumb-nav .breadcrumb-item a:hover {
    color: #FF6575 !important;
    text-shadow: 0 0 10px rgba(226, 55, 68, 0.6) !important;
    text-decoration: underline !important;
}

.page-breadcrumb-nav .breadcrumb-item + .breadcrumb-item::before {
    content: "›" !important;
    color: rgba(255, 255, 255, 0.45) !important;
    font-size: 16px !important;
    line-height: 1 !important;
    padding: 0 6px !important;
}

.page-breadcrumb-nav .breadcrumb-item.active {
    color: #FFFFFF !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) !important;
}

@media (max-width: 991px) {
    .page-banner-section {
        padding-top: 140px !important;
        padding-bottom: 50px !important;
        min-height: 250px !important;
    }
    .page-banner-title {
        font-size: 32px !important;
    }
}

@media (max-width: 575px) {
    .page-banner-section {
        padding-top: 120px !important;
        padding-bottom: 40px !important;
        min-height: 210px !important;
    }
    .page-banner-title {
        font-size: 26px !important;
    }
    .page-breadcrumb-nav .breadcrumb {
        padding: 6px 16px !important;
        font-size: 12.5px !important;
    }
}

/* ==========================================================================
   Open Layout - About Us & Privacy Policy (NO CARDS, Seamless Flow)
   ========================================================================== */

.open-page-section {
    padding: 40px 0 80px !important;
    background: transparent !important;
}

/* Open Page Headers */
.open-header-wrapper {
    margin-bottom: 36px !important;
}

.open-badge-tag {
    display: inline-block !important;
    font-family: var(--heading-fonts) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: #E23744 !important;
    margin-bottom: 8px !important;
}

.open-page-title {
    font-family: var(--heading-fonts) !important;
    font-size: 42px !important;
    font-weight: 800 !important;
    color: #141414 !important;
    letter-spacing: -0.025em !important;
    line-height: 1.2 !important;
    margin-bottom: 0 !important;
}

/* Open Content Typography (Pure Text Flow - NO Card Container) */
.open-prose-flow {
    font-family: var(--body-fonts) !important;
    font-size: 16px !important;
    line-height: 1.85 !important;
    color: #4A4D57 !important;
}

.open-prose-flow p {
    margin-bottom: 20px !important;
    color: #4A4D57 !important;
}

.open-prose-flow h1,
.open-prose-flow h2,
.open-prose-flow h3,
.open-prose-flow h4 {
    font-family: var(--heading-fonts) !important;
    font-weight: 800 !important;
    color: #141414 !important;
    margin-top: 32px !important;
    margin-bottom: 14px !important;
    line-height: 1.3 !important;
}

.open-prose-flow h1 { font-size: 28px !important; }
.open-prose-flow h2 { font-size: 22px !important; }
.open-prose-flow h3 { font-size: 19px !important; }

.open-prose-flow strong {
    color: #141414 !important;
    font-weight: 700 !important;
}

.open-prose-flow ul,
.open-prose-flow ol {
    margin-bottom: 24px !important;
    padding-left: 24px !important;
}

.open-prose-flow li {
    margin-bottom: 10px !important;
    color: #4A4D57 !important;
    line-height: 1.75 !important;
}

.open-prose-flow a {
    color: #E23744 !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}

.open-prose-flow hr {
    border: none !important;
    border-top: 1px solid #E5E7EB !important;
    margin: 32px 0 !important;
}

.open-prose-flow table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 24px 0 !important;
}

.open-prose-flow th,
.open-prose-flow td {
    padding: 12px 16px !important;
    border-bottom: 1px solid #E5E7EB !important;
    font-size: 14.5px !important;
}

.open-prose-flow th {
    font-weight: 700 !important;
    color: #141414 !important;
}

/* Open Image Banner (Full Width of Reading Container - Eliminates Empty Right-Side Spacing) */
.about-hero-banner {
    position: relative !important;
    width: 100% !important;
    margin-bottom: 38px !important;
}

.about-banner-img {
    width: 100% !important;
    height: 400px !important;
    max-height: 420px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 28px !important; /* STRICTLY ROUNDED AS REQUESTED */
    box-shadow: 0 20px 45px -15px rgba(0, 0, 0, 0.12) !important;
    transition: transform 0.35s ease, box-shadow 0.35s ease !important;
}

.about-banner-img:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 26px 50px -15px rgba(226, 55, 68, 0.2) !important;
}

/* Open Image Showcase (NO Card Container, Just Strictly Rounded Image) */
.open-image-showcase {
    position: relative !important;
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto !important;
}

.open-culinary-img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 28px !important; /* STRICTLY ROUNDED AS REQUESTED */
    box-shadow: 0 20px 45px -15px rgba(0, 0, 0, 0.12) !important;
    transition: transform 0.35s ease, box-shadow 0.35s ease !important;
}

.open-culinary-img:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 26px 50px -15px rgba(226, 55, 68, 0.2) !important;
}

/* Responsive Media Queries */
@media (max-width: 991px) {
    .open-page-title {
        font-size: 32px !important;
    }
    .about-banner-img {
        height: 300px !important;
    }
    .open-image-showcase {
        margin-top: 24px !important;
    }
}

@media (max-width: 575px) {
    .open-page-title {
        font-size: 26px !important;
    }
    .about-banner-img {
        height: 200px !important;
        border-radius: 20px !important;
    }
    .open-culinary-img {
        border-radius: 20px !important;
    }
    .open-prose-flow {
        font-size: 15px !important;
    }
}