{"product_id":"kit-capilar-antiqueda-ozo-be-01-akimax-hair","title":"Kit Capilar Antiqueda Ozo Be + 01 Akimax Hair","description":"\u003cstyle type=\"text\/css\"\u003e\/* Importando a fonte Montserrat *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800\u0026display=swap');\n        \/* Depoimentos em Carrossel - ATUALIZADO *\/\n\t\/* Setas do Carrossel *\/\n.carousel-arrows {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    right: 0;\n    display: flex;\n    justify-content: space-between;\n    transform: translateY(-50%);\n    z-index: 10;\n    pointer-events: none;\n}\n\n.carousel-arrow {\n    background: rgba(138, 43, 226, 0.8);\n    color: white;\n    width: 50px;\n    height: 50px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    border: none;\n    font-size: 20px;\n    transition: all 0.3s ease;\n    pointer-events: all;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n}\n\n.carousel-arrow:hover {\n    background: var(--primary);\n    transform: scale(1.1);\n}\n\n.carousel-arrow.prev {\n    margin-left: 20px;\n}\n\n.carousel-arrow.next {\n    margin-right: 20px;\n}\n\n\/* Ajuste para mobile *\/\n@media (max-width: 768px) {\n    .carousel-arrow {\n        width: 40px;\n        height: 40px;\n        font-size: 16px;\n    }\n    \n    .carousel-arrow.prev {\n        margin-left: 10px;\n    }\n    \n    .carousel-arrow.next {\n        margin-right: 10px;\n    }\n}\n\n@media (max-width: 480px) {\n    .carousel-arrow {\n        width: 35px;\n        height: 35px;\n        font-size: 14px;\n    }\n    \n    .carousel-arrow.prev {\n        margin-left: 5px;\n    }\n    \n    .carousel-arrow.next {\n        margin-right: 5px;\n    }\n}\n.testimonials-section {\n    text-align: center;\n}\n\n.testimonials-carousel {\n    position: relative;\n    max-width: 1000px;\n    margin: 0 auto;\n    overflow: hidden;\n}\n\n.testimonials-container {\n    display: flex;\n    transition: transform 0.5s ease;\n}\n\n.testimonial-slide {\n    min-width: 100%;\n    padding: 0 15px;\n    box-sizing: border-box;\n}\n\n.testimonial-video {\n    width: 100%;\n    max-width: 350px;\n    height: 620px;\n    margin: 0 auto;\n    border-radius: 15px;\n    overflow: hidden;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n    background: #000;\n}\n\n.testimonial-video iframe {\n    width: 100%;\n    height: 100%;\n    border: none;\n    border-radius: 15px;\n}\n\n.testimonial-text {\n    margin-top: 20px;\n    font-style: italic;\n    font-size: 18px;\n    line-height: 1.5;\n    max-width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n.testimonial-author {\n    font-weight: 700;\n    color: var(--primary);\n    margin-top: 10px;\n    font-size: 16px;\n}\n\n.carousel-nav {\n    display: flex;\n    justify-content: center;\n    margin-top: 30px;\n}\n\n.carousel-dot {\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    background: #ddd;\n    margin: 0 5px;\n    cursor: pointer;\n    transition: background 0.3s;\n}\n\n.carousel-dot.active {\n    background: var(--primary);\n}\n\n\/* Responsividade para vídeos *\/\n@media (max-width: 768px) {\n    .testimonial-video {\n        height: 500px;\n        max-width: 300px;\n    }\n    \n    .testimonial-text {\n        font-size: 16px;\n        padding: 0 10px;\n    }\n}\n\n@media (max-width: 480px) {\n    .testimonial-video {\n        height: 400px;\n        max-width: 280px;\n    }\n    \n    .testimonial-text {\n        font-size: 15px;\n    }\n    \n    .testimonial-author {\n        font-size: 14px;\n\n    }\n}\n    \/* RESET FORÇADO PARA LOJA INTEGRADA *\/\n    .landing-ozo * {\n        font-size: inherit !important;\n        font-family: 'Montserrat', sans-serif !important;\n        line-height: 1.6 !important;\n    }\n\n    \/* CORREÇÃO DEFINITIVA - IMPEDIR QUEBRA DE PALAVRAS *\/\n    .landing-ozo h1,\n    .landing-ozo h2,\n    .landing-ozo h3,\n    .landing-ozo h4,\n    .landing-ozo h5,\n    .landing-ozo h6 {\n        word-wrap: normal !important;\n        overflow-wrap: normal !important;\n        hyphens: none !important;\n        white-space: normal !important;\n        word-break: normal !important;\n    }\n\n    \/* Específico para títulos principais *\/\n    .hero-section h1,\n    .section-title,\n    .guarantee-section h1,\n    .guarantee-section h2 {\n        word-wrap: normal !important;\n        overflow-wrap: normal !important;\n        hyphens: none !important;\n        white-space: normal !important;\n        word-break: keep-all !important;\n        line-height: 1.2 !important;\n    }\n    \n    \/* Para parágrafos também - evita quebra de palavras *\/\n    .landing-ozo p,\n    .landing-ozo li,\n    .landing-ozo span {\n        word-wrap: normal !important;\n        overflow-wrap: normal !important;\n        hyphens: none !important;\n        white-space: normal !important;\n        word-break: normal !important;\n    }\n\n    .landing-ozo h1,\n    .landing-ozo h2, \n    .landing-ozo h3,\n    .landing-ozo h4,\n    .landing-ozo h5,\n    .landing-ozo h6 {\n        font-size: inherit !important;\n        font-weight: 800 !important;\n        text-transform: uppercase !important;\n        letter-spacing: 1px !important;\n    }\n\n    .landing-ozo h1{\n        font-size: 28px !important;\n    }\n    \n    .landing-ozo p,\n    .landing-ozo span,\n    .landing-ozo li,\n    .landing-ozo div {\n        font-size: 18px !important;\n        font-family: 'Montserrat', sans-serif !important;\n    }\n\n    \/* Tamanhos específicos para títulos *\/\n    .landing-ozo .section-title {\n        font-size: 32px !important;\n    }\n\n    .landing-ozo .hero-section h1 {\n        font-size: 28px !important;\n    }\n\n    .landing-ozo .product-content h3 {\n        font-size: 20px !important;\n    }\n\n    .landing-ozo .benefit-item h3 {\n        font-size: 18px !important;\n    }\n\n    .landing-ozo .cta-button {\n        font-size: 20px !important;\n    }\n\n    \/* Reset de containers da Loja Integrada *\/\n    .landing-ozo .container,\n    .landing-ozo .row,\n    .landing-ozo .col,\n    .landing-ozo [class*=\"col-\"] {\n        max-width: none !important;\n        width: auto !important;\n        float: none !important;\n        margin: 0 !important;\n        padding: 0 !important;\n    }\n\n    \/* Forçar largura máxima *\/\n    .landing-ozo {\n        max-width: 1200px !important;\n        margin: 0 auto !important;\n        padding: 0 15px !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* Reset de font-size específico *\/\n    .landing-ozo [style*=\"font-size\"] {\n        font-size: inherit !important;\n    }\n    \n    \/* Estilos específicos para a landing page *\/\n    .landing-ozo {\n        font-family: 'Montserrat', sans-serif;\n        color: #333;\n        line-height: 1.6;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 15px;\n    }\n    \n    \/* Cores principais - Preto e Dourado *\/\n    .landing-ozo {\n        --primary: #000000; \/* Preto *\/\n        --secondary: #D4AF37; \/* Dourado *\/\n        --accent: #937349; \/* Dourado escuro *\/\n        --dark: #2c2c54;\n        --light: #f8f9fa;\n    }\n    \n    \/* Seções principais *\/\n    .landing-section {\n        padding: 60px 0;\n    }\n    \n    \/* Títulos em negrito e maiúsculas *\/\n    .landing-ozo h1,\n    .landing-ozo h2,\n    .landing-ozo h3 {\n        font-weight: 800 !important;\n        text-transform: uppercase !important;\n        letter-spacing: 1px !important;\n    }\n\n    .section-title {\n        font-size: 32px !important;\n        margin-bottom: 40px !important;\n        color: var(--dark) !important;\n        text-align: center !important;\n        position: relative !important;\n        padding: 0 15px !important;\n        box-sizing: border-box !important;\n        width: 100% !important;\n        max-width: 100% !important;\n        line-height: 1.2 !important;\n    }\n\n    .section-title:after {\n        content: '' !important;\n        display: block !important;\n        width: 80px !important;\n        height: 4px !important;\n        background: var(--secondary) !important;\n        margin: 15px auto !important;\n        border-radius: 2px !important;\n    }\n\n    \/* Hero Section *\/\n    .hero-section {\n        background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(212, 175, 55, 0.7)), url('https:\/\/cdn.awsli.com.br\/1689\/1689661\/arquivos\/ozobe-antiqueda-capilar-homem.jpg');\n        background-size: cover;\n        background-position: center;\n        color: white;\n        text-align: center;\n        padding: 80px 20px;\n        border-radius: 15px;\n        margin: 20px 0;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .hero-section h1 {\n        font-size: 36px !important;\n        margin-bottom: 20px !important;\n        text-shadow: 2px 2px 8px rgba(0,0,0,0.5) !important;\n        padding: 0 10px !important;\n        line-height: 1.2 !important;\n        word-wrap: break-word !important;\n    }\n    \n    .hero-section p {\n        font-size: 20px;\n        max-width: 700px;\n        margin: 0 auto 30px;\n        font-weight: 500;\n    }\n    \n    .price-comparison {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 20px;\n        margin: 30px 0;\n    }\n    \n    .old-price {\n        text-decoration: line-through;\n        font-size: 24px;\n        color: #ffcccc;\n    }\n    \n    .new-price {\n        font-size: 42px;\n        font-weight: 800;\n        color: var(--secondary);\n        text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n    }\n    \n    .installments {\n        font-size: 18px;\n        margin-top: 10px;\n    }\n    \n    .cta-button {\n        display: inline-block;\n        background: var(--primary);\n        color: white;\n        padding: 18px 40px;\n        border-radius: 50px;\n        text-decoration: none;\n        font-weight: 700;\n        font-size: 20px;\n        transition: all 0.3s;\n        box-shadow: 0 8px 25px rgba(0,0,0,0.3);\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        margin: 20px 0;\n        border: 2px solid var(--secondary);\n    }\n    \n    .cta-button:hover {\n        background: var(--secondary);\n        transform: translateY(-5px);\n        box-shadow: 0 12px 30px rgba(0,0,0,0.4);\n        color: var(--primary);\n    }\n    \n    \/* Estilos para a lista de produtos *\/\n    .kit-includes ul {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    .kit-includes li {\n        margin-bottom: 12px;\n        padding: 12px;\n        background: rgba(255, 255, 255, 0.1);\n        border-radius: 8px;\n        border-left: 3px solid var(--primary);\n    }\n\n    .kit-includes li.bonus-item {\n        background: rgba(212, 175, 55, 0.2);\n        border-left: 3px solid var(--secondary);\n        border: 1px solid rgba(212, 175, 55, 0.5);\n    }\n\n    .product-item-line {\n        display: flex;\n        flex-direction: column;\n        gap: 4px;\n    }\n\n    .product-name {\n        font-weight: 600;\n        font-size: 16px !important;\n        color: white;\n    }\n\n    .bonus-name {\n        color: var(--secondary);\n        font-weight: 700;\n    }\n\n    .product-desc {\n        font-size: 14px !important;\n        color: #e0e0e0;\n        opacity: 0.9;\n    }\n\n    .bonus-tag {\n        background: var(--secondary);\n        color: var(--primary);\n        padding: 4px 8px;\n        border-radius: 12px;\n        font-size: 12px !important;\n        font-weight: 700;\n        display: inline-block;\n        margin-bottom: 6px;\n    }\n\n    \/* Banner de oferta especial *\/\n    .special-offer-banner {\n        background: linear-gradient(45deg, var(--secondary), var(--primary));\n        padding: 15px;\n        border-radius: 10px;\n        margin-top: 15px;\n        text-align: center;\n        border: 2px solid var(--secondary);\n        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3);\n    }\n\n    .special-offer-banner strong {\n        color: var(--secondary);\n        font-size: 16px !important;\n    }\n\n    \/* Alerta de estoque *\/\n    .stock-alert {\n        background: rgba(255, 68, 68, 0.2);\n        padding: 12px;\n        border-radius: 8px;\n        margin-top: 20px;\n        text-align: center;\n        border: 1px solid #ff4444;\n        font-size: 16px;\n        font-weight: 500;\n    }\n\n    .stock-alert strong {\n        color: var(--secondary);\n    }\n\n    \/* Responsividade para mobile *\/\n    @media (max-width: 768px) {\n        .kit-includes li {\n            padding: 10px;\n            margin-bottom: 10px;\n        }\n        \n        .product-name {\n            font-size: 15px !important;\n        }\n        \n        .product-desc {\n            font-size: 13px !important;\n        }\n        \n        .special-offer-banner {\n            padding: 12px;\n            margin-top: 12px;\n        }\n        \n        .special-offer-banner strong {\n            font-size: 15px !important;\n        }\n        \n        .stock-alert {\n            padding: 10px;\n            margin-top: 15px;\n            font-size: 15px;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .kit-includes h3 {\n            font-size: 18px !important;\n            line-height: 1.3;\n        }\n        \n        .kit-includes li {\n            padding: 8px;\n            margin-bottom: 8px;\n        }\n        \n        .product-name {\n            font-size: 14px !important;\n        }\n        \n        .product-desc {\n            font-size: 12px !important;\n        }\n        \n        .bonus-tag {\n            font-size: 11px !important;\n            padding: 3px 6px;\n        }\n        \n        .special-offer-banner {\n            padding: 10px;\n        }\n        \n        .special-offer-banner strong {\n            font-size: 14px !important;\n        }\n    }\n    \n    \/* RESPONSIVIDADE DOS TÍTULOS - VERSÃO CORRIGIDA *\/\n    @media (max-width: 1024px) {\n        .section-title {\n            font-size: 28px !important;\n            margin-bottom: 35px !important;\n        }\n        \n        .hero-section h1 {\n            font-size: 32px !important;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .section-title {\n            font-size: 24px !important;\n            margin-bottom: 30px !important;\n            padding: 0 10px !important;\n            word-wrap: normal !important;\n            overflow-wrap: normal !important;\n            hyphens: none !important;\n            white-space: normal !important;\n            word-break: normal !important;\n        }\n        \n        .section-title:after {\n            width: 60px !important;\n            margin: 12px auto !important;\n        }\n        \n        .hero-section h1 {\n            font-size: 28px !important;\n            padding: 0 15px !important;\n            word-wrap: normal !important;\n            overflow-wrap: normal !important;\n            hyphens: none !important;\n            white-space: normal !important;\n            word-break: normal !important;\n        }\n        \n        \/* Garante que todos os textos no mobile não quebrem palavras *\/\n        .landing-ozo h1,\n        .landing-ozo h2,\n        .landing-ozo h3,\n        .landing-ozo p,\n        .landing-ozo li {\n            word-wrap: normal !important;\n            overflow-wrap: normal !important;\n            hyphens: none !important;\n            white-space: normal !important;\n            word-break: normal !important;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .section-title {\n            font-size: 20px !important;\n            margin-bottom: 25px !important;\n            padding: 0 8px !important;\n            line-height: 1.3 !important;\n            word-wrap: normal !important;\n            overflow-wrap: normal !important;\n            hyphens: none !important;\n            white-space: normal !important;\n            word-break: normal !important;\n        }\n        \n        .section-title:after {\n            width: 50px !important;\n            margin: 10px auto !important;\n            height: 3px !important;\n        }\n        \n        .hero-section h1 {\n            font-size: 22px !important;\n            padding: 0 10px !important;\n            line-height: 1.3 !important;\n            word-wrap: normal !important;\n            overflow-wrap: normal !important;\n            hyphens: none !important;\n            white-space: normal !important;\n            word-break: normal !important;\n        }\n    }\n\n    @media (max-width: 360px) {\n        .section-title {\n            font-size: 18px !important;\n            margin-bottom: 20px !important;\n            padding: 0 5px !important;\n            line-height: 1.3 !important;\n            word-wrap: normal !important;\n            overflow-wrap: normal !important;\n            hyphens: none !important;\n            white-space: normal !important;\n            word-break: normal !important;\n        }\n        \n        .section-title:after {\n            width: 40px !important;\n            margin: 8px auto !important;\n            height: 2px !important;\n        }\n        \n        .hero-section h1 {\n            font-size: 20px !important;\n            padding: 0 8px !important;\n            line-height: 1.3 !important;\n            word-wrap: normal !important;\n            overflow-wrap: normal !important;\n            hyphens: none !important;\n            white-space: normal !important;\n            word-break: normal !important;\n        }\n        \n        .landing-ozo h1,\n        .landing-ozo h2,\n        .landing-ozo h3 {\n            letter-spacing: 0.5px !important;\n            word-wrap: normal !important;\n            overflow-wrap: normal !important;\n            hyphens: none !important;\n            white-space: normal !important;\n            word-break: normal !important;\n        }\n    }\n    \n    \/* BENEFÍCIOS COM GRID - SUPER RESPONSIVO *\/\n    .benefits-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 20px;\n        margin-top: 30px;\n        width: 100%;\n        box-sizing: border-box;\n        padding: 0 10px;\n    }\n\n    .benefit-item {\n        width: 100%;\n        padding: 25px 20px;\n        background: white;\n        border-radius: 15px;\n        box-shadow: 0 5px 20px rgba(0,0,0,0.08);\n        transition: transform 0.3s;\n        border-top: 5px solid var(--primary);\n        box-sizing: border-box;\n    }\n\n    @media (max-width: 360px) {\n        .benefits-grid {\n            grid-template-columns: 1fr;\n            gap: 12px;\n            padding: 0 5px;\n        }\n        \n        .benefit-item {\n            padding: 15px 12px;\n            border-radius: 10px;\n        }\n    }\n    \n    \/* Como funciona - Método E3 - TOTALMENTE RESPONSIVO *\/\n    .how-it-works {\n        background: linear-gradient(135deg, #f9f5ff 0%, #e6f0ff 100%);\n        border-radius: 15px;\n        padding: 40px 15px;\n        text-align: center;\n        margin: 30px 0;\n    }\n\n    .e3-method {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 20px;\n        margin-top: 30px;\n        max-width: 100%;\n        box-sizing: border-box;\n    }\n\n    .e3-step {\n        flex: 1 1 300px;\n        min-width: 280px;\n        max-width: 100%;\n        text-align: center;\n        padding: 25px 20px;\n        background: white;\n        border-radius: 15px;\n        box-shadow: 0 5px 20px rgba(0,0,0,0.05);\n        box-sizing: border-box;\n        margin: 0 10px;\n    }\n\n    .step-number {\n        background: var(--primary);\n        color: white;\n        width: 50px;\n        height: 50px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0 auto 15px;\n        font-weight: bold;\n        font-size: 20px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);\n    }\n\n    .e3-step h3 {\n        color: var(--dark);\n        margin-bottom: 12px;\n        font-size: 18px;\n        line-height: 1.3;\n    }\n\n    .e3-step p {\n        font-size: 14px;\n        line-height: 1.5;\n        color: #555;\n    }\n\n    \/* RESPONSIVIDADE ESPECÍFICA *\/\n    @media (max-width: 768px) {\n        .how-it-works {\n            padding: 30px 12px;\n            margin: 20px 0;\n        }\n        \n        .e3-method {\n            gap: 15px;\n            margin-top: 25px;\n        }\n        \n        .e3-step {\n            flex: 1 1 100%;\n            min-width: 100%;\n            margin: 0 5px;\n            padding: 20px 15px;\n        }\n        \n        .step-number {\n            width: 45px;\n            height: 45px;\n            font-size: 18px;\n            margin-bottom: 12px;\n        }\n        \n        .e3-step h3 {\n            font-size: 17px;\n            margin-bottom: 10px;\n        }\n        \n        .e3-step p {\n            font-size: 14px;\n        }\n    }\n\n    \/* MOBILE PEQUENO - 480px *\/\n    @media (max-width: 480px) {\n        .how-it-works {\n            padding: 25px 10px;\n            margin: 15px 0;\n            border-radius: 12px;\n        }\n        \n        .e3-method {\n            gap: 12px;\n            margin-top: 20px;\n        }\n        \n        .e3-step {\n            padding: 18px 12px;\n            border-radius: 12px;\n            margin: 0 3px;\n        }\n        \n        .step-number {\n            width: 40px;\n            height: 40px;\n            font-size: 16px;\n            margin-bottom: 10px;\n        }\n        \n        .e3-step h3 {\n            font-size: 16px;\n            margin-bottom: 8px;\n        }\n        \n        .e3-step p {\n            font-size: 13px;\n            line-height: 1.4;\n        }\n    }\n\n    \/* MOBILE MUITO PEQUENO - 360px *\/\n    @media (max-width: 360px) {\n        .how-it-works {\n            padding: 20px 8px;\n            margin: 10px 0;\n            border-radius: 10px;\n        }\n        \n        .e3-method {\n            gap: 10px;\n            margin-top: 15px;\n        }\n        \n        .e3-step {\n            padding: 15px 10px;\n            border-radius: 10px;\n            margin: 0 2px;\n        }\n        \n        .step-number {\n            width: 35px;\n            height: 35px;\n            font-size: 14px;\n            margin-bottom: 8px;\n        }\n        \n        .e3-step h3 {\n            font-size: 15px;\n            margin-bottom: 6px;\n        }\n        \n        .e3-step p {\n            font-size: 12px;\n            line-height: 1.4;\n        }\n    }\n    \n    \/* Produtos do Kit - SOLUÇÃO DEFINITIVA *\/\n    .products-section {\n        text-align: center;\n    }\n\n    .products-grid {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 30px;\n        margin-top: 40px;\n    }\n\n    .product-item {\n        width: 100%;\n        max-width: 300px;\n        background: white;\n        border-radius: 15px;\n        overflow: hidden;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n        transition: transform 0.3s;\n    }\n\n    .product-item:hover {\n        transform: translateY(-5px);\n    }\n\n    .product-image {\n        width: 100%;\n        height: 250px;\n        background: #f8f9fa;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 20px;\n        box-sizing: border-box;\n    }\n\n    .product-image img {\n        width: auto;\n        height: auto;\n        max-width: 100%;\n        max-height: 100%;\n        object-fit: contain;\n        display: block;\n    }\n\n    .product-content {\n        padding: 25px;\n        text-align: left;\n    }\n\n    .product-content h3 {\n        color: var(--primary);\n        margin-bottom: 15px;\n        font-size: 18px;\n    }\n\n    \/* Responsividade *\/\n    @media (max-width: 768px) {\n        .product-item {\n            max-width: 100%;\n        }\n        \n        .product-image {\n            height: 100%;\n            padding: 15px;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .product-image {\n            height: 100%;\n            padding: 10px;\n        }\n        \n        .product-content {\n            padding: 20px;\n        }\n    }\n    \n    \/* Garantia *\/\n    .guarantee-section {\n        background: linear-gradient(135deg, var(--primary), var(--accent));\n        color: white;\n        text-align: center;\n        padding: 70px 20px;\n        border-radius: 15px;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .guarantee-section:before {\n        content: '';\n        position: absolute;\n        top: -50%;\n        left: -50%;\n        width: 200%;\n        height: 200%;\n        background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\n        animation: pulse 6s infinite linear;\n    }\n    \n    @keyframes pulse {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n    \n    .guarantee-section h2 {\n        margin-bottom: 20px;\n        position: relative;\n        z-index: 1;\n    }\n    \n    .guarantee-section p {\n        font-size: 20px;\n        max-width: 800px;\n        margin: 0 auto;\n        position: relative;\n        z-index: 1;\n        font-weight: 500;\n    }\n    \n    \/* Depoimentos em Carrossel - ATUALIZADO *\/\n    \/* Setas do Carrossel *\/\n    .carousel-arrows {\n        position: absolute;\n        top: 50%;\n        left: 0;\n        right: 0;\n        display: flex;\n        justify-content: space-between;\n        transform: translateY(-50%);\n        z-index: 10;\n        pointer-events: none;\n    }\n\n    .carousel-arrow {\n        background: rgba(0, 0, 0, 0.8);\n        color: white;\n        width: 50px;\n        height: 50px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        border: none;\n        font-size: 20px;\n        transition: all 0.3s ease;\n        pointer-events: all;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n    }\n\n    .carousel-arrow:hover {\n        background: var(--primary);\n        transform: scale(1.1);\n    }\n\n    .carousel-arrow.prev {\n        margin-left: 20px;\n    }\n\n    .carousel-arrow.next {\n        margin-right: 20px;\n    }\n\n    \/* Ajuste para mobile *\/\n    @media (max-width: 768px) {\n        .carousel-arrow {\n            width: 40px;\n            height: 40px;\n            font-size: 16px;\n        }\n        \n        .carousel-arrow.prev {\n            margin-left: 10px;\n        }\n        \n        .carousel-arrow.next {\n            margin-right: 10px;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .carousel-arrow {\n            width: 35px;\n            height: 35px;\n            font-size: 14px;\n        }\n        \n        .carousel-arrow.prev {\n            margin-left: 5px;\n        }\n        \n        .carousel-arrow.next {\n            margin-right: 5px;\n        }\n    }\n    \n    .testimonials-section {\n        text-align: center;\n    }\n\n    .testimonials-carousel {\n        position: relative;\n        max-width: 1000px;\n        margin: 0 auto;\n        overflow: hidden;\n    }\n\n    .testimonials-container {\n        display: flex;\n        transition: transform 0.5s ease;\n    }\n\n    .testimonial-slide {\n        min-width: 100%;\n        padding: 0 15px;\n        box-sizing: border-box;\n    }\n\n    .testimonial-video {\n        width: 100%;\n        max-width: 350px;\n        height: 620px;\n        margin: 0 auto;\n        border-radius: 15px;\n        overflow: hidden;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n        background: #000;\n    }\n\n    .testimonial-video iframe {\n        width: 100%;\n        height: 100%;\n        border: none;\n        border-radius: 15px;\n    }\n\n    .testimonial-text {\n        margin-top: 20px;\n        font-style: italic;\n        font-size: 18px;\n        line-height: 1.5;\n        max-width: 600px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .testimonial-author {\n        font-weight: 700;\n        color: var(--primary);\n        margin-top: 10px;\n        font-size: 16px;\n    }\n\n    .carousel-nav {\n        display: flex;\n        justify-content: center;\n        margin-top: 30px;\n    }\n\n    .carousel-dot {\n        width: 12px;\n        height: 12px;\n        border-radius: 50%;\n        background: #ddd;\n        margin: 0 5px;\n        cursor: pointer;\n        transition: background 0.3s;\n    }\n\n    .carousel-dot.active {\n        background: var(--primary);\n    }\n\n    \/* Responsividade para vídeos *\/\n    @media (max-width: 768px) {\n        .testimonial-video {\n            height: 500px;\n            max-width: 300px;\n        }\n        \n        .testimonial-text {\n            font-size: 16px;\n            padding: 0 10px;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .testimonial-video {\n            height: 400px;\n            max-width: 280px;\n        }\n        \n        .testimonial-text {\n            font-size: 15px;\n        }\n        \n        .testimonial-author {\n            font-size: 14px;\n        }\n    }\n    \n    \/* FAQ *\/\n    .faq-section {\n        background: #f9f9f9;\n        border-radius: 15px;\n        padding: 60px 40px;\n    }\n    \n    .faq-item {\n        margin-bottom: 20px;\n        border-bottom: 1px solid #eee;\n        padding-bottom: 20px;\n        max-width: 800px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n    \n    .faq-question {\n        font-weight: 700;\n        cursor: pointer;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        font-size: 18px;\n        padding: 10px 0;\n    }\n    \n    .faq-answer {\n        display: none;\n        padding-top: 15px;\n        font-size: 16px;\n    }\n    \n    \/* Responsividade *\/\n    @media (max-width: 768px) {\n        .hero-section h1 {\n            font-size: 32px;\n        }\n        \n        .section-title {\n            font-size: 28px;\n        }\n        \n        .benefit-item, .product-item, .e3-step {\n            min-width: 100%;\n        }\n        \n        .testimonial-video {\n            height: 500px;\n        }\n        \n        .how-it-works, .faq-section {\n            padding: 40px 20px;\n        }\n        \n        .price-comparison {\n            flex-direction: column;\n            gap: 10px;\n        }\n        \n        .old-price {\n            font-size: 20px;\n        }\n        \n        .new-price {\n            font-size: 60px;\n        }\n    }\n    \n    \/* Seção Antes e Depois - MOBILE FIRST CORRIGIDO *\/\n    .before-after-section {\n        text-align: center;\n        background: #f9f9f9;\n        border-radius: 15px;\n        padding: 40px 15px;\n        margin: 30px 0;\n        width: 100%;\n        box-sizing: border-box;\n        overflow: hidden;\n    }\n\n    .before-after-container {\n        display: flex;\n        flex-direction: column;\n        gap: 40px;\n        max-width: 100%;\n        margin: 0 auto;\n        width: 100%;\n        box-sizing: border-box;\n    }\n\n    .before-after-item {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 25px;\n        width: 100%;\n        max-width: 100%;\n        box-sizing: border-box;\n        padding: 0 5px;\n    }\n\n    .image-comparison {\n        position: relative;\n        width: 100%;\n        max-width: 100%;\n        border-radius: 15px;\n        overflow: hidden;\n        box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n        margin: 0 auto;\n    }\n\n    .before-image, .after-image {\n        width: 100%;\n        height: 280px;\n        object-fit: cover;\n        display: block;\n    }\n\n    \/* Container do efeito comparação *\/\n    .image-comparison-container {\n        position: relative;\n        width: 100%;\n        max-width: 500px;\n        height: 400px;\n        border-radius: 15px;\n        overflow: hidden;\n        box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n        cursor: col-resize;\n    }\n\n    .comparison-before, .comparison-after {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100% !important;\n        height: 100% !important;\n        object-fit: cover;\n    }\n\n    \/* Imagem ANTES - mostra apenas a parte direita *\/\n    .comparison-before {\n        clip-path: inset(0 50% 0 0);\n    }\n\n    \/* Imagem DEPOIS - mostra ape...\u003c\/style\u003e","brand":"AK PHARMA","offers":[{"title":"Default Title","offer_id":47727374729387,"sku":"AK030020","price":159.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0794\/7413\/1115\/files\/2-cda46nw6vv.png?v=1788182085","url":"https:\/\/akiwell.com.br\/products\/kit-capilar-antiqueda-ozo-be-01-akimax-hair","provider":"Minha loja","version":"1.0","type":"link"}