/* [01] Componentă: _reviews-tiktok.css */
/* [02] Componentă: _home-comunitate-preview.css */
/* [03] Componentă: _carusel-testimoniale.css (Styling Detalii) */
/* [04] Componentă: _btf-1.css (Technology & CTA focus) */
/* [05] Componentă: _categorii-produse.css */
/* [06] Componentă: _container-pachete.css */
/* [07] Componentă: _garantie-index.css */
/* [08] Componentă: _reviewuri-index.css */
/* [09] Componentă: _testimonial-carousel-api.css */
/* [10] Componentă: _prezentare-pachete-homepage.css */
/* [11] Componentă: _product-carousel.css */
/* [12] Componentă: _sectiune-calitate.css */
/* [13] Componentă: _sectiune-ridicare.css */
/* [14] Componentă: _google-review.css */
/* [16] Componentă: _icon-description.css (BTF) */
/* [17] Componenta: _fab.css (BTF) */
/* [18] Componentă: _logo-separator.css (BTF) */
/* [19] Componentă: _reviews.css (BTF) */
/* [20] Componenta: _features.css (BTF) */


/* --- [MUTATE DIN INLINE] Secțiune Ofertă Specială --- */
.oferta-speciala-container {
    position: relative;
    z-index: 10;
    margin-top: -290px;
    background-color: #0D0D0D;
    color: #FFFFFF;
    padding: 10px 5px 20px 5px;
    font-family: sans-serif;
    width: 100%;
    box-sizing: border-box;
}

.oferta-speciala-content {
    width: 100%; /* ADĂUGAT: Forțează lățime completă */
    max-width: 100%; /* ADĂUGAT: Elimină orice limită */
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0 2px; /* ADĂUGAT: Mic respiro de margini */
    box-sizing: border-box; /* ADĂUGAT: Include padding în width */
}

.buy-card-buyAtf {
    position: relative;
    width: 100%;
    max-width: 600px; /* Permitem cardului să fie mai lat pe tablete/desktop */
    border-radius: 18px;
    overflow: hidden;
    background-color: #1a1a1a;
    transition: transform 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);
    padding: 5px;
    text-align: center;
    gap: 2px;
    margin: 0 auto;
}



/* ... include restul claselor buy-card-buyAtf (title, pricing, old-price, cta-button) ... */

/* --- [MUTATE DIN INLINE] Carusel Testimoniale ATF --- */
.body-testimonial-atf {
    font-family: 'Inter', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    margin-bottom: -10px;
}

.carousel-wrapper-testimonial-atf {
    width: 100%;
    max-width: 28rem;
    margin: auto;
}

.testimonial-carousel-testimonial-atf {
    position: relative;
    border-radius: 0.75rem;
    overflow: hidden;
    touch-action: pan-y;
}
/* ... include restul claselor de testimoniale ... */


#sectiune-reviews-tiktok {
    padding: 2rem 1rem !important;
    background: #0a0a0a !important;
}

    #sectiune-reviews-tiktok h2 {
        text-align: center !important;
        font-size: 1.8rem !important;
        font-weight: 800 !important;
        margin-bottom: 2rem !important;
        color: #fff !important;
    }

.grid-tiktok-reviews {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1rem !important;
    max-width: 1200px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .grid-tiktok-reviews {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 1.5rem !important;
    }
}

@media (min-width: 1024px) {
    .grid-tiktok-reviews {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

.card-tiktok-review {
    background: white !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
    width: 100% !important;
    display: flex;
    flex-direction: column;
    position: relative;
}

.video-holder {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 9 / 16 !important;
    background: #000 !important;
    overflow: hidden !important;
    cursor: pointer !important;
    display: block !important;
}

.video-fasada-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.3s ease;
}

.video-holder:hover .video-fasada-img {
    transform: scale(1.03);
    opacity: 0.9;
}

.video-holder iframe, .video-iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 200% !important;
    height: 200% !important;
    transform: scale(0.5) !important;
    transform-origin: top left !important;
    border: none !important;
    z-index: 10 !important;
    background: black;
    display: block !important;
    pointer-events: auto !important;
}

.play-icon-overlay {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 5 !important;
    pointer-events: none !important;
    width: 64px;
    height: 64px;
    background: rgba(0,0,0,0.4);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(4px);
    transition: transform 0.2s ease;
}

.video-holder:hover .play-icon-overlay {
    transform: translate(-50%, -50) scale(1.1) !important;
    background: rgba(193, 2, 6, 0.8);
}

.play-icon-overlay svg {
    width: 32px !important;
    height: 32px !important;
    fill: white !important;
}

.review-meta {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 1rem 0.5rem !important;
    gap: 0.5rem !important;
    background: #fff;
    flex-grow: 1;
    z-index: 11;
    position: relative;
    text-align: center !important;
}

.logo-influencer {
    width: 45px !important;
    height: 45px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 2px solid #eee;
}

.reviewer-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    color: #232323;
    line-height: 1.2;
    width: 100% !important;
}

.reviewer-name {
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    color: #000;
    text-align: center !important;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.review-date {
    font-size: 0.75rem;
    color: #666;
    margin-top: 2px;
}


/* --- Stiluri Galerie Foto & Card Google (Mutate din _home-comunitate-preview.css) --- */
.gg-photos-gallery-wrapper {
    font-family: 'Inter', sans-serif;
    background-color: #0a0a0a;
    color: #fff;
    padding-bottom: 1rem;
}

@media (min-width: 640px) {
    .gg-photos-gallery-wrapper {
        padding-top: 2rem;
        padding-bottom: 5rem;
    }
}

.gg-photos-container {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

.gg-photos-header {
    text-align: center;
    margin-bottom: 3rem;
}

.gg-photos-title {
    font-family: 'Teko', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    line-height: 1;
    margin: 0;
    color: white;
}

.gg-photos-title-highlight {
    color: #FF4D00;
    white-space: nowrap;
}

.gg-photos-subtitle {
    margin-top: 1rem;
    max-width: 42rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 1rem;
    color: #9ca3af;
    line-height: 1.5;
}

.gg-photos-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

@media (min-width: 640px) {
    .gg-photos-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1024px) {
    .gg-photos-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

.gg-photos-grid-item {
    position: relative;
    overflow: hidden;
    border-radius: 0.75rem;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    aspect-ratio: 1 / 1;
}

    .gg-photos-grid-item:hover {
        transform: scale(1.03);
        box-shadow: 0 8px 25px rgba(255, 77, 0, 0.2);
        z-index: 2;
    }

    .gg-photos-grid-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.gg-photos-load-more-container {
    text-align: center;
    margin-top: 3rem;
    display: none;
}

.gg-photos-load-more-btn {
    background-image: linear-gradient(to right, #FF4D00, #FF8C00);
    color: white;
    font-weight: 700;
    padding: 0.75rem 2rem;
    border-radius: 9999px;
    transition: transform 0.3s ease-in-out;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
    border: none;
    cursor: pointer;
}

    .gg-photos-load-more-btn:hover {
        transform: scale(1.05);
    }

.gg-photos-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.95);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

    .gg-photos-lightbox.active {
        opacity: 1;
        pointer-events: auto;
    }

.gg-photos-lightbox-img {
    max-width: 90vw;
    max-height: 85vh;
    border-radius: 0.5rem;
    box-shadow: 0 0 30px rgba(0,0,0,0.5);
}

.gg-photos-lightbox-close {
    position: absolute;
    top: 1.5rem;
    right: 2rem;
    color: white;
    font-size: 3rem;
    cursor: pointer;
    line-height: 1;
    font-weight: 300;
}

.google-section-review {
    padding: 24px 0;
    background: #0a0a0a;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 20px;

}

.google-card-review {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 24px;
    text-align: center;
    max-width: 420px;
    width: 100%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    position: relative;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
    transform: translateX(-25px) !important;
}

    .google-card-review::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: conic-gradient(from 0deg, transparent, rgba(66, 133, 244, 0.1), transparent);
        animation: rotate 10s linear infinite;
        z-index: 0;
    }

    .google-card-review > * {
        position: relative;
        z-index: 1;
    }

.stat-label-review-verificabil {
    color: #ffffff;
    text-transform: capitalize;
    font-size: 1.125rem;
    letter-spacing: normal;
    font-weight: 500;
    margin-bottom: 5px;
}

.google-header-review {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 10px;
}

.google-logo-review {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
}

    .google-logo-review svg {
        height: 100%;
        width: 100%;
    }

.google-rating-review {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.125rem;
}

.rating-number-review {
    font-weight: 700;
    color: #ffffff;
    font-size: 1.5rem;
}

.stars-review {
    color: #FDBB33;
    font-size: 1.25rem;
    letter-spacing: 2px;
}

.review-count-review {
    color: #ffffff;
    font-weight: 500;
    font-size: 0.9rem;
}

.cta-text-review {
    color: #ffffff;
    font-size: 1.125rem;
    margin-bottom: 16px;
    font-weight: 500;
}

.btn-review.btn--primary-review {
    background: linear-gradient(135deg, #FF4D00 0%, #FF8C00 100%);
    color: #ffffff;
    padding: 12px 24px;
    border-radius: 9999px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 15px rgba(255, 77, 0, 0.3);
    font-size: 16px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .btn-review.btn--primary-review:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(255, 77, 0, 0.4);
        background: linear-gradient(135deg, #e6440a 0%, #e67d00 100%);
    }

@keyframes rotate {
    to {
        transform: rotate(360deg);
    }
}

/* [03] Componentă: _carusel-testimoniale.css (Styling Detalii) */
.testimonial-carousel-testimonial-atf {
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

.testimonial-viewport-testimonial-atf {
    transition: height 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}

.testimonial-slides-track-testimonial-atf {
    transition: transform 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}

.slide-header-testimonial-atf {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.1rem;
    margin-top: 3px;
}

.avatar-testimonial-atf {
    width: 2.5rem;
    height: 2rem;
    border-radius: 9999px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 700;
    border: 2px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    flex-shrink: 0;
    object-fit: cover;
}

.author-meta-testimonial-atf {
    flex-grow: 1;
}

.author-name-testimonial-atf {
    font-weight: 700;
    color: white;
    letter-spacing: 0.025em;
    font-size: 0.775rem;
    margin: 0;
}

.meta-row-testimonial-atf {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    font-size: 0.75rem;
    color: #9ca3af;
}

.rating-testimonial-atf {
    color: #facc15;
}

.verified-badge-testimonial-atf {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: #34d399;
    font-weight: 600;
}

.verified-icon-testimonial-atf {
    width: 0.75rem;
    height: 0.75rem;
}

.review-text-testimonial-atf {
    font-size: 0.775rem;
    font-weight: 500;
    color: #d1d5db;
    line-height: 1.625;
    min-height: 3rem;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 15px;
}

/* Media Queries specifice pentru device-uri (Font-size) */
@media only screen and (min-width: 380px) and (max-width: 390px) {
    .testimonial-slide-testimonial-atf:nth-child(3) .review-text-testimonial-atf {
        font-size: 0.7rem !important;
    }
}

@media only screen and (min-width: 360px) and (max-width: 370px) {
    .testimonial-slide-testimonial-atf:nth-child(3) .review-text-testimonial-atf {
        font-size: 0.7rem !important;
    }

    .testimonial-slide-testimonial-atf:nth-child(1) .review-text-testimonial-atf {
        font-size: 0.725rem !important;
    }
}

/* [04] Componentă: _btf-1.css (Technology & CTA focus) */
.btf-technology {
    padding: 15px 10px 10px;
    background: #ffffff;
    position: relative;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    display:none !important;
}

    .btf-technology::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.03) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(220, 38, 38, 0.05) 0%, transparent 50%);
        pointer-events: none;
    }

.btf-container {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    margin-top: 20px;
    margin-bottom: 10px;
}

.btf-main-title {
    font-size: 26px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 8px;
    color: #000000;
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.btf-subtitle {
    font-size: 15px;
    color: #000000;
    text-align: center;
    margin-bottom: 8px;
    font-weight: 400;
}

.btf-feature-block {
    margin-bottom: 5px;
    text-align: center;
    position: relative;
    animation: btfFadeInUp 0.6s ease-out backwards;
}

    .btf-feature-block:nth-child(3) {
        animation-delay: 0.1s;
    }

    .btf-feature-block:nth-child(5) {
        animation-delay: 0.2s;
    }

    .btf-feature-block:nth-child(7) {
        animation-delay: 0.3s;
    }

.btf-icon-wrapper {
    width: 72px;
    height: 72px;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #000000;
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.btf-icon {
    color: #ffffff;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btf-icon-wrapper svg {
    width: 48px;
    height: 48px;
}

.btf-metric-badge {
    position: absolute;
    top: -8px;
    right: -12px;
    background: #000000;
    color: white;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 6px;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.btf-feature-title {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #000000;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.btf-feature-text {
    font-size: 15px;
    line-height: 1.65;
    color: #000000;
    max-width: 340px;
    margin: 0 auto;
    font-weight: 400;
}

.btf-metric {
    font-weight: 700;
    color: #DC2626;
    font-size: 16px;
}

.btf-benefit {
    font-weight: 600;
    color: #000000;
}

.btf-separator {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin: 0 auto 10px;
}

.btf-dot {
    width: 4px;
    height: 4px;
    background: #000000;
    border-radius: 50%;
}

    .btf-dot:nth-child(2) {
        background: #000000;
    }

@keyframes btfFadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes btfPulse {
    0%, 100% {
        transform: scale(1);
    }

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

.btf-feature-block:first-of-type .btf-icon-wrapper {
    animation: btfPulse 3s ease-in-out infinite;
}

@media (hover: none) {
    .btf-feature-block {
        padding: 12px;
        margin-left: -12px;
        margin-right: -12px;
        border-radius: 16px;
        transition: background 0.2s ease;
    }

        .btf-feature-block:active {
            background: rgba(255, 255, 255, 0.04);
        }
}

@media (min-width: 375px) {
    .btf-main-title {
        font-size: 28px;
    }

    .btf-feature-text {
        font-size: 16px;
    }
}

@media (min-width: 414px) {
    .btf-main-title {
        font-size: 30px;
    }

    .btf-feature-title {
        font-size: 20px;
    }
}

@media (min-width: 768px) {
    .btf-technology {
        padding: 80px 40px 20px;
    }

    .btf-container {
        max-width: 720px;
    }

    .btf-main-title {
        font-size: 36px;
        margin-bottom: 12px;
    }

    .btf-subtitle {
        font-size: 17px;
        margin-bottom: 12px;
    }

    .btf-feature-block {
        margin-bottom: 12px;
    }

    .btf-icon-wrapper {
        width: 84px;
        height: 84px;
        margin-bottom: 28px;
    }

        .btf-icon-wrapper svg {
            width: 58px;
            height: 58px;
        }

    .btf-feature-title {
        font-size: 22px;
        margin-bottom: 16px;
    }

    .btf-feature-text {
        font-size: 17px;
        max-width: 480px;
    }

    .btf-metric {
        font-size: 18px;
    }
}

/* --- Stiluri Secțiunea CTA din _btf-1.css --- */
.cta-focus-section-index {
    background-color: #0a0a0a;
    padding: 20px 20px;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 40px;
}

#embers-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
}

.cta-container-index {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
    font-family: 'Inter';
}

.cta-title-index {
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 32px;
}

.cta-subtitle-index {
    font-size: 15px;
    color: #ffffff;
    margin-bottom: 50px;
    line-height: 1.6;
}

.cta-glow-button-index {
    display: inline-block;
    padding: 12px 30px;
    background-color: #0a0a0a;
    background-image: linear-gradient(to top, #c10206 0%, #dc2626 150%);
    color: #ffffff;
    border-radius: 12px;
    font-weight: 700;
    font-size: 22px;
    text-decoration: none;
    border: 2px solid #c10206;
    cursor: pointer;
    position: relative;
    z-index: 1;
    transition: transform 0.3s ease-out, box-shadow 0.4s ease-in-out;
    box-shadow: 0 0 15px rgba(193, 2, 6, 0.6), 0 0 25px rgba(193, 2, 6, 0.5), inset 0 0 8px rgba(255, 100, 100, 0.3);
    animation: pulseGlow-index 2.5s infinite ease-in-out;
    font-family: 'Teko';
    white-space: nowrap;
}

    .cta-glow-button-index:hover {
        transform: translateY(-4px) scale(1.05);
        animation-play-state: paused;
        box-shadow: 0 0 30px rgba(193, 2, 6, 0.9), 0 0 50px rgba(193, 2, 6, 0.7), inset 0 0 12px rgba(255, 100, 100, 0.4);
    }

    .cta-glow-button-index:active {
        transform: translateY(-1px) scale(1.02);
    }

@keyframes pulseGlow-index {
    0% {
        box-shadow: 0 0 15px rgba(193, 2, 6, 0.6), 0 0 25px rgba(193, 2, 6, 0.5), inset 0 0 8px rgba(255, 100, 100, 0.3);
    }

    50% {
        box-shadow: 0 0 25px rgba(193, 2, 6, 0.9), 0 0 45px rgba(193, 2, 6, 0.7), inset 0 0 10px rgba(255, 100, 100, 0.4);
    }

    100% {
        box-shadow: 0 0 15px rgba(193, 2, 6, 0.6), 0 0 25px rgba(193, 2, 6, 0.5), inset 0 0 8px rgba(255, 100, 100, 0.3);
    }
}

.fade-in-element-index {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

    .fade-in-element-index.is-visible-index {
        opacity: 1;
        transform: translateY(0);
    }

.cta-title-index.is-visible-index {
    transition-delay: 0.1s;
}

.cta-subtitle-index.is-visible-index {
    transition-delay: 0.2s;
}

.cta-glow-button-index.is-visible-index {
    transition-delay: 0.3s;
}

@media (min-width: 768px) {
    .cta-focus-section-index {
        padding: 60px 20px;
    }

    .cta-title-index {
        font-size: 32px;
    }

    .cta-subtitle-index {
        font-size: 17px;
    }

    .cta-glow-button-index {
        font-size: 18px;
        padding: 14px 38px;
    }
}

/* [05] Componentă: _categorii-produse.css */
.categorii-produse-container {
    text-align: center;
    padding: 2rem 1rem;
    margin-bottom: 0rem !important;
    padding-top: 10px;
    background: #0a0a0a;
    padding-bottom: 0px;
}

.categorii-produse-titlu {
    font-family: 'Teko';
    font-size: 2.8rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 40px !important;
}

.categorii-produse-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    justify-items: center;
    row-gap: 1.2rem;
    margin-bottom: 1.4rem !important;
    font-family: 'Inter' !important;
}

@media (max-width: 420px) {
    .categorii-produse-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.categorie-cerc {
    width: 45%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: inherit;
}

    .categorie-cerc:hover {
        cursor: pointer !important;
    }

    .categorie-cerc .cerc-imagine {
        width: 130px;
        height: 130px;
        border-radius: 50%;
        background: white;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transition: transform 0.3s ease, border-color 0.3s ease;
        border: 1px solid var(--albastru-site);
    }

        .categorie-cerc .cerc-imagine img {
            width: 80%;
            height: auto;
            object-fit: contain;
            display: block;
        }

    .categorie-cerc:hover .cerc-imagine {
        transform: scale(1.1);
        border-color: orange !important;
    }

.categorie-nume {
    margin-top: 0.5rem !important;
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    white-space: nowrap;
    display: inline-block;
}

.cerc-cana img {
    position: relative;
    top: -10px;
    left: 5px;
}

.imagine-perie img {
    transform: scale(2);
    position: relative;
    left: -5px;
    top: 10px;
}

.imagine-lana img {
    transform: scale(1.17);
    position: relative;
    top: -3px;
}

.imagine-cleste img {
    transform: scale(0.85);
}

.imagine-carbuni img {
    transform: scale(1.2);
}

.imagine-cana img {
    transform: scale(1.1);
}

.imagine-lemne img {
    transform: scale(1.15);
    position: relative;
    top: -5px;
}

.imagine-carbuni-lemn img {
    transform: scale(1.15);
    position: relative;
}

/* [06] Componentă: _container-pachete.css */
.container-pachete-body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: #000;
    color: #fff;
}

.container-pachete {
    max-width: 480px;
    margin: 0 auto;
    padding: 20px;
    background: linear-gradient(180deg, #0a0a0a 0%, #1a0000 100%);
    min-height: 100vh;
}

.pachete-header {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}

.pachete-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(90deg, rgba(193, 2, 6, 0.2), rgba(193, 2, 6, 0.1));
    border: 1px solid rgba(193, 2, 6, 0.6);
    color: #ff6b6b;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 16px;
    animation: glow 2s ease-in-out infinite;
}

@keyframes glow {
    0%, 100% {
        box-shadow: 0 0 5px rgba(193, 2, 6, 0.3);
    }

    50% {
        box-shadow: 0 0 20px rgba(193, 2, 6, 0.6);
    }
}

.pachete-title {
    font-size: 28px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 10px;
    background: linear-gradient(135deg, #fff 0%, #ff3333 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.pachete-subtitle {
    color: #999;
    font-size: 13px;
    line-height: 1.4;
    max-width: 280px;
    margin: 0 auto;
}

.comparison-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 30px;
}

.comparison-card {
    padding: 16px;
    border-radius: 12px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.card-problem {
    background: #1a1a1a;
    border: 1px solid #333;
}

.card-solution {
    background: linear-gradient(135deg, #C10206 0%, #7a0104 100%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 20px rgba(193, 2, 6, 0.4);
}

.card-icon {
    width: 36px;
    height: 36px;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.card-problem .card-icon {
    background: rgba(255, 255, 255, 0.1);
}

.card-solution .card-icon {
    background: rgba(255, 255, 255, 0.2);
}

.card-title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 6px;
}

.card-text {
    font-size: 11px;
    line-height: 1.3;
    opacity: 0.8;
}

.packages-grid {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 30px;
}

.package-card {
    background: #1a1a1a;
    border: 2px solid #2a2a2a;
    border-radius: 16px;
    padding: 20px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .package-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    }

    .package-card.selected {
        border-color: #C10206;
        background: linear-gradient(135deg, rgba(193, 2, 6, 0.1) 0%, rgba(193, 2, 6, 0.05) 100%);
    }

.package-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
}

.package-name {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

.package-price-box {
    text-align: right;
}

.package-price {
    font-size: 22px;
    font-weight: 800;
    color: #fff;
}

.package-badge {
    position: absolute;
    top: -10px;
    right: 15px;
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    color: #000;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 10px;
    font-weight: 700;
    box-shadow: 0 2px 10px rgba(255, 215, 0, 0.4);
}

.package-description {
    color: #999;
    font-size: 12px;
    margin-bottom: 12px;
}

.package-features {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.feature-pill {
    background: rgba(193, 2, 6, 0.15);
    color: #ff9999;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    border: 1px solid rgba(193, 2, 6, 0.3);
}

.cta-container {
    background: linear-gradient(135deg, #1a0000 0%, #2a0000 100%);
    border-radius: 20px;
    padding: 25px;
    margin-bottom: 20px;
    border: 1px solid rgba(193, 2, 6, 0.3);
    position: relative;
    overflow: hidden;
}

    .cta-container::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(193, 2, 6, 0.1) 0%, transparent 60%);
        animation: rotate 10s linear infinite;
    }

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.cta-content {
    position: relative;
    z-index: 1;
}

.cta-price-display {
    text-align: center;
    margin-bottom: 20px;
}

.cta-selected-package {
    font-size: 12px;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.cta-final-price {
    font-size: 36px;
    font-weight: 800;
    color: #fff;
    line-height: 1;
}

    .cta-final-price small {
        font-size: 18px;
        color: #999;
    }

.cta-button {
    display: block;
    width: 100%;
    background: linear-gradient(135deg, #ff0000 0%, #cc0000 50%, #990000 100%);
    color: #fff;
    padding: 16px 20px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 20px rgba(255, 0, 0, 0.3);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

    .cta-button::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
        transition: left 0.5s ease;
    }

    .cta-button:hover::before {
        left: 100%;
    }

    .cta-button:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 30px rgba(255, 0, 0, 0.5);
    }

.cta-button-icon {
    display: inline-block;
    margin-right: 8px;
    animation: flame 1s ease-in-out infinite;
}

@keyframes flame {
    0%, 100% {
        transform: scale(1) translateY(0);
    }

    50% {
        transform: scale(1.1) translateY(-2px);
    }
}

.trust-badges {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 20px;
}

.trust-badge {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 12px;
    text-align: center;
}

.trust-icon {
    font-size: 20px;
    margin-bottom: 4px;
}

.trust-label {
    font-size: 9px;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.trust-value {
    font-size: 11px;
    color: #fff;
    font-weight: 600;
    margin-top: 2px;
}

.reviews-container {
    background: #1a1a1a;
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #2a2a2a;
}

.reviews-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.reviews-rating {
    display: flex;
    align-items: center;
    gap: 8px;
}

.stars {
    color: #FFD700;
    font-size: 18px;
}

.rating-number {
    font-size: 20px;
    font-weight: 800;
    color: #fff;
}

.rating-count {
    font-size: 11px;
    color: #999;
}

.review-platforms {
    display: flex;
    gap: 8px;
}

.platform-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
}

.testimonial-card {
    background: rgba(193, 2, 6, 0.1);
    border-left: 3px solid #C10206;
    border-radius: 8px;
    padding: 15px;
    margin-top: 15px;
}

.testimonial-text {
    font-size: 13px;
    line-height: 1.5;
    color: #ccc;
    font-style: italic;
    margin-bottom: 10px;
}

.testimonial-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.testimonial-author {
    font-size: 11px;
    color: #999;
    font-weight: 600;
}

.verified-badge {
    background: rgba(37, 211, 102, 0.2);
    color: #25d366;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
}

.guarantee-strip {
    background: linear-gradient(90deg, #1a1a1a, #2a2a2a);
    border-radius: 12px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
    border: 1px solid #333;
}

.guarantee-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: #ccc;
}

    .guarantee-item .check {
        color: #25d366;
        font-weight: bold;
    }

.urgency-timer {
    background: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    margin-bottom: 15px;
}

.timer-label {
    font-size: 10px;
    color: #ffc107;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.timer-countdown {
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    font-family: 'Courier New', monospace;
}

/* [07] Componentă: _garantie-index.css */
:root {
    --color-white: rgba(255, 255, 255, 1);
    --color-black: rgba(0, 0, 0, 1);
    --color-cream-50: rgba(252, 252, 249, 1);
    --color-slate-500: rgba(98, 108, 113, 1);
    --color-slate-900: rgba(19, 52, 59, 1);
    --color-teal-500: rgba(33, 128, 141, 1);
    --color-red-500: rgba(192, 21, 47, 1);
    --color-background: #0a0a0a;
    --color-text: #ffffff;
    --color-primary: var(--color-teal-500);
    --space-4: 4px;
    --space-8: 8px;
    --space-12: 12px;
    --space-16: 16px;
    --space-20: 20px;
    --space-24: 24px;
    --space-32: 32px;
    --radius-lg: 12px;
    --radius-full: 9999px;
    --font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-weight-medium: 500;
    --font-weight-semibold: 550;
    --font-weight-bold: 600;
}

.body-garantie-index {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
}

.guarantee-section-garantie-index {
    padding: var(--space-16);
    background: #0a0a0a;
    color: #ffffff;
    position: relative;
    padding-bottom: 0;
    opacity: 0;
    animation: fadeInUp-garantie-index 0.8s ease forwards;
}

.container-garantie-index {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.header-section-garantie-index {
    text-align: center;
    padding-top: var(--space-32);
    padding-bottom: var(--space-32);
}

.title-container-garantie-index {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-12);
    margin-bottom: var(--space-16);
    flex-wrap: wrap;
}

.main-title-garantie-index {
    font-size: 28px;
    font-weight: var(--font-weight-bold);
    color: #ffffff;
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin: 0;
}

.highlight-text-garantie-index {
    color: #dc2626;
    position: relative;
}

.subtitle-garantie-index {
    font-size: 16px;
    color: #888888;
    max-width: 320px;
    margin: 0 auto;
    line-height: 1.4;
}

.flame-icon-garantie-index {
    color: #dc2626;
    animation: flamePulse-garantie-index 2s ease-in-out infinite alternate;
}

    .flame-icon-garantie-index svg {
        width: 32px;
        height: 32px;
    }

        .flame-icon-garantie-index svg path {
            fill: currentColor;
        }

@keyframes flamePulse-garantie-index {
    0% {
        transform: scale(1);
        filter: drop-shadow(0 0 8px rgba(220, 38, 38, 0.6));
    }

    100% {
        transform: scale(1.1);
        filter: drop-shadow(0 0 16px rgba(220, 38, 38, 0.9));
    }
}

.guarantee-details-garantie-index {
    display: flex;
    flex-direction: column;
    gap: var(--space-20);
}

.guarantee-item-garantie-index {
    background: #0a0a0a;
    border: 1px solid #2a2a2a;
    border-radius: var(--radius-lg);
    padding: var(--space-20);
    display: flex;
    gap: var(--space-16);
    align-items: flex-start;
    transition: transform 0.2s ease, border-color 0.3s ease, box-shadow 0.3s ease, opacity 0.5s ease;
    opacity: 0;
    transform: translateY(20px);
}

    .guarantee-item-garantie-index.visible-garantie-index {
        opacity: 1;
        transform: translateY(0);
    }

    .guarantee-item-garantie-index:hover {
        border-color: #888888;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
    }

.guarantee-icon-garantie-index {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(220, 38, 38, 0.1);
    border: 1px solid rgba(220, 38, 38, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #dc2626;
    transition: transform 0.3s ease, background 0.3s ease;
}

.guarantee-item-garantie-index:hover .guarantee-icon-garantie-index {
    background: rgba(220, 38, 38, 0.2);
    transform: scale(1.1);
}

.guarantee-icon-garantie-index svg, .guarantee-icon-garantie-index .icon-fulger {
    width: 24px;
    height: 24px;
}

    .guarantee-icon-garantie-index .icon-fulger g {
        fill: currentColor;
    }

.guarantee-content-garantie-index {
    flex: 1;
}

.guarantee-title-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-12);
    margin-bottom: var(--space-8);
}

    .guarantee-title-line h3, .guarantee-content-garantie-index h3 {
        font-size: 18px;
        font-weight: var(--font-weight-semibold);
        color: #ffffff;
        margin: 0 0 var(--space-8) 0;
        line-height: 1.3;
    }

.guarantee-content-garantie-index p {
    font-size: 14px;
    color: #888888;
    line-height: 1.5;
    margin: 0;
}

.promise-section-garantie-index {
    text-align: center;
    padding: var(--space-32) 0;
}

.promise-card-garantie-index {
    background: #0a0a0a;
    border: 2px solid #2a2a2a;
    border-radius: var(--radius-lg);
    padding: var(--space-32) var(--space-20);
    position: relative;
    overflow: hidden;
}

    .promise-card-garantie-index::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background: linear-gradient(90deg, #dc2626, #ffffff);
        opacity: 0.8;
    }

.promise-content-garantie-index h2 {
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    color: #ffffff;
    margin: 0 0 var(--space-16) 0;
    line-height: 1.2;
}

.promise-content-garantie-index p {
    font-size: 13px;
    color: #888888;
    margin-bottom: var(--space-12);
    line-height: 1.5;
    white-space: nowrap;
}

.highlight-strong-garantie-index {
    font-size: 18px !important;
    font-weight: var(--font-weight-bold) !important;
    color: #dc2626 !important;
    margin-bottom: var(--space-24) !important;
}

.promise-section-garantie-index .cta-glow-button-index {
    opacity: 1;
    display: inline-block;
    transform: translate(-18px, 0) scale(0.9);
}

@keyframes fadeInUp-garantie-index {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (min-width: 480px) {
    .main-title-garantie-index {
        font-size: 32px;
    }

    .promise-card-garantie-index {
        padding: var(--space-32);
    }
}

@media (min-width: 768px) {
    .guarantee-section-garantie-index {
        padding: var(--space-24);
    }

    .container-garantie-index {
        max-width: 800px;
    }

    .main-title-garantie-index {
        font-size: 36px;
    }

    .subtitle-garantie-index {
        font-size: 18px;
        max-width: 480px;
    }

    .guarantee-details-garantie-index {
        flex-direction: row;
        gap: var(--space-24);
    }

    .guarantee-item-garantie-index {
        flex: 1;
        padding: var(--space-24);
    }

    .guarantee-content-garantie-index h3 {
        font-size: 20px;
    }

    .guarantee-content-garantie-index p {
        font-size: 15px;
    }

    .promise-content-garantie-index h2 {
        font-size: 28px;
    }

    .promise-content-garantie-index p {
        font-size: 17px;
    }

    .highlight-strong-garantie-index {
        font-size: 20px !important;
    }
}

@media (min-width: 1024px) {
    .container-garantie-index {
        max-width: 1000px;
    }

    .header-section-garantie-index {
        padding-top: var(--space-32);
    }
}

@media (hover: none) {
    .guarantee-item-garantie-index:active {
        transform: scale(0.98);
        background: #1a1a1a;
    }
}

/* [08] Componentă: _reviewuri-index.css */
.body-reviewur-scrise {
    font-family: 'Inter', sans-serif;
    background-color: #121212;
    color: #e5e7eb;
    margin: 0;
}

.transition-section {
    background-color: #0a0a0a;
}

.transition-section__container {
    max-width: 36rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
}

.transition-section__title {
    font-family: 'Teko', sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0;
    white-space: nowrap;
}

.transition-section__title--highlight {
    color: #FF4D00;
}

.transition-section__subtitle {
    margin-top: 1rem;
    font-size: 1.1rem;
    color: #d1d5db;
    line-height: 1.15;
    max-width: 27rem;
    margin-left: auto;
    margin-right: auto;
}

/* [09] Componentă: _testimonial-carousel-api.css */
.testimonial-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--google-brand-orange) 0%, #FF8C00 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    margin: 0 auto 1rem;
}

/* [10] Componentă: _prezentare-pachete-homepage.css */
.body-prezentare-pachete {
    margin: 0;
    padding: 2rem 2rem;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    background-color: #0a0a0a;
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    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), radial-gradient(circle at center, rgba(255, 165, 0, 0.4) 0, transparent 1px);
    background-size: 60px 60px, 110px 110px, 90px 90px;
    background-position: 0 0, 40px 60px, 20px 30px;
    background-attachment: fixed;
    position: relative;
    margin-bottom: 10px;
    padding-top: 0;
}

    .body-prezentare-pachete h1 {
        font-family: 'Teko', sans-serif;
        font-size: 5rem;
        font-weight: 600;
        color: #ffffff;
        margin: 0;
        line-height: 1.1;
        text-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
    }

    .body-prezentare-pachete p {
        font-family: 'Inter', sans-serif;
        font-size: 1.25rem;
        color: #a0a0a0;
        margin: 1rem 0 2rem 0;
        max-width: 600px;
    }

@media (max-width: 768px) {
    .body-prezentare-pachete h1 {
        font-size: 2.5rem;
    }

    .body-prezentare-pachete p {
        font-size: 1.2rem;
    }
}

.card {
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    text-align: left;
    max-width: 500px;
    width: 100%;
    padding: 2rem;
}

    .card .card-header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

        .card .card-header .card-price p {
            font-family: 'Teko', sans-serif;
            font-size: 3rem;
            font-weight: 700;
            line-height: 1;
            display: flex;
            align-items: baseline;
            justify-content: flex-end;
            margin: 0;
        }

        .card .card-header .card-price span {
            font-family: 'Montserrat', sans-serif;
            font-size: 1rem;
            font-weight: 600;
            margin-left: 0.25rem;
        }

    .card .card-features {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .card .card-features li {
            display: flex;
            align-items: center;
            font-size: 1rem;
            font-weight: 700;
            margin-bottom: 1rem;
        }

        .card .card-features .icon {
            margin-right: 1rem;
            width: 24px;
            height: 24px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

    .card .card-cta-container {
        padding-top: 1.25rem;
        border-top: 1px solid #e0e0e0;
    }

    .card .card-cta-button {
        display: block;
        width: 100%;
        padding: 0.75rem 1rem;
        border-radius: 8px;
        font-weight: 700;
        text-transform: uppercase;
        text-decoration: none;
        text-align: center;
        transition: all 0.3s ease;
        background-color: #E53935;
        color: #FFFFFF;
        box-shadow: 0 4px 15px rgba(229, 57, 53, 0.2);
    }

        .card .card-cta-button:hover {
            background-color: #C62828;
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(229, 57, 53, 0.3);
        }

#pachet-esential {
    background-image: url('/images/fundal-card9.webp');
    background-color: #1c1c1c;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 600px;
    margin: 2rem auto;
    transform: scale(1.05);
    border: 1px solid #C10206;
    border-radius: 16px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.6), 0 0 30px rgba(193, 2, 6, 0.4), inset 0 0 20px rgba(0,0,0,0.3);
    color: #ffffff;
    padding: 2.2rem;
    text-align: center;
    animation: centralCardPulse 3s ease-in-out infinite;
}

@keyframes centralCardPulse {
    0%, 100% {
        box-shadow: 0 15px 40px rgba(0,0,0,0.6), 0 0 30px rgba(193, 2, 6, 0.4), inset 0 0 20px rgba(0,0,0,0.3);
    }

    50% {
        box-shadow: 0 18px 45px rgba(0,0,0,0.7), 0 0 35px rgba(193, 2, 6, 0.6), inset 0 0 25px rgba(0,0,0,0.4);
    }
}

#pachet-esential.selected, #pachet-esential:hover {
    border-color: #ff0000;
    box-shadow: 0 20px 50px rgba(0,0,0,0.8), 0 0 40px rgba(255, 0, 0, 0.6), inset 0 0 30px rgba(0,0,0,0.4);
    animation-play-state: paused;
}

#pachet-esential .card-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    margin-bottom: 0.9rem;
    padding-bottom: 0rem;
    border-bottom: 2px solid rgba(193, 2, 6, 0.5);
}

    #pachet-esential .card-header > div {
        position: relative;
        left: -30px;
    }

    #pachet-esential .card-header h3 {
        font-family: 'Teko', sans-serif;
        font-size: 2.5rem !important;
        font-weight: 700;
        text-transform: uppercase;
        color: #FFFFFF;
        text-shadow: 0 0 15px rgba(193, 2, 6, 0.8), 2px 2px 8px rgba(0, 0, 0, 0.9);
        margin: 0;
        letter-spacing: 3px;
    }

    #pachet-esential .card-header .card-price p {
        font-family: 'Teko', sans-serif;
        font-size: 2.5rem !important;
        font-weight: 800;
        color: #C10206;
        text-shadow: 0 0 10px rgba(193, 2, 6, 0.8), 1px 1px 5px rgba(0, 0, 0, 0.9);
        margin: 0;
        line-height: 1;
    }

    #pachet-esential .card-header .card-price .decimals {
        font-size: 2.2rem;
        font-weight: 700;
        color: #C10206;
        text-shadow: 0 0 10px rgba(193, 2, 6, 0.8), 1px 1px 5px rgba(0, 0, 0, 0.9);
        vertical-align: top;
        margin-left: 0;
        margin-right: 0.25rem;
    }

    #pachet-esential .card-header .card-price .currency {
        font-family: 'Montserrat', sans-serif;
        font-size: 1.4rem;
        font-weight: 600;
        color: #ffffff;
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
        margin-left: 0rem;
    }

#pachet-esential .card-features li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 0.75rem;
    font-weight: 700;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(193, 2, 6, 0.3);
    border-radius: 10px;
    padding: 0.7rem 1.1rem;
    margin-bottom: 1rem;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
    transition: all 0.3s ease;
}

    #pachet-esential .card-features li:hover {
        background: rgba(193, 2, 6, 0.2);
        border-color: rgba(193, 2, 6, 0.6);
        transform: translateX(5px);
    }

#pachet-esential .card-cta-container {
    padding-top: 1rem;
    border-top: 2px solid rgba(193, 2, 6, 0.5);
    text-align: center;
}

#pachet-esential .card-cta-button {
    display: inline-block;
    width: auto;
    min-width: 280px;
    padding: 0.6rem 2rem 0.3rem !important;
    background: linear-gradient(145deg, #C10206, #ff0000);
    color: #FFFFFF;
    font-family: 'Teko', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    border-radius: 50px;
    box-shadow: 0 6px 20px rgba(193, 2, 6, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
    letter-spacing: 2px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    white-space: nowrap;
}

#pachet-maestru {
    background-image: url('/images/fundal-card4.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 600px;
    margin: 2.2rem auto 2rem !important;
    transform: scale(1.05);
    border: 1px solid #FFD700;
    border-radius: 16px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.6), 0 0 30px rgba(255, 215, 0, 0.4), inset 0 0 20px rgba(0,0,0,0.3);
    color: #ffffff;
    padding: 2.2rem;
    position: relative;
    overflow: visible;
    animation: bestSellerPulse 4s ease-in-out infinite;
}

@keyframes bestSellerPulse {
    0%, 100% {
        box-shadow: 0 12px 35px rgba(0,0,0,0.6), 0 0 25px rgba(255, 215, 0, 0.4), inset 0 0 15px rgba(0,0,0,0.3);
    }

    50% {
        box-shadow: 0 15px 40px rgba(0,0,0,0.7), 0 0 30px rgba(255, 215, 0, 0.6), inset 0 0 20px rgba(0,0,0,0.4);
    }
}

#pachet-maestru .best-seller-badge {
    position: absolute;
    top: -12px;
    right: -20px;
    background: linear-gradient(145deg, #FFD700, #FFA500);
    color: #000000;
    font-family: 'Teko', sans-serif;
    font-size: 0.9rem !important;
    font-weight: 800;
    text-transform: uppercase;
    padding: 0.1rem 1rem !important;
    border-radius: 20px;
    border: 2px solid #fff;
    box-shadow: 0 4px 15px rgba(255, 215, 0, 0.5);
    letter-spacing: 1px;
    z-index: 10;
    animation: badgeBounce 2s ease-in-out infinite;
}

@keyframes badgeBounce {
    0%, 100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-3px);
    }
}

#pachet-maestru .card-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    margin-bottom: 1.9rem;
    padding-bottom: 0rem;
    border-bottom: 2px solid rgba(255, 215, 0, 0.5);
}

    #pachet-maestru .card-header > div {
        position: relative;
        left: -30px;
    }

    #pachet-maestru .card-header h3 {
        font-family: 'Teko', sans-serif;
        font-size: 3.2rem;
        font-weight: 700;
        text-transform: uppercase;
        color: #FFFFFF;
        text-shadow: 0 0 15px rgba(255, 215, 0, 0.8), 2px 2px 8px rgba(0, 0, 0, 0.9);
        margin: 0;
        letter-spacing: 2px;
    }

    #pachet-maestru .card-header .card-price p {
        font-family: 'Teko', sans-serif;
        font-size: 3.8rem;
        font-weight: 800;
        color: #FFD700;
        text-shadow: 0 0 10px rgba(255, 215, 0, 0.8), 1px 1px 5px rgba(0, 0, 0, 0.9);
        margin: 0;
        line-height: 1;
    }

    #pachet-maestru .card-header .card-price .decimals {
        font-size: 2.1rem !important;
        font-weight: 700;
        color: #FFD700;
        text-shadow: 0 0 10px rgba(255, 215, 0, 0.8), 1px 1px 5px rgba(0, 0, 0, 0.9);
        vertical-align: top;
        margin-left: 0;
        margin-right: 0.25rem;
    }

#pachet-maestru .card-features li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 0.75rem;
    font-weight: 700;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(255, 215, 0, 0.3);
    border-radius: 10px;
    padding: 0.7rem 1.1rem;
    margin-bottom: 1rem;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
    transition: all 0.3s ease;
}

#pachet-maestru .card-cta-container {
    padding-top: 1rem;
    border-top: 2px solid rgba(255, 215, 0, 0.5);
    text-align: center;
}

#pachet-maestru .card-cta-button {
    display: inline-block;
    width: auto;
    min-width: 280px;
    padding: 0.6rem 2rem 0.3rem !important;
    background: linear-gradient(145deg, #FFD700, #FFA500);
    color: #000000;
    font-family: 'Teko', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    border-radius: 50px;
    box-shadow: 0 6px 20px rgba(255, 215, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
    letter-spacing: 2px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    white-space: nowrap;
}

#pachet-ultimate {
    background-image: url('/images/fundal-card8.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 600px;
    margin: 2rem auto;
    transform: scale(1.05);
    border: 1px solid #E0E0E0;
    border-radius: 16px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.6), 0 0 28px rgba(224, 224, 224, 0.5), inset 0 0 18px rgba(0,0,0,0.3);
    color: #ffffff;
    padding: 2.2rem;
    position: relative;
    overflow: visible;
    animation: allInclusivePulse 3.5s ease-in-out infinite;
}

@keyframes allInclusivePulse {
    0%, 100% {
        box-shadow: 0 14px 38px rgba(0,0,0,0.6), 0 0 28px rgba(224, 224, 224, 0.5), inset 0 0 18px rgba(0,0,0,0.3);
    }

    50% {
        box-shadow: 0 16px 42px rgba(0,0,0,0.7), 0 0 32px rgba(192, 192, 192, 0.6), inset 0 0 22px rgba(0,0,0,0.4);
    }
}

#pachet-ultimate .all-inclusive-badge {
    position: absolute;
    top: -12px;
    right: -20px;
    background: linear-gradient(145deg, #E0E0E0, #C0C0C0);
    color: #000000;
    font-family: 'Teko', sans-serif;
    font-size: 0.9rem !important;
    font-weight: 800;
    text-transform: uppercase;
    padding: 0.1rem 1rem !important;
    border-radius: 20px;
    border: 2px solid #fff;
    box-shadow: 0 4px 15px rgba(224, 224, 224, 0.6);
    letter-spacing: 1px;
    z-index: 10;
}

#pachet-ultimate .card-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    margin-bottom: 0.9rem;
    padding-bottom: 0rem;
    border-bottom: 2px solid rgba(224, 224, 224, 0.5);
}

    #pachet-ultimate .card-header h3 {
        font-family: 'Teko', sans-serif;
        font-size: 2.5rem !important;
        font-weight: 700;
        text-transform: uppercase;
        color: #FFFFFF;
        text-shadow: 0 0 15px rgba(224, 224, 224, 0.8), 2px 2px 8px rgba(0, 0, 0, 0.9);
        margin: 0;
        letter-spacing: 2px;
    }

    #pachet-ultimate .card-header .card-price p {
        font-family: 'Teko', sans-serif;
        font-size: 2.5rem !important;
        font-weight: 800;
        color: #E0E0E0;
        text-shadow: 0 0 12px rgba(224, 224, 224, 0.8), 1px 1px 5px rgba(0, 0, 0, 0.9);
        margin: 0;
        line-height: 1;
    }

#pachet-ultimate .card-features li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 0.75rem;
    font-weight: 700;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(224, 224, 224, 0.3);
    border-radius: 10px;
    padding: 0.7rem 1.1rem;
    margin-bottom: 1rem;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
    transition: all 0.3s ease;
}

#pachet-ultimate .card-cta-container {
    padding-top: 1rem;
    border-top: 2px solid rgba(224, 224, 224, 0.5);
    text-align: center;
}

#pachet-ultimate .card-cta-button {
    display: inline-block;
    width: auto;
    min-width: 280px;
    padding: 0.6rem 2rem 0.3rem !important;
    background: linear-gradient(145deg, #E0E0E0, #C0C0C0);
    color: #000000;
    font-family: 'Teko', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    border-radius: 50px;
    box-shadow: 0 6px 22px rgba(224, 224, 224, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.4);
    transition: all 0.3s ease;
    letter-spacing: 2px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    white-space: nowrap;
}

.aprindere-control-container {
    text-align: center;
    margin: 2rem auto 3rem auto;
    padding: 1.5rem 1rem;
    background: rgba(18, 18, 18, 0.8);
    border-radius: 16px;
    border: 1px solid rgba(193, 2, 6, 0.3);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
    max-width: 95%;
    box-sizing: border-box;
}

.control-title {
    font-family: 'Teko', sans-serif;
    font-size: 2rem;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 1.2rem 0;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.3);
    line-height: 1.2;
}

.segmented-control {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 380px;
    margin: 0 auto;
    background: linear-gradient(145deg, #2a2a2a, #1a1a1a);
    border: 2px solid rgba(160, 160, 160, 0.2);
    border-radius: 50px;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.4);
    padding: 5px;
    gap: 20px;
}

    .segmented-control input[type="radio"] {
        display: none;
    }

.control-label {
    flex: 1;
    padding: 10px 15px;
    font-family: 'Inter', sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    color: #a0a0a0;
    text-align: center;
    cursor: pointer;
    transition: color 0.4s ease;
    z-index: 2;
    user-select: none;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    white-space: nowrap;
}

.control-indicator {
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 5px;
    width: calc(50% - 5px);
    background: linear-gradient(145deg, #C10206, #a01005);
    border-radius: 50px;
    box-shadow: 0 4px 15px rgba(193, 2, 6, 0.4);
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: 1;
}

#optiune-lemne:checked ~ .control-label[for="optiune-lemne"], #optiune-lana:checked ~ .control-label[for="optiune-lana"] {
    color: #ffffff;
}

#optiune-lana:checked ~ .control-indicator {
    transform: translateX(100%);
}

.control-description {
    font-family: 'Inter', sans-serif;
    font-size: 0.6rem;
    color: #707070;
    margin-top: 0.8rem;
    font-style: italic;
    line-height: 1.4;
    padding: 0;
    margin-bottom: 0 !important;
}

#optiune-brichete-lemn:checked ~ .control-indicator {
    transform: translateX(100%);
}

#optiune-cocos:checked ~ .control-label[for="optiune-cocos"], #optiune-brichete-lemn:checked ~ .control-label[for="optiune-brichete-lemn"] {
    color: #ffffff;
}

.control-label[for="optiune-brichete-lemn"] {
    padding-left: 20px;
}

@media (max-width: 480px) {
    .aprindere-control-container {
        padding: 1.2rem 0.8rem;
        margin: 1.5rem auto 2rem auto;
        max-width: 98%;
    }

    .control-title {
        font-size: 1.6rem;
        margin-bottom: 1rem;
    }

    .segmented-control {
        max-width: 100%;
        padding: 4px;
    }

    .control-label {
        font-size: 0.75rem;
        padding: 8px 10px;
        line-height: 1.3;
    }

    .control-description {
        font-size: 0.6rem;
        margin-top: 0.5rem;
        padding: 0 0px;
    }

    .control-indicator {
        top: 4px;
        bottom: 4px;
        left: 4px;
        width: calc(50% - 4px);
    }
}

/* [11] Componentă: _product-carousel.css */
.carousel-outer {
    position: relative;
    margin: 48px auto 0 auto;
    padding: 0 44px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
}

.carousel-title-solo {
    display: block;
    white-space: normal;
    font-weight: 900;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    font-size: clamp(0.6rem, 4vw, 1.2rem);
    padding-inline: 10vw;
    box-sizing: border-box;
    max-width: 100%;
    overflow-wrap: break-word;
}

.carousel-wrapper {
    width: 100%;
    max-width: 570px;
    min-height: 540px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.product-review-card {
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 2px 14px rgba(0,0,0,0.11);
    padding: 0;
    width: 100%;
    max-width: 540px;
    margin: 0 auto;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
    transition: box-shadow 0.2s;
    position: relative;
    z-index: 1;
}

.carousel-video-wrapper {
    position: relative;
    width: 100vw;
    max-width: 600px;
    min-height: 280px;
    height: 54vw;
    max-height: 420px;
    overflow: hidden;
    border-radius: 18px;
    background: #fff;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

#productVideo {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 0 !important;
    background: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
    aspect-ratio: 16 / 9;
}

.review-content {
    padding: 24px 0 12px 0;
    width: 100%;
    box-sizing: border-box;
}

.pret-marketing {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 10px;
    margin: 15px 0 7px 0;
    flex-wrap: wrap;
}

.detaliu-cutie, .egal {
    font-weight: 700;
    font-size: 1.13rem;
    color: #232323;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}

.pret-nou {
    font-family: 'Exo 2', sans-serif;
    color: #f1c40f;
    font-size: 1.4rem;
    font-weight: 400;
    padding: 2px 6px;
    margin-right: 0.3rem;
}

.pret-vechi {
    font-family: 'Exo 2', sans-serif;
    color: #e74c3c;
    text-decoration: line-through;
    font-size: 1rem;
    font-weight: 400;
    padding: 2px 6px;
}

.pret-nou small {
    font-size: 0.62em;
    font-weight: 700;
    margin-left: 0.5px;
    margin-top: 7px;
    line-height: 1;
    vertical-align: super;
}

.product-review-card .review-text {
    font-family: 'Noto Serif', serif;
    color: #fff;
    font-size: 0.9em;
    text-align: center;
    flex-grow: 1;
    line-height: 1.4;
}

.review-row-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    padding: 0 18px;
    margin-top: clamp(0.42em, 2.6vw, 1.25em) !important;
    font-size: 0.84em;
}

.review-author {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    white-space: nowrap;
    color: #222;
}

.review-right {
    display: flex;
    align-items: center;
    gap: 8px;
}

.read-more {
    color: #005eff;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
}

.verified-badge {
    background: #eafbe7;
    color: #25a244;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.81em;
    display: inline-flex;
    align-items: center;
    padding: 1.5px 6px 1.5px 3.5px;
    box-shadow: 0 2px 6px rgba(30,119,34,0.08);
}

    .verified-badge::after {
        content: '✔';
        margin-left: 2px;
    }

.carousel-stars-row {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    min-height: 32px;
}

.carousel-stars-inline {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 1.01rem;
    font-weight: 700;
}

.stars {
    color: #f5b904;
    font-size: 1.02em;
    letter-spacing: 0.03em;
    font-weight: 700;
}

.review-rating {
    color: #222;
    font-weight: 700;
    margin: 0 4px;
}

.carousel-review-count {
    color: #222;
    font-size: 1.11rem;
    font-weight: 700 !important;
    margin-left: 6px;
}

.cumpara-cardProdus-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: clamp(1.1em, 4vw, 2em);
    margin-bottom: clamp(1.15em, 4vw, 2em);
}

.btn-cumpara-cardProdus {
    background: #1659e4;
    color: #fff;
    font-weight: 800;
    font-size: clamp(1.01em, 4.2vw, 1.14em);
    padding: 0.7em 2.5em;
    border-radius: 36px;
    text-transform: uppercase;
    box-shadow: 0 2px 12px rgba(22,89,228,0.13);
    transition: background 0.16s, transform 0.15s;
    cursor: pointer;
    text-decoration: none !important;
}

    .btn-cumpara-cardProdus:hover {
        background: #0d328a;
        transform: scale(1.04);
    }

.carousel-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #f5f6fb;
    border: none;
    border-radius: 50%;
    font-size: 2.3rem;
    width: var(--carousel-arrow-size);
    height: var(--carousel-arrow-size);
    box-shadow: 0 2px 12px rgba(30,30,80,0.09);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, transform 0.2s;
    z-index: 5;
    user-select: none;
}

    .carousel-arrow.prev {
        left: calc(-1 * var(--carousel-arrow-offset));
    }

    .carousel-arrow.next {
        right: calc(-1 * var(--carousel-arrow-offset));
    }

    .carousel-arrow:hover {
        background: #e1e3f3;
    }

.pagination-dots {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 12px;
}

.dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #999;
    opacity: 0.5;
    transition: opacity 0.3s;
    cursor: pointer;
}

    .dot.active {
        background-color: #000;
        opacity: 1;
    }

#sliderCard {
    transition: opacity 1s ease, transform 1s ease;
}

@media (max-width: 420px) {
    .carousel-stars-inline {
        font-size: 3vw !important;
        margin-bottom: 1vw !important;
    }

    .pret-marketing {
        font-size: 4.9vw !important;
        margin-top: 9px !important;
        margin-bottom: 1.4vw !important;
    }

    .review-row-flex {
        font-size: 2.7vw !important;
        padding-inline: 3.5vw !important;
        margin-top: 1vw !important;
    }

    .btn-cumpara-cardProdus {
        font-size: 3.6vw !important;
        padding: 3vw 0 !important;
        width: 55vw !important;
        border-radius: 10vw !important;
    }

    .cumpara-cardProdus-wrapper {
        margin-top: clamp(3.4vw, 6vw, 7vw) !important;
        margin-bottom: clamp(3rem, 9vw, 4.5rem) !important;
    }
}

/* [12] Componentă: _sectiune-calitate.css */
.sectiune-calitate {
    padding: 1.5rem 2rem !important;
    text-align: center !important;
    perspective: 800px !important;
    margin-bottom: 1rem !important;
}

.badge-calitate-img {
    max-width: 150px !important;
    margin-bottom: 2.2rem !important;
    animation: rotate-horizontal-pause 10s linear infinite;
    transform-style: preserve-3d;
}

@keyframes rotate-horizontal-pause {
    0% {
        transform: rotateY(0deg);
    }

    95% {
        transform: rotateY(360deg);
    }

    100% {
        transform: rotateY(360deg);
    }
}

.badge-calitate-text {
    font-size: 1.1rem !important;
    font-weight: 500 !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    line-height: 1.5 !important;
}

/* [13] Componentă: _sectiune-ridicare.css */
.sectiune-ridicare {
    text-align: center;
    padding: 2rem 1rem;
    position: relative;
    margin-top: 2rem !important;
}

.animatie-ridicare {
    position: relative;
    display: inline-block;
    width: 180px;
    height: 180px;
}

.icon-ridicare1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: scale(1.25) !important;
    transform-origin: bottom center;
    opacity: 0;
    animation: animatie1 2s linear infinite;
    padding-top: 20px !important;
    padding-right: 5px !important;
}

.icon-ridicare2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    animation: animatie2 2s linear infinite;
    transform: scale(1.15) !important;
}

.icon-ridicare3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    animation: animatie3 2s linear infinite;
    transform: scale(1.2) !important;
    padding-top: 5px !important;
}

@keyframes animatie1 {
    0%, 33.33% {
        opacity: 1;
    }

    33.34%, 100% {
        opacity: 0;
    }
}

@keyframes animatie2 {
    0%, 33.33% {
        opacity: 0;
    }

    33.34%, 66.66% {
        opacity: 1;
    }

    66.67%, 100% {
        opacity: 0;
    }
}

@keyframes animatie3 {
    0%, 66.66% {
        opacity: 0;
    }

    66.67%, 100% {
        opacity: 1;
    }
}

.ridicare-text {
    position: relative !important;
    bottom: 30px !important;
    font-size: 1.1rem !important;
    font-weight: 500 !important;
    max-width: 600px !important;
    line-height: 1.5 !important;
    padding-right: 1.5rem !important;
    margin-bottom: 3rem !important;
    padding-left: 1.5rem !important;
}

/* [14] Componentă: _google-review.css */
:root {
    --gr-bg-card: #1a1a1a;
    --gr-bg-body: #0a0a0a;
    --gr-text-main: #ffffff;
    --gr-text-sub: #9ca3af;
    --gr-accent: #FF4D00;
    --gr-star: #FDBB33;
    --gr-border: #333333;
}

.google-reviews-wall {
    background-color: var(--gr-bg-body);
    padding: 30px 20px;
    font-family: 'Inter', sans-serif;
    box-sizing: border-box;
    overflow-x: hidden;
}

.google-reviews-container {
    max-width: 1200px;
    margin: 0 auto;
    overflow-x: hidden;
}

#google-reviews-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    width: 100%;
}

@media (min-width: 768px) {
    #google-reviews-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    #google-reviews-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

.google-review-card {
    background-color: var(--gr-bg-card);
    border: 1px solid var(--gr-border);
    border-radius: 16px;
    padding: 16px;
    padding-top: 24px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
    position: relative;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

    .google-review-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(255, 77, 0, 0.15);
        border-color: rgba(255, 77, 0, 0.5);
    }

.reviewer-avatar-container-review {
    width: 45px;
    height: 45px;
    flex-shrink: 0;
    transform: translateY(-5px);
}

.reviewer-avatar-review {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--gr-accent);
    display: block;
}

.avatar-fallback-review {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--gr-accent), #cc3d00);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
}

.review-content-wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-width: 0;
}

.review-meta-header-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
}

.reviewer-name-review {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--gr-text-main);
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 50%;
}

.review-rating-review {
    color: var(--gr-star);
    font-size: 0.9rem;
    display: flex;
}

.review-date-review {
    margin-left: auto;
    font-size: 0.75rem;
    color: var(--gr-text-sub);
    opacity: 0.7;
}

.review-text-review {
    width: 100%;
}

.review-content-review {
    color: #e0e0e0;
    font-size: 0.9rem;
    line-height: 1.5;
    margin: 0;
    word-wrap: break-word;
}

    .review-content-review.empty-text-review {
        color: #555;
        font-style: italic;
        font-size: 0.85rem;
    }

.read-more-btn-review {
    background: none;
    border: none;
    color: var(--gr-accent);
    font-weight: 600;
    font-size: 0.85rem;
    padding: 0;
    margin-top: 4px;
    cursor: pointer;
}

.loading-container-review, .no-reviews-message, .error-message-review {
    grid-column: 1 / -1;
    text-align: center;
    padding: 40px;
    color: var(--gr-text-sub);
    background: var(--gr-bg-card);
    border-radius: 12px;
    border: 1px solid var(--gr-border);
}

#loadMoreGoogleContainer {
    text-align: center;
    margin-top: 40px;
    width: 100%;
}

.load-more-btn-review {
    background-color: transparent;
    border: 2px solid var(--gr-accent);
    color: var(--gr-text-main);
    padding: 12px 32px;
    border-radius: 50px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .load-more-btn-review:hover {
        background-color: var(--gr-accent);
        color: white;
        box-shadow: 0 0 15px rgba(255, 77, 0, 0.4);
    }

.verified-badge-container-js {
    display: flex;
    align-items: center;
    margin-top: 12px;
}

.verified-badge-review-js {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #34d399;
    font-size: 0.75rem;
    font-weight: 600;
    opacity: 0.95;
}

.verified-icon-review-js {
    width: 14px;
    height: 14px;
    fill: currentColor;
}

@media (max-width: 360px) {
    .verified-badge-review-js {
        font-size: 0.65rem;
        margin-left: 4px;
    }
}


/* [16] Componentă: _icon-description.css (BTF) */
.iconite-descriere {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 48px;
    padding-left: 24px;
    padding-right: 30px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 3vh !important;
}

.icon-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 180px;
}

.icon-img-wrapper {
    width: 80px !important;
    height: 80px !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    margin-bottom: 20px !important;
}

    .icon-img-wrapper img {
        width: 100% !important;
        height: 100% !important;
        object-fit: fill !important;
        display: block !important;
    }

.icon-text {
    height: 120px !important;
    width: 100%;
    max-width: 200px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 12px;
    text-align: center;
    align-items: center;
    gap: 5px;
}

.icon-title {
    font-size: clamp(0.6rem, 3.3vw, 1rem);
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 6px;
    line-height: 1.1;
}

.icon-descriere {
    font-size: clamp(0.5rem, 2.5vw, 0.8rem);
    line-height: 1.35;
    font-weight: 500;
    color: #222;
    width: 100%;
    max-width: 220px;
}

#icon-ecologic {
    animation: leaf-sway 5s ease-in-out infinite;
    transform-origin: center bottom;
}

@keyframes leaf-sway {
    0%, 100% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(10deg);
    }
}

/* [17] Componenta: _fab.css (BTF) */
.fab-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

    .fab-container.visible {
        opacity: 1;
        transform: scale(1);
    }

.fab-whatsapp {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    background-color: #25D366;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    animation: pulse 2s infinite ease-in-out;
}

    .fab-whatsapp:hover {
        background-color: #128C7E;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
        transform: translateY(-3px);
        animation-play-state: paused;
    }

    .fab-whatsapp svg {
        width: 36px;
        height: 36px;
        fill: #FFFFFF;
    }

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

/* [18] Componentă: _logo-separator.css (BTF) */
.separator-cu-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 140px;
    padding-top: 1.5vh;
    padding-bottom: 1.5vh;
    margin-top: -2vh;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
}

#logoAprindere {
    width: clamp(176px, 22vw, 308px);
    height: auto;
    display: block;
    margin-inline: auto;
    transform: translate(-5%, -2.05vh);
}

/* [19] Componentă: _reviews.css (BTF) */
.rating-summary-wrapper-combinat {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 12px
}

.rating-summary-multiline {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 100%
}

.aprobat-text-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.1
}

.nota-top, .numar-recenzii-bottom {
    text-align: center
}

.nota-top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 0.5rem
}

.logos-calificativ-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.info-recenzie-combinata {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.2;
    font-size: clamp(0.75rem,3.5vw,0.95rem);
    font-weight: 400;
    color: #fff;
    flex-grow: 1
}

.aprobat-text {
    font-size: clamp(0.9rem,4vw,1.1rem);
    font-weight: 700;
    color: #fff;
    white-space: nowrap
}

.nota-combinata {
    font-size: clamp(1.8rem,4vw,2.8rem);
    font-weight: 700;
    color: #fff;
    white-space: nowrap
}

.calificativ-combinat, .numar-recenzii {
    font-size: clamp(0.9rem,4vw,1.1rem);
    font-weight: 700;
    color: #fff;
    white-space: nowrap
}

.performance-bars-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    padding: 0 4px;
    box-sizing: border-box
}

.progress-track {
    width: 100%;
    height: 8px;
    background-color: #3a3a3c;
    border-radius: 4px;
    overflow: hidden
}

.progress-fill {
    height: 100%;
    background-color: #f5b904;
    border-radius: 4px
}

.review-slider-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    align-self: flex-end;
    max-width: 450px;
    width: 100%;
    padding: 0 12px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    gap: 8px
}

.review-slide {
    display: none;
    flex-direction: column;
    width: 100%;
    animation: fadeIn 0.5s ease-in-out
}

    .review-slide.active {
        display: flex
    }

.review-top-line::after {
    content: '✔ COMANDĂ\A VERIFICATĂ';
    white-space: pre;
    line-height: 1.1;
    text-align: right;
    margin-left: auto;
    color: #006400;
    background-color: #f0fff0;
    border-radius: 4px;
    font-weight: 500;
    font-size: 0.7em;
    padding: 6px 8px;
    flex-shrink: 0
}

/* [20] Componenta: _features.css (BTF) */
.feature-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    text-align: left
}

.icon-tiraj, .icon-gust, .icon-cenusa {
    width: 70px;
    height: auto;
    flex-shrink: 0;
    filter: drop-shadow(0 0 3px rgba(255,255,255,0.4))
}

.feature-text {
    display: flex;
    flex-direction: column;
    font-family: 'Teko',sans-serif;
    line-height: 1.1
}

.feature-title {
    font-size: clamp(1.3rem,2vw,1.4rem);
    font-weight: 500;
    color: #fff;
    letter-spacing: 0.5px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    font-family: var(--font-titluri)
}

.feature-description {
    font-size: clamp(1rem,1.5vw,1.1rem);
    font-weight: 400;
    color: #C0C0C0;
    letter-spacing: 0.2px;
    white-space: normal;
    font-family: var(--font-corp)
}

.accent-color {
    color: #C10206
}

/* ==========================================================================
   MOVED FROM INLINE CRITICAL CSS (OPTIMIZARE LCP)
   - Testimoniale
   - Oferta Specială (Cards, Pricing, Badges)
   ========================================================================== */

/* --- Schelet Carusel Testimoniale --- */
.body-testimonial-atf { font-family: 'Inter', sans-serif; display: flex; align-items: center; justify-content: center; margin: 0; margin-bottom:-10px; }
.carousel-wrapper-testimonial-atf { width: 100%; max-width: 28rem; margin: auto; }
.testimonial-carousel-testimonial-atf { position: relative; border-radius: 0.75rem; overflow: hidden; touch-action: pan-y; }
.testimonial-viewport-testimonial-atf { overflow: hidden; }
.testimonial-slides-track-testimonial-atf { display: flex; }
.testimonial-slide-testimonial-atf { flex: 0 0 100%; width: 100%; box-sizing: border-box; }
/* Prevenire layout shift pentru slide-uri */
.testimonial-slide-testimonial-atf:nth-child(1), .testimonial-slide-testimonial-atf:nth-child(2) { position: relative; top: 7px; }
.testimonial-slide-testimonial-atf:nth-child(3) { position: relative; top: -3px; }

/* --- Ofertă Specială (Container & Content) --- */
.oferta-speciala-container {
    position: relative;
    z-index: 10;
    margin-top: -290px;
    background-color: #0D0D0D;
    color: #FFFFFF;
    padding: 10px 0 20px 0; /* MODIFICAT: Eliminat padding lateral (era 16px) */

    font-family: sans-serif;
    width: 100%;
    box-sizing: border-box;
}


.impact-image {
    width: 100%;
    aspect-ratio: 4 / 5;
    background: url('https://apacks.b-cdn.net/impact-image.webp') no-repeat center top;
    background-size: cover;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 5px 0;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    padding: 20px;
}

/* --- Buy Cards (Design & Pricing) --- */
.buy-card-buyAtf {
    position: relative;
    width: 100%;
    max-width: 420px;
    border-radius: 18px;
    overflow: hidden;
    background-color: #1a1a1a;
    transition: transform 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);
    padding: 5px;
    text-align: center;
    gap: 2px;
    margin: 0 auto;
}

.card-title-buyAtf {
    color: #FFFFFF !important;
    font-size: 1.22rem;
    font-weight: 600;
    font-family: 'Teko';
    position: relative;
    top: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pricing-details-buyAtf {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 12px;
}

.price-old-buyAtf {
    color: #9ca3af !important;
    font-size: 1.6rem;
    text-decoration: line-through !important;
    text-decoration-color: #ff4500 !important;
    position: relative;
}

.price-new-buyAtf {
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    font-family: 'Teko';
    letter-spacing: 1px;
}

.price-unit-buyAtf {
    color: #e5e7eb;
    font-size: 0.96rem;
}

.cta-button-buyAtf {
    display: block;
    margin: 0 auto;
    width: 90%;
    background-color: #c10206;
    color: #ffffff;
    font-family: 'Teko';
    font-size: 1.3rem !important; /* Crescut de la 1.12rem */

    font-weight: 700;
    text-transform: uppercase;
    padding: 6px 20px;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(255, 107, 53, 0.8);
    cursor: pointer;
    border: none;
    text-decoration: none;
    white-space: nowrap;
}

.badge-buyAtf {
    position: absolute;
    top: 0px;
    right: -10px;
    color: white;
    padding: 2px 8px;
    border-radius: 50px;
    font-family: 'Teko';
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    border: 2px solid rgba(255, 255, 255, 0.4);
    background: radial-gradient(circle, #ff6b35 0%, #c10206 100%);
    z-index: 10;
}

.trust-signal-buyAtf {
    font-size: 0.92rem;
    color: #d1d5db;
    line-height: 1.4;
}

/* Stil pentru varianta de Lemn */
.buy-card-buyAtf--lemn {
    margin-top:15px !important;
    background: linear-gradient(145deg, #3d0b0b 0%, #1a1a1a 55%, #0a0a0a 100%) !important;
    border: 2px solid #a61013 !important;
}

/* --- Media Queries specifice Ofertei (SCOASE DIN INDEX) --- */
@media (max-width: 430px) {
    .oferta-speciala-container {
        margin-top: -235px;
        padding: 8px 12px 16px 12px;
    }
    .card-title-buyAtf { font-size: 1.0rem !important; }
    .price-old-buyAtf { font-size: 1.28rem !important; }
    .price-new-buyAtf { font-size: 1.6rem !important; }
    .cta-button-buyAtf { font-size: 0.95rem; padding: 5px 8px; }
}

@media (max-width: 375px) {
    .oferta-speciala-container { margin-top: -240px; }
}

@media (min-width: 768px) {
    .oferta-speciala-content {
        flex-direction: row;
        max-width: 820px;
        gap: 20px;
    }
    .oferta-speciala-container { margin-top: -235px; }
}

li.economisesti,
.card-features .economisesti {
    display: none !important;
}

.oferta-speciala-container:not(.oferta-speciala-container--btf) .review-text-testimonial-atf {
    padding-bottom: 5px;
}

.oferta-speciala-container:not(.oferta-speciala-container--btf) .body-testimonial-atf {
    margin-bottom: -17px;
}

/* --- FIX: Reducere spațiu testimoniale DOAR în prima secțiune ATF --- */
.oferta-speciala-container:not(.oferta-speciala-container--btf) .review-text-testimonial-atf {
    padding-bottom: 5px;
}

.oferta-speciala-container:not(.oferta-speciala-container--btf) .body-testimonial-atf {
    margin-bottom: -10px;
}

/* --- FIX: Reducere spațiu buy-card și titlu DOAR în ATF --- */
.oferta-speciala-container:not(.oferta-speciala-container--btf) .buy-card-buyAtf {
    margin-top: -5px;
    overflow: visible !important; /* Permite badge-ului să iasă din card */
    transform: translateX(-7px) !important; /* Mută spre stânga */
}

.oferta-speciala-container:not(.oferta-speciala-container--btf) .card-title-buyAtf {
    top: 0 !important;
    margin-top: 0 !important;
    padding-top: 5px !important;
    font-size: 1.4rem !important; /* Crescut semnificativ */
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.1 !important; /* Compactează și mai mult */
}

.oferta-speciala-container:not(.oferta-speciala-container--btf) .badge-buyAtf {
    top: -20px !important; /* Era 0px, acum e mai sus */
    z-index:5000 !important;
    right:-5px !important;
}

.oferta-speciala-container:not(.oferta-speciala-container--btf) .trust-signals-row-buyAtf {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    gap: 15px !important;
    flex-wrap: nowrap !important; /* Forțează pe o singură linie */
}

    .oferta-speciala-container:not(.oferta-speciala-container--btf) .trust-signals-row-buyAtf .trust-signal-buyAtf {
        white-space: nowrap !important; /* Previne spargerea textului */
        font-size: 0.85rem !important; /* Micșorează puțin dacă nu încap */
    }

.oferta-speciala-container--btf .review-text-testimonial-atf {
    padding-top: 12px !important; /* Adaugă spațiu deasupra */
}

.oferta-speciala-container--btf .buy-card-buyAtf {

    overflow: visible !important;
    transform: translateX(-7px) !important;
}

.oferta-speciala-container--btf .card-title-buyAtf {
    top: 0 !important;
    margin-top: 0 !important;
    padding-top: 5px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.1 !important;
    font-size: 1.3rem !important; /* Font mărit ca la primul */
}

/* --- FIX: Badge deasupra cardului în BTF --- */
.oferta-speciala-container--btf .badge-buyAtf {
    top: -22px !important;
    z-index: 5000 !important;
    right: -5px !important;
}

.oferta-speciala-container--btf .trust-signals-row-buyAtf {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    gap: 15px !important;
    flex-wrap: nowrap !important;
}

    .oferta-speciala-container--btf .trust-signals-row-buyAtf .trust-signal-buyAtf {
        white-space: nowrap !important;
        font-size: 0.85rem !important;
    }

/* --- FIX: Pachete mai mici cu 5% și poziționate spre stânga --- */
.body-prezentare-pachete #pachet-esential,
.body-prezentare-pachete #pachet-maestru,
.body-prezentare-pachete #pachet-ultimate {
    transform: scale(0.9) translateX(-37px) !important; /* Redus de la 1.05 la 1.0 (5% mai mic) + mutat stânga */
}

#pachet-esential .card-header > div,
#pachet-maestru .card-header > div {
    left: 0 !important; /* Era -30px, acum aliniat ca Ultimate */
}

#pachet-esential .card-header .card-price,
#pachet-maestru .card-header .card-price {
    margin-right: 0 !important;
    padding-right: 0 !important;
}

/* --- FIX: Stilizare highlight-esential și highlight-maestru --- */
.highlight-esential {
    color: #C10206 !important; /* Roșu ca la cardul Esențial */
    margin-left: 5px !important;
    font-weight: 700 !important;
}

.highlight-maestru {
    color: #FFD700 !important; /* Galben/auriu ca la cardul Maestru */
    margin-left: 5px !important;
    font-weight: 700 !important;
}

#aprindere-control {
    transform: translateX(-7px) !important;
}

#carbune-control {
    transform: translateX(-7px) !important;
}