/* ====================================================== */
/* STILURI MODUL OFERTĂ SPECIALĂ (CU TOGGLE) v3.0     */
/* ====================================================== */

/* _oferta-speciala.css */

.oferta-speciala-container {
    /* NOU: Adaugă aceste 3 linii pentru a ridica secțiunea */
    position: relative; /* Necesar pentru a funcționa z-index */
    z-index: 10; /* Asigură că stă deasupra imaginii hero */
    margin-top: -290px; /* Trage secțiunea în sus cu exact înălțimea de sub trust-bar */
    /* Proprietățile existente rămân neschimbate */
    background-color: #0D0D0D;
    color: #FFFFFF;
    padding: 10px 16px 20px 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    width: 100%;
    box-sizing: border-box;
}

.impact-image {
    width: 100%;
    /* NOU: Setăm raportul de aspect dorit. Înălțimea va fi calculată automat. */
    aspect-ratio: 4 / 5;
    /* ELIMINAT: Renunțăm la înălțimea fixă pentru a permite responsivitatea. */
    /* height: 250px; */
    /* --- MODIFICAREA ESTE AICI --- */
    background: url('https://apacks.b-cdn.net/impact-image.webp');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat; /* Adăugat pentru siguranță */

    display: flex;
    /* Am modificat alinierea pentru a potrivi mai bine formatului portret */
    align-items: flex-end; /* Aliniază textul la bază */
    justify-content: center;
    margin: 5px 0;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    padding: 20px; /* Adăugăm padding pentru a controla spațiul intern al textului */
}

.image-caption {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    background: rgba(0,0,0,0.8);
    padding: 10px;
    border-radius: 8px;
    font-size: 12px;
    text-align: center;
    display: none;
}

.oferta-speciala-content {
    max-width: 480px; /* Max-width optim pentru o singură coloană */
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.trust-signal {
    font-size: 0.72rem; /* Redus de la 0.9rem */
    color: #fff;
    text-align: center;
    line-height: 1.4;
    padding-top: 5px;
    margin-bottom: 5px;
}

/* Containerul principal al zonei de cumpărare */
.buy-zone {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

/* Stil pentru Cardul cu detalii */
.buy-zone__details-card {
    background-color: #1A1A1A;
    border: 1px solid #333333;
    border-radius: 10px; /* MODIFICAT: Redus de la 12px */
    padding: 10px;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: border-color 0.4s ease;
    /* NOU: Transformăm cardul în container flex pentru a folosi 'gap' */
    display: flex;
    flex-direction: column;
    gap: 2px; /* Controlează spațiul dintre toate elementele din card */
}

    .buy-zone__details-card.is-premium {
        border-color: #fff; /* Auriu pentru a evidenția */
    }

/* Banderola "Cea Mai Bună Valoare" */
.buy-zone__ribbon {
    position: absolute;
    width: 160px; /* MODIFICAT: Redus de la 200px */
    top: 4px; /* MODIFICAT: Redus de la 30px */
    right: -46px; /* MODIFICAT: Redus de la -60px */
    padding: 10px 0;
    /* NOU: Folosim Flexbox pentru a centra textul perfect, indiferent de lățime. */
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    color: #0D0D0D;
    font-size: 0.8rem; /* Redus de la 1rem */
    font-weight: 800;
    transform: rotate(40deg);
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    text-align: center;
}

    .buy-zone__ribbon.visible {
        opacity: 1;
        visibility: visible;
    }

.pricing-title {
    font-size: 0.8rem; /* Redus de la 1rem */
    font-weight: 600;
}

.pricing-description {
    font-size: 0.6rem; /* Redus de la 0.75rem */
    color: #fff;
    line-height: 1.5;
    min-height: auto;
    margin-bottom: 0; /* NOU: Elimină marginea de jos a paragrafului */
}

.pricing-header {
    margin-bottom: -4px; /* Trage elementul de sub el mai aproape */
}

.pricing-price {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 10px;
}

.price-amount {
    font-size: 1.2rem; /* Redus de la 1.5rem */
    font-weight: 700;
}

.price-currency {
    font-size: 0.96rem; /* Redus de la 1.2rem */
    font-weight: 600;
}

.price-period {
    font-size: 0.96rem; /* Redus de la 1.2rem */
    font-weight: 600;
}

.price-old {
    font-size: 1.2rem; /* Redus de la 1.5rem */
    color: #808080;
    text-decoration: line-through;
    margin-left: 8px;
}

.feature-placeholder {
    opacity: 0;
}

/* Stiluri pentru butoane (CTA) */
.buy-zone__details-card .cta {
    display: block; /* Asigură că ancora se comportă ca un block */
    width: 100%;
    padding: 10px 6px; /* MODIFICAT: Redus de la 15px 10px */
    font-size: 0.8rem; /* Redus de la 1rem */
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 10px;
    text-decoration: none;
    transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.cta.cta--principal {
    background-color: var(--primary-accent);
    color: #FFFFFF;
    border: 1px solid #E50914;
}

.cta--principal {
    display: inline-flex;
    align-items: center; /* Aliniază iconița și textul pe verticală */
    justify-content: center; /* Centrează conținutul în buton */
    gap: 8px; /* Adaugă spațiu între iconiță și text */
}

    .cta--principal svg {
        width: 18px; /* Lățimea iconiței (mai mică) */
        height: 18px; /* Înălțimea iconiței (mai mică) */
        fill: currentColor; /* Iconița va avea aceeași culoare ca textul */
    }

.cta.cta--secondary {
    background-color: transparent;
    color: #FFFFFF;
    border: 1px solid #888888;
}

/* Stiluri pentru alinierea iconițelor cu textul */
.pricing-title,
.trust-signal {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px; /* Spațiul dintre iconiță și text */
}

    /* Dimensiunea standard pentru iconițele din această secțiune */
    .pricing-title svg,
    .trust-signal svg {
        width: 1em; /* Lățimea se va adapta la dimensiunea fontului */
        height: 1em; /* Înălțimea se va adapta la dimensiunea fontului */
        flex-shrink: 0; /* Previne micșorarea iconiței */
    }



:root {
    --primary-red: #c10206;
    --glow-red: rgba(255, 107, 53, 0.8);
    --glow-silver: rgba(192, 192, 192, 0.8);
}

.body-buyAtf {
    background-color: #0a0a0a;
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 2rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-image: radial-gradient(circle at center, rgba(255, 120, 0, 0.5) 0, transparent 1px), radial-gradient(circle at center, rgba(255, 60, 0, 0.3) 0, transparent 2px);
    background-size: 60px 60px, 110px 110px;
    background-attachment: fixed;
}

/* CARD PRINCIPAL */
.buy-card-buyAtf {
    margin-top: 0px; /* <-- ADAUGĂ ACEASTĂ LINIE */
    position: relative;
    width: 100%;
    max-width: 420px;
    border-radius: 18px;
    overflow: hidden;
    background-color: #1a1a1a;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    border: 2px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 20px rgba(255, 100, 0, 0.4), 0 0 10px rgba(220, 53, 69, 0.3);
    padding: 5px;
    text-align: center;
    gap: 2px;
}

    .buy-card-buyAtf:hover {
        transform: translateY(-8px);
        box-shadow: 0 0 35px rgba(255, 100, 0, 0.6), 0 0 20px rgba(220, 53, 69, 0.5);
    }

/* SISTEM DE BADGE-URI */
.badge-buyAtf {
    position: absolute;
    top: 0px;
    right: -8px !important;
    color: white;
    padding: 2px 3px;
    border-radius: 50px;
    font-family: 'Teko', sans-serif;
    font-size: 1.2rem; /* Redus de la 1.5rem */
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
    z-index: 10;
    border: 2px solid rgba(255, 255, 255, 0.4);
    cursor: pointer;
    min-width: 50px;
    text-align: center;
    background: radial-gradient( ellipse at center, #ff6b35 0%, #c10206 40%, #8b0000 70%, #2d0000 100% );
}

/* Badge Reducere (Stânga) */
.
{
    right: 16px;
    background: radial-gradient(ellipse at center, #ff6b35 0%, var(--primary-red) 40%, #8b0000 70%, #2d0000 100%);
    box-shadow: 0 0 25px var(--glow-red), 0 0 50px rgba(193, 2, 6, 0.4);
    animation: pulse-red-buyAtf 2.5s infinite ease-in-out;
}

@keyframes pulse-red-buyAtf {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 25px var(--glow-red), 0 0 50px rgba(193, 2, 6, 0.4);
    }

    50% {
        transform: scale(1.05);
        box-shadow: 0 0 35px var(--glow-red), 0 0 70px rgba(193, 2, 6, 0.6);
    }
}

/* Badge Valoare (Dreapta) */
.badge-value-buyAtf {
    right: 16px;
    background: radial-gradient(ellipse at center, #e6e6e6 0%, #c0c0c0 40%, #a9a9a9 70%, #808080 100%);
    box-shadow: 0 0 25px var(--glow-silver), 0 0 50px rgba(169, 169, 169, 0.4);
    color: #1a1a1a;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
    animation: pulse-silver-buyAtf 2.5s infinite ease-in-out;
}

@keyframes pulse-silver-buyAtf {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 25px var(--glow-silver), 0 0 50px rgba(169, 169, 169, 0.4);
    }

    50% {
        transform: scale(1.05);
        box-shadow: 0 0 35px var(--glow-silver), 0 0 70px rgba(169, 169, 169, 0.6);
    }
}

.badge-text-buyAtf {
    position: relative;
    z-index: 2;
}

/* CONTINUT CARD */
.card-title-buyAtf {
    font-size: 1.22rem;
    font-weight: 600;
    margin-bottom: 0;
    font-family: "Teko";
    position: relative;
    top: 6px;
    /* ADAUGĂ LINIA DE MAI JOS */
    color: #FFFFFF !important; /* Am adăugat !important */
}

.pricing-details-buyAtf {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap; /* Permite trecerea pe linia urmatoare pe ecrane mici */
}

.price-old-buyAtf {
    color: #9ca3af !important;
    font-size: 1.6rem !important; /* Redus de la 2rem */
    font-weight: 400 !important;
    /* LINIA ROȘIE FORȚATĂ PENTRU TOATE TELEFOANELE */
    text-decoration: line-through !important;
    text-decoration-color: #ff4500 !important;
    text-decoration-thickness: 3px !important; /* Linia mai groasă */
    text-decoration-style: solid !important;
    /* BACKUP pentru browsere mai vechi */
    -webkit-text-decoration: line-through !important;
    -webkit-text-decoration-color: #ff4500 !important;
    -moz-text-decoration-line: line-through !important;
    -moz-text-decoration-color: #ff4500 !important;
    /* FORCE RENDERING pe toate deviceurile */
    position: relative !important;
}

    /* FALLBACK cu pseudo-element pentru deviceuri problematice */
    .price-old-buyAtf::after {
        content: '' !important;
        position: absolute !important;
        top: 50% !important;
        left: 0 !important;
        right: 0 !important;
        height: 3px !important;
        background: #ff4500 !important;
        transform: translateY(-50%) !important;
        z-index: 1 !important;
    }

.price-new-buyAtf {
    color: #fff;
    font-size: 2rem; /* Redus de la 2.5rem */
    font-weight: 700;
    font-family: 'Teko', sans-serif;
    letter-spacing: 1px;
}

.price-unit-buyAtf {
    color: #e5e7eb;
    font-size: 0.96rem; /* Redus de la 1.2rem */
    font-weight: 400;
}

.cta-button-buyAtf {
    display: block; /* Necesar pentru ca marginile auto să funcționeze */
    margin: 0 auto; /* Centrează elementul pe orizontală */
    width: 80%; /* Lățimea pe care ai setat-o deja */
    /* Restul proprietăților rămân neschimbate */
    background-color: var(--primary-red);
    color: #ffffff;
    font-family: 'Teko', sans-serif;
    font-size: 1.12rem; /* Redus de la 1.4rem */
    font-weight: 700;
    text-transform: uppercase;
    padding: 6px 10px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 0 15px var(--glow-red);
    text-decoration: none;
}

    .cta-button-buyAtf:hover {
        background-color: #a50205;
        transform: translateY(-2px);
        box-shadow: 0 0 25px var(--glow-red);
    }

.trust-signals-buyAtf {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 8px;
}

.trust-signal-buyAtf {
    font-size: 0.92rem; /* Redus de la 1.15rem */
    color: #d1d5db;
    line-height: 1.4;
}

.trust-signals-row-buyAtf {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.cta-button-buyAtf {
    transition: all 0.3s ease;
    cursor: pointer;
}

    .cta-button-buyAtf:hover {
        transform: scale(1.02);
    }

/* Animație pentru feedback vizual */
@keyframes cartSuccess {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1.05);
    }
}

.cta-button-buyAtf.success-animation {
    animation: cartSuccess 0.6s ease-in-out;
}



@media (min-width: 768px) {
    /* ===== LAYOUT ORIZONTAL PRINCIPAL ===== */
    .oferta-speciala-content {
        flex-direction: row; /* ORIZONTAL: testimonial | buy card */
        align-items: stretch;
        max-width: 820px;
        gap: 20px;
    }

    .testimonial-carusel {
        flex: 1; /* Partea stângă */
        width: 50%;
        /* Container pentru 2 reviewuri în stivă verticală */
        display: flex;
        flex-direction: column; /* VERTICAL pentru reviewuri */
        gap: 12px; /* Spațiu între reviewuri */
        height: auto;
        max-height: none;
        overflow: visible;
    }

    .buy-card-buyAtf {
        flex: 1; /* Partea dreaptă */
        width: 50%;
        max-width: 420px;
    }

    /* ===== REVIEWURI - 2 BUCĂȚI ÎN STIVĂ VERTICALĂ ===== */



    /* Al 3-lea review ascuns pe desktop */
    .testimonial-slide:nth-child(3) {
        display: none !important;
    }

    /* ===== AVATAR ÎN STÂNGA ===== */
    .testimonial-avatar {
        width: 40px; /* Puțin mai mare pe desktop */
        height: 40px;
        border-radius: 50%;
        background: linear-gradient(135deg, var(--google-brand-orange) 0%, #FF8C00 100%);
        flex-shrink: 0; /* Nu se micșorează */
        border: 2px solid #fff;
        object-fit: cover;
        align-self: flex-start; /* Păstrează în partea de sus */
    }

    /* ===== TEXT LA DREAPTA AVATAR-ULUI ===== */
    .testimonial-text {
        flex-grow: 1; /* Ocupă restul spațiului */
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    /* Citatul */
    .testimonial-citat {
        font-style: italic;
        font-size: 0.75rem;
        line-height: 1.4;
        color: #e0e0e0;
        margin: 0;
        font-weight: 500;
    }

        .testimonial-citat strong {
            color: #FFFFFF;
            font-style: normal;
        }

    /* Numele utilizatorului */
    .testimonial-autor {
        font-weight: 700;
        color: #FFFFFF;
        font-size: 0.72rem;
        margin: 2px 0;
    }

    /* Data */
    .testimonial-date {
        font-size: 0.65rem;
        color: #8c8c8c;
        margin: 0;
    }

    /* Comanda verificată */
    .testimonial-verified {
        background: white;
        color: #000000;
        font-size: 0.65rem;
        font-weight: 800;
        display: inline-flex;
        align-items: center;
        gap: 4px;
        margin-top: 2px;
        padding: 2px 6px;
        border-radius: 8px;
        width: fit-content; /* Nu se întinde pe toată lățimea */
    }

        .testimonial-verified::before {
            content: '✓';
            font-size: 1em;
            font-weight: bold;
        }

    /* ===== ELIMINEAZĂ CONTROALELE ===== */

    /* Ascunde complet pagination dots */
    .testimonial-paginare,
    .paginare-wrapper,
    .paginare-punct {
        display: none !important;
    }

    /* Ascunde controalele de navigație */
    .testimonial-nav,
    .testimonial-dots,
    .testimonial-arrow-left,
    .testimonial-arrow-right,
    .carousel-nav,
    .nav-button {
        display: none !important;
    }

    /* ===== BLOCHEAZĂ SWIPE/TOUCH ===== */
    .testimonial-carusel,
    .testimonial-slide {
        pointer-events: none; /* Blochează toate interacțiunile */
        user-select: none; /* Blochează selecția textului */
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        /* Blochează touch events */
        -webkit-touch-callout: none;
        -webkit-tap-highlight-color: transparent;
        touch-action: none;
    }

    /* Permite din nou selecția textului pentru citit */
    .testimonial-citat,
    .testimonial-autor,
    .testimonial-date,
    .testimonial-verified {
        user-select: text;
        -webkit-user-select: text;
        -moz-user-select: text;
        pointer-events: auto; /* Permite interacțiuni cu textul */
    }

    /* Elimină cursor pointer */
    .testimonial-slide {
        cursor: default !important; /* În loc de pointer */
    }

    /* Restul stilurilor existente pentru desktop... */
    .oferta-speciala-container {
        margin-top: -235px;
        padding: 8px 12px 16px 12px;
    }


}


/* ===== MOBILE: Ascunde meta info din slide-uri (folosește footer-ul) ===== */
@media (max-width: 767px) {
    .testimonial-slide .testimonial-autor,
    .testimonial-slide .testimonial-date,
    .testimonial-slide .testimonial-verified {
        display: none; /* Ascuns pe mobile - se folosește footer-ul */
    }
}

/* ===== DESKTOP: Afișează meta info în slide-uri (ascunde footer-ul) ===== */
@media (min-width: 768px) {
    /* Păstrează tot CSS-ul tău existent pentru desktop și adaugă: */

    /* Afișează elementele meta din fiecare slide */
    .testimonial-slide .testimonial-autor,
    .testimonial-slide .testimonial-date,
    .testimonial-slide .testimonial-verified {
        display: block !important; /* Forțează afișarea pe desktop */
    }

    /* Ascunde footer-ul pe desktop */
    .testimonial-footer {
        display: none !important;
    }

    /* Restul CSS-ului tău pentru desktop rămâne la fel... */
}




@media (max-width: 430px) {
    .oferta-speciala-container {
        margin-top: -235px; /* Original -290px, l-am coborât cu 10px */
    }

    /* Micsoram padding-ul containerului principal */
    .oferta-speciala-container {
        padding: 8px 12px 16px 12px; /* Redus de la 10px 16px 20px 16px */
    }

    /* Ajustari pentru cardul de cumparare */
    .buy-card-buyAtf {
        gap: 1px;
    }

    .testimonial-carusel {
        gap: 8px;
    }

    .testimonial-citat {
        font-size: 0.77rem; /* Redus de la 0.9rem */
        line-height: 1.4;
    }

    /* Micsoram titlurile si preturile */
    .card-title-buyAtf {
        font-size: 1.0rem; /* Redus de la 1.3rem */
    }

    .price-old-buyAtf {
        font-size: 1.28rem; /* Redus de la 1.6rem */
    }

    .price-new-buyAtf {
        font-size: 1.6rem; /* Redus de la 2rem */
    }

    .price-unit-buyAtf {
        font-size: 0.8rem; /* Redus de la 1rem */
    }

    /* Ajustam butonul principal (CTA) */
    .cta-button-buyAtf {
        font-size: 0.95rem; /* Redus de la 1.1rem */
        padding: 5px 8px; /* Redus de la 6px 10px */
    }

    /* Micsoram textele de incredere de sub buton */
    .trust-signal-buyAtf {
        font-size: 0.77rem; /* Redus de la 0.9rem */
    }

    /* Micsoram badge-ul de discount */
    .badge-discount-buyAtf {
        font-size: 1.1rem; /* Redus de la 1.2rem */
    }

    .testimonial-slide:nth-child(1) .testimonial-text,
    .testimonial-slide:nth-child(2) .testimonial-text {
        margin-top: 7px;
    }
}



@media (max-width: 414px) {
    .oferta-speciala-container {
        margin-top: -235px; /* Original -290px, l-am coborât cu 10px */
    }

    /* Micsoram padding-ul containerului principal */
    .oferta-speciala-container {
        padding: 8px 12px 16px 12px; /* Redus de la 10px 16px 20px 16px */
    }

    /* Ajustari pentru cardul de cumparare */
    .buy-card-buyAtf {
        gap: 1px;
    }

    .testimonial-carusel {
        gap: 8px;
    }

    .testimonial-citat {
        font-size: 0.77rem; /* Redus de la 0.9rem */
        line-height: 1.4;
    }

    /* Micsoram titlurile si preturile */
    .card-title-buyAtf {
        font-size: 1.0rem; /* Redus de la 1.3rem */
    }

    .price-old-buyAtf {
        font-size: 1.28rem; /* Redus de la 1.6rem */
    }

    .price-new-buyAtf {
        font-size: 1.6rem; /* Redus de la 2rem */
    }

    .price-unit-buyAtf {
        font-size: 0.8rem; /* Redus de la 1rem */
    }

    /* Ajustam butonul principal (CTA) */
    .cta-button-buyAtf {
        font-size: 0.95rem; /* Redus de la 1.1rem */
        padding: 5px 8px; /* Redus de la 6px 10px */
    }

    /* Micsoram textele de incredere de sub buton */
    .trust-signal-buyAtf {
        font-size: 0.77rem; /* Redus de la 0.9rem */
    }

    /* Micsoram badge-ul de discount */
    .badge-discount-buyAtf {
        font-size: 1.1rem; /* Redus de la 1.2rem */
    }

    .testimonial-slide:nth-child(1) .testimonial-text,
    .testimonial-slide:nth-child(2) .testimonial-text {
        margin-top: 7px;
    }
}

/* ===== MODIFICĂRI NOI PENTRU 393px ===== */
@media (max-width: 393px) {
    .oferta-speciala-container {
        margin-top: -240px; /* Original -290px, l-am coborât cu 10px */
    }

    /* Micsoram padding-ul containerului principal */
    .oferta-speciala-container {
        padding: 8px 12px 16px 12px; /* Redus de la 10px 16px 20px 16px */
    }

    /* Ajustari pentru cardul de cumparare */
    .buy-card-buyAtf {
        gap: 1px;
    }

    .testimonial-carusel {
        gap: 8px;
    }

    .testimonial-citat {
        font-size: 0.77rem; /* Redus de la 0.9rem */
        line-height: 1.4;
    }

    /* Micsoram titlurile si preturile */
    .card-title-buyAtf {
        font-size: 1.0rem; /* Redus de la 1.3rem */
    }

    .price-old-buyAtf {
        font-size: 1.28rem; /* Redus de la 1.6rem */
    }

    .price-new-buyAtf {
        font-size: 1.6rem; /* Redus de la 2rem */
    }

    .price-unit-buyAtf {
        font-size: 0.8rem; /* Redus de la 1rem */
    }

    /* Ajustam butonul principal (CTA) */
    .cta-button-buyAtf {
        font-size: 0.95rem; /* Redus de la 1.1rem */
        padding: 5px 8px; /* Redus de la 6px 10px */
    }

    /* Micsoram textele de incredere de sub buton */
    .trust-signal-buyAtf {
        font-size: 0.77rem; /* Redus de la 0.9rem */
    }

    /* Micsoram badge-ul de discount */
    .badge-discount-buyAtf {
        font-size: 1.1rem; /* Redus de la 1.2rem */
    }

    .testimonial-slide:nth-child(1) .testimonial-text,
    .testimonial-slide:nth-child(2) .testimonial-text {
        margin-top: 7px;
    }
}


@media (max-width: 375px) {
    .oferta-speciala-container {
        margin-top: -240px; /* Original -290px, l-am coborât cu 10px */
    }

    /* Micsoram padding-ul containerului principal */
    .oferta-speciala-container {
        padding: 8px 12px 16px 12px; /* Redus de la 10px 16px 20px 16px */
    }

    /* Ajustari pentru cardul de cumparare */
    .buy-card-buyAtf {
        gap: 1px;
    }

    .testimonial-carusel {
        gap: 8px;
    }

    .testimonial-citat {
        font-size: 0.77rem; /* Redus de la 0.9rem */
        line-height: 1.4;
    }

    /* Micsoram titlurile si preturile */
    .card-title-buyAtf {
        font-size: 1.0rem; /* Redus de la 1.3rem */
    }

    .price-old-buyAtf {
        font-size: 1.28rem; /* Redus de la 1.6rem */
    }

    .price-new-buyAtf {
        font-size: 1.6rem; /* Redus de la 2rem */
    }

    .price-unit-buyAtf {
        font-size: 0.8rem; /* Redus de la 1rem */
    }

    /* Ajustam butonul principal (CTA) */
    .cta-button-buyAtf {
        font-size: 0.95rem; /* Redus de la 1.1rem */
        padding: 5px 8px; /* Redus de la 6px 10px */
    }

    /* Micsoram textele de incredere de sub buton */
    .trust-signal-buyAtf {
        font-size: 0.77rem; /* Redus de la 0.9rem */
    }

    /* Micsoram badge-ul de discount */
    .badge-discount-buyAtf {
        font-size: 1.1rem; /* Redus de la 1.2rem */
    }

    .testimonial-slide:nth-child(1) .testimonial-text,
    .testimonial-slide:nth-child(2) .testimonial-text {
        margin-top: 7px;
    }
}

@media (max-width: 360px) {
    .oferta-speciala-container {
        margin-top: -230px; /* Original -290px, l-am coborât cu 10px */
    }

    /* Micsoram padding-ul containerului principal */
    .oferta-speciala-container {
        padding: 8px 12px 16px 12px; /* Redus de la 10px 16px 20px 16px */
    }

    /* Ajustari pentru cardul de cumparare */
    .buy-card-buyAtf {
        gap: 1px;
    }

    .testimonial-carusel {
        gap: 8px;
    }

    .testimonial-citat {
        font-size: 0.72rem; /* Redus de la 0.9rem */
        line-height: 1.4;
    }

    /* Micsoram titlurile si preturile */
    .card-title-buyAtf {
        font-size: 1.0rem; /* Redus de la 1.3rem */
    }

    .price-old-buyAtf {
        font-size: 1.28rem; /* Redus de la 1.6rem */
    }

    .price-new-buyAtf {
        font-size: 1.6rem; /* Redus de la 2rem */
    }

    .price-unit-buyAtf {
        font-size: 0.8rem; /* Redus de la 1rem */
    }

    /* Ajustam butonul principal (CTA) */
    .cta-button-buyAtf {
        font-size: 0.9rem; /* Redus de la 1.1rem */
        padding: 5px 8px; /* Redus de la 6px 10px */
    }

    /* Micsoram textele de incredere de sub buton */
    .trust-signal-buyAtf {
        font-size: 0.72rem; /* Redus de la 0.9rem */
    }

    /* Micsoram badge-ul de discount */
    .badge-discount-buyAtf {
        font-size: 1rem; /* Redus de la 1.2rem */
    }
    .testimonial-slide:nth-child(1) .testimonial-text,
    .testimonial-slide:nth-child(2) .testimonial-text {
        margin-top: 7px;
    }
}
.card-title-buyAtf br {
    display: none !important;
}

/* FORȚEAZĂ titlul din oferta ATF să fie alb */
.card-title-buyAtf {
    color: #FFFFFF !important;
    font-size: 1.12rem !important;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
    font-family: 'Teko' !important;
    position: relative !important;
    top: 6px !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8) !important;
    background-color: transparent !important;
    /* --- MODIFICĂRI PENTRU LINIE UNICĂ --- */
    white-space: nowrap !important; /* Nu permite ruperea textului la spații */
    display: inline-block !important; /* Se asigură că elementul stă pe o linie */
    max-width: 100% !important; /* Previne ieșirea din container */
    overflow: hidden !important; /* Ascunde ce e prea lung */
    text-overflow: ellipsis !important; /* Adaugă "..." dacă textul e prea lung */
}

/* Toate variantele posibile pentru titlul din ofertă */
h3.card-title-buyAtf,
.buy-card-buyAtf .card-title-buyAtf,
.buy-card-buyAtf h3,
.oferta-speciala-container .card-title-buyAtf {
    color: #FFFFFF !important;
    background-color: transparent !important;
    text-decoration: none !important;
}

/* Stiluri pentru mobile - foarte important */
@media (max-width: 768px) {
    .card-title-buyAtf,
    h3.card-title-buyAtf {
        color: #FFFFFF !important;
        background-color: transparent !important;
        outline: none !important;
        box-shadow: none !important;
    }
}

/* Pentru toate elementele în oferta specială */
.oferta-speciala-container * {
    -webkit-tap-highlight-color: transparent !important;
}

/* ================================================
   CARD PRODUS BRICHETE LEMN (BTF - Below The Fold)
   ================================================ */

/* 1. Containerul rămâne NEGRU (ca la primul produs) */
.oferta-speciala-container--btf {
    background-color: #0D0D0D !important; /* Fundal negru */
    color: #FFFFFF;
    margin-top: 0; /* Resetăm marginea negativă */

    padding-bottom: 40px;
}

/* 2. CARDUL: Gradient Dark Red/Black (Ember Style) */
.buy-card-buyAtf.buy-card-buyAtf--lemn {
    /* GRADIENT ECHILIBRAT:
       Pleacă de la un vișiniu închis (nu roșu aprins) și se topește în negru/gri închis.
       Este mult mai plăcut ochiului, dar rămâne premium.
    */
    background: linear-gradient(145deg, #3d0b0b 0%, #1a1a1a 55%, #0a0a0a 100%) !important;
    /* BORDER VIZIBIL DAR RAFINAT:
       2px grosime, dar o nuanță puțin mai închisă (#a61013) decât roșul standard,
       pentru a nu fi "neon".
    */
    border: 2px solid #a61013 !important;
    /* UMBRĂ EXTEIROARĂ DIFUZĂ:
       Am scos umbra interioară (inset). Acum cardul doar "plutește" elegant.
    */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6), 0 0 20px rgba(166, 16, 19, 0.2) !important;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
}

    /* Hover pe card - Intensificare luminozitate */
    .buy-card-buyAtf.buy-card-buyAtf--lemn:hover {
        transform: translateY(-5px);
        border-color: #ff1f24 !important;
        /* La hover, strălucirea devine aproape incandescentă */
        box-shadow: inset 0 0 50px rgba(255, 31, 36, 0.5), 0 0 35px rgba(193, 2, 6, 0.7) !important;
    }

    /* OPTIONAL: Adaugă o textură subtilă de zgomot peste gradient pentru realism */
    .buy-card-buyAtf.buy-card-buyAtf--lemn::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");
        pointer-events: none;
        opacity: 0.4; /* Foarte subtil */
        mix-blend-mode: overlay;
        z-index: 1;
    }

/* 3. Ajustarea textelor DIN INTERIORUL cardului alb (pentru contrast) */

/* Titlul produsului - Negru */
.buy-card-buyAtf--lemn .card-title-buyAtf {
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8) !important;
    font-weight: 600 !important;
}

/* Prețul nou - ALB (conform design Ember) */
.buy-card-buyAtf--lemn .price-new-buyAtf {
    color: #ffffff !important;
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.2) !important;
}

/* Prețul vechi - Gri */
.buy-card-buyAtf--lemn .price-old-buyAtf {
    color: #888888 !important;
    text-decoration-color: #C10206 !important;
}

/* Unitatea de măsură - Gri închis */
.buy-card-buyAtf--lemn .price-unit-buyAtf {
    color: #cccccc !important;
}

/* Semnalele de încredere (bifele) - Negru/Gri închis */
.buy-card-buyAtf--lemn .trust-signal-buyAtf {
    color: #e5e7eb !important;
    font-weight: 500;
}

/* Badge-ul de reducere */
.buy-card-buyAtf--lemn .badge-discount-buyAtf {
    background: #C10206 !important; /* Roșu simplu sau gradient */
    border: none;
}

/* 4. Butonul CTA */
.buy-card-buyAtf--lemn .cta-button-buyAtf {
    background: linear-gradient(90deg, #C10206 0%, #a50205 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    border-bottom: 2px solid #6b0002;
    white-space: nowrap;
}

    .buy-card-buyAtf--lemn .cta-button-buyAtf:hover {
        background: linear-gradient(90deg, #ff1f24 0%, #C10206 100%) !important;
        box-shadow: 0 0 20px rgba(193, 2, 6, 0.5) !important;
        transform: translateY(-2px);
    }

/* 5. Ajustări pentru Testimoniale (stânga) */
/* Deoarece fundalul secțiunii e negru, textele din stânga trebuie să rămână ALBE */
.oferta-speciala-container--btf .review-text-testimonial-atf {
    color: #d1d5db !important; /* Gri deschis (text original) */
}

.oferta-speciala-container--btf .author-name-testimonial-atf {
    color: #ffffff !important;
}

.carousel-wrapper-testimonial-atf{
    padding-bottom:10px;
}

/* == STILURI ESENȚIALE PENTRU CARUSEL (Mobile-First) == */
/* Aceste stiluri sunt necesare pentru mecanismul de sliding */

.testimonial-viewport-testimonial-atf {
    overflow: hidden; /* CRITIC: Ascunde slide-urile care ies din cadru */
    position: relative;
    width: 100%;
    /* Înălțimea este gestionată dinamic de JavaScript */
    transition: height 0.3s ease-out;
}

.testimonial-slides-track-testimonial-atf {
    display: flex; /* CRITIC: Aliniază slide-urile orizontal */
    transition: transform 0.5s ease-in-out; /* Animație de tranziție */
}

.testimonial-slide-testimonial-atf {
    flex-shrink: 0; /* CRITIC: Previne micșorarea slide-urilor */
    width: 100%; /* CRITIC: Fiecare slide ocupă 100% din viewport */
    box-sizing: border-box;
}

/* Stilizare pentru punctele de paginare (generate de JS) */
.pagination-dots-testimonial-atf {
    display: flex;
    justify-content: center;
    margin-top: 12px;
    padding-bottom: 5px;
    display:none;
}

.pagination-dot-testimonial-atf {
    background-color: #555;
    border: none;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.3s;
}

    .pagination-dot-testimonial-atf.active-testimonial-atf {
        background-color: #C10206; /* Culoarea de accent */
        transform: scale(1.2);
    }