/* The Icon — warm brown art direction, intentionally loaded after the legacy bundle. */
:root,
html[data-theme="light"] {
    --ink: #241a14;
    --muted: #75685f;
    --line: rgba(72, 50, 36, .12);
    --paper: #f3eee7;
    --deep: #21150f;
    --accent: #b58a55;
    --accent-2: #875f3b;
    --gold: #b58a55 !important;
    --gold-rgb: 181, 138, 85 !important;
    --gold-light: #d8b98c !important;
    --shadow: 0 24px 70px rgba(48, 29, 18, .14);
}

html[data-theme="dark"] {
    --deep: #1b100b;
    --gold: #b58a55 !important;
    --gold-rgb: 181, 138, 85 !important;
    --gold-light: #d8b98c !important;
}

html[data-theme="light"] body,
html[data-theme="light"] .apartments-section,
html[data-theme="light"] .apartments-index-section,
html[data-theme="light"] .gallery-page-section,
html[data-theme="light"] .home-news-section,
html[data-theme="light"] .home-final-section,
html[data-theme="light"] .apartment-detail-section,
html[data-theme="light"] .apartment-detail-summary-section,
html[data-theme="light"] .apartment-story-section,
html[data-theme="light"] .apartment-inline-gallery-section,
html[data-theme="light"] .apartment-location-section {
    background-color: #faf7f2 !important;
}

html[data-theme="light"] .section.soft,
html[data-theme="light"] .contact-experience-section {
    background-color: #f1eae2 !important;
}

.hero,
.page-hero,
.gallery-page-hero,
.construction-video-section,
.site-footer,
body.public-home-page .why-lamer-section,
body.public-home-page .home-use-section {
    background-color: #21150f !important;
}

.site-header {
    background: linear-gradient(180deg, rgba(33, 21, 15, .88), rgba(33, 21, 15, .22)) !important;
}

/* A single brown/bronze visual system: no user-selectable accent colours. */
.accent-picker,
.accent-toggle,
.accent-popover,
.theme-toggle {
    display: none !important;
}

.header-cta,
.btn-primary,
.cookie-consent-primary,
.contact-submit,
.apartment-contact-link,
.apartment-tour-link,
.gallery-filter.is-active,
.gallery-filters a.active,
.gallery-filters button.active {
    color: #fffaf4 !important;
    border-color: #b58a55 !important;
    background: linear-gradient(135deg, #b58a55, #7b5334) !important;
    box-shadow: 0 12px 30px rgba(74, 43, 26, .2) !important;
}

.apartment-status-badge.status-available {
    color: #fffaf4 !important;
    background: rgba(123, 83, 52, .94) !important;
    border-color: rgba(216, 185, 140, .36) !important;
}

.apartment-status-badge.status-reserved {
    color: #2b1a10 !important;
    background: #d8b98c !important;
}

.apartment-status-badge.status-sold {
    color: #f4e9dc !important;
    background: #4b3326 !important;
}

.apartment-type-chip,
.gallery-filter,
.gallery-filters a,
.gallery-filters button,
.apartment-mini-spec .spec-icon,
.home-use-icon,
.home-benefits-inner article > span,
.hero-stats .hero-stat-icon {
    color: #b58a55 !important;
    border-color: rgba(181, 138, 85, .3) !important;
    background-color: rgba(181, 138, 85, .1) !important;
}

.eyebrow,
.text-link,
.home-use-head > span,
.home-use-proof strong,
.gallery-page-hero strong,
.apartment-meta-line,
.apartment-link,
.apartment-tour-link,
.apartment-contact-link,
.the-icon-bottom-dock a.active,
.the-icon-bottom-dock a.active span {
    color: #d8b98c !important;
}

.apartment-card,
.home-news-card,
.gallery-item,
.home-benefits-inner,
.home-use-card,
.feature-card,
.benefit-card,
.location-band,
.plan-card,
.timeline-card,
.type-card {
    border-color: rgba(92, 61, 42, .16) !important;
    box-shadow: 0 18px 54px rgba(48, 29, 18, .13) !important;
}

.apartment-card::before,
.apartments-section .section-head::after,
.apartments-index-toolbar::after,
.home-news-head::after,
.the-icon-bottom-dock a::after {
    background: linear-gradient(90deg, #7b5334, #b58a55, #d8b98c) !important;
}

.mobile-app-bar,
.the-icon-bottom-dock,
.site-footer {
    border-color: rgba(216, 185, 140, .14) !important;
}

.hero::after {
    background:
        linear-gradient(180deg, rgba(33, 21, 15, .12), rgba(33, 21, 15, .5) 56%, rgba(26, 15, 10, .9)),
        linear-gradient(105deg, rgba(35, 22, 15, .76), rgba(35, 22, 15, .22) 52%, transparent) !important;
}

.home-benefits-strip {
    margin-top: -26px !important;
}

.home-benefits-inner,
html[data-theme="dark"] .home-benefits-inner {
    overflow: hidden;
    border: 1px solid rgba(216, 185, 140, .15) !important;
    border-radius: 6px !important;
    background: rgba(40, 26, 19, .97) !important;
    box-shadow: 0 18px 50px rgba(17, 9, 5, .22) !important;
}

.home-benefits-inner article,
html[data-theme="dark"] .home-benefits-inner article {
    min-height: 108px !important;
    padding: 22px 20px !important;
    border-color: rgba(216, 185, 140, .12) !important;
}

.home-benefits-inner h2 {
    margin-bottom: 6px !important;
    color: #f4e9dc !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
}

.home-benefits-inner p {
    color: #9e9085 !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

.apartments-index-hero {
    background:
        linear-gradient(84deg, rgba(31, 18, 12, .9) 0%, rgba(31, 18, 12, .58) 38%, rgba(31, 18, 12, .12) 72%, rgba(31, 18, 12, .05) 100%),
        linear-gradient(180deg, rgba(31, 18, 12, .28) 0%, transparent 34%, rgba(31, 18, 12, .78) 100%),
        var(--apartments-hero-image) center / cover no-repeat !important;
}

.apartments-index-hero::after {
    background: radial-gradient(ellipse 70% 60% at 18% 82%, rgba(181, 138, 85, .14), transparent 62%) !important;
}

/* Hero apartamente: repere compacte, fara panou KPI supradimensionat. */
.apartments-index-proof {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: fit-content !important;
    max-width: 100% !important;
    gap: 6px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.apartments-index-proof article,
.apartments-index-proof article:first-child,
.apartments-index-proof article:last-child {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 42px !important;
    gap: 8px !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(216, 185, 140, .25) !important;
    border-radius: 999px !important;
    background: rgba(31, 18, 12, .58) !important;
    box-shadow: none !important;
    backdrop-filter: blur(10px) !important;
}

.apartments-index-proof strong {
    display: inline !important;
    margin: 0 !important;
    color: #d8b98c !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.apartments-index-proof span {
    display: inline !important;
    color: rgba(255, 250, 244, .82) !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
}

@media (max-width: 640px) {
    .apartments-index-proof {
        gap: 7px !important;
    }

    .apartments-index-proof article,
    .apartments-index-proof article:first-child,
    .apartments-index-proof article:last-child {
        flex: 0 1 auto !important;
        min-width: 0 !important;
        min-height: 38px !important;
        padding: 9px 12px !important;
    }

    .apartments-index-proof strong {
        font-size: 14px !important;
    }

    .apartments-index-proof span {
        font-size: 10px !important;
    }
}

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: #1b100b !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: #281a13 !important;
    border-color: rgba(217, 178, 126, .13) !important;
}

/* Final colour authority for the Home editorial chapter. The legacy component
   used a green-black art direction through a background shorthand. */
body.public-home-page .why-lamer-section,
html[data-theme="dark"] body.public-home-page .why-lamer-section {
    background-color: #1b100b !important;
    background-image:
        radial-gradient(ellipse 120% 58% at 50% -12%, rgba(96, 58, 35, .34), transparent 62%),
        radial-gradient(ellipse 72% 54% at 0% 100%, rgba(181, 138, 85, .07), transparent 66%) !important;
}

body.public-home-page .why-lamer-grid--row article:hover {
    background-color: rgba(181, 138, 85, .045) !important;
}

/* Perceived-speed authority: the first viewport is complete on first paint.
   Legacy entrance rules kept the copy invisible for almost one second. */
body.public-home-page .hero-copy > *,
body.public-home-page .hero-actions > * {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
}

body.public-home-page .micro-reveal {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition-delay: 0ms !important;
    will-change: auto !important;
}

body.public-home-page main {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
}

@media (min-width: 981px) {
    .hero::after {
        background:
            linear-gradient(90deg, rgba(31, 18, 12, .78) 0%, rgba(31, 18, 12, .5) 38%, rgba(31, 18, 12, .15) 72%, rgba(31, 18, 12, .12) 100%),
            linear-gradient(180deg, rgba(31, 18, 12, .1) 0%, rgba(31, 18, 12, .04) 48%, rgba(31, 18, 12, .5) 100%) !important;
    }

    .hero-copy {
        background: linear-gradient(135deg, rgba(35, 22, 15, .66), rgba(35, 22, 15, .34)) !important;
    }
}

@media (max-width: 980px) {
    body {
        overflow-x: hidden !important;
    }

    /* Tablet and mobile use one navigation system only. Legacy breakpoints kept
       the desktop header visible between 641px and 980px, on top of the app bar. */
    .site-header {
        display: none !important;
    }

    .mobile-quick-actions {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .mobile-quick-actions .mobile-call-link,
    .mobile-quick-actions .mobile-menu-toggle {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        display: grid !important;
        place-items: center !important;
        padding: 0 !important;
        color: #fffaf4 !important;
        border: 1px solid rgba(216, 185, 140, .18) !important;
        border-radius: 999px !important;
        background: rgba(255, 250, 244, .07) !important;
    }

    .mobile-quick-actions .mobile-call-link svg {
        width: 17px !important;
        height: 17px !important;
        display: block !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 1.9 !important;
    }

    .mobile-menu-toggle {
        position: relative !important;
        align-content: center !important;
        gap: 4px !important;
    }

    .mobile-menu-toggle span {
        width: 18px !important;
        height: 2px !important;
        display: block !important;
        background: currentColor !important;
    }

    .mobile-menu-toggle span:nth-child(2) {
        width: 13px !important;
        justify-self: end !important;
    }

    .mobile-app-bar,
    html[data-theme="dark"] .the-icon-bottom-dock {
        background: rgba(31, 18, 12, .96) !important;
    }

    body.public-home-page .home-use-grid {
        grid-template-columns: 1fr !important;
        gap: 1px !important;
    }

    body.public-home-page .home-use-grid article {
        min-height: clamp(500px, 118vw, 650px) !important;
    }

    body.public-home-page .home-use-proof {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .home-benefits-strip {
        margin-top: 0 !important;
        padding: 0 !important;
    }

    .home-benefits-inner,
    html[data-theme="dark"] .home-benefits-inner {
        border-right: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .apartments-index-hero {
        background-position: 58% center !important;
    }
}

@media (max-width: 520px) {
    body.public-home-page .home-use-grid article {
        min-height: 520px !important;
    }

    body.public-home-page .home-use-card-body {
        padding: 28px 22px 34px !important;
    }
}

/* ==========================================================================
   FIX 2026-08-23 — reziduuri „green-black" + contrast CTA
   Fundalul de bază al paginii era verde-negru (#030706), rămas din tema veche,
   și nu se potrivea cu identitatea maro–bronz. Aici fixăm baza + formularul CTA.
   ========================================================================== */

/* Fundal global: maro închis cald, coerent cu --deep, în locul verzuiului rece. */
html[data-theme="dark"],
html[data-theme="dark"] body {
    background-color: #160d09 !important;
}

/* CTA final de pe home: shell-ul era verde (#101a17). Îl aducem pe maro cald și
   ridicăm lizibilitatea etichetelor și a câmpurilor (erau la 50% opacitate). */
body.public-home-page .home-final-shell {
    background-color: #211410 !important;
    border: 1px solid rgba(217, 178, 126, .14) !important;
}

body.public-home-page .home-final-form {
    background-color: rgba(30, 19, 13, .6) !important;
    border: 1px solid rgba(217, 178, 126, .12) !important;
}

body.public-home-page .home-final-form label span {
    color: #d8b98c !important;
    -webkit-text-fill-color: #d8b98c !important;
    opacity: 1 !important;
    font-weight: 500 !important;
    letter-spacing: .12em !important;
}

body.public-home-page .home-final-form input,
body.public-home-page .home-final-form textarea {
    background-color: rgba(255, 255, 255, .06) !important;
    border: 1px solid rgba(217, 178, 126, .22) !important;
    color: #f3ece0 !important;
    -webkit-text-fill-color: #f3ece0 !important;
}

body.public-home-page .home-final-form input::placeholder,
body.public-home-page .home-final-form textarea::placeholder {
    color: rgba(216, 185, 140, .55) !important;
    -webkit-text-fill-color: rgba(216, 185, 140, .55) !important;
}

body.public-home-page .home-final-form input:focus,
body.public-home-page .home-final-form textarea:focus {
    border-color: #b58a55 !important;
    outline: none !important;
}

/* ==========================================================================
   FIX 2026-08-23 — Grid „Tipuri de apartamente" (A1/A2/A3) pe homepage.
   Refolosește cardul din pagina Apartamente; aici doar cadrul secțiunii.
   ========================================================================== */
body.public-home-page .home-types-section {
    background-color: #160d09 !important;
    padding: clamp(64px, 8vw, 110px) 0 !important;
}

body.public-home-page .home-types-shell {
    width: min(1200px, calc(100% - clamp(32px, 6vw, 96px)));
    margin: 0 auto;
}

body.public-home-page .home-types-head {
    max-width: 640px;
    margin: 0 0 clamp(34px, 4vw, 54px);
}

body.public-home-page .home-types-eyebrow {
    display: inline-block;
    color: #c9a96e;
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(201, 169, 110, .4);
    margin-bottom: 20px;
}

body.public-home-page .home-types-head h2 {
    color: #f5efe2;
    font-size: clamp(30px, 4vw, 52px);
    line-height: 1.02;
    letter-spacing: -.01em;
    margin: 0 0 16px;
}

body.public-home-page .home-types-head p {
    color: rgba(224, 212, 192, .72);
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
}

body.public-home-page .home-types-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(18px, 2vw, 28px);
}

body.public-home-page .home-types-cta {
    margin-top: clamp(32px, 4vw, 48px);
    display: flex;
    justify-content: center;
}

body.public-home-page .home-types-all-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    border: 1px solid rgba(201, 169, 110, .4);
    border-radius: 999px;
    color: #ead9b8;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: .04em;
    transition: background .25s ease, border-color .25s ease;
}

body.public-home-page .home-types-all-link:hover {
    background: rgba(201, 169, 110, .1);
    border-color: #c9a96e;
}

@media (max-width: 900px) {
    body.public-home-page .home-types-grid {
        grid-template-columns: 1fr;
        max-width: 460px;
        margin-inline: auto;
    }
}

/* ==========================================================================
   FIX 2026-08-23 — Hero zi/noapte cu slideshow crossfade.
   Cele 3 randari ale perioadei curente sunt stivuite; se afiseaza prin opacity.
   Perioada (zi/noapte) e deja decisa pe server; JS-ul roteste doar intre cele 3.
   ========================================================================== */
.hero.hero-daynight .hero-slide {
    position: absolute;
    inset: 0;
    margin: 0;
    opacity: 0;
    transition: opacity 1.4s ease-in-out;
    will-change: opacity;
    z-index: 0;
}

.hero.hero-daynight .hero-slide.is-active {
    opacity: 1;
}

.hero.hero-daynight .hero-slide .hero-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media (prefers-reduced-motion: reduce) {
    .hero.hero-daynight .hero-slide {
        transition: none;
    }
    /* Fara rotatie: ramane doar prima randare. */
    .hero.hero-daynight .hero-slide:not(.is-active) {
        display: none;
    }
}

/* ==========================================================================
   FIX 2026-08-23 — Pagina Apartamente (Faza 2)
   #9  fara blur / fara reveal lent (pagina apare clara si instant, ca pe home)
   #13 descrierea "PE SCURT" fara fundal-card (doar text pe pagina maro)
   #15 piese ramase pe verde-negru (#101a17 / #07100e) -> transparent / maro cald
   ========================================================================== */

/* #9 — viteza: continutul apare complet din primul paint, fara blur/translate. */
body.public-apartments-page .micro-reveal,
body.public-apartments-page .apartment-reveal,
body.public-apartments-page .apt-tier-1,
body.public-apartments-page .apt-tier-2,
body.public-apartments-page .apt-tier-3 {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: border-color .28s ease, box-shadow .28s ease, transform .28s ease !important;
    animation: none !important;
    will-change: auto !important;
}
/* pastram hover-ul de elevare pe carduri (nu e reveal): re-permitem transform la hover */
body.public-apartments-page .apt-tier-2.is-visible:hover,
body.public-apartments-page .apt-tier-3.is-visible:hover {
    transform: translateY(-9px) !important;
}

/* #13 — descrierea apartamentului fara fundal-card: doar text. */
body.public-apartments-page .content-copy {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* #15 — piese verzi ramase -> transparent / maro cald coerent. */
body.public-apartments-page .apartment-benefits-list,
body.public-apartments-page .apartment-location-copy,
body.public-apartments-page .apartment-location-map {
    background-color: transparent !important;
}
body.public-apartments-page .apartment-final-form {
    background-color: rgba(30, 19, 13, .6) !important;
    border: 1px solid rgba(217, 178, 126, .12) !important;
}
/* cardurile din blocul de beneficii: fundal maro cald subtil, nu verde/negru dur */
body.public-apartments-page .benefit-card,
body.public-apartments-page .apartment-benefits-list > * {
    background-color: rgba(255, 255, 255, .03) !important;
    border-color: rgba(217, 178, 126, .13) !important;
}

/* ==========================================================================
   FIX 2026-08-23 — Scroll „prins" pe hero (#16, Faza 2)
   Cauza: `html{scroll-behavior:smooth}` global (in the-icon-public.css) facea
   ca scroll-ul sa fie animat/lent, dand senzatia ca „scroleaza pe imagine"
   inainte sa mearga mai departe. Trecem pe scroll instant (auto) — raspuns imediat.
   Anchor-urile interne isi pastreaza pozitionarea corecta prin scroll-margin-top.
   ========================================================================== */
html {
    scroll-behavior: auto !important;
}

/* ==========================================================================
   FIX 2026-08-23 — Galerie apartament (#12): asezare curata, fara goluri.
   Grid uniform pe 12 coloane: prima imagine mare (6x2), restul in 4 coloane
   egale (span 3) care umplu randurile echilibrat. Elimina spatiile goale
   din layout-ul anterior (2-3 span 3 + n+4 span 3 lasau coloane goale).
   ========================================================================== */
body.public-apartments-page .apartment-inline-gallery-grid a:nth-child(1) {
    grid-column: span 6 !important;
    grid-row: span 2 !important;
    min-height: 472px !important;
}
body.public-apartments-page .apartment-inline-gallery-grid a:nth-child(2),
body.public-apartments-page .apartment-inline-gallery-grid a:nth-child(3) {
    grid-column: span 3 !important;
}
/* de la a 4-a incolo: 4 pe rand (span 3), umplere uniforma sub imaginea mare */
body.public-apartments-page .apartment-inline-gallery-grid a:nth-child(n+4) {
    grid-column: span 3 !important;
    min-height: 230px !important;
}

@media (max-width: 900px) {
    body.public-apartments-page .apartment-inline-gallery-grid a:nth-child(1) {
        grid-column: span 12 !important;
        grid-row: span 1 !important;
        min-height: 300px !important;
    }
    body.public-apartments-page .apartment-inline-gallery-grid a {
        grid-column: span 6 !important;
    }
}

/* ==========================================================================
   FIX 2026-08-23 (b) — CTA home: partea de sus era invizibila.
   Cauza: h2 + copy aveau opacity:0 / translateY dintr-o animatie de reveal care
   nu s-a declansat, iar .home-final-points era display:none. Le facem vizibile.
   ========================================================================== */
/* Titlul + subtitlul CTA erau invizibile (opacity:0 / translateY dintr-un reveal
   nedeclansat). Le facem vizibile. Blocul .home-final-points ramane ascuns —
   a fost dezactivat intentionat anterior (regula .home-final-shell .home-final-points),
   nu il reintroducem. */
body.public-home-page .home-final-copy,
body.public-home-page .home-final-copy > * {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
    visibility: visible !important;
}
body.public-home-page .home-final-copy span {
    color: #d8b98c !important;
}
body.public-home-page .home-final-copy h2 {
    color: #f5efe2 !important;
}
body.public-home-page .home-final-copy p {
    color: rgba(224, 212, 192, .78) !important;
}
@media (max-width: 760px) {
    body.public-home-page .home-final-points {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================================
   FIX 2026-08-23 (b) — Benefits strip la latimea de continut.
   Strip-ul se intindea pana la marginile ecranului, spre deosebire de restul
   sectiunilor (aliniate la ~1200px). Il aducem la aceeasi latime de continut.
   ========================================================================== */
body.public-home-page .home-benefits-inner {
    width: min(1200px, calc(100% - clamp(32px, 6vw, 96px))) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Galerie zi/noapte — nota discreta despre setul curent (2026-08-23). */
.gallery-daynight-note {
    text-align: center;
    color: #d8b98c;
    font-size: 13px;
    letter-spacing: .04em;
    margin: 0 auto 22px;
    max-width: 640px;
    opacity: .9;
}

.gallery-empty-state {
    grid-column: 1 / -1;
    margin: 28px 0;
    color: rgba(255, 250, 244, .62);
    font-size: 14px;
    text-align: center;
}

html[data-theme="light"] .gallery-empty-state {
    color: #76675e;
}

/* ==========================================================================
   Tabel disponibilitati apartamente — coloana Etaje (2026-08-27).
   Fiecare suprafata afiseaza etajele pe care e disponibila + nr. disponibilitati.
   ========================================================================== */
.apartment-variants-table .apartment-variant-floors {
    padding-top: 10px;
    padding-bottom: 10px;
}
.apartment-variant-floor {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    margin: 3px 8px 3px 0;
    padding: 4px 10px;
    border: 1px solid rgba(217, 178, 126, .22);
    border-radius: 999px;
    font-size: 12.5px;
    white-space: nowrap;
    line-height: 1.2;
}
.apartment-variant-floor .floor-name {
    color: #f4e9dc;
    font-weight: 600;
}
.apartment-variant-floor .floor-units {
    color: #c9a96e;
    font-size: 11.5px;
    letter-spacing: .02em;
}
.apartment-variants-table .apartment-variant-units strong {
    font-size: 18px;
    color: #f5efe2;
}
@media (max-width: 720px) {
    .apartment-variant-floor {
        font-size: 11.5px;
        padding: 3px 8px;
    }
}