:root {
    /* Base */
    --bg-0: #05070a;
    --bg-1: #071018;
    --bg-2: #071826;

    /* Glass */
    --glass-1: rgba(255, 255, 255, .06);
    --glass-2: rgba(255, 255, 255, .04);

    --border-1: rgba(255, 255, 255, .12);
    --border-2: rgba(255, 255, 255, .08);

    /* Text */
    --text: rgba(255, 255, 255, .92);
    --muted: rgba(255, 255, 255, .70);
    --muted-2: rgba(255, 255, 255, .55);

    /* Accent (cyan/blue) */
    --aqua: #4fd1ff;
    --aqua-2: #35baff;
    --aqua-3: #219ef0;

    /* Shadows */
    --shadow-1: 0 18px 60px rgba(0, 0, 0, .55);
    --shadow-2: 0 28px 90px rgba(0, 0, 0, .60);

    --tabs-bg: rgba(10, 24, 40, .03);
    /* fundalul barei */
    --tabs-fade-color: #fff;
    /* culoarea dinspre “alb” */
    --tabs-fade-width: 70px;
    /* cât de lung e fade-ul */


    /* Radius */
    --r-lg: 22px;
    --r-md: 16px;
    --r-sm: 10px;
}

/* =========================
   TYPOGRAPHY (GLOBAL)
   ========================= */

/* Variante foarte ok pt tema ta:
   - "Plus Jakarta Sans" (modern, premium)
   - "Inter" (super clean, UI-ish)
*/
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800;900&family=Inter:wght@400;600;700;800;900&display=swap');

:root {
    --font-body: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    --font-head: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* body text */
body {
    font-family: var(--font-body);
}

/* headings */
h1,
h2,
h3,
h4,
h5,
h6,
.section-title h2 {
    font-family: var(--font-head) !important;
    letter-spacing: -0.02em;
}

/* optional: subheadings/lead look more premium */
.lead {
    font-weight: 600;
}

html {
    overflow-x: clip;
    overflow-x: hidden; /* fallback for older iOS Safari where clip is not supported */
    /* Fluid root font-size: scales smoothly across viewports.
       360px → 15px | 1366px laptop → ~16.4px | 1920px → ~17.2px | 2560px 2K → 18px */
    font-size: clamp(15px, 14.5px + 0.14vw, 18px);
}

/* Container extins pe monitoare mari (>1600px) — Bootstrap default se opreste la 1320px */
@media (min-width: 1600px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1500px;
    }
}

@media (min-width: 2000px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1680px;
    }
}

html,
body {
    height: 100%;
}

body {
    background:
        radial-gradient(1200px 520px at 50% 12%, rgba(79, 209, 255, .12), rgba(0, 0, 0, 0) 55%),
        radial-gradient(900px 420px at 65% 30%, rgba(54, 182, 255, .10), rgba(0, 0, 0, 0) 55%),
        radial-gradient(900px 520px at 25% 55%, rgba(42, 166, 242, .08), rgba(0, 0, 0, 0) 60%),
        linear-gradient(180deg, var(--bg-2) 0%, var(--bg-1) 35%, var(--bg-0) 100%);
    color: var(--text);
    padding-right: 0 !important;
}

/* IMPORTANT: prevenim “saritul” layout-ului cand se deschide offcanvas (padding-right body) */
body.offcanvas-backdrop,
body.modal-open,
body.offcanvas-open {
    padding-right: 0 !important;
}

/* =========================
   HERO SECTION
   ========================= */
.simple-rent-hero {
    min-height: 100svh;
    position: relative;
    color: var(--text);
    overflow: hidden;
    /* Taie orice iese în afară */
    background-color: #000;
    /* Siguranță: fundal negru în spatele videoului */
}

/* 1. VIDEO BACKGROUND */
.simple-rent-hero .hero-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    /* Cel mai de jos */

    object-fit: cover;
    object-position: center 22%;

    /* MODIFICARE IMPORTANTA: */
    /* Mărim la 1.05 (5%) pentru a ascunde marginile stricate de blur */
    transform: scale(1.05);

    filter: saturate(1.05) contrast(1.08) brightness(.90) blur(8px);
    pointer-events: none;
}

/* 2. OVERLAY ÎNTUNECAT (Gradient) */
.simple-rent-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    /* Peste video */
    pointer-events: none;

    /* Am readăugat gradientul care lipsea din codul tău de mai sus */

}

/* 3. CONȚINUTUL (Text, Butoane) */
/* Folosim clasa .hero-content (recomandat să o pui în HTML) */
.simple-rent-hero .hero-content {
    position: relative;
    z-index: 10;
    /* Peste overlay (1) și video (0) */
    color: #ffffff;
    width: 100%;
    flex: 1 1 auto;
}

/* Fallback: Dacă nu poți modifica HTML-ul să pui clasa .hero-content,
   păstrăm regula ta veche, dar curățată: */
.simple-rent-hero> :not(.hero-video):not(::after):not(::before) {
    position: relative;
    z-index: 10;
}

/* =========================
     NAVBAR
     ========================= */
.simple-rent-navbar {
    padding-block: 18px;

    /* SCHIMBARE: Folosește fixed în loc de sticky */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /* Fixed pierde lățimea automată, deci trebuie 100% */

    z-index: 9999;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: linear-gradient(180deg, rgba(0, 0, 0, .40), rgba(0, 0, 0, .20));
    border-bottom: 1px solid rgba(255, 255, 255, .08);

    /* Tranziții smooth pentru efectul floating la scroll */
    transition: top 0.9s cubic-bezier(0.22, 1, 0.36, 1),
                left 0.9s cubic-bezier(0.22, 1, 0.36, 1),
                right 0.9s cubic-bezier(0.22, 1, 0.36, 1),
                width 0.9s cubic-bezier(0.22, 1, 0.36, 1),
                padding-block 0.9s cubic-bezier(0.22, 1, 0.36, 1),
                border-radius 0.9s cubic-bezier(0.22, 1, 0.36, 1),
                background 0.8s ease,
                box-shadow 0.8s ease,
                backdrop-filter 0.8s ease,
                max-width 0.9s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: top, left, right, width, padding-block;

    /* Asigură-te că dropdown-urile pot "ieși" din navbar */
    overflow: visible;
}

/* === Efect FLOATING când user-ul derulează === */
body.scrolled-past-hero .simple-rent-navbar {
    top: 10px;
    left: 12px;
    right: 12px;
    width: calc(100% - 24px);
    max-width: 1400px;
    margin: 0 auto;
    padding-block: 10px;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(5, 15, 30, .82), rgba(5, 15, 30, .72));
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(79, 209, 255, .18);
    box-shadow: 0 8px 32px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .04) inset;
}
body.scrolled-past-hero .simple-rent-brand img {
    max-height: 42px !important;
}
.simple-rent-brand img {
    transition: max-height 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

.simple-rent-navbar > .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 16px;
    padding-right: 16px;
    overflow: visible;
}

.simple-rent-nav-wrap {
    overflow: visible;
}

.simple-rent-nav-wrap {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 16px;
}

.simple-rent-left {
    display: flex;
    align-items: center;
    min-width: 170px;
    flex-shrink: 0;
}

.simple-rent-center {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    min-width: 0;
}

.simple-rent-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-width: fit-content;
    margin-left: auto;
    flex-shrink: 0;
}

.simple-rent-brand {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    font-weight: 900;
    letter-spacing: .2px;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
}

.simple-rent-brand img {
    position: absolute;

    height: 60px;
    width: auto;

    padding: 10px 10px;
    box-sizing: content-box;

    background: transparent;
    border: none;
    border-radius: 0;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;

    transition: transform 0.3s ease;
}

.simple-rent-brand:hover img {
    transform: scale(1.05);
    opacity: 0.9;
}


.simple-rent-brand i {
    color: var(--aqua);
    font-size: 1.15rem;
    filter: drop-shadow(0 8px 18px rgba(79, 209, 255, .25));
}

.simple-rent-nav-links {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: nowrap;
}

/* Stilul original (când ești pe Hero) */
.simple-rent-navlink {
    color: rgba(162, 217, 243, 0.925) !important;
    font-weight: 500;
    font-size: .98rem;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: 6px 2px;
    white-space: nowrap;
    position: relative;
    transition: color .25s ease;
}

.text-slider-container {
    position: relative;
    overflow: hidden;
    /* Ajustează înălțimea minimă pentru a preveni "săritura" conținutului dacă textele au lungimi diferite */
    min-height: 120px;
}

.text-slider-container.slider-top {
    margin-top: 60px;
}

@media (max-width: 767.98px) {
    .text-slider-container.slider-top {
        margin-top: 20px;
    }
}

.slide {
    display: none;
    /* Ascundem totul implicit */
    animation: slideIn 0.8s ease-in-out;
}

.slide.active {
    display: block;
    /* Afișăm doar clasa active */
}

/* Animația de la dreapta la stânga */
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(50px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* --- ADAUGĂ ASTA --- */
/* Stilul nou (se activează când clasa 'scrolled-past-hero' este prezentă pe body) */
body.scrolled-past-hero .simple-rent-navlink {
    color: rgb(237, 250, 255) !important;
}

/* Logo păstrează culoarea originală în ambele stări */

.simple-rent-navlink:hover {
    color: #fff !important;
}

/* underline animat */
.simple-rent-navlink::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--aqua), rgba(79, 209, 255, 0));
    border-radius: 2px;
    transition: width .25s ease;
    opacity: .95;
}

.simple-rent-navlink:hover::after {
    width: 100%;
}

/* =========================
     FIX DROPDOWN ARROWS (navbar)
     - scoatem caret-ul bootstrap
     - punem unul mic, centrat
     ========================= */
.simple-rent-navlink.dropdown-toggle::after {
    display: none !important;
}

.simple-rent-navlink.dropdown-toggle {
    position: relative;
    padding-right: 18px;
}

.simple-rent-navlink.dropdown-toggle::before {
    content: "";
    position: absolute;
    right: 2px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-right: 2px solid rgba(255, 255, 255, .70);
    border-bottom: 2px solid rgba(255, 255, 255, .70);
    transform: translateY(-62%) rotate(45deg);
    transition: transform .18s ease, border-color .18s ease, opacity .18s ease;
    opacity: .85;
}

.simple-rent-navlink.dropdown-toggle:hover::before {
    border-color: var(--aqua);
    opacity: 1;
}

.simple-rent-navlink.dropdown-toggle.show::before {
    transform: translateY(-42%) rotate(-135deg);
    border-color: var(--aqua);
    opacity: 1;
}

/* =========================
     BUTTONS (clean borders + premium look)
     ========================= */

/* Primary */
.simple-rent-btn-gold {
    border-radius: 10px !important;
    padding: 10px 18px !important;
    min-height: 44px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .2px;

    /* border mai "premium" */
    border: 1px solid rgba(255, 255, 255, .10) !important;

    /* gradient mai fin (nu prea "plastic") */
    background: linear-gradient(180deg,
            rgba(79, 209, 255, 1) 0%,
            rgba(53, 186, 255, 1) 55%,
            rgba(33, 158, 240, 1) 100%) !important;

    color: #06131b !important;

    /* depth + highlight subtil */
    box-shadow:
        0 12px 30px rgba(0, 0, 0, .50),
        inset 0 1px 0 rgba(255, 255, 255, .22);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.simple-rent-btn-gold:hover {
    transform: translateY(-1px);
    filter: brightness(1.04);
    box-shadow:
        0 18px 46px rgba(0, 0, 0, .58),
        0 0 0 1px rgba(79, 209, 255, .16),
        inset 0 1px 0 rgba(255, 255, 255, .24);
}

.simple-rent-btn-gold:active {
    transform: translateY(0);
    filter: brightness(.98);
    box-shadow:
        0 12px 30px rgba(0, 0, 0, .55),
        inset 0 2px 10px rgba(0, 0, 0, .18);
}

/* alignment icons */
.simple-rent-btn-gold,
.simple-rent-btn-outline {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .55rem;
    text-decoration: none !important;
}

/* Search button – slightly squared */
.simple-rent-btn-search {
    min-height: 44px;
    border-radius: 10px !important;
    padding: 10px 18px !important;
}

/* Outline – border mai fin, fara "alb tare" */
.simple-rent-btn-outline {
    min-height: 44px;
    padding: 10px 18px !important;
    border-radius: 10px !important;

    background: rgba(255, 255, 255, .035) !important;
    border: 1px solid rgba(255, 255, 255, .20) !important;
    color: rgba(255, 255, 255, .92) !important;

    box-shadow: 0 10px 26px rgba(0, 0, 0, .38);
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}

.simple-rent-btn-outline:hover {
    transform: translateY(-1px);
    background: rgba(79, 209, 255, .10) !important;
    border-color: rgba(79, 209, 255, .40) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .52);
}

.simple-rent-btn-outline:active {
    transform: translateY(0);
}

/* Admin shortcut button */
.simple-rent-admin-btn {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(79,209,255,.15) 0%, rgba(33,158,240,.10) 100%);
    border: 1px solid rgba(79,209,255,.25);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--aqua);
    font-size: 1.1rem;
    text-decoration: none;
    transition: all .25s cubic-bezier(.4,0,.2,1);
    margin-left: 14px;
    flex-shrink: 0;
    position: relative;
    box-shadow:
        0 0 12px rgba(79,209,255,.08),
        inset 0 1px 0 rgba(255,255,255,.08);
}
.simple-rent-admin-btn:hover {
    background: linear-gradient(135deg, rgba(79,209,255,.28) 0%, rgba(33,158,240,.18) 100%);
    border-color: rgba(79,209,255,.45);
    color: #fff;
    transform: translateY(-2px);
    box-shadow:
        0 4px 20px rgba(79,209,255,.20),
        0 0 0 1px rgba(79,209,255,.10),
        inset 0 1px 0 rgba(255,255,255,.12);
}
.simple-rent-admin-btn:active {
    transform: translateY(0);
    background: linear-gradient(135deg, rgba(79,209,255,.22) 0%, rgba(33,158,240,.14) 100%);
    box-shadow:
        0 0 8px rgba(79,209,255,.10),
        inset 0 2px 6px rgba(0,0,0,.15);
}

/* Cont button slightly smaller */
.simple-rent-account-btn {
    padding: 10px 16px !important;
    min-height: 42px;
}

/* CTA widths */
.simple-rent-cta .btn {
    min-width: 190px;
}

/* Burger */
.simple-rent-burger {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .16);
    background: rgba(0, 0, 0, .18);
    color: rgba(255, 255, 255, .92);
    display: none;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.simple-rent-burger i {
    font-size: 1.55rem;
}

.simple-rent-burger:hover {
    border-color: rgba(79, 209, 255, .25);
    background: rgba(79, 209, 255, .08);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 10px 26px rgba(79, 209, 255, .18);
}

/* Dropdown menu */
.dropdown-menu.simple-rent-dropdown {
    background: rgba(10, 16, 22, .92);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 14px;
    padding: .55rem;
    min-width: 220px;
    box-shadow: 0 18px 60px rgba(0, 0, 0, .55);
    z-index: 2000;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.simple-rent-dropdown .dropdown-item {
    color: rgba(255, 255, 255, .88);
    border-radius: 10px;
    padding: .55rem .75rem;
    transition: background .2s ease, transform .2s ease, color .2s ease;
}

.simple-rent-dropdown .dropdown-item:hover {
    background: rgba(79, 209, 255, .12);
    color: #fff;
    transform: translateX(2px);
}

/* =========================
   LANGUAGE SELECTOR
   ========================= */
.simple-rent-lang-dropdown {
    position: relative;
}

.simple-rent-lang-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    min-height: 42px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, .14);
    background: linear-gradient(180deg,
        rgba(79, 209, 255, .10) 0%,
        rgba(33, 158, 240, .06) 100%);
    color: rgba(255, 255, 255, .95);
    font-weight: 700;
    font-size: 0.9rem;
    letter-spacing: .3px;
    cursor: pointer;
    transition: all .2s ease;
    box-shadow:
        0 4px 14px rgba(0, 0, 0, .25),
        inset 0 1px 0 rgba(255, 255, 255, .08);
}

.simple-rent-lang-btn:hover {
    transform: translateY(-1px);
    border-color: rgba(79, 209, 255, .35);
    background: linear-gradient(180deg,
        rgba(79, 209, 255, .18) 0%,
        rgba(33, 158, 240, .10) 100%);
    color: #fff;
    box-shadow:
        0 8px 22px rgba(79, 209, 255, .20),
        inset 0 1px 0 rgba(255, 255, 255, .12);
}

.simple-rent-lang-btn:active {
    transform: translateY(0);
}

.simple-rent-lang-btn::after {
    margin-left: 2px;
    border-top-color: rgba(255, 255, 255, .7);
}

.sr-lang-flag {
    display: inline-block;
    width: 22px;
    height: 16px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 3px;
    box-shadow:
        0 1px 2px rgba(0, 0, 0, .3),
        inset 0 0 0 1px rgba(255, 255, 255, .08);
    flex-shrink: 0;
    vertical-align: middle;
}

/* Override flag-icons default size inside our components */
.simple-rent-lang-btn .sr-lang-flag,
.simple-rent-lang-menu .sr-lang-flag {
    width: 22px;
    height: 16px;
}

.sr-lang-code {
    font-family: 'Segoe UI', system-ui, sans-serif;
    font-weight: 800;
}

.simple-rent-lang-menu {
    min-width: 180px !important;
    transform: none !important;
    text-align: left;
}

.simple-rent-lang-menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    justify-content: flex-start;
    flex-direction: row;
}

@media (max-width: 991.98px) {
    .simple-rent-lang-menu {
        min-width: 140px !important;
        left: 0 !important;
        right: auto !important;
        font-size: 0.85rem;
        padding: 0.35rem 0;
    }

    .simple-rent-lang-menu .dropdown-item {
        gap: 8px;
        padding: 0.35rem 0.75rem;
    }

    .simple-rent-lang-menu .sr-lang-flag {
        width: 20px !important;
        height: 14px !important;
    }
}

.simple-rent-lang-menu .dropdown-item.active-lang {
    background: rgba(79, 209, 255, .18);
    color: #fff;
}

.simple-rent-lang-menu .sr-lang-flag {
    width: 24px;
    height: 18px;
}

/* Mobile offcanvas language selector */
.sr-offcanvas-lang,
.sr-offcanvas-locations {
    margin-top: 1.5rem;
    padding: 1rem;
    background: rgba(0, 0, 0, .25);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 12px;
}

.sr-offcanvas-loc-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sr-offcanvas-loc-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .08);
    color: rgba(255, 255, 255, .92);
    font-size: 0.95rem;
}

.sr-offcanvas-loc-item i {
    color: var(--aqua, #4fd1ff);
    font-size: 1.1rem;
}

.sr-offcanvas-lang-label {
    color: rgba(255, 255, 255, .7);
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
    letter-spacing: .3px;
}

.sr-offcanvas-lang-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.sr-offcanvas-lang-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 10px 6px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .08);
    color: rgba(255, 255, 255, .9);
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 700;
    transition: all .2s ease;
}

.sr-offcanvas-lang-item:hover {
    background: rgba(79, 209, 255, .15);
    border-color: rgba(79, 209, 255, .35);
    color: #fff;
    transform: translateY(-1px);
}

.sr-offcanvas-lang-item.active-lang {
    background: rgba(79, 209, 255, .22);
    border-color: rgba(79, 209, 255, .5);
    color: #fff;
    box-shadow: 0 4px 14px rgba(79, 209, 255, .20);
}

.sr-offcanvas-lang-item .sr-lang-flag {
    width: 32px;
    height: 22px;
    border-radius: 4px;
}

/* RTL support for Arabic */
html[dir="rtl"] .simple-rent-nav-wrap,
html[dir="rtl"] .simple-rent-right {
    flex-direction: row-reverse;
}

/* Responsive: compact button on tablets */
@media (max-width: 991.98px) {
    .simple-rent-lang-btn {
        padding: 8px 10px;
        min-height: 38px;
        font-size: 0.85rem;
    }
    .sr-lang-code {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .simple-rent-lang-dropdown {
        display: none !important;
    }
}

/* =========================
   HERO MAIN (layout/spacing)
   ========================= */
.spacing-20 {
    margin-bottom: 8vh;
}

.simple-rent-hero-main {
    /* Cap la 820px pe monitoare mari — laptop (viewport <900px) nu e afectat,
       dar pe monitor 1440px+ hero-ul nu mai creste ca sa pastram proportii de laptop */
    min-height: min(calc(100svh - 78px), 820px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0px;
    padding-bottom: 44px;
}

.simple-rent-hero-title {
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 800;
    letter-spacing: .2px;
    line-height: 1.05;
    padding-bottom: 20px;
    /* Pastram 2.2vw original (30px pe laptop), doar ridicam cap-ul sa creasca pe monitor mare.
       1366px -> ~30px | 1920px -> ~42px | 2560px -> ~56px | 3840px+ -> cap 4.5rem */
    font-size: clamp(1.8rem, 2.2vw, 4.5rem);
    text-shadow: 0 12px 34px rgba(0, 0, 0, .68);
}

.simple-rent-hero-sub {
    max-width: clamp(740px, 55vw, 1000px);
    margin-inline: auto;
    color: whitesmoke;
    line-height: 1.65;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
    /* !important ca sa bata Bootstrap .fs-5 din HTML */
    font-size: clamp(1rem, 0.9rem + 0.35vw, 1.4rem) !important;
}

.simple-rent-badges {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    flex-wrap: wrap;
    color: rgba(255, 255, 255, .9);
}

.simple-rent-badge {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    font-weight: 750;
    font-size: .95rem;
}

.simple-rent-badge i {
    color: var(--aqua);
    filter: drop-shadow(0 10px 18px rgba(79, 209, 255, .18));
}

/* SEARCH CARD */
.simple-rent-search-card {
    background: linear-gradient(180deg, var(--glass-1), var(--glass-2));
    border: 1px solid var(--border-1);
    border-radius: var(--r-lg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: var(--shadow-1);
    padding: 16px 18px;
    width: 100%;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
    overflow: visible;
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
    box-sizing: border-box;
}

.simple-rent-search-card::before {
    content: "";
    position: absolute;
    inset: -2px;
    background: radial-gradient(900px 220px at 50% 0%, rgba(79, 209, 255, .14), rgba(0, 0, 0, 0) 60%);
    pointer-events: none;
    opacity: .9;
}

.simple-rent-search-card>* {
    position: relative;
    z-index: 1;
}

.simple-rent-search-card:hover {
    transform: translateY(-3px);
    border-color: rgba(79, 209, 255, .26);
    box-shadow: var(--shadow-2);
}

.simple-rent-label {
    font-size: .9rem;
    font-weight: 750;
    color: rgba(255, 255, 255, .80);
    margin-bottom: .35rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* inputs/select */
.simple-rent-control,
.simple-rent-select {
    background: rgba(0, 0, 0, .22) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    color: rgba(255, 255, 255, .92) !important;
    border-radius: 999px !important;
    padding: .85rem 1rem !important;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.simple-rent-control::placeholder {
    color: rgba(255, 255, 255, .55);
}

.simple-rent-control:focus,
.simple-rent-select:focus {
    background: rgba(0, 0, 0, .28) !important;
    color: #fff !important;
    border-color: rgba(79, 209, 255, .55) !important;
    box-shadow: 0 0 0 .22rem rgba(79, 209, 255, .18) !important;
    transform: translateY(-1px);
}

input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    opacity: .75;
    cursor: pointer;
}

.simple-rent-select option {
    color: #111;
}

/* Stats */
.simple-rent-stats {
    margin-top: 28px;
    text-align: center;
}

.simple-rent-stat-num {
    font-weight: 950;
    font-size: clamp(1.7rem, 2.7vw, 2.2rem);
    letter-spacing: .3px;
    color: rgba(255, 255, 255, .92);
    text-shadow: 0 10px 28px rgba(0, 0, 0, .55);
}

.simple-rent-stat-label {
    color: rgba(255, 255, 255, .68);
    font-weight: 850;
    font-size: .9rem;
    text-transform: uppercase;
    letter-spacing: .8px;
}

/* Pe telefon: line-height stransa pe toate stat-num (ca "Masini" si "intretinute" sa fie aproape).
   Min-height + flex center DOAR pe col 3 si 4 (row-ul de jos unde "Masini intretinute" ocupa 2 randuri).
   Astfel "0%" se centreaza cu "Masini intretinute", si "15e"/"Non-stop" raman compacte pe randul de sus. */
@media (max-width: 767.98px) {
    .simple-rent-stat-num {
        line-height: 1.02;
        font-size: clamp(1.5rem, 5.5vw, 1.8rem);
    }
    .simple-rent-stat-label {
        font-size: .72rem;
        letter-spacing: .5px;
    }
    .simple-rent-stats .row .col:nth-child(3) .simple-rent-stat-num,
    .simple-rent-stats .row .col:nth-child(4) .simple-rent-stat-num {
        min-height: 1.6em;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 2px;
    }
    /* Stats compacte pe mobile — spatiu redus */
    .simple-rent-stats {
        margin-top: 14px !important;
        margin-bottom: 20px;
    }
    /* Distanta verticala intre randul 1 (15e/Non-stop) si randul 2 (Masini/0%) */
    .simple-rent-stats .row {
        row-gap: 12px;
    }
    /* Redu spatiul din slider-ul de text */
    .text-slider-container.slider-bottom {
        margin-top: 8px !important;
    }
    .simple-rent-hero-sub {
        font-size: 0.95rem !important;
        margin-bottom: 14px !important;
        line-height: 1.45;
    }
}

/* MOBILE */
@media (max-width: 991.98px) {
    .simple-rent-navbar {
        overflow: visible;
        max-width: 100%;
        padding-block: 10px;
    }
    .simple-rent-navbar .simple-rent-brand img {
        max-height: 48px;
    }

    body.scrolled-past-hero .simple-rent-navbar {
        top: 8px;
        left: 8px;
        right: 8px;
        width: calc(100% - 16px);
        padding-block: 7px;
        border-radius: 14px;
    }
    body.scrolled-past-hero .simple-rent-brand img {
        max-height: 36px !important;
    }

    .simple-rent-center {
        display: none;
    }

    .simple-rent-left {
        min-width: auto;
        flex-shrink: 0;
    }

    .simple-rent-nav-wrap {
        justify-content: space-between;
        gap: 8px;
    }

    .simple-rent-right {
        min-width: auto;
        gap: 8px;
        flex-shrink: 0;
    }

    .simple-rent-account-dropdown {
        display: none !important;
    }

    .simple-rent-burger {
        display: inline-flex;
    }

    /* Selectorul de limbă vizibil în dreapta */
    .simple-rent-lang-dropdown {
        display: inline-flex !important;
    }

    /* HERO mobile tuning */
    .simple-rent-hero::before {
        background-attachment: scroll;
        background-position: center 18%;

        /* Am crescut scale de la 1.03 la 1.08 pentru a compensa 
       efectul de blur pe margini */
        transform: scale(1.08);

        /* Adăugat blur(8px) - poți scădea la 4px sau 5px dacă vrei să fie mai subtil */
        filter: saturate(1.03) contrast(1.06) brightness(.62) blur(8px);

        /* Recomandat pentru smooth performance pe mobil */
        will-change: filter;
    }

    .simple-rent-hero::after {}

    .simple-rent-hero-main {
        min-height: calc(100svh - 72px);
        padding-top: 120px !important;
        padding-bottom: 34px !important;
    }

    .spacing-20 {
        margin-bottom: 2vh !important;
    }

    .simple-rent-hero-title {
        font-size: clamp(1.9rem, 7vw, 2.7rem);
        line-height: 1.08;
    }

    .simple-rent-hero-sub {
        font-size: 1rem;
        padding-inline: 8px;
    }

    .simple-rent-search-card {
        padding: 14px;
        border-radius: 18px;
        max-width: 94vw;
    }
}

/* ══════════════════════════════════════════
   HERO FORM: Grid Layout (symmetric rows)
   ══════════════════════════════════════════ */

#hero-search-form {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 4fr) minmax(0, 3fr) max-content;
    grid-template-rows: auto auto;
    gap: 10px;
    align-items: end;
    justify-items: stretch;
    width: 100%;
    box-sizing: border-box;
}

.hero-loc-col,
.hero-date-col,
.hero-time-col {
    min-width: 0;
    width: 100%;
}

.hero-loc-col .simple-rent-select,
.hero-date-col .simple-rent-control,
.hero-time-col .simple-rent-control {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.hero-date-trigger,
.hero-time-trigger {
    overflow: hidden;
    text-overflow: ellipsis;
}

.hero-date-trigger > span,
.hero-time-trigger > span {
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    flex: 1;
}

.hero-btn-col {
    grid-column: 4;
    grid-row: 1 / 3;
    align-self: center;
    display: flex;
    align-items: center;
    min-width: 0;
}

.hero-btn-col .btn {
    white-space: nowrap;
    border-radius: 999px !important;
    padding: .85rem 1.5rem !important;
    min-height: 48px;
}

@media (max-width: 767.98px) {
    #hero-search-form {
        grid-template-columns: 1fr 1fr;
    }
    .hero-loc-col {
        grid-column: 1 / -1;
    }
    .hero-btn-col {
        grid-column: 1 / -1;
        grid-row: auto;
    }
}

/* ══════════════════════════════════════════
   HERO FORM: Calendar & Time Dropdowns
   ══════════════════════════════════════════ */

.hero-date-col,
.hero-time-col {
    position: relative;
}

.hero-date-trigger,
.hero-time-trigger {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    font-size: .88rem;
}

/* ── Location Trigger + Dropdown ── */
.hero-loc-trigger {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    user-select: none;
}
.hero-loc-trigger .hero-loc-display {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}
.hero-loc-trigger .bi-chevron-down {
    transition: transform .2s ease;
    opacity: .7;
}
.hero-loc-trigger.open .bi-chevron-down {
    transform: rotate(180deg);
}
.hero-loc-dropdown {
    display: none;
    position: fixed;
    z-index: 10001;
    min-width: 220px;
    max-height: 280px;
    overflow-y: auto;
    background: linear-gradient(180deg, rgba(8, 18, 32, .92), rgba(8, 18, 32, .82));
    backdrop-filter: blur(14px) saturate(160%);
    -webkit-backdrop-filter: blur(14px) saturate(160%);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 18px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .42), 0 0 0 1px rgba(255, 255, 255, .04) inset;
    scrollbar-width: thin;
    scrollbar-color: rgba(79, 209, 255, .35) transparent;
    padding: 6px;
}
.hero-loc-dropdown.open {
    display: block;
    animation: heroDropIn 0.2s ease;
}
.hero-loc-dropdown::-webkit-scrollbar {
    width: 5px;
}
.hero-loc-dropdown::-webkit-scrollbar-thumb {
    background: rgba(79, 209, 255, .35);
    border-radius: 3px;
}
.hero-loc-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.hero-loc-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 16px;
    cursor: pointer;
    color: rgba(255, 255, 255, .88);
    font-weight: 600;
    font-size: .92rem;
    border-radius: 999px;
    transition: background .15s ease, color .15s ease;
    user-select: none;
}
.hero-loc-item i {
    color: rgba(79, 209, 255, .85);
    font-size: 1rem;
    flex-shrink: 0;
}
.hero-loc-item:hover {
    background: rgba(79, 209, 255, .12);
    color: #fff;
}
.hero-loc-item:hover i { color: #fff; }
.hero-loc-item.active {
    background: linear-gradient(180deg, rgba(79, 209, 255, 1), rgba(33, 158, 240, 1));
    color: #06131b;
    box-shadow: 0 6px 16px rgba(33, 158, 240, .35);
}
.hero-loc-item.active i { color: #06131b; }

@media (max-width: 767.98px) {
    .hero-loc-dropdown {
        left: 8px !important;
        right: 8px !important;
        bottom: auto !important;
        width: auto !important;
        min-width: auto;
        max-width: calc(100vw - 16px);
        /* `top` is set inline by JS based on trigger position */
    }
}

/* ── Calendar Dropdown Panel (fixed, above everything) ── */
.hero-cal-dropdown {
    display: none;
    position: fixed;
    z-index: 10001;
    min-width: 320px;
    background: linear-gradient(180deg, rgba(8, 18, 32, .92), rgba(8, 18, 32, .82));
    backdrop-filter: blur(14px) saturate(160%);
    -webkit-backdrop-filter: blur(14px) saturate(160%);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 18px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .42), 0 0 0 1px rgba(255, 255, 255, .04) inset;
    padding: 8px;
    overflow: hidden;
    color: rgba(255, 255, 255, .92);

    /* Dark palette vars for .cd-cal-* children */
    --cd-bg: rgba(255, 255, 255, .04);
    --cd-border: rgba(255, 255, 255, .14);
    --cd-border-2: rgba(255, 255, 255, .08);
    --cd-text: rgba(255, 255, 255, .92);
    --cd-muted: rgba(255, 255, 255, .68);
    --cd-muted-2: rgba(255, 255, 255, .48);
    --cd-aqua: #4fd1ff;
    --cd-aqua-2: #219ef0;
}

.hero-cal-dropdown.open {
    display: block;
    animation: heroDropIn 0.2s ease;
}

/* Dark theme overrides for the calendar inside the floating hero dropdown */
.hero-cal-dropdown .cd-cal-wrapper {
    background: transparent;
    border-color: rgba(255, 255, 255, .10);
}
.hero-cal-dropdown .cd-cal-header {
    background: linear-gradient(135deg, rgba(79, 209, 255, .12), rgba(33, 158, 240, .06));
}
.hero-cal-dropdown .cd-cal-nav {
    background: rgba(255, 255, 255, .08);
    color: rgba(255, 255, 255, .92);
}
.hero-cal-dropdown .cd-cal-nav:hover {
    background: rgba(79, 209, 255, .85);
    color: #06131b;
}
.hero-cal-dropdown .cd-cal-month {
    color: #fff;
}
.hero-cal-dropdown .cd-cal-weekday {
    color: rgba(255, 255, 255, .55);
}
.hero-cal-dropdown .cd-cal-day {
    color: rgba(255, 255, 255, .88);
}
.hero-cal-dropdown .cd-cal-day:hover:not(.disabled):not(.empty) {
    background: rgba(79, 209, 255, .15);
}
.hero-cal-dropdown .cd-cal-day.in-range:not(.selected):not(.range-start-marker):not(.range-end-marker) {
    background: rgba(79, 209, 255, .12);
}
.hero-cal-dropdown .cd-cal-day.disabled {
    opacity: .35;
    color: rgba(255, 255, 255, .55);
}
.hero-cal-dropdown .cd-cal-date-summary {
    color: rgba(255, 255, 255, .78);
    border-top-color: rgba(255, 255, 255, .10);
    background: rgba(79, 209, 255, .04);
}

@keyframes heroDropIn {
    from { opacity: 0; transform: translateY(-8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Time Dropdown Panel (fixed, above everything) ── */
.hero-time-dropdown {
    display: none;
    position: fixed;
    z-index: 10001;
    min-width: 170px;
    max-height: 240px;
    overflow-y: auto;
    background: linear-gradient(180deg, rgba(8, 18, 32, .92), rgba(8, 18, 32, .82));
    backdrop-filter: blur(14px) saturate(160%);
    -webkit-backdrop-filter: blur(14px) saturate(160%);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 18px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .42), 0 0 0 1px rgba(255, 255, 255, .04) inset;
    padding: 6px;
    scrollbar-width: thin;
    scrollbar-color: rgba(79, 209, 255, .35) transparent;
}

.hero-time-dropdown.open {
    display: block;
    animation: heroDropIn 0.2s ease;
}

.hero-time-dropdown::-webkit-scrollbar {
    width: 5px;
}

.hero-time-dropdown::-webkit-scrollbar-thumb {
    background: rgba(79, 209, 255, .35);
    border-radius: 3px;
}

.hero-time-list {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.hero-time-slot {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    font-size: 0.92rem;
    font-weight: 600;
    color: rgba(255, 255, 255, .88);
    cursor: pointer;
    border-radius: 999px;
    transition: background .15s ease, color .15s ease;
    flex-shrink: 0;
    user-select: none;
}

.hero-time-slot:hover {
    background: rgba(79, 209, 255, .12);
    color: #fff;
}

.hero-time-slot.active {
    background: linear-gradient(180deg, rgba(79, 209, 255, 1), rgba(33, 158, 240, 1));
    color: #06131b;
    font-weight: 700;
    box-shadow: 0 6px 16px rgba(33, 158, 240, .35);
}

/* ── Overlay ── */
.hero-dropdown-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 10000;
}

.hero-dropdown-overlay.active {
    display: block;
}

/* ── Mobile: calendar centered (inset+margin:auto = never goes off-screen) ── */
@media (max-width: 767.98px) {
    .hero-cal-dropdown {
        inset: 0 !important;
        margin: auto !important;
        transform: none !important;
        width: min(340px, 92vw);
        min-width: auto;
        max-height: 90vh;
        height: fit-content;
        overflow-y: auto;
        border-radius: 18px;
    }

    .hero-time-dropdown {
        inset: 0 !important;
        margin: auto !important;
        transform: none !important;
        width: 220px;
        min-width: auto;
        max-height: 60vh;
        height: fit-content;
        overflow-y: auto;
        border-radius: 16px;
    }

    /* On mobile, use opacity-only animation so transform centering is not overridden */
    .hero-cal-dropdown.open,
    .hero-time-dropdown.open {
        animation: heroDropInMobile 0.2s ease !important;
    }
}

@keyframes heroDropInMobile {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* OFFCANVAS */
.offcanvas.simple-rent-offcanvas {
    z-index: 5000 !important;
}

.offcanvas-backdrop {
    z-index: 4900 !important;
}

.simple-rent-offcanvas {
    background: rgba(8, 12, 16, .92);
    color: #fff;
    border-left: 1px solid rgba(255, 255, 255, .10);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: -30px 0 90px rgba(0, 0, 0, .55);
}

.simple-rent-offcanvas a {
    color: rgba(255, 255, 255, .88);
    text-decoration: none;
    font-weight: 750;
    transition: color .2s ease;
}

.simple-rent-offcanvas a:hover {
    color: #fff;
}

.simple-rent-offcanvas .list-group-item {
    background: transparent;
    border-color: rgba(255, 255, 255, .10);
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
    border-radius: 12px;
    margin-bottom: 6px;
}

.simple-rent-offcanvas .list-group-item:hover {
    background: rgba(79, 209, 255, .10);
    border-color: rgba(79, 209, 255, .22);
    transform: translateX(2px);
}

.btn-close.btn-close-white {
    filter: drop-shadow(0 10px 24px rgba(0, 0, 0, .6));
    opacity: .85;
}

.btn-close.btn-close-white:hover {
    opacity: 1;
}

/* ── Nav Links Edit Mode ── */
.nav-link-item {
    border-radius: 12px;
    margin-bottom: 4px;
}
.nav-drag-handle {
    color: rgba(255,255,255,.4);
    font-size: 1.1rem;
    padding: 4px 2px;
}
.nav-drag-handle:hover {
    color: rgba(79, 209, 255, .8);
}
.nav-link-delete {
    padding: 2px 6px;
    font-size: .75rem;
    border-radius: 6px;
    opacity: .6;
}
.nav-link-delete:hover {
    opacity: 1;
}
#navLinkAdd {
    border-style: dashed;
    opacity: .7;
}
#navLinkAdd:hover {
    opacity: 1;
}

/* ── Offcanvas Account Section ── */
.sr-offcanvas-account {
    margin-top: 20px;
    padding: 16px;
    background: rgba(255, 255, 255, .06);
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, .10);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sr-offcanvas-user {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 4px 12px;
    font-weight: 700;
    font-size: 1.05rem;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .10);
    margin-bottom: 4px;
}

.sr-offcanvas-user i {
    font-size: 1.5rem;
    color: #4fd1ff;
}

.sr-offcanvas-account-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    color: rgba(255, 255, 255, .88) !important;
    font-weight: 600;
    font-size: .95rem;
    transition: background .2s ease, transform .2s ease;
    text-decoration: none !important;
}

.sr-offcanvas-account-link:hover {
    background: rgba(79, 209, 255, .10);
    transform: translateX(2px);
    color: #fff !important;
}

.sr-offcanvas-account-link i {
    font-size: 1.1rem;
    width: 22px;
    text-align: center;
    color: rgba(255, 255, 255, .6);
}

.sr-offcanvas-logout {
    color: rgba(255, 120, 120, .9) !important;
}

.sr-offcanvas-logout:hover {
    background: rgba(255, 100, 100, .12);
    color: #ff8080 !important;
}

.sr-offcanvas-logout i {
    color: rgba(255, 120, 120, .7);
}

.sr-offcanvas-account-btn-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 16px;
    border-radius: 10px;
    background: linear-gradient(135deg, #219ef0, #4fd1ff);
    color: #fff !important;
    font-weight: 700;
    font-size: .95rem;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.sr-offcanvas-account-btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 24px rgba(79, 209, 255, .3);
    color: #fff !important;
}

/* =========================
   CARS SHOWCASE (LIGHT THEME)
   - DOAR pentru sectiunea .cars-showcase
   - layout identic: featured + compact + mini
   ========================= */

.cars-showcase {
    /* variabile locale (NU atinge tema globala) */
    --bg: #f6f8fb;
    --card: rgba(255, 255, 255, .78);
    --card-2: rgba(255, 255, 255, .64);
    --border: rgba(10, 24, 40, .10);
    --border-2: rgba(10, 24, 40, .08);

    --text: rgba(10, 24, 40, .92);
    --muted: rgba(10, 24, 40, .68);
    --muted-2: rgba(10, 24, 40, .52);

    /* accent cyan/blue similar cu al tau */
    --aqua: #35baff;
    --aqua-2: #219ef0;

    --shadow-1: 0 18px 50px rgba(15, 30, 55, .10);
    --shadow-2: 0 28px 70px rgba(15, 30, 55, .16);

    --r-lg: 22px;
    --r-md: 16px;
    --r-sm: 12px;

    background:
        radial-gradient(900px 420px at 50% 0%, rgba(53, 186, 255, .14), rgba(0, 0, 0, 0) 60%),
        radial-gradient(900px 520px at 20% 55%, rgba(33, 158, 240, .10), rgba(0, 0, 0, 0) 62%),
        linear-gradient(180deg, #fbfcff 0%, var(--bg) 45%, #f2f6fb 100%);
    color: var(--text);
    padding: 72px 0 28px;
}

.cars-showcase .section-title h2 {
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 900;
    letter-spacing: .2px;
    color: var(--text);
}

.cars-showcase .section-title p {
    color: var(--muted);
    max-width: 740px;
    margin: 10px auto 0;
}

/* generic card */
.cars-showcase .car-showcase-card {
    border-radius: var(--r-lg);
    background: linear-gradient(180deg, var(--card), var(--card-2));
    border: 1px solid var(--border);
    box-shadow: var(--shadow-1);
    overflow: hidden;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.cars-showcase a.car-card-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.cars-showcase .car-showcase-card:hover {
    transform: translateY(-3px);
    border-color: rgba(53, 186, 255, .30);
    box-shadow: var(--shadow-2);
}

/* =========================
   FEATURED
   ========================= */
.cars-showcase .car-showcase-card.featured .car-hero-image {
    position: relative;
    border-bottom: 1px solid var(--border-2);
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #0e1a25;
}

.cars-showcase .car-showcase-card.featured img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--obj-pos, center center);
    transform: scale(var(--obj-scale, 1));
    transform-origin: var(--obj-pos, center center);
    display: block;
}

@media (min-width: 992px) {
    .cars-showcase .row > .col-lg-6:first-child {
        display: flex;
    }
    .cars-showcase a.car-card-link.featured {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .cars-showcase .car-showcase-card.featured .car-hero-image {
        flex: 1;
        aspect-ratio: auto;
        min-height: 320px;
    }
}

.cars-showcase .car-badge {
    position: absolute;
    left: 16px;
    top: 16px;
    padding: 8px 12px;
    border-radius: 999px;
    font-weight: 900;
    font-size: .85rem;
    color: #06131b;
    background: linear-gradient(180deg, rgba(79, 209, 255, 1), rgba(33, 158, 240, 1));
    box-shadow: 0 12px 24px rgba(33, 158, 240, .20);
}

.cars-showcase .car-icons {
    position: absolute;
    right: 14px;
    bottom: 14px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.cars-showcase .icon-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 11px;
    border-radius: 999px;
    background: rgba(10, 24, 40, .55);
    backdrop-filter: blur(10px) saturate(1.1);
    -webkit-backdrop-filter: blur(10px) saturate(1.1);
    border: 1px solid rgba(255, 255, 255, .18);
    color: #fff;
    font-weight: 700;
    font-size: .82rem;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    white-space: nowrap;
}

.cars-showcase .icon-item i {
    color: #fff;
    font-size: .95rem;
}

.cars-showcase .car-info {
    padding: 18px 18px 16px;
}

.cars-showcase .car-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 8px;
}

.cars-showcase .car-header h3 {
    margin: 0;
    font-weight: 950;
    letter-spacing: .1px;
}

.cars-showcase .rating i {
    color: #ffb200;
    filter: drop-shadow(0 6px 12px rgba(255, 178, 0, .20));
}

.cars-showcase .car-excerpt {
    color: var(--muted);
    line-height: 1.65;
    margin: 10px 0 14px;
}

.cars-showcase .car-amenities {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.cars-showcase .car-amenities .amenity-pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(53, 186, 255, .08);
    border: 1px solid rgba(53, 186, 255, .18);
    color: rgba(10, 24, 40, .86);
    font-weight: 700;
    font-size: .82rem;
    line-height: 1;
    white-space: nowrap;
}

.cars-showcase .car-amenities .amenity-pill i {
    font-size: 1rem;
    color: rgba(33, 158, 240, 1);
    line-height: 1;
}

.cars-showcase .car-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding-top: 10px;
    border-top: 1px solid var(--border-2);
}

.cars-showcase .pricing-info {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.cars-showcase .price-tag {
    font-size: 2rem;
    font-weight: 950;
    letter-spacing: .2px;
}

.cars-showcase .price-label {
    color: var(--muted-2);
    font-weight: 850;
}

/* featured CTA */
.cars-showcase .explore-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 18px;
    border-radius: 10px;
    font-weight: 950;
    letter-spacing: .2px;
    text-decoration: none;
    color: #06131b;
    background: linear-gradient(180deg, rgba(79, 209, 255, 1), rgba(33, 158, 240, 1));
    border: 1px solid rgba(33, 158, 240, .20);
    box-shadow: 0 14px 30px rgba(33, 158, 240, .18);
    transition: transform .18s ease, filter .18s ease;
}

.cars-showcase .explore-btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.03);
}

/* =========================
   COMPACT
   ========================= */
.cars-showcase .car-showcase-card.compact {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.cars-showcase .car-showcase-card.compact .compact-content {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.cars-showcase .car-showcase-card.compact .compact-bottom {
    margin-top: auto;
}

.cars-showcase .compact-image {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid var(--border-2);
    background: #0e1a25;
    aspect-ratio: 16 / 9;
    width: 100%;
}

.cars-showcase .compact-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--obj-pos, center center);
    transform: scale(var(--obj-scale, 1));
    transform-origin: var(--obj-pos, center center);
    display: block;
}

.cars-showcase .quick-view {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 44px;
    height: 44px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: linear-gradient(180deg, rgba(79, 209, 255, 1), rgba(33, 158, 240, 1));
    color: #06131b;
    border: 1px solid rgba(33, 158, 240, .18);
    box-shadow: 0 14px 30px rgba(33, 158, 240, .20);
    opacity: 0;
    z-index: 2;
    transition: opacity .2s ease;
}

.cars-showcase .car-showcase-card:hover .quick-view {
    opacity: 1;
}

.cars-showcase .compact-image::after {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity .2s ease;
    background: radial-gradient(700px 220px at 50% 0%, rgba(53, 186, 255, .16), rgba(0, 0, 0, 0) 60%),
        linear-gradient(180deg, rgba(255, 255, 255, .00), rgba(255, 255, 255, .78));
}

.cars-showcase .car-showcase-card:hover .compact-image::after {
    opacity: 1;
}

.cars-showcase .compact-content {
    padding: 14px 16px;
}

.cars-showcase .compact-content h4 {
    margin: 0 0 6px;
    font-weight: 950;
}

.cars-showcase .compact-content p {
    margin: 0 0 10px;
    color: var(--muted);
    line-height: 1.55;
}

.cars-showcase .compact-features {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.cars-showcase .compact-features span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 850;
    color: rgba(10, 24, 40, .82);
    background: rgba(53, 186, 255, .08);
    border: 1px solid rgba(53, 186, 255, .18);
    padding: 7px 10px;
    border-radius: 999px;
    font-size: .86rem;
}

.cars-showcase .compact-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 10px;
    border-top: 1px solid var(--border-2);
}

.cars-showcase .compact-price {
    font-weight: 950;
    font-size: 1.25rem;
}

.cars-showcase .compact-price small {
    color: var(--muted-2);
    font-weight: 850;
}

.cars-showcase .quick-book {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 14px;
    border-radius: 10px;
    font-weight: 950;
    text-decoration: none;
    color: rgba(10, 24, 40, .92);
    background: rgba(255, 255, 255, .75);
    border: 1px solid rgba(10, 24, 40, .14);
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.cars-showcase .quick-book:hover {
    transform: translateY(-1px);
    background: rgba(53, 186, 255, .10);
    border-color: rgba(53, 186, 255, .30);
}

/* =========================
   COMPACT VERTICAL (mini row)
   Desktop: looks like old mini cards
   Mobile: looks like compact cards
   ========================= */
.cars-showcase .car-showcase-card.compact-vertical {
    grid-template-columns: 1fr;
}

.cars-showcase .compact-vertical .compact-image {
    border-right: none;
    border-bottom: 1px solid var(--border-2);
}

/* Desktop: mini card look */
@media (min-width: 992px) {
    .cars-showcase .compact-vertical {
        border-radius: 18px;
    }

    .cars-showcase .compact-vertical .compact-image {
        height: 170px;
    }

    .cars-showcase .compact-vertical .compact-content p {
        display: none;
    }

    .cars-showcase .compact-vertical .compact-features span {
        font-size: 0;
        padding: 0;
        width: 32px;
        height: 32px;
        justify-content: center;
        border-radius: 10px;
        gap: 0;
    }

    .cars-showcase .compact-vertical .compact-features span i {
        font-size: .82rem;
    }

    .cars-showcase .compact-vertical .quick-book {
        display: none;
    }

    .cars-showcase .compact-vertical .compact-bottom {
        border-top: none;
        padding-top: 0;
    }

    .cars-showcase .compact-vertical .compact-price {
        font-size: 1.2rem;
        margin-bottom: 0;
    }

    .cars-showcase .compact-vertical .compact-content {
        padding: 12px 14px 14px;
    }

    .cars-showcase .compact-vertical .compact-content h4 {
        font-size: .95rem;
        margin-bottom: 8px;
    }

    .cars-showcase .compact-vertical .compact-features {
        margin-bottom: 0;
    }

}

/* Mobile: compact card look */
@media (max-width: 991.98px) {
    .cars-showcase .compact-vertical .compact-image {
        height: 210px;
    }

    .cars-showcase .compact-vertical .compact-content h4 {
        font-size: 1rem;
    }

    .cars-showcase .compact-vertical .compact-content p {
        font-size: .88rem;
        margin: 0 0 10px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .cars-showcase .compact-vertical .compact-features span {
        font-size: .86rem;
    }
}

/* =========================
   MASINI PAGE
   ========================= */
.masini-page {
    --bg: #f6f8fb;
    --border: rgba(10, 24, 40, .10);
    --text: rgba(10, 24, 40, .92);
    --muted: rgba(10, 24, 40, .68);
    --muted-2: rgba(10, 24, 40, .52);

    background:
        radial-gradient(900px 420px at 50% 0%, rgba(53, 186, 255, .14), rgba(0, 0, 0, 0) 60%),
        radial-gradient(900px 520px at 20% 55%, rgba(33, 158, 240, .10), rgba(0, 0, 0, 0) 62%),
        linear-gradient(180deg, #fbfcff 0%, var(--bg) 45%, #f2f6fb 100%);
    color: var(--text);
    padding: 72px 0;
}

.masini-page .row.g-4 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    align-items: stretch;
}

@media (max-width: 991.98px) {
    .masini-page .row.g-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575.98px) {
    .masini-page .row.g-4 {
        grid-template-columns: 1fr;
    }
}

.masini-page .row.g-4 > [class*="col"] {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

/* Category section header */
.mp-cat-section {
    margin-bottom: 56px;
}

.mp-cat-section:last-child {
    margin-bottom: 0;
}

.mp-cat-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 28px;
}

.mp-cat-title {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}

.mp-cat-title i {
    font-size: 2rem;
    color: #35baff;
    background: rgba(53, 186, 255, .12);
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    flex-shrink: 0;
}

.mp-cat-title h2 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text);
    line-height: 1.2;
}

.mp-cat-title p {
    margin: 2px 0 0;
    font-size: .9rem;
    color: var(--muted);
    line-height: 1.3;
}

.mp-cat-line {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, rgba(53, 186, 255, .35), rgba(10, 24, 40, .08) 40%, transparent 100%);
}

@media (max-width: 575.98px) {
    .mp-cat-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    .mp-cat-line {
        width: 100%;
    }
}

/* Card link */
.mp-card {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    border-radius: 22px;
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: 0 18px 50px rgba(15, 30, 55, .10);
    overflow: hidden;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    height: 100%;
}

.mp-card:hover {
    transform: translateY(-3px);
    border-color: rgba(53, 186, 255, .30);
    box-shadow: 0 28px 70px rgba(15, 30, 55, .16);
    color: inherit;
}

/* Image */
.mp-image {
    position: relative;
    height: 210px;
    overflow: hidden;
    border-bottom: 1px solid rgba(10, 24, 40, .08);
}

.mp-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1.02);
}

.mp-image::after {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity .2s ease;
    background: radial-gradient(700px 220px at 50% 0%, rgba(53, 186, 255, .16), rgba(0, 0, 0, 0) 60%),
        linear-gradient(180deg, rgba(255, 255, 255, .00), rgba(255, 255, 255, .78));
}

.mp-card:hover .mp-image::after {
    opacity: 1;
}

/* Badge "Indisponibil momentan" overlay */
.sr-unavailable-badge {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-6deg);
    background: rgba(251, 191, 36, .72);
    color: rgba(67, 30, 6, .92);
    font-weight: 800;
    font-size: .88rem;
    letter-spacing: .3px;
    padding: 8px 20px;
    border-radius: 8px;
    box-shadow: 0 4px 14px rgba(245, 158, 11, .25);
    text-transform: uppercase;
    z-index: 5;
    text-align: center;
    white-space: nowrap;
    border: 1px solid rgba(120, 53, 15, .35);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}
.sr-unavailable-badge.sr-unavailable-big {
    font-size: 1.4rem;
    padding: 16px 36px;
    letter-spacing: .5px;
}

/* Card indisponibil — scade opacitatea imaginii + blochează hover */
.is-unavailable .mp-image img,
.is-unavailable .car-hero-image img,
.is-unavailable .compact-image img,
.is-unavailable .rez-list-img img { filter: grayscale(.4) brightness(.88); }
.is-unavailable .mp-book-unavail {
    background: #fbbf24 !important;
    color: #78350f !important;
    cursor: not-allowed;
    pointer-events: none;
}
.rez-list-card.is-unavailable { cursor: not-allowed; opacity: .85; }
.rez-list-btn-unavail {
    background: #fbbf24 !important;
    color: #78350f !important;
    border: none !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .3px;
}

/* Price badge overlay (top-right) */
.mp-price-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    background: rgba(255, 255, 255, .96);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 8px 14px;
    border-radius: 999px;
    box-shadow: 0 4px 14px rgba(15, 30, 55, .18);
    display: flex;
    align-items: baseline;
    gap: 5px;
    font-size: 1rem;
    line-height: 1;
    z-index: 3;
}
.mp-price-badge small {
    font-size: .7rem;
    font-weight: 600;
    color: rgba(10, 24, 40, .65);
    text-transform: uppercase;
    letter-spacing: .3px;
}
.mp-price-badge strong {
    font-size: 1.05rem;
    font-weight: 900;
    color: #e53e3e;
    letter-spacing: -.3px;
}
.mp-price-badge strong small {
    font-size: .7rem;
    font-weight: 700;
    color: rgba(10, 24, 40, .55);
    text-transform: none;
    letter-spacing: 0;
    margin-left: 1px;
}

/* Arrow overlay */
.mp-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 44px;
    height: 44px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: linear-gradient(180deg, rgba(79, 209, 255, 1), rgba(33, 158, 240, 1));
    color: #06131b;
    border: 1px solid rgba(33, 158, 240, .18);
    box-shadow: 0 14px 30px rgba(33, 158, 240, .20);
    opacity: 0;
    z-index: 2;
    transition: opacity .2s ease;
}

.mp-card:hover .mp-arrow {
    opacity: 1;
}

/* Content */
.mp-content {
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.mp-content h4 {
    margin: 0 0 6px;
    font-weight: 950;
    font-size: 1.05rem;
}

.mp-content p {
    margin: 0 0 12px;
    color: var(--muted);
    font-size: .9rem;
    line-height: 1.55;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Feature tags */
.mp-features {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.mp-features span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 850;
    color: rgba(10, 24, 40, .82);
    background: rgba(53, 186, 255, .08);
    border: 1px solid rgba(53, 186, 255, .18);
    padding: 6px 10px;
    border-radius: 999px;
    font-size: .84rem;
}

/* Bottom: price + button */
.mp-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(10, 24, 40, .08);
    margin-top: auto;
}

.mp-price {
    font-weight: 950;
    font-size: 1.25rem;
}

.mp-price small {
    color: var(--muted-2);
    font-weight: 850;
}

.mp-book {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 16px;
    border-radius: 10px;
    font-weight: 950;
    color: rgba(10, 24, 40, .92);
    background: rgba(255, 255, 255, .75);
    border: 1px solid rgba(10, 24, 40, .14);
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.mp-card:hover .mp-book {
    background: rgba(53, 186, 255, .10);
    border-color: rgba(53, 186, 255, .30);
}

/* =========================
   Rezervari — Car List
   ========================= */
.rez-masina-header {
    margin-bottom: 24px;
}

.rez-car-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.rez-list-card {
    display: flex;
    align-items: stretch;
    background: #fff;
    border: 1px solid rgba(10, 24, 40, .10);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(15, 30, 55, .07);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    cursor: pointer;
}

.rez-list-card:hover {
    transform: translateY(-2px);
    border-color: rgba(53, 186, 255, .30);
    box-shadow: 0 12px 40px rgba(15, 30, 55, .13);
}

.rez-list-card.rez-selected {
    border-color: rgba(33, 158, 240, .50);
    box-shadow: 0 0 0 3px rgba(33, 158, 240, .15), 0 12px 40px rgba(15, 30, 55, .13);
}

/* Image */
.rez-list-img {
    flex: 0 0 240px;
    min-height: 170px;
    position: relative;
    overflow: hidden;
}

.rez-list-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .3s ease;
}

.rez-list-card:hover .rez-list-img img {
    transform: scale(1.04);
}

/* Info */
.rez-list-info {
    flex: 1;
    padding: 18px 22px;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.rez-list-title {
    margin: 0 0 6px;
    font-weight: 950;
    font-size: 1.12rem;
    color: rgba(10, 24, 40, .92);
}

.rez-list-desc {
    margin: 0 0 12px;
    color: rgba(10, 24, 40, .58);
    font-size: .88rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.rez-list-specs {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: auto;
}

.rez-list-specs > span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-weight: 700;
    color: rgba(10, 24, 40, .72);
    background: rgba(53, 186, 255, .06);
    border: 1px solid rgba(53, 186, 255, .14);
    padding: 4px 10px;
    border-radius: 999px;
    font-size: .78rem;
    white-space: nowrap;
}

.rez-list-specs > span i {
    color: rgba(33, 158, 240, .70);
    font-size: .82rem;
}

/* Price column */
.rez-list-price {
    flex: 0 0 190px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 18px 20px;
    background: rgba(53, 186, 255, .04);
    border-left: 1px solid rgba(10, 24, 40, .06);
}

.rez-price-row {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.rez-price-before {
    font-weight: 700;
    font-size: .92rem;
    color: rgba(10, 24, 40, .38);
    text-decoration: line-through;
}

.rez-price-per-day {
    font-weight: 950;
    font-size: 1.55rem;
    color: rgba(10, 24, 40, .92);
    line-height: 1.1;
}

.rez-price-per-day small {
    font-size: .72rem;
    font-weight: 700;
    color: rgba(10, 24, 40, .45);
}

.rez-price-savings {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: 800;
    font-size: .72rem;
    color: #1a8c3a;
    background: rgba(26, 140, 58, .08);
    border: 1px solid rgba(26, 140, 58, .16);
    padding: 3px 10px;
    border-radius: 999px;
    white-space: nowrap;
}

.rez-price-savings i {
    font-size: .7rem;
}

.rez-price-total {
    font-weight: 700;
    font-size: .85rem;
    color: rgba(10, 24, 40, .60);
    text-align: center;
    line-height: 1.3;
    margin-top: 2px;
}

.rez-total-label {
    display: block;
    font-weight: 600;
    font-size: .70rem;
    color: rgba(10, 24, 40, .40);
    text-transform: uppercase;
    letter-spacing: .03em;
}

/* KM display (intre savings si TOTAL X ZILE) */
.rez-price-km {
    text-align: center;
    margin-top: 2px;
    font-weight: 600;
    font-size: .70rem;
    color: rgba(10, 24, 40, .40);
    text-transform: uppercase;
    letter-spacing: .03em;
}

.rez-list-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 9px 18px;
    border-radius: 10px;
    font-weight: 850;
    font-size: .88rem;
    color: #fff;
    background: linear-gradient(180deg, rgba(79, 209, 255, 1), rgba(33, 158, 240, 1));
    border: none;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease;
    margin-top: 6px;
}

.rez-list-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(33, 158, 240, .30);
}

/* Mobile: stack vertically */
@media (max-width: 767.98px) {
    .rez-list-card {
        flex-direction: column;
    }

    .rez-list-img {
        flex: none;
        height: 190px;
    }

    .rez-list-price {
        flex: none;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 6px 14px;
        border-left: none;
        border-top: 1px solid rgba(10, 24, 40, .06);
        padding: 14px 18px;
    }

    .rez-price-per-day {
        font-size: 1.3rem;
    }

    .rez-price-total {
        text-align: center;
    }
}

/* Tablet: smaller image */
@media (min-width: 768px) and (max-width: 991.98px) {
    .rez-list-img {
        flex: 0 0 200px;
    }

    .rez-list-price {
        flex: 0 0 170px;
    }
}

/* =========================
   MINI (legacy)
   ========================= */
.cars-showcase .car-showcase-card.mini {
    border-radius: 18px;
}

.cars-showcase .mini-image {
    position: relative;
    overflow: hidden;
}

.cars-showcase .mini-image img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    display: block;
}

.cars-showcase .mini-overlay {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    opacity: 0;
    transition: opacity .2s ease;
    background: radial-gradient(700px 220px at 50% 0%, rgba(53, 186, 255, .16), rgba(0, 0, 0, 0) 60%),
        linear-gradient(180deg, rgba(255, 255, 255, .00), rgba(255, 255, 255, .78));
}

.cars-showcase .car-showcase-card.mini:hover .mini-overlay {
    opacity: 1;
}

.cars-showcase .mini-overlay a {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: linear-gradient(180deg, rgba(79, 209, 255, 1), rgba(33, 158, 240, 1));
    color: #06131b;
    border: 1px solid rgba(33, 158, 240, .18);
    box-shadow: 0 14px 30px rgba(33, 158, 240, .20);
}

.cars-showcase .mini-content {
    padding: 12px 14px 14px;
}

.cars-showcase .mini-content h5 {
    margin: 0 0 8px;
    font-weight: 950;
}

.cars-showcase .mini-price {
    font-weight: 950;
    color: rgba(10, 24, 40, .92);
    margin-bottom: 10px;
}

.cars-showcase .mini-price span {
    color: var(--muted-2);
    font-weight: 850;
    margin-left: 4px;
}

.cars-showcase .mini-amenities {
    display: flex;
    gap: 10px;
    color: rgba(10, 24, 40, .72);
}

.cars-showcase .mini-amenities i {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(53, 186, 255, .08);
    border: 1px solid rgba(53, 186, 255, .16);
}

/* Discover all button */
.cars-showcase .discover-all-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 32px;
    border-radius: 12px;
    font-weight: 800;
    font-size: 1.05rem;
    letter-spacing: .3px;
    text-decoration: none;
    color: #fff;
    background: linear-gradient(135deg, #35baff, #1e88e5);
    border: 1px solid rgba(53, 186, 255, .5);
    box-shadow: 0 10px 28px rgba(53, 186, 255, .35);
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.cars-showcase .discover-all-btn:hover {
    background: linear-gradient(135deg, #1e88e5, #35baff);
    border-color: rgba(53, 186, 255, .7);
    box-shadow: 0 14px 34px rgba(53, 186, 255, .45);
    transform: translateY(-2px);
    color: #fff;
}

/* === Animație atractivă pe mobile: pulse + shine === */
@media (max-width: 767.98px) {
    .cars-showcase .discover-all-btn {
        position: relative;
        overflow: hidden;
        animation: sr-btn-pulse 2.4s ease-in-out infinite;
    }

    .cars-showcase .discover-all-btn::before {
        content: '';
        position: absolute;
        top: 0;
        left: -120%;
        width: 60%;
        height: 100%;
        background: linear-gradient(110deg,
            transparent 0%,
            rgba(255, 255, 255, 0) 30%,
            rgba(255, 255, 255, .55) 50%,
            rgba(255, 255, 255, 0) 70%,
            transparent 100%);
        transform: skewX(-20deg);
        animation: sr-btn-shine 3.2s ease-in-out infinite;
        pointer-events: none;
    }

    .cars-showcase .discover-all-btn > * {
        position: relative;
        z-index: 1;
    }
}

@keyframes sr-btn-pulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 10px 28px rgba(53, 186, 255, .35),
                    0 0 0 0 rgba(53, 186, 255, .55);
    }
    50% {
        transform: scale(1.04);
        box-shadow: 0 14px 36px rgba(53, 186, 255, .55),
                    0 0 0 12px rgba(53, 186, 255, 0);
    }
}

@keyframes sr-btn-shine {
    0% { left: -120%; }
    60%, 100% { left: 120%; }
}

.cars-showcase > .container > .text-center.mt-5,
.cars-showcase .container > .text-center.mt-5 {
    margin-top: 0.5rem !important;
}

/* Responsive tweaks */
@media (max-width: 991.98px) {
    .cars-showcase .compact-image {
        border-right: none;
        border-bottom: 1px solid var(--border-2);
    }
    .cars-showcase .car-icons {
        display: none;
    }
}


/* =========================
   RENT ABOUT (LIGHT, premium)
   ========================= */
.rent-about {
    --bg: #f6f8fb;
    --card: rgba(255, 255, 255, .78);
    --card2: rgba(255, 255, 255, .64);
    --border: rgba(10, 24, 40, .10);
    --text: rgba(10, 24, 40, .92);
    --muted: rgba(10, 24, 40, .68);
    --muted2: rgba(10, 24, 40, .52);
    --aqua: #35baff;
    --aqua2: #219ef0;

    --shadow1: 0 18px 50px rgba(15, 30, 55, .10);
    --shadow2: 0 28px 80px rgba(15, 30, 55, .14);

    --r-lg: 26px;
    --r-md: 18px;
    --r-sm: 14px;

    background:
        radial-gradient(900px 420px at 60% 0%, rgba(53, 186, 255, .14), rgba(0, 0, 0, 0) 60%),
        radial-gradient(900px 520px at 20% 65%, rgba(33, 158, 240, .10), rgba(0, 0, 0, 0) 62%),
        linear-gradient(180deg, #fbfcff 0%, var(--bg) 50%, #f2f6fb 100%);
    color: var(--text);
    padding: 42px 0 84px;
}

.rent-about .rent-about-media {
    position: relative;
    padding-bottom: 24px;
}

.rent-about .rent-about-hero {
    border-radius: var(--r-lg);
    overflow: hidden;
    box-shadow: var(--shadow2);
    border: 1px solid var(--border);
    background: #fff;
}

.rent-about .rent-about-hero img {
    width: 100%;
    height: auto;
    display: block;
}

/* badge top-left-ish */
.rent-about .rent-about-badge {
    position: absolute;
    left: 50%;
    top: 22px;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    align-items: center;

    padding: 12px 14px;
    border-radius: 16px;

    background: rgba(255, 255, 255, .86);
    border: 1px solid rgba(10, 24, 40, .12);
    box-shadow: 0 18px 40px rgba(15, 30, 55, .12);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.rent-about .badge-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(53, 186, 255, .12);
    border: 1px solid rgba(53, 186, 255, .22);
    color: rgba(10, 24, 40, .92);
}

.rent-about .badge-text {
    text-align: center;
}

.rent-about .badge-title {
    font-weight: 950;
    line-height: 1.1;
}

.rent-about .badge-sub {
    color: var(--muted2);
    font-weight: 800;
    font-size: .9rem;
}

/* Pe telefon: badge mai mic sa nu depaseasca acoperisul aeroportului */
@media (max-width: 575.98px) {
    .rent-about .rent-about-badge {
        top: 10px;
        padding: 7px 10px;
        gap: 7px;
        border-radius: 12px;
    }
    .rent-about .badge-icon {
        width: 30px;
        height: 30px;
        border-radius: 9px;
    }
    .rent-about .badge-icon i {
        font-size: .9rem;
    }
    .rent-about .badge-title {
        font-size: .78rem;
    }
    .rent-about .badge-sub {
        font-size: .68rem;
    }
}

/* overlay card bottom-left */
.rent-about .rent-about-card {
    position: absolute;
    left: 90px;
    bottom: -12px;
    width: min(420px, 78%);
    border-radius: var(--r-lg);
    overflow: hidden;
    border: 1px solid rgba(10, 24, 40, .10);
    box-shadow: var(--shadow2);
    background: #fff;
}

.rent-about .rent-about-card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

/* RIGHT */
.rent-about .rent-about-content .eyebrow {
    display: inline-block;
    font-weight: 950;
    letter-spacing: 1.2px;
    font-size: .78rem;
    color: rgba(10, 24, 40, .62);
    margin-bottom: 10px;
}

.rent-about .rent-about-content h2 {
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 950;
    letter-spacing: .2px;
    line-height: 1.12;
    margin-bottom: 14px;
}

.rent-about .rent-about-content .lead {
    color: var(--muted);
    line-height: 1.7;
    margin-bottom: 12px;
}

.rent-about .rent-about-content .muted {
    color: var(--muted2);
    line-height: 1.75;
    margin-bottom: 18px;
}

/* features grid (2x2) */
.rent-about .rent-about-features {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 18px;
    margin-top: 12px;
    margin-bottom: 22px;
}

.rent-about .feat {
    display: flex;
    gap: 12px;
    padding: 14px 14px;
    border-radius: 18px;
    background: linear-gradient(180deg, var(--card), var(--card2));
    border: 1px solid var(--border);
    box-shadow: var(--shadow1);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.rent-about .feat:hover {
    transform: translateY(-2px);
    border-color: rgba(53, 186, 255, .30);
    box-shadow: var(--shadow2);
}

.rent-about .feat-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(53, 186, 255, .10);
    border: 1px solid rgba(53, 186, 255, .18);
    color: rgba(10, 24, 40, .92);
    flex: 0 0 auto;
}

.rent-about .feat h5 {
    margin: 0 0 4px;
    font-weight: 700;
}

.rent-about .feat p {
    margin: 0;
    color: var(--muted);
    line-height: 1.55;
    font-size: .95rem;
}

/* CTA */
.rent-about-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 950;
    letter-spacing: .2px;
    color: #06131b;
    background: linear-gradient(180deg, rgba(79, 209, 255, 1), rgba(33, 158, 240, 1));
    border: 1px solid rgba(33, 158, 240, .20);
    box-shadow: 0 14px 30px rgba(33, 158, 240, .18);
    transition: transform .18s ease, filter .18s ease;
}

.rent-about .rent-about-btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.03);
}

/* responsive */
@media (max-width: 991.98px) {
    .rent-about {
        padding: 64px 0;
    }

    .rent-about .rent-about-hero img {
        height: 360px;
    }

    .rent-about .rent-about-card {
        left: 18px;
        width: min(520px, 90%);
    }

    .rent-about .rent-about-features {
        grid-template-columns: 1fr;
    }
}

/* =========================
   FLEET STORY (like screenshot)
   ========================= */
.fleet-story {
    --bg: #f6f8fb;
    --card: rgba(255, 255, 255, .78);
    --card2: rgba(255, 255, 255, .62);
    --border: rgba(10, 24, 40, .10);

    --text: rgba(10, 24, 40, .92);
    --muted: rgba(10, 24, 40, .68);
    --muted2: rgba(10, 24, 40, .52);

    --aqua: #35baff;
    --aqua2: #219ef0;

    --shadow1: 0 18px 50px rgba(15, 30, 55, .10);
    --shadow2: 0 28px 80px rgba(15, 30, 55, .16);

    --r-lg: 26px;
    --r-md: 18px;

    background:
        radial-gradient(900px 420px at 60% 0%, rgba(53, 186, 255, .12), rgba(0, 0, 0, 0) 60%),
        linear-gradient(180deg, #fbfcff 0%, var(--bg) 55%, #f2f6fb 100%);
    color: var(--text);
    padding: 90px 0;
}

/* LEFT */
.fleet-story-content h2 {
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 950;
    letter-spacing: .2px;
    line-height: 1.08;
    margin-bottom: 14px;
}

.fleet-story-content .lead {
    color: var(--muted);
    line-height: 1.75;
    margin-bottom: 12px;
    font-size: 1.02rem;
}

.fleet-story-content .muted {
    color: var(--muted2);
    line-height: 1.8;
    margin-bottom: 22px;
}

/* points (3 rows) */
.fleet-story-points {
    display: grid;
    gap: 16px;
    margin-bottom: 22px;
}

.fleet-story .point {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.fleet-story .point-icon {
    width: 52px;
    height: 52px;
    border-radius: 999px;
    display: grid;
    place-items: center;

    background: rgba(53, 186, 255, .10);
    border: 1px solid rgba(53, 186, 255, .18);
    box-shadow: 0 14px 30px rgba(15, 30, 55, .08);
    color: rgba(10, 24, 40, .92);
    flex: 0 0 auto;
}

.fleet-story .point-text h5 {
    margin: 0 0 6px;
    font-weight: 950;
}

.fleet-story .point-text p {
    margin: 0;
    color: var(--muted);
    line-height: 1.6;
}

/* CTA button */
.fleet-story-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 950;
    letter-spacing: .2px;
    color: #06131b;

    background: linear-gradient(180deg, rgba(79, 209, 255, 1), rgba(33, 158, 240, 1));
    border: 1px solid rgba(33, 158, 240, .20);
    box-shadow: 0 14px 30px rgba(33, 158, 240, .18);
    transition: transform .18s ease, filter .18s ease;
}

.fleet-story-btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.03);
}

/* RIGHT images */
.fleet-story-media {
    position: relative;
    padding-left: 10px;
}

.fleet-story .media-main {
    border-radius: var(--r-lg);
    overflow: hidden;
    border: 1px solid var(--border);
    box-shadow: var(--shadow2);
    background: #fff;
}

.fleet-story .media-main img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    display: block;
}

.fleet-story .media-float {
    position: absolute;
    right: 20px;
    bottom: -26px;
    width: min(360px, 72%);
    border-radius: var(--r-md);
    overflow: hidden;

    background: #fff;
    border: 6px solid rgba(255, 255, 255, .95);
    box-shadow: 0 22px 60px rgba(15, 30, 55, .18);
}

.fleet-story .media-float img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    display: block;
}

/* responsive */
@media (max-width: 991.98px) {
    .fleet-story {
        padding: 70px 0;
    }

    .fleet-story-media {
        padding-left: 0;
    }

    .fleet-story .media-main img {
        height: 340px;
    }

    .fleet-story .media-float {
        right: 12px;
        width: min(280px, 60%);
    }

    .fleet-story .media-float img {
        height: 170px;
    }
}

/* =========================
   TESTIMONIALS (MODERN) – keep your colors
   expects your root vars:
   --aqua, --aqua-2, --aqua-3, --shadow-1, --shadow-2, --r-lg, --r-md, --border-1, --border-2
   ========================= */

.car-testimonials {
    /* light background, but uses your aqua accents */
    --t-bg: #f6f8fb;
    --t-card: rgba(255, 255, 255, .78);
    --t-card-2: rgba(255, 255, 255, .60);
    --t-border: rgba(10, 24, 40, .10);
    --t-text: rgba(10, 24, 40, .92);
    --t-muted: rgba(10, 24, 40, .64);
    --t-muted-2: rgba(10, 24, 40, .50);

    background:
        radial-gradient(1000px 480px at 50% 0%, rgba(79, 209, 255, .16), rgba(0, 0, 0, 0) 62%),
        radial-gradient(900px 520px at 20% 65%, rgba(33, 158, 240, .10), rgba(0, 0, 0, 0) 62%),
        linear-gradient(180deg, #fbfcff 0%, var(--t-bg) 52%, #f2f6fb 100%);
    color: var(--t-text);
    padding: 92px 0;
}

.car-testimonials .section-title h2 {
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 950;
    letter-spacing: .2px;
}

.car-testimonials .section-title p {
    color: var(--t-muted);
    max-width: 760px;
    margin: 10px auto 0;
}

/* ---- Carousel ---- */
.car-testimonials .t-carousel-wrapper {
    overflow: hidden;
    padding-top: 40px;
}

.car-testimonials .t-carousel-track {
    display: flex;
    gap: 24px;
    align-items: stretch;
    transition: transform .45s cubic-bezier(.4, 0, .2, 1);
}

.car-testimonials .t-slide {
    flex: 0 0 calc((100% - 48px) / 3);
    min-width: 0;
    display: flex;
}

/* ---- Cards ---- */
.car-testimonials .t-card {
    position: relative;
    text-align: center;
    padding: 46px 26px 26px;
    border-radius: 22px;
    background: #fff;
    border: 1px solid var(--t-border);
    box-shadow: 0 18px 55px rgba(15, 30, 55, .10);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    width: 100%;
    display: flex;
    flex-direction: column;
}

/* subtle border glow - disabled */
.car-testimonials .t-card::before {
    display: none;
}

.car-testimonials .t-card>* {
    position: relative;
    z-index: 1;
}

.car-testimonials .t-card:hover {
    transform: translateY(-4px);
    border-color: rgba(79, 209, 255, .28);
    box-shadow: 0 28px 90px rgba(15, 30, 55, .16);
}

/* ---- Avatar (modern ring) ---- */
.car-testimonials .t-avatar {
    width: 80px;
    height: 80px;
    border-radius: 999px;
    margin: -70px auto 10px;
    overflow: hidden;
    background: linear-gradient(135deg, #35baff, #219ef0);
    border: 4px solid rgba(255, 255, 255, .96);
    box-shadow: 0 16px 44px rgba(15, 30, 55, .14);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* aqua halo ring */
.car-testimonials .t-avatar::after {
    display: none;
}

.car-testimonials .t-avatar span {
    color: #fff;
    font-weight: 800;
    font-size: 1.3rem;
    letter-spacing: 1px;
}

/* ---- Stars (clean) ---- */
.car-testimonials .t-stars {
    display: flex;
    justify-content: center;
    gap: 4px;
    margin: 10px 0 12px;
    color: #ffb200;
    filter: drop-shadow(0 8px 14px rgba(255, 178, 0, .12));
}

/* ---- Quote ---- */
.car-testimonials .t-quote {
    margin: 0 auto 18px;
    max-width: 480px;
    color: var(--t-muted);
    line-height: 1.75;
    font-style: italic;
    flex: 1;
}

/* ---- Bottom (name + role + mark) ---- */
.car-testimonials .t-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid rgba(10, 24, 40, .06);
}

.car-testimonials .t-bottom > div:first-child {
    text-align: left;
}

.car-testimonials .t-name {
    font-weight: 950;
    letter-spacing: .1px;
}

.car-testimonials .t-role {
    color: var(--t-muted-2);
    font-size: .92rem;
    font-weight: 750;
}

/* ---- Quote mark (modern, aqua) ---- */
.car-testimonials .t-mark {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    background: rgba(79, 209, 255, .10);
    border: 1px solid rgba(79, 209, 255, .22);
    color: rgba(10, 24, 40, .78);
    box-shadow: 0 14px 34px rgba(15, 30, 55, .10);
}

/* ---- Nav buttons (modern, your aqua) ---- */
.car-testimonials .t-nav {
    margin-top: 26px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.car-testimonials .t-nav-btn {
    width: 46px;
    height: 46px;
    border-radius: 999px;
    border: 1px solid rgba(79, 209, 255, .30);
    color: #06131b;
    background: linear-gradient(180deg, var(--aqua), var(--aqua-2));
    box-shadow: 0 18px 50px rgba(15, 30, 55, .12), inset 0 1px 0 rgba(255, 255, 255, .35);
    display: grid;
    place-items: center;
    transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}

.car-testimonials .t-nav-btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.04);
    box-shadow: 0 26px 70px rgba(15, 30, 55, .16), 0 0 0 1px rgba(79, 209, 255, .18), inset 0 1px 0 rgba(255, 255, 255, .40);
}

.car-testimonials .t-nav-btn:active {
    transform: translateY(0);
    filter: brightness(.98);
}

/* ---- Tablet ---- */
@media (max-width: 991.98px) {
    .car-testimonials {
        padding: 72px 0;
    }

    .car-testimonials .t-slide {
        flex: 0 0 calc((100% - 24px) / 2);
    }

    .car-testimonials .t-nav {
        justify-content: center;
    }
}

/* ---- Mobile ---- */
@media (max-width: 575.98px) {
    .car-testimonials .t-slide {
        flex: 0 0 100%;
    }
}

/* Container principal */
.section-header-line {
    margin-bottom: 40px;
    position: relative;
}

/* Aliniere rând: Titlu + Linie */
.title-row {
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
    margin-bottom: 10px;
}

/* Grupul Iconiță + Text */
.title-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    /* Împiedică titlul să se restrângă */
    background: transparent;
    padding-right: 10px;
    min-width: 0;
    max-width: 100%;
}

.title-wrapper i {
    color: var(--aqua);
    /* Folosește aqua din root */
    font-size: 1.6rem;
    filter: drop-shadow(0 4px 10px rgba(79, 209, 255, 0.2));
}

.title-wrapper h1,
.title-wrapper h2 {
    font-family: var(--font-head) !important;
    font-weight: 900 !important;
    font-size: 1.8rem;
    color: #05070a;
    margin: 0;
    letter-spacing: -0.02em;
}

/* Linia decorativă care se întinde pe restul spațiului */
.line-decorator {
    flex-grow: 1;
    height: 1px;
    background: linear-gradient(90deg, var(--aqua) 0%, rgba(79, 209, 255, 0.1) 100%);
    opacity: 0.6;
}

/* Subtitlul de dedesubt */
.section-header-line .subtitle {
    color: #071826;
    /* Folosește muted din root */
    font-size: 1rem;
    margin-left: 42px;
    /* Îl aliniem sub text, nu sub iconiță */
    font-weight: 600;
}

/* Ajustare Mobile */
@media (max-width: 768px) {
    .section-header-line .subtitle {
        margin-left: 0;
        text-align: left;
    }

    .title-row {
        gap: 10px;
    }

    .title-wrapper {
        flex-shrink: 1;
        min-width: 0;
    }

    .line-decorator {
        display: none;
    }
}

/* Stilul specific pentru secțiunea de beneficii */
.benefits-section {
    padding-bottom: 80px;
}

.benefit-card {
    background: #ffffff;
    border: 1px solid rgba(10, 24, 40, 0.08);
    border-radius: 24px;
    padding: 0 30px 36px;
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
    box-shadow: 0 10px 30px rgba(15, 30, 55, 0.05);
    overflow: hidden;
}

/* Cardul din mijloc poate avea un efect de evidențiere subtil */
.benefit-card.active-card {
    border-color: rgba(79, 209, 255, 0.3);
    box-shadow: 0 20px 50px rgba(15, 30, 55, 0.08);
}

.benefit-card:hover {
    transform: translateY(-10px);
    border-color: var(--aqua);
    box-shadow: 0 25px 60px rgba(15, 30, 55, 0.12);
}

.benefit-icon-wrapper {
    width: calc(100% + 60px);
    margin: 0 -30px 25px;
    aspect-ratio: 16 / 9;
    display: block;
    overflow: hidden;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    background: #f4f6fb;
}

.benefit-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.benefit-card h3 {
    font-family: var(--font-head) !important;
    font-weight: 800;
    font-size: 1.35rem;
    color: #05070a;
    margin-bottom: 15px;
}

.benefit-card p {
    font-family: var(--font-body);
    color: #5a6675;
    /* O variantă de muted pentru light theme */
    line-height: 1.7;
    font-size: 0.95rem;
    margin-bottom: 0;
}

/* Reutilizarea stilului de header-linie pe fundal deschis */
.section-header-line .display-title {
    color: #05070a !important;
    /* Text negru/închis pe alb */
}

.section-header-line .line-decorator {
    background: linear-gradient(90deg, var(--aqua) 0%, rgba(79, 209, 255, 0.05) 100%);
    opacity: 0.4;
}

/* =========================
   FOOTER (Glass Fix)
   ========================= */
.simple-rent-footer {
    position: relative;
    margin-top: auto;

    /* glass effect identic */
    background: linear-gradient(180deg,
            rgba(255, 255, 255, 0.65) 0%,
            rgba(255, 255, 255, 0.35) 100%);

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    border-top: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.15);

    color: var(--text);
    font-family: var(--font-body);
    overflow: hidden;
    z-index: 10;
}


/* --- Ajustări Layout Footer --- */
.simple-rent-footer-top {
    padding-top: 60px;
    padding-bottom: 40px;
    position: relative;
    z-index: 2;
}

/* Restul elementelor (titluri, linkuri) rămân stilizate elegant */
.simple-rent-footer-title {
    font-family: var(--font-head);
    font-weight: 800;
    font-size: 1.1rem;
    letter-spacing: 0.5px;
    color: #fff;
    margin-bottom: 24px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px;
}

.simple-rent-footer-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 2px;
    background: var(--aqua);
    border-radius: 2px;
}

/* Texte și Linkuri */
.simple-rent-footer-text,
.simple-rent-footer-meta div {
    color: rgba(255, 255, 255, 0.7);
    /* Muted mai luminos */
    line-height: 1.6;
    font-size: 0.95rem;
    margin-bottom: 10px;
}

.simple-rent-footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.simple-rent-footer-links li {
    margin-bottom: 10px;
}

.simple-rent-footer-links a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 0.95rem;
    transition: all 0.25s ease;
    display: inline-block;
}

.simple-rent-footer-links a:hover {
    color: var(--aqua);
    transform: translateX(5px);
    text-shadow: 0 0 8px rgba(79, 209, 255, 0.4);
}

/* Contact Blocks */
.simple-rent-footer-block {
    margin-bottom: 18px;
}

.simple-rent-footer-label {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--aqua);
    letter-spacing: 1px;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.simple-rent-footer-link {
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

.simple-rent-footer-link:hover {
    color: var(--aqua-2);
    text-decoration: underline;
}

/* Social Icons - Glass Buttons */
.simple-rent-footer-social {
    display: flex;
    gap: 12px;
    margin-top: 25px;
}

.simple-rent-footer-socialbtn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: all 0.3s ease;
}

.simple-rent-footer-socialbtn:hover {
    background: rgba(79, 209, 255, 0.15);
    border-color: var(--aqua);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 0 15px rgba(79, 209, 255, 0.3);
}

/* Cars list (SEO internal linking) */
.simple-rent-footer-cars {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 24px 0 8px;
    position: relative;
    z-index: 2;
}
.simple-rent-footer-cars-title {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    margin-bottom: 12px;
    text-transform: uppercase;
}
.simple-rent-footer-cars-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
}
.simple-rent-footer-cars-list li {
    display: inline;
}
.simple-rent-footer-cars-list a {
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.82rem;
    text-decoration: none;
    transition: color 0.2s ease;
}
.simple-rent-footer-cars-list a:hover {
    color: rgba(255, 255, 255, 0.95);
    text-decoration: underline;
}

/* Bottom Bar - TOTAL TRANSPARENT */
.simple-rent-footer-bottom {
    background: transparent;
    /* Fără fundal suplimentar */
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 20px 0;
    font-size: 0.85rem;
    position: relative;
    z-index: 2;
}

.simple-rent-footer-bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.simple-rent-footer-copy {
    color: rgba(255, 255, 255, 0.5);
}

.simple-rent-footer-badges {
    display: flex;
    align-items: center;
    gap: 15px;
}

.simple-rent-footer-badges img {
    height: 26px;
    width: auto;
    border-radius: 4px;
    opacity: 0.6;
    filter: grayscale(100%);
    transition: all 0.3s ease;
}

.simple-rent-footer-badges img:hover {
    opacity: 1;
    filter: grayscale(0%);
}

/* Chevron icon — hidden on desktop */
.simple-rent-footer-chevron {
    display: none;
}

/* Mobile Adjustments */
@media (max-width: 991px) {
    /* Fundal mai frumos pe mobil — albastru de brand in loc de gri murdar */
    .simple-rent-footer {
        background: linear-gradient(180deg,
                rgba(18, 42, 74, 0.96) 0%,
                rgba(10, 26, 48, 0.98) 100%);
    }

    .simple-rent-footer-top {
        text-align: center;
        padding-top: 30px;
        padding-bottom: 20px;
    }

    /* Accordion title — centrat pe mobil, cu chevron langa text */
    .simple-rent-footer-title {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        margin-bottom: 0;
        padding: 16px 0;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        -webkit-user-select: none;
        user-select: none;
    }

    .simple-rent-footer-title::after {
        display: none;
    }

    /* Chevron */
    .simple-rent-footer-chevron {
        display: inline-flex;
        font-size: .75rem;
        color: rgba(255, 255, 255, .4);
        transition: transform .3s ease, color .3s ease;
        margin-left: 12px;
        flex-shrink: 0;
    }

    .simple-rent-footer-title.active .simple-rent-footer-chevron {
        transform: rotate(180deg);
        color: var(--aqua);
    }

    /* Collapsible content */
    .simple-rent-footer-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height .35s ease;
    }

    .simple-rent-footer-content > :first-child {
        margin-top: 16px;
    }

    /* Reduce gap between columns */
    .simple-rent-footer-top .row.g-4 {
        --bs-gutter-y: 0;
    }

    .simple-rent-footer-social {
        justify-content: flex-start;
    }

    .simple-rent-footer-bottom-inner {
        flex-direction: column;
        text-align: center;
    }
}

/* =========================
   CAR DETAILS PAGE
   ========================= */
.car-details-hero {
    min-height: auto;
    padding-top: 100px;
    padding-bottom: 80px;
    background: linear-gradient(180deg, var(--bg-0) 0%, var(--bg-1) 50%, var(--bg-2) 100%);
    color: var(--text);
    overflow: hidden;
}

/* Gallery Section */
.car-gallery {
    perspective: 1000px;
}

.car-gallery .main-image {
    border-radius: var(--r-lg);
    overflow: hidden;
    background: linear-gradient(180deg, var(--glass-1), var(--glass-2));
    border: 1px solid var(--border-1);
    box-shadow: var(--shadow-2);
}

.car-gallery .main-image img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    display: block;
    transition: transform .3s ease;
}

.car-gallery .main-image:hover img {
    transform: scale(1.02);
}

.gallery-thumbnails {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.gallery-thumbnails .thumbnail {
    width: 100px;
    height: 100px;
    object-fit: cover;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color .2s ease, transform .2s ease;
    opacity: .7;
}

.gallery-thumbnails .thumbnail:hover,
.gallery-thumbnails .thumbnail.active {
    border-color: var(--aqua);
    opacity: 1;
    transform: scale(1.05);
}

/* Car Info Section */
.car-details-info {
    background: linear-gradient(180deg, var(--glass-1), var(--glass-2));
    border: 1px solid var(--border-1);
    border-radius: var(--r-lg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: 32px;
    box-shadow: var(--shadow-1);
}

.car-header-section .badge-section {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.car-badge-new,
.car-badge-popular {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: .85rem;
    font-weight: 900;
    letter-spacing: .5px;
}

.car-badge-new {
    background: linear-gradient(180deg, var(--aqua), var(--aqua-2));
    color: #06131b;
    box-shadow: 0 10px 24px rgba(79, 209, 255, .25);
}

.car-badge-popular {
    background: rgba(255, 178, 0, .15);
    color: #ffb200;
    border: 1px solid rgba(255, 178, 0, .30);
}

.car-details-title {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 2.8rem;
    font-weight: 900;
    letter-spacing: -.02em;
    margin: 16px 0;
    line-height: 1.1;
    color: var(--text);
}

.car-details-subtitle {
    font-size: 1.1rem;
    color: var(--muted);
}

.rating-section .stars {
    display: flex;
    gap: 4px;
    font-size: 1.1rem;
}

.rating-section .stars i {
    color: #ffb200;
    filter: drop-shadow(0 6px 12px rgba(255, 178, 0, .18));
}

.rating-section .review-count {
    color: var(--muted-2);
    font-weight: 600;
}

/* Specs Grid */
.specs-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.spec-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    background: rgba(0, 0, 0, .20);
    border: 1px solid var(--border-2);
    border-radius: var(--r-md);
    transition: all .2s ease;
}

.spec-item:hover {
    background: rgba(79, 209, 255, .08);
    border-color: rgba(79, 209, 255, .25);
    transform: translateY(-2px);
}

.spec-item i {
    font-size: 1.5rem;
    color: var(--aqua);
    filter: drop-shadow(0 6px 12px rgba(79, 209, 255, .15));
}

.spec-item .spec-label {
    font-size: .85rem;
    color: var(--muted);
    font-weight: 600;
}

.spec-item .spec-value {
    font-size: 1rem;
    color: var(--text);
    font-weight: 700;
}

/* Pricing & Booking */
.price-box {
    background: linear-gradient(180deg, rgba(79, 209, 255, .10), rgba(33, 158, 240, .05));
    border: 1px solid rgba(79, 209, 255, .20);
    border-radius: var(--r-md);
    padding: 16px;
    text-align: center;
}

.price-from {
    display: block;
    font-size: .9rem;
    color: var(--muted);
    margin-bottom: 8px;
}

.price-display {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 8px;
    margin-bottom: 8px;
}

.price-amount {
    font-size: 2.5rem;
    font-weight: 950;
    letter-spacing: -.02em;
    color: var(--aqua);
}

.price-period {
    color: var(--muted);
    font-weight: 600;
}

.price-note {
    display: block;
    color: var(--muted-2);
    font-size: .85rem;
}

.booking-form .mb-3 {
    margin-bottom: 16px;
}

.booking-form button {
    font-size: 1.05rem;
    font-weight: 900;
    letter-spacing: .2px;
    text-transform: uppercase;
    transition: all .2s ease;
}

/* DESCRIPTION SECTION (Light Theme) */
.car-description-section {
    background: linear-gradient(180deg, #fbfcff 0%, #f6f8fb 45%, #f2f6fb 100%);
    color: rgba(10, 24, 40, .92);
}

.description-card {
    background: rgba(255, 255, 255, .78);
    border: 1px solid rgba(10, 24, 40, .10);
    border-radius: var(--r-lg);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 28px;
    box-shadow: 0 18px 50px rgba(15, 30, 55, .10);
    transition: all .25s ease;
}

.description-card:hover {
    box-shadow: 0 28px 70px rgba(15, 30, 55, .16);
    transform: translateY(-2px);
    border-color: rgba(53, 186, 255, .30);
}

.description-card h5 {
    font-weight: 900;
    letter-spacing: -.01em;
    color: rgba(10, 24, 40, .92);
    display: flex;
    align-items: center;
    gap: 12px;
}

.description-card h5 i {
    font-size: 1.3rem;
    color: #35baff;
    filter: drop-shadow(0 6px 12px rgba(53, 186, 255, .15));
}

.description-card p {
    color: rgba(10, 24, 40, .68);
    line-height: 1.7;
    margin: 0 0 16px;
}

.description-card p:last-child {
    margin-bottom: 0;
}

/* Amenities List (Light Theme) */
.car-description-section .amenities-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.car-description-section .amenity-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    color: rgba(10, 24, 40, .84);
    font-weight: 500;
}

.car-description-section .amenity-item i {
    font-size: 1.2rem;
    color: #35baff;
    flex-shrink: 0;
}

/* Additional Details Section (Dark) */
.car-details-extra {
    background: linear-gradient(180deg, var(--bg-1) 0%, var(--bg-0) 100%);
    color: var(--text);
    padding: 72px 0;
}

.details-card {
    background: linear-gradient(180deg, var(--glass-1), var(--glass-2));
    border: 1px solid var(--border-1);
    border-radius: var(--r-lg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: 28px;
    box-shadow: var(--shadow-1);
    transition: all .2s ease;
}

.details-card:hover {
    border-color: rgba(79, 209, 255, .25);
    box-shadow: var(--shadow-2);
    transform: translateY(-2px);
}

.details-card h5 {
    font-weight: 900;
    letter-spacing: -.01em;
    color: var(--text);
    display: flex;
    align-items: center;
    gap: 12px;
}

.details-card h5 i {
    font-size: 1.3rem;
    color: var(--aqua);
    filter: drop-shadow(0 6px 12px rgba(79, 209, 255, .15));
}

/* Specs Table */
.specs-table {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.spec-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding: 12px;
    border-bottom: 1px solid var(--border-2);
    align-items: center;
}

.spec-row:last-child {
    border-bottom: none;
}

.spec-name {
    color: var(--muted);
    font-weight: 600;
    font-size: .95rem;
}

.spec-val {
    color: var(--text);
    font-weight: 700;
    font-size: 1rem;
}

/* Policy List */
.policy-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.policy-list li {
    display: flex;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid var(--border-2);
    align-items: flex-start;
}

.policy-list li:last-child {
    border-bottom: none;
}

.policy-list i {
    color: var(--aqua);
    flex-shrink: 0;
    margin-top: 2px;
    font-size: 1.1rem;
}

.policy-list span {
    line-height: 1.6;
    color: var(--text);
    font-size: .95rem;
}

.policy-list strong {
    color: var(--text);
    font-weight: 700;
}

/* Similar Cars */
.similar-car-card {
    background: linear-gradient(180deg, var(--glass-1), var(--glass-2));
    border: 1px solid var(--border-1);
    border-radius: var(--r-md);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 16px;
    transition: all .25s ease;
    display: flex;
    flex-direction: column;
}

.similar-car-card:hover {
    transform: translateY(-4px);
    border-color: rgba(79, 209, 255, .25);
    box-shadow: var(--shadow-2);
}

.similar-car-card h6 {
    font-weight: 950;
    letter-spacing: -.01em;
    margin: 12px 0 4px;
}

.similar-car-card p {
    margin: 0;
    font-size: .85rem;
}

.similar-car-card .btn {
    margin-top: auto;
}

/* Responsive */
@media (max-width: 991.98px) {
    .car-details-info {
        margin-top: 32px;
    }

    .car-details-title {
        font-size: 2.2rem;
    }

    .car-gallery .main-image img {
        height: 350px;
    }

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

    .amenities-list {
        grid-template-columns: 1fr;
    }

    .car-details-info {
        padding: 24px;
    }

    .details-card {
        padding: 20px;
    }

    .spec-row {
        grid-template-columns: auto 1fr;
    }

    .description-card {
        padding: 20px;
    }
}

@media (max-width: 768px) {
    .car-details-hero {
        padding-top: 100px;
        padding-bottom: 40px;
    }

    .car-details-title {
        font-size: 1.8rem;
    }

    .car-gallery .main-image img {
        height: 280px;
    }

    .gallery-thumbnails .thumbnail {
        width: 80px;
        height: 80px;
    }

    .price-amount {
        font-size: 2rem;
    }

    .specs-grid,
    .amenities-list {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================
   CAR DETAILS PAGE – FULL LIGHT THEME
   ==========================================================
   Include AFTER style.css:
   <link rel="stylesheet" href="car-details-light.css">
   ========================================================== */

/* ─── Local Light Palette ─── */
.cd-light-hero,
.cd-light-section {
    --cd-bg: #f6f8fb;
    --cd-bg-alt: #fbfcff;
    --cd-card: rgba(255, 255, 255, .82);
    --cd-card-2: rgba(255, 255, 255, .62);
    --cd-border: rgba(10, 24, 40, .10);
    --cd-border-2: rgba(10, 24, 40, .07);
    --cd-text: rgba(10, 24, 40, .92);
    --cd-muted: rgba(10, 24, 40, .62);
    --cd-muted-2: rgba(10, 24, 40, .46);
    --cd-aqua: #35baff;
    --cd-aqua-2: #219ef0;
    --cd-shadow: 0 18px 55px rgba(15, 30, 55, .10);
    --cd-shadow-2: 0 28px 80px rgba(15, 30, 55, .14);
    --cd-r-lg: 22px;
    --cd-r-md: 16px;
    --cd-r-sm: 10px;
}

/* ═══════════════════════════════════════════════════
   HERO SECTION
   ═══════════════════════════════════════════════════ */
.cd-light-hero {
    padding-top: 120px;
    padding-bottom: 1px;
    background:
        radial-gradient(900px 420px at 50% 0%, rgba(53, 186, 255, .08), rgba(0, 0, 0, 0) 58%),
        linear-gradient(180deg, #f6f8fb 0%, #fbfcff 50%, #f6f8fb 100%);
    color: var(--cd-text);
}

/* Breadcrumb */
.cd-light-hero .breadcrumb-item a,
.cd-light-section .breadcrumb-item a {
    color: var(--cd-aqua);
    text-decoration: none;
    font-weight: 600;
    transition: color .2s ease;
}

.cd-light-hero .breadcrumb-item a:hover,
.cd-light-section .breadcrumb-item a:hover {
    color: var(--cd-aqua-2);
}

.cd-light-hero .breadcrumb-item.active,
.cd-light-section .breadcrumb-item.active {
    color: var(--cd-muted-2);
}

.cd-light-hero .breadcrumb-item+.breadcrumb-item::before,
.cd-light-section .breadcrumb-item+.breadcrumb-item::before {
    color: var(--cd-muted-2);
}

/* ═══════════════════════════════════════════════════
   BLOG CARDS (homepage & listing)
   ═══════════════════════════════════════════════════ */
.blog-card-link {
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%;
}
.blog-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.blog-card-img {
    position: relative;
    overflow: hidden;
}
.blog-card-img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    transition: transform .35s ease;
}
.blog-card:hover .blog-card-img img {
    transform: scale(1.05);
}
.blog-card-body {
    padding: 22px 24px 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.blog-card-date {
    font-size: .8rem;
    color: var(--cd-muted-2, #7a8a9e);
    margin-bottom: 10px;
}
.blog-card-sep {
    opacity: .4;
    margin: 0 4px;
}
.blog-card-title {
    font-weight: 800;
    font-size: 1.1rem;
    color: var(--cd-text, #0a1828);
    margin-bottom: 8px;
    letter-spacing: -.01em;
    line-height: 1.4;
}
.blog-card-excerpt {
    font-size: .88rem;
    line-height: 1.6;
    color: var(--cd-muted, #5a6a7e);
    margin-bottom: 14px;
    flex: 1;
}
.blog-card-read {
    color: #f14141;
    font-weight: 600;
    font-size: .88rem;
    transition: color .2s;
}
.blog-card:hover .blog-card-read {
    color: #d32f2f;
}

/* ═══════════════════════════════════════════════════
   GALLERY
   ═══════════════════════════════════════════════════ */
.cd-gallery-main {
    position: relative;
    border-radius: var(--cd-r-lg);
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--cd-border);
    box-shadow: var(--cd-shadow-2);
}

.cd-gallery-main img {
    width: 100%;
    height: 460px;
    object-fit: cover;
    display: block;
    transition: transform .35s ease;
}

.cd-gallery-main:hover img {
    transform: scale(1.02);
}

.cd-gallery-thumbs {
    display: flex;
    gap: 12px;
    justify-content: center;
    /* centreaza pe orizontala */
    align-items: center;
    /* centreaza pe verticala */
    flex-wrap: wrap;
    /* daca vrei sa se rupa pe randuri */
    align-content: center;
    /* centreaza randurile cand sunt mai multe */
}

.cd-thumb {
    width: 100px;
    height: 80px;
    object-fit: cover;
    cursor: pointer;
    border-radius: var(--cd-r-sm);
    border: 2px solid transparent;
    opacity: .6;
    transition: all .2s ease;
}

.cd-thumb:hover,
.cd-thumb.active {
    border-color: var(--cd-aqua);
    opacity: 1;
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(53, 186, 255, .18);
}

/* ═══════════════════════════════════════════════════
   INFO PANEL (RIGHT SIDE)
   ═══════════════════════════════════════════════════ */
.cd-info-panel {
    background: linear-gradient(180deg, var(--cd-card), var(--cd-card-2));
    border: 1px solid var(--cd-border);
    border-radius: var(--cd-r-lg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: 32px;
    box-shadow: var(--cd-shadow);
    position: relative;
    overflow: hidden;
}

/* subtle aqua glow top */
.cd-info-panel::before {
    content: "";
    position: absolute;
    inset: -2px;
    background: radial-gradient(700px 180px at 50% 0%, rgba(53, 186, 255, .14), rgba(0, 0, 0, 0) 60%);
    pointer-events: none;
    opacity: .9;
}

.cd-info-panel>* {
    position: relative;
    z-index: 1;
}

/* Badges */
.cd-badges {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.cd-badge-new {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: .85rem;
    font-weight: 900;
    letter-spacing: .5px;
    background: linear-gradient(180deg, #4fd1ff, #35baff);
    color: #06131b;
    box-shadow: 0 10px 24px rgba(53, 186, 255, .22);
}

.cd-badge-popular {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: .85rem;
    font-weight: 900;
    letter-spacing: .5px;
    background: rgba(255, 178, 0, .12);
    color: #c88600;
    border: 1px solid rgba(255, 178, 0, .28);
}

/* Title */
.cd-title {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 2.6rem;
    font-weight: 900;
    letter-spacing: -.02em;
    margin: 14px 0 6px;
    line-height: 1.1;
    color: var(--cd-text);
}

.cd-subtitle {
    font-size: 1.05rem;
    color: var(--cd-muted);
    margin: 0;
    font-weight: 500;
}

/* Rating */
.cd-stars {
    display: flex;
    gap: 3px;
    font-size: 1.1rem;
}

.cd-stars i {
    color: #ffb200;
    filter: drop-shadow(0 4px 10px rgba(255, 178, 0, .20));
}

.cd-review-count {
    color: var(--cd-muted-2);
    font-weight: 600;
    font-size: .95rem;
}

/* ─── Quick Specs Grid ─── */
.cd-specs-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.cd-spec {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: rgba(53, 186, 255, .06);
    border: 1px solid rgba(53, 186, 255, .14);
    border-radius: var(--cd-r-md);
    transition: all .2s ease;
}

.cd-spec:hover {
    background: rgba(53, 186, 255, .10);
    border-color: rgba(53, 186, 255, .28);
    transform: translateY(-2px);
}

.cd-spec i {
    font-size: 1.4rem;
    color: var(--cd-aqua);
    filter: drop-shadow(0 4px 10px rgba(53, 186, 255, .15));
}

.cd-spec-label {
    font-size: .8rem;
    color: var(--cd-muted);
    font-weight: 600;
}

.cd-spec-value {
    font-size: .95rem;
    color: var(--cd-text);
    font-weight: 700;
}

/* ─── Price Box ─── */
.cd-price-box {
    background: linear-gradient(180deg, rgba(53, 186, 255, .08), rgba(33, 158, 240, .04));
    border: 1px solid rgba(53, 186, 255, .18);
    border-radius: var(--cd-r-md);
    padding: 18px;
    text-align: center;
}

.cd-price-from {
    display: block;
    font-size: .88rem;
    color: var(--cd-muted);
    margin-bottom: 6px;
    font-weight: 600;
}

.cd-price-display {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 8px;
    margin-bottom: 6px;
}

.cd-price-amount {
    font-size: 2.4rem;
    font-weight: 950;
    letter-spacing: -.02em;
    color: var(--cd-aqua-2);
}

.cd-price-period {
    color: var(--cd-muted);
    font-weight: 600;
    font-size: 1.05rem;
}

.cd-price-note {
    display: block;
    color: var(--cd-muted-2);
    font-size: .84rem;
    font-weight: 500;
}

/* ─── Booking Form ─── */
.cd-form-label {
    font-size: .95rem;
    /* sau 1rem */
    font-weight: 700;
    color: var(--cd-text);
    margin-bottom: .35rem;
    display: block;
}

.cd-form-control,
.cd-form-select {
    background: #fff !important;
    border: 1px solid rgba(10, 24, 40, .14) !important;
    color: var(--cd-text) !important;
    border-radius: 10px !important;
    padding: .8rem 1rem !important;
    font-size: .95rem;

    font-weight: 500;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.cd-form-control:focus,
.cd-form-select:focus {
    border-color: var(--cd-aqua) !important;
    box-shadow: 0 0 0 .22rem rgba(53, 186, 255, .15) !important;
}

.cd-form-select option {
    color: #111;
}

.cd-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    border-radius: 10px !important;
    font-weight: 900;
    font-size: 1.05rem;
    letter-spacing: .2px;
    text-transform: uppercase;
    text-decoration: none !important;
    color: #06131b !important;
    background: linear-gradient(180deg, #4fd1ff 0%, #35baff 55%, #219ef0 100%) !important;
    border: 1px solid rgba(33, 158, 240, .20) !important;
    box-shadow: 0 12px 30px rgba(33, 158, 240, .22);
    transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}

.cd-btn-primary:hover {
    transform: translateY(-2px);
    filter: brightness(1.04);
    box-shadow: 0 18px 46px rgba(33, 158, 240, .28);
}

.cd-phone-link {
    color: var(--cd-aqua-2);
    font-weight: 700;
    text-decoration: none;
    transition: color .2s ease;
}

.cd-phone-link:hover {
    color: var(--cd-aqua);
}

/* ═══════════════════════════════════════════════════
   LIGHT SECTIONS (Description, Specs, Similar)
   ═══════════════════════════════════════════════════ */
.cd-light-section {
    background:
        radial-gradient(900px 420px at 50% 0%, rgba(53, 186, 255, .08), rgba(0, 0, 0, 0) 58%),
        linear-gradient(180deg, #f6f8fb 0%, #fbfcff 50%, #f6f8fb 100%);
    color: var(--cd-text);
}

.cd-light-section.cd-section-alt {
    background:
        radial-gradient(900px 420px at 60% 0%, rgba(53, 186, 255, .10), rgba(0, 0, 0, 0) 58%),
        linear-gradient(180deg, #fbfcff 0%, #f6f8fb 45%, #f2f6fb 100%);
}

/* ─── Text Stack (icon + eyebrow + title) ─── */
.text-stack {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.text-stack .eyebrow {
    display: inline-block;
    font-weight: 900;
    letter-spacing: 1.5px;
    font-size: .75rem;
    text-transform: uppercase;
    color: var(--cd-muted, rgba(10, 24, 40, .62));
}

/* Section header overrides for light */
.cd-light-section .section-header-line .eyebrow,
.cd-light-hero .section-header-line .eyebrow {
    color: var(--cd-aqua-2);
}

.cd-light-section .section-header-line .display-title,
.cd-light-hero .section-header-line .display-title {
    color: var(--cd-text);
}

.cd-light-section .section-header-line .subtitle,
.cd-light-hero .section-header-line .subtitle {
    color: var(--cd-muted);
    font-size: 1.05rem;
    font-weight: 500;
    margin-top: 4px;
}

.cd-light-section .section-header-line i,
.cd-light-hero .section-header-line i {
    color: var(--cd-aqua);
}

.cd-light-section .section-header-line .line-decorator {
    background: linear-gradient(90deg, rgba(53, 186, 255, .30), rgba(53, 186, 255, .05));
}

/* ─── Card (universal light card) ─── */
.cd-card {
    background: linear-gradient(180deg, var(--cd-card), var(--cd-card-2));
    border: 1px solid var(--cd-border);
    border-radius: var(--cd-r-lg);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 28px;
    box-shadow: var(--cd-shadow);
    transition: all .25s ease;
    height: 100%;
}

/* Auto-height for stacked cards (secondary pages) */
.cd-card.mb-4 {
    height: auto;
}

.cd-card:hover {
    box-shadow: var(--cd-shadow-2);
    border-color: rgba(53, 186, 255, .18);
}

.cd-card h5 {
    font-weight: 900;
    letter-spacing: -.01em;
    color: var(--cd-text);
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 0;
}

.cd-card h5 i {
    font-size: 1.3rem;
    color: var(--cd-aqua);
    filter: drop-shadow(0 4px 10px rgba(53, 186, 255, .15));
}

.cd-card .mt-3 p {
    margin: 0;
}

/* Links inside cards */
.cd-card a {
    color: var(--cd-aqua-2);
    text-decoration: none;
    font-weight: 600;
    transition: color .2s ease;
}

.cd-card a:hover {
    color: var(--cd-aqua);
    text-decoration: underline;
}

/* ─── Amenities List ─── */
.cd-amenities-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px;
}

.cd-amenity {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 0;
    color: var(--cd-text);
    font-weight: 500;
    font-size: .95rem;
    border-bottom: 1px solid var(--cd-border-2);
}

.cd-amenity:last-child {
    border-bottom: none;
}

.cd-amenity i {
    font-size: 1.15rem;
    color: var(--cd-aqua);
    flex-shrink: 0;
    width: 22px;
    text-align: center;
}

/* ─── Specs Table ─── */
.cd-specs-table {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.cd-spec-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid var(--cd-border-2);
    align-items: center;
}

.cd-spec-row:last-child {
    border-bottom: none;
}

.cd-spec-name {
    color: var(--cd-muted);
    font-weight: 600;
    font-size: .92rem;
}

.cd-spec-val {
    color: var(--cd-text);
    font-weight: 700;
    font-size: .98rem;
}

/* ─── Policy List ─── */
.cd-policy-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cd-policy-list li {
    display: flex;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid var(--cd-border-2);
    align-items: flex-start;
}

.cd-policy-list li:last-child {
    border-bottom: none;
}

.cd-policy-list i {
    color: #22c55e;
    flex-shrink: 0;
    margin-top: 2px;
    font-size: 1.05rem;
}

.cd-policy-list span {
    line-height: 1.6;
    color: var(--cd-text);
    font-size: .93rem;
}

.cd-policy-list strong {
    color: var(--cd-text);
    font-weight: 700;
}

/* ─── Price Table ─── */
.cd-price-table {
    color: var(--cd-text);
}

.cd-price-table thead tr {
    border-bottom: 2px solid var(--cd-border);
}

.cd-price-table th {
    color: var(--cd-muted);
    font-weight: 700;
    padding: 14px 16px;
    font-size: .9rem;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.cd-price-table tbody tr {
    border-bottom: 1px solid var(--cd-border-2);
}

.cd-price-table tbody tr:last-child {
    border-bottom: none;
}

.cd-price-table td {
    padding: 14px 16px;
    font-weight: 600;
    vertical-align: middle;
}

.cd-table-price {
    font-weight: 900 !important;
    color: var(--cd-aqua-2) !important;
    font-size: 1.05rem;
}

.cd-table-muted {
    color: var(--cd-muted) !important;
    font-weight: 500 !important;
}

.cd-table-savings { font-weight: 700; vertical-align: middle; }
.cd-table-save { color: #22c55e; font-weight: 800; }
.cd-table-base { color: var(--cd-muted); font-weight: 500; font-style: italic; opacity: .8; }

/* ═══════════════════════════════════════════════════
   SIMILAR CARS
   ═══════════════════════════════════════════════════ */
.cd-similar-card {
    background: linear-gradient(180deg, var(--cd-card), var(--cd-card-2));
    border: 1px solid var(--cd-border);
    border-radius: var(--cd-r-md);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 16px;
    transition: all .25s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.cd-similar-card:hover {
    transform: translateY(-4px);
    border-color: rgba(53, 186, 255, .28);
    box-shadow: var(--cd-shadow-2);
}

.cd-similar-card img {
    border-radius: var(--cd-r-sm);
    height: 160px;
    object-fit: cover;
    width: 100%;
}

.cd-similar-card h6 {
    font-weight: 950;
    letter-spacing: -.01em;
    margin: 14px 0 4px;
    color: var(--cd-text);
}

.cd-similar-card p {
    margin: 0;
    font-size: .85rem;
    color: var(--cd-muted);
}

.cd-similar-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 14px;
}

.cd-similar-price {
    font-weight: 950;
    font-size: 1.15rem;
    color: var(--cd-aqua-2);
}

.cd-similar-price small {
    color: var(--cd-muted-2);
    font-weight: 700;
    font-size: .8rem;
}

.cd-similar-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 16px;
    border-radius: 10px;
    font-weight: 900;
    font-size: .85rem;
    text-decoration: none;
    color: #06131b;
    background: linear-gradient(180deg, #4fd1ff, #219ef0);
    border: 1px solid rgba(33, 158, 240, .18);
    box-shadow: 0 10px 22px rgba(33, 158, 240, .16);
    transition: transform .18s ease, filter .18s ease;
}

.cd-similar-btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.04);
    color: #06131b;
}

/* ─── Outline Button ─── */
.cd-btn-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    padding: 12px 24px;
    border-radius: 10px;
    font-weight: 900;
    font-size: .95rem;
    text-decoration: none !important;
    color: var(--cd-text);
    background: rgba(255, 255, 255, .72);
    border: 1px solid var(--cd-border);
    box-shadow: 0 12px 30px rgba(15, 30, 55, .08);
    transition: all .2s ease;
}

.cd-btn-outline:hover {
    background: rgba(53, 186, 255, .08);
    border-color: rgba(53, 186, 255, .30);
    transform: translateY(-2px);
    color: var(--cd-text);
}

/* ═══════════════════════════════════════════════════
   FAQ ACCORDION
   ═══════════════════════════════════════════════════ */
.cd-faq-item {
    border: 1px solid var(--cd-border);
    border-radius: var(--cd-r-md) !important;
    margin-bottom: 12px;
    overflow: hidden;
    background: linear-gradient(180deg, var(--cd-card), var(--cd-card-2));
    box-shadow: 0 4px 16px rgba(15, 30, 55, .04);
    transition: box-shadow .2s ease;
}

.cd-faq-item:last-child {
    margin-bottom: 0;
}

.cd-faq-item:hover {
    box-shadow: 0 8px 24px rgba(15, 30, 55, .08);
}

.cd-faq-btn {
    background: transparent;
    font-weight: 700;
    font-size: .95rem;
    color: var(--cd-text);
    padding: 18px 22px;
    border: none;
    box-shadow: none !important;
}

.cd-faq-btn:not(.collapsed) {
    background: rgba(33, 158, 240, .04);
    color: var(--cd-aqua-2);
}

.cd-faq-btn::after {
    filter: none;
    transition: transform .25s ease;
}

.cd-faq-body {
    padding: 0 22px 18px;
    color: var(--cd-muted);
    font-size: .9rem;
    line-height: 1.7;
}
.cd-faq-body p {
    margin-bottom: 4px;
}

/* ═══════════════════════════════════════════════════
   SECONDARY PAGES POLISH
   ═══════════════════════════════════════════════════ */

/* Hero subtitle for secondary pages */
.cd-light-hero .subtitle {
    color: var(--cd-muted);
    font-size: 1.05rem;
    font-weight: 500;
    margin-top: 4px;
}

/* Contact card (blue gradient) */
.cd-card-contact {
    background: linear-gradient(135deg, #219ef0, #35baff) !important;
    color: #fff !important;
    border: none !important;
}

.cd-card-contact h5 {
    color: #fff;
}

.cd-card-contact h5 i {
    color: rgba(255, 255, 255, .8);
    filter: none;
}

.cd-card-contact p {
    color: rgba(255, 255, 255, .9);
}

.cd-card-contact a {
    color: #fff !important;
    text-decoration: underline;
}

.cd-card-contact a:hover {
    color: rgba(255, 255, 255, .85) !important;
}

/* Highlight card (blue left border) */
.cd-card-highlight {
    border-left: 4px solid var(--cd-aqua-2) !important;
}

/* Stats card */
.cd-stat-card {
    text-align: center;
    padding: 28px 16px;
}

.cd-stat-number {
    font-size: 2.2rem;
    font-weight: 900;
    color: var(--cd-aqua-2);
    line-height: 1.2;
}

.cd-stat-label {
    font-size: .85rem;
    color: var(--cd-muted);
    margin-top: 4px;
}

/* Steps / How it works */
.cd-step-number {
    font-size: 2.5rem;
    color: var(--cd-aqua-2);
    font-weight: 900;
    line-height: 1;
}

.cd-step-title {
    font-weight: 700;
    color: var(--cd-text);
    margin-top: 10px;
}

.cd-step-desc {
    font-size: .88rem;
    color: var(--cd-muted);
    line-height: 1.6;
}

/* ═══════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════ */
@media (max-width: 991.98px) {
    .cd-light-hero {
        padding-top: 100px;
        padding-bottom: 40px;
    }

    .cd-info-panel {
        margin-top: 24px;
        padding: 24px;
    }

    .cd-title {
        font-size: 2.2rem;
    }

    .cd-gallery-main img {
        height: 350px;
    }

    .cd-specs-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cd-card {
        padding: 22px;
    }

    .cd-spec-row {
        grid-template-columns: auto 1fr;
    }
}

@media (max-width: 768px) {
    .cd-light-hero {
        padding-top: 90px;
        padding-bottom: 30px;
    }

    .cd-title {
        font-size: 1.8rem;
    }

    .cd-gallery-main img {
        height: 280px;
    }

    .cd-thumb {
        width: 70px;
        height: 55px;
    }

    .cd-price-amount {
        font-size: 2rem;
    }

    .cd-specs-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
    .cd-specs-grid .cd-spec {
        padding: 8px 10px;
        gap: 8px;
    }
    .cd-specs-grid .cd-spec i {
        font-size: 1.1rem;
    }
    .cd-specs-grid .cd-spec-label {
        font-size: .68rem;
    }
    .cd-specs-grid .cd-spec-value {
        font-size: .85rem;
    }

    .cd-info-panel {
        padding: 20px;
    }

    .cd-card {
        padding: 18px;
    }
}

/* ═══════════════════════════════════════════════════
   NAVIGATION TABS (Modern Multi-Step)
   ═══════════════════════════════════════════════════ */
.tab-background {
    background: #f6f8fb;
    padding: 0;
    position: sticky;
    top: 70px;
    z-index: 90;
    border-bottom: 1px solid rgba(10, 24, 40, .08);
}

.cd-tabs-nav {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    margin-bottom: 0;
    padding: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.cd-tabs-nav::-webkit-scrollbar {
    display: none;
}

.cd-tab-btn {
    flex: 1 0 0;
    min-width: 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 12px;
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    color: rgba(10, 24, 40, .5);
    font-size: .82rem;
    font-weight: 600;
    transition: all .25s ease;
    cursor: pointer;
    position: relative;
}

.cd-tab-btn i {
    font-size: 1.1rem;
    color: rgba(10, 24, 40, .4);
    transition: all .25s ease;
}

.cd-tab-btn span {
    white-space: nowrap;
    font-size: .82rem;
}

.cd-tab-btn:hover {
    background: rgba(33, 158, 240, .04);
    color: #219ef0;
}

.cd-tab-btn:hover i {
    color: #219ef0;
}

.cd-tab-btn.active {
    background: transparent;
    border-bottom-color: #219ef0;
    color: #219ef0;
    font-weight: 700;
}

.cd-tab-btn.active i {
    color: #219ef0;
}

/* Responsive tabs */
@media (max-width: 768px) {
    .cd-tab-btn span {
        font-size: .72rem;
    }

    .cd-tab-btn i {
        font-size: 1rem;
    }

    .cd-tab-btn {
        gap: 5px;
        padding: 12px 8px;
    }
}

@media (max-width: 480px) {
    .cd-tab-btn {
        flex-direction: column;
        gap: 4px;
        padding: 10px 6px;
    }

    .cd-tab-btn span {
        font-size: .68rem;
    }
}

/* ═══════════════════════════════════════════════════
   TAB PANELS
   ═══════════════════════════════════════════════════ */
.cd-tabs-content {
    position: relative;
    min-height: 400px;
}

.cd-tab-panel {
    display: none;
    animation: fadeInTab .3s ease;
}

.cd-tab-panel.active {
    display: block;
}

@keyframes fadeInTab {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ═══════════════════════════════════════════════════
   FORM SECTIONS
   ═══════════════════════════════════════════════════ */
.cd-form-section {
    padding: 0;
}

.cd-section-header {
    background: linear-gradient(135deg, rgba(79, 209, 255, .08), rgba(33, 158, 240, .05));
    border-left: 3px solid var(--cd-aqua);
    padding: 12px 16px;
    margin-bottom: 20px;
    border-radius: 8px;
}

.cd-section-title {
    font-size: .95rem;
    font-weight: 900;
    color: var(--cd-text);
    margin: 0;
    letter-spacing: .5px;
}

/* Enhanced Form Controls */
.cd-form-label {
    font-size: .88rem;
    font-weight: 700;
    color: var(--cd-text);
    margin-bottom: .35rem;
    display: block;
}

.cd-form-label .text-danger {
    color: #ff4444 !important;
    margin-right: 2px;
}

.cd-form-control,
.cd-form-select {
    background: #fff !important;
    border: 1px solid rgba(10, 24, 40, .14) !important;
    color: var(--cd-text) !important;
    border-radius: 10px !important;
    padding: .8rem 1rem !important;
    font-weight: 500;
    font-size: .9rem;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.cd-form-control:focus,
.cd-form-select:focus {
    border-color: var(--cd-aqua) !important;
    box-shadow: 0 0 0 .22rem rgba(53, 186, 255, .15) !important;
    outline: none;
}

.cd-form-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23071826' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 1rem center !important;
    background-size: 12px !important;
    padding-right: 2.5rem !important;
    cursor: pointer;
}

/* ═══════════════════════════════════════════════════
   CUSTOM CALENDAR & PERIOD SELECTOR
   ═══════════════════════════════════════════════════ */
.cd-cal-column {
    background: var(--cd-card);
    border: 1px solid var(--cd-border);
    border-radius: var(--cd-r-md);
    padding: 16px;
}

/* Inner 2-col: calendar left, controls right */
.cd-cal-inner-row {
    display: flex;
    gap: 14px;
}
.cd-cal-inner-left {
    flex: 1;
    min-width: 0;
}
.cd-cal-inner-right {
    width: 180px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}
@media (max-width: 575px) {
    .cd-cal-inner-row {
        flex-direction: column;
    }
    .cd-cal-inner-right {
        width: 100%;
    }
}

/* Location radio buttons */
.cd-loc-radios {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 8px;
    flex: 1;
}
.cd-loc-radio {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 7px 12px;
    border: 1px solid var(--cd-border);
    border-radius: 8px;
    transition: all .2s ease;
    font-size: .82rem;
    background: #fff;
}
.cd-loc-radio:hover {
    border-color: var(--cd-aqua);
    background: rgba(33,158,240,.04);
}
.cd-loc-radio input[type="radio"] {
    accent-color: var(--cd-aqua-2);
    margin-right: 8px;
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}
.cd-loc-radio-label {
    font-weight: 600;
    color: var(--cd-text);
    display: flex;
    align-items: center;
    gap: 5px;
}
.cd-loc-radio-label i {
    color: var(--cd-aqua-2);
    font-size: .85rem;
}
.cd-loc-radio:has(input:checked) {
    border-color: var(--cd-aqua-2);
    background: rgba(33,158,240,.06);
    box-shadow: 0 0 0 2px rgba(33,158,240,.1);
}
.cd-loc-fee {
    font-size: .72rem;
    font-weight: 700;
    color: #e7a33c;
    margin-left: 4px;
}

/* Section labels */
.cd-cal-label {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: .75rem;
    font-weight: 800;
    color: var(--cd-muted-2);
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 6px;
}
.cd-cal-label i {
    color: var(--cd-aqua-2);
    font-size: .8rem;
}

/* Time Picker - scrollable list */
.cd-time-picker {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    border: 1px solid var(--cd-border);
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}
.cd-time-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26px;
    border: none;
    background: linear-gradient(135deg, rgba(79,209,255,.06), rgba(33,158,240,.04));
    color: var(--cd-text);
    font-size: .7rem;
    cursor: pointer;
    transition: all .2s ease;
}
.cd-time-arrow:hover {
    background: var(--cd-aqua-2);
    color: #fff;
}
.cd-time-list-wrap {
    height: 140px;
    overflow: hidden;
    position: relative;
}
.cd-time-list {
    display: flex;
    flex-direction: column;
    transition: transform .2s ease;
}
.cd-time-slot {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    font-size: .8rem;
    font-weight: 600;
    color: var(--cd-muted);
    cursor: pointer;
    transition: all .15s ease;
    flex-shrink: 0;
    user-select: none;
}
.cd-time-slot:hover {
    background: rgba(33,158,240,.06);
    color: var(--cd-text);
}
.cd-time-slot.active {
    background: linear-gradient(180deg, #4fd1ff, #219ef0);
    color: #fff;
    font-weight: 700;
    font-size: .85rem;
}

.cd-cal-field {
    position: relative;
    margin-bottom: 8px;
}
.cd-cal-field-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--cd-aqua-2);
    font-size: .9rem;
    z-index: 1;
    pointer-events: none;
}
.cd-cal-select {
    width: 100%;
    padding: .45rem 2rem .45rem 2.2rem;
    border: 1px solid var(--cd-border);
    border-radius: 8px;
    background: #fff;
    color: var(--cd-text);
    font-size: .82rem;
    font-weight: 600;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23071826' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 8px;
    cursor: pointer;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.cd-cal-select:focus {
    outline: none;
    border-color: var(--cd-aqua);
    box-shadow: 0 0 0 2px rgba(53, 186, 255, .12);
}
.cd-cal-select option {
    color: #111;
}

/* Calendar Widget */
.cd-cal-wrapper {
    border: 1px solid var(--cd-border);
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}
.cd-cal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    background: linear-gradient(135deg, rgba(79, 209, 255, .08), rgba(33, 158, 240, .05));
}
.cd-cal-nav {
    width: 28px;
    height: 28px;
    border: none;
    background: rgba(10, 24, 40, .06);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--cd-text);
    font-size: .75rem;
    transition: all .2s ease;
}
.cd-cal-nav:hover {
    background: var(--cd-aqua-2);
    color: #fff;
}
.cd-cal-month {
    font-weight: 800;
    font-size: .88rem;
    color: var(--cd-text);
    letter-spacing: .3px;
}
.cd-cal-weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    padding: 8px 6px 6px;
    border-bottom: 1px solid var(--cd-border-2);
}
.cd-cal-weekday {
    font-size: .7rem;
    font-weight: 700;
    color: var(--cd-muted-2);
    text-transform: uppercase;
    letter-spacing: .3px;
}
.cd-cal-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    padding: 6px;
    gap: 3px;
}
.cd-cal-day {
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8rem;
    font-weight: 600;
    color: var(--cd-text);
    border-radius: 6px;
    cursor: pointer;
    transition: all .15s ease;
    position: relative;
}
.cd-cal-day:hover:not(.disabled):not(.empty) {
    background: rgba(33, 158, 240, .10);
}
.cd-cal-day.selected {
    background: linear-gradient(180deg, #4fd1ff, #219ef0);
    color: #fff;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(33, 158, 240, .30);
}
.cd-cal-day.range-end-marker {
    background: rgba(33, 158, 240, .15);
    color: var(--cd-aqua-2);
    font-weight: 700;
    border: 2px dashed var(--cd-aqua-2);
}
.cd-cal-day.range-start-marker {
    background: rgba(33, 158, 240, .15);
    color: var(--cd-aqua-2);
    font-weight: 700;
    border: 2px dashed var(--cd-aqua-2);
}
.cd-cal-day.today:not(.selected):not(.range-start-marker):not(.range-end-marker)::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--cd-aqua-2);
}
.cd-cal-day.disabled {
    opacity: .25;
    cursor: default;
    pointer-events: none;
}
.cd-cal-day.empty {
    cursor: default;
}
.cd-cal-day.in-range:not(.selected):not(.range-start-marker):not(.range-end-marker) {
    background: rgba(33, 158, 240, .06);
    border-radius: 6px;
}

/* Date summary under each calendar */
.cd-cal-date-summary {
    display: flex;
    justify-content: center;
    gap: 16px;
    padding: 8px 10px;
    font-size: .75rem;
    font-weight: 600;
    color: var(--cd-muted);
    border-top: 1px solid var(--cd-border-2);
    background: rgba(33, 158, 240, .02);
}
.cd-cal-date-summary .cd-date-tag {
    display: flex;
    align-items: center;
    gap: 5px;
}
.cd-cal-date-summary .cd-date-dot {
    width: 8px;
    height: 8px;
    border-radius: 3px;
    flex-shrink: 0;
}
.cd-cal-date-summary .cd-date-dot.start {
    background: linear-gradient(180deg, #4fd1ff, #219ef0);
}
.cd-cal-date-summary .cd-date-dot.end {
    border: 2px dashed var(--cd-aqua-2);
    background: rgba(33, 158, 240, .15);
}

/* ─── Mobile Period Cards ─── */
.cd-mob-period {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 6px;
}
.cd-mob-card {
    background: var(--cd-card);
    border: 1px solid var(--cd-border);
    border-radius: var(--cd-r-sm);
    overflow: hidden;
    cursor: pointer;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.cd-mob-card:active {
    border-color: var(--cd-aqua);
    box-shadow: 0 0 0 2px rgba(33,158,240,.12);
}
.cd-mob-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px;
    background: linear-gradient(135deg, rgba(79,209,255,.08), rgba(33,158,240,.05));
    border-bottom: 1px solid var(--cd-border-2);
}
.cd-mob-card-badge {
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .8px;
    text-transform: uppercase;
    color: var(--cd-aqua-2);
}
.cd-mob-badge-end {
    color: #e7a33c;
}
.cd-mob-card-edit {
    width: 28px;
    height: 28px;
    border: none;
    background: rgba(33,158,240,.08);
    border-radius: 6px;
    color: var(--cd-aqua-2);
    font-size: .82rem;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cd-mob-card-edit:hover {
    background: var(--cd-aqua-2);
    color: #fff;
}
.cd-mob-card-body {
    padding: 10px 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 16px;
}
.cd-mob-info-row {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: .84rem;
    font-weight: 600;
    color: var(--cd-text);
}
.cd-mob-info-row i {
    color: var(--cd-aqua-2);
    font-size: .78rem;
    width: 16px;
    text-align: center;
}

/* ─── Mobile Calendar Modal ─── */
.cd-mob-modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(7,24,38,.55);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    justify-content: center;
    align-items: flex-end;
}
.cd-mob-modal-overlay.active {
    display: flex;
}
.cd-mob-modal {
    width: 100%;
    max-height: 92vh;
    background: var(--cd-bg);
    border-radius: 20px 20px 0 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: mobModalSlideUp .3s ease;
}
@keyframes mobModalSlideUp {
    from { transform: translateY(100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
.cd-mob-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px 12px;
    border-bottom: 1px solid var(--cd-border);
    background: linear-gradient(135deg, rgba(79,209,255,.08), rgba(33,158,240,.05));
}
.cd-mob-modal-title {
    font-weight: 800;
    font-size: .92rem;
    color: var(--cd-aqua-2);
    letter-spacing: .8px;
    margin: 0;
}
.cd-mob-modal-close {
    width: 32px;
    height: 32px;
    border: none;
    background: rgba(10,24,40,.06);
    border-radius: 8px;
    color: var(--cd-text);
    font-size: .85rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease;
}
.cd-mob-modal-close:hover {
    background: #ff4d4f;
    color: #fff;
}
.cd-mob-modal-body {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    -webkit-overflow-scrolling: touch;
}
.cd-mob-modal-body .cd-cal-column {
    border: none;
    padding: 0;
    background: transparent;
}
.cd-mob-modal-body .cd-section-header {
    display: none;
}
.cd-mob-modal-body .cd-cal-inner-row {
    flex-direction: column;
    gap: 14px;
}
.cd-mob-modal-body .cd-cal-inner-right {
    width: 100%;
}
.cd-mob-modal-body .cd-time-list-wrap {
    height: 112px;
}
.cd-mob-modal-footer {
    padding: 12px 20px 20px;
    border-top: 1px solid var(--cd-border);
}
.cd-mob-modal-confirm {
    width: 100%;
    padding: 12px;
    border: none;
    background: linear-gradient(180deg, #4fd1ff, #219ef0);
    color: #fff;
    font-weight: 700;
    font-size: .92rem;
    border-radius: var(--cd-r-sm);
    cursor: pointer;
    transition: all .2s ease;
}
.cd-mob-modal-confirm:hover {
    box-shadow: 0 4px 14px rgba(33,158,240,.35);
}

/* ═══════════════════════════════════════════════════
   DISCOUNT OPTIONS (Radio Cards)
   ═══════════════════════════════════════════════════ */
.cd-discount-info {
    background: rgba(53, 186, 255, .05);
    border-left: 3px solid var(--cd-aqua);
    padding: 14px 16px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.cd-discount-text {
    font-size: .92rem;
    font-weight: 600;
    color: var(--cd-text);
    margin-bottom: 8px;
}

.cd-discount-subtext {
    font-size: .85rem;
    color: var(--cd-muted);
    margin: 0;
    line-height: 1.6;
}

.cd-discount-options {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cd-discount-option {
    position: relative;
    cursor: pointer;
    display: block;
}

.cd-discount-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.cd-option-content {
    background: #fff;
    border: 2px solid rgba(10, 24, 40, .10);
    border-radius: var(--cd-r-md);
    padding: 16px 18px;
    transition: all .25s ease;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cd-option-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2px;
}

.cd-option-km {
    font-size: .88rem;
    font-weight: 600;
    color: var(--cd-text);
}

.cd-option-discount {
    font-size: 1.4rem;
    font-weight: 900;
    color: #ff6b35;
    letter-spacing: -.02em;
}

.cd-option-label {
    font-size: .75rem;
    color: var(--cd-muted-2);
    text-align: right;
}

/* Hover state */
.cd-discount-option:hover .cd-option-content {
    border-color: rgba(79, 209, 255, .35);
    background: rgba(79, 209, 255, .02);
    transform: translateX(4px);
}

/* Selected state */
.cd-discount-option input[type="radio"]:checked+.cd-option-content {
    background: linear-gradient(135deg, rgba(79, 209, 255, .12), rgba(53, 186, 255, .06));
    border-color: var(--cd-aqua);
    box-shadow: 0 8px 24px rgba(53, 186, 255, .15);
}

.cd-discount-option input[type="radio"]:checked+.cd-option-content .cd-option-discount {
    color: var(--cd-aqua-2);
}

/* ═══════════════════════════════════════════════════
   AUTO SUMMARY (Car Preview + Price)
   ═══════════════════════════════════════════════════ */
.cd-auto-summary {
    padding: 0;
}

.cd-summary-title {
    font-size: 1.05rem;
    font-weight: 900;
    color: var(--cd-text);
    margin-bottom: 16px;
}

.cd-car-preview {
    background: #fff;
    border: 1px solid rgba(10, 24, 40, .10);
    border-radius: var(--cd-r-md);
    padding: 16px;
    display: flex;
    gap: 14px;
    align-items: center;
    margin-bottom: 20px;
}

.cd-car-preview-img {
    width: 100px;
    height: 70px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.cd-car-preview-info h6 {
    font-size: .95rem;
    font-weight: 900;
    color: var(--cd-text);
    margin: 0 0 6px 0;
}

.cd-car-specs {
    font-size: .8rem;
    color: var(--cd-muted);
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cd-car-specs i {
    color: var(--cd-aqua);
    margin-right: 2px;
}

/* Price Summary */
.cd-price-summary {
    background: rgba(53, 186, 255, .04);
    border: 1px solid rgba(53, 186, 255, .15);
    border-radius: var(--cd-r-md);
    padding: 18px;
}

.cd-price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(10, 24, 40, .08);
    font-size: .9rem;
    color: var(--cd-text);
}

.cd-price-row:last-child {
    border-bottom: none;
}

.cd-price-row.cd-price-total {
    font-size: 1.05rem;
    font-weight: 900;
    color: var(--cd-text);
    padding-top: 14px;
    margin-top: 8px;
    border-top: 2px solid rgba(79, 209, 255, .25);
}

.cd-price-row.cd-price-total .cd-price-value {
    font-size: 1.6rem;
    color: var(--cd-aqua-2);
}

.cd-price-row.cd-price-deposit {
    font-weight: 700;
    color: var(--cd-muted);
}

.cd-price-value {
    font-weight: 900;
    color: var(--cd-aqua-2);
}

/* Payment Note */
.cd-payment-note {
    background: rgba(255, 178, 0, .06);
    border-left: 3px solid #ffb200;
    padding: 12px 14px;
    border-radius: 8px;
}

.cd-payment-note p {
    font-size: .82rem;
    color: var(--cd-muted);
    margin: 0 0 8px 0;
    line-height: 1.6;
}

.cd-payment-note p:last-child {
    margin-bottom: 0;
}

.cd-payment-note i {
    color: #ffb200;
    margin-right: 6px;
}

/* ═══════════════════════════════════════════════════
   INSURANCE SECTION
   ═══════════════════════════════════════════════════ */
.cd-insurance-desc {
    font-size: .9rem;
    color: var(--cd-muted);
    line-height: 1.7;
    margin-bottom: 16px;
}

.cd-insurance-card {
    background: linear-gradient(135deg, rgba(79, 209, 255, .08), rgba(53, 186, 255, .04));
    border: 1px solid rgba(53, 186, 255, .20);
    border-radius: var(--cd-r-md);
    padding: 20px;
}

.cd-insurance-card h6 {
    font-size: 1.05rem;
    font-weight: 900;
    color: var(--cd-text);
    margin-bottom: 8px;
}

.cd-insurance-price {
    font-size: .85rem;
    font-weight: 700;
    color: var(--cd-aqua-2);
    margin-bottom: 14px;
}

.cd-insurance-features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cd-insurance-features li {
    font-size: .88rem;
    color: var(--cd-muted);
    padding: 6px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.cd-insurance-features i {
    color: var(--cd-aqua);
    font-size: 1rem;
}

/* ═══════════════════════════════════════════════════
   EXTRA OPTIONS (Checkboxes)
   ═══════════════════════════════════════════════════ */
.cd-extra-options {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cd-extra-option {
    position: relative;
    cursor: pointer;
    display: block;
}

.cd-extra-option input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.cd-extra-content {
    background: #fff;
    border: 2px solid rgba(10, 24, 40, .10);
    border-radius: var(--cd-r-md);
    padding: 14px 16px;
    transition: all .25s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cd-extra-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cd-extra-info i {
    font-size: 1.3rem;
    color: var(--cd-muted-2);
    transition: all .25s ease;
}

.cd-extra-name {
    font-size: .9rem;
    font-weight: 700;
    color: var(--cd-text);
}

.cd-extra-price {
    font-size: .85rem;
    font-weight: 900;
    color: var(--cd-muted);
}

/* Hover */
.cd-extra-option:hover .cd-extra-content {
    border-color: rgba(79, 209, 255, .35);
    background: rgba(79, 209, 255, .02);
    transform: translateX(4px);
}

.cd-extra-option:hover .cd-extra-info i {
    color: var(--cd-aqua);
}

/* Checked */
.cd-extra-option input[type="checkbox"]:checked+.cd-extra-content {
    background: linear-gradient(135deg, rgba(79, 209, 255, .12), rgba(53, 186, 255, .06));
    border-color: var(--cd-aqua);
    box-shadow: 0 6px 20px rgba(53, 186, 255, .15);
}

.cd-extra-option input[type="checkbox"]:checked+.cd-extra-content .cd-extra-info i {
    color: var(--cd-aqua);
}

.cd-extra-option input[type="checkbox"]:checked+.cd-extra-content .cd-extra-price {
    color: var(--cd-aqua-2);
}

/* ═══════════════════════════════════════════════════
   NAVIGATION BUTTONS
   ═══════════════════════════════════════════════════ */
.cd-nav-buttons {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-top: 24px;
}

.cd-btn-secondary {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .9rem 1.4rem;
    background: #fff;
    border: 2px solid rgba(10, 24, 40, .15);
    border-radius: 10px;
    font-weight: 800;
    font-size: .92rem;
    color: var(--cd-text);
    transition: all .2s ease;
    cursor: pointer;
}

.cd-btn-secondary:hover:not(:disabled) {
    background: rgba(10, 24, 40, .04);
    border-color: rgba(10, 24, 40, .25);
    transform: translateY(-1px);
}

.cd-btn-secondary:disabled {
    opacity: .4;
    cursor: not-allowed;
}

.cd-btn-primary-nav {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .9rem 1.4rem;
    border-radius: 10px;
    font-weight: 900;
    font-size: .92rem;
    letter-spacing: .3px;
    color: #06131b;
    background: linear-gradient(180deg, #4fd1ff 0%, #35baff 55%, #219ef0 100%);
    border: 1px solid rgba(33, 158, 240, .20);
    box-shadow: 0 10px 26px rgba(33, 158, 240, .20);
    transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
    cursor: pointer;
}

.cd-btn-primary-nav:hover {
    transform: translateY(-2px);
    filter: brightness(1.04);
    box-shadow: 0 14px 36px rgba(33, 158, 240, .28);
}

/* ═══════════════════════════════════════════════════
   CASHBACK BOX (rezervare)
   ═══════════════════════════════════════════════════ */
.cd-cashback-box {
    background: linear-gradient(135deg, rgba(14, 165, 233, .08), rgba(56, 189, 248, .04));
    border: 1px dashed rgba(14, 165, 233, .35);
    border-radius: 12px;
    padding: 14px 16px;
}
.cd-cashback-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}
.cd-cashback-header > i {
    font-size: 1.6rem;
    color: #0ea5e9;
}
.cd-cashback-header > div {
    display: flex;
    flex-direction: column;
}
.cd-cashback-header strong {
    color: #075985;
    font-size: 1rem;
}
.cd-cashback-header span {
    font-size: .85rem;
    color: #475569;
}
.cd-cashback-apply-btn {
    width: 100%;
    background: #0ea5e9;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 10px 14px;
    font-weight: 700;
    font-size: .92rem;
    cursor: pointer;
    transition: background .15s;
}
.cd-cashback-apply-btn:hover {
    background: #0284c7;
}
.cd-cashback-active {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #d1fae5;
    border: 1px solid #6ee7b7;
    border-radius: 8px;
    padding: 8px 12px;
    color: #065f46;
    font-size: .9rem;
}
.cd-cashback-active-label i {
    color: #059669;
    margin-right: 6px;
}
.cd-cashback-remove {
    background: transparent;
    border: none;
    color: #065f46;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 1rem;
    transition: background .15s;
}
.cd-cashback-remove:hover {
    background: rgba(5, 150, 105, .15);
}

/* ═══════════════════════════════════════════════════
   FINAL PRICE BOX
   ═══════════════════════════════════════════════════ */
.cd-final-price-box {
    background: linear-gradient(135deg, rgba(79, 209, 255, .15), rgba(33, 158, 240, .08));
    border: 2px solid rgba(79, 209, 255, .30);
    border-radius: var(--cd-r-md);
    padding: 20px;
    text-align: center;
}

.cd-final-price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cd-final-price-row span:first-child {
    font-size: 1rem;
    font-weight: 700;
    color: var(--cd-text);
}

.cd-final-amount {
    font-size: 2.2rem;
    font-weight: 950;
    color: var(--cd-aqua-2);
    letter-spacing: -.02em;
}

/* ═══════════════════════════════════════════════════
   RESPONSIVE ADJUSTMENTS
   ═══════════════════════════════════════════════════ */
@media (max-width: 991.98px) {
    .cd-info-panel {
        margin-top: 30px;
    }

    .cd-nav-buttons {
        flex-direction: column;
    }

    .cd-btn-secondary,
    .cd-btn-primary-nav {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .cd-option-discount {
        font-size: 1.2rem;
    }

    .cd-price-row.cd-price-total .cd-price-value {
        font-size: 1.4rem;
    }

    .cd-final-amount {
        font-size: 1.8rem;
    }
}

/* ═══════════════════════════════════════════════════
   DISCOUNT SECTION - Enhanced Version
   ═══════════════════════════════════════════════════ */

/* ─── Header ─── */
.cd-discount-header {
    margin-bottom: 28px;
}

.cd-discount-period-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, rgba(79, 209, 255, .12), rgba(53, 186, 255, .08));
    border: 1px solid rgba(79, 209, 255, .25);
    border-radius: 999px;
    padding: 10px 18px;
    margin-bottom: 16px;
    font-size: .9rem;
    font-weight: 600;
    color: var(--cd-text);
}

.cd-discount-period-badge i {
    color: var(--cd-aqua);
    font-size: 1.1rem;
}

.cd-discount-intro {
    font-size: .92rem;
    color: var(--cd-muted);
    line-height: 1.7;
    margin: 0;
}

/* ─── Discount Grid ─── */
.cd-discount-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}

/* ─── Discount Card ─── */
.cd-discount-card {
    position: relative;
    cursor: pointer;
    display: block;
    margin: 0;
}

.cd-discount-card input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* 0% card — price right, bigger */
.cd-no-discount-price {
    text-align: right;
    margin-left: auto;
}
.cd-no-discount-price .cd-price-after {
    font-size: 2rem;
    font-weight: 950;
}

.cd-discount-inner {
    background: #fff;
    border: 2px solid rgba(10, 24, 40, .10);
    border-radius: 16px;
    padding: 18px;
    transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 16px;
    align-items: center;
    position: relative;
    overflow: hidden;
}
/* When no price column (2 children only): swap badge to right */
.cd-discount-inner:not(:has(> :nth-child(3))) {
    grid-template-columns: 1fr auto;
}
.cd-discount-inner:not(:has(> :nth-child(3))) .cd-discount-badge {
    order: 2;
    flex-direction: column;
    gap: 2px;
}
.cd-discount-inner:not(:has(> :nth-child(3))) .cd-discount-details {
    order: 1;
}

/* Subtle gradient overlay on hover */
.cd-discount-inner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(79, 209, 255, .04), transparent);
    opacity: 0;
    transition: opacity .3s ease;
    pointer-events: none;
}

.cd-discount-card:hover .cd-discount-inner::before {
    opacity: 1;
}

/* ─── Discount Badge (Left Side) ─── */
.cd-discount-badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(255, 107, 53, .12), rgba(255, 107, 53, .06));
    border: 2px solid rgba(255, 107, 53, .25);
    border-radius: 12px;
    padding: 12px 16px;
    min-width: 90px;
    text-align: center;
}

.cd-discount-percent {
    font-size: 1.8rem;
    font-weight: 950;
    color: #ff6b35;
    letter-spacing: -.03em;
    line-height: 1;
    margin-bottom: 2px;
}

.cd-discount-label {
    font-size: .7rem;
    font-weight: 700;
    color: rgba(255, 107, 53, .75);
    text-transform: uppercase;
    letter-spacing: .5px;
}

/* No discount variant */
.cd-discount-badge.cd-no-discount {
    background: linear-gradient(135deg, rgba(79, 209, 255, .12), rgba(53, 186, 255, .06));
    border-color: rgba(79, 209, 255, .30);
}

.cd-discount-badge.cd-no-discount .cd-discount-percent {
    color: var(--cd-aqua-2);
}

.cd-discount-badge.cd-no-discount .cd-discount-label {
    color: var(--cd-aqua);
    font-size: .72rem;
}

/* ─── Discount Details (Middle) ─── */
.cd-discount-details {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

.cd-km-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cd-km-info i {
    font-size: 1.5rem;
    color: var(--cd-aqua);
    filter: drop-shadow(0 2px 6px rgba(79, 209, 255, .15));
}

.cd-km-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cd-km-limit {
    font-size: .95rem;
    font-weight: 800;
    color: var(--cd-text);
    letter-spacing: -.01em;
}

.cd-km-period {
    font-size: .78rem;
    color: var(--cd-muted-2);
    font-weight: 600;
}

/* Price comparison */
.cd-discount-price {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cd-price-before {
    font-size: .9rem;
    color: var(--cd-muted-2);
    text-decoration: line-through;
    font-weight: 600;
}

.cd-discount-price i {
    color: var(--cd-aqua);
    font-size: 1rem;
}

.cd-price-after {
    font-size: 1.3rem;
    font-weight: 900;
    color: var(--cd-aqua-2);
    letter-spacing: -.02em;
}

.cd-price-full {
    font-size: 1.3rem;
    font-weight: 900;
    color: var(--cd-text);
    letter-spacing: -.02em;
}

/* Features list */
.cd-discount-features {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.cd-feature-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: .8rem;
    color: var(--cd-muted);
    font-weight: 600;
}

.cd-feature-item i {
    color: var(--cd-aqua);
    font-size: .85rem;
}

/* ─── Discount Footer (Right Side) ─── */
.cd-discount-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(79, 209, 255, .08);
    border: 1px solid rgba(79, 209, 255, .20);
    border-radius: 10px;
    padding: 8px 14px;
    min-width: 120px;
    text-align: center;
}

@media (max-width: 992px) {
    .cd-discount-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        flex-wrap: nowrap;
    }

    .cd-discount-badge {
        flex-shrink: 0;
    }

    .cd-discount-details {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: nowrap;
    }

    .cd-km-info {
        display: flex;
        align-items: center;
        gap: 5px;
        white-space: nowrap;
    }

    .cd-discount-features {
        display: flex;
        gap: 8px;
        white-space: nowrap;
    }

    .cd-discount-price {
        display: flex;
        align-items: center;
        gap: 5px;
        white-space: nowrap;
    }




    /* micșorăm fonturile */
    .cd-discount-inner span {
        font-size: 12px;
    }

    .cd-price-after {
        font-weight: bold;
    }
}

@media (max-width: 992px) {
    .cd-discount-price {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        width: 100%;
    }

    .cd-discount-price span,
    .cd-discount-price i {
        font-size: 16px;
        /* mărit */
        font-weight: 700;
        /* bold */
    }

    .cd-price-after {
        font-size: 18px;
        /* puțin mai mare pentru prețul final */
    }
}
@media (max-width: 992px) {
    .cd-discount-price {
        width: 100% !important;
    }

    .cd-discount-price .cd-price-full.recommended {
        display: block !important;
        text-align: left !important;
        width: 100% !important;
    }
}

@media (max-width: 575px) {

  /* 2 col grid: details left, price+badge right */
  .cd-discount-inner {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    column-gap: 14px;
    row-gap: 0;
    align-items: center;
  }

  /* Hide badge from col 1, move to right column */
  .cd-discount-badge {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    justify-self: end;
    margin: 0;
    padding: 4px 10px;
    min-width: auto;
    flex-direction: row;
    gap: 5px;
  }
  .cd-discount-badge .cd-discount-percent {
    font-size: 1rem;
    margin-bottom: 0;
  }
  .cd-discount-badge .cd-discount-label {
    font-size: .6rem;
  }

  /* Details: left, spans both rows */
  .cd-discount-details {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    text-align: left;
    justify-self: start;
  }

  /* Price: top right (only when 3rd child exists) */
  .cd-discount-inner > div:nth-child(3):last-child {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    justify-self: end;
    text-align: right;
    white-space: nowrap;
  }

  .cd-price-after {
    font-size: 18px;
    font-weight: 700;
  }

  .cd-savings {
    font-size: 12px;
  }
}


.cd-savings {
    font-size: .85rem;
    font-weight: 650;
    color: var(--aqua-3);
}

.cd-discount-footer.cd-recommended {
    background: linear-gradient(135deg, rgba(255, 178, 0, .12), rgba(255, 178, 0, .06));
    border-color: rgba(255, 178, 0, .30);
    gap: 6px;
}

.cd-discount-footer.cd-recommended i {
    color: #ffb200;
    font-size: 1rem;
}

.cd-discount-footer.cd-recommended span {
    color: #c88600;
    font-size: .8rem;
}

/* ─── Popular Badge ─── */
.cd-popular-badge {
    position: absolute;
    top: -2px;
    right: -2px;
    background: linear-gradient(135deg, #ffb200, #ff8c00);
    color: #fff;
    padding: 6px 12px;
    border-radius: 0 14px 0 14px;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .5px;
    display: flex;
    align-items: center;
    gap: 4px;
    box-shadow: 0 4px 12px rgba(255, 140, 0, .3);
}

.cd-popular-badge i {
    font-size: .75rem;
}

/* ─── Hover States ─── */
.cd-discount-card:hover .cd-discount-inner {
    border-color: rgba(79, 209, 255, .35);
    transform: translateX(4px);
    box-shadow: 0 6px 20px rgba(53, 186, 255, .12);
}

/* ─── Selected State ─── */
.cd-discount-card input[type="radio"]:checked+.cd-discount-inner {
    background: linear-gradient(135deg, rgba(79, 209, 255, .08), rgba(53, 186, 255, .04));
    border-color: var(--cd-aqua);
    box-shadow: 0 10px 30px rgba(53, 186, 255, .20),
        0 0 0 1px rgba(79, 209, 255, .15);
    transform: translateX(6px);
}

.cd-discount-card input[type="radio"]:checked+.cd-discount-inner::before {
    opacity: 1;
}

/* Popular card selected */
.cd-discount-card.cd-popular input[type="radio"]:checked+.cd-discount-inner {
    background: linear-gradient(135deg, rgba(79, 209, 255, .12), rgba(53, 186, 255, .06));
    border-color: var(--cd-aqua);
    box-shadow: 0 12px 36px rgba(53, 186, 255, .25),
        0 0 0 2px rgba(79, 209, 255, .20);
}

/* ─── Info Box ─── */
.cd-discount-info-box {
    background: linear-gradient(135deg, rgba(53, 186, 255, .06), rgba(79, 209, 255, .03));
    border-left: 3px solid var(--cd-aqua);
    border-radius: 10px;
    padding: 14px 16px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.cd-discount-info-box i {
    color: var(--cd-aqua);
    font-size: 1.2rem;
    flex-shrink: 0;
    margin-top: 2px;
}

.cd-info-content {
    font-size: .85rem;
    color: var(--cd-muted);
    line-height: 1.6;
}

.cd-info-content strong {
    color: var(--cd-text);
    font-weight: 700;
}

/* ═══════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════ */

@media (max-width: 991.98px) {
    .cd-discount-inner {
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto;
    }

    .cd-discount-footer {
        grid-column: 1 / -1;
        justify-self: stretch;
    }
}

@media (max-width: 575.98px) {
    .cd-discount-inner {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 16px;
    }

    .cd-discount-badge {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        padding: 12px 16px;
    }

    .cd-discount-percent {
        font-size: 1.6rem;
    }

    .cd-discount-features {
        flex-direction: column;
        gap: 6px;
    }

    .cd-discount-footer {
        width: 100%;
    }

    .cd-popular-badge {
        font-size: .65rem;
        padding: 5px 10px;
    }
}

/* =========================================
   BOOKING TABS - LIGHT THEME OVERRIDES
   ========================================= */

/* 1. Containerul principal al tab-urilor */
.cd-tabs-content {
    /* Setăm variabilele locale pentru tema luminoasă */
    --cd-text: #06131b;
    --cd-muted: #5a6b7c;
    --cd-muted-2: #94a3b8;
    --cd-border: rgba(10, 24, 40, 0.12);
    --cd-aqua: #35baff;
    --cd-aqua-2: #219ef0;
    --cd-bg-input: #ffffff;

    background-color: transparent;
    color: var(--cd-text);
}

/* 2. Titlurile secțiunilor (Preluare, Returnare etc.) */
.cd-section-header {
    background: linear-gradient(90deg, rgba(53, 186, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
    border-left: 4px solid var(--cd-aqua);
    padding: 12px 16px;
    border-radius: 0 8px 8px 0;
    margin-bottom: 24px;
}

.cd-section-title {
    color: var(--cd-text);
    font-family: "Plus Jakarta Sans", sans-serif;
    /* Sau font-head */
    font-weight: 800;
    font-size: 0.95rem;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin: 0;
}

/* 3. Input-uri și Select-uri (Stil curat pe alb) */
.cd-form-label {
    color: var(--cd-text);
    font-weight: 700;
    font-size: 0.85rem;
    margin-bottom: 6px;
}

.cd-form-control,
.cd-form-select {
    background-color: var(--cd-bg-input) !important;
    border: 1px solid var(--cd-border) !important;
    color: var(--cd-text) !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    font-weight: 500;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
    transition: all 0.2s ease;
}

.cd-form-control:focus,
.cd-form-select:focus {
    border-color: var(--cd-aqua) !important;
    box-shadow: 0 0 0 3px rgba(53, 186, 255, 0.15) !important;
    outline: none;
}

/* Iconița pentru select (săgeata) neagră */
.cd-form-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%2306131b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E") !important;
    background-size: 12px;
}

/* 4. Cardurile de Discount (Radio Buttons) */
.cd-discount-inner {
    background: #ffffff;
    border: 1px solid var(--cd-border);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    /* Umbră fină */
    border-radius: 16px;
    color: var(--cd-text);
}

.cd-discount-card:hover .cd-discount-inner {
    border-color: rgba(53, 186, 255, 0.5);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(53, 186, 255, 0.1);
}

/* Starea Activă (Selectat) */
.cd-discount-card input[type="radio"]:checked+.cd-discount-inner {
    background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 100%);
    border-color: var(--cd-aqua);
    box-shadow: 0 8px 30px rgba(53, 186, 255, 0.15);
}

.cd-km-limit,
.cd-price-full,
.cd-feature-item {
    color: var(--cd-text);
    /* Asigurăm text închis */
}

.cd-price-before {
    color: var(--cd-muted-2);
}

/* 5. Butoanele de Navigare */
.cd-btn-secondary {
    background: #ffffff;
    color: var(--cd-text);
    border: 1px solid var(--cd-border);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.cd-btn-secondary:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
    transform: translateY(-1px);
}

.cd-btn-primary-nav {
    background: linear-gradient(180deg, #4fd1ff 0%, #35baff 100%);
    color: #05070a;
    /* Text închis pe butonul bleu */
    border: none;
    box-shadow: 0 10px 20px rgba(53, 186, 255, 0.25);
}

/* 6. Summary Box (Final Price) */
.cd-final-price-box {
    background: #f0f9ff;
    border: 1px dashed var(--cd-aqua);
    color: var(--cd-text);
}

.cd-final-amount {
    color: var(--cd-aqua-2);
}

.cd-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: nowrap;
    /* FORȚARE */
}

.cd-km-info {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.cd-km-text {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.cd-discount-price {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}


/* ═══════════════════════════════════════════════════
   AUTH PAGES (Login / Register) – LIGHT THEME
   ═══════════════════════════════════════════════════ */

.sr-auth-section {
    min-height: calc(100vh - 80px);
    display: flex;
    align-items: center;
    padding: 120px 0 80px;
    background: linear-gradient(180deg, #f6f8fb 0%, #fbfcff 100%);
}

.sr-auth-wrapper {
    display: flex;
    justify-content: center;
}

.sr-auth-card {
    width: 100%;
    max-width: 520px;
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
    border: 1px solid rgba(10, 24, 40, .10);
    border-radius: var(--r-lg);
    padding: 48px 40px;
    box-shadow: 0 8px 40px rgba(10, 24, 40, .08), 0 1px 3px rgba(10, 24, 40, .06);
    backdrop-filter: blur(20px);
}

.sr-auth-header {
    text-align: center;
    margin-bottom: 32px;
}

.sr-auth-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(180deg, rgba(79, 209, 255, .12), rgba(79, 209, 255, .04));
    border: 1px solid rgba(79, 209, 255, .22);
}

.sr-auth-icon i {
    font-size: 1.6rem;
    color: #219ef0;
}

.sr-auth-title {
    font-size: 1.75rem;
    font-weight: 800;
    color: #0a1828;
    margin-bottom: 6px;
}

.sr-auth-subtitle {
    font-size: .95rem;
    color: #5a6a7a;
    margin: 0;
}

/* Alerts */
.sr-auth-alert {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 18px;
    border-radius: var(--r-sm);
    margin-bottom: 24px;
    font-size: .9rem;
    line-height: 1.5;
}

.sr-auth-alert i {
    font-size: 1.2rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.sr-auth-alert p {
    margin: 0;
}

.sr-auth-alert a {
    color: inherit;
    font-weight: 700;
    text-decoration: underline;
}

.sr-auth-alert-success {
    background: rgba(34, 197, 94, .08);
    border: 1px solid rgba(34, 197, 94, .22);
    color: #166534;
}

.sr-auth-alert-success i {
    color: #16a34a;
}

.sr-auth-alert-error {
    background: rgba(239, 68, 68, .07);
    border: 1px solid rgba(239, 68, 68, .20);
    color: #991b1b;
}

.sr-auth-alert-error i {
    color: #dc2626;
}

/* Referral invitation banner */
.sr-auth-referral {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 20px;
    border-radius: var(--r-sm);
    margin-bottom: 24px;
    background: linear-gradient(135deg, rgba(79, 209, 255, .08), rgba(53, 186, 255, .05));
    border: 1px solid rgba(79, 209, 255, .22);
}

.sr-auth-referral-icon {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(79, 209, 255, .18), rgba(53, 186, 255, .08));
    border: 1px solid rgba(79, 209, 255, .25);
}

.sr-auth-referral-icon i {
    font-size: 1.15rem;
    color: #219ef0;
}

.sr-auth-referral p {
    margin: 0;
    font-size: .95rem;
    color: #0a1828;
    line-height: 1.4;
}

.sr-auth-referral p strong {
    color: #219ef0;
    font-weight: 700;
}

/* Form */
.sr-auth-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sr-auth-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.sr-auth-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sr-auth-label {
    font-size: .88rem;
    font-weight: 700;
    color: #2a3a4a;
    letter-spacing: .02em;
}

.sr-auth-optional {
    font-weight: 500;
    color: #8a9aaa;
    font-size: .82rem;
    letter-spacing: 0;
}

.sr-auth-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.sr-auth-input-wrap > i:first-child {
    position: absolute;
    left: 16px;
    font-size: 1rem;
    color: #8a9aaa;
    pointer-events: none;
    transition: color .2s ease;
}

.sr-auth-input {
    width: 100%;
    background: #fff;
    border: 1px solid rgba(10, 24, 40, .14);
    color: #0a1828;
    border-radius: var(--r-sm);
    padding: 14px 16px 14px 44px;
    font-size: .95rem;
    font-weight: 500;
    font-family: var(--font-body);
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
    outline: none;
}

/* Hide native browser password reveal button (Edge / Chrome) */
.sr-auth-input::-ms-reveal,
.sr-auth-input::-ms-clear {
    display: none;
}

.sr-auth-input::placeholder {
    color: #aab5c0;
}

.sr-auth-input:focus {
    background: #fff;
    border-color: rgba(79, 209, 255, .55);
    box-shadow: 0 0 0 .22rem rgba(79, 209, 255, .15);
    color: #0a1828;
}

.sr-auth-input:focus + .sr-auth-toggle-pw,
.sr-auth-input-wrap:focus-within > i:first-child {
    color: #219ef0;
}

/* Phone prefix selector */
.sr-phone-wrap {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0;
    position: relative;
    align-items: stretch;
}

.sr-phone-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    padding: 0 12px;
    background: #f5f7fa;
    border: 1px solid #e2e8f0;
    border-right: none;
    border-radius: var(--r-sm, 8px) 0 0 var(--r-sm, 8px);
    color: #0a1828;
    font-size: .9rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.sr-phone-btn:hover {
    background: #edf0f5;
}

.sr-phone-btn img {
    width: 22px;
    height: 16px;
    border-radius: 2px;
    object-fit: cover;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
}

.sr-phone-btn .sr-phone-arrow {
    font-size: .55rem;
    color: #8a9aaa;
    margin-left: 2px;
}

.sr-phone-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    background: #fff;
    border: 1px solid rgba(10, 24, 40, .14);
    border-radius: var(--r-sm);
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    max-height: 300px;
    overflow: hidden;
    min-width: 240px;
    margin-top: 4px;
    flex-direction: column;
}

.sr-phone-dropdown.open {
    display: flex !important;
}

.sr-phone-search {
    padding: 10px 12px 10px 34px;
    border: none;
    border-bottom: 1px solid rgba(10, 24, 40, .1);
    font-size: .88rem;
    outline: none;
    width: 100%;
    flex-shrink: 0;
    background: #f8f9fb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%238a9aaa' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242.656a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E") no-repeat 12px center;
    color: #0a1828;
    box-sizing: border-box;
}

.sr-phone-search:focus {
    background-color: #fff;
}

.sr-phone-search::placeholder {
    color: #aab5c0;
}

.sr-phone-optlist {
    overflow-y: auto;
    flex: 1;
}

.sr-phone-option {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    cursor: pointer;
    font-size: .9rem;
    color: #0a1828;
    transition: background .15s;
}

.sr-phone-option:hover {
    background: rgba(79, 209, 255, .08);
}

.sr-phone-option.selected {
    background: rgba(79, 209, 255, .12);
    font-weight: 600;
}

.sr-phone-option img {
    width: 22px;
    height: 16px;
    border-radius: 2px;
    object-fit: cover;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
}

.sr-phone-input,
.sr-phone-number {
    border-radius: 0 var(--r-sm) var(--r-sm) 0 !important;
    padding-left: 14px !important;
    flex: 1 1 0% !important;
    min-width: 0 !important;
    width: auto !important;
}
/* form-control / cd-form-control inside phone wrap */
.sr-phone-wrap .form-control.sr-phone-number,
.sr-phone-wrap .cd-form-control.sr-phone-number,
.contact-form-card .sr-phone-wrap .form-control {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: var(--r-sm) !important;
    border-bottom-right-radius: var(--r-sm) !important;
}
/* Match button height to form-control */
.sr-phone-wrap .sr-phone-btn {
    border-color: #e2e8f0;
    min-height: 100%;
}

/* Toggle password visibility */
.sr-auth-toggle-pw {
    position: absolute;
    right: 14px;
    background: none;
    border: none;
    color: #8a9aaa;
    cursor: pointer;
    padding: 4px;
    font-size: 1.05rem;
    transition: color .2s ease;
}

.sr-auth-toggle-pw:hover {
    color: #219ef0;
}

/* Submit button */
.sr-auth-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    width: 100%;
    padding: 15px 24px;
    margin-top: 4px;
    border-radius: var(--r-sm);
    border: none;
    font-weight: 900;
    font-size: 1rem;
    letter-spacing: .3px;
    color: #06131b;
    background: linear-gradient(180deg,
            rgba(79, 209, 255, 1) 0%,
            rgba(53, 186, 255, 1) 55%,
            rgba(33, 158, 240, 1) 100%);
    box-shadow: 0 8px 24px rgba(79, 209, 255, .25), inset 0 1px 0 rgba(255,255,255,.22);
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.sr-auth-btn:hover {
    transform: translateY(-2px);
    filter: brightness(1.05);
    box-shadow: 0 14px 36px rgba(79, 209, 255, .30), 0 0 0 1px rgba(79, 209, 255, .16), inset 0 1px 0 rgba(255,255,255,.24);
}

.sr-auth-btn:active {
    transform: translateY(0);
    filter: brightness(.96);
}

/* Forgot password link (between form fields and submit) */
.sr-auth-forgot {
    text-align: right;
    margin: -8px 0 16px;
    font-size: .85rem;
}

.sr-auth-forgot a {
    color: #219ef0;
    font-weight: 600;
    text-decoration: none;
    transition: color .2s ease;
}

.sr-auth-forgot a:hover {
    color: #35baff;
    text-decoration: underline;
}

/* Footer link */
.sr-auth-footer {
    text-align: center;
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid rgba(10, 24, 40, .08);
}

.sr-auth-footer p {
    color: #5a6a7a;
    font-size: .9rem;
    margin: 0;
}

.sr-auth-footer a {
    color: #219ef0;
    font-weight: 700;
    text-decoration: none;
    transition: color .2s ease;
}

.sr-auth-footer a:hover {
    color: #35baff;
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 576px) {
    .sr-auth-card {
        padding: 32px 24px;
        margin: 0 8px;
    }

    .sr-auth-row {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .sr-auth-title {
        font-size: 1.45rem;
    }

    .sr-auth-section {
        padding: 100px 0 60px;
    }
}

/* ═══════════════════════════════════════════════════
   ACCOUNT PAGE – LIGHT THEME
   ═══════════════════════════════════════════════════ */

.sr-account-page-header {
    margin: 0 0 32px;
}

.sr-account-page-header h1 {
    font-weight: 900;
    font-size: 1.75rem;
    color: #0a1828;
    margin: 0 0 6px;
}

.sr-account-page-header p {
    color: #5a6a7a;
    font-size: .95rem;
    margin: 0;
}

.sr-account-wrapper {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 32px;
}

/* Profile sidebar */
.sr-account-profile {
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
    border: 1px solid rgba(10, 24, 40, .10);
    border-radius: var(--r-lg);
    padding: 36px 24px;
    text-align: center;
    box-shadow: 0 8px 40px rgba(10, 24, 40, .08), 0 1px 3px rgba(10, 24, 40, .06);
    backdrop-filter: blur(20px);
    height: fit-content;
}

.sr-account-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #4fd1ff, #219ef0);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    box-shadow: 0 8px 24px rgba(79, 209, 255, .22);
}

.sr-account-avatar span {
    font-size: 1.5rem;
    font-weight: 900;
    color: #fff;
    letter-spacing: 1px;
}

.sr-account-name {
    font-size: 1.2rem;
    font-weight: 800;
    color: #0a1828;
    margin-bottom: 4px;
}

.sr-account-email {
    font-size: .85rem;
    color: #5a6a7a;
    margin-bottom: 4px;
    word-break: break-all;
}

.sr-account-since {
    font-size: .8rem;
    color: #8a9aaa;
    margin-bottom: 20px;
}

.sr-account-logout {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 10px 20px;
    border-radius: var(--r-sm);
    font-size: .85rem;
    font-weight: 700;
    color: #dc2626;
    background: rgba(239, 68, 68, .06);
    border: 1px solid rgba(239, 68, 68, .16);
    text-decoration: none;
    transition: background .2s ease, border-color .2s ease;
}

.sr-account-logout:hover {
    background: rgba(239, 68, 68, .12);
    border-color: rgba(239, 68, 68, .28);
    color: #b91c1c;
}

.sr-account-admin-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 10px 20px;
    margin-top: 10px;
    border-radius: var(--r-sm);
    font-size: .85rem;
    font-weight: 700;
    color: #219ef0;
    background: rgba(79, 209, 255, .06);
    border: 1px solid rgba(79, 209, 255, .18);
    text-decoration: none;
    transition: background .2s ease, border-color .2s ease;
}

.sr-account-admin-btn:hover {
    background: rgba(79, 209, 255, .14);
    border-color: rgba(79, 209, 255, .30);
    color: #0284c7;
}

/* Content area */
.sr-account-content {
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
    border: 1px solid rgba(10, 24, 40, .10);
    border-radius: var(--r-lg);
    padding: 36px 40px;
    box-shadow: 0 8px 40px rgba(10, 24, 40, .08), 0 1px 3px rgba(10, 24, 40, .06);
    backdrop-filter: blur(20px);
    display: flex;
    flex-direction: column;
}

/* Tab "Bonus / Referral" combină 2 panel-uri: bonus mai sus, referral mai jos */
.sr-account-content > #panel-bonus-km { order: 1; }
.sr-account-content > #panel-referral {
    order: 2;
    margin-top: 32px;
    padding-top: 28px;
    border-top: 2px solid rgba(14, 165, 233, .15);
    position: relative;
}
.sr-account-content > #panel-referral::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #0ea5e9, #38bdf8);
    border-radius: 2px;
}
.sr-account-content > #panel-referral .sr-panel-title {
    font-size: 1.4rem;
    color: #0369a1;
}
@media (max-width: 575.98px) {
    .sr-account-content > #panel-referral {
        margin-top: 24px;
        padding-top: 22px;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        border-top-width: 6px;
        background: linear-gradient(180deg, rgba(14, 165, 233, .04), transparent 80px);
        width: 100%;
        box-sizing: border-box;
    }
    .sr-account-content > #panel-referral::before {
        width: 80px;
        height: 5px;
    }
    .sr-account-content > #panel-referral .sr-panel-title {
        font-size: 1.25rem;
        text-align: center;
        justify-content: center;
        padding-top: 6px;
    }
    /* Pillurile - lățime totală a panelului, gap simetric */
    .sr-account-content > #panel-referral .sr-ref-pills {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        box-sizing: border-box;
    }
}

/* Tabs (sidebar) */
.sr-account-tabs {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 24px;
    border-top: 1px solid rgba(10, 24, 40, .08);
    padding-top: 20px;
}

.sr-account-tab {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 10px 16px;
    border: 1px solid rgba(10, 24, 40, .10);
    border-radius: var(--r-sm);
    background: transparent;
    color: #5a6a7a;
    font-size: .9rem;
    font-weight: 700;
    cursor: pointer;
    transition: all .2s ease;
    text-align: left;
}

.sr-account-tab:hover {
    background: rgba(79, 209, 255, .06);
    color: #219ef0;
    border-color: rgba(79, 209, 255, .20);
}

.sr-account-tab.active {
    background: rgba(79, 209, 255, .08);
    color: #219ef0;
    border-color: rgba(79, 209, 255, .30);
}

/* Panel title */
.sr-panel-title {
    font-size: 1.15rem;
    font-weight: 800;
    color: #0a1828;
    margin: 0 0 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(10, 24, 40, .08);
    display: flex;
    align-items: center;
    gap: 8px;
}

.sr-panel-title i {
    color: #219ef0;
    font-size: 1.1rem;
}

/* Panels */
.sr-account-panel {
    display: none;
}

.sr-account-panel.active {
    display: block;
}

/* Hint text */
.sr-account-hint {
    font-size: .8rem;
    color: #8a9aaa;
    margin-top: 2px;
}

/* ═══════════════════════════════════════════════
   Account — Bonus KM Panel
   ═══════════════════════════════════════════════ */
.sr-bonus-hero {
    background: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 60%, #67e8f9 100%);
    border-radius: 20px;
    padding: 36px 24px;
    text-align: center;
    color: #fff;
    box-shadow: 0 10px 30px rgba(14, 165, 233, .25);
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.sr-bonus-hero::before {
    content: '';
    position: absolute;
    top: -40px; right: -40px;
    width: 180px; height: 180px;
    background: radial-gradient(circle, rgba(255,255,255,.2) 0%, transparent 70%);
    border-radius: 50%;
}
.sr-bonus-hero-icon {
    font-size: 2.6rem;
    margin-bottom: 6px;
    opacity: .9;
}
.sr-bonus-hero-number {
    font-size: clamp(2.8rem, 6vw, 4.4rem);
    font-weight: 900;
    line-height: 1;
    text-shadow: 0 4px 20px rgba(0,0,0,.12);
    letter-spacing: -1px;
}
.sr-bonus-hero-label {
    font-size: 1rem;
    font-weight: 600;
    opacity: .94;
    margin-top: 4px;
    letter-spacing: .3px;
}
.sr-bonus-hero-stats {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 18px;
    font-size: .9rem;
    opacity: .95;
}
.sr-bonus-hero-stats strong { font-size: 1.05rem; font-weight: 800; }
.sr-bonus-hero-stats .sep {
    width: 1px; height: 20px;
    background: rgba(255,255,255,.4);
}

.sr-bonus-info-note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    border: 1px solid #bfdbfe;
    border-radius: 12px;
    padding: 14px 16px;
    font-size: .88rem;
    color: #1e3a8a;
    line-height: 1.5;
    margin-bottom: 28px;
}
.sr-bonus-info-note i {
    color: #2563eb;
    font-size: 1.1rem;
    margin-top: 1px;
    flex-shrink: 0;
}

.sr-bonus-h4 {
    font-size: 1.05rem;
    font-weight: 800;
    color: #0a1a30;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.sr-bonus-h4 i { color: #0ea5e9; font-size: 1.1rem; }

.sr-bonus-ways-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 14px;
    margin-bottom: 10px;
}
.sr-bonus-way {
    background: #fff;
    border: 1px solid rgba(14, 165, 233, .15);
    border-radius: 14px;
    padding: 18px;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.sr-bonus-way:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(14, 165, 233, .12);
    border-color: rgba(14, 165, 233, .35);
}
.sr-bonus-way-icon {
    width: 44px; height: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, #e0f2fe, #bae6fd);
    display: flex; align-items: center; justify-content: center;
    color: #0284c7;
    font-size: 1.3rem;
    margin-bottom: 12px;
}
.sr-bonus-way-title {
    font-weight: 800;
    color: #0a1a30;
    font-size: .98rem;
    margin-bottom: 4px;
}
.sr-bonus-way-desc {
    font-size: .82rem;
    color: #556677;
    line-height: 1.4;
}
.sr-bonus-way-desc strong { color: #0ea5e9; }

/* Card-uri interactive (Google/Instagram/Facebook/TikTok) */
.sr-bonus-way-clickable {
    display: block;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    position: relative;
}
.sr-bonus-way-clickable:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(14, 165, 233, .18);
    border-color: rgba(14, 165, 233, .55);
}
.sr-bonus-way-clickable.is-pending {
    border-color: rgba(245, 158, 11, .45);
    background: linear-gradient(180deg, #fff, #fffbeb);
}
.sr-bonus-way-clickable.is-approved {
    border-color: rgba(16, 185, 129, .45);
    background: linear-gradient(180deg, #fff, #f0fdf4);
}
.sr-bonus-state {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 10px;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 700;
}
.sr-bonus-state-pending {
    background: #fef3c7;
    color: #92400e;
}
.sr-bonus-state-ok {
    background: #d1fae5;
    color: #065f46;
}
.sr-bonus-h4-sub {
    color: #64748b;
    font-size: .85rem;
    margin: 4px 0 14px;
    line-height: 1.45;
}

.sr-bonus-timeline {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.sr-bonus-tx {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    background: #fff;
    border: 1px solid #eef2f7;
    border-radius: 12px;
    transition: background .15s ease, border-color .15s ease;
}
.sr-bonus-tx:hover {
    background: #f8fbfd;
    border-color: #dde9f2;
}
.sr-bonus-tx-icon {
    width: 42px; height: 42px;
    border-radius: 11px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
}
.sr-bonus-tx.positive .sr-bonus-tx-icon {
    background: linear-gradient(135deg, #d1fae5, #a7f3d0);
    color: #059669;
}
.sr-bonus-tx.negative .sr-bonus-tx-icon {
    background: linear-gradient(135deg, #fee2e2, #fecaca);
    color: #dc2626;
}
.sr-bonus-tx-body { flex: 1; min-width: 0; }
.sr-bonus-tx { position: relative; overflow: hidden; }
.sr-bonus-tx.is-used .sr-bonus-tx-icon,
.sr-bonus-tx.is-used .sr-bonus-tx-amount,
.sr-bonus-tx.is-used .sr-bonus-tx-reason {
    opacity: .55;
    text-decoration: line-through;
}
.sr-bonus-tx.is-used .sr-bonus-tx-icon { text-decoration: none; }
.sr-bonus-tx-badge-used {
    position: absolute;
    top: 14px;
    right: -36px;
    transform: rotate(20deg);
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: #fff;
    font-weight: 800;
    font-size: .72rem;
    letter-spacing: 1.2px;
    padding: 4px 42px;
    box-shadow: 0 2px 6px rgba(217, 119, 6, .35);
    pointer-events: none;
    z-index: 2;
}
.sr-bonus-tx-used-info {
    margin-top: 6px;
    padding: 6px 10px;
    background: #fef3c7;
    border-left: 3px solid #f59e0b;
    border-radius: 4px;
    color: #78350f;
    font-size: .78rem;
    line-height: 1.4;
}
.sr-bonus-tx-used-info strong {
    color: #92400e;
    font-weight: 700;
}
.sr-bonus-tx-reason {
    font-weight: 700;
    color: #0a1a30;
    font-size: .95rem;
}
.sr-bonus-tx-desc {
    font-size: .82rem;
    color: #556677;
    margin-top: 2px;
}
.sr-bonus-tx-date {
    font-size: .75rem;
    color: #8a9aaa;
    margin-top: 4px;
}
.sr-bonus-tx-amount {
    font-weight: 800;
    font-size: 1rem;
    white-space: nowrap;
}
.sr-bonus-tx.positive .sr-bonus-tx-amount { color: #059669; }
.sr-bonus-tx.negative .sr-bonus-tx-amount { color: #dc2626; }

@media (max-width: 575.98px) {
    .sr-bonus-hero { padding: 24px 16px; border-radius: 16px; }
    .sr-bonus-hero-icon { font-size: 2.1rem; }
    .sr-bonus-hero-number { font-size: clamp(2.4rem, 14vw, 3.4rem); }
    .sr-bonus-hero-label { font-size: .9rem; }
    .sr-bonus-hero-stats { gap: 10px; font-size: .8rem; flex-wrap: wrap; }
    .sr-bonus-ways-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .sr-bonus-way {
        padding: 12px 10px;
    }
    .sr-bonus-way-icon {
        width: 38px; height: 38px;
        border-radius: 10px;
        font-size: 1.1rem;
        margin-bottom: 8px;
    }
    .sr-bonus-way-title { font-size: .88rem; }
    .sr-bonus-way-desc { font-size: .76rem; }
    .sr-bonus-state {
        font-size: .68rem;
        padding: 2px 7px;
        margin-top: 8px;
    }
    .sr-bonus-tx { padding: 12px 14px; gap: 10px; }
    .sr-bonus-tx-amount { font-size: .92rem; }
    .sr-bonus-tx-desc { word-break: break-word; }
    .sr-bonus-info-note { padding: 12px 14px; font-size: .82rem; }
    .sr-bonus-h4 {
        font-size: 1rem;
        justify-content: center;
        text-align: center;
    }
    .sr-bonus-h4-sub {
        font-size: .8rem;
        text-align: center;
    }
}
@media (max-width: 360px) {
    /* fallback la 1 coloană pe ecrane foarte foarte mici (sub iPhone SE) */
    .sr-bonus-ways-grid { grid-template-columns: 1fr; }
}

/* Disabled input */
.sr-auth-input:disabled {
    background: #f3f5f8;
    color: #8a9aaa;
    cursor: not-allowed;
    border-color: rgba(10, 24, 40, .08);
}

/* Responsive */
@media (max-width: 768px) {
    .sr-account-wrapper {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }

    .sr-account-content {
        padding: 28px 24px;
    }

    .sr-account-tabs {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    .sr-account-tab {
        justify-content: center;
        text-align: center;
    }
}

/* Anti-overflow fix global pentru tab-urile cont (parent flex-column) */
.sr-account-wrapper,
.sr-account-content,
.sr-account-panel {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}
.sr-account-panel * {
    min-width: 0;
}
/* Pe ecrane foarte mici padding mai mic + previne overflow lateral */
@media (max-width: 575.98px) {
    .sr-auth-section {
        overflow-x: hidden;
    }
    .sr-auth-section .container {
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px;
        overflow-x: hidden;
    }
    .sr-account-content {
        padding: 20px 14px;
        overflow-x: hidden;
        max-width: 100%;
    }
    .sr-account-panel {
        overflow-x: hidden;
        max-width: 100%;
    }
    .sr-tiers-table {
        font-size: .82rem;
    }
    .sr-tiers-table th,
    .sr-tiers-table td {
        padding: 8px 10px;
    }
    .sr-ref-pills {
        margin-left: -2px;
        margin-right: -2px;
    }
}

/* ═══════════════════════════════════════════════════
   REFERRAL SECTION – LIGHT THEME
   ═══════════════════════════════════════════════════ */

/* Stats */
.sr-ref-stats {
    display: flex;
    gap: 16px;
    margin-bottom: 28px;
}

.sr-ref-stat {
    flex: 1;
    text-align: center;
    padding: 20px;
    background: rgba(79, 209, 255, .05);
    border: 1px solid rgba(79, 209, 255, .15);
    border-radius: var(--r-sm);
}

.sr-ref-stat-num {
    font-size: 2rem;
    font-weight: 900;
    color: #219ef0;
    line-height: 1;
    margin-bottom: 4px;
}

.sr-ref-stat-label {
    font-size: .82rem;
    color: #5a6a7a;
    font-weight: 600;
}

/* Code section */
.sr-ref-code-section {
    margin-bottom: 24px;
}

.sr-ref-code-box,
.sr-ref-url-box {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 8px;
    padding: 14px 16px;
    background: #f6f8fb;
    border: 1px solid rgba(10, 24, 40, .10);
    border-radius: var(--r-sm);
}

.sr-ref-code {
    font-size: 1.3rem;
    font-weight: 900;
    letter-spacing: 2px;
    color: #0a1828;
    flex: 1;
}

.sr-ref-url {
    font-size: .82rem;
    font-weight: 500;
    color: #5a6a7a;
    flex: 1;
    word-break: break-all;
    line-height: 1.4;
}

.sr-ref-copy-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid rgba(79, 209, 255, .25);
    border-radius: 10px;
    background: rgba(79, 209, 255, .06);
    color: #219ef0;
    font-size: .82rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s ease;
}

.sr-ref-copy-btn:hover {
    background: rgba(79, 209, 255, .12);
    border-color: rgba(79, 209, 255, .40);
}

.sr-ref-copy-btn.copied {
    background: rgba(22, 163, 74, .10);
    border-color: rgba(22, 163, 74, .30);
    color: #16a34a;
}

/* Share buttons */
.sr-ref-share {
    margin-bottom: 28px;
}

.sr-ref-share-btns {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.sr-ref-share-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 18px;
    border-radius: 10px;
    font-size: .85rem;
    font-weight: 700;
    text-decoration: none;
    transition: transform .15s ease, filter .15s ease;
}

.sr-ref-share-btn:hover {
    transform: translateY(-2px);
    filter: brightness(1.1);
}

.sr-ref-whatsapp {
    background: #25d366;
    color: #fff;
}

.sr-ref-facebook {
    background: #1877f2;
    color: #fff;
}

.sr-ref-email {
    background: #f0f2f5;
    border: 1px solid rgba(10, 24, 40, .10);
    color: #2a3a4a;
}

/* Referral list */
.sr-ref-list {
    margin-top: 8px;
}

.sr-ref-table {
    margin-top: 10px;
    border: 1px solid rgba(10, 24, 40, .08);
    border-radius: var(--r-sm);
    overflow: hidden;
}

.sr-ref-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(10, 24, 40, .06);
}

.sr-ref-row:last-child {
    border-bottom: none;
}

.sr-ref-row:nth-child(even) {
    background: rgba(10, 24, 40, .02);
}

.sr-ref-person {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sr-ref-avatar-sm {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, #4fd1ff, #219ef0);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;
    font-weight: 800;
    color: #fff;
    flex-shrink: 0;
}

.sr-ref-person span {
    font-size: .9rem;
    font-weight: 600;
    color: #0a1828;
}

.sr-ref-date {
    font-size: .82rem;
    color: #8a9aaa;
    font-weight: 500;
}

/* Empty state */
.sr-ref-empty {
    text-align: center;
    padding: 40px 20px;
    color: #8a9aaa;
}

.sr-ref-empty i {
    font-size: 2.5rem;
    margin-bottom: 12px;
    display: block;
    color: rgba(10, 24, 40, .12);
}

.sr-ref-empty p {
    font-size: .9rem;
    margin: 0;
}

@media (max-width: 576px) {
    .sr-ref-code-section,
    .sr-ref-share {
        text-align: center;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }
    .sr-ref-code-section .sr-auth-label,
    .sr-ref-share .sr-auth-label {
        text-align: center;
        display: block;
    }
    .sr-ref-code-box,
    .sr-ref-url-box {
        flex-direction: column;
        align-items: stretch;
    }
    .sr-ref-code {
        text-align: center;
    }
    .sr-ref-url {
        text-align: center;
    }
    .sr-ref-copy-btn {
        justify-content: center;
    }
    .sr-ref-share-btns {
        flex-direction: column;
        align-items: stretch;
    }
    .sr-ref-share-btn {
        justify-content: center;
    }
}

/* History table extras */
.sr-ref-row-header {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    gap: 8px;
    font-size: .78rem;
    font-weight: 800;
    color: #5a6a7a;
    text-transform: uppercase;
    letter-spacing: .04em;
    background: rgba(10, 24, 40, .03);
    border-bottom: 1px solid rgba(10, 24, 40, .08);
    padding: 12px 16px;
}

.sr-ref-row-header span {
    font-size: .78rem;
}

.sr-ref-badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: .75rem;
    font-weight: 700;
    white-space: nowrap;
    width: fit-content;
}

.sr-ref-badge-ok {
    background: rgba(22, 163, 74, .08);
    color: #16a34a;
    border: 1px solid rgba(22, 163, 74, .20);
}

.sr-ref-badge-pending {
    background: rgba(161, 98, 7, .07);
    color: #a16207;
    border: 1px solid rgba(161, 98, 7, .18);
}

/* Commission stat cards */
.sr-com-stat-total .sr-ref-stat-num {
    color: #219ef0;
}

.sr-com-stat-pending .sr-ref-stat-num {
    color: #a16207;
}

.sr-com-stat-paid .sr-ref-stat-num {
    color: #16a34a;
}

/* GDPR section în referral */
.sr-gdpr-section {
    margin: 4px 0 24px;
}
.sr-gdpr-status {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 18px;
    border-radius: 12px;
    margin-bottom: 20px;
    line-height: 1.4;
}
.sr-gdpr-status > i {
    font-size: 1.6rem;
    flex-shrink: 0;
    margin-top: 2px;
}
.sr-gdpr-status > div { display: flex; flex-direction: column; }
.sr-gdpr-status strong { font-size: 1rem; margin-bottom: 2px; }
.sr-gdpr-status span { font-size: .85rem; }
.sr-gdpr-status-ok {
    background: linear-gradient(135deg, #d1fae5, #ecfdf5);
    border: 1px solid #6ee7b7;
    color: #065f46;
}
.sr-gdpr-status-ok > i { color: #059669; }
.sr-gdpr-status-warn {
    background: linear-gradient(135deg, #fef3c7, #fffbeb);
    border: 1px solid #fcd34d;
    color: #92400e;
}
.sr-gdpr-status-warn > i { color: #d97706; }

.sr-gdpr-doc {
    background: #fafbfd;
    border: 1px solid rgba(10, 24, 40, .08);
    border-radius: 14px;
    padding: 22px 26px;
    margin-bottom: 18px;
    max-height: 480px;
    overflow-y: auto;
}
.sr-gdpr-doc-header {
    text-align: center;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(10, 24, 40, .08);
    margin-bottom: 14px;
}
.sr-gdpr-doc-header h4 {
    font-size: 1.05rem;
    font-weight: 800;
    color: #0a1a30;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.sr-gdpr-doc-header h4 i { color: #0ea5e9; }
.sr-gdpr-doc-header small { color: #64748b; font-size: .82rem; line-height: 1.5; display: block; }
.sr-gdpr-doc h5 {
    font-size: .95rem;
    font-weight: 800;
    color: #0a1a30;
    margin-top: 16px;
    margin-bottom: 8px;
    padding-bottom: 4px;
    border-bottom: 2px solid rgba(14, 165, 233, .25);
}
.sr-gdpr-doc p,
.sr-gdpr-doc ul {
    font-size: .87rem;
    color: #334155;
    line-height: 1.6;
}
.sr-gdpr-doc-footer {
    text-align: center;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid rgba(10, 24, 40, .08);
    font-size: .82rem;
    color: #64748b;
}

.sr-gdpr-form {
    background: linear-gradient(180deg, #f0f9ff, #fff);
    border: 1px solid #bae6fd;
    border-radius: 12px;
    padding: 18px 20px;
}
.sr-gdpr-checkbox {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    margin-bottom: 12px;
    line-height: 1.45;
}
.sr-gdpr-checkbox input {
    margin-top: 3px;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    accent-color: #0ea5e9;
}
.sr-gdpr-checkbox span {
    font-size: .88rem;
    color: #1e293b;
}
.sr-gdpr-accept-btn {
    width: 100%;
    background: linear-gradient(90deg, #0ea5e9, #0284c7);
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 12px 24px;
    font-weight: 800;
    font-size: .95rem;
    cursor: pointer;
    transition: filter .15s, transform .15s;
}
.sr-gdpr-accept-btn:hover { filter: brightness(1.08); transform: translateY(-1px); }

.sr-gdpr-form-revoke {
    text-align: center;
    padding: 14px;
    background: #fafbfd;
    border-radius: 10px;
}
.sr-gdpr-revoke-btn {
    background: #fff;
    border: 1px solid #fca5a5;
    color: #b91c1c;
    border-radius: 8px;
    padding: 8px 18px;
    font-weight: 700;
    font-size: .85rem;
    cursor: pointer;
    transition: background .15s;
}
.sr-gdpr-revoke-btn:hover { background: #fee2e2; }

/* Pill GDPR cu warning dot */
.sr-ref-pill-warn {
    border-color: #fcd34d !important;
    background: #fffbeb !important;
    color: #92400e !important;
    font-weight: 700;
}
.sr-ref-pill-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #ef4444;
    border-radius: 50%;
    margin-left: 4px;
    animation: srGdprPulse 1.5s infinite;
}
@keyframes srGdprPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, .55); }
    50% { box-shadow: 0 0 0 6px rgba(239, 68, 68, 0); }
}

@media (max-width: 575.98px) {
    .sr-gdpr-doc { padding: 16px 14px; max-height: 380px; }
    .sr-gdpr-doc h5 { font-size: .9rem; }
    .sr-gdpr-doc p, .sr-gdpr-doc ul { font-size: .82rem; }
    .sr-gdpr-form { padding: 14px 14px; }
}

/* Preferință plată comision */
.sr-payout-section {
    background: linear-gradient(180deg, rgba(14, 165, 233, .04), rgba(14, 165, 233, .02));
    border: 1px solid rgba(14, 165, 233, .15);
    border-radius: 14px;
    padding: 20px 22px;
    margin: 16px 0 24px;
}
.sr-payout-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.05rem;
    font-weight: 800;
    color: #0a1a30;
    margin: 0 0 4px;
}
.sr-payout-title i { color: #0ea5e9; }
.sr-payout-sub {
    color: #64748b;
    font-size: .85rem;
    margin: 0 0 16px;
    line-height: 1.45;
}
.sr-payout-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}
.sr-payout-option {
    position: relative;
    background: #fff;
    border: 2px solid rgba(10, 24, 40, .10);
    border-radius: 14px;
    padding: 18px 14px;
    cursor: pointer;
    transition: transform .25s cubic-bezier(.4,0,.2,1), border-color .2s, box-shadow .25s, background .2s;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}
.sr-payout-option:hover:not(.is-disabled):not(.is-active) {
    border-color: rgba(14, 165, 233, .45);
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(14, 165, 233, .12);
}
/* Active = puternic, evident: bordură groasă, glow, lift, gradient, badge mare */
.sr-payout-option.is-active {
    border-color: #0ea5e9;
    border-width: 3px;
    background: linear-gradient(180deg, #e0f2fe 0%, #f0f9ff 50%, #fff 100%);
    box-shadow:
        0 0 0 4px rgba(14, 165, 233, .15),
        0 12px 28px rgba(14, 165, 233, .25),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transform: translateY(-3px) scale(1.03);
    z-index: 2;
}
.sr-payout-option.is-active .sr-payout-icon {
    transform: scale(1.08);
    box-shadow: 0 4px 12px rgba(14, 165, 233, .25);
}
.sr-payout-option.is-active .sr-payout-name {
    color: #0369a1;
}
/* Badge cu bifă mare în colț — vizibil clar */
.sr-payout-option.is-active::after {
    content: '\F26B';
    font-family: 'bootstrap-icons';
    position: absolute;
    top: -10px;
    right: -10px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0ea5e9, #0284c7);
    color: #fff;
    font-size: .95rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(14, 165, 233, .5);
    animation: srPayoutCheck .35s cubic-bezier(.34, 1.56, .64, 1);
}
@keyframes srPayoutCheck {
    0% { transform: scale(0); opacity: 0; }
    60% { transform: scale(1.2); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
.sr-payout-option.is-disabled {
    opacity: .55;
    cursor: not-allowed;
    background: #f8fafc;
}
.sr-payout-option.is-disabled:hover {
    transform: none;
}
.sr-payout-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.sr-payout-icon {
    transition: transform .25s ease, box-shadow .25s ease;
}
.sr-payout-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    margin-bottom: 4px;
}
.sr-payout-name {
    font-weight: 800;
    color: #0a1a30;
    font-size: .92rem;
}
.sr-payout-desc {
    font-size: .76rem;
    color: #5a6a7a;
    line-height: 1.35;
}
.sr-payout-warn {
    color: #b45309;
    font-weight: 600;
    font-size: .76rem;
}
.sr-payout-save {
    background: linear-gradient(90deg, #0ea5e9, #0284c7);
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 10px 22px;
    font-weight: 700;
    font-size: .92rem;
    cursor: pointer;
    transition: filter .15s;
}
.sr-payout-save:hover { filter: brightness(1.08); }
@media (max-width: 575.98px) {
    .sr-payout-section {
        padding: 16px 14px;
    }
    .sr-payout-options {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    .sr-payout-option {
        flex-direction: row;
        text-align: left;
        align-items: center;
        gap: 12px;
        padding: 12px 14px;
    }
    .sr-payout-icon {
        width: 36px;
        height: 36px;
        font-size: 1.1rem;
        margin-bottom: 0;
        flex-shrink: 0;
    }
    .sr-payout-option > div:not(.sr-payout-icon) {
        flex: 1;
        min-width: 0;
    }
    .sr-payout-name { font-size: .88rem; }
    .sr-payout-desc { font-size: .74rem; }
    .sr-payout-save { width: 100%; }
}

/* Cashback wallet card */
.sr-cashback-wallet {
    display: flex;
    align-items: center;
    gap: 16px;
    background: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%);
    color: #fff;
    border-radius: 14px;
    padding: 18px 20px;
    margin: 16px 0 24px;
    box-shadow: 0 6px 18px rgba(14, 165, 233, .25);
}
.sr-cashback-icon {
    flex: 0 0 56px;
    height: 56px;
    width: 56px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .18);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
}
.sr-cashback-info {
    flex: 1;
    min-width: 0;
}
.sr-cashback-label {
    font-size: .82rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    opacity: .85;
}
.sr-cashback-amount {
    font-size: 1.7rem;
    font-weight: 800;
    line-height: 1.1;
    margin: 2px 0;
}
.sr-cashback-hint {
    font-size: .85rem;
    opacity: .9;
}
.sr-cashback-cta {
    flex: 0 0 auto;
    background: #fff;
    color: #0369a1;
    text-decoration: none;
    padding: 10px 18px;
    border-radius: 10px;
    font-weight: 700;
    font-size: .9rem;
    white-space: nowrap;
    transition: transform .15s ease;
}
.sr-cashback-cta:hover {
    transform: translateY(-1px);
    color: #075985;
}
@media (max-width: 600px) {
    .sr-cashback-wallet {
        flex-wrap: wrap;
        padding: 14px 16px;
        gap: 12px;
    }
    .sr-cashback-icon {
        flex: 0 0 44px;
        height: 44px;
        width: 44px;
        font-size: 1.3rem;
    }
    .sr-cashback-amount {
        font-size: 1.4rem;
    }
    .sr-cashback-label,
    .sr-cashback-hint {
        font-size: .78rem;
    }
    .sr-cashback-cta {
        width: 100%;
        text-align: center;
        padding: 10px 14px;
    }
}

/* Commission badges */
.sr-com-badge-pending {
    background: rgba(234, 179, 8, .08);
    color: #a16207;
    border: 1px solid rgba(234, 179, 8, .22);
}

.sr-com-badge-approved {
    background: rgba(79, 209, 255, .08);
    color: #0284c7;
    border: 1px solid rgba(79, 209, 255, .22);
}

.sr-com-badge-paid {
    background: rgba(22, 163, 74, .08);
    color: #16a34a;
    border: 1px solid rgba(22, 163, 74, .20);
}

/* IBAN danger alert */
.sr-com-alert-danger {
    padding: 20px;
    margin-bottom: 24px;
    border-radius: var(--r-sm);
    background: rgba(239, 68, 68, .04);
    border: 1px solid rgba(239, 68, 68, .22);
}

.sr-com-alert-header {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 18px;
}

.sr-com-alert-header > i {
    font-size: 1.4rem;
    color: #dc2626;
    flex-shrink: 0;
    margin-top: 2px;
}

.sr-com-alert-header strong {
    display: block;
    font-size: .95rem;
    color: #991b1b;
    margin-bottom: 2px;
}

.sr-com-alert-header p {
    margin: 0;
    font-size: .85rem;
    color: #b91c1c;
    line-height: 1.4;
}

/* IBAN form */
.sr-com-iban-form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.sr-com-iban-row {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 12px;
}

.sr-com-iban-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sr-com-select {
    appearance: auto;
    cursor: pointer;
    padding-right: 12px;
}

.sr-com-iban-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    border: none;
    border-radius: var(--r-sm);
    font-size: .9rem;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg, #dc2626, #b91c1c);
    cursor: pointer;
    transition: opacity .2s ease;
    width: fit-content;
}

.sr-com-iban-btn:hover {
    opacity: .88;
}

/* IBAN set (green info bar) */
.sr-com-iban-set {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 16px 20px;
    margin-bottom: 24px;
    border-radius: var(--r-sm);
    background: rgba(22, 163, 74, .05);
    border: 1px solid rgba(22, 163, 74, .18);
}

.sr-com-iban-set-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.sr-com-iban-set-info > i {
    font-size: 1.4rem;
    color: #16a34a;
    flex-shrink: 0;
}

.sr-com-iban-set-info strong {
    display: block;
    font-size: .9rem;
    color: #0a1828;
}

.sr-com-iban-set-info span {
    font-size: .82rem;
    color: #5a6a7a;
    letter-spacing: .5px;
    font-family: monospace;
}

.sr-com-iban-change {
    background: none;
    border: 1px solid rgba(10, 24, 40, .12);
    border-radius: var(--r-sm);
    padding: 8px 14px;
    font-size: .8rem;
    font-weight: 600;
    color: #5a6a7a;
    cursor: pointer;
    white-space: nowrap;
    transition: border-color .2s ease, color .2s ease;
}

.sr-com-iban-change:hover {
    border-color: rgba(10, 24, 40, .25);
    color: #0a1828;
}

#comIbanEdit {
    margin-bottom: 24px;
}

#comIbanEdit .sr-com-iban-form {
    padding: 18px;
    background: rgba(10, 24, 40, .02);
    border: 1px solid rgba(10, 24, 40, .08);
    border-radius: var(--r-sm);
}

#comIbanEdit .sr-com-iban-btn {
    background: linear-gradient(135deg, #219ef0, #0284c7);
}

@media (max-width: 576px) {
    .sr-com-iban-row {
        grid-template-columns: 1fr;
    }

    .sr-com-iban-set {
        flex-direction: column;
        align-items: flex-start;
    }

    /* Centrare alertă IBAN (warning + form) și form de editare */
    .sr-com-alert-danger,
    #comIbanEdit,
    .sr-com-iban-set {
        max-width: 380px;
        margin-left: auto;
        margin-right: auto;
    }
    .sr-com-alert-header {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 8px;
    }
    .sr-com-alert-header > div {
        text-align: center;
    }
    .sr-com-iban-form .sr-auth-label {
        text-align: center;
        display: block;
    }
    .sr-com-iban-btn {
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: center;
    }
    .sr-com-iban-set {
        align-items: center;
        text-align: center;
    }
}

@media (max-width: 576px) {
    .sr-ref-stats {
        flex-wrap: wrap;
        gap: 10px;
    }
    .sr-ref-stat {
        flex: 1 1 calc(50% - 5px);
        padding: 14px;
    }
    .sr-ref-stat-num {
        font-size: 1.5rem;
    }
    .sr-ref-stat-label {
        font-size: .76rem;
    }
}

/* Referral inner pill navigation */
.sr-ref-pills {
    display: flex;
    gap: 8px;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(10, 24, 40, .08);
}

.sr-ref-pill {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 9px 18px;
    border: 1px solid rgba(10, 24, 40, .10);
    border-radius: 8px;
    background: transparent;
    color: rgba(10, 24, 40, .60);
    font-size: .88rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease;
    white-space: nowrap;
}

.sr-ref-pill i {
    font-size: .95rem;
}

.sr-ref-pill:hover {
    background: rgba(79, 209, 255, .06);
    color: #219ef0;
    border-color: rgba(79, 209, 255, .18);
}

.sr-ref-pill.active {
    background: rgba(79, 209, 255, .10);
    color: #219ef0;
    border-color: rgba(79, 209, 255, .30);
}

/* Referral sub-panels */
.sr-ref-panel {
    display: none;
}

.sr-ref-panel.active {
    display: block;
}

@media (max-width: 576px) {
    .sr-ref-pills {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        padding-bottom: 14px;
        margin-bottom: 18px;
        overflow-x: visible;
    }

    .sr-ref-pill {
        white-space: normal;
        text-align: center;
        justify-content: center;
        padding: 10px 8px;
        font-size: .82rem;
        line-height: 1.2;
        min-height: 40px;
    }
    .sr-ref-pill i {
        font-size: .9rem;
    }
}

/* Commission card list — horizontal with image */
.sr-com-cards {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sr-com-card {
    display: flex;
    background: #fff;
    border: 1px solid rgba(10, 24, 40, .08);
    border-radius: 12px;
    overflow: hidden;
    transition: box-shadow .2s ease, transform .15s ease;
    text-decoration: none;
    color: inherit;
}

.sr-com-card:hover {
    box-shadow: 0 4px 18px rgba(10, 24, 40, .08);
    transform: translateY(-1px);
}

.sr-com-card-img {
    width: 110px;
    min-height: 100px;
    flex-shrink: 0;
    overflow: hidden;
    background: #f0f2f5;
}

.sr-com-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sr-com-card-content {
    flex: 1;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.sr-com-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.sr-com-card-car {
    font-weight: 700;
    font-size: .92rem;
    color: #0a1828;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sr-com-card-badge {
    font-size: .72rem;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 20px;
    flex-shrink: 0;
}

.sr-com-card-badge.sr-com-badge-pending {
    background: rgba(234, 179, 8, .12);
    color: #b45309;
}

.sr-com-card-badge.sr-com-badge-approved {
    background: rgba(59, 130, 246, .12);
    color: #1d4ed8;
}

.sr-com-card-badge.sr-com-badge-paid {
    background: rgba(22, 163, 74, .12);
    color: #15803d;
}

.sr-com-card-meta {
    display: flex;
    gap: 14px;
    font-size: .82rem;
    color: #7a8a9a;
}

.sr-com-card-meta i {
    color: var(--aqua, #178582);
    margin-right: 4px;
    font-size: .8rem;
}

.sr-com-card-nums {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
}

.sr-com-card-amount {
    font-size: .88rem;
    color: #5a6a7a;
}

.sr-com-card-arrow {
    color: #c0c8d0;
    font-size: .8rem;
}

.sr-com-card-commission {
    font-size: .95rem;
    font-weight: 700;
    color: #16a34a;
}

/* Click history */
.sr-click-filters {
    display: flex;
    gap: 8px;
    margin-bottom: 16px;
}

.sr-click-filter {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border: 1px solid rgba(10, 24, 40, .10);
    border-radius: 8px;
    background: transparent;
    color: rgba(10, 24, 40, .55);
    font-size: .82rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease;
}

.sr-click-filter:hover {
    background: rgba(79, 209, 255, .05);
    border-color: rgba(79, 209, 255, .15);
    color: #219ef0;
}

.sr-click-filter.active {
    background: rgba(79, 209, 255, .10);
    border-color: rgba(79, 209, 255, .30);
    color: #219ef0;
}

.sr-click-filter-count {
    background: rgba(10, 24, 40, .06);
    color: rgba(10, 24, 40, .50);
    font-size: .72rem;
    font-weight: 700;
    padding: 1px 7px;
    border-radius: 10px;
}

.sr-click-filter.active .sr-click-filter-count {
    background: rgba(79, 209, 255, .15);
    color: #219ef0;
}

.sr-click-cards {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sr-click-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 16px;
    background: #fff;
    border: 1px solid rgba(10, 24, 40, .06);
    border-radius: 10px;
    transition: box-shadow .2s ease;
}

.sr-click-card:hover {
    box-shadow: 0 2px 10px rgba(10, 24, 40, .04);
}

.sr-click-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(10, 24, 40, .04);
    color: #8a9aaa;
    font-size: .95rem;
    flex-shrink: 0;
}

.sr-click-converted .sr-click-icon {
    background: rgba(22, 163, 74, .08);
    color: #16a34a;
}

.sr-click-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.sr-click-status {
    font-size: .88rem;
    font-weight: 600;
    color: #0a1828;
}

.sr-click-date {
    font-size: .78rem;
    color: #8a9aaa;
}

.sr-click-badge {
    font-size: .7rem;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 20px;
    flex-shrink: 0;
}

.sr-click-badge-ok {
    background: rgba(22, 163, 74, .08);
    color: #15803d;
}

.sr-click-badge-visit {
    background: rgba(10, 24, 40, .04);
    color: #8a9aaa;
}

/* Click pagination */
.sr-click-pagination {
    display: flex;
    justify-content: center;
    gap: 4px;
    margin-top: 16px;
}

.sr-click-pg-btn {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(10, 24, 40, .08);
    border-radius: 8px;
    background: transparent;
    color: #5a6a7a;
    font-size: .82rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease;
}

.sr-click-pg-btn:hover:not(:disabled) {
    background: rgba(79, 209, 255, .06);
    color: #219ef0;
    border-color: rgba(79, 209, 255, .20);
}

.sr-click-pg-btn.active {
    background: rgba(79, 209, 255, .10);
    color: #219ef0;
    border-color: rgba(79, 209, 255, .30);
}

.sr-click-pg-btn:disabled {
    opacity: .35;
    cursor: default;
}

/* Termeni & Condiții referral */
.sr-terms-content {
    margin-bottom: 28px;
}
.sr-terms-content h4 {
    font-size: 1.15rem;
    font-weight: 800;
    color: #0a1a30;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.sr-terms-content h4 i { color: #0ea5e9; }
.sr-terms-content > p,
.sr-terms-content > div > p {
    font-size: .9rem;
    color: #475569;
    line-height: 1.7;
}
.sr-terms-content ul {
    padding-left: 20px;
    margin: 10px 0;
}
.sr-terms-content li {
    margin-bottom: 6px;
}

/* Intro descriptiv programul de referral (deasupra "Condiții Generale") */
.sr-terms-intro {
    background: linear-gradient(135deg, #f4f9ff 0%, #fff 100%);
    border: 1px solid #e0f2fe;
    border-radius: 14px;
    padding: 22px 24px;
    margin-bottom: 28px;
}
.sr-terms-intro p {
    margin: 0 0 14px;
    font-size: .94rem;
    line-height: 1.7;
    color: #334155;
}
.sr-terms-intro p:last-child {
    margin-bottom: 0;
}
.sr-terms-intro p:nth-child(2) {
    background: rgba(14, 165, 233, .06);
    border-left: 3px solid #0ea5e9;
    padding: 12px 14px;
    border-radius: 8px;
    margin: 14px 0;
}
@media (max-width: 600px) {
    .sr-terms-intro { padding: 18px 18px; }
    .sr-terms-intro p { font-size: .9rem; }
}

/* Lista de 10 puncte (rezumat condiții generale) */
.sr-terms-short-list {
    list-style: none;
    counter-reset: srterms;
    padding: 0;
    margin: 0 0 18px;
    display: grid;
    gap: 10px;
}
.sr-terms-short-list li {
    counter-increment: srterms;
    position: relative;
    padding: 12px 14px 12px 50px;
    background: linear-gradient(180deg, #f0f9ff, #fff);
    border: 1px solid rgba(14, 165, 233, .18);
    border-radius: 10px;
    font-size: .9rem;
    color: #1e293b;
    line-height: 1.5;
    margin: 0;
}
.sr-terms-short-list li::before {
    content: counter(srterms);
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0ea5e9, #0284c7);
    color: #fff;
    font-weight: 800;
    font-size: .82rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sr-terms-short-list li strong {
    color: #0369a1;
    font-weight: 700;
}

/* Buton "Citește toate condițiile" */
.sr-terms-readall-wrap {
    text-align: center;
    margin: 22px 0 14px;
}
.sr-terms-readall-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 24px;
    background: #fff;
    border: 2px solid #0ea5e9;
    border-radius: 999px;
    color: #0369a1;
    font-weight: 700;
    font-size: .92rem;
    cursor: pointer;
    transition: all .2s ease;
}
.sr-terms-readall-btn:hover {
    background: #0ea5e9;
    color: #fff;
}
.sr-terms-readall-btn.is-open {
    background: #f0f9ff;
}
.sr-terms-readall-arrow {
    transition: transform .25s ease;
    font-size: .85rem;
}

/* Conținut termeni complet (Art. 1-10) */
.sr-terms-full {
    background: #fafbfd;
    border: 1px solid rgba(10, 24, 40, .08);
    border-radius: 14px;
    padding: 22px 26px;
    margin-top: 16px;
    animation: srTermsFadeIn .25s ease;
}
@keyframes srTermsFadeIn {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}
.sr-terms-full-header {
    text-align: center;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(10, 24, 40, .08);
    margin-bottom: 18px;
    color: #0a1a30;
    line-height: 1.4;
}
.sr-terms-full-header strong { font-size: 1rem; color: #0369a1; }
.sr-terms-full-header span { font-size: .92rem; color: #1e293b; }
.sr-terms-full-header small { color: #64748b; font-size: .78rem; }
.sr-terms-full h5 {
    font-size: .98rem;
    font-weight: 800;
    color: #0a1a30;
    margin-top: 18px;
    margin-bottom: 8px;
    padding-bottom: 5px;
    border-bottom: 2px solid rgba(14, 165, 233, .25);
}
.sr-terms-full h6 {
    font-size: .88rem;
    font-weight: 700;
    color: #0369a1;
    margin-top: 12px;
    margin-bottom: 6px;
}
.sr-terms-full p,
.sr-terms-full ul {
    font-size: .88rem;
    color: #334155;
    line-height: 1.65;
}
.sr-terms-full ul ul { margin-top: 4px; }
.sr-terms-full-footer {
    text-align: center;
    margin-top: 22px;
    padding-top: 16px;
    border-top: 1px solid rgba(10, 24, 40, .08);
    font-size: .82rem;
    color: #64748b;
    line-height: 1.5;
}
.sr-terms-full-footer a { color: #0ea5e9; text-decoration: none; }
.sr-terms-full-footer a:hover { text-decoration: underline; }

@media (max-width: 575.98px) {
    .sr-terms-short-list li {
        padding: 10px 12px 10px 44px;
        font-size: .85rem;
    }
    .sr-terms-short-list li::before {
        left: 8px;
        width: 26px;
        height: 26px;
        font-size: .78rem;
    }
    .sr-terms-readall-btn {
        padding: 10px 18px;
        font-size: .85rem;
        width: 100%;
        justify-content: center;
    }
    .sr-terms-full {
        padding: 16px 14px;
    }
    .sr-terms-full h5 { font-size: .92rem; }
    .sr-terms-full p,
    .sr-terms-full ul { font-size: .82rem; }
}
.sr-terms-tiers h5 {
    font-size: .95rem;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 12px;
}
.sr-tiers-table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(10, 24, 40, .08);
}
.sr-tiers-table th {
    background: rgba(79, 209, 255, .08);
    color: #0c4a6e;
    font-size: .82rem;
    font-weight: 700;
    padding: 10px 16px;
    text-align: center;
}
.sr-tiers-table td {
    padding: 10px 16px;
    font-size: .88rem;
    color: #334155;
    border-top: 1px solid rgba(10, 24, 40, .06);
    text-align: center;
}
.sr-tiers-table tr:hover td {
    background: rgba(79, 209, 255, .04);
}
.sr-tiers-table td strong {
    color: #0ea5e9;
    font-weight: 800;
}

/* Rezervări tab – card list with image */
.sr-rez-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sr-rez-card {
    display: flex;
    background: #fff;
    border: 1px solid rgba(10, 24, 40, .08);
    border-radius: 12px;
    overflow: hidden;
    transition: box-shadow .2s ease, transform .15s ease;
    text-decoration: none;
    color: inherit;
}

.sr-rez-card:hover {
    box-shadow: 0 4px 18px rgba(10, 24, 40, .08);
    transform: translateY(-1px);
}

.sr-rez-card-img {
    width: 140px;
    min-height: 120px;
    flex-shrink: 0;
    overflow: hidden;
    background: #f0f2f5;
    position: relative;
}

.sr-rez-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sr-rez-id {
    position: absolute;
    top: 8px;
    right: 8px;
    background: rgba(0, 0, 0, .55);
    color: #fff;
    font-size: .7rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 6px;
}

.sr-rez-card-content {
    flex: 1;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.sr-rez-car-name {
    font-weight: 700;
    font-size: 1rem;
    color: #0a1828;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sr-rez-card-details {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sr-rez-info-row {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .84rem;
    color: #5a6a7a;
}

.sr-rez-info-row i {
    color: var(--aqua, #178582);
    font-size: .88rem;
    width: 18px;
    text-align: center;
    flex-shrink: 0;
}

.sr-rez-card-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 6px;
}

.sr-rez-total {
    font-weight: 700;
    font-size: 1rem;
    color: #0a1828;
}

.sr-rez-date {
    font-size: .76rem;
    color: #8a9aaa;
}

@media (max-width: 576px) {
    /* Commission cards stack */
    .sr-com-card {
        flex-direction: column;
    }

    .sr-com-card-img {
        width: 100%;
        height: 120px;
        min-height: auto;
    }

    .sr-com-card-content {
        padding: 12px 14px;
    }

    /* Click cards */
    .sr-click-filters {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .sr-click-card {
        padding: 10px 12px;
        gap: 10px;
    }

    .sr-click-icon {
        width: 32px;
        height: 32px;
        font-size: .85rem;
    }

    /* Rez cards stack */
    .sr-rez-card {
        flex-direction: column;
    }

    .sr-rez-card-img {
        width: 100%;
        height: 140px;
        min-height: auto;
    }

    .sr-rez-card-content {
        padding: 12px 14px;
    }
}

/* ===================================================================
   RESERVATION DETAIL PAGE – /rezervare.php
   =================================================================== */

/* Breadcrumb */
.sr-rezdet-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
    font-size: .9rem;
}

.sr-rezdet-breadcrumb a {
    color: #4a6fa5;
    text-decoration: none;
    transition: color .2s;
}

.sr-rezdet-breadcrumb a:hover {
    color: #2e5490;
}

.sr-rezdet-breadcrumb i {
    font-size: .7rem;
    color: #8a9bb5;
}

.sr-rezdet-breadcrumb span {
    color: #1a2a3a;
    font-weight: 600;
}

/* Main Card */
.sr-rezdet-card {
    background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.82));
    border: 1px solid rgba(10, 24, 40, .10);
    border-radius: var(--r-lg);
    padding: 0;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0,0,0,.06);
}

/* Header (image + title) */
.sr-rezdet-header {
    display: flex;
    gap: 28px;
    padding: 28px 32px;
    background: linear-gradient(135deg, rgba(79,209,255,.04), rgba(53,186,255,.02));
    border-bottom: 1px solid rgba(10, 24, 40, .07);
}

.sr-rezdet-img-wrap {
    flex-shrink: 0;
    width: 220px;
    height: 150px;
    border-radius: var(--r-md);
    overflow: hidden;
    background: #f0f4f8;
}

.sr-rezdet-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sr-rezdet-title-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
}

.sr-rezdet-top-row {
    display: flex;
    align-items: center;
    gap: 12px;
}

.sr-rezdet-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1a2a3a;
    margin: 0;
}

.sr-rezdet-id {
    background: rgba(79,209,255,.12);
    color: #2a8ab5;
    font-size: .8rem;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 20px;
    white-space: nowrap;
}

.sr-rezdet-meta {
    display: flex;
    gap: 16px;
    font-size: .85rem;
    color: #6a7b8f;
}

.sr-rezdet-meta i {
    margin-right: 4px;
}

.sr-rezdet-price-big {
    font-size: 1.35rem;
    font-weight: 700;
    color: #1a8f5c;
    margin-top: 4px;
}

.sr-rezdet-car-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: .85rem;
    color: #4a6fa5;
    text-decoration: none;
    font-weight: 500;
    margin-top: 4px;
    transition: color .2s;
}

.sr-rezdet-car-link:hover {
    color: #2e5490;
}

/* Detail Grid */
.sr-rezdet-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}

/* Each section */
.sr-rezdet-section {
    padding: 24px 32px;
    border-bottom: 1px solid rgba(10, 24, 40, .06);
}

.sr-rezdet-section:nth-child(odd) {
    border-right: 1px solid rgba(10, 24, 40, .06);
}

.sr-rezdet-section:nth-last-child(-n+2) {
    border-bottom: none;
}

.sr-rezdet-section-title {
    font-size: .95rem;
    font-weight: 600;
    color: #1a2a3a;
    margin: 0 0 16px;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(79,209,255,.2);
    display: flex;
    align-items: center;
    gap: 8px;
}

.sr-rezdet-section-title i {
    color: #4a9fc9;
    font-size: 1rem;
}

/* Info rows inside sections */
.sr-rezdet-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid rgba(10, 24, 40, .04);
}

.sr-rezdet-row:last-child {
    border-bottom: none;
}

.sr-rezdet-label {
    font-size: .85rem;
    color: #6a7b8f;
    font-weight: 500;
}

.sr-rezdet-value {
    font-size: .85rem;
    color: #1a2a3a;
    font-weight: 600;
    text-align: right;
}

/* Total row */
.sr-rezdet-row-total {
    margin-top: 6px;
    padding-top: 12px;
    border-top: 2px solid rgba(79,209,255,.2);
    border-bottom: none;
}

.sr-rezdet-row-total .sr-rezdet-label {
    font-size: .95rem;
    color: #1a2a3a;
    font-weight: 700;
}

.sr-rezdet-row-total .sr-rezdet-value {
    font-size: 1.1rem;
    color: #1a8f5c;
    font-weight: 700;
}

/* Extra info (airplane etc) */
.sr-rezdet-extra-info {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    background: rgba(79,209,255,.04);
    border-top: 1px solid rgba(10, 24, 40, .06);
    font-size: .88rem;
    color: #4a6fa5;
}

.sr-rezdet-extra-info i {
    font-size: 1.1rem;
    color: #4a9fc9;
}

/* Back link */
.sr-rezdet-back {
    display: inline-flex;
    align-items: center;
    margin-top: 20px;
    font-size: .9rem;
    font-weight: 500;
    color: #4a6fa5;
    text-decoration: none;
    transition: color .2s;
}

.sr-rezdet-back:hover {
    color: #2e5490;
}

/* Responsive */
@media (max-width: 768px) {
    .sr-rezdet-header {
        flex-direction: column;
        padding: 20px;
        gap: 16px;
    }

    .sr-rezdet-img-wrap {
        width: 100%;
        height: 180px;
    }

    .sr-rezdet-grid {
        grid-template-columns: 1fr;
    }

    .sr-rezdet-section {
        padding: 20px;
    }

    .sr-rezdet-section:nth-child(odd) {
        border-right: none;
    }

    .sr-rezdet-section:nth-last-child(-n+2) {
        border-bottom: 1px solid rgba(10, 24, 40, .06);
    }

    .sr-rezdet-section:last-child {
        border-bottom: none;
    }

    .sr-rezdet-title {
        font-size: 1.25rem;
    }

    .sr-rezdet-price-big {
        font-size: 1.15rem;
    }

    .sr-rezdet-extra-info {
        padding: 14px 20px;
    }
}

/* ═══════════════════════════════════════
   ADMIN: Car Drag & Drop Ordering
   ═══════════════════════════════════════ */

.admin-drag-handle {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 10;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 6px;
    cursor: grab;
    color: #666;
    font-size: 1.1rem;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
    transition: all 0.2s;
}

.admin-drag-handle:hover {
    background: var(--cd-aqua-2, #35baff);
    color: #fff;
    border-color: var(--cd-aqua-2, #35baff);
}

.admin-drag-handle:active { cursor: grabbing; }

.admin-drag-ghost {
    opacity: 0.35;
    border: 2px dashed var(--cd-aqua-2, #35baff) !important;
    border-radius: 14px;
}

.admin-drag-chosen {
    box-shadow: 0 8px 28px rgba(33,158,240,.25) !important;
    transform: scale(1.01);
    z-index: 50;
}

.admin-order-banner {
    background: linear-gradient(135deg, #e8f4fd, #d0ecff);
    color: #0a5a8a;
    padding: 10px 20px;
    border-radius: 10px;
    margin-bottom: 16px;
    font-size: .88rem;
    font-weight: 600;
    border: 1px solid rgba(33,158,240,.18);
    display: flex;
    align-items: center;
}

/* ── index.php Reorder Panel ── */
.admin-reorder-toggle {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 1050;
    background: linear-gradient(180deg, #4fd1ff 0%, #219ef0 100%);
    color: #06131b;
    border: none;
    border-radius: 50px;
    padding: 12px 22px;
    font-size: .9rem;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 6px 20px rgba(33,158,240,.35);
    transition: all .25s;
}

.admin-reorder-toggle:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(33,158,240,.45);
}

.admin-reorder-panel {
    position: fixed;
    top: 0;
    right: -400px;
    width: 380px;
    height: 100vh;
    background: #fff;
    z-index: 1060;
    box-shadow: -4px 0 24px rgba(0,0,0,0.12);
    transition: right .3s ease;
    display: flex;
    flex-direction: column;
}

.admin-reorder-panel.visible { right: 0; }

.admin-reorder-header {
    padding: 16px 20px;
    background: linear-gradient(180deg, #4fd1ff 0%, #219ef0 100%);
    color: #06131b;
    font-weight: 800;
    font-size: .95rem;
    display: flex;
    align-items: center;
}

.admin-reorder-close {
    margin-left: auto;
    background: none;
    border: none;
    color: #06131b;
    font-size: 1.5rem;
    cursor: pointer;
    line-height: 1;
    opacity: .7;
    transition: opacity .2s;
}

.admin-reorder-close:hover { opacity: 1; }

.admin-reorder-list {
    flex: 1;
    overflow-y: auto;
    padding: 12px;
}

.admin-reorder-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    margin-bottom: 6px;
    background: #f8f9fa;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 10px;
    transition: all .15s;
}

.admin-reorder-item:hover { border-color: var(--cd-aqua-2, #35baff); }

.admin-reorder-item .admin-drag-handle {
    position: static;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    font-size: .95rem;
    box-shadow: none;
}

.admin-reorder-num {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #6c757d;
    color: #fff;
    font-size: .7rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.admin-reorder-thumb {
    width: 50px;
    height: 34px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
}

.admin-reorder-name {
    flex: 1;
    font-size: .84rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--cd-text, #0a1828);
}

.admin-reorder-badge {
    font-size: .6rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 2px 7px;
    border-radius: 4px;
    flex-shrink: 0;
    letter-spacing: .3px;
}

.badge-featured { background: #d4edda; color: #155724; }
.badge-compact  { background: #cce5ff; color: #004085; }
.badge-mini     { background: #e9ecef; color: #495057; }

/* ── Toast ── */
.admin-toast {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    padding: 12px 26px;
    border-radius: 10px;
    font-size: .88rem;
    font-weight: 600;
    z-index: 2000;
    opacity: 0;
    transition: all .3s;
    pointer-events: none;
}

.admin-toast.visible {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.admin-toast-success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.admin-toast-error {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* ── Pickup info box — consistent paragraph spacing ── */
.cd-pickup-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    line-height: 1.5;
}
.cd-pickup-info p {
    margin: 0 !important;
    line-height: inherit;
}

@media (max-width: 767.98px) {
    .admin-reorder-panel { width: 100%; right: -100%; }
    .admin-reorder-toggle { bottom: 16px; right: 16px; padding: 10px 16px; font-size: .82rem; }
}
}

/* =========================
   CUM FUNCȚIONEAZĂ (HOW IT WORKS)
   ========================= */
.how-it-works {
    padding: 80px 0;
    position: relative;
    overflow: hidden;
    background-color: #f8fafd !important;
    background-image: none !important;
    color: #1e293b;
}
.how-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 48px;
    position: relative;
}
.how-steps::before {
    content: "";
    position: absolute;
    top: 52px;
    left: 10%;
    right: 10%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #0ea5e9, #0284c7, transparent);
    opacity: .3;
    z-index: 0;
}
.how-step {
    text-align: center;
    position: relative;
    z-index: 1;
}
.how-step-num {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0ea5e9, #0369a1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    font-family: var(--font-head);
    font-weight: 800;
    font-size: 1.4rem;
    color: #fff;
    box-shadow: 0 8px 24px rgba(14,165,233,.25);
    transition: transform .3s, box-shadow .3s;
}
.how-step:hover .how-step-num {
    transform: scale(1.12);
    box-shadow: 0 12px 32px rgba(14,165,233,.35);
}
.how-step-icon {
    font-size: 2rem;
    color: #0ea5e9;
    margin-bottom: 12px;
}
.how-step h4 {
    font-family: var(--font-head);
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 8px;
    color: #1e293b;
}
.how-step p {
    font-size: .9rem;
    color: #64748b;
    line-height: 1.6;
    max-width: 260px;
    margin: 0 auto;
}
@media (max-width: 991.98px) {
    .how-steps { grid-template-columns: repeat(2, 1fr); gap: 32px; }
    .how-steps::before { display: none; }
}
@media (max-width: 575.98px) {
    .how-steps { grid-template-columns: repeat(2, 1fr); gap: 16px; }
}

/* =========================
   CIFRE / STATISTICI (COUNTERS)
   ========================= */
.stats-section {
    padding: 70px 0;
    position: relative;
    background-color: #f0f7ff !important;
    background-image: none !important;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    color: #1e293b;
}
.stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.stat-card {
    text-align: center;
    padding: 36px 20px;
    border-radius: var(--r-md);
    background: #fff;
    border: 1px solid #e2e8f0;
    transition: transform .3s, border-color .3s, box-shadow .3s;
    position: relative;
    overflow: hidden;
}
.stat-card::after {
    content: "";
    position: absolute;
    top: 0; left: 50%; transform: translateX(-50%);
    width: 60px; height: 3px;
    background: linear-gradient(90deg, #0ea5e9, #0369a1);
    border-radius: 0 0 4px 4px;
    opacity: 0;
    transition: opacity .3s;
}
.stat-card:hover {
    transform: translateY(-4px);
    border-color: #bae6fd;
    box-shadow: 0 12px 40px rgba(14,165,233,.12);
}
.stat-card:hover::after { opacity: 1; }
.stat-card-icon {
    font-size: 2rem;
    color: #0ea5e9;
    margin-bottom: 12px;
}
.stat-card-num {
    font-family: var(--font-head);
    font-weight: 900;
    font-size: 2.6rem;
    letter-spacing: -0.03em;
    background: linear-gradient(135deg, #0ea5e9, #0369a1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.1;
    margin-bottom: 6px;
}
.stat-card-label {
    font-size: .88rem;
    color: #64748b;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
}
@media (max-width: 991.98px) {
    .stats-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575.98px) {
    .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .stat-card { padding: 24px 14px; }
    .stat-card-num { font-size: 2rem; }
}

/* =========================
   PARTENERI / BRANDS
   ========================= */
.partners-section {
    padding: 60px 0;
    position: relative;
    background-color: #f8fafd !important;
    background-image: none !important;
    color: #1e293b;
}
.partners-track-wrap {
    overflow: hidden;
    position: relative;
    mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
}
.partners-track {
    display: flex;
    gap: 48px;
    animation: partnersScroll 25s linear infinite;
    width: max-content;
}
.partners-track:hover { animation-play-state: paused; }
@keyframes partnersScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.partner-logo {
    flex: 1 1 auto;
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .55;
    filter: grayscale(1);
    transition: opacity .3s, filter .3s;
    width: 100%;
}
.partner-text-item:hover .partner-logo,
.partner-logo:hover {
    opacity: 1;
    filter: grayscale(0);
}
.partners-text {
    display: flex;
    gap: 60px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 40px;
}
.partner-text-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    padding: 18px 22px 14px;
    border-radius: var(--r-sm);
    border: 1px solid #e2e8f0;
    background: #fff;
    transition: border-color .3s, transform .3s, box-shadow .3s;
    min-width: 160px;
    min-height: 130px;
}
@media (max-width: 575px) {
    .partners-text {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }
    .partner-text-item {
        min-width: 0;
        padding: 14px 10px;
    }
    .partner-text-item:last-child:nth-child(odd) {
        grid-column: 1 / -1;
        max-width: 50%;
        justify-self: center;
    }
}
.partner-text-item:hover {
    border-color: #bae6fd;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(14,165,233,.10);
}
.partner-text-item i {
    font-size: 1.6rem;
    color: #0ea5e9;
    display: block;
    margin-bottom: 8px;
}
.partner-text-item span {
    font-family: var(--font-head);
    font-weight: 700;
    font-size: .92rem;
    color: #334155;
    letter-spacing: .02em;
    margin-top: auto;
    padding-top: 10px;
}
.partner-logo img {
    max-height: 64px;
    max-width: 140px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}
.partner-drag-handle {
    display: none;
}
.edit-mode .partner-drag-handle {
    display: block;
    cursor: grab;
    color: #cbd5e1;
    font-size: .85rem;
    position: absolute;
    top: 4px;
    left: 4px;
    opacity: 0;
    transition: opacity .2s;
}
.edit-mode .partner-text-item {
    position: relative;
    overflow: visible;
}
.edit-mode .partner-text-item:hover .partner-drag-handle,
.edit-mode .partner-text-item:hover .partner-delete {
    opacity: 1;
}
.partner-delete {
    display: none;
}
.edit-mode .partner-delete {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -5px;
    right: -5px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: none;
    background: #ef4444;
    color: #fff;
    font-size: .5rem;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    opacity: 0;
    transition: opacity .2s, background .2s;
    z-index: 2;
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
}
.edit-mode .partner-delete:hover {
    background: #dc2626;
}
.edit-mode .partner-img-edit {
    cursor: pointer;
    border-radius: 6px;
    transition: outline .2s;
}
.edit-mode .partner-img-edit:hover {
    outline: 2px dashed #0ea5e9;
    outline-offset: 2px;
}

/* =========================
   CTA BANNER
   ========================= */
.cta-banner {
    padding: 80px 0;
    position: relative;
    overflow: hidden;
    background-color: #f0f7ff !important;
    background-image: none !important;
}
.cta-banner-inner {
    position: relative;
    border-radius: var(--r-lg);
    padding: 60px 48px;
    background: linear-gradient(135deg, #0ea5e9 0%, #0369a1 100%);
    text-align: center;
    overflow: hidden;
}
.cta-banner-inner::before {
    content: "";
    position: absolute;
    top: -100px; right: -100px;
    width: 350px; height: 350px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255,255,255,.12), transparent 70%);
    pointer-events: none;
}
.cta-banner-inner::after {
    content: "";
    position: absolute;
    bottom: -80px; left: -60px;
    width: 250px; height: 250px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255,255,255,.08), transparent 70%);
    pointer-events: none;
}
.cta-banner-content {
    position: relative;
    z-index: 1;
}
.cta-banner-content h2 {
    font-family: var(--font-head);
    font-weight: 800;
    font-size: 2.2rem;
    margin-bottom: 16px;
    color: #fff;
}
.cta-banner-content p {
    font-size: 1.1rem;
    color: rgba(255,255,255,.85);
    max-width: 600px;
    margin: 0 auto 32px;
    line-height: 1.7;
}
.cta-buttons {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}
.cta-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 32px;
    border-radius: 60px;
    background: #fff;
    color: #0369a1;
    font-family: var(--font-head);
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: transform .3s, box-shadow .3s;
}
.cta-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(0,0,0,.15);
    color: #0369a1;
}
.cta-btn-secondary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 32px;
    border-radius: 60px;
    background: transparent;
    color: #fff;
    font-family: var(--font-head);
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    border: 2px solid rgba(255,255,255,.4);
    cursor: pointer;
    transition: border-color .3s, background .3s;
}
.cta-btn-secondary:hover {
    border-color: #fff;
    background: rgba(255,255,255,.1);
    color: #fff;
}
@media (max-width: 767.98px) {
    .cta-banner-inner { padding: 40px 24px; }
    .cta-banner-content h2 { font-size: 1.6rem; }
    .cta-buttons { flex-direction: column; align-items: center; }
}

/* Light section header overrides */
.how-it-works .section-header-line .eyebrow,
.partners-section .section-header-line .eyebrow,
.contact-section .section-header-line .eyebrow { color: #0ea5e9; }
.how-it-works .section-header-line .display-title,
.partners-section .section-header-line .display-title,
.contact-section .section-header-line .display-title { color: #1e293b; }
.how-it-works .section-header-line .subtitle,
.partners-section .section-header-line .subtitle,
.contact-section .section-header-line .subtitle { color: #64748b; }
.how-it-works .section-header-line i,
.partners-section .section-header-line i,
.contact-section .section-header-line i { color: #0ea5e9; }
.how-it-works .line-decorator,
.partners-section .line-decorator,
.contact-section .line-decorator { background: linear-gradient(90deg, #0ea5e9, transparent); }

/* =========================
   CONTACT SECTION (HOMEPAGE)
   ========================= */
.contact-section {
    padding: 80px 0;
    position: relative;
    background-color: #f8fafd !important;
    background-image: none !important;
    color: #1e293b;
}
.contact-form-card {
    background: #fff;
    border-radius: var(--r-lg);
    padding: 40px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 40px rgba(15,30,55,.06);
}
.contact-form-card .form-label {
    font-weight: 600;
    font-size: .9rem;
    color: #334155;
    margin-bottom: 6px;
}
.contact-form-card .form-control,
.contact-form-card .form-select {
    background: #f8fafd;
    border: 1px solid #e2e8f0;
    border-radius: var(--r-sm);
    padding: 12px 16px;
    color: #1e293b;
    font-size: .95rem;
    transition: border-color .3s, box-shadow .3s;
}
.contact-form-card .form-control:focus,
.contact-form-card .form-select:focus {
    border-color: #0ea5e9;
    box-shadow: 0 0 0 3px rgba(14,165,233,.12);
    background: #fff;
}
.contact-form-card .form-control::placeholder { color: #94a3b8; }
.contact-submit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 14px 32px;
    border-radius: var(--r-sm);
    background: linear-gradient(135deg, #0ea5e9, #0369a1);
    color: #fff;
    font-family: var(--font-head);
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: transform .3s, box-shadow .3s;
}
.contact-submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(14,165,233,.25);
}
.contact-submit-btn:disabled {
    opacity: .6;
    cursor: not-allowed;
    transform: none;
}
.contact-info-card {
    background: #fff;
    border-radius: var(--r-lg);
    padding: 32px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 40px rgba(15,30,55,.06);
    height: 100%;
}
.contact-info-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 0;
    border-bottom: 1px solid #f1f5f9;
}
.contact-info-item:last-child { border-bottom: none; }
.contact-info-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(14,165,233,.1), rgba(3,105,161,.08));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #0ea5e9;
    font-size: 1.2rem;
}
.contact-info-item h6 {
    font-family: var(--font-head);
    font-weight: 700;
    font-size: .92rem;
    color: #1e293b;
    margin-bottom: 4px;
}
.contact-info-item p,
.contact-info-item a {
    font-size: .9rem;
    color: #64748b;
    text-decoration: none;
    margin: 0;
}
.contact-info-item a:hover { color: #0ea5e9; }
.contact-success {
    display: none;
    text-align: center;
    padding: 40px 20px;
}
.contact-success.show { display: block; }
.contact-success i {
    font-size: 3rem;
    color: #10b981;
    margin-bottom: 16px;
}
.contact-success h4 {
    font-family: var(--font-head);
    color: #1e293b;
    margin-bottom: 8px;
}
.contact-success p { color: #64748b; }
@media (max-width: 767.98px) {
    .contact-form-card { padding: 24px; }
}

/* ═══════════════════════════════════════════════════
   MOBILE — reduce section spacing
   ═══════════════════════════════════════════════════ */
@media (max-width: 767.98px) {
    .cars-showcase { padding: 28px 0 !important; }
    .rent-about { padding: 24px 0; }
    .benefits-section.py-5 { padding-top: 20px !important; padding-bottom: 20px !important; }
    .how-it-works { padding: 28px 0; }
    .stats-section { padding: 28px 0; }
    .fleet-story { padding: 28px 0; }
    .partners-section { padding: 20px 0 28px !important; }
    .car-testimonials { padding: 28px 0; }
    .contact-section { padding: 28px 0; }
    .cta-banner { padding: 28px 0; }

    /* Reduce section header bottom margins (Bootstrap mb-5 = 48px is too much) */
    .section-header-line.mb-5 { margin-bottom: 24px !important; }
    .section-header-line.mb-4 { margin-bottom: 16px !important; }
    .section-header-line { margin-bottom: 20px; }

    /* Reduce internal gaps */
    .how-steps { margin-top: 24px; grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }
    .partners-text { margin-top: 20px; }
    .rent-about .rent-about-features { gap: 14px; }

    /* Reduce "Vezi toate" button top margin */
    .text-center.mt-5 { margin-top: 20px !important; }
    .text-center.mt-4 { margin-top: 14px !important; }
}

/* =========================
   COOKIE CONSENT BANNER
   ========================= */
.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    transform: translateY(100%);
    transition: transform .4s cubic-bezier(.22,1,.36,1);
}
.cookie-banner-visible {
    transform: translateY(0);
}
.cookie-banner-hiding {
    transform: translateY(100%);
}
.cookie-banner-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 18px 28px;
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-top: 1px solid rgba(10,24,40,.08);
    box-shadow: 0 -4px 30px rgba(15,30,55,.08);
}
.cookie-banner-text {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}
.cookie-banner-text i {
    font-size: 1.3rem;
    color: var(--cd-aqua, #35baff);
    flex-shrink: 0;
}
.cookie-banner-text p {
    margin: 0;
    font-size: .88rem;
    color: #334155;
    line-height: 1.5;
}
.cookie-banner-text a {
    color: var(--cd-aqua-2, #219ef0);
    text-decoration: underline;
    font-weight: 600;
}
.cookie-banner-actions {
    display: flex;
    gap: 10px;
    flex-shrink: 0;
}
.cookie-btn {
    padding: 8px 20px;
    border-radius: 8px;
    font-size: .85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s;
    white-space: nowrap;
    border: none;
}
.cookie-btn-primary {
    background: var(--cd-aqua, #35baff);
    color: #fff;
}
.cookie-btn-primary:hover {
    background: var(--cd-aqua-2, #219ef0);
}
.cookie-btn-outline {
    background: transparent;
    color: #64748b;
    border: 1px solid #e2e8f0;
}
.cookie-btn-outline:hover {
    background: #f1f5f9;
    color: #334155;
}
@media (max-width: 575px) {
    .cookie-banner-inner {
        flex-direction: column;
        padding: 16px 18px;
        gap: 14px;
    }
    .cookie-banner-actions {
        width: 100%;
    }
    .cookie-btn {
        flex: 1;
        text-align: center;
        padding: 10px 14px;
    }
}

/* ═══════════════════════════════════════════
   MASINI2 — Showcase Page
   ═══════════════════════════════════════════ */
.m2-section {
    padding: 120px 0 60px;
    background: linear-gradient(180deg, #f0f4f8 0%, #e8eef5 100%);
    min-height: 100vh;
    color: rgba(10,24,40,.92);
}

/* Header */
.m2-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 28px;
}
.m2-header i {
    font-size: 1.6rem;
    color: rgba(10,24,40,.7);
}
.m2-header h1 {
    font-weight: 950;
    font-size: 1.8rem;
    margin: 0;
    color: rgba(10,24,40,.92);
}

/* ── Generic card ── */
.m2-card {
    display: block;
    text-decoration: none;
    color: inherit;
    border-radius: 18px;
    background: #fff;
    border: 1px solid rgba(10,24,40,.08);
    box-shadow: 0 8px 30px rgba(15,30,55,.08);
    overflow: hidden;
    transition: transform .22s ease, box-shadow .22s ease;
}
.m2-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 50px rgba(15,30,55,.14);
    color: inherit;
    text-decoration: none;
}

/* ══ FEATURED CARD ══ */
.m2-featured {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.m2-img-wrap {
    position: relative;
    height: 320px;
    overflow: hidden;
}
.m2-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Avatar + Badge + Stars overlay */
.m2-overlay-top {
    position: absolute;
    top: 14px;
    left: 14px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    z-index: 2;
}
.m2-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, #4fd1ff, #219ef0);
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 1.2rem;
    box-shadow: 0 4px 14px rgba(33,158,240,.30);
}
.m2-badge {
    display: inline-block;
    padding: 5px 14px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid rgba(10,24,40,.10);
    font-weight: 800;
    font-size: .82rem;
    color: rgba(10,24,40,.85);
}
.m2-stars {
    margin-top: 4px;
    display: flex;
    gap: 2px;
}
.m2-stars i {
    color: #ffb200;
    font-size: .78rem;
    filter: drop-shadow(0 2px 4px rgba(255,178,0,.25));
}

/* Tags bottom-right of image */
.m2-img-tags {
    position: absolute;
    right: 12px;
    bottom: 12px;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
    z-index: 2;
}
.m2-img-tags span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.88);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(10,24,40,.08);
    font-weight: 800;
    font-size: .78rem;
    color: rgba(10,24,40,.82);
}

/* Body split */
.m2-body {
    padding: 18px;
    display: flex;
    gap: 18px;
    flex: 1;
}
.m2-body-left {
    flex: 1;
    min-width: 0;
}
.m2-body-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    text-align: right;
    flex-shrink: 0;
    min-width: 140px;
}

.m2-body h2 {
    margin: 0 0 8px;
    font-weight: 700;
    font-size: 1.35rem;
}
.m2-body h2 strong {
    font-weight: 950;
}

/* Specs row */
.m2-specs {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.m2-specs span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-weight: 700;
    font-size: .84rem;
    color: rgba(10,24,40,.65);
}
.m2-specs i {
    font-size: .82rem;
}

.m2-desc {
    color: rgba(10,24,40,.60);
    font-size: .88rem;
    line-height: 1.5;
    margin: 0 0 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Amenity icons */
.m2-amenities {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.m2-amenity-icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(53,186,255,.06);
    border: 1px solid rgba(53,186,255,.15);
    color: rgba(10,24,40,.72);
    font-size: .92rem;
}

/* Price & CTA */
.m2-price-big {
    font-weight: 950;
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 2px;
}
.m2-price-big small {
    font-weight: 700;
    font-size: .85rem;
    color: rgba(10,24,40,.45);
}
.m2-price-desc {
    color: rgba(10,24,40,.50);
    font-size: .82rem;
    font-style: italic;
    margin: 0 0 10px;
}
.m2-btn-reserve {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 22px;
    border-radius: 12px;
    font-weight: 900;
    font-size: .9rem;
    color: #fff;
    background: linear-gradient(180deg, #4fd1ff, #219ef0);
    border: 1px solid rgba(33,158,240,.20);
    box-shadow: 0 8px 24px rgba(33,158,240,.22);
    transition: transform .18s ease, filter .18s ease;
}
.m2-card:hover .m2-btn-reserve {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* ══ COMPACT CARD ══ */
.m2-compact {
    display: grid;
    grid-template-columns: 160px 1fr;
    min-height: 0;
    border-radius: 14px;
}
.m2-compact-img {
    position: relative;
    overflow: hidden;
    max-height: 150px;
}
.m2-compact-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Small badge + stars on compact cards */
.m2-badge-sm {
    position: absolute;
    top: 8px;
    left: 8px;
    padding: 3px 10px;
    border-radius: 6px;
    background: linear-gradient(180deg, #4fd1ff, #219ef0);
    font-weight: 800;
    font-size: .7rem;
    color: #06131b;
    z-index: 2;
}
.m2-stars-sm {
    position: absolute;
    top: 30px;
    left: 10px;
    display: flex;
    gap: 1px;
    z-index: 2;
}
.m2-stars-sm i {
    color: #ffb200;
    font-size: .62rem;
    filter: drop-shadow(0 1px 3px rgba(255,178,0,.30));
}

.m2-compact-body {
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Head row: title left, price right */
.m2-compact-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 6px;
    margin-bottom: 2px;
}
.m2-compact-body h4 {
    margin: 0;
    font-weight: 700;
    font-size: .88rem;
    min-width: 0;
}
.m2-compact-body h4 strong {
    font-weight: 950;
}
.m2-compact-head .m2-compact-price {
    font-weight: 950;
    font-size: 1.05rem;
    flex-shrink: 0;
    margin-right: 0;
}
.m2-compact-head .m2-compact-price small {
    font-weight: 700;
    color: rgba(10,24,40,.40);
    font-size: .7rem;
}
.m2-compact-desc {
    color: rgba(10,24,40,.55);
    font-size: .75rem;
    line-height: 1.35;
    margin: 0 0 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Tags */
.m2-compact-tags {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    margin-bottom: 4px;
}
.m2-compact-tags span {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px 7px;
    border-radius: 999px;
    font-weight: 800;
    font-size: .7rem;
    color: rgba(10,24,40,.75);
    background: rgba(53,186,255,.07);
    border: 1px solid rgba(53,186,255,.16);
}

/* Small amenity icons */
.m2-compact-amenities {
    display: flex;
    gap: 4px;
    margin-bottom: 5px;
}
.m2-compact-amenities span {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(53,186,255,.06);
    border: 1px solid rgba(53,186,255,.12);
    color: rgba(10,24,40,.65);
    font-size: .7rem;
}

/* Bottom row */
.m2-compact-bottom {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    margin-top: auto;
    padding-top: 4px;
}

.m2-btn-edit {
    padding: 4px 10px;
    border-radius: 6px;
    font-weight: 700;
    font-size: .68rem;
    color: rgba(10,24,40,.55);
    background: rgba(10,24,40,.04);
    border: 1px solid rgba(10,24,40,.10);
}

.m2-btn-book {
    padding: 4px 12px;
    border-radius: 6px;
    font-weight: 900;
    font-size: .72rem;
    color: #06131b;
    background: linear-gradient(180deg, #4fd1ff, #219ef0);
    border: 1px solid rgba(33,158,240,.18);
    transition: filter .18s ease;
}
.m2-card:hover .m2-btn-book {
    filter: brightness(1.05);
}

/* ══ MINI CARD ══ */
.m2-mini {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.m2-mini-img {
    position: relative;
    height: 170px;
    overflow: hidden;
}
.m2-mini-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.m2-mini-body {
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.m2-mini-body h4 {
    margin: 0 0 4px;
    font-weight: 700;
    font-size: .9rem;
}
.m2-mini-body h4 strong {
    font-weight: 950;
}
.m2-mini-body > p {
    color: rgba(10,24,40,.55);
    font-size: .78rem;
    line-height: 1.4;
    margin: 0 0 6px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ══ RESPONSIVE ══ */
@media (max-width: 991.98px) {
    .m2-section { padding-top: 100px; }
    .m2-compact { grid-template-columns: 140px 1fr; }
    .m2-img-wrap { height: 240px; }
    .m2-body { flex-direction: column; gap: 14px; }
    .m2-body-right { align-items: flex-start; text-align: left; }
}

@media (max-width: 575.98px) {
    .m2-section { padding-top: 90px; }
    .m2-compact { grid-template-columns: 1fr; }
    .m2-compact-img { height: 180px; }
    .m2-img-wrap { height: 200px; }
    .m2-header h1 { font-size: 1.4rem; }
}

/* ====================================================================
 * MOBILE OVERRIDES — pagina /account
 * Doar pe ecrane mici, pentru ajustări specifice cerute de client.
 * ==================================================================== */
@media (max-width: 767.98px) {
    /* 1. First name + Last name pe același rând (doar în panel-profile) */
    #panel-profile .sr-auth-row {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    /* 2. Istoric tranzacții — 3 coloane compacte pe mobile */
    .sr-bonus-timeline { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
    .sr-bonus-tx {
        flex-direction: column;
        align-items: center;
        gap: 5px;
        padding: 8px 5px;
        text-align: center;
        border-radius: 8px;
    }
    .sr-bonus-tx-icon { width: 28px; height: 28px; font-size: .8rem; border-radius: 7px; }
    .sr-bonus-tx-body { flex: 0 0 auto; width: 100%; word-wrap: break-word; overflow-wrap: break-word; }
    .sr-bonus-tx-reason { font-size: .72rem; line-height: 1.2; font-weight: 700; }
    /* Descrierea (Cerere aprobată: X) — ascunsă pe mobile, motivul + iconul transmit deja info */
    .sr-bonus-tx-desc { display: none; }
    .sr-bonus-tx-date { font-size: .6rem; margin-top: 2px; line-height: 1.1; }
    .sr-bonus-tx-amount { font-size: .82rem; font-weight: 800; }
    .sr-bonus-tx-used-info { font-size: .58rem; padding: 3px 4px; line-height: 1.2; margin-top: 4px; }
    /* Banner UTILIZAT — mic pentru carduri compacte */
    .sr-bonus-tx-badge-used {
        top: 5px; right: -28px;
        font-size: .55rem;
        padding: 2px 30px;
        letter-spacing: .5px;
    }

    /* Centrare panou Referral (Invitații) pe mobile —
       cele 3 carduri de stats (clicks/signups/conversion) și
       restul elementelor inferioare să fie centrate pe pagină */
    .sr-ref-stats {
        justify-content: center;
    }
    .sr-ref-list,
    .sr-ref-empty {
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .sr-ref-list .sr-auth-label {
        text-align: center;
        display: block;
    }

    /* 3. Pillul GDPR — îl întind pe ambele coloane și-l centrez */
    .sr-ref-pills .sr-ref-pill[data-reftab="gdpr"] {
        grid-column: 1 / -1;
        justify-self: center;
        min-width: 60%;
    }

    /* 4 + 5. Termeni & Condiții + tabel Comisioane — container centrat, text left */
    /* Container îngust centrat pe pagină => arată curat (nu mai e lipit de stânga) */
    .sr-terms-content {
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }

    /* Headere centrate — pentru ierarhie vizuală.
       h4 e display:flex (icon + text), deci centrarea se face cu justify-content. */
    .sr-terms-content h4 { justify-content: center; }
    .sr-terms-content h5,
    .sr-terms-content h6 { text-align: center; }

    /* Paragrafele — justify (linii uniforme stânga-dreapta, fără spațiu inegal) */
    .sr-terms-content p { text-align: justify; hyphens: auto; }
    .sr-terms-short-list,
    .sr-terms-full ul,
    .sr-terms-full ol {
        text-align: left;
        padding-left: 1.2em;
        margin-left: 0;
        margin-right: 0;
    }
    .sr-terms-short-list li,
    .sr-terms-full ul li,
    .sr-terms-full ol li { text-align: left; }

    /* Reduc padding-ul mare al cardului termeni complet pe mobile —
       câștigăm spațiu lateral, textul nu mai pare împins în stânga */
    .sr-terms-full {
        padding: 16px 14px;
    }

    /* Header și footer ale termenilor (Versiunea X.Y, semnătură) — centrate */
    .sr-terms-full-header,
    .sr-terms-full-footer { text-align: center; }

    /* Buton "Citește toate condițiile" — centrat */
    .sr-terms-readall-wrap { text-align: center; }

    /* Tabel Comisioane — centrat pe pagină + celule centrate */
    .sr-terms-tiers {
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .sr-terms-tiers h5 { text-align: center; }
    .sr-tiers-table {
        margin: 0 auto;
        max-width: 320px;
        width: 100%;
    }
    .sr-tiers-table th,
    .sr-tiers-table td { text-align: center; }
}

/* Bonus istoric tranzacții — pe ecrane foarte înguste revin la 2 coloane */
@media (max-width: 380px) {
    .sr-bonus-timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}