/* ==========================================================================
   THE ICON — identitate de brand NAVY + AURIU (2026-08-27)
   Auriul (#d6b46d) este extras din logo. Navy premium, efect semi-gradient.
   Incarcat DUPA the-icon-warm-brown.css => are ultimul cuvant.
   Aplicat pagina cu pagina, piesa cu piesa. Reversibil (scoti fisierul = revii).
   ========================================================================== */

:root,
html[data-theme="light"],
html[data-theme="dark"] {
    /* Navy */
    --navy-900: #0a1428;   /* fundal baza */
    --navy-800: #0f1d38;   /* sectiuni */
    --navy-700: #152a4d;   /* carduri / suprafete */
    --navy-600: #1e3a63;   /* accent deschis / borduri */
    /* Auriu brand */
    --brand-gold: #d6b46d;
    --brand-gold-light: #e8cf94;
    --brand-gold-dark: #a5834a;
    /* Text */
    --brand-cream: #eae0cf;
    --brand-muted: #9fb0cc;

    /* Suprascriem tokenii vechi maro/bronz cu brand navy+auriu */
    --deep: #0a1428 !important;
    --accent: #d6b46d !important;
    --accent-2: #a5834a !important;
    --gold: #d6b46d !important;
    --gold-rgb: 214, 180, 109 !important;
    --gold-light: #e8cf94 !important;
    --ink: #eae0cf;
}

/* ==========================================================================
   PIESA 1 — Fundal de baza (era maro #160d09 -> navy profund)
   ========================================================================== */
html[data-theme="dark"],
html[data-theme="dark"] body,
html:not([data-theme="light"]),
html:not([data-theme="light"]) body {
    background-color: var(--navy-900) !important;
}

/* ==========================================================================
   PIESA 2 — Header + hero overlay (gradient maro -> navy)
   ========================================================================== */
.site-header {
    background: linear-gradient(180deg, rgba(10, 20, 40, .9), rgba(10, 20, 40, .18)) !important;
}

.hero,
.page-hero,
.gallery-page-hero {
    background-color: var(--navy-900) !important;
}

/* Overlay-ul de peste hero (era maro) -> navy, pastreaza lizibilitatea copy-ului */
.hero::after {
    background:
        linear-gradient(180deg, rgba(10, 20, 40, .12), rgba(10, 20, 40, .5) 56%, rgba(7, 15, 32, .92)),
        linear-gradient(105deg, rgba(12, 24, 48, .78), rgba(12, 24, 48, .22) 52%, transparent) !important;
}
@media (min-width: 981px) {
    .hero::after {
        background:
            linear-gradient(90deg, rgba(10, 20, 40, .8) 0%, rgba(10, 20, 40, .5) 38%, rgba(10, 20, 40, .16) 72%, rgba(10, 20, 40, .12) 100%),
            linear-gradient(180deg, rgba(10, 20, 40, .1) 0%, rgba(10, 20, 40, .04) 48%, rgba(10, 20, 40, .55) 100%) !important;
    }
    .hero-copy {
        background: linear-gradient(135deg, rgba(14, 29, 56, .66), rgba(14, 29, 56, .32)) !important;
    }
}

/* ==========================================================================
   PIESA 3 — Strip beneficii (fundal + accente aurii, iconite)
   ========================================================================== */
.home-benefits-inner,
html[data-theme="dark"] .home-benefits-inner {
    background: rgba(21, 42, 77, .92) !important;
    border: 1px solid rgba(214, 180, 109, .18) !important;
    box-shadow: 0 18px 50px rgba(4, 9, 20, .38) !important;
}
.home-benefits-inner article,
html[data-theme="dark"] .home-benefits-inner article {
    border-color: rgba(214, 180, 109, .14) !important;
}
.home-benefits-inner h2 { color: var(--brand-cream) !important; }
.home-benefits-inner p { color: var(--brand-muted) !important; }
.home-benefits-inner article > span,
.home-benefits-inner article > .benefit-icon {
    color: var(--brand-gold) !important;
    border-color: rgba(214, 180, 109, .32) !important;
    background-color: rgba(214, 180, 109, .1) !important;
}

/* ==========================================================================
   PIESA 4 — Sectiunea "Descopera The Icon" (why-lamer)
   ========================================================================== */
body.public-home-page .why-lamer-section,
html[data-theme="dark"] body.public-home-page .why-lamer-section {
    background-color: var(--navy-900) !important;
    background-image:
        radial-gradient(ellipse 140% 50% at 50% -10%, rgba(30, 58, 99, .55), transparent 60%),
        radial-gradient(ellipse 70% 50% at 0% 100%, rgba(214, 180, 109, .05), transparent) !important;
}
body.public-home-page .why-lamer-section .why-lamer-label {
    color: var(--brand-gold) !important;
    border-bottom-color: var(--brand-gold) !important;
}
body.public-home-page .why-lamer-section .why-lamer-content h2 { color: #f4efe4 !important; }
body.public-home-page .why-lamer-section .why-lamer-content > p { color: rgba(224, 224, 234, .62) !important; }
body.public-home-page .why-lamer-grid--row { border-top-color: rgba(214, 180, 109, .18) !important; }
body.public-home-page .why-lamer-grid--row article { border-right-color: rgba(214, 180, 109, .12) !important; }
body.public-home-page .why-lamer-grid--row article::before {
    background: linear-gradient(90deg, var(--brand-gold), rgba(214, 180, 109, 0)) !important;
}
body.public-home-page .why-lamer-grid--row article:hover { background: rgba(214, 180, 109, .05) !important; }
body.public-home-page .why-lamer-grid--row article > span {
    background: rgba(214, 180, 109, .13) !important;
    border-color: rgba(214, 180, 109, .28) !important;
    color: var(--brand-gold) !important;
}
body.public-home-page .why-lamer-grid--row article > span svg { stroke: var(--brand-gold) !important; }
body.public-home-page .why-lamer-grid--row article h3 { color: #f0ead9 !important; }
body.public-home-page .why-lamer-grid--row article p { color: rgba(224, 224, 234, .58) !important; }

/* ==========================================================================
   PIESA 5 — Grid tipuri apartamente (home-types)
   ========================================================================== */
body.public-home-page .home-types-section { background-color: var(--navy-900) !important; }
body.public-home-page .home-types-eyebrow {
    color: var(--brand-gold) !important;
    border-bottom-color: rgba(214, 180, 109, .4) !important;
}
body.public-home-page .home-types-head h2 { color: #f4efe4 !important; }
body.public-home-page .home-types-head p { color: rgba(224, 224, 234, .72) !important; }
body.public-home-page .home-types-all-link {
    border-color: rgba(214, 180, 109, .4) !important;
    color: var(--brand-cream) !important;
}
body.public-home-page .home-types-all-link:hover {
    background: rgba(214, 180, 109, .1) !important;
    border-color: var(--brand-gold) !important;
}

/* ==========================================================================
   PIESA 6 — Sectiunea "Cum vrei sa folosesti" (home-use)
   ========================================================================== */
body.public-home-page .home-use-section { background-color: var(--navy-800) !important; }

/* ==========================================================================
   PIESA 7 — CTA final (home-final)
   ========================================================================== */
body.public-home-page .home-final-section { background-color: var(--navy-900) !important; }
body.public-home-page .home-final-shell {
    background-color: var(--navy-700) !important;
    border: 1px solid rgba(214, 180, 109, .16) !important;
}
body.public-home-page .home-final-form {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
body.public-home-page .home-final-copy span { color: var(--brand-gold) !important; }
body.public-home-page .home-final-copy h2 { color: #f4efe4 !important; }
body.public-home-page .home-final-copy p { color: rgba(224, 224, 234, .78) !important; }
body.public-home-page .home-final-form label span {
    color: var(--brand-gold-light) !important;
    -webkit-text-fill-color: var(--brand-gold-light) !important;
}
body.public-home-page .home-final-form input,
body.public-home-page .home-final-form textarea {
    background-color: rgba(255, 255, 255, .05) !important;
    border: 1px solid rgba(214, 180, 109, .22) !important;
    color: #f2ede2 !important;
    -webkit-text-fill-color: #f2ede2 !important;
}
body.public-home-page .home-final-form input::placeholder,
body.public-home-page .home-final-form textarea::placeholder {
    color: rgba(214, 180, 109, .5) !important;
    -webkit-text-fill-color: rgba(214, 180, 109, .5) !important;
}
body.public-home-page .home-final-form input:focus,
body.public-home-page .home-final-form textarea:focus { border-color: var(--brand-gold) !important; }

/* ==========================================================================
   PIESA 8 — Footer
   ========================================================================== */
.site-footer { background-color: var(--navy-900) !important; border-color: rgba(214, 180, 109, .14) !important; }

/* ==========================================================================
   PIESA 9 — Butoane, badge-uri, accente (globale, folosite si pe home)
   Auriul de brand pentru toate CTA-urile si accentele.
   ========================================================================== */
.header-cta,
.btn-primary,
.cookie-consent-primary,
.contact-submit,
.apartment-contact-link,
.home-final-submit,
.home-types-submit {
    color: #0a1428 !important;
    border-color: var(--brand-gold) !important;
    background: linear-gradient(135deg, var(--brand-gold-light), var(--brand-gold-dark)) !important;
    box-shadow: 0 12px 30px rgba(6, 12, 26, .35) !important;
}
.btn-outline {
    border-color: rgba(214, 180, 109, .5) !important;
    color: var(--brand-cream) !important;
}
.eyebrow,
.text-link,
.home-use-head > span,
.home-use-proof strong,
.apartment-link {
    color: var(--brand-gold-light) !important;
}
.home-use-icon,
.hero-stats .hero-stat-icon {
    color: var(--brand-gold) !important;
    border-color: rgba(214, 180, 109, .3) !important;
    background-color: rgba(214, 180, 109, .1) !important;
}
/* Bara aurie decorativa de sub titluri/carduri */
.apartment-card::before,
.home-news-head::after {
    background: linear-gradient(90deg, var(--brand-gold-dark), var(--brand-gold), var(--brand-gold-light)) !important;
}

/* ==========================================================================
   PIESA 10 — Override specificitate (invinge html[data-theme=dark] din warm-brown)
   Toate sectiunile si suprafetele care erau maro (#1b100b / #281a13) -> navy.
   Acopera si paginile interioare (apartamente, galerie, despre, contact).
   ========================================================================== */
html[data-theme="dark"] .section,
html[data-theme="dark"] .apartments-section,
html[data-theme="dark"] .apartments-index-section,
html[data-theme="dark"] .contact-experience-section,
html[data-theme="dark"] .about-story-section,
html[data-theme="dark"] .about-visual-section,
html[data-theme="dark"] .gallery-page-section,
html[data-theme="dark"] .gallery-slider-section,
html[data-theme="dark"] .home-benefits-strip,
html[data-theme="dark"] .home-use-section,
html[data-theme="dark"] .home-news-section,
html[data-theme="dark"] .home-final-section,
html[data-theme="dark"] .apartment-detail-section,
html[data-theme="dark"] .apartment-detail-summary-section,
html[data-theme="dark"] .apartment-decision-section,
html[data-theme="dark"] .apartment-compartment-section,
html[data-theme="dark"] .apartment-story-section,
html[data-theme="dark"] .apartment-inline-gallery-section,
html[data-theme="dark"] .apartment-location-section,
html[data-theme="dark"] .apartment-final-cta-section {
    background-color: var(--navy-800) !important;
}

html[data-theme="dark"] .home-benefits-inner,
html[data-theme="dark"] .apartment-card,
html[data-theme="dark"] .home-news-card,
html[data-theme="dark"] .content-copy,
html[data-theme="dark"] .gallery-filters {
    background-color: var(--navy-700) !important;
    border-color: rgba(214, 180, 109, .16) !important;
}

/* Sectiunile mari de hero/footer (specificitate simpla dar cu !important in warm-brown) */
html[data-theme="dark"] .hero,
html[data-theme="dark"] .page-hero,
html[data-theme="dark"] .gallery-page-hero,
html[data-theme="dark"] .construction-video-section,
html[data-theme="dark"] .site-footer,
html[data-theme="dark"] body.public-home-page .home-use-section {
    background-color: var(--navy-900) !important;
}

/* ==========================================================================
   PIESA 11 — Navigatie mobila (app-bar sus + bottom-dock jos)
   Erau maro rgba(31,18,12) -> navy. Accentul activ ramane auriu.
   ========================================================================== */
.mobile-app-bar,
html[data-theme="dark"] .mobile-app-bar {
    background: rgba(10, 20, 40, .96) !important;
    border-color: rgba(214, 180, 109, .14) !important;
}
.the-icon-bottom-dock,
html[data-theme="dark"] .the-icon-bottom-dock {
    background: rgba(10, 20, 40, .97) !important;
    border-color: rgba(214, 180, 109, .14) !important;
}
.the-icon-bottom-dock a.active,
.the-icon-bottom-dock a.active span {
    color: var(--brand-gold-light) !important;
}
.the-icon-bottom-dock a::after {
    background: linear-gradient(90deg, var(--brand-gold-dark), var(--brand-gold), var(--brand-gold-light)) !important;
}

/* ==========================================================================
   PIESA 12 — Carduri home-use (vacanta/investitie) — erau verde-negru
   ========================================================================== */
body.public-home-page .home-use-card,
html[data-theme="dark"] body.public-home-page .home-use-card {
    background-color: var(--navy-700) !important;
    border-color: rgba(214, 180, 109, .16) !important;
}

/* ==========================================================================
   PIESA 13 — Hero: POZA LIBERA (fara paleta de culori peste toata imaginea).
   Pastram doar un gradient subtil jos, DOAR sub text, pentru lizibilitate.
   ========================================================================== */
.hero::after {
    background: linear-gradient(180deg, transparent 0%, transparent 45%, rgba(8, 15, 30, .35) 72%, rgba(8, 15, 30, .82) 100%) !important;
}
@media (min-width: 981px) {
    .hero::after {
        background: linear-gradient(180deg, transparent 0%, transparent 50%, rgba(8, 15, 30, .3) 74%, rgba(8, 15, 30, .8) 100%) !important;
    }
    /* fara panou colorat in spatele copy-ului: doar umbra text pentru lizibilitate */
    .hero-copy {
        background: transparent !important;
    }
}
.hero-copy h1,
.hero-copy p {
    text-shadow: 0 2px 24px rgba(6, 12, 26, .85), 0 1px 4px rgba(6, 12, 26, .9) !important;
}

/* ==========================================================================
   PIESA 11b — Dock mobil in media query (warm-brown il seta maro la <=980px)
   ========================================================================== */
@media (max-width: 980px) {
    .mobile-app-bar,
    html[data-theme="dark"] .mobile-app-bar,
    .the-icon-bottom-dock,
    html[data-theme="dark"] .the-icon-bottom-dock {
        background: rgba(10, 20, 40, .96) !important;
        border-color: rgba(214, 180, 109, .14) !important;
        border-top-color: rgba(214, 180, 109, .14) !important;
    }
}

/* ==========================================================================
   PIESA 14 — Grid tipuri home: 3 coloane pe desktop/laptop, nu cade la 1 prea devreme.
   Warm-brown il trecea la 1 coloana sub 900px. Il tinem 3 coloane pana la tableta,
   2 pe tableta ingusta, 1 doar pe telefon.
   ========================================================================== */
/* 3 coloane pe desktop (>=1000px), 2 pe tableta (600-999px), 1 pe telefon (<600px).
   La latimi mici 3 coloane erau prea inguste si rupeau textul. */
body.public-home-page .home-types-grid {
    grid-template-columns: repeat(3, 1fr) !important;
}
@media (max-width: 999px) and (min-width: 600px) {
    body.public-home-page .home-types-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 599px) {
    body.public-home-page .home-types-grid {
        grid-template-columns: 1fr !important;
        max-width: 460px;
        margin-inline: auto;
    }
}

/* ==========================================================================
   PIESA 15 — Pagina Apartamente: corpul cardului + seo-strip erau VERZI (#101a17)
   din bundle (html[data-theme=dark] .apartment-grid .apartment-card etc.).
   Le trecem pe navy. Specificitate egala cu bundle-ul + incarcat dupa = castiga.
   ========================================================================== */
html[data-theme="dark"] .apartment-grid .apartment-card,
html[data-theme="dark"] .apartment-card .apartment-card-head,
html[data-theme="dark"] .apartment-card .apartment-body,
html[data-theme="dark"] .apartments-seo-strip article,
html[data-theme="dark"] .gallery-slider-card {
    background: var(--navy-700) !important;
    background-color: var(--navy-700) !important;
    border-color: rgba(214, 180, 109, .14) !important;
}

/* seo-strip: numarul 01/02/03 (bulina) + text pe navy */
html[data-theme="dark"] .apartments-seo-strip span {
    background: rgba(214, 180, 109, .12) !important;
    color: var(--brand-gold-light) !important;
}
html[data-theme="dark"] .apartments-seo-strip article strong { color: #f0ead9 !important; }
html[data-theme="dark"] .apartments-seo-strip article p { color: var(--brand-muted) !important; }

/* Grid apartamente consolidat: pe desktop 3 coloane (era deja), asiguram navy peste tot */
@media (min-width: 1181px) {
    .apartments-index-section .apartment-grid.is-consolidated {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* ==========================================================================
   PIESA 16 — Carduri articole/stiri home (.home-news-card) erau verzi (#101a17)
   din bundle (html[data-theme=dark] .home-use-grid article, .home-news-card).
   ========================================================================== */
html[data-theme="dark"] .home-news-card,
html[data-theme="dark"] .home-use-grid article {
    background: var(--navy-700) !important;
    background-color: var(--navy-700) !important;
    border-color: rgba(214, 180, 109, .14) !important;
}

/* ==========================================================================
   PIESA 17 — Curatare completa reziduuri VERZI (green-black) ramase pe home.
   Selectori cu specificitate ridicata ca sa invinga bundle-ul in orice caz.
   ========================================================================== */
html[data-theme="dark"] .home-news-card,
html:not([data-theme="light"]) .home-news-card,
.home-news-card {
    background: var(--navy-700) !important;
    background-color: var(--navy-700) !important;
}
html[data-theme="dark"] .why-lamer-media,
html[data-theme="dark"] .why-lamer-gallery-scroll,
html[data-theme="dark"] .home-use-media,
.why-lamer-media,
.home-use-media {
    background: var(--navy-800) !important;
    background-color: var(--navy-800) !important;
}
html[data-theme="dark"] .home-final-points article,
.home-final-points article {
    background: var(--navy-700) !important;
}
/* apartment-link (era verde pe fundal) -> transparent, doar text auriu */
html[data-theme="dark"] .apartment-link,
.apartment-link {
    background: transparent !important;
}
/* Cookie consent bar -> navy */
.cookie-consent,
html[data-theme="dark"] .cookie-consent {
    background: rgba(10, 20, 40, .96) !important;
}
.cookie-consent-secondary,
html[data-theme="dark"] .cookie-consent-secondary {
    background: var(--navy-700) !important;
    border-color: rgba(214, 180, 109, .22) !important;
    color: var(--brand-cream) !important;
}

/* ==========================================================================
   PIESA 18 — Reziduuri verzi cu specificitate MARE din bundle
   (html[data-theme=dark] body.public-home-page .X). Le batem cu selector egal+.
   ========================================================================== */
html[data-theme="dark"] body.public-home-page .home-news-card,
body.public-home-page .home-news-card {
    background: var(--navy-700) !important;
    background-color: var(--navy-700) !important;
}
html[data-theme="dark"] body.public-home-page .home-final-points article,
body.public-home-page .home-final-points article {
    background: var(--navy-700) !important;
    background-color: var(--navy-700) !important;
}
html[data-theme="dark"] body.public-home-page .why-lamer-media,
html[data-theme="dark"] body.public-home-page .home-use-media,
html[data-theme="dark"] body.public-home-page figure.why-lamer-media {
    background: var(--navy-800) !important;
    background-color: var(--navy-800) !important;
}

/* ==========================================================================
   PIESA 19 — Ultimele reziduuri: figure verde + home-final-points (ascuns)
   ========================================================================== */
html[data-theme="dark"] body.public-home-page .home-final-points,
html[data-theme="dark"] body.public-home-page .home-final-points article {
    background: transparent !important;
    background-color: transparent !important;
}
html[data-theme="dark"] .why-lamer-media figure,
html[data-theme="dark"] figure.why-lamer-media,
html[data-theme="dark"] .home-use-media figure {
    background: var(--navy-800) !important;
    background-color: var(--navy-800) !important;
}

/* ==========================================================================
   PIESA 20 — Sectiunea articole = CARUSEL cu scroll orizontal (coloane).
   Cardurile erau block full-width (unele sub altele). Le punem pe rand,
   cu scroll orizontal nativ + snap. Fiecare card latime fixa.
   ========================================================================== */
body.public-home-page .home-news-carousel {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
    scrollbar-color: rgba(214,180,109,.4) transparent;
    padding-bottom: 8px;
}
/* div-ul interior care tine cardurile -> flex row */
body.public-home-page .home-news-carousel > * {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    width: max-content !important;
    min-width: 100% !important;
}
/* fiecare card (si eventualul wrapper) -> latime fixa mai lata, lizibila */
body.public-home-page .home-news-carousel .home-news-card {
    flex: 0 0 auto !important;
    width: min(400px, 86vw) !important;
    scroll-snap-align: start;
    margin: 0 !important;
}
/* wrapper intre viewport si card -> aceeasi latime */
body.public-home-page .home-news-carousel > * > * {
    flex: 0 0 auto !important;
    width: min(400px, 86vw) !important;
    scroll-snap-align: start;
}
/* daca wrapper-ul CONTINE cardul, cardul umple wrapper-ul */
body.public-home-page .home-news-carousel > * > * .home-news-card {
    width: 100% !important;
}
/* imaginea din card sa umple latimea, inaltime constanta */
body.public-home-page .home-news-carousel .home-news-card img,
body.public-home-page .home-news-carousel .home-news-card .home-news-media {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
}
/* titlu si text: fara rupere urata, spatiu de respiratie */
body.public-home-page .home-news-carousel .home-news-card h3 {
    font-size: 18px !important;
    line-height: 1.3 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}
body.public-home-page .home-news-carousel .home-news-card p {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
body.public-home-page .home-news-carousel::-webkit-scrollbar { height: 6px; }
body.public-home-page .home-news-carousel::-webkit-scrollbar-thumb {
    background: rgba(214,180,109,.4); border-radius: 999px;
}

/* ==========================================================================
   PIESA 21 — PAGINI INTERIOARE: curatare reziduuri verzi (green-black) -> navy
   Despre / Galerie / Blog(Noutati) / Contact. Selectori cu html[data-theme=dark]
   pentru specificitate suficienta vs bundle.
   ========================================================================== */

/* --- DESPRE NOI --- */
html[data-theme="dark"] .about-hero-card,
html[data-theme="dark"] .about-feature-card,
html[data-theme="dark"] .avc-wrap,
html[data-theme="dark"] .about-location-band {
    background: var(--navy-700) !important;
    background-color: var(--navy-700) !important;
    border-color: rgba(214, 180, 109, .14) !important;
}
html[data-theme="dark"] .about-feature-icon {
    background: rgba(214, 180, 109, .12) !important;
    color: var(--brand-gold) !important;
    border-color: rgba(214, 180, 109, .28) !important;
}
html[data-theme="dark"] .about-feature-card .about-feature-eyebrow,
html[data-theme="dark"] .about-feature-card span { color: var(--brand-gold-light) !important; }

/* --- GALERIE --- */
html[data-theme="dark"] .gallery-item {
    background: var(--navy-800) !important;
    background-color: var(--navy-800) !important;
}

/* --- BLOG / NOUTATI --- */
html[data-theme="dark"] .blog-featured,
html[data-theme="dark"] .blog-card,
html[data-theme="dark"] .sidebar-block {
    background: var(--navy-700) !important;
    background-color: var(--navy-700) !important;
    border-color: rgba(214, 180, 109, .14) !important;
}
html[data-theme="dark"] .blog-featured-media,
html[data-theme="dark"] .blog-card-media {
    background: var(--navy-800) !important;
    background-color: var(--navy-800) !important;
}

/* --- CONTACT --- */
html[data-theme="dark"] .contact-hero-card,
html[data-theme="dark"] .contact-form-card,
html[data-theme="dark"] .contact-methods-card,
html[data-theme="dark"] .contact-help-card {
    background: var(--navy-700) !important;
    background-color: var(--navy-700) !important;
    border-color: rgba(214, 180, 109, .14) !important;
}
html[data-theme="dark"] .contact-form-card input,
html[data-theme="dark"] .contact-form-card textarea {
    background: rgba(255, 255, 255, .05) !important;
    border: 1px solid rgba(214, 180, 109, .22) !important;
    color: #f2ede2 !important;
    -webkit-text-fill-color: #f2ede2 !important;
}
html[data-theme="dark"] .contact-form-card input::placeholder,
html[data-theme="dark"] .contact-form-card textarea::placeholder {
    color: rgba(214, 180, 109, .5) !important;
    -webkit-text-fill-color: rgba(214, 180, 109, .5) !important;
}
html[data-theme="dark"] .contact-form-card input:focus,
html[data-theme="dark"] .contact-form-card textarea:focus { border-color: var(--brand-gold) !important; }

/* --- COOKIE BAR (global) --- */
.cookie-consent,
html[data-theme="dark"] .cookie-consent { background: rgba(10, 20, 40, .96) !important; }
.cookie-consent-secondary,
html[data-theme="dark"] .cookie-consent-secondary {
    background: var(--navy-700) !important;
    border-color: rgba(214, 180, 109, .22) !important;
    color: var(--brand-cream) !important;
}

/* PIESA 21b — Bulinele numerotate 01/02/03/04 din Despre (erau verzi) -> auriu */
html[data-theme="dark"] .about-detail-rows > div > span:first-child,
html[data-theme="dark"] .about-details-grid span[class=""],
html[data-theme="dark"] .about-detail-rows span {
    background: rgba(214, 180, 109, .14) !important;
    color: var(--brand-gold-light) !important;
    border: 1px solid rgba(214, 180, 109, .3) !important;
}

/* PIESA 21c — sidebar-block avea specificitate .blog-sidebar .sidebar-block in bundle */
html[data-theme="dark"] .blog-sidebar .sidebar-block {
    background: var(--navy-700) !important;
    background-color: var(--navy-700) !important;
    border-color: rgba(214, 180, 109, .14) !important;
}

/* ==========================================================================
   PIESA 22 — DETALIU APARTAMENT: reziduuri verzi + form maro -> navy
   ========================================================================== */
html[data-theme="dark"] .apartment-detail-hero,
html[data-theme="dark"] .apartment-detail-media,
html[data-theme="dark"] .apartment-reveal {
    background: var(--navy-800) !important;
    background-color: var(--navy-800) !important;
}
html[data-theme="dark"] .apartment-final-form,
html[data-theme="dark"] .apartment-final-form.apartment-reveal {
    background: rgba(15, 29, 56, .6) !important;
    background-color: rgba(15, 29, 56, .6) !important;
    border-color: rgba(214, 180, 109, .14) !important;
}
html[data-theme="dark"] .apartment-final-form input,
html[data-theme="dark"] .apartment-final-form textarea,
html[data-theme="dark"] .apartment-detail-section input,
html[data-theme="dark"] .apartment-detail-section textarea {
    background: rgba(255, 255, 255, .05) !important;
    border: 1px solid rgba(214, 180, 109, .22) !important;
    color: #f2ede2 !important;
    -webkit-text-fill-color: #f2ede2 !important;
}
html[data-theme="dark"] .apartment-detail-section input::placeholder,
html[data-theme="dark"] .apartment-detail-section textarea::placeholder {
    color: rgba(214, 180, 109, .5) !important;
    -webkit-text-fill-color: rgba(214, 180, 109, .5) !important;
}
/* butonul de galerie/lightbox pe hero (era verde) */
html[data-theme="dark"] .apartment-detail-hero button,
html[data-theme="dark"] .apartment-detail-media button {
    background: rgba(10, 20, 40, .62) !important;
    border-color: rgba(214, 180, 109, .3) !important;
}

/* ==========================================================================
   PIESA 23 — Sectiunea video "Urmareste evolutia": in layout de continut
   (nu full-bleed margine-la-margine). Latime de continut, centrat, colturi rotunde.
   ========================================================================== */
/* Video LAT, pana la marginea website-ului (ca .section = min(1396px, 100%-44px)).
   Fara spatii goale laterale mari. */
body.public-home-page .construction-video-section {
    width: min(1396px, calc(100% - 44px)) !important;
    max-width: min(1396px, calc(100% - 44px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    border: 1px solid rgba(214, 180, 109, .14) !important;
}

/* ==========================================================================
   PIESA 24 — TOATE CTA-urile pe auriul de BRAND (bundle folosea auriul vechi
   c9a96e/b79a58 prin body.public-home-page .btn-primary etc.). Uniformizam.
   ========================================================================== */
.btn-primary,
body.public-home-page .btn-primary,
body.public-apartments-page .btn-primary,
.hero-actions .btn-primary,
.header-cta,
.home-final-submit,
.contact-submit,
.apartment-contact-link,
button[type="submit"].btn-primary,
.apartment-final-form button[type="submit"] {
    background: linear-gradient(135deg, var(--brand-gold-light) 0%, var(--brand-gold) 45%, var(--brand-gold-dark) 100%) !important;
    color: #0a1428 !important;
    border-color: var(--brand-gold) !important;
    box-shadow: 0 12px 30px rgba(6, 12, 26, .35) !important;
}
.btn-primary:hover,
body.public-home-page .btn-primary:hover,
.home-final-submit:hover,
.apartment-contact-link:hover {
    background: linear-gradient(135deg, var(--brand-gold-light) 0%, var(--brand-gold-light) 50%, var(--brand-gold) 100%) !important;
}

/* ==========================================================================
   PIESA 25 — Hero apartament: blocul titlu+descriere avea fundal negru-verzui
   (.apartment-detail-copy rgba(3,8,7,.68)) -> transparent, doar text cu umbra.
   ========================================================================== */
html[data-theme="dark"] .apartment-detail-copy {
    background: transparent !important;
    background-color: transparent !important;
    backdrop-filter: none !important;
    border: none !important;
}
html[data-theme="dark"] .apartment-detail-copy h1,
html[data-theme="dark"] .apartment-detail-copy .apartment-detail-title,
html[data-theme="dark"] .apartment-detail-copy p,
html[data-theme="dark"] .apartment-detail-copy .apartment-detail-kicker {
    text-shadow: 0 2px 24px rgba(4, 9, 20, .9), 0 1px 4px rgba(4, 9, 20, .95) !important;
}

/* ==========================================================================
   PIESA 26 — CTA-ul foloseste acelasi fundal ca restul sectiunilor de apartament
   ========================================================================== */
html[data-theme="dark"] .apartment-final-cta-section {
    background-color: var(--navy-800) !important;
    background-image: none !important;
}

/* ==========================================================================
   PIESA 27 — Tabel suprafete: etichete etaje mai curate (erau pastile inghesuite)
   Stil aerisit: etaj bold + nr disponibilitati discret, aliniat pe randuri clare.
   ========================================================================== */
body.public-apartments-page .apartment-variant-floors {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    padding: 8px 0 !important;
}
body.public-apartments-page .apartment-variant-floor {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 6px 12px !important;
    border: none !important;
    border-radius: 8px !important;
    background: rgba(214, 180, 109, .06) !important;
    font-size: 13px !important;
    min-width: 180px !important;
    max-width: 240px !important;
}
body.public-apartments-page .apartment-variant-floor .floor-name {
    color: #eae0cf !important;
    font-weight: 600 !important;
    letter-spacing: .01em !important;
}
body.public-apartments-page .apartment-variant-floor .floor-units {
    color: var(--brand-gold) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}

/* ==========================================================================
   PIESA 28 — CTA final detaliu apartament: piesa MARE fara card/margine.
   Shell transparent, fara border. Copy transparent (nu bloc navy separat).
   Formularul isi pastreaza cardul (margine bronz). Pe pagina Contact,
   cardurile telefon/vanzari raman cu fundal+margine de card.
   ========================================================================== */
html[data-theme="dark"] .apartment-final-cta-section .apartment-final-cta,
html[data-theme="dark"] .apartment-final-cta {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .apartment-final-cta-copy {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
/* Formularul ramane card, cu fundal mai vizibil pe navy + margine */
html[data-theme="dark"] .apartment-final-cta-section .apartment-final-form {
    background: rgba(21, 42, 77, .7) !important;
    background-color: rgba(21, 42, 77, .7) !important;
    border: 1px solid rgba(214, 180, 109, .18) !important;
}

/* ==========================================================================
   PIESA 29 — Cardurile Telefon/Vanzari/Administrativ din CTA final:
   erau dungi navy topite (fara padding/radius/contur). Le facem carduri reale.
   ========================================================================== */
html[data-theme="dark"] .apartment-final-cta-points {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}
html[data-theme="dark"] .apartment-final-cta-points article {
    background: rgba(21, 42, 77, .85) !important;
    background-color: rgba(21, 42, 77, .85) !important;
    border: 1px solid rgba(214, 180, 109, .18) !important;
    border-radius: 14px !important;
    padding: 16px 18px !important;
    box-shadow: 0 10px 28px rgba(4, 9, 20, .28) !important;
    transition: border-color .25s ease, transform .25s ease !important;
}
html[data-theme="dark"] .apartment-final-cta-points article:hover {
    border-color: rgba(214, 180, 109, .4) !important;
    transform: translateY(-2px) !important;
}
html[data-theme="dark"] .apartment-final-cta-points article strong {
    color: #eae0cf !important;
}
html[data-theme="dark"] .apartment-final-cta-points article a {
    color: var(--brand-gold) !important;
    font-weight: 600 !important;
}

/* ==========================================================================
   PIESA 30 — Cardurile de pasi (1/2/3) sub hero: iconita + text CENTRATE.
   ========================================================================== */
body.public-apartments-page .apartment-decision-item {
    text-align: center !important;
    justify-items: center !important;
    align-content: start !important;
}
body.public-apartments-page .apartment-decision-item > span:first-child,
body.public-apartments-page .apartment-decision-item .apartment-decision-icon {
    margin-left: auto !important;
    margin-right: auto !important;
}
body.public-apartments-page .apartment-decision-item .apartment-decision-copy,
body.public-apartments-page .apartment-decision-item > div {
    text-align: center !important;
}

/* ==========================================================================
   PIESA 31 — Rafinari tabel + carduri pasi (cerinte client 2026-08-27)
   ========================================================================== */

/* (a) Etichete etaje FARA fundal — doar text, curat */
body.public-apartments-page .apartment-variant-floor {
    background: transparent !important;
    background-color: transparent !important;
    padding: 3px 0 !important;
    min-width: 0 !important;
    max-width: none !important;
}
body.public-apartments-page .apartment-variant-floors {
    gap: 4px !important;
}

/* (b) Hover rand tabel pe auriul de BRAND (era auriul vechi c9a96e) */
body.public-apartments-page .apartment-variants-table tbody tr:hover td {
    background: rgba(214, 180, 109, .08) !important;
    color: #f4eee5 !important;
}

/* (c) Cardurile de pasi (1/2/3) FARA fundal propriu — sa nu contrasteze cu sectiunea.
   Transparente, doar continut centrat. */
body.public-apartments-page .apartment-decision-item,
html[data-theme="dark"] body.public-apartments-page .apartment-decision-item {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
body.public-apartments-page .apartment-decision-item:hover {
    background: transparent !important;
    transform: none !important;
}

/* ==========================================================================
   PIESA 32 — Descrierea apartament (story) FARA fundal — transparent, doar text.
   ========================================================================== */
html[data-theme="dark"] .apartment-story-section .apartment-story,
html[data-theme="dark"] .apartment-story-section .content-copy,
html[data-theme="dark"] .apartment-story {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ==========================================================================
   PIESA 33 — TABEL SUPRAFETE: fix inaltime rand (etaje se suprapuneau) + premium + responsiv
   Cauza: td avea height:68px FIX. Il facem auto ca sa incapa etajele stivuite.
   ========================================================================== */
body.public-apartments-page .apartment-variants-table td {
    height: auto !important;
    min-height: 64px !important;
    vertical-align: middle !important;
    padding: 16px 22px !important;
}
body.public-apartments-page .apartment-variants-table th {
    vertical-align: middle !important;
}
/* coloana etaje: stivuita curat, aerisita, fara suprapuneri */
body.public-apartments-page .apartment-variant-floors {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    padding: 4px 0 !important;
    align-items: flex-start !important;
}
body.public-apartments-page .apartment-variant-floor {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
    min-width: 0 !important;
    max-width: none !important;
}
body.public-apartments-page .apartment-variant-floor .floor-name {
    color: #eae0cf !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}
body.public-apartments-page .apartment-variant-floor .floor-units {
    color: var(--brand-gold) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}
/* zebra subtila + hover brand pe rand */
body.public-apartments-page .apartment-variants-table tbody tr:hover td {
    background: rgba(214, 180, 109, .07) !important;
}
body.public-apartments-page .apartment-variants-table tbody tr {
    border-bottom: 1px solid rgba(214, 180, 109, .08) !important;
}

/* --- RESPONSIV: pe mobil tabelul devine carduri (stacked) --- */
@media (max-width: 680px) {
    body.public-apartments-page .apartment-variants-table,
    body.public-apartments-page .apartment-variants-table tbody,
    body.public-apartments-page .apartment-variants-table tr {
        display: block !important;
        width: 100% !important;
    }
    body.public-apartments-page .apartment-variants-table thead {
        display: none !important;
    }
    body.public-apartments-page .apartment-variants-table tr {
        margin-bottom: 14px !important;
        border: 1px solid rgba(214, 180, 109, .16) !important;
        border-radius: 14px !important;
        padding: 14px 16px !important;
        background: rgba(21, 42, 77, .5) !important;
    }
    body.public-apartments-page .apartment-variants-table td {
        display: flex !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 16px !important;
        min-height: 0 !important;
        padding: 8px 0 !important;
        border: none !important;
        text-align: right !important;
    }
    /* eticheta coloanei pe mobil, in stanga */
    body.public-apartments-page .apartment-variants-table td::before {
        content: attr(data-label);
        color: rgba(201, 169, 110, .72);
        font-size: 11px;
        letter-spacing: .1em;
        text-transform: uppercase;
        font-weight: 600;
        text-align: left;
        flex: 0 0 auto;
    }
    body.public-apartments-page .apartment-variant-floors {
        align-items: flex-end !important;
    }
}

/* ==========================================================================
   PIESA 34 — ORDINE reala pagina apartament (main e flex cu `order`!).
   Reordonarea se face prin CSS order, NU prin DOM. Client: intai imagine, apoi date.
   Ordine dorita: hero -> date(summary) -> pasi(decision) -> PLANURI -> GALERIE -> descriere(story) -> tabel(variants).
   ========================================================================== */
main:has(.apartment-detail-hero) .apartment-detail-hero { order: 1 !important; }
main:has(.apartment-detail-hero) .apartment-detail-summary-section { order: 2 !important; }
main:has(.apartment-detail-hero) .apartment-decision-section { order: 3 !important; }
main:has(.apartment-detail-hero) .apartment-inline-gallery-section { order: 5 !important; }
main:has(.apartment-detail-hero) .apartment-plans-section { order: 4 !important; }
main:has(.apartment-detail-hero) .apartment-variants-section { order: 7 !important; }
main:has(.apartment-detail-hero) .apartment-compartment-section { order: 8 !important; }
main:has(.apartment-detail-hero) .apartment-story-section { order: 6 !important; }
main:has(.apartment-detail-hero) .apartment-detail-soft { order: 10 !important; }
main:has(.apartment-detail-hero) .apartment-location-section { order: 11 !important; }
main:has(.apartment-detail-hero) .apartment-final-cta-section { order: 12 !important; }

/* ==========================================================================
   FIX 2026-09-03 — Hero apartament: fundal, butoane, carduri pasi
   ========================================================================== */

/* (1) Fundal hero: navy DARK cu adancime (gradient), nu plat. */
html[data-theme="dark"] .apartment-detail-hero {
    background-color: #081020 !important;
    background-image:
        radial-gradient(ellipse 120% 80% at 50% -10%, rgba(30,58,99,.45), transparent 62%),
        radial-gradient(ellipse 80% 60% at 100% 100%, rgba(21,42,77,.5), transparent 60%),
        linear-gradient(180deg, #0a1428 0%, #081020 100%) !important;
}

/* (2) Butoane hero — margine + text + fundal ALBASTRU (navy site). Outline navy. */
.apartment-detail-hero .apt-hero-btn {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 14px 26px; border-radius: 10px;
    background: rgba(30, 58, 99, .55) !important;
    border: 1px solid #1e3a63 !important;
    color: #cfe0ff !important;
    font-weight: 600; letter-spacing: .02em; text-decoration: none;
    transition: background .25s ease, border-color .25s ease, transform .25s ease;
}
.apartment-detail-hero .apt-hero-btn:hover {
    background: rgba(30, 58, 99, .8) !important;
    border-color: #2f5488 !important;
    transform: translateY(-2px);
}

/* (3) Cardurile de pasi de sub hero — centrate 1:1 ca beneficiile de pe HOME */
body.public-apartments-page .apartment-decision-item {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
    gap: 14px !important;
}
body.public-apartments-page .apartment-decision-item .apartment-decision-copy,
body.public-apartments-page .apartment-decision-item > div,
body.public-apartments-page .apartment-decision-item strong,
body.public-apartments-page .apartment-decision-item p {
    text-align: center !important;
    width: 100% !important;
}
body.public-apartments-page .apartment-decision-item .apartment-decision-arrow,
body.public-apartments-page .apartment-decision-item > span:first-child {
    margin: 0 auto !important;
}

/* ==========================================================================
   FIX 2026-09-03 (b) — casete summary centrate + aliniere rânduri carduri pasi
   ========================================================================== */

/* (A) Casetele stat-strip de sub hero (Tipologie/Suprafata/Unitati) — centrate ca la HOME */
body.public-apartments-page .apartment-summary-grid article {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 10px !important;
}
/* label + valoare centrate pe toata latimea; DAR NU iconita (ea ramane cerc) */
body.public-apartments-page .apartment-summary-grid article > span:not(.apartment-summary-icon),
body.public-apartments-page .apartment-summary-grid article > strong {
    text-align: center !important;
    width: 100% !important;
}
/* iconita ramane CERC fix, nu se intinde pe latimea coloanei */
body.public-apartments-page .apartment-summary-grid .apartment-summary-icon {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 auto !important;
    align-self: center !important;
    margin: 0 auto !important;
}

/* (B) Cardurile de pasi (1/2/3): iconita sus centrata + titluri aliniate pe acelasi rand.
   Folosim flex-column cu ordine explicita si inaltime minima egala pe titlu. */
body.public-apartments-page .apartment-decision-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    gap: 14px !important;
}
/* iconita (arrow) sus, textul (copy) sub — ordine explicita pe fiecare */
body.public-apartments-page .apartment-decision-item .apartment-decision-arrow {
    order: -1 !important;
    margin: 0 auto !important;
}
body.public-apartments-page .apartment-decision-item .apartment-decision-copy {
    order: 0 !important;
}
body.public-apartments-page .apartment-decision-item .apartment-decision-copy strong,
body.public-apartments-page .apartment-decision-item strong {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 2.6em !important;      /* rezerva 2 randuri => toate titlurile aliniate */
    text-align: center !important;
}

/* ==========================================================================
   FIX 2026-09-03 (c) — Hero copy fundal navy + hover tabel curat
   ========================================================================== */

/* Blocul H1 + descriere + butoane din hero: FUNDAL navy dark (nu doar shadow) */
html[data-theme="dark"] .apartment-detail-hero .apartment-detail-copy {
    background: linear-gradient(135deg, rgba(10,20,40,.82), rgba(8,16,32,.66)) !important;
    backdrop-filter: blur(6px) !important;
    border: 1px solid rgba(30,58,99,.5) !important;
    border-radius: 18px !important;
    box-shadow: 0 24px 70px rgba(3,8,20,.4) !important;
}

/* Hover rand tabel — o singura culoare auriu subtil, curat, fara pete gri */
body.public-apartments-page .apartment-variants-table tbody tr:hover td {
    background: transparent !important;
    color: #f4eee5 !important;
}
body.public-apartments-page .apartment-variants-table tbody tr {
    transition: background-color .18s ease !important;
}
body.public-apartments-page .apartment-variants-table tbody tr:hover {
    background: rgba(214,180,109,.06) !important;
}

.apartment-variants-mobile {
    display: none;
}

/* ==========================================================================
   PIESA 36 — Coloana „Vedere la mare": numar auriu cand exista, liniuta discreta cand nu.
   ========================================================================== */
body.public-apartments-page .apartment-variant-seaview {
    white-space: nowrap !important;
}
body.public-apartments-page .apartment-variant-seaview strong {
    color: var(--brand-gold) !important;
    font-weight: 700 !important;
    font-size: 15px !important;
}
body.public-apartments-page .apartment-variant-seaview span:not(.apartment-variant-dash) {
    color: rgba(234, 224, 207, .72) !important;
    font-size: 12px !important;
    margin-left: 2px !important;
}
/* liniuta „–" discreta, centrata pe inaltimea randului */
body.public-apartments-page .apartment-variant-seaview .apartment-variant-dash {
    color: rgba(234, 224, 207, .38) !important;
    font-size: 18px !important;
    line-height: 1 !important;
    display: inline-block !important;
}

/* Galerie apartament pe telefon: prima imagine lata, restul in doua coloane egale. */
@media (max-width: 900px) {
    body.public-apartments-page .apartment-variants-section {
        padding: 58px 18px 64px !important;
    }

    body.public-apartments-page .apartment-variants-head {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        margin-bottom: 26px !important;
    }

    body.public-apartments-page .apartment-variants-table-wrap {
        display: none !important;
    }

    body.public-apartments-page .apartment-variants-mobile {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    /* Lista compacta de suprafete, cu disponibilitatea deschisa la atingere. */
    body.public-apartments-page .apartment-variants-mobile {
        gap: 0 !important;
        border: 1px solid rgba(214,180,109,.28);
        border-radius: 16px;
        overflow: hidden;
        background: #121f35;
    }
    .apartment-variants-mobile .apartment-variant-card {
        min-width: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }
    .apartment-variant-card + .apartment-variant-card {
        border-top: 1px solid rgba(214,180,109,.18);
    }
    .apartment-variant-card[open] { background: #192840; }
    .area-option-summary {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto 18px;
        align-items: center;
        gap: 10px;
        min-height: 82px;
        padding: 18px;
        cursor: pointer;
        list-style: none;
        touch-action: manipulation;
    }
    .area-option-summary::-webkit-details-marker { display: none; }
    .area-option-size {
        color: #f6f0e6;
        font-size: 28px;
        font-weight: 500;
        letter-spacing: -.04em;
        white-space: nowrap;
        font-variant-numeric: tabular-nums;
    }
    .area-option-size small {
        color: #d6b46d;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 0;
    }
    .area-option-heading { display: grid; gap: 5px; min-width: 0; }
    .area-option-sea-badge {
        display: flex;
        align-items: center;
        gap: 5px;
        color: #a4cbd5;
        font-size: 10px;
        font-weight: 500;
        line-height: 1.4;
    }
    .area-option-summary .area-option-sea-badge svg {
        width: 13px;
        height: 13px;
        color: inherit;
    }
    .area-option-availability { color: #b8c3d3; font-size: 11px; }
    .area-option-summary svg,
    .area-option-choose svg {
        width: 18px;
        height: 18px;
        flex-shrink: 0;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.6;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
    .area-option-summary svg { color: #d6b46d; }
    .apartment-variant-card[open] .area-option-summary > svg { transform: rotate(180deg); }
    .apartment-variant-card.is-selected .area-option-size { color: #e8c77e; }
    .area-option-body { padding: 0 18px 20px; }
    .area-option-sea {
        margin: 0 0 22px;
        color: #c4cedb;
        font-size: 13px;
        line-height: 1.5;
    }
    .area-option-sea strong { color: #e8c77e; font-weight: 600; }
    .area-option-label {
        color: #9eaec3;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: .1em;
        text-transform: uppercase;
    }
    .apartment-variant-card-floors dl { margin: 8px 0 20px; }
    .apartment-variant-card-floors dl > div {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        padding: 10px 0;
        border-bottom: 1px solid rgba(255,255,255,.08);
        font-size: 13px;
        line-height: 1.4;
    }
    .apartment-variant-card-floors dt { color: #e8edf4; }
    .apartment-variant-card-floors dd { margin: 0; color: #b5c0d0; text-align: right; }
    .area-option-choose {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 48px;
        padding: 12px 14px;
        border: 1px solid #d6b46d;
        border-radius: 8px;
        color: #edcf90;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.5;
        touch-action: manipulation;
    }
    .area-option-choose:focus-visible,
    .area-option-summary:focus-visible {
        outline: 2px solid #f5deac;
        outline-offset: -4px;
    }

    body.public-apartments-page .apartment-inline-gallery-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
    }

    body.public-apartments-page .apartment-inline-gallery-grid a,
    body.public-apartments-page .apartment-inline-gallery-grid a:nth-child(2),
    body.public-apartments-page .apartment-inline-gallery-grid a:nth-child(3),
    body.public-apartments-page .apartment-inline-gallery-grid a:nth-child(n+4) {
        grid-column: span 1 !important;
        grid-row: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
        border-radius: 8px !important;
    }

    body.public-apartments-page .apartment-inline-gallery-grid a:nth-child(1) {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 10 !important;
    }

    body.public-apartments-page .apartment-inline-gallery-grid a.is-rendered-plan {
        background: #f2f0eb !important;
    }

    body.public-apartments-page .apartment-inline-gallery-grid a.is-rendered-plan img {
        object-fit: contain !important;
    }
}

/* Compensarea navigatiei fixe este deja asigurata de scroll-padding pe html. */
#formular-apartament { scroll-margin-top: 0; }

/* Pagina apartamentului incepe sub bara fixa de pe telefon. */
@media (max-width: 980px) {
    body.public-apartments-page {
        padding-top: calc(58px + env(safe-area-inset-top, 0px)) !important;
    }
    body.public-apartments-page .apartment-detail-hero {
        margin-top: 0 !important;
        padding: 18px 18px 0 !important;
        min-height: 0 !important;
        height: auto !important;
    }
    body.public-apartments-page .apartment-detail-hero > .apartment-detail-shell {
        padding: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        align-items: start !important;
        align-content: start !important;
    }
    body.public-apartments-page .apartment-detail-actions {
        gap: 10px;
        margin-top: 18px;
    }
    body.public-apartments-page .apartment-detail-hero .apt-hero-btn {
        min-height: 40px;
        padding: 9px 12px;
        border-radius: 7px;
        font-size: 13px;
        line-height: 1.4;
        letter-spacing: 0;
    }
}

@media (max-width: 980px) {
    body.public-apartments-page .apartment-detail-hero .apartment-detail-copy {
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
}

/* Contact — acces rapid si localizarea proiectului. */
.contact-hero-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.contact-hero-links a { display: inline-flex; align-items: center; gap: 20px; padding: 12px 18px; border: 1px solid rgba(214,180,109,.4); border-radius: 7px; color: #efdbb2; font-size: 13px; font-weight: 600; }
.contact-hero-links a:first-child { background: #d6b46d; color: #101b2e; }
#formular-contact, #locatie-contact { scroll-margin-top: 16px; }
.contact-location-section { padding: 20px 24px 90px; background: #0c172b; }
.contact-location-shell { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.4fr); max-width: 1160px; margin: auto; overflow: hidden; border: 1px solid rgba(214,180,109,.22); border-radius: 18px; background: #142139; }
.contact-location-copy { padding: 44px 36px; align-self: center; }
.contact-location-eyebrow { color: #d6b46d; font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.contact-location-copy h2 { margin: 15px 0 20px; color: #f4eddf; font-size: clamp(30px, 3vw, 44px); line-height: 1.12; letter-spacing: -.025em; }
.contact-location-copy p { color: #b9c4d5; font-size: 15px; line-height: 1.7; }
.contact-location-copy address { display: flex; align-items: center; gap: 14px; margin: 28px 0; color: #b9c4d5; font-style: normal; font-size: 13px; line-height: 1.7; }
.contact-location-copy address svg { width: 24px; height: 24px; flex-shrink: 0; fill: none; stroke: #d6b46d; stroke-width: 1.5; }
.contact-location-copy address strong { display: block; color: #f4eddf; font-size: 15px; }
.contact-directions { display: inline-flex; align-items: center; gap: 16px; min-height: 44px; color: #e6c886; border-bottom: 1px solid rgba(214,180,109,.4); font-size: 13px; font-weight: 600; }
.contact-location-map { min-height: 460px; background: #e8e5df; }
.contact-location-map iframe { display: block; width: 100%; height: 100%; min-height: 460px; border: 0; }
.contact-hero-links a:focus-visible, .contact-directions:focus-visible { outline: 2px solid #e6c886; outline-offset: 4px; }
@media (max-width: 760px) {
    .contact-location-section { padding: 0 18px 54px; }
    .contact-location-shell { grid-template-columns: 1fr; border-radius: 12px; }
    .contact-location-copy { padding: 28px 24px; }
    .contact-location-copy h2 { font-size: 34px; }
    .contact-location-map, .contact-location-map iframe { min-height: 330px; }
    .contact-hero-links { gap: 10px; margin-top: 20px; }
    .contact-hero-links a { padding: 10px 14px; gap: 12px; font-size: 12px; }
}

/* Beneficii home — suprafete transparente, reactie discreta la mouse. */
body.public-home-page .home-benefits-strip .home-benefits-inner {
    background: transparent !important;
    box-shadow: none !important;
    border-color: transparent !important;
    overflow: visible;
}
body.public-home-page .home-benefits-inner article {
    position: relative;
    isolation: isolate;
    background: transparent !important;
    box-shadow: none !important;
}
.benefit-pointer-light { position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; opacity: 0; background: radial-gradient(200px circle at var(--benefit-x, 50%) var(--benefit-y, 50%), rgba(214,180,109,.12), transparent 75%); transition: opacity .4s ease; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    body.public-home-page .home-benefits-inner article.benefit-pointer-ready {
        transform: perspective(900px) translateY(var(--benefit-lift, 0px)) rotateX(var(--benefit-rx, 0deg)) rotateY(var(--benefit-ry, 0deg)) !important;
        transition: transform .45s cubic-bezier(.2,.75,.25,1), border-color .35s ease;
    }
    body.public-home-page .home-benefits-inner article.benefit-pointer-active {
        --benefit-lift: -4px;
        border-color: rgba(214,180,109,.4) !important;
        will-change: transform;
        transition-duration: .16s, .35s;
    }
    .benefit-pointer-active .benefit-pointer-light { opacity: 1; }
}

/* Intrare mobile: iconita, titlu, descriere; fara miscari repetitive. */
@media (max-width: 980px) and (prefers-reduced-motion: no-preference) {
    body.public-home-page .home-benefits-inner article.benefit-cascade-ready {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
    }
    body.public-home-page .home-benefits-inner .benefit-cascade-ready > .benefit-icon,
    body.public-home-page .home-benefits-inner .benefit-cascade-ready > div > h2,
    body.public-home-page .home-benefits-inner .benefit-cascade-ready > div > p {
        opacity: 0;
        translate: 0 16px;
        transition: opacity .65s ease, translate .85s cubic-bezier(.16,1,.3,1), scale .85s cubic-bezier(.16,1,.3,1) !important;
        transition-delay: var(--benefit-cascade-delay, 0ms) !important;
    }
    body.public-home-page .home-benefits-inner .benefit-cascade-ready > .benefit-icon {
        scale: .92;
    }
    body.public-home-page .home-benefits-inner .benefit-cascade-ready > div > h2 {
        transition-delay: calc(var(--benefit-cascade-delay, 0ms) + 110ms) !important;
    }
    body.public-home-page .home-benefits-inner .benefit-cascade-ready > div > p {
        translate: 0 12px;
        transition-delay: calc(var(--benefit-cascade-delay, 0ms) + 230ms) !important;
    }
    body.public-home-page .home-benefits-inner .benefit-cascade-visible > .benefit-icon,
    body.public-home-page .home-benefits-inner .benefit-cascade-visible > div > h2,
    body.public-home-page .home-benefits-inner .benefit-cascade-visible > div > p {
        opacity: 1;
        translate: 0 0;
        scale: 1;
    }
}

body.public-home-page .why-lamer-grid--row article > span {
    margin-left: auto !important;
    margin-right: auto !important;
    justify-self: center !important;
    align-self: center !important;
}

/* Fundaluri transparente: avantajele proiectului si piesa video. */
html body.public-home-page .why-lamer-grid--row,
html body.public-home-page .why-lamer-grid--row article,
html body.public-home-page .why-lamer-grid--row article:hover {
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
html body.public-home-page .why-lamer-grid--row article::before,
html body.public-home-page .why-lamer-grid--row article::after {
    background: transparent !important;
    box-shadow: none !important;
}
body.public-home-page #santier-the-icon,
body.public-home-page #santier-the-icon .construction-video-inner,
body.public-home-page #santier-the-icon .construction-video-copy,
body.public-home-page #santier-the-icon .construction-video-proof,
body.public-home-page #santier-the-icon .construction-video-proof article {
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Home hero — fotografie libera, mesaj editorial si galerie discreta. */
html body.public-home-page .home-hero-editorial {
    position: relative; isolation: isolate; display: flex !important; align-items: flex-end !important;
    width: 100%; min-height: 720px !important; height: 100svh !important; max-height: 1100px;
    margin: 0 !important; padding: 150px 5vw 58px !important; overflow: hidden;
    background: #081225 !important;
}
html body.public-home-page .home-hero-editorial::before { display: none !important; }
html body.public-home-page .home-hero-editorial::after {
    position: absolute; inset: 0; z-index: 1; pointer-events: none;
    background: linear-gradient(180deg, rgba(5,12,22,.25), transparent 25%, transparent 40%, rgba(5,12,22,.5) 68%, rgba(5,12,22,.92)), linear-gradient(90deg, rgba(5,12,22,.18), transparent 65%) !important;
}
html body.public-home-page .home-hero-editorial .hero-slide { position: absolute !important; inset: 0 !important; z-index: 0 !important; opacity: 0; transition: opacity 1.25s ease !important; }
html body.public-home-page .home-hero-editorial .hero-slide.is-active { opacity: 1 !important; }
html body.public-home-page .home-hero-editorial .hero-bg {
    position: absolute !important; inset: 0 !important; display: block !important;
    width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center 45%;
    opacity: 1 !important; transform: none !important; filter: none !important;
}
.icon-hero-content { position: relative; z-index: 2; display: flex; align-items: flex-end; justify-content: space-between; gap: 48px; width: min(1400px, 100%); margin: 0 auto; }
.icon-hero-copy { max-width: 860px; }
.icon-hero-eyebrow { display: block; margin-bottom: 22px; color: #ead9b8; font-size: 11px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; }
.icon-hero-copy h1 { max-width: 850px; margin: 0; color: #faf7ef; font-size: clamp(52px, 6.5vw, 94px); line-height: 1.04; letter-spacing: -.055em; font-weight: 400; text-wrap: balance; }
.icon-hero-copy h1 em { font-family: Georgia, serif; font-weight: 400; color: #ead6aa; }
.icon-hero-copy > p { max-width: 490px; margin: 24px 0 0; color: #d9dfe7; font-size: 16px; line-height: 1.7; }
.icon-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 26px; margin-top: 30px; }
.icon-hero-actions a { display: inline-flex; align-items: center; justify-content: space-between; gap: 26px; min-height: 48px; font-size: 13px; font-weight: 600; transition: background .2s ease, color .2s ease; }
.icon-hero-actions .icon-hero-primary { padding: 12px 22px; background: #e4c98f; color: #101b2e; border: 1px solid #e4c98f; border-radius: 4px; }
.icon-hero-actions .icon-hero-primary:hover { background: #f1deb6; }
.icon-hero-actions .icon-hero-secondary { color: #f1e8d8; border-bottom: 1px solid rgba(228,201,143,.55); }
.icon-hero-gallery { flex: 0 0 210px; padding-bottom: 6px; }
.icon-hero-scene { display: block; color: #e8d5b1; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 14px; }
.icon-hero-gallery-controls { display: flex; align-items: center; justify-content: space-between; gap: 4px; }
.icon-hero-gallery-controls button { display: grid; place-items: center; width: 40px; height: 40px; padding: 0; background: transparent; border: 1px solid rgba(235,219,188,.32); border-radius: 50%; color: #f2e8d5; font-size: 19px; cursor: pointer; }
.icon-hero-gallery-controls > span { color: #f4eddf; font-size: 12px; font-variant-numeric: tabular-nums; letter-spacing: .08em; white-space: nowrap; }
.icon-hero-gallery-controls > span i { font-style: normal; color: #8e9bab; padding: 0 5px; }
.icon-hero-progress { display: flex; gap: 5px; margin-top: 18px; }
.icon-hero-progress i { flex: 1; height: 2px; background: rgba(255,255,255,.25); transition: background .4s ease; }
.icon-hero-progress i.is-current { background: #e4c98f; }
.icon-hero-content a:focus-visible, .icon-hero-content button:focus-visible { outline: 2px solid #e4c98f; outline-offset: 5px; }
@media (max-width: 980px) {
    html body.public-home-page .home-hero-editorial { min-height: 650px !important; height: calc(100svh - 58px) !important; max-height: none; padding: 100px 28px 38px !important; }
    .icon-hero-content { gap: 26px; }
    .icon-hero-copy h1 { font-size: clamp(48px, 7vw, 68px); }
    .icon-hero-gallery { flex-basis: 190px; }
}
@media (max-width: 640px) {
    html body.public-home-page .home-hero-editorial { min-height: 620px !important; padding: 100px 24px 30px !important; height: calc(100svh - 118px) !important; }
    html body.public-home-page .home-hero-editorial::after { background: linear-gradient(180deg, rgba(5,12,22,.12), transparent 24%, rgba(5,12,22,.22) 38%, rgba(5,12,22,.83) 72%, #081225) !important; }
    .icon-hero-content { display: grid; gap: 32px; }
    .icon-hero-eyebrow { margin-bottom: 16px; font-size: 9px; letter-spacing: .18em; }
    .icon-hero-copy h1 { max-width: 380px; font-size: clamp(43px, 11.8vw, 62px); line-height: 1.05; }
    .icon-hero-copy > p { margin-top: 18px; font-size: 13px; max-width: 310px; line-height: 1.65; }
    .icon-hero-actions { gap: 17px; margin-top: 22px; }
    .icon-hero-actions a { min-height: 44px; font-size: 11px; gap: 12px; }
    .icon-hero-actions .icon-hero-primary { padding: 10px 13px; }
    .icon-hero-gallery { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 10px 20px; padding: 0; }
    .icon-hero-scene { margin: 0; font-size: 9px; letter-spacing: .08em; }
    .icon-hero-gallery-controls { gap: 8px; }
    .icon-hero-gallery-controls button { width: 34px; height: 34px; font-size: 17px; }
    .icon-hero-gallery-controls > span { font-size: 10px; }
    .icon-hero-progress { grid-column: 1 / -1; margin-top: 2px; }
}
@media (prefers-reduced-motion: reduce) {
    html body.public-home-page .home-hero-editorial .hero-slide { transition: none !important; }
}

/* Beneficii — carduri transparente, cu proportii apropiate de noul hero. */
html body.public-home-page .home-benefits-strip { margin: 0 !important; padding: 32px 24px 72px !important; }
html body.public-home-page .home-benefits-strip .home-benefits-inner {
    display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0 !important; width: min(1240px, 100%) !important; max-width: 1240px !important;
    margin: 0 auto !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important;
}
html body.public-home-page .home-benefits-strip .home-benefits-inner article {
    min-width: 0; min-height: 0 !important; padding: 36px 28px 32px !important;
    border: 0 !important; border-right: 1px solid rgba(214,180,109,.13) !important; border-radius: 0 !important;
    gap: 26px !important; align-content: start; overflow: hidden;
}
html body.public-home-page .home-benefits-strip .home-benefits-inner article > .benefit-icon {
    width: 52px !important; height: 52px !important; border-radius: 0 !important;
    border: 0 !important; background: transparent !important;
}
html body.public-home-page .home-benefits-strip .home-benefits-inner article > .benefit-icon svg { width: 36px !important; height: 36px !important; stroke-width: 1.1 !important; }
html body.public-home-page .home-benefits-inner article h2 { margin: 0 0 14px !important; font-family: Georgia, serif; font-size: 23px !important; line-height: 1.3 !important; font-weight: 400 !important; letter-spacing: -.025em; text-wrap: balance; }
html body.public-home-page .home-benefits-inner article p { margin: 0 !important; font-size: 13px !important; line-height: 1.75 !important; color: #aebacd !important; }
@media (max-width: 980px) {
    html body.public-home-page .home-benefits-strip .home-benefits-inner { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 640px) {
    html body.public-home-page .home-benefits-strip { padding: 22px 18px 44px !important; }
    html body.public-home-page .home-benefits-strip .home-benefits-inner { gap: 0 !important; }
    html body.public-home-page .home-benefits-strip .home-benefits-inner article { padding: 28px 15px !important; gap: 19px !important; border-radius: 0 !important; }
    html body.public-home-page .home-benefits-strip .home-benefits-inner article > .benefit-icon { width: 44px !important; height: 44px !important; }
    html body.public-home-page .home-benefits-strip .home-benefits-inner article > .benefit-icon svg { width: 31px !important; height: 31px !important; }
    html body.public-home-page .home-benefits-inner article h2 { font-size: 19px !important; margin-bottom: 12px !important; line-height: 1.3 !important; }
    html body.public-home-page .home-benefits-inner article p { font-size: 12px !important; line-height: 1.7 !important; }
}

/* Navigare mobila — dock flotant cu selectie discreta. */
html body .the-icon-bottom-dock {
    border: 1px solid rgba(220,229,244,.14) !important; border-radius: 30px !important;
    background: linear-gradient(160deg, rgba(27,42,62,.96), rgba(8,17,31,.97)) !important; box-shadow: 0 12px 36px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.05) !important;
    backdrop-filter: blur(22px) !important; -webkit-backdrop-filter: blur(22px) !important;
    overflow: hidden !important;
}
html body .the-icon-bottom-dock a {
    position: relative; display: flex !important; flex-direction: column !important;
    align-items: center !important; justify-content: center !important; gap: 4px !important;
    min-width: 0 !important; min-height: 54px !important; padding: 5px 2px !important;
    border: 0 !important; border-radius: 20px !important;
    background: transparent !important; color: #a6b3c7 !important;
    box-shadow: none !important; text-decoration: none !important;
    transition: color .2s ease, background .2s ease, scale .2s ease !important;
    -webkit-tap-highlight-color: transparent;
}
html body .the-icon-bottom-dock a > span {
    display: grid !important; place-items: center !important;
    width: 38px !important; height: 29px !important; margin: 0 !important; padding: 0 !important;
    border: 0 !important; border-radius: 12px !important; background: transparent !important;
    box-shadow: none !important; color: inherit !important; transform: none !important;
}
html body .the-icon-bottom-dock a svg { width: 21px !important; height: 21px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.45 !important; stroke-linecap: round; stroke-linejoin: round; }
html body .the-icon-bottom-dock a em { color: inherit !important; font-size: 9px !important; font-style: normal !important; font-weight: 500 !important; line-height: 1.15 !important; letter-spacing: .035em; }
html body .the-icon-bottom-dock a.active {
    background: transparent !important; border-color: transparent !important; color: #f2dfb8 !important;
}
html body .the-icon-bottom-dock a.active > span { background: linear-gradient(135deg, #f0dfb9, #c5a468) !important; color: #102038 !important; box-shadow: 0 3px 12px rgba(214,180,109,.12) !important; }
html body .the-icon-bottom-dock a::before,
html body .the-icon-bottom-dock a::after { display: none !important; }
html body .the-icon-bottom-dock a:active { scale: .94; }
html body .the-icon-bottom-dock a:focus-visible { outline: 2px solid #e9ce94; outline-offset: -3px; }
@media (prefers-reduced-motion: reduce) {
    html body .the-icon-bottom-dock a { transition: none !important; }
    html body .the-icon-bottom-dock a:active { scale: 1; }
}

/* Un singur fundal pentru beneficii si Descopera The Icon. */
html body.public-home-page .home-benefits-strip,
html body.public-home-page .why-lamer-section,
html[data-theme="dark"] body.public-home-page .why-lamer-section {
    background: var(--navy-800) !important;
}
html body.public-home-page .home-benefits-strip .home-benefits-inner article:last-child { border-right: 0 !important; }
@media (max-width: 980px) {
    html body.public-home-page .home-benefits-strip .home-benefits-inner article:nth-child(2n) { border-right: 0 !important; }
    html body.public-home-page .home-benefits-strip .home-benefits-inner article:nth-child(n+3) { border-top: 1px solid rgba(214,180,109,.13) !important; }
}