{"id":25,"date":"2025-11-16T17:15:16","date_gmt":"2025-11-16T17:15:16","guid":{"rendered":"https:\/\/meuspedidoz.com.br\/adriana\/?page_id=25"},"modified":"2026-01-16T18:38:23","modified_gmt":"2026-01-16T18:38:23","slug":"25-2","status":"publish","type":"page","link":"https:\/\/meuspedidoz.com.br\/adriana\/","title":{"rendered":"A\u00e7a\u00ed e Gelados"},"content":{"rendered":"\n        <style>\n        .conveniencia-adriana-app-wrapper {\n            margin: 0 !important;\n            padding: 0 !important;\n        }\n\n        @media (max-width: 768px) {\n            \/* Zera margens e paddings da \u00e1rea de conte\u00fado da p\u00e1gina *\/\n            .site-main,\n            .content-area,\n            .entry-content,\n            .wp-block-post-content,\n            .hentry,\n            .page,\n            body.page {\n                margin: 0 !important;\n                padding: 0 !important;\n                max-width: 100% !important;\n            }\n\n            html, body {\n                margin: 0 !important;\n                padding: 0 !important;\n                overflow-x: hidden !important;\n            }\n        }\n        <\/style><div class=\"conveniencia-adriana-app-wrapper\"><!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Conveni\u00eancia da Adriana - Cat\u00e1logo Digital<\/title>\n\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;600;700;800&family=Poppins:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Dancing+Script:wght@700&display=swap\" rel=\"stylesheet\">\n\n    <style>\n        :root {\n            \/* Palette Principal Modernizada *\/\n            --primary: #8B5FBF;       \/* Roxo mais vibrante *\/\n            --primary-dark: #6A0DAD;\n            --primary-light: #E9D8FD;\n            --accent: #FFD700;\n            --accent2: #FF6B9D;       \/* Rosa para highlights *\/\n            --bg-page: #F8F9FF;       \/* Azul muito claro *\/\n            --surface: #FFFFFF;\n            \n            --text-main: #1F2937;\n            --text-sec: #6B7280;\n            \n            --success: #10B981;\n            --success-dark: #059669;\n            --danger: #EF4444;\n\n            \/* Cores Categoria (Chips) *\/\n            --color-acai: #8B5FBF;\n            --color-picoles: #0EA5E9;\n            --color-sorvetes: #EC4899;\n            --color-polpas: #22C55E;\n            --color-chocolates: #F97316;\n        }\n\n        * { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }\n\n        body {\n            font-family: 'Nunito', sans-serif;\n            background-color: var(--bg-page);\n            color: var(--text-main);\n            padding-bottom: 100px;\n            overflow-x: hidden;\n        }\n\n        .app-shell {\n            max-width: 600px;\n            margin: 0 auto;\n            background: linear-gradient(180deg, #ffffff 0%, #f8f9ff 100%);\n            min-height: 100vh;\n            box-shadow: 0 0 30px rgba(106, 13, 173, 0.08);\n        }\n\n        \/* =========================================\n            HERO SECTION\n        ========================================= *\/\n        .hero-container {\n            position: relative;\n            background: #fff;\n            padding-bottom: 10px; \/* Reduzido *\/\n            border-bottom: 1px solid #E5E7EB;\n        }\n\n        .hero-banner-img {\n            width: 100%;\n            height: 200px; \/* Aumentado para mostrar mais banner *\/\n            background-image: url('https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/12\/Banner-acai-delivery-moderno-amarelo-2.png');\n            background-size: cover;\n            background-position: center;\n            border-radius: 0 0 0 0; \/* Sem bordas arredondadas *\/\n            position: relative;\n        }\n        \n        .hero-banner-img::after {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.3));\n        }\n\n        \/* Card menor e com borda pulsante *\/\n        .store-info-card {\n            margin: -50px 20px 0; \/* Ajustado para menor altura *\/\n            background: #fff;\n            border-radius: 20px;\n            padding: 20px 16px 16px;\n            position: relative;\n            z-index: 10;\n            box-shadow: 0 15px 35px rgba(106, 13, 173, 0.15);\n            border: 3px solid var(--primary);\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            animation: borderPulse 3s infinite;\n            backdrop-filter: blur(10px);\n            background: rgba(255, 255, 255, 0.95);\n        }\n\n        @keyframes borderPulse {\n            0% { border-color: var(--primary); box-shadow: 0 15px 35px rgba(106, 13, 173, 0.15); }\n            50% { border-color: var(--accent2); box-shadow: 0 15px 35px rgba(255, 107, 157, 0.25); }\n            100% { border-color: var(--primary); box-shadow: 0 15px 35px rgba(106, 13, 173, 0.15); }\n        }\n\n        .store-logo {\n            width: 70px; \/* Reduzido *\/\n            height: 70px;\n            border-radius: 50%;\n            border: 4px solid #fff;\n            box-shadow: 0 6px 15px rgba(0,0,0,0.15);\n            margin-top: -40px; \/* Ajustado *\/\n            background: #fff;\n            overflow: hidden;\n        }\n        \n        .store-logo img {\n            width: 100%; height: 100%; object-fit: cover;\n        }\n\n        .store-title h1 {\n            font-family: 'Poppins', sans-serif;\n            font-size: 1.3rem;\n            font-weight: 800;\n            margin-top: 8px;\n            color: #111;\n            background: linear-gradient(90deg, var(--primary), var(--accent2));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n        \n        .store-welcome {\n            font-size: 0.85rem;\n            color: var(--text-sec);\n            margin-bottom: 10px;\n            font-style: italic;\n        }\n\n        .store-rating {\n            display: inline-flex;\n            gap: 3px;\n            color: var(--accent);\n            font-size: 0.9rem;\n            margin-bottom: 10px;\n        }\n\n        .status-badges {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 8px;\n            width: 100%;\n        }\n\n        .badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            padding: 6px 14px;\n            border-radius: 999px;\n            font-size: 0.75rem;\n            font-weight: 700;\n            transition: transform 0.2s;\n        }\n\n        .badge:hover {\n            transform: translateY(-2px);\n        }\n\n        .badge-open {\n            background: linear-gradient(135deg, #DCFCE7, #BBF7D0);\n            color: #166534;\n            border: 2px solid #16A34A;\n        }\n\n        .badge-promo {\n            background: linear-gradient(135deg, #FEF3C7, #FDE68A);\n            color: #92400E;\n            border: 2px solid #F59E0B;\n            animation: pulsePromo 2s infinite;\n        }\n\n        .pulse-dot {\n            width: 8px; height: 8px; border-radius: 50%;\n        }\n        .bg-green { background: #16A34A; box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.7); animation: pulseGreen 1.5s infinite; }\n        \n        @keyframes pulseGreen {\n            0% { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.7); }\n            70% { box-shadow: 0 0 0 6px rgba(22, 163, 74, 0); }\n            100% { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0); }\n        }\n        @keyframes pulsePromo {\n            0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.5); }\n            50% { transform: scale(1.05); }\n            100% { transform: scale(1); box-shadow: 0 0 0 10px rgba(245, 158, 11, 0); }\n        }\n\n        \/* =========================================\n            NAVEGA\u00c7\u00c3O\n        ========================================= *\/\n        .nav-wrapper {\n            position: sticky;\n            top: 0;\n            z-index: 99;\n            background: rgba(255,255,255,0.98);\n            backdrop-filter: blur(15px);\n            padding: 12px 0;\n            border-bottom: 2px solid #F3F4F6;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n        }\n\n        .nav-scroll {\n            display: flex;\n            gap: 12px;\n            overflow-x: auto;\n            padding: 0 20px;\n            scrollbar-width: none;\n        }\n        .nav-scroll::-webkit-scrollbar { display: none; }\n\n        .nav-chip {\n            white-space: nowrap;\n            padding: 10px 20px;\n            border-radius: 12px;\n            font-size: 0.9rem;\n            font-weight: 700;\n            color: var(--text-sec);\n            background: linear-gradient(135deg, #F9FAFB, #F3F4F6);\n            border: 2px solid #E5E7EB;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            min-height: 44px;\n        }\n\n        .nav-chip i { \n            font-size: 1.1rem;\n            transition: transform 0.3s;\n        }\n\n        .nav-chip:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n        }\n\n        .nav-chip:hover i {\n            transform: scale(1.2);\n        }\n\n        .nav-chip.active {\n            background: linear-gradient(135deg, var(--primary-light), #E0E7FF);\n            color: var(--primary-dark);\n            border-color: var(--primary);\n            box-shadow: 0 5px 15px rgba(139, 95, 191, 0.3);\n        }\n\n        \/* =========================================\n            LISTA DE PRODUTOS\n        ========================================= *\/\n        .content-area {\n            padding: 20px;\n        }\n\n        .category-section {\n            margin-bottom: 40px;\n            scroll-margin-top: 100px;\n        }\n\n        \/* Banner da Categoria *\/\n        .category-banner {\n            width: 100%;\n            height: 140px;\n            border-radius: 20px;\n            margin-bottom: 20px;\n            overflow: hidden;\n            position: relative;\n            box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n            border: 2px solid rgba(255,255,255,0.5);\n        }\n        \n        .category-banner img {\n            width: 100%; height: 100%; object-fit: cover;\n            transition: transform 0.5s;\n        }\n\n        .category-banner:hover img {\n            transform: scale(1.05);\n        }\n\n        \/* T\u00cdTULOS CENTRALIZADOS *\/\n        .section-header {\n            text-align: center;\n            margin-bottom: 25px;\n            position: relative;\n        }\n\n        .section-title {\n            font-family: 'Poppins', sans-serif;\n            font-size: 1.8rem;\n            font-weight: 900;\n            margin-bottom: 8px;\n            color: #111;\n            text-align: center;\n            position: relative;\n            display: inline-block;\n            padding: 0 20px;\n        }\n\n        .section-title::before,\n        .section-title::after {\n            content: \"\u2022\";\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            color: var(--accent2);\n            font-size: 1.5rem;\n        }\n\n        .section-title::before { left: 0; }\n        .section-title::after { right: 0; }\n\n        .section-subtitle {\n            font-size: 1rem;\n            font-weight: 400;\n            color: var(--text-sec);\n            text-align: center;\n            font-style: italic;\n            margin-top: 5px;\n        }\n\n        \/* Cards de Produto *\/\n        .product-card {\n            background: #fff;\n            border: 2px solid #F3F4F6;\n            border-radius: 18px;\n            padding: 16px;\n            display: flex;\n            gap: 16px;\n            margin-bottom: 16px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n            cursor: pointer;\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 5px;\n            height: 100%;\n            background: linear-gradient(to bottom, var(--primary), var(--accent2));\n            opacity: 0;\n            transition: opacity 0.3s;\n        }\n\n        .product-card:hover {\n            transform: translateY(-5px);\n            border-color: var(--primary-light);\n            box-shadow: 0 15px 30px rgba(139, 95, 191, 0.15);\n        }\n\n        .product-card:hover::before { opacity: 1; }\n\n        .p-info { flex: 1; display: flex; flex-direction: column; justify-content: center; }\n        .p-title { \n            font-family: 'Poppins', sans-serif;\n            font-weight: 700; \n            font-size: 1rem; \n            margin-bottom: 6px; \n            color: #1F2937;\n            line-height: 1.3;\n        }\n        .p-desc { \n            font-size: 0.82rem; \n            color: #6B7280; \n            line-height: 1.4; \n            margin-bottom: 10px; \n            display: -webkit-box; \n            -webkit-line-clamp: 2; \n            -webkit-box-orient: vertical; \n            overflow: hidden;\n        }\n        .p-price { \n            font-weight: 800; \n            color: var(--success-dark); \n            font-size: 1rem;\n            background: linear-gradient(90deg, var(--success-dark), #22C55E);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n        .p-footer { \n            display: flex; \n            align-items: center; \n            justify-content: space-between; \n            margin-top: auto; \n        }\n        .p-add-text { \n            font-size: 0.8rem; \n            color: var(--primary); \n            font-weight: 700;\n            display: flex;\n            align-items: center;\n            gap: 5px;\n        }\n\n        .p-img-box {\n            width: 100px; \n            height: 100px;\n            border-radius: 12px;\n            overflow: hidden;\n            flex-shrink: 0;\n            background: linear-gradient(135deg, #f0f0f0, #e0e0e0);\n            border: 2px solid white;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n        }\n        .p-img-box img { \n            width: 100%; \n            height: 100%; \n            object-fit: cover;\n            transition: transform 0.5s;\n        }\n\n        .product-card:hover .p-img-box img {\n            transform: scale(1.1);\n        }\n\n        \/* =========================================\n            MODAL E UTILS\n        ========================================= *\/\n        .modal-overlay {\n            position: fixed; \n            inset: 0;\n            background: rgba(0,0,0,0.6);\n            backdrop-filter: blur(4px);\n            z-index: 1000;\n            display: none;\n            justify-content: center;\n            align-items: flex-end;\n        }\n        .modal-overlay.open { display: flex; }\n\n        .modal-container {\n            background: #fff;\n            width: 100%; \n            max-width: 600px;\n            height: 90vh;\n            border-radius: 20px 20px 0 0;\n            display: flex; \n            flex-direction: column;\n            animation: slideUpModal 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n        }\n\n        @keyframes slideUpModal {\n            from { transform: translateY(100%); }\n            to { transform: translateY(0); }\n        }\n\n        .m-header { \n            position: relative; \n            height: 200px; \n            flex-shrink: 0; \n        }\n        .m-header img { \n            width: 100%; \n            height: 100%; \n            object-fit: cover; \n        }\n        .m-close {\n            position: absolute; \n            top: 15px; \n            right: 15px;\n            background: rgba(0,0,0,0.5); \n            color: #fff;\n            width: 36px; \n            height: 36px; \n            border-radius: 50%;\n            border: none; \n            display: flex; \n            align-items: center; \n            justify-content: center;\n            cursor: pointer; \n            font-size: 1.2rem;\n        }\n\n        .m-content {\n            flex: 1; \n            overflow-y: auto; \n            padding: 20px;\n            background: #fff;\n        }\n\n        .m-title { \n            font-size: 1.5rem;\n            font-weight: 900;\n            margin-bottom: 10px;\n            color: #111;\n            line-height: 1.3;\n        }\n        .m-desc { \n            font-size: 0.9rem; \n            color: #666; \n            margin-bottom: 20px; \n            line-height: 1.4; \n        }\n        .m-price-tag { \n            font-size: 1.2rem; \n            font-weight: 700; \n            color: var(--success); \n            margin-bottom: 20px; \n        }\n\n        .opt-group { margin-bottom: 25px; }\n        .opt-group-header {\n            display: flex; \n            justify-content: space-between; \n            align-items: center;\n            background: #F3F4F6; \n            padding: 10px 12px; \n            border-radius: 8px; \n            margin-bottom: 10px;\n        }\n        .opt-title { \n            font-weight: 700; \n            font-size: 0.9rem; \n            color: #374151; \n            text-transform: uppercase; \n            letter-spacing: 0.5px; \n        }\n        .opt-badge { \n            background: #111; \n            color: #fff; \n            font-size: 0.7rem; \n            padding: 2px 8px; \n            border-radius: 4px; \n        }\n\n        .tech-option {\n            display: flex; \n            align-items: center; \n            justify-content: space-between;\n            padding: 12px;\n            border: 1px solid #E5E7EB;\n            border-radius: 10px;\n            margin-bottom: 8px;\n            cursor: pointer;\n            transition: all 0.2s;\n            position: relative;\n        }\n\n        .tech-option:hover { background: #F9FAFB; }\n\n        .tech-option.selected {\n            border-color: var(--primary);\n            background-color: #F3E8FF;\n            box-shadow: 0 0 0 1px var(--primary);\n        }\n\n        .tech-info { display: flex; align-items: center; gap: 10px; }\n        .tech-img { \n            width: 40px; \n            height: 40px; \n            border-radius: 6px; \n            object-fit: cover; \n            background: #ddd; \n        }\n        .tech-name { font-weight: 600; font-size: 0.9rem; color: #374151; }\n        .tech-price { font-size: 0.85rem; color: var(--text-sec); }\n        .tech-option.selected .tech-name { color: var(--primary-dark); }\n        .tech-input { display: none; }\n        \n        .check-icon {\n            width: 20px; height: 20px;\n            border: 2px solid #D1D5DB; \n            border-radius: 50%;\n            display: flex; align-items: center; justify-content: center;\n            color: transparent;\n        }\n        .tech-option.selected .check-icon {\n            background: var(--primary);\n            border-color: var(--primary);\n            color: #fff;\n        }\n\n        .m-obs {\n            width: 100%; \n            border: 1px solid #D1D5DB; \n            border-radius: 8px;\n            padding: 12px; \n            font-family: inherit; \n            margin-top: 10px; \n            resize: none; \n            height: 80px;\n        }\n\n        .m-footer {\n            border-top: 1px solid #E5E7EB; \n            padding: 15px 20px;\n            display: flex; \n            gap: 15px; \n            align-items: center;\n            background: #fff;\n        }\n\n        .qty-ctrl {\n            display: flex; align-items: center; \n            border: 1px solid #E5E7EB; \n            border-radius: 8px;\n            height: 48px; overflow: hidden;\n        }\n        .qty-btn {\n            width: 40px; height: 100%; border: none; background: #fff;\n            font-size: 1.2rem; color: var(--primary); cursor: pointer;\n        }\n        .qty-btn:active { background: #f0f0f0; }\n        .qty-val { width: 30px; text-align: center; font-weight: 700; font-size: 1rem; }\n\n        .add-cart-btn {\n            flex: 1; height: 48px; border: none; border-radius: 8px;\n            background: var(--primary); color: #fff;\n            font-weight: 700; font-size: 1rem;\n            display: flex; justify-content: space-between; align-items: center;\n            padding: 0 20px; cursor: pointer;\n            box-shadow: 0 4px 12px rgba(106, 13, 173, 0.3);\n        }\n        .add-cart-btn:active { transform: scale(0.98); }\n\n        \/* Checkout e Carrinho *\/\n        .cart-float {\n            position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%);\n            width: 90%; max-width: 500px;\n            background: #1F2937; color: #fff;\n            padding: 14px 20px; border-radius: 12px;\n            display: none; align-items: center; justify-content: space-between;\n            box-shadow: 0 10px 20px rgba(0,0,0,0.2); cursor: pointer; z-index: 90;\n        }\n        .cart-float.show { display: flex; animation: floatUp 0.3s ease; }\n        @keyframes floatUp {\n            from { transform: translate(-50%, 20px); opacity: 0; } \n            to { transform: translate(-50%, 0); opacity: 1; } \n        }\n\n        .checkout-modal {\n            position: fixed; inset: 0; background: #F9FAFB; z-index: 2000;\n            display: none; flex-direction: column;\n        }\n        .checkout-modal.open { display: flex; }\n\n        .chk-header { \n            background: linear-gradient(135deg, var(--primary-dark), var(--primary));\n            color: white; padding: 20px; \n            border-bottom: none;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n            display: flex; align-items: center; gap: 10px; \n        }\n        .chk-back { border: none; background: none; font-size: 1.3rem; cursor: pointer; color: white; }\n        .chk-title { font-weight: 800; font-size: 1.2rem; }\n\n        .chk-body { flex: 1; overflow-y: auto; padding: 20px; }\n        .chk-footer { background: #fff; padding: 15px; border-top: 1px solid #eee; }\n\n        .cart-item { \n            background: white; padding: 15px;\n            border-radius: 15px; margin-bottom: 12px; \n            border: 2px solid #F3F4F6;\n            display: flex; gap: 15px; align-items: center; transition: all 0.3s;\n        }\n        .cart-item:hover { border-color: var(--primary-light); box-shadow: 0 5px 15px rgba(0,0,0,0.05); }\n        .cart-item-img { width: 50px; height: 50px; border-radius: 6px; background: #eee; object-fit: cover; }\n        .cart-item-info { flex: 1; }\n        .cart-item-title { font-weight: 600; font-size: 0.9rem; }\n        .cart-item-opts { font-size: 0.8rem; color: #666; }\n        .cart-item-price { font-weight: 700; color: var(--primary); font-size: 0.9rem; margin-top: 4px; }\n        .cart-remove { color: #EF4444; font-size: 0.75rem; margin-top: 4px; cursor: pointer; }\n\n        .whatsapp-btn {\n            width: 100%; padding: 14px; border: none; border-radius: 8px;\n            background: linear-gradient(135deg, #25D366, #128C7E); \n            color: #fff; font-weight: 700; font-size: 1rem;\n            display: flex; justify-content: center; align-items: center; gap: 8px;\n            cursor: pointer; transition: all 0.3s;\n        }\n        .whatsapp-btn:hover { transform: translateY(-3px); box-shadow: 0 15px 30px rgba(37, 211, 102, 0.4); }\n\n        .dev-footer {\n            margin: 20px 16px 80px; padding: 20px;\n            background: #111827; border-radius: 16px; color: #fff; text-align: center;\n        }\n        .dev-tag {\n            background: rgba(255,255,255,0.1); padding: 4px 10px; border-radius: 20px;\n            font-size: 0.7rem; text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-bottom: 10px;\n        }\n        .dev-link {\n            display: block; margin-top: 15px; padding: 10px;\n            background: var(--success); color: #fff; text-decoration: none;\n            border-radius: 8px; font-weight: 700;\n        }\n\n        .form-group { margin-bottom: 15px; }\n        .form-label { display: block; font-weight: 600; margin-bottom: 5px; font-size: 0.9rem; }\n        .form-input { width: 100%; padding: 10px; border: 1px solid #D1D5DB; border-radius: 8px; }\n        \n        .radio-option {\n            display: flex; align-items: center; gap: 10px; padding: 12px;\n            background: #fff; border: 1px solid #D1D5DB; border-radius: 8px;\n            margin-bottom: 8px; cursor: pointer; transition: all 0.2s;\n        }\n        .radio-option:hover { background: #F9FAFB; }\n        .radio-option.selected { border-color: var(--primary); background: #F3E8FF; }\n\n        .fab-btn {\n            position: fixed; bottom: 90px; right: 20px;\n            width: 60px; height: 60px; border-radius: 50%;\n            background: linear-gradient(135deg, var(--primary), var(--primary-dark));\n            color: white; border: none;\n            box-shadow: 0 10px 25px rgba(139, 95, 191, 0.4);\n            display: flex; align-items: center; justify-content: center;\n            font-size: 1.5rem; cursor: pointer; z-index: 80; transition: all 0.3s;\n        }\n        .fab-btn:hover { transform: scale(1.1) rotate(90deg); box-shadow: 0 15px 30px rgba(139, 95, 191, 0.6); }\n\n        .modal-overlay#addedModal { align-items: center; justify-content: center; background: rgba(0,0,0,0.7); }\n        .modal-container#addedModalContainer {\n            width: 300px; height: auto; border-radius: 20px;\n            animation: popIn 0.5s; max-height: 400px;\n        }\n        @keyframes popIn {\n            0% { transform: scale(0.5); opacity: 0; }\n            70% { transform: scale(1.1); }\n            100% { transform: scale(1); opacity: 1; }\n        }\n\n        @media (max-width: 480px) {\n            .store-info-card { margin: -40px 15px 0; padding: 15px 12px 12px; }\n            .store-logo { width: 60px; height: 60px; margin-top: -35px; }\n            .nav-chip { padding: 8px 15px; font-size: 0.85rem; }\n            .category-banner { height: 120px; }\n            .section-title { font-size: 1.5rem; }\n        }\n\n        @keyframes fadeInUp {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n        .animate-fadeInUp { animation: fadeInUp 0.5s ease-out; }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"app-shell\">\n    <header class=\"hero-container\">\n        <div class=\"hero-banner-img\"><\/div>\n        \n        <div class=\"store-info-card\">\n            <div class=\"store-logo\">\n                <img decoding=\"async\" src=\"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/Captura-de-tela-2025-11-21-202832.png\" alt=\"Logo\">\n            <\/div>\n            <div class=\"store-title\">\n                <h1>Conveni\u00eancia da Adriana<\/h1>\n            <\/div>\n            <div class=\"store-welcome\">\n                Bem Vindo a Conveni\u00eancia da Adriana \ud83d\ude42\n            <\/div>\n            <div class=\"store-rating\">\n                <i class=\"fas fa-star\"><\/i>\n                <i class=\"fas fa-star\"><\/i>\n                <i class=\"fas fa-star\"><\/i>\n                <i class=\"fas fa-star\"><\/i>\n                <i class=\"fas fa-star\"><\/i>\n                <span style=\"color:#666; margin-left:4px;\">(5.0)<\/span>\n            <\/div>\n            \n            <div class=\"status-badges\">\n                <div class=\"badge badge-open\">\n                    <span class=\"pulse-dot bg-green\"><\/span>\n                    Online \u2022 Atendendo agora\n                <\/div>\n                <div class=\"badge badge-promo\">\n                    <i class=\"fas fa-motorcycle\"><\/i>\n                    Entrega Gr\u00e1tis acima de R$ 10\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <nav class=\"nav-wrapper\">\n        <div class=\"nav-scroll\">\n            <div class=\"nav-chip active\" onclick=\"scrollToSec('sec-acai', this)\">\n                <i class=\"fas fa-ice-cream\"><\/i> A\u00e7ai Natura, Ninho & Cupua\u00e7u\n            <\/div>\n            \n            <div class=\"nav-chip\" onclick=\"scrollToSec('sec-acai_trad', this)\">\n                <i class=\"fas fa-bowl-food\"><\/i> A\u00e7ai Tradicional\n            <\/div>\n            <div class=\"nav-chip\" onclick=\"scrollToSec('sec-cupuacu', this)\">\n                <i class=\"fas fa-seedling\"><\/i> Cupua\u00e7u\n            <\/div>\n            <div class=\"nav-chip\" onclick=\"scrollToSec('sec-picoles', this)\">\n                <i class=\"fas fa-icicles\"><\/i> Picol\u00e9s\n            <\/div>\n            <div class=\"nav-chip\" onclick=\"scrollToSec('sec-sorvetes', this)\">\n                <i class=\"fas fa-birthday-cake\"><\/i> Sorvetes\n            <\/div>\n            <div class=\"nav-chip\" onclick=\"scrollToSec('sec-polpas', this)\">\n                <i class=\"fas fa-blender\"><\/i> Polpas\n            <\/div>\n        <\/div>\n    <\/nav>\n\n    <main class=\"content-area\" id=\"product-root\">\n        <\/main>\n\n    <button class=\"fab-btn\" onclick=\"openWhatsAppDirect()\">\n        <i class=\"fab fa-whatsapp\"><\/i>\n    <\/button>\n\n    <footer class=\"dev-footer\">\n        <span class=\"dev-tag\">Tecnologia<\/span>\n        <p>Quer um app como este para o seu neg\u00f3cio?<\/p>\n        <p style=\"font-size:0.85rem; color:#aaa; margin-top:5px;\">Card\u00e1pios Digitais, Sites e Sistemas.<\/p>\n        <a href=\"https:\/\/wa.me\/5581996969264\" class=\"dev-link\">\n            <i class=\"fab fa-whatsapp\"><\/i> Falar com Darlan\n        <\/a>\n        <div style=\"margin-top:15px; font-size:0.75rem; opacity:0.6;\">\n            Desenvolvido por <strong>Darlan de Santana Barbosa<\/strong>\n        <\/div>\n    <\/footer>\n<\/div>\n\n<div class=\"modal-overlay\" id=\"productModal\">\n    <div class=\"modal-container\">\n        <div class=\"m-header\">\n            <img decoding=\"async\" id=\"mImg\" src=\"\" alt=\"\">\n            <button class=\"m-close\" onclick=\"closeModal()\">&times;<\/button>\n        <\/div>\n        <div class=\"m-content\">\n            <div class=\"m-title\" id=\"mTitle\">Nome do Produto<\/div>\n            <div class=\"m-desc\" id=\"mDesc\">Descri\u00e7\u00e3o do produto<\/div>\n            <div class=\"m-price-tag\" id=\"mPrice\">R$ 0,00<\/div>\n\n            <div id=\"mOptions\"><\/div>\n\n            <div class=\"opt-group\">\n                <div class=\"opt-group-header\">\n                    <span class=\"opt-title\">Observa\u00e7\u00f5es<\/span>\n                <\/div>\n                <textarea class=\"m-obs\" id=\"mObs\" placeholder=\"Ex: Diga se quer o a\u00e7ai mais cremoso ou o tradicional, Caprichar no leite em p\u00f3, tirar a cebola, etc...\"><\/textarea>\n            <\/div>\n        <\/div>\n        <div class=\"m-footer\">\n            <div class=\"qty-ctrl\">\n                <button class=\"qty-btn\" onclick=\"changeQty(-1)\">-<\/button>\n                <div class=\"qty-val\" id=\"mQty\">1<\/div>\n                <button class=\"qty-btn\" onclick=\"changeQty(1)\">+<\/button>\n            <\/div>\n            <button class=\"add-cart-btn\" onclick=\"addToCart()\">\n                <span>Adicionar<\/span>\n                <span id=\"mBtnPrice\">R$ 0,00<\/span>\n            <\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"modal-overlay\" id=\"addedModal\">\n    <div class=\"modal-container\" id=\"addedModalContainer\">\n        <div style=\"padding:30px; text-align:center;\">\n            <div style=\"font-size:3rem; color:var(--success); margin-bottom:15px;\">\n                <i class=\"fas fa-check-circle\"><\/i>\n            <\/div>\n            <h3 style=\"margin-bottom:10px; color:#111;\">Item Adicionado!<\/h3>\n            <p style=\"color:#666; margin-bottom:20px;\">O produto foi adicionado \u00e0 sua sacola.<\/p>\n            <button onclick=\"closeAddedModal()\" style=\"background:var(--primary); color:white; border:none; padding:12px 30px; border-radius:10px; font-weight:700; cursor:pointer;\">\n                Continuar Comprando\n            <\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"cart-float\" id=\"cartFloat\" onclick=\"openCheckout()\">\n    <div style=\"display:flex; align-items:center; gap:10px;\">\n        <div style=\"background:#374151; padding:5px 10px; border-radius:50px; font-weight:700;\" id=\"cartCount\">0<\/div>\n        <span>Ver sacola<\/span>\n    <\/div>\n    <div style=\"font-weight:700;\" id=\"cartTotal\">R$ 0,00<\/div>\n<\/div>\n\n<div class=\"checkout-modal\" id=\"checkoutModal\">\n    <div class=\"chk-header\">\n        <button class=\"chk-back\" onclick=\"closeCheckout()\"><i class=\"fas fa-arrow-left\"><\/i><\/button>\n        <div class=\"chk-title\">Finalizar Pedido<\/div>\n        <button onclick=\"clearCart()\" style=\"margin-left:auto; color:white; border:none; background:none; font-size:0.8rem;\">Limpar<\/button>\n    <\/div>\n    <div class=\"chk-body\">\n        <h3 style=\"margin-bottom:10px;\">Seus itens<\/h3>\n        <div id=\"cartList\"><\/div>\n        \n        <div style=\"display:flex; justify-content:space-between; font-weight:700; font-size:1.1rem; margin:20px 0; border-top:1px dashed #ccc; padding-top:10px;\">\n            <span>Total<\/span>\n            <span id=\"chkTotal\">R$ 0,00<\/span>\n        <\/div>\n\n        <div class=\"form-group\">\n            <label class=\"form-label\">Seu Nome<\/label>\n            <input type=\"text\" id=\"clientName\" class=\"form-input\" placeholder=\"Digite seu nome\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label class=\"form-label\">Entrega ou Retirada?<\/label>\n            <div class=\"radio-option\" onclick=\"selectDelivery('delivery', this)\">\n                <i class=\"fas fa-motorcycle\" style=\"color:var(--primary)\"><\/i>\n                <span>Entrega no Condom\u00ednio<\/span>\n            <\/div>\n            <div class=\"radio-option\" onclick=\"selectDelivery('pickup', this)\">\n                <i class=\"fas fa-store\" style=\"color:var(--primary)\"><\/i>\n                <span>Retirar na Conveni\u00eancia<\/span>\n            <\/div>\n            \n            <div id=\"addressBox\" style=\"display:none; margin-top:10px; background:#F9FAFB; padding:10px; border-radius:8px;\">\n                <label style=\"font-size:0.8rem;\">Endere\u00e7o (Pedra da Lua)<\/label>\n                <div style=\"display:flex; gap:10px;\">\n                    <input type=\"text\" id=\"quadra\" class=\"form-input\" placeholder=\"Quadra\">\n                    <input type=\"text\" id=\"casa\" class=\"form-input\" placeholder=\"Casa\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"form-group\">\n            <label class=\"form-label\">Pagamento<\/label>\n            <div class=\"radio-option\" onclick=\"selectPayment('pix', this)\">\n                <i class=\"fas fa-qrcode\"><\/i> PIX\n            <\/div>\n            <div class=\"radio-option\" onclick=\"selectPayment('cash', this)\">\n                <i class=\"fas fa-money-bill-wave\"><\/i> Dinheiro\n            <\/div>\n            <div class=\"radio-option\" onclick=\"selectPayment('card', this)\">\n                <i class=\"far fa-credit-card\"><\/i> Cart\u00e3o (Maquineta)\n            <\/div>\n            <div id=\"trocoBox\" style=\"display:none; margin-top:10px;\">\n                <input type=\"text\" id=\"trocoInput\" class=\"form-input\" placeholder=\"Troco para quanto?\">\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"chk-footer\">\n        <button class=\"whatsapp-btn\" onclick=\"sendOrder()\">\n            <i class=\"fab fa-whatsapp\"><\/i> Enviar Pedido para WhatsApp\n        <\/button>\n    <\/div>\n<\/div>\n\n<script>\n\/\/ ==========================================\n\/\/ CONFIGURA\u00c7\u00c3O DOS PRODUTOS\n\/\/ ==========================================\n\n\/\/ Lista padr\u00e3o de complementos para A\u00e7a\u00ed e Cupua\u00e7u\nconst toppingsDefault = [\n    { \"name\": \"MM\", \"price\": 0.0, \"image\": null },\n    { \"name\": \"Jujuba\", \"price\": 0.0, \"image\": null },\n    { \"name\": \"Chocoball\", \"price\": 0.0, \"image\": null },\n    { \"name\": \"Banana\", \"price\": 0.0, \"image\": null },\n    { \"name\": \"Pa\u00e7oca\", \"price\": 0.0, \"image\": null },\n    { \"name\": \"Farinha l\u00e1ctea\", \"price\": 0.0, \"image\": null },\n    { \"name\": \"Leite em p\u00f3\", \"price\": 0.0, \"image\": null },\n    { \"name\": \"Leite condensado\", \"price\": 0.0, \"image\": null },\n    { \"name\": \"Cobertura de morango\", \"price\": 0.0, \"image\": null },\n    { \"name\": \"Amendoim triturado\", \"price\": 0.0, \"image\": null }\n];\n\nconst products = {\n  \"acai\": [\n    {\n      \"id\": 1000,\n      \"name\": \"A\u00e7ai Natura - Mais Cremoso - 500ml\",\n      \"price\": 15.0,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/12\/acai-500ml.png\",\n      \"type\": \"toppings\",\n      \"instruction\": \"Escolha abaixo at\u00e9 5 acompanhamentos para o a\u00e7a\u00ed:\",\n      \"max_options\": 5,\n      \"options\": toppingsDefault\n    },\n    {\n      \"id\": 1001,\n      \"name\": \"A\u00e7ai Natura - Mais Cremoso - 300ml\",\n      \"price\": 10.0,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/12\/acai-300-ml.png\",\n      \"type\": \"toppings\",\n      \"instruction\": \"Escolha abaixo at\u00e9 5 acompanhamentos para o a\u00e7a\u00ed:\",\n      \"max_options\": 5,\n      \"options\": toppingsDefault\n    },\n    {\n      \"id\": 1002,\n      \"name\": \"A\u00e7ai Natura - Mais Cremoso - 200ml\",\n      \"price\": 8.0,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/12\/acai-200-ml.png\",\n      \"type\": \"toppings\",\n      \"instruction\": \"Escolha abaixo at\u00e9 5 acompanhamentos para o a\u00e7a\u00ed:\",\n      \"max_options\": 5,\n      \"options\": toppingsDefault\n    },\n    {\n      \"id\": 1003,\n      \"name\": \"A\u00e7ai com Ninho (Trad. ou Natura) 500ml\",\n      \"price\": 15.0,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/12\/acai-ninho-500ml.png\",\n      \"type\": \"toppings\",\n      \"instruction\": \"Escolha at\u00e9 5 acompanhamentos para seu A\u00e7a\u00ed + Ninho:\",\n      \"max_options\": 5,\n      \"options\": toppingsDefault\n    },\n    {\n      \"id\": 1004,\n      \"name\": \"A\u00e7ai com Ninho -Trad. ou Natura- 300ml\",\n      \"price\": 10.0,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/12\/acai-ninho-300ml.png\",\n      \"type\": \"toppings\",\n      \"instruction\": \"Escolha at\u00e9 5 acompanhamentos para seu A\u00e7a\u00ed + Ninho:\",\n      \"max_options\": 5,\n      \"options\": toppingsDefault\n    },\n    {\n      \"id\": 1005,\n      \"name\": \"A\u00e7ai com Ninho -Trad. ou Natura- 200ml\",\n      \"price\": 8.0,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/12\/acai-ninho-200-ml.png\",\n      \"type\": \"toppings\",\n      \"instruction\": \"Escolha at\u00e9 5 acompanhamentos para seu A\u00e7a\u00ed + Ninho:\",\n      \"max_options\": 5,\n      \"options\": toppingsDefault\n    },\n    {\n      \"id\": 1006,\n      \"name\": \"Creme de Ninho 200ml\",\n      \"price\": 8.0,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/12\/Ninho-200ml.png\",\n      \"type\": \"toppings\",\n      \"instruction\": \"Escolha at\u00e9 5 acompanhamentos para seu Creme de Ninho:\",\n      \"max_options\": 5,\n      \"options\": toppingsDefault\n    },\n    {\n      \"id\": 1007,\n      \"name\": \"Creme de Ninho 300ml\",\n      \"price\": 10.0,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/12\/Ninho-300ml.png\",\n      \"type\": \"toppings\",\n      \"instruction\": \"Escolha at\u00e9 5 acompanhamentos para seu Creme de Ninho:\",\n      \"max_options\": 5,\n      \"options\": toppingsDefault\n    },\n    {\n      \"id\": 1008,\n      \"name\": \"Creme de Ninho 500ml\",\n      \"price\": 15.0,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/12\/Ninho-500ml.png\",\n      \"type\": \"toppings\",\n      \"instruction\": \"Escolha at\u00e9 5 acompanhamentos para seu Creme de Ninho:\",\n      \"max_options\": 5,\n      \"options\": toppingsDefault\n    }\n  ],\n  \/\/ ================================================\n  \/\/ NOVA CATEGORIA: A\u00c7A\u00cd TRADICIONAL\n  \/\/ ================================================\n  \"acai_trad\": [\n    {\n      \"id\": 1023,\n      \"name\": \"A\u00e7a\u00ed Tradicional 500ml\",\n      \"price\": 15.0,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2026\/01\/acai-500ml.png\",\n      \"type\": \"toppings\",\n      \"instruction\": \"Escolha abaixo at\u00e9 5 acompanhamentos:\",\n      \"max_options\": 5,\n      \"options\": toppingsDefault\n    },\n    {\n      \"id\": 1024,\n      \"name\": \"A\u00e7a\u00ed Tradicional 300ml\",\n      \"price\": 10.0,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2026\/01\/acai-500ml-2.png\",\n      \"type\": \"toppings\",\n      \"instruction\": \"Escolha abaixo at\u00e9 5 acompanhamentos:\",\n      \"max_options\": 5,\n      \"options\": toppingsDefault\n    },\n    {\n      \"id\": 1025,\n      \"name\": \"A\u00e7a\u00ed Tradicional 200ml\",\n      \"price\": 8.0,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2026\/01\/acai-500ml-3.png\",\n      \"type\": \"toppings\",\n      \"instruction\": \"Escolha abaixo at\u00e9 5 acompanhamentos:\",\n      \"max_options\": 5,\n      \"options\": toppingsDefault\n    }\n  ],\n  \/\/ ================================================\n  \/\/ NOVA CATEGORIA: CUPUA\u00c7U\n  \/\/ ================================================\n  \"cupuacu\": [\n    {\n      \"id\": 1026,\n      \"name\": \"Cupua\u00e7u 500ml\",\n      \"price\": 15.0,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2026\/01\/cupuacu-500.png\",\n      \"type\": \"toppings\",\n      \"instruction\": \"Escolha abaixo at\u00e9 5 acompanhamentos:\",\n      \"max_options\": 5,\n      \"options\": toppingsDefault\n    },\n    {\n      \"id\": 1027,\n      \"name\": \"Cupua\u00e7u 300ml\",\n      \"price\": 10.0,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2026\/01\/cupuacu-300.png\",\n      \"type\": \"toppings\",\n      \"instruction\": \"Escolha abaixo at\u00e9 5 acompanhamentos:\",\n      \"max_options\": 5,\n      \"options\": toppingsDefault\n    },\n    {\n      \"id\": 1028,\n      \"name\": \"Cupua\u00e7u 200ml\",\n      \"price\": 8.0,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2026\/01\/cupuacu-200.png\",\n      \"type\": \"toppings\",\n      \"instruction\": \"Escolha abaixo at\u00e9 5 acompanhamentos:\",\n      \"max_options\": 5,\n      \"options\": toppingsDefault\n    }\n  ],\n  \"picoles\": [\n    {\n      \"id\": 1009,\n      \"name\": \"PICOL\u00c9S COMUNS\",\n      \"price\": 1.0,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/picole-de-gelo.png\",\n      \"type\": \"multi_var\",\n      \"options\": [\n        { \"name\": \"Amendoim\", \"price\": 1.0, \"image\": null },\n        { \"name\": \"Uva\", \"price\": 1.0, \"image\": null },\n        { \"name\": \"C\u00f4co\", \"price\": 1.0, \"image\": null },\n        { \"name\": \"Flocos\", \"price\": 1.0, \"image\": null },\n        { \"name\": \"Chiclete (azul)\", \"price\": 1.0, \"image\": null },\n        { \"name\": \"Leite condensado\", \"price\": 1.0, \"image\": null },\n        { \"name\": \"Morango\", \"price\": 1.0, \"image\": null },\n        { \"name\": \"Chocolate\", \"price\": 1.0, \"image\": null },\n        { \"name\": \"Sonho (Rosa)\", \"price\": 1.0, \"image\": null }\n      ]\n    },\n    {\n      \"id\": 1010,\n      \"name\": \"Picol\u00e9s Zero Lactose\",\n      \"price\": 1.5,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/zero-lactose.png\",\n      \"type\": \"multi_var\",\n      \"options\": [\n        { \"name\": \"Pinta L\u00edngua\", \"price\": 1.5, \"image\": null },\n        { \"name\": \"Tangerina\", \"price\": 1.5, \"image\": null },\n        { \"name\": \"Chiclete\", \"price\": 1.5, \"image\": null }\n      ]\n    },\n    {\n      \"id\": 1011,\n      \"name\": \"Picol\u00e9s Frutas especiais\",\n      \"price\": 2.5,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/Captura-de-tela-2025-11-21-133058.png\",\n      \"type\": \"multi_var\",\n      \"options\": [\n        { \"name\": \"Uva\", \"price\": 2.5, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.06-1.jpeg\" },\n        { \"name\": \"Chapmilk ao leite\", \"price\": 2.5, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.07.jpeg\" },\n        { \"name\": \"Morango\", \"price\": 2.5, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.07-1.jpeg\" },\n        { \"name\": \"Leite condensado\", \"price\": 2.5, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.08.jpeg\" },\n        { \"name\": \"Amendoim\", \"price\": 2.5, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.11.jpeg\" },\n        { \"name\": \"Caj\u00e1\", \"price\": 2.5, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.12.jpeg\" },\n        { \"name\": \"Graviola\", \"price\": 2.5, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.13.jpeg\" },\n        { \"name\": \"Chocolate\", \"price\": 2.5, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.13-1.jpeg\" }\n      ]\n    },\n    {\n      \"id\": 1012,\n      \"name\": \"Picol\u00e9s com cobertura\",\n      \"price\": 5.0,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.22-2.jpeg\",\n      \"type\": \"multi_var\",\n      \"options\": [\n        { \"name\": \"Su\u00ed\u00e7o\", \"price\": 5.0, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.22.jpeg\" },\n        { \"name\": \"Brigadeiro\", \"price\": 5.0, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.26.jpeg\" },\n        { \"name\": \"Morango com cobertura de chocolate branco\", \"price\": 5.0, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.25.jpeg\" },\n        { \"name\": \"Skimo (Nata com cobertura de chocolate)\", \"price\": 5.0, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.29-3.jpeg\" },\n        { \"name\": \"P\u00e9 de moleque\", \"price\": 5.0, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.29-1.jpeg\" },\n        { \"name\": \"Flocky (Nata com cobertura branca e granulado)\", \"price\": 5.0, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.31-3.jpeg\" }\n      ]\n    },\n    {\n      \"id\": 1013,\n      \"name\": \"Picol\u00e9s Supremo's\",\n      \"price\": 6.5,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/picoles_chapinha_lado_a_lado_pequeno.png\",\n      \"type\": \"multi_var\",\n      \"options\": [\n        { \"name\": \"Nata Goiaba\", \"price\": 6.5, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.29.jpeg\" },\n        { \"name\": \"Maracuj\u00e1 com leite condensado\", \"price\": 6.5, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.29-2.jpeg\" },\n        { \"name\": \"Ninho com Creme de Avel\u00e3\", \"price\": 6.5, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.31-2.jpeg\" }\n      ]\n    },\n    {\n      \"id\": 1014,\n      \"name\": \"Din Din Gourmet\",\n      \"price\": 4.0,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/hq720.jpg\",\n      \"type\": \"multi_var\",\n      \"options\": [\n        { \"name\": \"Prest\u00edgio\", \"price\": 4.0, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.17-1.jpeg\" },\n        { \"name\": \"Morango com Nutella\", \"price\": 4.0, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.16-2.jpeg\" },\n        { \"name\": \"Ovomaltine\", \"price\": 4.0, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.17.jpeg\" }\n      ]\n    },\n    {\n      \"id\": 1015,\n      \"name\": \"Dad\u00e1\",\n      \"price\": 2.0,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/Captura-de-tela-2025-11-21-103428.png\",\n      \"type\": \"multi_var\",\n      \"options\": [\n        { \"name\": \"Chiclete (Azul)\", \"price\": 2.0, \"image\": null },\n        { \"name\": \"Morango\", \"price\": 2.0, \"image\": null },\n        { \"name\": \"Uva\", \"price\": 2.0, \"image\": null }\n      ]\n    }\n  ],\n  \"sorvetes\": [\n    {\n      \"id\": 1016,\n      \"name\": \"Moreninha Sorvete\",\n      \"price\": 3.0,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/Captura-de-tela-2025-11-21-105751.png\",\n      \"type\": \"multi_var\",\n      \"options\": [\n        { \"name\": \"Morango\", \"price\": 3.0, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/moreninha-morango.jpg\" },\n        { \"name\": \"Leite condensado\", \"price\": 3.0, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/moreninha-leite-condensado.jpg\" },\n        { \"name\": \"Flocos\", \"price\": 3.0, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/moreninha-flocos.jpg\" },\n        { \"name\": \"Chocolate\", \"price\": 3.0, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/moreninha-chocolate.png\" }\n      ]\n    },\n    {\n      \"id\": 1017,\n      \"name\": \"Sundae Sorvete\",\n      \"price\": 5.5,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.32-3.jpeg\",\n      \"type\": \"multi_var\",\n      \"options\": [\n        { \"name\": \"Morango\", \"price\": 5.5, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.32-2.jpeg\" },\n        { \"name\": \"Chocolate\", \"price\": 5.5, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.32-1.jpeg\" }\n      ]\n    },\n    {\n      \"id\": 1018,\n      \"name\": \"ChapDel\u00edcia Sorvete\",\n      \"price\": 5.5,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/Captura-de-tela-2025-11-21-105446.png\",\n      \"type\": \"multi_var\",\n      \"options\": [\n        { \"name\": \"Pav\u00ea\", \"price\": 5.5, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/pavE.png\" },\n        { \"name\": \"Flocos\", \"price\": 5.5, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/flocos.png\" },\n        { \"name\": \"Chocolate\", \"price\": 5.5, \"image\": null },\n        { \"name\": \"Morango\", \"price\": 5.5, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/morango.png\" }\n      ]\n    },\n    {\n      \"id\": 1019,\n      \"name\": \"Cremosinho\",\n      \"price\": 3.0,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/Captura-de-tela-2025-11-21-110135.png\",\n      \"type\": \"multi_var\",\n      \"options\": [\n        { \"name\": \"Graviola\", \"price\": 3.0, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/Captura-de-tela-2025-11-21-110222.png\" },\n        { \"name\": \"Morango\", \"price\": 3.0, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/Captura-de-tela-2025-11-21-110230.png\" },\n        { \"name\": \"Leite condensado\", \"price\": 3.0, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/Captura-de-tela-2025-11-21-110301.png\" },\n        { \"name\": \"Chiclete (Azul)\", \"price\": 3.0, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/azul.png\" }\n      ]\n    },\n    {\n      \"id\": 1020,\n      \"name\": \"Chamilly (Corneta) Sorvete\",\n      \"price\": 5.5,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-21-at-10.25.18.jpeg\",\n      \"type\": \"multi_var\",\n      \"options\": [\n        { \"name\": \"Nata com morango e biscoito\", \"price\": 5.5, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.00.jpeg\" },\n        { \"name\": \"Brigadeiro\", \"price\": 5.5, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.31-4.jpeg\" }\n      ]\n    },\n    {\n      \"id\": 1021,\n      \"name\": \"Sorvete 2 Litros Pot\u00e3o\",\n      \"price\": 23.0,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/images.jpg\",\n      \"type\": \"multi_var\",\n      \"options\": [\n        { \"name\": \"Nata com Uva\", \"price\": 23.0, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.19.jpeg\" },\n        { \"name\": \"Pav\u00ea\", \"price\": 23.0, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.19-1.jpeg\" },\n        { \"name\": \"Chocolate com Menta\", \"price\": 23.0, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.20.jpeg\" },\n        { \"name\": \"Sonho de amor\", \"price\": 23.0, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.21.jpeg\" },\n        { \"name\": \"Napolitano\", \"price\": 23.0, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.21-1.jpeg\" }\n      ]\n    }\n  ],\n  \"polpas\": [\n    {\n      \"id\": 1022,\n      \"name\": \"Polpas de Fruta 400g\",\n      \"price\": 0.0,\n      \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/Captura-de-tela-2025-11-21-111454.png\",\n      \"type\": \"multi_var\",\n      \"options\": [\n        { \"name\": \"Manga\", \"price\": 6.0, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/Captura-de-tela-2025-11-21-110959.png\" },\n        { \"name\": \"Morango\", \"price\": 12.0, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/Captura-de-tela-2025-11-21-111050.png\" },\n        { \"name\": \"Maracuj\u00e1\", \"price\": 13.0, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/1224e425-ee28-4ff2-a1be-0b792309ddb8.jpg\" },\n        { \"name\": \"Graviola\", \"price\": 9.5, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/Captura-de-tela-2025-11-21-111239.png\" },\n        { \"name\": \"Abacaxi com hortel\u00e3\", \"price\": 6.0, \"image\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-20-at-22.36.35.jpeg\" }\n      ]\n    }\n  ]\n};\n\nconst CATEGORY_IMAGES = {\n    \"acai\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/12\/Design-sem-nome-1.png\",\n    \"acai_trad\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_31wfe831wfe831wf-scaled.png\",\n    \"cupuacu\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_nzgsq4nzgsq4nzgs-scaled.png\",\n    \"picoles\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/12\/Design-sem-nome-8.jpg\",\n    \"sorvetes\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/12\/Design-sem-nome-9.jpg\",\n    \"polpas\": \"https:\/\/meuspedidoz.com.br\/adriana\/wp-content\/uploads\/2025\/12\/Design-sem-nome-10.jpg\"\n};\n\n\/\/ CONSTANTES PARA FORMATA\u00c7\u00c3O\nconst LOJA_NOME = \"Conveni\u00eancia da Adriana\";\nconst LOJA_TELEFONE = \"5581991379658\";\nconst LOJA_TELEFONE_DISPLAY = \"(81) 99137-9658\";\nconst LOJA_ENDERECO = \"Casa 16, quadra 06 - Pedra da Lua\";\n\n\/\/ VARIAVEIS GLOBAIS\nlet cart = [];\nlet currentProduct = null;\nlet currentQty = 1;\nlet currentMode = null;\nlet selDelivery = null;\nlet selPayment = null;\n\nconst DELIVERY_FEE = 2.00;\nconst FREE_DELIVERY_THRESHOLD = 10.00;\n\n\/\/ FUN\u00c7\u00c3O PARA LIMPAR NOMES DE PRODUTOS\nfunction fixProductName(name) {\n    if (!name) return \"\";\n    return name.toString().replace(\/[^\\w\\s\u00e1\u00e9\u00ed\u00f3\u00fa\u00e3\u00f5\u00e2\u00ea\u00ee\u00f4\u00fb\u00e0\u00e8\u00ec\u00f2\u00f9\u00e7\u00f1.,'!?-]\/gi, '').trim();\n}\n\n\/\/ FORMATAR PRE\u00c7O\nfunction fmt(v) { \n    return \"R$ \" + parseFloat(v).toFixed(2).replace(\".\", \",\"); \n}\n\n\/\/ RENDERIZAR PRODUTOS NA TELA\nfunction renderApp() {\n    const root = document.getElementById(\"product-root\");\n    root.innerHTML = \"\";\n\n    const sections = [\n        { \n            key: \"acai\", \n            title: \"A\u00e7a\u00ed, Ninho & Cupua\u00e7u\", \n            sub: \"Monte do seu jeito\",\n            icon: \"\ud83e\udd63\"\n        },\n        \/\/ NOVAS SESS\u00d5ES\n        { \n            key: \"acai_trad\", \n            title: \"A\u00e7a\u00ed Tradicional\", \n            sub: \"O puro sabor do a\u00e7a\u00ed\",\n            icon: \"\ud83d\udfe3\"\n        },\n        { \n            key: \"cupuacu\", \n            title: \"Cupua\u00e7u\", \n            sub: \"Del\u00edcia da Amaz\u00f4nia\",\n            icon: \"\ud83c\udf48\"\n        },\n        \/\/ FIM NOVAS SESS\u00d5ES\n        { \n            key: \"picoles\", \n            title: \"Picol\u00e9s\", \n            sub: \"Refrescantes e geladinhos\",\n            icon: \"\ud83c\udf61\"\n        },\n        { \n            key: \"sorvetes\", \n            title: \"Sorvetes\", \n            sub: \"Cremosidade pura\",\n            icon: \"\ud83c\udf66\"\n        },\n        { \n            key: \"polpas\", \n            title: \"Polpas de Fruta\", \n            sub: \"Para sucos e vitaminas\",\n            icon: \"\ud83c\udf79\"\n        }];\n\n    sections.forEach(sec => {\n        const list = products[sec.key];\n        if(!list || list.length === 0) return;\n\n        const sectionEl = document.createElement(\"div\");\n        sectionEl.className = \"category-section animate-fadeInUp\";\n        sectionEl.id = \"sec-\" + sec.key;\n\n        const bannerUrl = CATEGORY_IMAGES[sec.key] || \"https:\/\/via.placeholder.com\/600x150\";\n        \n        let html = `\n            <div class=\"category-banner\">\n                <img decoding=\"async\" src=\"${bannerUrl}\" alt=\"${sec.title}\" \n                     onerror=\"this.src='https:\/\/via.placeholder.com\/600x150?text=${encodeURIComponent(sec.title)}'\">\n            <\/div>\n            <div class=\"section-header\">\n                <div class=\"section-title\">\n                    ${sec.icon} ${sec.title} ${sec.icon}\n                <\/div>\n                <div class=\"section-subtitle\">${sec.sub}<\/div>\n            <\/div>\n        `;\n\n        list.forEach(p => {\n            const safeName = fixProductName(p.name);\n\n            \/\/ Pre\u00e7o display\n            let displayPrice = \"\";\n            if (p.type === \"multi_var\" && p.options && p.options.length > 0) {\n                const prices = p.options.map(o => o.price).filter(price => price > 0);\n                if (prices.length > 0) {\n                    const min = Math.min(...prices);\n                    displayPrice = \"A partir de \" + fmt(min);\n                } else {\n                    displayPrice = \"Escolha o sabor\";\n                }\n            } else {\n                displayPrice = fmt(p.price || 0);\n            }\n\n            html += `\n                <div class=\"product-card\" data-category=\"${sec.key}\" data-id=\"${p.id}\">\n                    <div class=\"p-info\">\n                        <div class=\"p-title\">${safeName}<\/div>\n                        <div class=\"p-desc\">${p.instruction || \"Toque para ver op\u00e7\u00f5es\"}<\/div>\n                        <div class=\"p-footer\">\n                            <div class=\"p-price\">${displayPrice}<\/div>\n                            <div class=\"p-add-text\">\n                                <i class=\"fas fa-plus-circle\"><\/i> Adicionar\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-img-box\">\n                        <img decoding=\"async\" src=\"${p.image}\" alt=\"${safeName}\" \n                             onerror=\"this.src='https:\/\/via.placeholder.com\/300x300?text=${encodeURIComponent(safeName.substring(0,20))}'\">\n                    <\/div>\n                <\/div>\n            `;\n        });\n\n        sectionEl.innerHTML = html;\n        root.appendChild(sectionEl);\n    });\n\n    attachProductCardEvents();\n}\n\n\/\/ Liga os eventos de clique nos cards ap\u00f3s renderizar\nfunction attachProductCardEvents() {\n    const cards = document.querySelectorAll(\".product-card\");\n    cards.forEach(card => {\n        card.addEventListener(\"click\", onProductCardClick);\n    });\n}\n\nfunction onProductCardClick(e) {\n    const card = e.currentTarget;\n    const category = card.getAttribute(\"data-category\");\n    const id = parseInt(card.getAttribute(\"data-id\"), 10);\n\n    const list = products[category] || [];\n    const prod = list.find(p => p.id === id);\n\n    if (prod) {\n        openModal(prod, category);\n    } else {\n        console.error(\"Produto n\u00e3o encontrado para\", category, id);\n    }\n}\n\n\/\/ SCROLL SUAVE MENU\nfunction scrollToSec(id, el) {\n    document.querySelectorAll(\".nav-chip\").forEach(c => c.classList.remove(\"active\"));\n    el.classList.add(\"active\");\n    const sec = document.getElementById(id);\n    if(sec) {\n        window.scrollTo({\n            top: sec.offsetTop - 140,\n            behavior: \"smooth\"\n        });\n    }\n}\n\n\/\/ ABRIR MODAL\nfunction openModal(prod, key) {\n    try {\n        currentProduct = JSON.parse(JSON.stringify(prod));\n        currentQty = 1;\n        currentMode = prod.type;\n\n        const productImage = prod.image || \"https:\/\/via.placeholder.com\/300x300?text=Produto\";\n        \n        document.getElementById(\"mImg\").src = productImage;\n        document.getElementById(\"mTitle\").innerText = fixProductName(prod.name);\n        document.getElementById(\"mDesc\").innerText = prod.instruction || \"Personalize seu pedido abaixo.\";\n        document.getElementById(\"mQty\").innerText = \"1\";\n        document.getElementById(\"mObs\").value = \"\";\n\n        const container = document.getElementById(\"mOptions\");\n        container.innerHTML = \"\";\n\n        if(prod.options && prod.options.length > 0) {\n            const isMulti = (currentMode === \"multi_var\");\n            const isTopping = (currentMode === \"toppings\");\n            \n            let headerText = isTopping ? \"Escolha os acompanhamentos\" : \"Escolha o sabor\/item\";\n            let badgeText = isTopping ? `At\u00e9 ${prod.max_options || 5} gr\u00e1tis` : \"Escolha uma op\u00e7\u00e3o\";\n\n            const grp = document.createElement(\"div\");\n            grp.className = \"opt-group\";\n            grp.innerHTML = `\n                <div class=\"opt-group-header\">\n                    <span class=\"opt-title\">${headerText}<\/span>\n                    <span class=\"opt-badge\">${badgeText}<\/span>\n                <\/div>\n            `;\n            \n            prod.options.forEach((opt, idx) => {\n                const row = document.createElement(\"div\");\n                row.className = \"tech-option\";\n                row.onclick = () => toggleOption(row, isMulti, prod.max_options);\n\n                const imgHtml = opt.image ? `<img decoding=\"async\" src=\"${opt.image}\" class=\"tech-img\" onerror=\"this.src='https:\/\/via.placeholder.com\/100x100?text=Op\u00e7\u00e3o'\">` : `<div class=\"tech-img\"><\/div>`;\n                const priceHtml = (opt.price > 0 && isMulti) ? `+ ${fmt(opt.price)}` : \"Gr\u00e1tis\";\n                \n                row.innerHTML = `\n                    <div class=\"tech-info\">\n                        ${imgHtml}\n                        <div>\n                            <div class=\"tech-name\">${fixProductName(opt.name)}<\/div>\n                            <div class=\"tech-price\">${priceHtml}<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"check-icon\"><i class=\"fas fa-check\"><\/i><\/div>\n                    <input type=\"checkbox\" class=\"tech-input\" value=\"${fixProductName(opt.name)}\" data-price=\"${opt.price || 0}\">\n                `;\n                grp.appendChild(row);\n            });\n            container.appendChild(grp);\n        } else {\n            container.innerHTML = `<div style=\"text-align:center; padding:20px; color:#666;\">\n                <i class=\"fas fa-info-circle\" style=\"font-size:2rem; margin-bottom:10px; display:block;\"><\/i>\n                <p>Este produto n\u00e3o requer personaliza\u00e7\u00e3o.<\/p>\n            <\/div>`;\n        }\n\n        updateTotalModal();\n        document.getElementById(\"productModal\").classList.add(\"open\");\n    } catch (error) {\n        console.error(\"Erro ao abrir modal:\", error);\n        alert(\"Desculpe, houve um erro ao carregar este produto.\");\n    }\n}\n\nfunction closeModal() {\n    document.getElementById(\"productModal\").classList.remove(\"open\");\n}\n\nfunction toggleOption(row, isMulti, max) {\n    const input = row.querySelector(\"input\");\n    const container = row.parentElement;\n    \n    if(!isMulti && !row.classList.contains(\"selected\")) {\n        const selecteds = container.querySelectorAll(\".tech-option.selected\").length;\n        if(selecteds >= (max || 5)) {\n            alert(`M\u00e1ximo de ${max || 5} op\u00e7\u00f5es.`);\n            return;\n        }\n    }\n\n    row.classList.toggle(\"selected\");\n    input.checked = row.classList.contains(\"selected\");\n    \n    updateTotalModal();\n}\n\nfunction changeQty(d) {\n    if(currentQty + d >= 1) {\n        currentQty += d;\n        document.getElementById(\"mQty\").innerText = currentQty;\n        updateTotalModal();\n    }\n}\n\nfunction updateTotalModal() {\n    let total = 0;\n    \n    if(currentMode === \"multi_var\") {\n        const checked = document.querySelectorAll(\".tech-input:checked\");\n        checked.forEach(chk => {\n            total += parseFloat(chk.getAttribute(\"data-price\")) || 0;\n        });\n        \n        if (checked.length === 0 && currentProduct && currentProduct.price) {\n            total = currentProduct.price;\n        }\n    } else {\n        total = currentProduct.price || 0;\n    }\n    \n    const final = total * currentQty;\n    document.getElementById(\"mPrice\").innerText = fmt(final);\n    document.getElementById(\"mBtnPrice\").innerText = fmt(final);\n}\n\nfunction showAddedModal() {\n    document.getElementById(\"addedModal\").classList.add(\"open\");\n    setTimeout(() => {\n        closeAddedModal();\n    }, 2000);\n}\n\nfunction closeAddedModal() {\n    document.getElementById(\"addedModal\").classList.remove(\"open\");\n}\n\nfunction addToCart() {\n    try {\n        const inputs = document.querySelectorAll(\".tech-input:checked\");\n        \n        if(currentMode === \"multi_var\" && inputs.length === 0 && currentProduct.options && currentProduct.options.length > 0) {\n            alert(\"Selecione pelo menos uma op\u00e7\u00e3o.\");\n            return;\n        }\n\n        let itemPrice = 0;\n        let optsNames = [];\n\n        if(currentMode === \"multi_var\") {\n            inputs.forEach(i => {\n                itemPrice += parseFloat(i.getAttribute(\"data-price\")) || 0;\n                optsNames.push(i.value);\n            });\n            \n            if (itemPrice === 0 && currentProduct.price) {\n                itemPrice = currentProduct.price;\n            }\n        } else {\n            itemPrice = currentProduct.price || 0;\n            inputs.forEach(i => optsNames.push(i.value));\n        }\n\n        cart.push({\n            name: fixProductName(currentProduct.name),\n            price: itemPrice,\n            qty: currentQty,\n            opts: optsNames,\n            obs: document.getElementById(\"mObs\").value,\n            image: currentProduct.image || \"https:\/\/via.placeholder.com\/100x100?text=Produto\"\n        });\n\n        closeModal();\n        updateCartUI();\n        showAddedModal();\n    } catch (error) {\n        console.error(\"Erro ao adicionar ao carrinho:\", error);\n        alert(\"Erro ao adicionar item ao carrinho.\");\n    }\n}\n\nfunction updateCartUI() {\n    const float = document.getElementById(\"cartFloat\");\n    if(cart.length > 0) {\n        float.classList.add(\"show\");\n        const total = cart.reduce((acc, i) => acc + (i.price * i.qty), 0);\n        document.getElementById(\"cartTotal\").innerText = fmt(total);\n        document.getElementById(\"cartCount\").innerText = cart.length;\n    } else {\n        float.classList.remove(\"show\");\n    }\n}\n\nfunction openCheckout() {\n    if (cart.length === 0) {\n        alert(\"Seu carrinho est\u00e1 vazio!\");\n        return;\n    }\n    \n    const list = document.getElementById(\"cartList\");\n    list.innerHTML = \"\";\n    let total = 0;\n\n    cart.forEach((item, idx) => {\n        const t = item.price * item.qty;\n        total += t;\n        \n        const itemImage = item.image || \"https:\/\/via.placeholder.com\/100x100?text=Produto\";\n        \n        list.innerHTML += `\n            <div class=\"cart-item\">\n                <img decoding=\"async\" src=\"${itemImage}\" class=\"cart-item-img\" onerror=\"this.src='https:\/\/via.placeholder.com\/100x100?text=Produto'\">\n                <div class=\"cart-item-info\">\n                    <div class=\"cart-item-title\">${item.qty}x ${item.name}<\/div>\n                    ${item.opts.length > 0 ? `<div class=\"cart-item-opts\">${item.opts.join(\", \")}<\/div>` : ''}\n                    ${item.obs ? `<div style=\"font-size:0.75rem; color:blue;\">Obs: ${item.obs}<\/div>` : \"\"}\n                    <div class=\"cart-item-price\">${fmt(t)}<\/div>\n                <\/div>\n                <div class=\"cart-remove\" onclick=\"removeCart(${idx})\">Remover<\/div>\n            <\/div>\n        `;\n    });\n\n    document.getElementById(\"chkTotal\").innerText = fmt(total);\n    document.getElementById(\"checkoutModal\").classList.add(\"open\");\n    \n    selDelivery = null;\n    selPayment = null;\n    document.querySelectorAll(\".radio-option\").forEach(r => r.classList.remove(\"selected\"));\n    document.getElementById(\"addressBox\").style.display = \"none\";\n    document.getElementById(\"trocoBox\").style.display = \"none\";\n}\n\nfunction closeCheckout() { \n    document.getElementById(\"checkoutModal\").classList.remove(\"open\"); \n}\n\nfunction removeCart(i) { \n    cart.splice(i, 1); \n    updateCartUI(); \n    openCheckout(); \n    if(cart.length === 0) closeCheckout(); \n}\n\nfunction clearCart() { \n    if (confirm(\"Tem certeza que deseja limpar todo o carrinho?\")) {\n        cart = []; \n        updateCartUI(); \n        closeCheckout(); \n    }\n}\n\nfunction selectDelivery(type, el) {\n    const deliveryOptions = el.parentElement.querySelectorAll(\".radio-option\");\n    deliveryOptions.forEach(r => r.classList.remove(\"selected\"));\n    \n    selDelivery = type;\n    el.classList.add(\"selected\");\n\n    const box = document.getElementById(\"addressBox\");\n    if(type === 'delivery') {\n        box.style.display = \"block\";\n    } else {\n        box.style.display = \"none\";\n    }\n}\n\nfunction selectPayment(type, el) {\n    const paymentOptions = el.parentElement.querySelectorAll(\".radio-option\");\n    paymentOptions.forEach(r => r.classList.remove(\"selected\"));\n    \n    selPayment = type;\n    el.classList.add(\"selected\");\n    \n    const box = document.getElementById(\"trocoBox\");\n    if(type === 'cash') {\n        box.style.display = \"block\";\n    } else {\n        box.style.display = \"none\";\n    }\n}\n\nfunction sendOrder() {\n    const nome = document.getElementById(\"clientName\").value.trim();\n    if(!nome) {\n        alert(\"Por favor, informe seu nome.\");\n        document.getElementById(\"clientName\").focus();\n        return;\n    }\n    \n    if(!selDelivery) {\n        alert(\"Selecione a forma de entrega.\");\n        return;\n    }\n    \n    if(!selPayment) {\n        alert(\"Selecione a forma de pagamento.\");\n        return;\n    }\n    \n    let subtotal = cart.reduce((acc, i) => acc + (i.price * i.qty), 0);\n    let taxa = 0;\n    \n    let addressTxt = \"\";\n    if(selDelivery === 'delivery') {\n        const q = document.getElementById(\"quadra\").value.trim();\n        const c = document.getElementById(\"casa\").value.trim();\n        if(!q || !c) { \n            alert(\"Para entrega, informe Quadra e Casa.\"); \n            return; \n        }\n        addressTxt = `Quadra ${q}, Casa ${c}`;\n        \n        if(subtotal < FREE_DELIVERY_THRESHOLD) {\n            taxa = DELIVERY_FEE;\n        }\n    } else {\n        addressTxt = \"Retirada na Loja\";\n    }\n\n    const totalFinal = subtotal + taxa;\n\n    let msg = `*${LOJA_NOME}* \ud83c\udfea\\n`;\n    msg += `\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\\n`;\n    msg += `\ud83d\udccb *NOVO PEDIDO* \ud83d\udccb\\n`;\n    msg += `\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\\n\\n`;\n    \n    msg += `\ud83d\udc64 *CLIENTE:* ${nome}\\n`;\n    msg += `\ud83d\udcde *CONTATO:* [Cliente pediu pelo App]\\n`;\n    msg += `\u23f0 *HOR\u00c1RIO:* ${new Date().toLocaleString('pt-BR')}\\n`;\n    msg += `\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\\n\\n`;\n    \n    msg += `\ud83d\udce6 *ITENS DO PEDIDO:*\\n`;\n    msg += `\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\\n`;\n    \n    cart.forEach((item, idx) => {\n        msg += `\\n${idx+1}. *${item.qty}x ${item.name}*\\n`;\n        msg += `   \u2514\u2500 \ud83d\udcb0 *Valor unit\u00e1rio:* ${fmt(item.price)}\\n`;\n        \n        if(item.opts.length > 0) {\n            msg += `   \u2514\u2500 \ud83c\udfa8 *Personaliza\u00e7\u00f5es:*\\n`;\n            item.opts.forEach(opt => {\n                msg += `      \u2022 ${opt}\\n`;\n            });\n        }\n        \n        if(item.obs) {\n            msg += `   \u2514\u2500 \ud83d\udcdd *Observa\u00e7\u00e3o:* ${item.obs}\\n`;\n        }\n        \n        msg += `   \u2514\u2500 \ud83d\udcb5 *Subtotal:* ${fmt(item.price * item.qty)}\\n`;\n        msg += `   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\\n`;\n    });\n    \n    msg += `\\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\\n`;\n    msg += `\ud83d\udcb0 *RESUMO DO VALOR*\\n`;\n    msg += `\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\\n`;\n    msg += `\ud83d\udce6 Subtotal dos itens: ${fmt(subtotal)}\\n`;\n    \n    if(selDelivery === 'delivery') {\n        if(taxa > 0) {\n            msg += `\ud83d\udef5 Taxa de entrega: ${fmt(taxa)}\\n`;\n        } else {\n            msg += `\ud83d\udef5 *Entrega GR\u00c1TIS* \ud83c\udf89\\n`;\n        }\n    }\n    \n    msg += `\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\\n`;\n    msg += `\ud83d\udcb0 *TOTAL FINAL:* ${fmt(totalFinal)}\\n`;\n    msg += `\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\\n\\n`;\n    \n    msg += `\ud83d\ude9a *TIPO DE ENTREGA:*\\n`;\n    msg += `\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\\n`;\n    if(selDelivery === 'delivery') {\n        msg += `\ud83d\udccd *ENTREGA NO CONDOM\u00cdNIO*\\n`;\n        msg += `\ud83c\udfe0 Endere\u00e7o: ${addressTxt}\\n`;\n        msg += `\ud83d\uddfa\ufe0f Local: ${LOJA_ENDERECO}\\n`;\n    } else {\n        msg += `\ud83c\udfea *RETIRADA NA LOJA*\\n`;\n        msg += `\ud83d\udccd ${LOJA_ENDERECO}\\n`;\n    }\n    \n    msg += `\\n\ud83d\udcb3 *FORMA DE PAGAMENTO:*\\n`;\n    msg += `\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\\n`;\n    \n    switch(selPayment) {\n        case 'pix':\n            msg += `\ud83d\udcf1 *PIX*\\n`;\n            msg += `\ud83d\udcb0 Valor a pagar: ${fmt(totalFinal)}\\n`;\n            msg += `\ud83d\udd11 Chave PIX: ${LOJA_TELEFONE_DISPLAY}\\n`;\n            break;\n        case 'cash':\n            msg += `\ud83d\udcb5 *DINHEIRO*\\n`;\n            const troco = document.getElementById(\"trocoInput\").value.trim();\n            if(troco) {\n                msg += `\ud83d\udcb0 Troco para: R$ ${troco.replace(',', '.')}\\n`;\n            }\n            msg += `\ud83d\udcb2 Valor da compra: ${fmt(totalFinal)}\\n`;\n            break;\n        case 'card':\n            msg += `\ud83d\udcb3 *CART\u00c3O (Maquineta)*\\n`;\n            msg += `\ud83d\udcb0 Valor: ${fmt(totalFinal)}\\n`;\n            break;\n    }\n    \n    msg += `\\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\\n`;\n    msg += `\ud83d\udcf1 *PEDIDO FEITO PELO APP*\\n`;\n    msg += `\u2728 *Agradecemos pela prefer\u00eancia!*\\n`;\n    msg += `\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\\n`;\n    msg += `\u23f3 Tempo estimado: 20-40min\\n`;\n    msg += `\ud83d\udcde D\u00favidas: ${LOJA_TELEFONE_DISPLAY}\\n`;\n\n    const url = `https:\/\/wa.me\/${LOJA_TELEFONE}?text=${encodeURIComponent(msg)}`;\n    window.open(url, \"_blank\");\n    \n    setTimeout(() => {\n        cart = [];\n        updateCartUI();\n        closeCheckout();\n        alert(\"Pedido enviado com sucesso! Verifique seu WhatsApp.\");\n    }, 1000);\n}\n\nfunction openWhatsAppDirect() {\n    const msg = `Ol\u00e1 ${LOJA_NOME}! Gostaria de fazer um pedido.`;\n    window.open(`https:\/\/wa.me\/${LOJA_TELEFONE}?text=${encodeURIComponent(msg)}`, \"_blank\");\n}\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    renderApp();\n    \n    document.addEventListener('keydown', function(e) {\n        if (e.key === 'Escape') {\n            closeModal();\n            closeCheckout();\n            closeAddedModal();\n        }\n    });\n    \n    setTimeout(() => {\n        document.querySelectorAll('.product-card').forEach((card, index) => {\n            card.style.animationDelay = `${index * 0.05}s`;\n        });\n    }, 500);\n});\n\nwindow.openModal = openModal;\nwindow.closeModal = closeModal;\nwindow.addToCart = addToCart;\nwindow.openCheckout = openCheckout;\nwindow.closeCheckout = closeCheckout;\nwindow.sendOrder = sendOrder;\nwindow.clearCart = clearCart;\nwindow.removeCart = removeCart;\nwindow.selectDelivery = selectDelivery;\nwindow.selectPayment = selectPayment;\nwindow.openWhatsAppDirect = openWhatsAppDirect;\nwindow.changeQty = changeQty;\nwindow.scrollToSec = scrollToSec;\nwindow.closeAddedModal = closeAddedModal;\n\n<\/script>\n<\/body>\n<\/html><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/meuspedidoz.com.br\/adriana\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meuspedidoz.com.br\/adriana\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/meuspedidoz.com.br\/adriana\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/meuspedidoz.com.br\/adriana\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/meuspedidoz.com.br\/adriana\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":10,"href":"https:\/\/meuspedidoz.com.br\/adriana\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":514,"href":"https:\/\/meuspedidoz.com.br\/adriana\/wp-json\/wp\/v2\/pages\/25\/revisions\/514"}],"wp:attachment":[{"href":"https:\/\/meuspedidoz.com.br\/adriana\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}