/* ==========================================================================
   Black Friday 2026 — pagina de teaser (/black-friday-2026)
   CSS de sine statator: NU foloseste clase Tailwind noi (ar cere npm run build).
   Toate clasele proprii sunt prefixate .bft-
   ========================================================================== */

body.bf-teaser-2026 {
    background: #08060d;
    color: #F3EFE8;
}

body.bf-teaser-2026 .page-main,
body.bf-teaser-2026 .columns,
body.bf-teaser-2026 .column.main {
    max-width: none;
    padding: 0;
    margin: 0;
}

/* --------------------------------------------------------------- HEADER -- */
.bft-header {
    background: linear-gradient(90deg, rgba(14, 10, 22, 0.98), rgba(26, 16, 40, 0.98));
    border-bottom: 1px solid rgba(233, 185, 73, 0.22);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.55);
}

/* ----------------------------------------------------------------- HERO -- */
.bft-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(120% 80% at 50% -10%, rgba(120, 60, 180, 0.45) 0%, rgba(60, 26, 96, 0.22) 38%, rgba(8, 6, 13, 0) 68%),
        radial-gradient(90% 60% at 50% 105%, rgba(233, 185, 73, 0.10) 0%, rgba(8, 6, 13, 0) 60%),
        #08060d;
    padding: 3.5rem 1rem 7.5rem;
    text-align: center;
}

@media (min-width: 768px) {
    .bft-hero { padding: 5rem 1.5rem 8.5rem; }
}

/* praf de stele — pur decorativ */
.bft-stars {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        radial-gradient(1.5px 1.5px at 12% 18%, rgba(255,255,255,.55) 50%, transparent 51%),
        radial-gradient(1.5px 1.5px at 28% 62%, rgba(255,255,255,.35) 50%, transparent 51%),
        radial-gradient(1.5px 1.5px at 41% 9%,  rgba(255,255,255,.30) 50%, transparent 51%),
        radial-gradient(1.5px 1.5px at 55% 78%, rgba(255,255,255,.28) 50%, transparent 51%),
        radial-gradient(1.5px 1.5px at 68% 24%, rgba(255,255,255,.45) 50%, transparent 51%),
        radial-gradient(1.5px 1.5px at 82% 55%, rgba(255,255,255,.32) 50%, transparent 51%),
        radial-gradient(1.5px 1.5px at 92% 14%, rgba(255,255,255,.40) 50%, transparent 51%),
        radial-gradient(1.5px 1.5px at 6%  84%, rgba(255,255,255,.26) 50%, transparent 51%);
}

.bft-inner {
    position: relative;
    z-index: 1;
    max-width: 62rem;
    margin: 0 auto;
}

/* eyebrow cu linii aurii */
.bft-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .9rem;
    color: #E9B949;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .28em;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
}
.bft-eyebrow::before,
.bft-eyebrow::after {
    content: "";
    width: 3rem;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(233,185,73,.85));
}
.bft-eyebrow::after { background: linear-gradient(90deg, rgba(233,185,73,.85), transparent); }

.bft-title {
    font-family: "Archivo Black", "Poppins", system-ui, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: -.035em;
    line-height: .88;
    font-size: clamp(2.9rem, 12.5vw, 8.6rem);
    margin: 0 0 1.1rem;
    background: linear-gradient(100deg, #F8E6AC 0%, #F2C063 17%, #F0885C 41%, #F2707B 61%, #C77DFF 88%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 6px 30px rgba(199, 125, 255, .28));
}

.bft-lead {
    font-family: "Fraunces", Georgia, serif;
    font-style: italic;
    font-weight: 600;
    font-size: clamp(1.05rem, 3.4vw, 1.85rem);
    line-height: 1.35;
    color: #EFE7DA;
    margin: 0 auto 2.6rem;
    max-width: 44rem;
}
.bft-lead .hl { color: #E9B949; }

.bft-cd-label {
    color: #E9B949;
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .26em;
    text-transform: uppercase;
    margin-bottom: .9rem;
}

/* ------------------------------------------------------------ COUNTDOWN -- */
.bft-cd {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    margin-bottom: 1.1rem;
}
.bft-cd-sep {
    font-size: clamp(1.2rem, 4vw, 2rem);
    font-weight: 700;
    color: rgba(243,239,232,.35);
    padding-bottom: 1.2rem;
}
.bft-cd-cell {
    min-width: 4.4rem;
    padding: .85rem .7rem .6rem;
    border-radius: .9rem;
    background: linear-gradient(180deg, rgba(32,24,46,.95), rgba(18,13,28,.95));
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 26px rgba(0,0,0,.45);
}
@media (min-width: 640px) {
    .bft-cd { gap: .6rem; }
    .bft-cd-cell { min-width: 7.5rem; padding: 1.2rem 1rem .85rem; border-radius: 1.1rem; }
}
.bft-cd-cell.is-sec {
    border-color: rgba(233,185,73,.45);
    background: linear-gradient(180deg, rgba(48,34,20,.95), rgba(26,18,12,.95));
}
.bft-cd-num {
    font-family: "Archivo Black", "Poppins", system-ui, sans-serif;
    font-size: clamp(1.7rem, 6.5vw, 3.4rem);
    line-height: 1;
    color: #FFFFFF;
    font-variant-numeric: tabular-nums;
}
.bft-cd-cell.is-sec .bft-cd-num { color: #F2C063; }
.bft-cd-unit {
    margin-top: .45rem;
    font-size: .55rem;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: rgba(243,239,232,.55);
}
@media (min-width: 640px) { .bft-cd-unit { font-size: .62rem; } }

.bft-start {
    font-size: .88rem;
    color: rgba(243,239,232,.72);
    margin-bottom: 2rem;
}
.bft-start strong { color: #F3EFE8; }

/* ----------------------------------------------------------------- FORM -- */
.bft-form {
    max-width: 41rem;
    margin: 0 auto 1.1rem;
}
.bft-field {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .4rem;
    border-radius: 999px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 14px 40px rgba(0,0,0,.45);
    flex-direction: column;
}
@media (max-width: 639px) { .bft-field { border-radius: 1.4rem; } }
@media (min-width: 640px) { .bft-field { flex-direction: row; padding: .45rem .45rem .45rem 1.4rem; } }

.bft-input {
    flex: 1 1 auto;
    width: 100%;
    background: transparent;
    border: 0;
    outline: none;
    color: #F3EFE8;
    font-size: 1rem;
    padding: .95rem 1.2rem;
}
@media (min-width: 640px) { .bft-input { padding: .85rem 0; } }
.bft-input::placeholder { color: rgba(243,239,232,.45); }
.bft-input:focus { outline: none; box-shadow: none; }

.bft-btn {
    flex: 0 0 auto;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .95rem 1.8rem;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    font-weight: 700;
    font-size: .95rem;
    color: #241503;
    background: linear-gradient(135deg, #F6D68A, #E9B949 55%, #D79E2F);
    box-shadow: 0 10px 28px rgba(233,185,73,.32);
    transition: transform .2s ease, box-shadow .2s ease;
}
@media (min-width: 640px) { .bft-btn { width: auto; } }
.bft-btn:hover { transform: translateY(-1px); box-shadow: 0 14px 34px rgba(233,185,73,.42); }
.bft-btn[disabled] { opacity: .6; cursor: not-allowed; transform: none; }

.bft-msg { font-size: .88rem; margin-top: .75rem; min-height: 1.2rem; }
.bft-msg.is-ok { color: #6EE7A8; }
.bft-msg.is-err { color: #FCA5A5; }

/* social proof */
.bft-proof {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .6rem 1.2rem;
    font-size: .85rem;
    color: rgba(243,239,232,.7);
    margin-bottom: 1rem;
}
.bft-dots { display: inline-flex; }
.bft-dot {
    width: 1.35rem; height: 1.35rem;
    border-radius: 999px;
    border: 2px solid #120d1c;
    margin-left: -.45rem;
}
.bft-dot:first-child { margin-left: 0; }
.bft-dot.d1 { background: linear-gradient(135deg,#F6D68A,#E9B949); }
.bft-dot.d2 { background: linear-gradient(135deg,#C77DFF,#7C3AED); }
.bft-dot.d3 { background: linear-gradient(135deg,#F2707B,#E0523C); }
.bft-proof strong { color: #F3EFE8; }
.bft-proof > span { min-width: 0; }
@media (max-width: 480px) { .bft-proof { font-size: .8rem; padding: 0 .4rem; } }

.bft-wa {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: #4ADE80;
    font-weight: 600;
    text-decoration: none;
}
.bft-wa:hover { text-decoration: underline; }

.bft-guidelink {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: rgba(243,239,232,.6);
    font-size: .85rem;
    text-decoration: underline;
    text-underline-offset: 4px;
}
.bft-guidelink:hover { color: #E9B949; }

/* -------------------------------------------------------------- SECTIONS -- */
.bft-section { padding: 3.5rem 1rem; }
.bft-section.alt { background: #0d0916; border-top: 1px solid rgba(255,255,255,.05); border-bottom: 1px solid rgba(255,255,255,.05); }
.bft-wrap { max-width: 68rem; margin: 0 auto; }
.bft-h2 {
    font-family: "Archivo Black", "Poppins", system-ui, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: -.01em;
    font-size: clamp(1.4rem, 4.2vw, 2.1rem);
    color: #F3EFE8;
    margin: 0 0 .6rem;
    text-align: center;
}
.bft-sub {
    text-align: center;
    color: rgba(243,239,232,.6);
    font-size: .95rem;
    max-width: 40rem;
    margin: 0 auto 2.2rem;
}

.bft-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .9rem; }
@media (min-width: 900px) { .bft-grid { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1.1rem; } }

.bft-card {
    display: block;
    padding: 1.4rem 1.1rem;
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(32,24,46,.85), rgba(16,11,26,.85));
    border: 1px solid rgba(255,255,255,.08);
    text-decoration: none;
    transition: border-color .2s ease, transform .2s ease;
}
.bft-card:hover { border-color: rgba(233,185,73,.45); transform: translateY(-2px); }
.bft-card-ico { display: block; margin-bottom: .8rem; color: #E9B949; }
.bft-card-t { display: block; color: #F3EFE8; font-weight: 600; font-size: 1rem; margin-bottom: .35rem; }
.bft-card-d { display: block; color: rgba(243,239,232,.55); font-size: .82rem; line-height: 1.45; }

/* pasi ghid */
.bft-steps { display: grid; grid-template-columns: 1fr; gap: .8rem; }
@media (min-width: 768px) { .bft-steps { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem; } }
.bft-step {
    display: flex;
    gap: .9rem;
    padding: 1.2rem;
    border-radius: 1rem;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.07);
}
.bft-step-n {
    flex: 0 0 auto;
    width: 2rem; height: 2rem;
    border-radius: 999px;
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: .9rem;
    color: #241503;
    background: linear-gradient(135deg,#F6D68A,#E9B949);
}
.bft-step-t { color: #F3EFE8; font-weight: 600; margin-bottom: .25rem; }
.bft-step-d { color: rgba(243,239,232,.6); font-size: .86rem; line-height: 1.5; }
.bft-step-d a { color: #E9B949; text-decoration: underline; text-underline-offset: 3px; }

/* CTA „pana atunci" */
.bft-now {
    text-align: center;
    padding: 2.2rem 1.4rem;
    border-radius: 1.2rem;
    background: linear-gradient(135deg, rgba(120,60,180,.22), rgba(233,185,73,.10));
    border: 1px solid rgba(233,185,73,.25);
}
.bft-now-t { font-size: 1.15rem; font-weight: 600; color: #F3EFE8; margin-bottom: .5rem; }
.bft-now-d { color: rgba(243,239,232,.65); font-size: .92rem; margin-bottom: 1.3rem; }
.bft-now-btn {
    display: inline-flex; align-items: center; gap: .5rem;
    padding: .85rem 1.8rem;
    border-radius: 999px;
    font-weight: 700; font-size: .95rem;
    color: #241503; text-decoration: none;
    background: linear-gradient(135deg,#F6D68A,#E9B949 55%,#D79E2F);
    box-shadow: 0 10px 28px rgba(233,185,73,.28);
}
.bft-now-btn:hover { transform: translateY(-1px); }

/* FAQ */
.bft-faq { max-width: 46rem; margin: 0 auto; }
.bft-q {
    border-bottom: 1px solid rgba(255,255,255,.08);
    padding: 1.05rem 0;
}
.bft-q summary {
    cursor: pointer;
    list-style: none;
    display: flex; align-items: center; justify-content: space-between; gap: 1rem;
    color: #F3EFE8; font-weight: 600; font-size: .98rem;
}
.bft-q summary::-webkit-details-marker { display: none; }
.bft-q summary::after { content: "+"; color: #E9B949; font-size: 1.3rem; line-height: 1; }
.bft-q[open] summary::after { content: "−"; }
.bft-q p { color: rgba(243,239,232,.62); font-size: .9rem; line-height: 1.6; margin: .7rem 0 0; }

/* ----------------------------------------------------------- BARA STICKY -- */
.bft-bar {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 45;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .7rem 1rem;
    background: linear-gradient(90deg, rgba(14,10,22,.97), rgba(26,16,40,.97));
    border-top: 1px solid rgba(233,185,73,.25);
    box-shadow: 0 -8px 26px rgba(0,0,0,.5);
    backdrop-filter: blur(6px);
}
.bft-bar-l { display: flex; align-items: center; gap: .75rem; min-width: 0; }
.bft-bar-tag {
    color: #E9B949; font-size: .7rem; font-weight: 700;
    letter-spacing: .18em; text-transform: uppercase; white-space: nowrap;
}
.bft-bar-txt {
    color: rgba(243,239,232,.72); font-size: .82rem;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.bft-bar-txt strong { color: #F3EFE8; }
.bft-bar-r { display: flex; align-items: center; gap: .9rem; }
.bft-bar-btn {
    display: inline-flex; align-items: center; gap: .4rem;
    padding: .6rem 1.2rem;
    border-radius: 999px;
    font-weight: 700; font-size: .85rem;
    color: #241503; text-decoration: none; white-space: nowrap;
    background: linear-gradient(135deg,#F6D68A,#E9B949 55%,#D79E2F);
}
.bft-bar-wa {
    display: inline-flex; align-items: center; justify-content: center;
    width: 2.6rem; height: 2.6rem;
    border-radius: 999px;
    background: #25D366;
    box-shadow: 0 6px 18px rgba(37,211,102,.35);
}
.bft-bar .bft-proof { margin: 0; }

@media (max-width: 767px) {
    .bft-bar { padding: .55rem .7rem; }
    .bft-bar-tag { display: none; }
    .bft-bar-when { display: none; }
    .bft-bar .bft-proof { display: none; }
    .bft-bar-btn { padding: .6rem 1rem; font-size: .8rem; }
}

/* spatiu ca bara sticky sa nu acopere footerul */
body.bf-teaser-2026 .page-footer,
body.bf-teaser-2026 footer { padding-bottom: 5rem; }

/* butonul global WhatsApp al site-ului: ridicat peste bara sticky a campaniei */
body.bf-teaser-2026 #smart-whatsapp-widget { bottom: 5.25rem !important; }
@media (max-width: 767px) {
    body.bf-teaser-2026 #smart-whatsapp-widget { bottom: 4.75rem !important; }
}

/* ==========================================================================
   Sectiuni adaugate: cifre, ghid 6 panouri, testimoniale, inscriere, banda
   ========================================================================== */

/* ---------------------------------------------------------------- CIFRE -- */
.bft-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    background: #0b0714;
    border-top: 1px solid rgba(255,255,255,.06);
    border-bottom: 1px solid rgba(255,255,255,.06);
}
@media (min-width: 900px) { .bft-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

.bft-stat {
    padding: 1.6rem 1.25rem;
    border-right: 1px solid rgba(255,255,255,.06);
    border-bottom: 1px solid rgba(255,255,255,.06);
}
@media (min-width: 900px) {
    .bft-stat { padding: 1.9rem 1.6rem; border-bottom: 0; }
    .bft-stat:last-child { border-right: 0; }
}
.bft-stat-n {
    font-family: "Archivo Black", "Poppins", system-ui, sans-serif;
    font-weight: 400;
    font-size: clamp(1.6rem, 4.4vw, 2.5rem);
    line-height: 1;
    color: #E9B949;
    margin-bottom: .45rem;
}
.bft-stat-l {
    font-size: .82rem;
    line-height: 1.4;
    color: rgba(243,239,232,.6);
}

/* -------------------------------------------------- TITLURI DE SECTIUNE -- */
.bft-kicker {
    text-align: center;
    color: #E9B949;
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .24em;
    text-transform: uppercase;
    margin-bottom: .8rem;
}
.bft-h2-serif {
    text-align: center;
    font-family: "Fraunces", Georgia, serif;
    font-weight: 600;
    font-size: clamp(1.6rem, 5vw, 2.6rem);
    line-height: 1.15;
    color: #F3EFE8;
    margin: 0 0 2.4rem;
}
.bft-h2-serif em { font-style: italic; color: #E9B949; }

/* --------------------------------------------------------- GHID PANOURI -- */
.bft-grid3 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}
@media (min-width: 720px) { .bft-grid3 { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 1080px) { .bft-grid3 { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1.25rem; } }

.bft-panel {
    padding: 1.6rem 1.5rem;
    border-radius: 1.1rem;
    background: linear-gradient(180deg, rgba(28,21,40,.9), rgba(15,11,24,.9));
    border: 1px solid rgba(255,255,255,.07);
}
.bft-panel.is-gold {
    background: linear-gradient(180deg, rgba(52,38,18,.92), rgba(26,18,10,.92));
    border-color: rgba(233,185,73,.35);
}
.bft-panel-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem; height: 2.6rem;
    border-radius: .8rem;
    margin-bottom: 1rem;
    color: #E9B949;
    background: rgba(233,185,73,.10);
    border: 1px solid rgba(233,185,73,.22);
}
.bft-panel.is-gold .bft-panel-ico {
    color: #241503;
    background: linear-gradient(135deg,#F6D68A,#E9B949);
    border-color: transparent;
}
.bft-panel-t {
    font-size: 1.05rem;
    font-weight: 600;
    color: #F3EFE8;
    margin: 0 0 .7rem;
}
.bft-panel-d {
    font-size: .88rem;
    line-height: 1.55;
    color: rgba(243,239,232,.62);
    margin: 0 0 .45rem;
}
.bft-panel-d strong { color: #F3EFE8; }
.bft-panel-d:last-child { margin-bottom: 0; }

.bft-list { list-style: none; margin: 0; padding: 0; }
.bft-list li {
    font-size: .88rem;
    line-height: 1.5;
    color: rgba(243,239,232,.62);
    padding: .28rem 0;
}
.bft-list li strong { color: #F3EFE8; }

/* ---------------------------------------------------------- RECENZII -- */
.bft-rev-head {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    margin-bottom: 2rem;
}
@media (min-width: 860px) {
    .bft-rev-head { flex-direction: row; align-items: center; justify-content: space-between; }
    .bft-rev-head .bft-h2-serif { margin-bottom: 0; font-size: clamp(1.5rem, 2.9vw, 2.1rem); }
    .bft-rev-head > div:first-child { flex: 1 1 auto; min-width: 0; padding-right: 1.5rem; }
    .bft-rev-badge { flex: 0 0 auto; }
}
.bft-rev-badge {
    display: inline-flex;
    align-items: center;
    gap: .9rem;
    padding: .9rem 1.3rem;
    border-radius: .9rem;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.09);
    align-self: flex-start;
}
.bft-rev-score {
    font-family: "Archivo Black", "Poppins", system-ui, sans-serif;
    font-size: 1.9rem;
    line-height: 1;
    color: #F3EFE8;
}
.bft-stars-row { color: #E9B949; letter-spacing: .1em; font-size: .95rem; display: block; }
.bft-rev-meta {
    display: block;
    font-size: .74rem;
    color: rgba(243,239,232,.55);
    margin-top: .2rem;
    white-space: nowrap;
}

.bft-rev {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 1.4rem 1.3rem;
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(28,21,40,.9), rgba(15,11,24,.9));
    border: 1px solid rgba(255,255,255,.07);
}
.bft-rev-text {
    margin: .8rem 0 1.2rem;
    font-size: .86rem;
    line-height: 1.6;
    color: rgba(243,239,232,.78);
    flex: 1 1 auto;
}
.bft-rev-who { display: flex; align-items: center; gap: .7rem; }
.bft-rev-ava {
    flex: 0 0 auto;
    width: 2.1rem; height: 2.1rem;
    border-radius: 999px;
    display: flex; align-items: center; justify-content: center;
    font-size: .72rem; font-weight: 700;
    color: #241503;
    background: linear-gradient(135deg,#F6D68A,#E9B949);
}
.bft-rev-name { display: block; font-size: .85rem; font-weight: 600; color: #F3EFE8; }
.bft-rev-src { display: block; font-size: .72rem; color: rgba(243,239,232,.5); }

/* --------------------------------------------------------- INSCRIERE -- */
.bft-signup {
    position: relative;
    overflow: hidden;
    padding: 3.5rem 1rem 4rem;
    background:
        radial-gradient(90% 70% at 20% 20%, rgba(120,60,180,.28) 0%, rgba(8,6,13,0) 60%),
        #08060d;
}
@media (min-width: 900px) { .bft-signup { padding: 5rem 1.5rem; } }

.bft-signup-wrap {
    position: relative;
    z-index: 1;
    max-width: 68rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.2rem;
    align-items: center;
}
@media (min-width: 900px) { .bft-signup-wrap { grid-template-columns: 1fr 26rem; gap: 3.5rem; } }

.bft-signup-d {
    font-size: .95rem;
    line-height: 1.65;
    color: rgba(243,239,232,.65);
    margin: 0 0 1.5rem;
}
.bft-checks {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: .55rem;
}
@media (min-width: 560px) { .bft-checks { grid-template-columns: repeat(2, minmax(0,1fr)); } }
.bft-checks li {
    position: relative;
    padding-left: 1.9rem;
    font-size: .88rem;
    font-weight: 600;
    color: #F3EFE8;
}
.bft-checks li::before {
    content: "✓";
    position: absolute;
    left: 0; top: -.05rem;
    width: 1.35rem; height: 1.35rem;
    border-radius: 999px;
    display: flex; align-items: center; justify-content: center;
    font-size: .72rem;
    color: #241503;
    background: linear-gradient(135deg,#F6D68A,#E9B949);
}

/* cardul alb */
.bft-signup-card {
    background: #FFFFFF;
    border-radius: 1.2rem;
    padding: 1.7rem 1.5rem;
    box-shadow: 0 24px 60px rgba(0,0,0,.45);
    color: #1A1A1A;
}
.bft-signup-t {
    font-size: 1.05rem;
    font-weight: 700;
    color: #141414;
    margin: 0 0 1.2rem;
}
.bft-lbl {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .5rem;
    font-size: .8rem;
    font-weight: 600;
    color: #3A3A3A;
    margin-bottom: .35rem;
}
.bft-opt { font-weight: 400; font-size: .72rem; color: #8A8A8A; }
.bft-in {
    width: 100%;
    padding: .8rem .95rem;
    margin-bottom: 1rem;
    border: 1px solid #D9D9D9;
    border-radius: .6rem;
    font-size: .95rem;
    color: #1A1A1A;
    background: #fff;
}
.bft-in::placeholder { color: #A8A8A8; }
.bft-in:focus { outline: none; border-color: #E9B949; box-shadow: 0 0 0 3px rgba(233,185,73,.2); }

.bft-consent {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    font-size: .78rem;
    line-height: 1.45;
    color: #5A5A5A;
    margin-bottom: 1.1rem;
    cursor: pointer;
}
.bft-consent input { margin-top: .15rem; flex: 0 0 auto; width: 1rem; height: 1rem; accent-color: #E9B949; }

.bft-signup-btn {
    width: 100%;
    padding: .95rem 1.4rem;
    border: 0;
    border-radius: .7rem;
    cursor: pointer;
    font-size: .95rem;
    font-weight: 700;
    color: #F8EED6;
    background: linear-gradient(135deg, #24170a, #14100a);
    transition: transform .2s ease, box-shadow .2s ease;
}
.bft-signup-btn:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(0,0,0,.25); }
.bft-signup-btn[disabled] { opacity: .6; cursor: not-allowed; transform: none; }

.bft-signup-card .bft-msg.is-ok { color: #147A45; }
.bft-signup-card .bft-msg.is-err { color: #B4291F; }

.bft-proof-light { color: #6A6A6A; margin: .9rem 0 0; }
.bft-proof-light strong { color: #1A1A1A; }
.bft-proof-light .bft-dot { border-color: #fff; }

.bft-or {
    position: relative;
    text-align: center;
    margin: 1.1rem 0;
}
.bft-or::before {
    content: "";
    position: absolute; left: 0; right: 0; top: 50%;
    border-top: 1px solid #E6E6E6;
}
.bft-or span {
    position: relative;
    background: #fff;
    padding: 0 .7rem;
    font-size: .75rem;
    color: #9A9A9A;
}

.bft-wa-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    padding: .85rem 1.2rem;
    border-radius: .7rem;
    border: 1px solid #25D366;
    color: #128C3F;
    font-size: .9rem;
    font-weight: 600;
    text-decoration: none;
}
.bft-wa-btn:hover { background: rgba(37,211,102,.08); }

.bft-legal { margin: .9rem 0 0; font-size: .72rem; text-align: center; color: #8A8A8A; }
.bft-legal a { color: #5A5A5A; text-decoration: underline; }

/* ------------------------------------------------------ BANDA DE BRAND -- */
.bft-strip {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: center;
    text-align: center;
    padding: 1.4rem 1.2rem;
    background: #0b0714;
    border-top: 1px solid rgba(255,255,255,.07);
    font-size: .8rem;
    color: rgba(243,239,232,.55);
}
@media (min-width: 900px) {
    .bft-strip { flex-direction: row; justify-content: space-between; text-align: left; }
}
.bft-strip-logo {
    font-family: "Archivo Black", "Poppins", system-ui, sans-serif;
    font-size: 1.05rem;
    letter-spacing: .04em;
    color: #F3EFE8;
}
.bft-strip a { color: rgba(243,239,232,.75); text-decoration: none; }
.bft-strip a:hover { color: #E9B949; }

/* banda de brand: doua randuri (contact + legal) */
.bft-strip { display: block; padding: 1.6rem 1.2rem 5.5rem; }
.bft-strip-row {
    max-width: 68rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: center;
    text-align: center;
}
@media (min-width: 900px) {
    .bft-strip-row { flex-direction: row; justify-content: space-between; text-align: left; }
}
.bft-strip-legal {
    margin-top: 1.1rem;
    padding-top: 1.1rem;
    border-top: 1px solid rgba(255,255,255,.07);
    font-size: .75rem;
    color: rgba(243,239,232,.45);
}
.bft-strip-links { display: flex; flex-wrap: wrap; justify-content: center; gap: .4rem 1.1rem; }

/* ===== Formular Klaviyo embed (VbEfAS) ===== */
.bft-klaviyo { width: 100%; max-width: 620px; margin: 0 auto 16px; }
.bft-klaviyo-hero { margin-top: 4px; }
.bft-klaviyo-card { max-width: none; margin: 8px 0 14px; }
.bft-klaviyo form, .bft-klaviyo [data-testid="form-component"] { max-width: 100% !important; }

/* ===== Card de inscriere pe fundal inchis (formularul Klaviyo VbEfAS are text alb) ===== */
.bft-signup-card {
    background: linear-gradient(180deg, #1B1430 0%, #120D22 100%);
    border: 1px solid rgba(243,208,120,.28);
    box-shadow: 0 24px 60px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.03) inset;
    color: #F3EFE8;
}
.bft-signup-t { color: #F3D078; }
.bft-proof-light { color: rgba(243,239,232,.7); }
.bft-proof-light strong { color: #fff; }
.bft-proof-light .bft-dot { border-color: #1B1430; }
.bft-or::before { background: rgba(255,255,255,.14); }
.bft-or span { background: #161029; color: rgba(243,239,232,.55); }
.bft-wa-btn { color: #4ADE80; border-color: rgba(37,211,102,.6); }
.bft-wa-btn:hover { background: rgba(37,211,102,.12); }
.bft-signup-card .bft-legal { color: rgba(243,239,232,.5); }
.bft-signup-card .bft-legal a { color: rgba(243,239,232,.75); }
.bft-signup-card .bft-msg.is-ok { color: #4ADE80; }
.bft-signup-card .bft-msg.is-err { color: #F87171; }
/* Klaviyo seteaza inline width:410px pe containerul formularului → pe mobil impinge grila; il facem fluid */
.bft-signup-wrap { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) { .bft-signup-wrap { grid-template-columns: minmax(0, 1fr) 26rem; } }
.bft-signup-card { min-width: 0; max-width: 100%; }
.bft-klaviyo { min-width: 0; overflow: hidden; }
.bft-klaviyo > div, .bft-klaviyo > div > div { width: 100% !important; max-width: 100% !important; min-width: 0 !important; }

/* ===== Tema cosmica: nebuloase + camp de stele cu licarire + stele cazatoare (hero si sectiunea de inscriere) ===== */
.bft-hero, .bft-signup {
    background:
        radial-gradient(60% 55% at 12% 28%, rgba(122, 58, 190, .42) 0%, rgba(122, 58, 190, 0) 62%),
        radial-gradient(55% 60% at 88% 22%, rgba(196, 72, 150, .30) 0%, rgba(196, 72, 150, 0) 62%),
        radial-gradient(50% 45% at 55% 70%, rgba(52, 70, 170, .22) 0%, rgba(52, 70, 170, 0) 65%),
        radial-gradient(70% 40% at 50% 108%, rgba(233, 185, 73, .12) 0%, rgba(233, 185, 73, 0) 60%),
        linear-gradient(180deg, #0a0716 0%, #0d0a1c 55%, #07050f 100%);
}
.bft-nebula {
    position: absolute; inset: -10%; pointer-events: none; z-index: 0;
    background:
        radial-gradient(40% 35% at 30% 40%, rgba(160, 90, 230, .18) 0%, transparent 70%),
        radial-gradient(35% 30% at 72% 55%, rgba(230, 90, 170, .14) 0%, transparent 70%);
    filter: blur(28px);
    animation: bft-nebula-drift 26s ease-in-out infinite alternate;
}
@keyframes bft-nebula-drift { from { transform: translate3d(-2%, -1%, 0) scale(1); } to { transform: translate3d(2%, 1.5%, 0) scale(1.06); } }
.bft-stars { background-image: none; z-index: 0; }
.bft-stars::before, .bft-stars::after { content: ""; position: absolute; inset: 0; pointer-events: none; }
.bft-stars::before {
    background-image:
        radial-gradient(1.6px 1.6px at 18px 32px,  rgba(255,255,255,.85) 50%, transparent 51%),
        radial-gradient(1.2px 1.2px at 96px 140px, rgba(255,255,255,.55) 50%, transparent 51%),
        radial-gradient(1.8px 1.8px at 170px 60px, rgba(255,255,255,.75) 50%, transparent 51%),
        radial-gradient(1.1px 1.1px at 230px 200px,rgba(255,255,255,.45) 50%, transparent 51%),
        radial-gradient(1.4px 1.4px at 60px 230px, rgba(255,255,255,.60) 50%, transparent 51%),
        radial-gradient(1.0px 1.0px at 140px 250px,rgba(255,255,255,.40) 50%, transparent 51%),
        radial-gradient(1.3px 1.3px at 210px 118px,rgba(243,208,120,.70) 50%, transparent 51%),
        radial-gradient(1.0px 1.0px at 40px 120px, rgba(255,255,255,.35) 50%, transparent 51%);
    background-size: 260px 260px;
    opacity: .75;
}
.bft-stars::after {
    background-image:
        radial-gradient(2.2px 2.2px at 60px 80px,  rgba(255,255,255,.95) 50%, transparent 51%),
        radial-gradient(1.5px 1.5px at 300px 40px, rgba(255,255,255,.7) 50%, transparent 51%),
        radial-gradient(2.0px 2.0px at 380px 300px,rgba(200,180,255,.85) 50%, transparent 51%),
        radial-gradient(1.6px 1.6px at 150px 360px,rgba(255,255,255,.7) 50%, transparent 51%),
        radial-gradient(1.4px 1.4px at 250px 210px,rgba(255,255,255,.6) 50%, transparent 51%);
    background-size: 420px 420px;
    background-position: 90px 40px;
    animation: bft-twinkle 4.5s ease-in-out infinite;
}
@keyframes bft-twinkle { 0%, 100% { opacity: .35; } 50% { opacity: 1; } }
.bft-shooting { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }
.bft-shooting i {
    position: absolute; top: -8%; left: 0; display: block;
    width: 160px; height: 2px; border-radius: 2px;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.85) 60%, #fff 100%);
    box-shadow: 0 0 8px rgba(255,255,255,.55);
    transform: rotate(-32deg) translate3d(0, 0, 0);
    opacity: 0;
    animation: bft-shoot 9s linear infinite;
}
.bft-shooting i::after {
    content: ""; position: absolute; right: -2px; top: -1.5px; width: 5px; height: 5px; border-radius: 50%;
    background: #fff; box-shadow: 0 0 10px 3px rgba(255,255,255,.75);
}
.bft-shooting i:nth-child(1) { left: 12%; top: 6%;  animation-delay: 1.2s;  animation-duration: 8.5s; }
.bft-shooting i:nth-child(2) { left: 48%; top: 2%;  animation-delay: 4.4s;  animation-duration: 10s; width: 200px; }
.bft-shooting i:nth-child(3) { left: 74%; top: 10%; animation-delay: 7.1s;  animation-duration: 9.5s; }
.bft-shooting i:nth-child(4) { left: 30%; top: 40%; animation-delay: 12.5s; animation-duration: 11s; width: 120px; }
.bft-shooting i:nth-child(5) { left: 88%; top: 30%; animation-delay: 16s;   animation-duration: 12s; width: 140px; }
@keyframes bft-shoot {
    0%   { transform: rotate(-32deg) translate3d(0, 0, 0);      opacity: 0; }
    2%   { opacity: 1; }
    9%   { transform: rotate(-32deg) translate3d(-520px, 0, 0); opacity: 0; }
    100% { transform: rotate(-32deg) translate3d(-520px, 0, 0); opacity: 0; }
}
.bft-hero > *:not(.bft-stars):not(.bft-nebula):not(.bft-shooting), .bft-signup > *:not(.bft-stars) { position: relative; z-index: 1; }
@media (prefers-reduced-motion: reduce) {
    .bft-nebula, .bft-stars::after, .bft-shooting i { animation: none !important; }
    .bft-shooting { display: none; }
}

/* ===== Banda de cifre: in containerul de continut (68rem), card rotunjit care suprapune marginea hero-ului ===== */
.bft-stats-wrap { position: relative; z-index: 2; max-width: 68rem; margin: -4.75rem auto 0; padding: 0 1rem; }
.bft-stats {
    border: 1px solid rgba(233,185,73,.28);
    border-radius: 1.2rem;
    overflow: hidden;
    background: linear-gradient(180deg, #14101f 0%, #0d0a17 100%);
    box-shadow: 0 24px 60px rgba(0,0,0,.55);
}
.bft-stat { padding: 1.5rem 1.4rem; }
@media (min-width: 900px) {
    .bft-stat { border-bottom: 0; }
    .bft-stat:last-child { border-right: 0; }
}
@media (max-width: 899px) {
    .bft-stats-wrap { margin-top: -3.5rem; }
    .bft-stat:nth-child(2n) { border-right: 0; }
    .bft-stat:nth-last-child(-n+2) { border-bottom: 0; }
}
.bft-stats-wrap + .bft-section { padding-top: 3rem; }

/* ===== Stimulent (voucher) + sectiune SEO ===== */
.bft-incentive {
    max-width: 640px; margin: .9rem auto 0; font-size: .92rem; line-height: 1.55;
    color: rgba(243,239,232,.82); text-align: center;
}
.bft-incentive strong { color: #F3D078; font-weight: 700; }
.bft-incentive-badge {
    display: inline-block; margin-right: .4rem; padding: .18rem .55rem; border-radius: 999px;
    background: rgba(233,185,73,.16); border: 1px solid rgba(233,185,73,.45); color: #E9B949;
    font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; vertical-align: 2px;
}
.bft-seo { padding-top: 3rem; }
.bft-seo-cols { display: grid; grid-template-columns: 1fr; gap: 1.6rem; margin-top: 1.4rem; }
@media (min-width: 900px) { .bft-seo-cols { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.2rem; } }
.bft-seo h3 { font-size: 1.02rem; font-weight: 700; color: #F3D078; margin: 0 0 .5rem; }
.bft-seo p { font-size: .92rem; line-height: 1.65; color: rgba(243,239,232,.78); margin: 0; }
.bft-seo a { color: #fff; text-decoration: underline; text-decoration-color: rgba(233,185,73,.6); text-underline-offset: 3px; }
.bft-seo a:hover { color: #E9B949; }

/* ===== Formular hero: camp deschis, contrast mare + CTA puternic (2026-09-16) ===== */
.bft-field {
    background: #FBF8F2;
    border: 1px solid rgba(255,255,255,.35);
    box-shadow: 0 0 0 1px rgba(233,185,73,.25), 0 18px 44px rgba(0,0,0,.5);
}
.bft-field:focus-within { box-shadow: 0 0 0 3px rgba(233,185,73,.55), 0 18px 44px rgba(0,0,0,.5); }
.bft-input { color: #1A1424; font-weight: 500; }
.bft-input::placeholder { color: #6E6878; }
.bft-input:-webkit-autofill { -webkit-text-fill-color: #1A1424; box-shadow: inset 0 0 0 1000px #FBF8F2; }
.bft-btn {
    padding: 1.05rem 1.9rem;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: .01em;
    color: #1A0F02;
    background: linear-gradient(135deg, #FFD966 0%, #F5B731 45%, #EF8A1F 100%);
    box-shadow: 0 0 0 0 rgba(245,183,49,.55), 0 12px 30px rgba(239,138,31,.45), inset 0 -2px 0 rgba(0,0,0,.14);
    animation: bft-cta-pulse 2.6s ease-out infinite;
}
.bft-btn::before {
    content: ""; width: 20px; height: 20px; flex: 0 0 auto;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A0F02' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='8' width='18' height='4' rx='1'/><path d='M12 8v13M5 12v9h14v-9'/><path d='M12 8c-2.5 0-4-1.2-4-2.6C8 4 9.2 3 10.4 3 11.7 3 12 4.8 12 8zm0 0c2.5 0 4-1.2 4-2.6C16 4 14.8 3 13.6 3 12.3 3 12 4.8 12 8z'/></svg>") center/contain no-repeat;
}
.bft-btn:hover { transform: translateY(-1px) scale(1.02); filter: brightness(1.05); box-shadow: 0 0 0 4px rgba(245,183,49,.25), 0 16px 36px rgba(239,138,31,.55), inset 0 -2px 0 rgba(0,0,0,.14); animation: none; }
@keyframes bft-cta-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(245,183,49,.55), 0 12px 30px rgba(239,138,31,.45), inset 0 -2px 0 rgba(0,0,0,.14); }
    70%  { box-shadow: 0 0 0 12px rgba(245,183,49,0), 0 12px 30px rgba(239,138,31,.45), inset 0 -2px 0 rgba(0,0,0,.14); }
    100% { box-shadow: 0 0 0 0 rgba(245,183,49,0), 0 12px 30px rgba(239,138,31,.45), inset 0 -2px 0 rgba(0,0,0,.14); }
}
.bft-form .bft-msg.is-err { color: #FCA5A5; }
.bft-form .bft-msg.is-ok { color: #86EFAC; }
@media (prefers-reduced-motion: reduce) { .bft-btn { animation: none; } }
@media (max-width: 639px) { .bft-btn { font-size: .92rem; padding: 1rem .9rem; gap: .4rem; white-space: nowrap; } .bft-btn::before { width: 18px; height: 18px; } }

/* ===== Card de inscriere: contrast pe fundal inchis + CTA ca in hero (2026-09-16) ===== */
.bft-signup-t { font-size: 1.25rem; line-height: 1.25; margin-bottom: 1.1rem; }
.bft-lbl { color: rgba(243,239,232,.9); font-size: .82rem; }
.bft-opt { color: rgba(243,208,120,.85); }
.bft-in { background: #FBF8F2; border: 1px solid rgba(255,255,255,.35); color: #1A1424; font-weight: 500; border-radius: .7rem; padding: .9rem 1rem; }
.bft-in::placeholder { color: #7A7484; }
.bft-in:focus { border-color: #E9B949; box-shadow: 0 0 0 3px rgba(233,185,73,.45); }
.bft-in:-webkit-autofill { -webkit-text-fill-color: #1A1424; box-shadow: inset 0 0 0 1000px #FBF8F2; }
.bft-consent { color: rgba(243,239,232,.78); }
.bft-consent input { width: 1.1rem; height: 1.1rem; }
.bft-signup-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
    padding: 1.05rem 1.4rem; border-radius: 999px;
    font-size: 1rem; font-weight: 800; letter-spacing: .01em; color: #1A0F02;
    background: linear-gradient(135deg, #FFD966 0%, #F5B731 45%, #EF8A1F 100%);
    box-shadow: 0 0 0 0 rgba(245,183,49,.55), 0 12px 30px rgba(239,138,31,.4), inset 0 -2px 0 rgba(0,0,0,.14);
    animation: bft-cta-pulse 2.6s ease-out infinite;
}
.bft-signup-btn::before {
    content: ""; width: 20px; height: 20px; flex: 0 0 auto;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A0F02' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='8' width='18' height='4' rx='1'/><path d='M12 8v13M5 12v9h14v-9'/><path d='M12 8c-2.5 0-4-1.2-4-2.6C8 4 9.2 3 10.4 3 11.7 3 12 4.8 12 8zm0 0c2.5 0 4-1.2 4-2.6C16 4 14.8 3 13.6 3 12.3 3 12 4.8 12 8z'/></svg>") center/contain no-repeat;
}
.bft-signup-btn:hover { transform: translateY(-1px) scale(1.01); filter: brightness(1.05); box-shadow: 0 0 0 4px rgba(245,183,49,.25), 0 16px 36px rgba(239,138,31,.5), inset 0 -2px 0 rgba(0,0,0,.14); animation: none; }
.bft-signup-btn[disabled] { opacity: .75; animation: none; }
/* stare „Esti pe lista": verde, vizibil, fara puls */
.bft-signup-btn.is-sent, .bft-btn.is-sent, .bft-signup-btn.is-sent[disabled], .bft-btn.is-sent[disabled] {
    opacity: 1; color: #fff; background: linear-gradient(135deg, #22C55E, #15803D); box-shadow: 0 10px 26px rgba(34,197,94,.35); animation: none; cursor: default;
}
.bft-signup-btn.is-sent::before, .bft-btn.is-sent::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6L9 17l-5-5'/></svg>");
}
@media (prefers-reduced-motion: reduce) { .bft-signup-btn { animation: none; } }