{"product_id":"kit-linha-ozonizada-ozo-be-completo","title":"Kit Linha Ozonizada OZO BE Completo","description":"\u003cstyle type=\"text\/css\"\u003e\/* CORES PRINCIPAIS - SALMÃO E PRETO *\/\n        .akimax-product {\n            --primary: #000000; \/* Preto *\/\n            --secondary: #FF9E80; \/* Salmão principal *\/\n            --accent: #FFAB91; \/* Salmão claro *\/\n            --dark: #2c2c54;\n            --light: #f8f9fa;\n        }\n        \n        .economy-badge {\n            display: inline-block;\n            background: #ff4444;\n            color: white;\n            padding: 8px 15px;\n            border-radius: 20px;\n            font-size: 16px;\n            font-weight: 700;\n            margin: 10px 0;\n            box-shadow: 0 4px 10px rgba(255, 68, 68, 0.3);\n        }\n        \n        \/* RESET FORÇADO PARA LOJA INTEGRADA *\/\n        .akimax-product * {\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        .akimax-product h1,\n        .akimax-product h2,\n        .akimax-product h3,\n        .akimax-product h4,\n        .akimax-product h5,\n        .akimax-product 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            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        .akimax-product p,\n        .akimax-product li,\n        .akimax-product 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        .akimax-product h1,\n        .akimax-product h2, \n        .akimax-product h3,\n        .akimax-product h4,\n        .akimax-product h5,\n        .akimax-product h6 {\n            font-size: inherit !important;\n            font-weight: 800 !important;\n            text-transform: uppercase !important;\n            letter-spacing: 1px !important;\n        }\n\n        .akimax-product h1{\n            font-size: 28px !important;\n        }\n        \n        .akimax-product p,\n        .akimax-product span,\n        .akimax-product li,\n        .akimax-product div {\n            font-size: 18px !important;\n            font-family: 'Montserrat', sans-serif !important;\n        }\n\n        \/* Tamanhos específicos para títulos *\/\n        .akimax-product .section-title {\n            font-size: 32px !important;\n        }\n\n        .akimax-product .hero-section h1 {\n            font-size: 28px !important;\n        }\n\n        .akimax-product .product-content h3 {\n            font-size: 20px !important;\n        }\n\n        .akimax-product .benefit-item h3 {\n            font-size: 18px !important;\n        }\n\n        .akimax-product .cta-button {\n            font-size: 20px !important;\n        }\n\n        \/* Reset de containers da Loja Integrada *\/\n        .akimax-product .container,\n        .akimax-product .row,\n        .akimax-product .col,\n        .akimax-product [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        .akimax-product {\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        .akimax-product [style*=\"font-size\"] {\n            font-size: inherit !important;\n        }\n        \n        \/* Estilos específicos para a landing page *\/\n        .akimax-product {\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        \/* Seções principais *\/\n        .akimax-section {\n            padding: 60px 0;\n        }\n        \n        \/* Títulos em negrito e maiúsculas *\/\n        .akimax-product h1,\n        .akimax-product h2,\n        .akimax-product 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(255, 158, 128, 0.7)), url('https:\/\/cdn.awsli.com.br\/1689\/1689661\/arquivos\/ozobe-antiqueda-capilar.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        \/* SEÇÃO DE PRODUTOS *\/\n        .products-section {\n            padding: 60px 0;\n        }\n        \n        .products-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 30px;\n            margin-top: 40px;\n        }\n        \n        .product-card {\n            background: white;\n            border-radius: 15px;\n            overflow: hidden;\n            box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n            transition: transform 0.3s, box-shadow 0.3s;\n            position: relative;\n        }\n        \n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 15px 35px rgba(0,0,0,0.15);\n        }\n        \n        .product-image {\n            width: 100%;\n            height: 250px;\n            object-fit: cover;\n            border-bottom: 3px solid var(--secondary);\n        }\n        \n        .product-content {\n            padding: 25px;\n        }\n        \n        .product-title {\n            font-size: 22px;\n            color: var(--primary);\n            margin-bottom: 10px;\n        }\n        \n        .product-description {\n            font-size: 15px;\n            color: #555;\n            margin-bottom: 20px;\n            line-height: 1.5;\n        }\n        \n        .product-badge {\n            position: absolute;\n            top: 15px;\n            right: 15px;\n            background: var(--secondary);\n            color: var(--primary);\n            padding: 5px 12px;\n            border-radius: 20px;\n            font-size: 12px;\n            font-weight: 700;\n        }\n        \n        \/* BENEFÍCIOS COM GRID - CORREÇÃO MOBILE *\/\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            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n        }\n\n        .benefit-item img {\n            width: 100%;\n            height: auto;\n            max-width: auto;\n            margin: 10px 0;\n            border-radius: 10px;\n            object-fit: cover;\n        }\n\n        .benefit-item h3 {\n            color: var(--primary);\n            margin-bottom: 15px;\n            font-size: 18px !important;\n            line-height: 1.3;\n        }\n\n        .benefit-item p {\n            font-size: 14px;\n            line-height: 1.5;\n            color: #555;\n            margin-top: 10px;\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      .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 apenas a parte esquerda *\/\n.comparison-after {\n    clip-path: inset(0 0 0 50%);\n}\n\n.comparison-handle {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    height: 100%;\n    width: 4px;\n    background: var(--secondary);\n    cursor: col-resize;\n    transform: translateX(-50%);\n    z-index: 10;\n}\n\n.comparison-handle::after {\n    content: '↔';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: var(--secondary);\n    color: white;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 18px;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.3);\n}\n\n.result-description {\n    width: 100%;\n    text-align: center;\n    padding: 0 10px;\n    box-sizing: border-box;\n}\n\n.result-description h3 {\n    color: var(--primary);\n    margin-bottom: 12px;\n    font-size: 20px;\n    line-height: 1.3;\n}\n\n.result-description p {\n    font-size: 15px;\n    line-height: 1.5;\n    color: #555;\n}\n\n.result-description strong {\n    color: var(--dark);\n}\n\n\/* Badge de resultado *\/\n.result-badge {\n    display: inline-block;\n    background: var(--primary);\n    color: white;\n    padding: 6px 15px;\n    border-radius: 20px;\n    font-size: 14px;\n    font-weight: 700;\n    margin-bottom: 15px;\n}\n\n\/* Tablet *\/\n@media (min-width: 768px) {\n    .before-after-section {\n        padding: 60px 30px;\n    }\n    \n    .before-after-container {\n        gap: 50px;\n    }\n    \n    .before-after-item {\n        flex-direction: row;\n        align-items: center;\n        gap: 40px;\n        text-align: left;\n    }\n    \n    .image-comparison {\n        flex: 1;\n        max-width: 450px;\n    }\n    \n    .image-comparison-container {\n        height: 350px;\n    }\n    \n    .before-image, .after-image {\n        height: 350px;\n    }\n    \n    .result-description {\n        flex: 1;\n        text-align: left;\n        padding: 0;\n    }\n    \n    .result-description h3 {\n        font-size: 22px;\n    }\n    \n    .result-description p {\n        font-size: 16px;\n    }\n}\n\n\/* Desktop *\/\n@media (min-width: 1024px) {\n    .before-after-section {\n        padding: 70px 40px;\n        margin: 50px 0;\n    }\n    \n    .before-after-container {\n        max-width: 1200px;\n    }\n    \n    .image-comparison {\n        max-width: 500px;\n    }\n    \n    .image-comparison-container {\n        height: 400px;\n    }\n    \n    .before-image, .after-image {\n        height: 400px;\n    }\n}\n\n\/* Mobile Pequeno *\/\n@media (max-width: 480px) {\n    .before-after-section {\n        padding: 30px 12px;\n        margin: 20px 0;\n        border-radius: 12px;\n    }\n    \n    .before-after-container {\n        gap: 35px;\n    }\n    \n    .before-after-item {\n        gap: 20px;\n        padding: 0 2px;\n    }\n    \n    .image-comparison-container {\n        height: 250px;\n    }\n    \n    .before-image, .after-image {\n        height: 250px;\n    }\n    \n    .result-description h3 {\n        font-size: 18px;\n    }\n    \n    .result-description p {\n        font-size: 14px;\n    }\n    \n    .comparison-handle::after {\n        width: 35px;\n        height: 35px;\n        font-size: 16px;\n    }\n}\n\n\/* Mobile Muito Pequeno *\/\n@media (max-width: 360px) {\n    .before-after-section {\n        padding: 25px 8px;\n    }\n    \n    .image-comparison-container {\n        height: 220px;\n    }\n    \n    .before-image, .after-image {\n        height: 220px;\n    }\n    \n    .result-description {\n        padding: 0 5px;\n    }\n    \n    .result-description h3 {\n        font-size: 17px;\n    }\n    \n    .result-description p {\n        font-size: 13px;\n    }\n}\n        \/* Badge de resultado *\/\n        .result-badge {\n            display: inline-block;\n            background: var(--primary);\n            color: white;\n            padding: 6px 15px;\n            border-radius: 20px;\n            font-size: 14px;\n            font-weight: 700;\n            margin-bottom: 15px;\n        }\n\n        \/* Seção Exclusiva Sérum Facial OZO BE *\/\n        .serum-section {\n            background: linear-gradient(135deg, #fff5f5 0%, #fff0f0 100%);\n            padding: 60px 20px;\n            border-radius: 20px;\n            margin: 50px 0;\n            border: 2px solid var(--secondary);\n        }\n\n        .serum-container {\n            display: flex;\n            align-items: center;\n            gap: 50px;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .serum-visual {\n            flex: 1;\n            position: relative;\n        }\n\n        .serum-image {\n            position: relative;\n            text-align: center;\n        }\n\n        .serum-image img {\n            width: 100%;\n\n            max-width: 400px;\n            height: auto;\n            border-radius: 20px;\n            box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n        }\n\n        .serum-badge {\n            position: static;\n            top: 20px;\n            right: 20px;\n            background: var(--secondary);\n            color: white;\n            padding: 8px 15px;\n            border-radius: 25px;\n            font-size: 14px;\n            font-weight: 700;\n            box-shadow: 0 4px 15px rgba(255, 158, 128, 0.3);\n        }\n\n        .serum-content {\n            flex: 1;\n        }\n\n        .serum-header h2 {\n            color: var(--primary);\n            font-size: 42px;\n            margin-bottom: 10px;\n            text-transform: uppercase;\n        }\n\n        .serum-subtitle {\n            font-size: 18px;\n            color: #666;\n            margin-bottom: 30px;\n            font-weight: 600;\n        }\n\n        \/* Grid de Benefícios do Sérum *\/\n        .serum-benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 15px;\n            margin: 20px 0;\n        }\n\n        .serum-benefit-card {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            padding: 12px;\n            background: white;\n            border-radius: 10px;\n            box-shadow: 0 3px 15px rgba(0,0,0,0.05);\n            border-left: 3px solid var(--secondary);\n        }\n\n        .serum-benefit-icon {\n            font-size: 20px;\n            width: 30px;\n            text-align: center;\n        }\n\n        .serum-benefit-info {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .serum-benefit-info strong {\n            font-size: 14px;\n            color: #333;\n        }\n\n        .serum-benefit-info span {\n            font-size: 12px;\n            color: #666;\n        }\n\n        \/* Resultados do Sérum *\/\n        .serum-results {\n            margin: 25px 0;\n        }\n\n        .serum-results h3 {\n            color: #333;\n            margin-bottom: 15px;\n            font-size: 18px;\n        }\n\n        .serum-results ul {\n            list-style: none;\n            padding: 0;\n        }\n\n        .serum-results li {\n            margin-bottom: 8px;\n            font-size: 15px;\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        \/* 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\n        \/* SEÇÃO DE VÍDEOS TESTEMUNHAIS *\/\n        .testimonials-section {\n            padding: 60px 0;\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            text-align: center;\n        }\n\n        .testimonials-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n            margin-top: 40px;\n            max-width: 1200px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .testimonial-video-card {\n            background: white;\n            border-radius: 15px;\n            overflow: hidden;\n            box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n            transition: transform 0.3s, box-shadow 0.3s;\n        }\n\n        .testimonial-video-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 15px 35px rgba(0,0,0,0.15);\n        }\n\n        .video-container {\n            position: relative;\n            width: 100%;\n            height: 250px;\n            overflow: hidden;\n        }\n\n        .video-container iframe {\n            width: 100%;\n            height: 100%;\n            border: none;\n        }\n\n        .testimonial-content {\n            padding: 20px;\n        }\n\n        .testimonial-text {\n            font-size: 15px;\n            color: #555;\n            margin-bottom: 15px;\n            line-height: 1.5;\n            font-style: italic;\n        }\n\n        .testimonial-author {\n            font-weight: 700;\n            color: var(--primary);\n            font-size: 16px;\n        }\n\n        \/* RESPONSIVIDADE *\/\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            .serum-container {\n                flex-direction: column;\n                gap: 30px;\n            }\n            \n            .serum-header h2 {\n                font-size: 32px;\n                text-align: center;\n            }\n            \n            .serum-benefits-grid {\n                grid-template-columns: 1fr;\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            }\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            }\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: 36px;\n            }\n            \n            .benefits-grid {\n                grid-template-columns: 1fr;\n                gap: 15px;\n                padding: 0 5px;\n            }\n            \n            .benefit-item {\n                padding: 20px 15px;\n                margin: 0 auto;\n                max-width: 100%;\n            }\n            \n            .benefit-item h3 {\n                font-size: 16px !important;\n                margin-bottom: 10px;\n            }\n            \n            .benefit-item p {\n                font-size: 13px;\n            }\n            \n            .faq-section {\n                padding: 40px 20px;\n            }\n            \n            .before-after-item {\n                flex-direction: column;\n            }\n            \n            .image-comparison-container {\n                height: 250px;\n            }\n            \n            .before-image, .after-image {\n                height: 250px;\n            }\n            \n            .photos-carousel {\n                padding: 0 35px;\n            }\n            \n            .photo-slide {\n                flex: 0 0 100%;\n                padding: 0 8px;\n            }\n            \n            .photo-image {\n                max-width: 300px;\n                height: 300px;\n            }\n            \n            .carousel-arrow {\n                width: 38px;\n                height: 38px;\n                font-size: 15px;\n            }\n            \n            .testimonials-grid {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n            \n            .video-container {\n                height: 200px;\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            }\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            }\n            \n            .hero-section p {\n                font-size: 16px;\n            }\n            \n            .new-price {\n                font-size: 32px;\n            }\n            \n            .cta-button {\n                padding: 15px 30px;\n                font-size: 18px;\n            }\n            \n            .benefits-grid {\n                gap: 12px;\n                padding: 0;\n            }\n            \n            .benefit-item {\n                padding: 15px 12px;\n                border-radius: 12px;\n            }\n            \n            .benefit-item img {\n                max-width: 100%;\n                margin: 8px 0;\n            }\n            \n            .benefit-item h3 {\n                font-size: 15px !important;\n            }\n            \n            .benefit-item p {\n                font-size: 12px;\n                line-height: 1.4;\n            }\n            \n            .image-comparison-container {\n                height: 220px;\n            }\n            \n            .before-image, .after-image {\n                height: 220px;\n            }\n            \n            .result-description {\n                padding: 0 5px;\n            }\n            \n            .result-description h3 {\n                font-size: 17px;\n            }\n            \n            .result-description p {\n                font-size: 13px;\n            }\n            \n            .comparison-handle::after {\n                width: 35px;\n                height: 35px;\n                font-size: 16px;\n            }\n            \n            .photos-carousel-section {\n                padding: 20px 5px;\n            }\n            \n            .photos-carousel {\n                padding: 0 25px;\n            }\n            \n            .photo-image {\n                max-width: 250px;\n                height: 250px;\n            }\n            \n            .carousel-arrow {\n                width: 35px;\n                height: 35px;\n                font-size: 14px;\n            }\n            \n            .video-container {\n                height: 180px;\n            }\n            \n            .testimonial-content {\n                padding: 15px;\n            }\n            \n            .testimonial-text {\n                font-size: 14px;\n            }\n            \n            .testimonial-author {\n                font-size: 14px;\n            }\n        }\n\t\n\t\/* CARROSSEL DE FOTOS - LOOP INFINITO *\/\n.photos-carousel-section {\n    padding: 30px 0;\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    text-align: center;\n    margin: 20px 0;\n    overflow: hidden;\n    width: 100%;\n    box-sizing: border-box;\n}\n\n.photos-carousel {\n    position: relative;\n    width: 100%;\n    max-width: 100vw;\n    margin: 0 auto;\n    padding: 0 15px;\n    box-sizing: border-box;\n    overflow: hidden;\n}\n\n.photos-slider {\n    display: flex;\n    transition: transform 0.5s ease-in-out;\n    width: 100%;\n}\n\n.photo-slide {\n    flex: 0 0 100%;\n    padding: 0 5px;\n    box-sizing: border-box;\n    min-width: 0;\n}\n\n.photo-image {\n    width: 100%;\n    max-width: 280px;\n    height: 280px;\n    border-radius: 15px;\n    overflow: hidden;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n    margin: 0 auto;\n    background: #fff;\n}\n\n.photo-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: 15px;\n    display: block;\n}\n\n\/* Setas de navegação *\/\n.carousel-arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background: var(--primary);\n    color: white;\n    width: 45px;\n    height: 45px;\n    border-radiu...\u003c\/style\u003e","brand":"AK PHARMA","offers":[{"title":"Default Title","offer_id":47727374532779,"sku":"AK050014","price":159.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0794\/7413\/1115\/files\/design-sem-nome--1--whhkkm9wll.png?v=1788182078","url":"https:\/\/akiwell.com.br\/products\/kit-linha-ozonizada-ozo-be-completo","provider":"Minha loja","version":"1.0","type":"link"}