/* ============================================================================
   Black Week în Bucătărie (6–14 noiembrie 2026) — pagina campaniei, pe întuneric.
   Antetul, butoanele, cardurile de proiect și întrebările sunt ale site-ului (v2.css, kx.css); aici doar culorile lor
   pe întuneric și ce e al paginii: lumina lămpii din erou, rețeta, pașii, locurile, finalul, ceasul și pastila de jos.
   Fără linii despărțitoare: spațiul și cardurile separă secțiunile.
   ============================================================================ */
.kx-bw {
    --bw-fond: #0D0C0B;
    --bw-card: #161513;
    --bw-card-2: #1E1C1A;
    --bw-text: #F2EFE9;
    --bw-text-70: rgba(242, 239, 233, .72);
    --bw-text-50: rgba(242, 239, 233, .52);
    --bw-lumina: 255, 230, 194;
    --bw-verde-deschis: #A3D163;
    interpolate-size: allow-keywords;
}
.kx-bw .v-pagina { background: var(--bw-fond); }
.kx-bw main { color: var(--bw-text); }
.kx-bw main :focus-visible { outline-color: var(--verde); }

/* ---------------------------------------------------------------- antetul și garanțiile, pe întuneric (aceleași componente) */
.kx-bw .v-antet, .kx-bw .v-garantii {
    --ink: #F2EFE9; --ink-60: rgba(242, 239, 233, .62); --ink-10: rgba(242, 239, 233, .12); --ink-06: rgba(242, 239, 233, .07);
    --fond: #0D0C0B; --hartie: #1A1917; --v-card: #1E1C1A;
    color: var(--ink);
}
.kx-bw .v-antet { background: var(--bw-fond); }
.kx-bw .v-antet.is-lipit { box-shadow: 0 14px 34px -22px rgba(0, 0, 0, .95); }
.kx-bw .kx-logo img { filter: brightness(0) invert(1); }
.kx-bw .v-nav__a span + span, .kx-bw .v-ic__n { color: var(--bw-fond); }
.kx-bw .v-drop { box-shadow: 0 30px 60px -26px rgba(0, 0, 0, .9); }
.kx-bw .kx-antet-cta { background: var(--verde); color: var(--verde-ink); }
.kx-bw .kx-antet-cta .v-btn__f { background: var(--bw-verde-deschis); }

/* ---------------------------------------------------------------- butoanele paginii: verdele de brand și conturul deschis */
.bw-btn { background: var(--verde); color: var(--verde-ink); }
.bw-btn .v-btn__f { background: var(--bw-verde-deschis); }
.bw-btn svg { transition: transform .4s cubic-bezier(.2, .8, .2, 1); }
.bw-btn:hover svg { transform: translateX(4px); }
.bw-btn-contur { background: transparent; color: var(--bw-text); box-shadow: inset 0 0 0 1px rgba(242, 239, 233, .38); transition: color .45s; }
.bw-btn-contur .v-btn__f { background: var(--bw-text); }
.bw-btn-contur.is-plin { color: var(--bw-fond); }

/* ---------------------------------------------------------------- titlurile: subțiri, ca pe tot site-ul (kx.css le pune la 200); aici mărimea, spațierea și culoarea.
   Titlul mare crește și cu înălțimea ecranului, ca pe laptopurile joase să încapă sub lampă împreună cu butonul. */
.bw-h1 { display: grid; gap: .06em; font-size: clamp(44px, min(5.6vw + 8px, 11.7svh - 18px), 112px); font-weight: 200; letter-spacing: -0.045em; line-height: .96; color: #fff;
    text-shadow: 0 2px 50px rgba(0, 0, 0, .35); }
.bw-h1__r { display: block; }
/* „în Bucătărie.” / „in the Kitchen.” rămâne pe un rând: pe telefon titlul se rupe după „Black Week”, nu în mijlocul lui */
.bw-h1__r > .v-subtire { display: inline-block; }
.bw-h1__data { color: rgb(var(--bw-lumina)); }
.bw-h2 { font-size: clamp(38px, 3.4vw + 12px, 66px); font-weight: 200; letter-spacing: -0.04em; line-height: 1.02; color: var(--bw-text); }
.kx-bw .v-subtire { letter-spacing: -0.035em; }

.bw-s { padding: clamp(84px, 8vw, 150px) var(--pagina) 0; }
.bw-s--final { padding-bottom: clamp(84px, 8vw, 150px); }
.bw-cap { align-items: flex-end; margin-bottom: clamp(28px, 3vw, 48px); }
.bw-centru { display: flex; justify-content: center; margin-top: clamp(40px, 4vw, 64px); }

/* ============================================================================ EROUL
   Poza intră din întuneric, abajurul se aprinde (cu o pâlpâire) și lumina iese de sub el, peste titlu. Raza, haloul, lumina de pe blat
   și praful din aer sunt așezate de kx-bw.js exact pe marginea de jos a abajurului (--lx, --ly, --lw); fără JavaScript rămân pe locul
   calculat aici. Eroul ține cât ecranul de sub antet, ca titlul și butonul să fie în primul ecran și pe laptopurile joase. */
.bw-erou-w { position: relative; }
.bw-erou { --bw-gol: clamp(12px, 2.2svh, 22px); --bw-jos: clamp(100px, 12svh, 140px);
    position: relative; display: grid; align-content: end; margin: 0 var(--pagina); height: clamp(400px, calc(100svh - 196px), 940px);
    border-radius: var(--r-lg); overflow: hidden; isolation: isolate; background: #060505; color: #fff; }
.bw-erou__scena { position: absolute; inset: 0; }
.bw-erou__poza { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 32%; max-width: none;
    transform-origin: 48.8% 31.35%; animation: bw-poza 2.8s cubic-bezier(.16, 1, .3, 1) both; }
@keyframes bw-poza { from { transform: scale(1.09); filter: brightness(.35) saturate(.8); } to { transform: none; filter: none; } }
.bw-erou__umbra { position: absolute; inset: 0; pointer-events: none;
    background: radial-gradient(130% 95% at 50% 28%, rgba(6, 5, 5, 0) 38%, rgba(6, 5, 5, .6) 100%),
                linear-gradient(180deg, rgba(6, 5, 5, 0) 34%, rgba(6, 5, 5, .62) 72%, rgba(6, 5, 5, .9) 100%); }

.bw-lumina { position: absolute; inset: 0; z-index: 1; pointer-events: none; --lx: 48.8%; --ly: 31.35%; --lw: 21.9%;
    opacity: 0; animation: bw-aprinde 1.9s linear .55s both; }
@keyframes bw-aprinde { 0% { opacity: 0; } 9% { opacity: .85; } 12% { opacity: .08; } 20% { opacity: .95; } 24% { opacity: .3; } 33%, 100% { opacity: 1; } }
.bw-lumina > span { position: absolute; display: block; mix-blend-mode: screen; }
/* lumina iese de sub abajur: raza și haloul pornesc de pe marginea lui de jos (--ly) și apar treptat în primii pixeli (mască, nu tăietură —
   fără nicio linie dreaptă), iar abajurul rămâne neluminat. Raza e un con cu marginile moi: blur pe părinte, conul decupat pe copil; sus e mai
   îngust decât gura abajurului, ca după blur să nu treacă de ea, și e mai luminos pe mijloc. */
.bw-lumina__raza { left: var(--lx); top: var(--ly); width: calc(var(--lw) * 3.6); height: calc(100% - var(--ly)); transform: translateX(-50%); filter: blur(12px);
    -webkit-mask-image: linear-gradient(#0000, #000 16px); mask-image: linear-gradient(#0000, #000 16px);
    animation: bw-respira 7s ease-in-out 3s infinite alternate; }
.bw-lumina__raza::before { content: ''; position: absolute; inset: 0; clip-path: polygon(41.5% 0, 58.5% 0, 100% 100%, 0 100%);
    background: radial-gradient(70% 100% at 50% 0, rgba(var(--bw-lumina), .46), rgba(var(--bw-lumina), .2) 28%, rgba(var(--bw-lumina), .07) 60%, rgba(var(--bw-lumina), 0) 92%); }
@keyframes bw-respira { from { opacity: 1; } to { opacity: .82; } }
/* haloul: cel mai luminos chiar sub mijlocul abajurului, unde e becul, și se stinge în jos și spre margini */
.bw-lumina__halou { left: var(--lx); top: var(--ly); width: calc(var(--lw) * .92); aspect-ratio: 4; transform: translateX(-50%); filter: blur(3px);
    -webkit-mask-image: linear-gradient(#0000, #000 5px); mask-image: linear-gradient(#0000, #000 5px);
    background: radial-gradient(50% 100% at 50% 0, rgba(255, 247, 230, .95), rgba(255, 228, 184, .4) 45%, rgba(255, 228, 184, 0)); }
.bw-lumina__balta { left: var(--lx); top: calc(var(--ly) + (100% - var(--ly)) * .6); width: calc(var(--lw) * 4.6); aspect-ratio: 2.4; transform: translate(-50%, -50%);
    border-radius: 50%; background: radial-gradient(closest-side, rgba(var(--bw-lumina), .17), rgba(var(--bw-lumina), 0)); }
.bw-lumina__praf { inset: 0; }
.bw-lumina__praf i { position: absolute; left: calc(var(--lx) + var(--x) * var(--lw) * (1 + 2.3 * var(--y))); top: calc(var(--ly) + (100% - var(--ly)) * var(--y) * .86);
    width: var(--m); height: var(--m); border-radius: 50%; background: rgba(255, 240, 216, .9); box-shadow: 0 0 7px rgba(255, 228, 188, .7); opacity: 0;
    animation: bw-praf var(--d) linear var(--i) infinite; }
@keyframes bw-praf {
    0% { opacity: 0; transform: translate3d(0, 0, 0); }
    18% { opacity: .9; }
    50% { opacity: .45; transform: translate3d(12px, -22px, 0); }
    82% { opacity: .8; }
    100% { opacity: 0; transform: translate3d(-6px, -46px, 0); }
}

.bw-erou__txt { position: relative; z-index: 2; display: grid; justify-items: center; gap: var(--bw-gol); padding: 0 24px var(--bw-jos); text-align: center; }
.bw-erou__txt > * { animation: bw-intra 1.5s cubic-bezier(.16, 1, .3, 1) both; }
.bw-erou__txt > :nth-child(1) { animation-delay: 1.15s; }
.bw-erou__txt > :nth-child(2) { animation-delay: 1.4s; }
.bw-erou__txt > :nth-child(3) { animation-delay: 1.6s; }
/* ceasul eroului: în colțul de jos al pozei (pe telefon, sub erou — acolo jos e bara site-ului) */
.bw-ceas--erou { position: absolute; z-index: 2; right: calc(var(--pagina) + clamp(24px, 3vw, 48px)); bottom: clamp(22px, 2.6vw, 40px); justify-items: end;
    animation: bw-intra 1.5s cubic-bezier(.16, 1, .3, 1) 2s both; }
.bw-ceas--erou .bw-ceas__c b { font-size: clamp(28px, 1.4vw + 14px, 40px); }
@keyframes bw-intra { from { opacity: 0; transform: translateY(26px); filter: blur(6px); } to { opacity: 1; transform: none; filter: none; } }
.bw-erou__sub { font-size: clamp(18px, min(1vw + 13px, 3svh), 28px); font-weight: 300; letter-spacing: -0.01em; color: rgba(255, 255, 255, .9); }
.bw-30 { font-weight: 700; color: #fff; }
.bw-erou__txt .bw-btn { margin-top: 4px; }

.bw-erou__jos { position: absolute; z-index: 2; left: 50%; bottom: 20px; display: grid; justify-items: center; gap: 10px; transform: translateX(-50%);
    font-size: 12.5px; color: rgba(255, 255, 255, .55); transition: color .3s; animation: bw-intra 1.5s cubic-bezier(.16, 1, .3, 1) 2.3s both; }
.bw-erou__jos:hover { color: #fff; }
.bw-erou__jos i { width: 1px; height: 34px; background: linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, 0)); transform-origin: top;
    animation: bw-jos 2.4s cubic-bezier(.6, 0, .2, 1) infinite; }
@keyframes bw-jos { 0% { transform: scaleY(0); opacity: 1; } 50% { transform: scaleY(1); opacity: 1; } 100% { transform: scaleY(1); opacity: 0; } }

/* ---------------------------------------------------------------- ceasul: cifre subțiri, egale; cifra care se schimbă cade din sus */
.bw-ceas { display: grid; justify-items: center; gap: 10px; font-variant-numeric: tabular-nums; }
.bw-ceas__et { font-size: 14px; color: rgba(255, 255, 255, .64); }
.bw-ceas__cifre { display: flex; gap: clamp(16px, 1.8vw, 28px); }
.bw-ceas__c { display: grid; justify-items: center; min-width: 2.2ch; }
.bw-ceas__c b { display: block; font-size: clamp(30px, 1.8vw + 16px, 46px); font-weight: 200; letter-spacing: -0.03em; line-height: 1; color: #fff; }
.bw-ceas__c b.is-schimbat { animation: bw-cifra .55s cubic-bezier(.16, 1, .3, 1); }
@keyframes bw-cifra { from { opacity: 0; transform: translateY(-38%); filter: blur(3px); } to { opacity: 1; transform: none; filter: none; } }
.bw-ceas__c small { margin-top: 6px; font-size: 11.5px; color: rgba(255, 255, 255, .5); }
.bw-ceas.is-gata .bw-ceas__cifre { display: none; }

/* ============================================================================ S1 · REȚETA */
.bw-reteta { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1fr); gap: clamp(36px, 6vw, 112px); align-items: center; }
.bw-reteta__poza { position: relative; margin: 0; aspect-ratio: 4 / 5; border-radius: var(--r-lg); overflow: hidden; background: var(--bw-card); }
.bw-reteta__poza img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 58%; max-width: none; }
.bw-ing { list-style: none; margin: clamp(30px, 3vw, 46px) 0 clamp(34px, 3vw, 48px); padding: 0; display: grid; gap: 10px; }
.bw-ing li { display: grid; grid-template-columns: 46px minmax(0, 1fr); grid-template-areas: "ic m" "ic t"; column-gap: 18px; row-gap: 3px; align-items: start;
    padding: 16px 22px 17px 16px; border-radius: var(--r); background: var(--bw-card); transition: background .3s, transform .5s cubic-bezier(.2, .8, .2, 1); }
.bw-ing li:hover { background: var(--bw-card-2); transform: translateX(4px); }
.bw-ing__ic { grid-area: ic; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: rgba(242, 239, 233, .06);
    color: rgb(var(--bw-lumina)); }
.bw-ing__ic svg, .bw-loc__ic svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.bw-ing__m { grid-area: m; padding-top: 2px; font-size: 17px; font-weight: 700; letter-spacing: -0.01em; color: var(--bw-text); }
.bw-ing__t { grid-area: t; font-size: 15.5px; line-height: 1.5; color: var(--bw-text-70); }
/* ingredientul secret: verdele de brand; cifra urcă de la 0 la 30 când ajunge pe ecran, apoi o lumină trece peste rând */
.bw-ing li.bw-ing__secret { position: relative; overflow: hidden; background: rgba(126, 186, 50, .1); box-shadow: inset 0 0 0 1px rgba(126, 186, 50, .32); }
.bw-ing__secret .bw-ing__ic { background: rgba(126, 186, 50, .16); color: var(--verde); }
.bw-ing__secret .bw-ing__t { color: var(--bw-text); }
.bw-ing__30 { font-size: 1.55em; font-weight: 800; letter-spacing: -0.03em; color: var(--verde); font-variant-numeric: tabular-nums; }
.bw-ing__secret::after { content: ''; position: absolute; top: 0; bottom: 0; left: -40%; width: 40%; pointer-events: none;
    background: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1), rgba(255, 255, 255, 0)); transform: skewX(-18deg); opacity: 0; }
.bw-ing__secret.is-dezvaluit::after { animation: bw-trece 1.4s cubic-bezier(.4, 0, .2, 1) .1s; }
@keyframes bw-trece { 0% { left: -40%; opacity: 1; } 100% { left: 120%; opacity: 1; } }

/* ============================================================================ S2 · METODA DE PREPARARE */
.bw-metoda__poza { position: relative; margin: 0; height: clamp(300px, 34vw, 560px); border-radius: var(--r-lg); overflow: hidden; background: var(--bw-card); }
.bw-metoda__poza img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 55%; max-width: none; }
.bw-metoda__poza::after { content: ''; position: absolute; inset: 0;
    background: linear-gradient(90deg, rgba(8, 7, 6, .82) 0%, rgba(8, 7, 6, .3) 48%, rgba(8, 7, 6, 0) 75%), linear-gradient(0deg, rgba(8, 7, 6, .5), rgba(8, 7, 6, 0) 55%); }
.bw-metoda__poza figcaption { position: absolute; z-index: 1; left: clamp(24px, 4vw, 64px); bottom: clamp(24px, 4vw, 60px); max-width: 9em; }
.bw-pasi { list-style: none; margin: clamp(14px, 1.6vw, 24px) 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(14px, 1.6vw, 24px); }
.bw-pasi li { position: relative; padding: clamp(24px, 2.2vw, 34px) clamp(22px, 2vw, 30px) clamp(26px, 2.4vw, 36px); border-radius: var(--r-lg); background: var(--bw-card); overflow: hidden; }
/* cifrele: doar conturul, apoi se umplu pe rând când pașii ajung pe ecran */
.bw-pasi__nr { display: block; margin-bottom: clamp(22px, 2.4vw, 36px); font-size: clamp(56px, 4.4vw + 10px, 92px); font-weight: 200; letter-spacing: -0.05em; line-height: .9;
    color: transparent; -webkit-text-stroke: 1px rgba(242, 239, 233, .38); transition: color 1s cubic-bezier(.16, 1, .3, 1), -webkit-text-stroke-color 1s; }
.bw-pasi li.is-aprins .bw-pasi__nr { color: var(--bw-text); -webkit-text-stroke-color: rgba(242, 239, 233, 0); }
.bw-pasi h3 { margin-bottom: 10px; font-size: clamp(20px, .5vw + 16px, 24px); letter-spacing: -0.02em; line-height: 1.2; }
.bw-pasi p { font-size: 15.5px; line-height: 1.55; color: var(--bw-text-70); }
.bw-pasi p b { color: var(--verde); }
/* „Dai la cuptor": căldura cuptorului urcă de jos când pasul se aprinde */
.bw-pasi__cuptor::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: 0; transition: opacity 1.6s cubic-bezier(.16, 1, .3, 1);
    background: radial-gradient(110% 80% at 50% 118%, rgba(222, 118, 48, .42), rgba(222, 118, 48, .1) 52%, rgba(222, 118, 48, 0) 72%); }
.bw-pasi__cuptor.is-aprins::before { opacity: 1; animation: bw-cuptor 4.5s ease-in-out 1.6s infinite alternate; }
.bw-pasi__cuptor.is-aprins .bw-pasi__nr { color: rgb(255, 196, 150); }
.bw-pasi__cuptor > * { position: relative; }
@keyframes bw-cuptor { from { opacity: 1; } to { opacity: .72; } }

/* ============================================================================ S3 · PREPARATE ANTERIOARE (cardurile de proiect ale site-ului) */
.kx-bw .bw-proiecte .kx-pcard__media { background: var(--bw-card); }
.kx-bw .bw-proiecte .kx-pcard__t { color: var(--bw-text); }
.kx-bw .bw-proiecte .kx-pcard__et { color: var(--bw-text-50); }
.kx-bw .bw-proiecte .kx-salv { background: var(--bw-card-2); color: var(--bw-text); }
.kx-bw .bw-proiecte .kx-salv.is-salvat { background: var(--verde); color: var(--verde-ink); }

/* ============================================================================ S4 · ÎNTREBĂRI (acordeonul site-ului, pe întuneric) */
.bw-faq__cap { position: sticky; top: calc(var(--hdr-h) + 28px); }
.bw-faq__poza { margin: 0; width: 100%; aspect-ratio: 16 / 10; border-radius: var(--r-lg); overflow: hidden; background: var(--bw-card); }
.bw-faq__poza img { width: 100%; height: 100%; object-fit: cover; object-position: 38% 62%; max-width: none; }
.kx-bw .bw-faq details { background: var(--bw-card); transition: background .3s; }
.kx-bw .bw-faq details:hover { background: var(--bw-card-2); }
.kx-bw .bw-faq details[open] { background: var(--bw-card-2); box-shadow: none; }
.kx-bw .bw-faq summary { color: var(--bw-text); }
.kx-bw .bw-faq summary::after { border-color: var(--bw-text); }
.kx-bw .bw-faq .kx-faqa__r { color: var(--bw-text-70); }
.kx-bw .bw-faq .kx-faqa__r a { color: var(--bw-text); }
.kx-bw .bw-faq details::details-content { block-size: 0; overflow: clip; transition: block-size .5s cubic-bezier(.2, .8, .2, 1), content-visibility .5s allow-discrete; }
.kx-bw .bw-faq details[open]::details-content { block-size: auto; }
/* regulamentul campaniei (PDF) */
.bw-regulament { display: inline-flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 600; color: var(--bw-text-70); transition: color .25s; }
.bw-regulament:hover { color: var(--bw-text); }
.bw-regulament svg { flex: none; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.bw-regulament small { padding: 2px 7px; border-radius: 6px; background: rgba(242, 239, 233, .08); font-size: 11px; font-weight: 700; }

/* ============================================================================ S5 · UNDE GĂTIM */
.bw-locuri { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 1.6vw, 24px); }
.bw-loc { display: flex; flex-direction: column; gap: 14px; padding: clamp(26px, 2.4vw, 38px); border-radius: var(--r-lg); background: var(--bw-card);
    transition: background .3s, transform .6s cubic-bezier(.2, .8, .2, 1); }
.bw-loc:hover { background: var(--bw-card-2); transform: translateY(-4px); }
.bw-loc__ic { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: rgba(242, 239, 233, .06); color: rgb(var(--bw-lumina)); }
.bw-loc h3 { margin-top: 10px; font-size: clamp(22px, .7vw + 16px, 28px); letter-spacing: -0.03em; line-height: 1.15; }
.bw-loc__adr { font-size: 16px; line-height: 1.5; color: var(--bw-text-70); }
.bw-program { display: grid; gap: 9px; margin: 6px 0 0; }
.bw-program div { display: grid; grid-template-columns: 7.2em minmax(0, 1fr); gap: 12px; font-size: 15px; line-height: 1.4; }
.bw-program dt { color: var(--bw-text-50); }
.bw-program dd { margin: 0; color: var(--bw-text); font-variant-numeric: tabular-nums; }
.bw-program small { display: block; margin-top: 1px; font-size: 13px; color: var(--bw-text-50); }
.bw-loc__btn { display: grid; justify-items: start; gap: 16px; margin-top: auto; padding-top: 18px; }
.bw-loc__harta { display: inline-flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 600; color: var(--bw-text); transition: color .25s, gap .35s; }
.bw-loc__harta:hover { color: var(--verde); gap: 14px; }

/* ============================================================================ S6 · FINALUL */
.bw-final { position: relative; display: grid; place-items: center; min-height: clamp(520px, 44vw, 780px); border-radius: var(--r-lg); overflow: hidden; isolation: isolate;
    text-align: center; background: var(--bw-card); }
.bw-final__poza { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 50% 62%; max-width: none; }
.bw-final::before { content: ''; position: absolute; inset: 0; z-index: -1;
    background: radial-gradient(75% 80% at 50% 50%, rgba(8, 7, 6, .5), rgba(8, 7, 6, .9)); }
.bw-final__txt { display: grid; justify-items: center; gap: 26px; max-width: 1040px; padding: clamp(56px, 6vw, 96px) 24px; }
.bw-final__titlu { font-size: clamp(38px, 4vw + 12px, 82px); }
.bw-final__p { font-size: clamp(17px, .5vw + 14px, 21px); line-height: 1.5; color: var(--bw-text-70); }
.bw-final__conditii { max-width: 46em; margin-top: 4px; font-size: 13px; line-height: 1.55; color: var(--bw-text-50); }
.bw-final__conditii a { color: var(--bw-text-70); text-decoration: underline; text-underline-offset: 3px; transition: color .25s; }
.bw-final__conditii a:hover { color: var(--bw-text); }

/* ---------------------------------------------------------------- pastila de jos: după erou, până la secțiunea finală; pe telefon nu apare
   (acolo jos e bara site-ului, cu butonul de programare) */
.bw-pastila { position: fixed; z-index: 90; left: 50%; bottom: 22px; display: flex; align-items: center; gap: 16px; padding: 7px 7px 7px 20px; border-radius: 999px;
    background: rgba(20, 19, 17, .84); color: #fff; -webkit-backdrop-filter: blur(16px) saturate(140%); backdrop-filter: blur(16px) saturate(140%);
    box-shadow: 0 22px 44px -20px rgba(0, 0, 0, .85), inset 0 0 0 1px rgba(255, 255, 255, .08);
    opacity: 0; transform: translate(-50%, 150%); transition: transform .7s cubic-bezier(.16, 1, .3, 1), opacity .45s; }
.bw-pastila[hidden] { display: none; }
.bw-pastila.is-vizibila { opacity: 1; transform: translate(-50%, 0); }
.bw-pastila__30 { font-size: 16px; font-weight: 800; letter-spacing: -0.02em; color: var(--verde); }
.bw-pastila__ceas { font-size: 13.5px; color: rgba(255, 255, 255, .66); white-space: nowrap; font-variant-numeric: tabular-nums; }
.bw-pastila__ceas b { font-weight: 600; color: #fff; }
.bw-pastila__btn { display: inline-flex; align-items: center; gap: 9px; height: 44px; padding: 0 20px; border-radius: 999px; background: var(--verde); color: var(--verde-ink);
    font-size: 14px; font-weight: 700; white-space: nowrap; transition: background .3s, gap .35s; }
.bw-pastila__btn:hover { background: var(--bw-verde-deschis); gap: 13px; }

/* ============================================================================ ecrane mai mici */
@media (max-width: 1100px) {
    .bw-erou { height: clamp(440px, calc(100svh - 140px), 860px); }
    .bw-pasi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bw-locuri { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bw-loc--online { grid-column: 1 / -1; }
}
/* laptopurile și tabletele joase (sub 800px înălțime): lampa urcă în cadru, textul coboară spre marginea de jos, fără îndemnul de derulare */
@media (min-width: 761px) and (max-height: 799px) {
    .bw-erou { --bw-jos: clamp(28px, 9svh - 24px, 60px); }
    .bw-erou__poza { object-position: 50% 50%; }
    .bw-erou__jos { display: none; }
}
@media (max-width: 900px) {
    .bw-reteta { grid-template-columns: minmax(0, 1fr); }
    .bw-reteta__poza { aspect-ratio: 16 / 10; }
    .bw-faq__cap { position: static; }
}
/* telefonul: eroul se termină deasupra barei de jos a site-ului (84px), cu lampa, titlul și butonul în primul ecran; pe telefoanele joase ceasul vine imediat sub erou */
@media (max-width: 760px) {
    .bw-erou { --bw-gol: clamp(12px, 2svh, 18px); --bw-jos: 22px; margin: 0 10px; border-radius: var(--r); height: clamp(440px, calc(100svh - 224px), 760px); }
    .bw-h1 { font-size: clamp(36px, 10vw, 44px); }
    .bw-erou__txt { padding: 0 18px var(--bw-jos); }
    .bw-erou__jos { display: none; }
    .bw-ceas--erou { position: static; justify-items: center; margin-top: 84px; }
    .bw-ceas__cifre { gap: 18px; }
    .bw-cap { flex-direction: column; align-items: flex-start; gap: 18px; }
    .bw-ing li { grid-template-columns: 40px minmax(0, 1fr); column-gap: 14px; padding: 14px 16px 15px 14px; }
    .bw-ing__ic { width: 40px; height: 40px; }
    .bw-ing__m { font-size: 16px; }
    .bw-pasi { grid-template-columns: minmax(0, 1fr); }
    .bw-proiecte > :nth-child(n+5) { display: none; }
    .bw-locuri { grid-template-columns: minmax(0, 1fr); }
    .bw-final { margin: 0 -10px; }
    .bw-pastila { display: none; }
}
/* telefoanele obișnuite (de la 740px înălțime): ceasul încape în erou, sub buton, mai mic — totul în primul ecran, deasupra barei de jos
   (bara stă mai sus cu zona de siguranță a iPhone-ului, de aceea env()); titlul începe sub lumina abajurului */
@media (max-width: 760px) and (min-height: 740px) {
    .bw-erou { --bw-gol: 12px; --bw-jos: 96px; height: clamp(520px, calc(100svh - 224px - env(safe-area-inset-bottom, 0px)), 760px); }
    .bw-h1 { font-size: clamp(40px, min(12vw, 5.6svh), 50px); }
    .bw-ceas--erou { position: absolute; left: 10px; right: 10px; bottom: 14px; margin: 0; gap: 6px; }
    .bw-ceas--erou .bw-ceas__et { font-size: 13px; }
    .bw-ceas--erou .bw-ceas__c b { font-size: 30px; }
    .bw-ceas--erou .bw-ceas__c small { margin-top: 3px; font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
    .bw-erou__poza, .bw-lumina, .bw-lumina__raza, .bw-lumina__praf i, .bw-erou__txt > *, .bw-ceas--erou, .bw-erou__jos, .bw-erou__jos i, .bw-ceas__c b.is-schimbat,
    .bw-pasi__cuptor.is-aprins::before, .bw-ing__secret.is-dezvaluit::after { animation: none !important; }
    .bw-lumina { opacity: 1; }
    .bw-lumina__praf { display: none; }
}