{"id":60418,"date":"2026-04-03T12:03:35","date_gmt":"2026-04-03T12:03:35","guid":{"rendered":"https:\/\/www.greenpeace.org\/africa\/?page_id=60418"},"modified":"2026-06-29T13:02:55","modified_gmt":"2026-06-29T13:02:55","slug":"plastic-audit-supermarket-edition","status":"publish","type":"page","link":"https:\/\/www.greenpeace.org\/africa\/en\/plastic-audit-supermarket-edition\/","title":{"rendered":"Plastic Audit: Supermarket Edition"},"content":{"rendered":"\n<style>\n    \/* FORCEFUL FULL-SCREEN OVERRIDES *\/\n    .plastic-audit-container,\n    .plastic-audit-container *,\n    .plastic-audit-container *::before,\n    .plastic-audit-container *::after {\n        box-sizing: border-box !important;\n    }\n\n    .plastic-audit-container {\n        --gp-green: #198038;\n        --gp-green-dark: #0d5c26;\n        --gp-green-light: #66d19e;\n        --plastic-orange: #ff6b35;\n        --plastic-red: #d62839;\n        --warning-yellow: #ffc914;\n        --ocean-blue: #1a5f7a;\n        --sand: #f5f0e8;\n        --charcoal: #1a1a1a;\n        --plastic-texture: repeating-linear-gradient(\n            45deg,\n            transparent,\n            transparent 2px,\n            rgba(255,255,255,0.03) 2px,\n            rgba(255,255,255,0.03) 4px\n        );\n        \n        \/* FORCE FULL SCREEN *\/\n        position: fixed !important;\n        top: 0 !important;\n        left: 0 !important;\n        right: 0 !important;\n        bottom: 0 !important;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-width: 100vw !important;\n        max-height: 100vh !important;\n        min-width: 100vw !important;\n        min-height: 100vh !important;\n        margin: 0 !important;\n        padding: 0 !important;\n        z-index: 999999 !important;\n        overflow: auto !important;\n        \n        font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;\n        background: var(--sand) !important;\n        color: var(--charcoal) !important;\n    }\n\n    \/* Reset any inherited styles *\/\n    .plastic-audit-container div,\n    .plastic-audit-container span,\n    .plastic-audit-container p,\n    .plastic-audit-container h1,\n    .plastic-audit-container h2,\n    .plastic-audit-container h3,\n    .plastic-audit-container button,\n    .plastic-audit-container a {\n        margin: 0;\n        padding: 0;\n        border: none;\n        font-size: inherit;\n        font-family: inherit;\n        line-height: inherit;\n        text-decoration: none;\n        background: transparent;\n    }\n\n    \/* Intro Screen *\/\n    .pa-intro-screen {\n        position: fixed !important;\n        top: 0 !important;\n        left: 0 !important;\n        right: 0 !important;\n        bottom: 0 !important;\n        width: 100vw !important;\n        height: 100vh !important;\n        background: linear-gradient(to bottom, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.75) 100%), url('https:\/\/www.greenpeace.org\/static\/planet4-africa-stateless\/2026\/04\/d34b1551-gp0su6sld.jpg') center center \/ cover no-repeat !important;\n        z-index: 1000000 !important;\n        display: flex !important;\n        flex-direction: column !important;\n        align-items: center !important;\n        justify-content: center !important;\n        padding: 2rem !important;\n        transition: opacity 0.8s ease, transform 0.8s ease !important;\n    }\n\n    .pa-intro-screen.hidden {\n        opacity: 0 !important;\n        pointer-events: none !important;\n        transform: scale(1.1) !important;\n    }\n\n    .pa-intro-content {\n        max-width: 600px !important;\n        text-align: center !important;\n        width: 100% !important;\n    }\n\n    .pa-intro-badge {\n        display: block !important;\n        margin-bottom: 2rem !important;\n    }\n\n    .pa-intro-badge img {\n        height: 48px !important;\n        width: auto !important;\n        display: block !important;\n        margin: 0 auto !important;\n    }\n\n    .pa-intro-title {\n        font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif !important;\n        font-size: clamp(2.5rem, 8vw, 4.5rem) !important;\n        font-weight: 700 !important;\n        color: white !important;\n        line-height: 1.1 !important;\n        margin-bottom: 1.5rem !important;\n    }\n\n    .pa-intro-title span {\n        color: var(--plastic-orange) !important;\n    }\n\n    .pa-intro-subtitle {\n        font-size: 1.2rem !important;\n        color: rgba(255,255,255,0.7) !important;\n        line-height: 1.6 !important;\n        margin-bottom: 3rem !important;\n    }\n\n    .pa-start-btn {\n        background: var(--gp-green) !important;\n        color: white !important;\n        border: none !important;\n        padding: 1.2rem 3rem !important;\n        font-size: 1.1rem !important;\n        font-weight: 700 !important;\n        font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif !important;\n        border-radius: 60px !important;\n        cursor: pointer !important;\n        transition: all 0.3s ease !important;\n        position: relative !important;\n        overflow: hidden !important;\n    }\n\n    .pa-start-btn:hover {\n        background: var(--gp-green-dark) !important;\n        transform: scale(1.05) !important;\n        box-shadow: 0 20px 40px rgba(25, 128, 56, 0.3) !important;\n    }\n\n    .pa-start-btn::after {\n        content: '\u2192' !important;\n        margin-left: 0.5rem !important;\n        transition: transform 0.3s ease !important;\n        display: inline-block !important;\n    }\n\n    .pa-start-btn:hover::after {\n        transform: translateX(5px) !important;\n    }\n\n    \/* Main Container *\/\n    .pa-main-container {\n        display: none !important;\n        width: 100% !important;\n        min-height: 100vh !important;\n    }\n\n    .pa-main-container.active {\n        display: block !important;\n    }\n\n    \/* Header *\/\n    .pa-header {\n        background: white !important;\n        padding: 1rem 2rem !important;\n        display: flex !important;\n        justify-content: space-between !important;\n        align-items: center !important;\n        border-bottom: 3px solid var(--charcoal) !important;\n        position: sticky !important;\n        top: 0 !important;\n        z-index: 100 !important;\n        width: 100% !important;\n    }\n\n    .pa-logo {\n        font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif !important;\n        font-weight: 700 !important;\n        font-size: 1.3rem !important;\n        color: var(--gp-green) !important;\n    }\n\n    .pa-plastic-counter {\n        display: flex !important;\n        align-items: center !important;\n        gap: 1rem !important;\n        background: var(--charcoal) !important;\n        color: white !important;\n        padding: 0.8rem 1.5rem !important;\n        border-radius: 50px !important;\n    }\n\n    .pa-counter-label {\n        font-size: 0.75rem !important;\n        text-transform: uppercase !important;\n        letter-spacing: 0.1em !important;\n        opacity: 0.7 !important;\n    }\n\n    .pa-counter-value {\n        font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif !important;\n        font-size: 1.8rem !important;\n        font-weight: 700 !important;\n        color: var(--plastic-orange) !important;\n        min-width: 60px !important;\n        text-align: center !important;\n    }\n\n    \/* Shopping Area *\/\n    .pa-shopping-area {\n        display: grid !important;\n        grid-template-columns: 1fr 380px !important;\n        height: calc(100vh - 80px) !important;\n        width: 100% !important;\n    }\n\n    @media (max-width: 900px) {\n        .pa-shopping-area {\n            grid-template-columns: 1fr !important;\n        }\n    }\n\n    \/* Shelves *\/\n    .pa-shelves {\n        padding: 2rem !important;\n        background: linear-gradient(180deg, rgba(0,0,0,0.02) 0%, transparent 100%), var(--sand) !important;\n        overflow-y: auto !important;\n        height: 100% !important;\n    }\n\n    .pa-aisle-label {\n        font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif !important;\n        font-size: 0.9rem !important;\n        font-weight: 700 !important;\n        text-transform: uppercase !important;\n        letter-spacing: 0.15em !important;\n        color: var(--charcoal) !important;\n        margin-bottom: 1.5rem !important;\n        display: flex !important;\n        align-items: center !important;\n        gap: 1rem !important;\n    }\n\n    .pa-aisle-label::after {\n        content: '' !important;\n        flex: 1 !important;\n        height: 2px !important;\n        background: var(--charcoal) !important;\n        opacity: 0.2 !important;\n    }\n\n    .pa-products-grid {\n        display: grid !important;\n        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;\n        gap: 1.5rem !important;\n        margin-bottom: 3rem !important;\n    }\n\n    \/* Product Card *\/\n    .pa-product-card {\n        background: white !important;\n        border-radius: 16px !important;\n        padding: 1rem !important;\n        cursor: pointer !important;\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n        position: relative !important;\n        border: 2px solid transparent !important;\n    }\n\n    .pa-product-card:hover {\n        transform: translateY(-8px) !important;\n        box-shadow: 0 20px 40px rgba(0,0,0,0.1) !important;\n        border-color: var(--plastic-orange) !important;\n    }\n\n    .pa-product-card.in-cart {\n        opacity: 0.5 !important;\n        pointer-events: none !important;\n    }\n\n    .pa-product-card.in-cart::after {\n        content: '\u2713 In Cart' !important;\n        position: absolute !important;\n        top: 0 !important;\n        left: 0 !important;\n        right: 0 !important;\n        bottom: 0 !important;\n        background: rgba(25, 128, 56, 0.9) !important;\n        color: white !important;\n        display: flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        border-radius: 14px !important;\n        font-weight: 700 !important;\n        font-size: 0.9rem !important;\n    }\n\n    .pa-product-emoji {\n        font-size: 3rem !important;\n        text-align: center !important;\n        margin-bottom: 0.5rem !important;\n        filter: drop-shadow(0 4px 8px rgba(0,0,0,0.1)) !important;\n        display: block !important;\n    }\n\n    .pa-product-name {\n        font-weight: 600 !important;\n        font-size: 0.9rem !important;\n        text-align: center !important;\n        margin-bottom: 0.3rem !important;\n        color: var(--charcoal) !important;\n    }\n\n    .pa-plastic-tag {\n        background: var(--plastic-orange) !important;\n        color: white !important;\n        font-size: 0.65rem !important;\n        font-weight: 700 !important;\n        padding: 0.3rem 0.6rem !important;\n        border-radius: 20px !important;\n        text-transform: uppercase !important;\n        letter-spacing: 0.05em !important;\n        display: block !important;\n        text-align: center !important;\n    }\n\n    .pa-plastic-count-tag {\n        position: absolute !important;\n        top: -8px !important;\n        right: -8px !important;\n        background: var(--plastic-red) !important;\n        color: white !important;\n        width: 28px !important;\n        height: 28px !important;\n        border-radius: 50% !important;\n        display: flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        font-size: 0.75rem !important;\n        font-weight: 700 !important;\n        box-shadow: 0 4px 12px rgba(214, 40, 57, 0.4) !important;\n    }\n\n    \/* Cart Sidebar *\/\n    .pa-cart-sidebar {\n        background: var(--charcoal) !important;\n        color: white !important;\n        padding: 1.25rem !important;\n        display: flex !important;\n        flex-direction: column !important;\n        height: 100% !important;\n        overflow: hidden !important;\n    }\n\n    @media (max-width: 900px) {\n        .pa-cart-sidebar {\n            position: fixed !important;\n            bottom: 0 !important;\n            left: 0 !important;\n            right: 0 !important;\n            top: auto !important;\n            height: auto !important;\n            max-height: 72px !important;\n            overflow: hidden !important;\n            border-radius: 0 !important;\n            z-index: 90 !important;\n            transition: max-height 0.35s cubic-bezier(0.4,0,0.2,1) !important;\n            padding: 0 !important;\n        }\n        .pa-cart-sidebar.expanded {\n            max-height: 80vh !important;\n            border-radius: 20px 20px 0 0 !important;\n        }\n        .pa-cart-mini {\n            display: flex !important;\n            align-items: center !important;\n            justify-content: space-between !important;\n            padding: 0 1.25rem !important;\n            height: 72px !important;\n            flex-shrink: 0 !important;\n            cursor: pointer !important;\n            \/* FIX: ensure the mini bar is above floating elements *\/\n            position: relative !important;\n            z-index: 95 !important;\n        }\n        .pa-cart-mini-left {\n            display: flex !important;\n            align-items: center !important;\n            gap: 0.75rem !important;\n        }\n        .pa-cart-mini-icon {\n            font-size: 1.5rem !important;\n        }\n        .pa-cart-mini-info {\n            display: flex !important;\n            flex-direction: column !important;\n        }\n        .pa-cart-mini-count {\n            font-size: 0.95rem !important;\n            font-weight: 700 !important;\n            color: white !important;\n            line-height: 1.2 !important;\n        }\n        .pa-cart-mini-label {\n            font-size: 0.75rem !important;\n            opacity: 0.65 !important;\n            color: white !important;\n        }\n        .pa-cart-mini-toggle {\n            background: rgba(255,255,255,0.15) !important;\n            border: none !important;\n            color: white !important;\n            font-size: 0.8rem !important;\n            font-weight: 600 !important;\n            padding: 0.4rem 1rem !important;\n            border-radius: 20px !important;\n            cursor: pointer !important;\n            white-space: nowrap !important;\n            \/* FIX: ensure button receives taps *\/\n            position: relative !important;\n            z-index: 96 !important;\n        }\n        .pa-cart-sidebar .pa-cart-header,\n        .pa-cart-sidebar .pa-plastic-pile,\n        .pa-cart-sidebar .pa-cart-items,\n        .pa-cart-sidebar .pa-summary-stats,\n        .pa-cart-sidebar .pa-see-impact-btn {\n            display: none !important;\n        }\n        .pa-cart-sidebar.expanded .pa-cart-header,\n        .pa-cart-sidebar.expanded .pa-plastic-pile,\n        .pa-cart-sidebar.expanded .pa-cart-items,\n        .pa-cart-sidebar.expanded .pa-summary-stats,\n        .pa-cart-sidebar.expanded .pa-see-impact-btn {\n            display: flex !important;\n        }\n        .pa-cart-sidebar.expanded .pa-cart-header {\n            display: block !important;\n            padding: 1.25rem 1.25rem 0 !important;\n        }\n        .pa-cart-sidebar.expanded .pa-cart-items {\n            display: block !important;\n            padding: 0 1.25rem !important;\n        }\n        .pa-cart-sidebar.expanded .pa-summary-stats {\n            display: flex !important;\n            padding: 0 1.25rem !important;\n        }\n        .pa-cart-sidebar.expanded .pa-see-impact-btn {\n            display: block !important;\n            margin: 0 0 1.25rem !important;\n        }\n        .pa-cart-sidebar.expanded .pa-plastic-pile {\n            display: block !important;\n            padding: 0 1.25rem !important;\n        }\n    }\n\n    .pa-cart-header {\n        margin-bottom: 0.75rem !important;\n        flex-shrink: 0 !important;\n    }\n\n    .pa-cart-title {\n        font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif !important;\n        font-size: 1.5rem !important;\n        font-weight: 700 !important;\n        margin-bottom: 0.5rem !important;\n        color: white !important;\n    }\n\n    .pa-cart-subtitle {\n        font-size: 0.9rem !important;\n        opacity: 0.6 !important;\n        color: white !important;\n    }\n\n    .pa-cart-items {\n        flex: 1 !important;\n        min-height: 0 !important;\n        overflow-y: auto !important;\n        margin-bottom: 0.75rem !important;\n    }\n\n    .pa-cart-item {\n        display: flex !important;\n        align-items: center !important;\n        gap: 1rem !important;\n        padding: 1rem !important;\n        padding-right: 3rem !important;\n        background: rgba(255,255,255,0.05) !important;\n        border-radius: 12px !important;\n        margin-bottom: 0.75rem !important;\n        animation: paSlideIn 0.3s ease !important;\n        position: relative !important;\n    }\n\n    .pa-cart-item-remove {\n        position: absolute !important;\n        top: 50% !important;\n        right: 0.75rem !important;\n        transform: translateY(-50%) !important;\n        background: rgba(214, 40, 57, 0.2) !important;\n        border: none !important;\n        color: var(--plastic-red) !important;\n        width: 28px !important;\n        height: 28px !important;\n        border-radius: 50% !important;\n        cursor: pointer !important;\n        font-size: 1rem !important;\n        display: flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        transition: all 0.2s ease !important;\n        opacity: 0.7 !important;\n        padding: 0 !important;\n    }\n\n    .pa-cart-item-remove:hover {\n        background: var(--plastic-red) !important;\n        color: white !important;\n        opacity: 1 !important;\n        transform: translateY(-50%) scale(1.1) !important;\n    }\n\n    @keyframes paSlideIn {\n        from {\n            opacity: 0;\n            transform: translateX(20px);\n        }\n        to {\n            opacity: 1;\n            transform: translateX(0);\n        }\n    }\n\n    .pa-cart-item-emoji {\n        font-size: 2rem !important;\n    }\n\n    .pa-cart-item-details {\n        flex: 1 !important;\n    }\n\n    .pa-cart-item-name {\n        font-weight: 600 !important;\n        font-size: 0.9rem !important;\n        color: white !important;\n    }\n\n    .pa-cart-item-plastic {\n        font-size: 0.75rem !important;\n        color: var(--plastic-orange) !important;\n        margin-top: 0.2rem !important;\n    }\n\n    .pa-cart-empty {\n        text-align: center !important;\n        padding: 3rem 1rem !important;\n        opacity: 0.5 !important;\n    }\n\n    .pa-cart-empty-icon {\n        font-size: 3rem !important;\n        margin-bottom: 1rem !important;\n        display: block !important;\n    }\n\n    \/* Plastic Pile Visualization *\/\n    .pa-plastic-pile {\n        background: linear-gradient(135deg, rgba(255,107,53,0.2) 0%, rgba(214,40,57,0.2) 100%) !important;\n        border-radius: 16px !important;\n        padding: 0.75rem !important;\n        margin-bottom: 0.75rem !important;\n        text-align: center !important;\n        position: relative !important;\n        overflow: hidden !important;\n        flex-shrink: 0 !important;\n    }\n\n    .pa-plastic-pile::before {\n        content: '' !important;\n        position: absolute !important;\n        top: 0 !important;\n        left: 0 !important;\n        right: 0 !important;\n        bottom: 0 !important;\n        background: var(--plastic-texture) !important;\n        opacity: 0.5 !important;\n    }\n\n    .pa-pile-label {\n        font-size: 0.75rem !important;\n        text-transform: uppercase !important;\n        letter-spacing: 0.1em !important;\n        opacity: 0.7 !important;\n        margin-bottom: 0.5rem !important;\n        position: relative !important;\n        color: white !important;\n    }\n\n    .pa-pile-visual {\n        display: flex !important;\n        flex-wrap: wrap !important;\n        gap: 0.25rem !important;\n        justify-content: center !important;\n        max-height: 48px !important;\n        overflow: hidden !important;\n        position: relative !important;\n    }\n\n    .pa-pile-item {\n        width: 20px !important;\n        height: 20px !important;\n        background: var(--plastic-orange) !important;\n        border-radius: 4px !important;\n        animation: paPileUp 0.3s ease !important;\n        opacity: 0.8 !important;\n    }\n\n    .pa-pile-item:nth-child(odd) {\n        background: var(--plastic-red) !important;\n    }\n\n    .pa-pile-item:nth-child(3n) {\n        background: var(--warning-yellow) !important;\n    }\n\n    @keyframes paPileUp {\n        from {\n            opacity: 0;\n            transform: scale(0) rotate(180deg);\n        }\n        to {\n            opacity: 0.8;\n            transform: scale(1) rotate(0);\n        }\n    }\n\n    \/* Summary Stats *\/\n    .pa-summary-stats {\n        display: grid !important;\n        grid-template-columns: 1fr 1fr !important;\n        gap: 0.75rem !important;\n        margin-bottom: 0.75rem !important;\n        flex-shrink: 0 !important;\n    }\n\n    .pa-stat-box {\n        background: rgba(255,255,255,0.05) !important;\n        border-radius: 12px !important;\n        padding: 0.6rem !important;\n        text-align: center !important;\n    }\n\n    .pa-stat-value {\n        font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif !important;\n        font-size: 1.5rem !important;\n        font-weight: 700 !important;\n        color: var(--plastic-orange) !important;\n    }\n\n    .pa-stat-label {\n        font-size: 0.7rem !important;\n        text-transform: uppercase !important;\n        letter-spacing: 0.05em !important;\n        opacity: 0.6 !important;\n        margin-top: 0.2rem !important;\n        color: white !important;\n    }\n\n    \/* Action Button *\/\n    .pa-see-impact-btn {\n        background: var(--gp-green) !important;\n        color: white !important;\n        border: none !important;\n        padding: 0.9rem 2rem !important;\n        font-size: 1rem !important;\n        font-weight: 700 !important;\n        font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif !important;\n        border-radius: 60px !important;\n        cursor: pointer !important;\n        transition: all 0.3s ease !important;\n        width: 100% !important;\n        display: flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        gap: 0.5rem !important;\n        flex-shrink: 0 !important;\n    }\n\n    .pa-see-impact-btn:hover {\n        background: var(--gp-green-dark) !important;\n        transform: scale(1.02) !important;\n    }\n\n    .pa-see-impact-btn:disabled {\n        opacity: 0.5 !important;\n        cursor: not-allowed !important;\n        transform: none !important;\n    }\n\n    \/* Results Modal *\/\n    .pa-results-modal {\n        position: fixed !important;\n        top: 0 !important;\n        left: 0 !important;\n        right: 0 !important;\n        bottom: 0 !important;\n        width: 100vw !important;\n        height: 100vh !important;\n        background: rgba(0,0,0,0.95) !important;\n        z-index: 1000001 !important;\n        display: none !important;\n        align-items: center !important;\n        justify-content: center !important;\n        padding: 2rem !important;\n        overflow-y: auto !important;\n    }\n\n    .pa-results-modal.active {\n        display: flex !important;\n    }\n\n    .pa-results-content {\n        background: white !important;\n        border-radius: 24px !important;\n        max-width: 700px !important;\n        width: 100% !important;\n        max-height: 90vh !important;\n        overflow: hidden !important;\n        position: relative !important;\n        display: flex !important;\n        flex-direction: column !important;\n    }\n\n    .pa-results-header {\n        background:\n            linear-gradient(to bottom, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.15) 40%, rgba(0,0,0,0.75) 100%),\n            url('https:\/\/groundup.org.za\/media\/uploads\/images\/photographers\/Ashraf%20Hendricks\/landfill-20210901-img_7531hr.jpg') !important;\n        background-size: cover !important;\n        background-position: center 40% !important;\n        color: white !important;\n        min-height: 320px !important;\n        padding: 2rem !important;\n        display: flex !important;\n        flex-direction: column !important;\n        justify-content: flex-end !important;\n        text-align: left !important;\n        position: relative !important;\n        overflow: hidden !important;\n        border-radius: 24px 24px 0 0 !important;\n    }\n\n    .pa-results-header::after {\n        content: '' !important;\n        position: absolute !important;\n        top: 0 !important;\n        left: 0 !important;\n        right: 0 !important;\n        bottom: 0 !important;\n        background: transparent !important;\n        pointer-events: none !important;\n    }\n\n    .pa-results-eyebrow {\n        font-size: 0.75rem !important;\n        font-weight: 600 !important;\n        letter-spacing: 0.12em !important;\n        text-transform: uppercase !important;\n        opacity: 0.75 !important;\n        margin-bottom: 0.5rem !important;\n        color: white !important;\n    }\n\n    .pa-results-header h2 {\n        font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif !important;\n        font-size: 2.2rem !important;\n        font-weight: 700 !important;\n        margin-bottom: 0.4rem !important;\n        color: white !important;\n        line-height: 1.15 !important;\n    }\n\n    .pa-results-header p {\n        font-size: 0.9rem !important;\n        opacity: 0.75 !important;\n        color: white !important;\n        font-style: italic !important;\n    }\n\n    .pa-results-body {\n        padding: 2rem !important;\n    }\n\n    .pa-pollution-image-section {\n        display: none !important;\n    }\n\n    .pa-impact-grid {\n        display: grid !important;\n        grid-template-columns: repeat(2, 1fr) !important;\n        gap: 1.5rem !important;\n        margin-bottom: 2.5rem !important;\n    }\n\n    @media (max-width: 500px) {\n        .pa-impact-grid {\n            grid-template-columns: 1fr !important;\n        }\n    }\n\n    .pa-impact-card {\n        background: var(--sand) !important;\n        border-radius: 16px !important;\n        padding: 1.5rem !important;\n        text-align: center !important;\n    }\n\n    .pa-impact-card.highlight {\n        background: var(--charcoal) !important;\n        color: white !important;\n        grid-column: 1 \/ -1 !important;\n    }\n\n    .pa-impact-number {\n        font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif !important;\n        font-size: 2.5rem !important;\n        font-weight: 700 !important;\n        color: var(--plastic-orange) !important;\n        line-height: 1 !important;\n    }\n\n    .pa-impact-card.highlight .pa-impact-number {\n        font-size: 3.5rem !important;\n    }\n\n    .pa-impact-unit {\n        font-size: 0.9rem !important;\n        opacity: 0.7 !important;\n        margin-top: 0.5rem !important;\n    }\n\n    .pa-impact-desc {\n        font-size: 0.85rem !important;\n        margin-top: 0.5rem !important;\n        opacity: 0.8 !important;\n    }\n\n    .pa-message-box {\n        background: linear-gradient(135deg, var(--gp-green) 0%, var(--gp-green-dark) 100%) !important;\n        color: white !important;\n        border-radius: 16px !important;\n        padding: 2rem !important;\n        text-align: center !important;\n        margin-bottom: 2rem !important;\n    }\n\n    .pa-message-box h3 {\n        font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif !important;\n        font-size: 1.5rem !important;\n        margin-bottom: 1rem !important;\n        color: white !important;\n    }\n\n    .pa-message-box p {\n        opacity: 0.9 !important;\n        line-height: 1.6 !important;\n        color: white !important;\n    }\n\n    .pa-results-scrollable {\n        flex: 1 !important;\n        overflow-y: auto !important;\n    }\n\n    .pa-sticky-cta {\n        flex-shrink: 0 !important;\n        background: white !important;\n        border-top: 1px solid rgba(0,0,0,0.08) !important;\n        padding: 1rem 1.5rem !important;\n        display: flex !important;\n        align-items: center !important;\n        gap: 1rem !important;\n        border-radius: 0 0 24px 24px !important;\n        box-shadow: 0 -4px 20px rgba(0,0,0,0.08) !important;\n        transition: opacity 0.25s ease, transform 0.25s ease !important;\n    }\n\n    .pa-sticky-cta.hidden {\n        opacity: 0 !important;\n        transform: translateY(100%) !important;\n        pointer-events: none !important;\n    }\n\n    .pa-inline-petition {\n        margin-bottom: 1rem !important;\n        display: flex !important;\n        flex-direction: column !important;\n        align-items: center !important;\n        text-align: center !important;\n    }\n\n    .pa-sticky-cta-text {\n        flex: 1 !important;\n        font-size: 1.2rem !important;\n        font-weight: 900;\n        color: var(--charcoal) !important;\n        opacity: 0.7 !important;\n        line-height: 1.4 !important;\n    }\n\n    .pa-cta-section {\n        text-align: center !important;\n    }\n\n    .pa-cta-section > p {\n        margin-bottom: 1rem !important;\n        color: var(--charcoal) !important;\n        opacity: 0.8 !important;\n        font-size: 0.95rem !important;\n    }\n\n    .pa-petition-btn {\n        background: var(--plastic-red) !important;\n        color: white !important;\n        border: none !important;\n        padding: 0.85rem 1.5rem !important;\n        font-size: 1rem !important;\n        font-weight: 700 !important;\n        font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif !important;\n        border-radius: 60px !important;\n        cursor: pointer !important;\n        transition: all 0.3s ease !important;\n        text-decoration: none !important;\n        display: inline-flex !important;\n        align-items: center !important;\n        gap: 0.5rem !important;\n        white-space: nowrap !important;\n        box-shadow: 0 4px 20px rgba(214, 40, 57, 0.35) !important;\n    }\n\n    .pa-petition-btn:hover {\n        background: #b8212f !important;\n        transform: translateY(-2px) !important;\n        box-shadow: 0 8px 28px rgba(214, 40, 57, 0.45) !important;\n        color: white !important;\n    }\n\n    .pa-share-box {\n        background: var(--sand) !important;\n        border-radius: 16px !important;\n        padding: 1.25rem !important;\n        margin-top: 1.5rem !important;\n        border: 1px solid rgba(0,0,0,0.07) !important;\n    }\n\n    .pa-share-box-label {\n        font-size: 0.72rem !important;\n        font-weight: 700 !important;\n        text-transform: uppercase !important;\n        letter-spacing: 0.1em !important;\n        opacity: 0.5 !important;\n        margin-bottom: 0.85rem !important;\n        color: var(--charcoal) !important;\n    }\n\n    .pa-share-btns {\n        display: flex !important;\n        gap: 0.6rem !important;\n        justify-content: center !important;\n        flex-wrap: wrap !important;\n    }\n\n    .pa-share-btn {\n        color: white !important;\n        border: none !important;\n        padding: 0.65rem 1.1rem !important;\n        font-size: 0.85rem !important;\n        font-weight: 700 !important;\n        border-radius: 10px !important;\n        cursor: pointer !important;\n        transition: all 0.2s ease !important;\n        display: inline-flex !important;\n        align-items: center !important;\n        gap: 0.45rem !important;\n        text-decoration: none !important;\n        letter-spacing: 0.01em !important;\n    }\n\n    .pa-share-btn-wa {\n        background: #25D366 !important;\n    }\n\n    .pa-share-btn-wa:hover {\n        background: #1ebe5b !important;\n        transform: translateY(-2px) !important;\n        color: white !important;\n    }\n\n    .pa-share-btn-fb {\n        background: #1877F2 !important;\n    }\n\n    .pa-share-btn-fb:hover {\n        background: #0e6de0 !important;\n        transform: translateY(-2px) !important;\n        color: white !important;\n    }\n\n    .pa-share-btn-x {\n        background: #000000 !important;\n    }\n\n    .pa-share-btn-x:hover {\n        background: #333333 !important;\n        transform: translateY(-2px) !important;\n        color: white !important;\n    }\n\n    .pa-share-btn:hover {\n        transform: translateY(-3px) !important;\n        box-shadow: 0 10px 20px rgba(0,0,0,0.2) !important;\n        color: white !important;\n    }\n\n    .pa-close-modal {\n        position: absolute !important;\n        top: 1rem !important;\n        right: 1rem !important;\n        background: rgba(255,255,255,0.2) !important;\n        border: none !important;\n        color: white !important;\n        width: 40px !important;\n        height: 40px !important;\n        border-radius: 50% !important;\n        cursor: pointer !important;\n        font-size: 1.5rem !important;\n        display: flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        transition: all 0.3s ease !important;\n        z-index: 10 !important;\n        padding: 0 !important;\n    }\n\n    .pa-close-modal:hover {\n        background: rgba(255,255,255,0.3) !important;\n        transform: rotate(90deg) !important;\n    }\n\n    \/* Mini cart bar \u2014 desktop hidden; cart content always visible on desktop *\/\n    @media (min-width: 901px) {\n        .pa-cart-mini {\n            display: none !important;\n        }\n        .pa-cart-sidebar .pa-cart-header,\n        .pa-cart-sidebar .pa-plastic-pile,\n        .pa-cart-sidebar .pa-cart-items,\n        .pa-cart-sidebar .pa-summary-stats,\n        .pa-cart-sidebar .pa-see-impact-btn {\n            display: block !important;\n        }\n        .pa-cart-sidebar .pa-summary-stats {\n            display: flex !important;\n        }\n    }\n\n    \/* Tooltip *\/\n    .pa-no-choice-tooltip {\n        position: fixed !important;\n        background: var(--charcoal) !important;\n        color: white !important;\n        padding: 1rem 1.5rem !important;\n        border-radius: 12px !important;\n        font-size: 0.9rem !important;\n        max-width: 280px !important;\n        z-index: 1000002 !important;\n        opacity: 0 !important;\n        pointer-events: none !important;\n        transition: opacity 0.3s ease !important;\n        box-shadow: 0 20px 40px rgba(0,0,0,0.3) !important;\n    }\n\n    .pa-no-choice-tooltip.visible {\n        opacity: 1 !important;\n    }\n\n    .pa-no-choice-tooltip::before {\n        content: '\u26a0\ufe0f' !important;\n        margin-right: 0.5rem !important;\n    }\n\n    \/* Floating plastic particles *\/\n    .pa-floating-plastics {\n        position: fixed !important;\n        top: 0 !important;\n        left: 0 !important;\n        right: 0 !important;\n        bottom: 0 !important;\n        pointer-events: none !important;\n        z-index: 50 !important;\n        overflow: hidden !important;\n    }\n\n    .pa-floating-plastic {\n        position: absolute !important;\n        font-size: 1.5rem !important;\n        opacity: 0.3 !important;\n        animation: paFloatUp 8s linear infinite !important;\n    }\n\n    @keyframes paFloatUp {\n        0% {\n            transform: translateY(100vh) rotate(0deg);\n            opacity: 0;\n        }\n        10% {\n            opacity: 0.3;\n        }\n        90% {\n            opacity: 0.3;\n        }\n        100% {\n            transform: translateY(-100px) rotate(360deg);\n            opacity: 0;\n        }\n    }\n\n    \/* Instructions tooltip *\/\n    .pa-instructions {\n        position: fixed !important;\n        bottom: 2rem !important;\n        left: 50% !important;\n        transform: translateX(-50%) !important;\n        background: var(--charcoal) !important;\n        color: white !important;\n        padding: 1rem 2rem !important;\n        border-radius: 50px !important;\n        font-size: 0.9rem !important;\n        z-index: 80 !important;\n        display: flex !important;\n        align-items: center !important;\n        gap: 0.75rem !important;\n        animation: paBounce 2s ease infinite !important;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;\n    }\n\n    .pa-instructions.hidden {\n        display: none !important;\n    }\n\n    @keyframes paBounce {\n        0%, 100% {\n            transform: translateX(-50%) translateY(0);\n        }\n        50% {\n            transform: translateX(-50%) translateY(-5px);\n        }\n    }\n\n    .pa-instructions span {\n        font-size: 1.2rem !important;\n    }\n\n    \/* ============================================================\n       MOBILE EXPERIENCE FIXES\n       ============================================================ *\/\n\n    @media (max-width: 900px) {\n\n        \/* Header \u2014 compact on mobile *\/\n        .pa-header {\n            padding: 0.75rem 1rem !important;\n        }\n\n        .pa-logo {\n            font-size: 1rem !important;\n        }\n\n        .pa-plastic-counter {\n            padding: 0.5rem 0.9rem !important;\n            gap: 0.5rem !important;\n        }\n\n        .pa-counter-value {\n            font-size: 1.3rem !important;\n            min-width: 36px !important;\n        }\n\n        .pa-counter-label {\n            font-size: 0.6rem !important;\n        }\n\n        \/* Shopping area \u2014 height uses actual header height on mobile *\/\n        .pa-shopping-area {\n            height: calc(100vh - 60px) !important;\n        }\n\n        \/* Shelves \u2014 padding-bottom so last items aren't hidden behind mini cart bar *\/\n        .pa-shelves {\n            padding: 1.25rem !important;\n            padding-bottom: calc(72px + 1.5rem) !important;\n        }\n\n        \/* Products grid \u2014 tighter gap on small screens *\/\n        .pa-products-grid {\n            gap: 0.85rem !important;\n            margin-bottom: 1.75rem !important;\n        }\n\n\n        \/* Results modal \u2014 full-width sheet from bottom on mobile *\/\n        .pa-results-modal {\n            padding: 0 !important;\n            align-items: flex-end !important;\n        }\n\n        .pa-results-content {\n            max-height: 95vh !important;\n            border-radius: 20px 20px 0 0 !important;\n        }\n\n        \/* Results header \u2014 shorter image, smaller text *\/\n        .pa-results-header {\n            min-height: 200px !important;\n            padding: 1.25rem !important;\n            border-radius: 20px 20px 0 0 !important;\n        }\n\n        .pa-results-header h2 {\n            font-size: 1.6rem !important;\n        }\n\n        .pa-results-header p {\n            font-size: 0.8rem !important;\n        }\n\n        \/* Results body \u2014 tighter padding *\/\n        .pa-results-body {\n            padding: 1.25rem !important;\n        }\n\n        \/* Impact grid \u2014 single column on mobile *\/\n        .pa-impact-grid {\n            grid-template-columns: 1fr !important;\n            gap: 0.75rem !important;\n            margin-bottom: 1.5rem !important;\n        }\n\n        .pa-impact-card {\n            padding: 1rem !important;\n        }\n\n        .pa-impact-card.highlight .pa-impact-number {\n            font-size: 2.8rem !important;\n        }\n\n        \/* Message box \u2014 tighter *\/\n        .pa-message-box {\n            padding: 1.25rem !important;\n            margin-bottom: 1.25rem !important;\n        }\n\n        .pa-message-box h3 {\n            font-size: 1.2rem !important;\n            margin-bottom: 0.6rem !important;\n        }\n\n        \/* Sticky CTA \u2014 stack text above button on mobile *\/\n        .pa-sticky-cta {\n            flex-direction: column !important;\n            align-items: stretch !important;\n            padding: 0.85rem 1rem !important;\n            gap: 0.6rem !important;\n            border-radius: 0 !important;\n        }\n\n        .pa-sticky-cta-text {\n            text-align: center !important;\n            font-size: 1.2rem !important;\n        }\n\n        .pa-sticky-cta .pa-petition-btn {\n            width: 100% !important;\n            justify-content: center !important;\n        }\n\n        \/* Inline petition \u2014 full width button *\/\n        .pa-inline-petition .pa-petition-btn {\n            width: 100% !important;\n            justify-content: center !important;\n        }\n\n        \/* Share buttons \u2014 stack on mobile *\/\n        .pa-share-btns {\n            flex-direction: column !important;\n        }\n\n        .pa-share-btn {\n            justify-content: center !important;\n        }\n\n        \/* Share box \u2014 tighter *\/\n        .pa-share-box {\n            margin-top: 1rem !important;\n            padding: 1rem !important;\n        }\n\n        \/* Intro screen \u2014 reduce margins so button stays on screen *\/\n        .pa-intro-subtitle {\n            font-size: 1rem !important;\n            margin-bottom: 2rem !important;\n        }\n\n        .pa-intro-badge {\n            margin-bottom: 1.25rem !important;\n        }\n\n        \/* Disable hover tooltip on touch devices *\/\n        .pa-no-choice-tooltip {\n            display: none !important;\n        }\n\n        \/* Cart sidebar expanded inner padding *\/\n        .pa-cart-sidebar.expanded {\n            padding: 0 !important;\n        }\n\n        \/* ===== FIX 1: Instructions tooltip \u2014 wider, shorter, single line on mobile ===== *\/\n        .pa-instructions {\n            top: auto !important;\n            bottom: 84px !important;\n            font-size: 0.7rem !important;\n            padding: 0.5rem 1.2rem !important;\n            max-width: 80vw !important;\n            width: auto !important;\n            white-space: nowrap !important;\n            text-align: center !important;\n            line-height: 1.3 !important;\n            gap: 0.35rem !important;\n            border-radius: 40px !important;\n        }\n        .pa-instructions span {\n            font-size: 0.9rem !important;\n        }\n    }\n\n    \/* Very small screens (iPhone SE, Galaxy A series) *\/\n    @media (max-width: 400px) {\n\n        .pa-intro-title {\n            font-size: clamp(2rem, 10vw, 2.8rem) !important;\n            margin-bottom: 1rem !important;\n        }\n\n        .pa-start-btn {\n            padding: 1rem 2rem !important;\n            font-size: 1rem !important;\n        }\n\n        .pa-results-header {\n            min-height: 160px !important;\n        }\n\n        .pa-results-header h2 {\n            font-size: 1.35rem !important;\n        }\n\n        \/* Very small screens: allow wrapping but stay compact *\/\n        .pa-instructions {\n            white-space: normal !important;\n            max-width: 85vw !important;\n            font-size: 0.65rem !important;\n            padding: 0.45rem 1rem !important;\n        }\n    }\n<\/style>\n\n<div class=\"plastic-audit-container\">\n    <!-- Intro Screen -->\n    <div class=\"pa-intro-screen\" id=\"paIntroScreen\">\n        <div class=\"pa-intro-content\">\n            <div class=\"pa-intro-badge\">\n                <img decoding=\"async\" src=\"https:\/\/www.greenpeace.org\/static\/planet4-africa-stateless\/2023\/09\/06de6c0e-gpaf-full-logo-2023.png\" alt=\"Greenpeace Africa\">\n            <\/div>\n            <h1 class=\"pa-intro-title\">\n                Plastic Audit:<br><span>Supermarket Edition<\/span>\n            <\/h1>\n            <p class=\"pa-intro-subtitle\">\n                Try to shop plastic-free at a typical South African supermarket. \n            <\/p>\n            <button class=\"pa-start-btn\" id=\"paStartBtn\">Start Shopping<\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Main Shopping Experience -->\n    <div class=\"pa-main-container\" id=\"paMainContainer\">\n        <header class=\"pa-header\">\n            <div class=\"pa-logo\"><img decoding=\"async\" src=\"https:\/\/www.greenpeace.org\/static\/planet4-africa-stateless\/2023\/09\/06de6c0e-gpaf-full-logo-2023.png\" alt=\"Greenpeace Africa\" style=\"height: 36px; width: auto; display: block;\"><\/div>\n            <div class=\"pa-plastic-counter\">\n                <div>\n                    <div class=\"pa-counter-label\">Plastic Items<\/div>\n                <\/div>\n                <div class=\"pa-counter-value\" id=\"paPlasticCount\">0<\/div>\n            <\/div>\n        <\/header>\n\n        <div class=\"pa-shopping-area\">\n            <div class=\"pa-shelves\">\n                <!-- Fruits & Vegetables -->\n                <div class=\"pa-aisle-label\">Fresh Produce<\/div>\n                <div class=\"pa-products-grid\" id=\"paProduceGrid\"><\/div>\n\n                <!-- Dairy & Proteins -->\n                <div class=\"pa-aisle-label\">Dairy &#038; Proteins<\/div>\n                <div class=\"pa-products-grid\" id=\"paDairyGrid\"><\/div>\n\n                <!-- Pantry -->\n                <div class=\"pa-aisle-label\">Pantry Essentials<\/div>\n                <div class=\"pa-products-grid\" id=\"paPantryGrid\"><\/div>\n\n                <!-- Beverages -->\n                <div class=\"pa-aisle-label\">Beverages<\/div>\n                <div class=\"pa-products-grid\" id=\"paBeveragesGrid\"><\/div>\n            <\/div>\n\n            <aside class=\"pa-cart-sidebar\" id=\"paCartSidebar\">\n                <!-- Mobile mini bar \u2014 visible only on mobile, hidden when expanded -->\n                <div class=\"pa-cart-mini\" id=\"paCartMini\">\n                    <div class=\"pa-cart-mini-left\">\n                        <div class=\"pa-cart-mini-icon\">\ud83d\uded2<\/div>\n                        <div class=\"pa-cart-mini-info\">\n                            <div class=\"pa-cart-mini-count\" id=\"paCartMiniCount\">0 items \u00b7 0 plastic pieces<\/div>\n                            <div class=\"pa-cart-mini-label\">Tap to view your cart<\/div>\n                        <\/div>\n                    <\/div>\n                    <button class=\"pa-cart-mini-toggle\" id=\"paCartMiniToggle\">View Cart \u2191<\/button>\n                <\/div>\n                <div class=\"pa-cart-header\">\n                    <h2 class=\"pa-cart-title\">Your Cart<\/h2>\n                    <p class=\"pa-cart-subtitle\">Every item = unavoidable plastic<\/p>\n                <\/div>\n\n                <div class=\"pa-plastic-pile\" id=\"paPlasticPile\">\n                    <div class=\"pa-pile-label\">Your plastic pile is growing&#8230;<\/div>\n                    <div class=\"pa-pile-visual\" id=\"paPileVisual\"><\/div>\n                <\/div>\n\n                <div class=\"pa-cart-items\" id=\"paCartItems\">\n                    <div class=\"pa-cart-empty\">\n                        <div class=\"pa-cart-empty-icon\">\ud83d\uded2<\/div>\n                        <p>Click products to add them<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"pa-summary-stats\">\n                    <div class=\"pa-stat-box\">\n                        <div class=\"pa-stat-value\" id=\"paWeeklyPlastic\">0<\/div>\n                        <div class=\"pa-stat-label\">Per Week<\/div>\n                    <\/div>\n                    <div class=\"pa-stat-box\">\n                        <div class=\"pa-stat-value\" id=\"paYearlyPlastic\">0<\/div>\n                        <div class=\"pa-stat-label\">Per Year<\/div>\n                    <\/div>\n                <\/div>\n\n                <button class=\"pa-see-impact-btn\" id=\"paSeeImpactBtn\" disabled>\n                    See Your Impact \u2192\n                <\/button>\n            <\/aside>\n        <\/div>\n\n        <div class=\"pa-instructions\" id=\"paInstructions\">\n            <span>\ud83d\udc46<\/span> Click items to add to cart.\n        <\/div>\n    <\/div>\n\n    <!-- No Choice Tooltip -->\n    <div class=\"pa-no-choice-tooltip\" id=\"paNoChoiceTooltip\">\n        Few plastic-free options available. This is the reality at SA supermarkets.\n    <\/div>\n\n    <!-- Floating Plastics Background -->\n    <div class=\"pa-floating-plastics\" id=\"paFloatingPlastics\"><\/div>\n\n    <!-- Results Modal -->\n    <div class=\"pa-results-modal\" id=\"paResultsModal\">\n        <div class=\"pa-results-content\">\n            <div class=\"pa-results-scrollable\">\n            <div class=\"pa-results-header\">\n                <button class=\"pa-close-modal\" id=\"paCloseModal\">\u00d7<\/button>\n<h2>\ud83d\ude31 Your Plastic Reality<\/h2>\n                <p>This is where 91% of your plastic ends up \u2014 from just one shopping trip.<\/p>\n            <\/div>\n            <div class=\"pa-results-body\">\n                <div class=\"pa-pollution-image-section\">\n                    <img decoding=\"async\" src=\"https:\/\/groundup.org.za\/media\/uploads\/images\/photographers\/Ashraf%20Hendricks\/landfill-20210901-img_7531hr.jpg\" alt=\"Landfill plastic pollution in South Africa\" class=\"pa-pollution-image\">\n                    <div class=\"pa-pollution-image-overlay\">\n                        <div class=\"pa-pollution-caption\">\n                            <strong>This is where 91% of your plastic ends up.<\/strong>\n                            A landfill in South Africa. Photo: Ashraf Hendricks \/ GroundUp\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"pa-impact-grid\">\n                    <div class=\"pa-impact-card highlight\">\n                        <div class=\"pa-impact-number\" id=\"paResultTotal\">0<\/div>\n                        <div class=\"pa-impact-unit\">plastic items from this trip<\/div>\n                        <div class=\"pa-impact-desc\">And you had FEW plastic-free alternatives<\/div>\n                    <\/div>\n                    <div class=\"pa-impact-card\">\n                        <div class=\"pa-impact-number\" id=\"paResultMonthly\">0<\/div>\n                        <div class=\"pa-impact-unit\">per month<\/div>\n                        <div class=\"pa-impact-desc\" id=\"paMonthlyCalc\"><\/div>\n                    <\/div>\n                    <div class=\"pa-impact-card\">\n                        <div class=\"pa-impact-number\" id=\"paResultYearly\">0<\/div>\n                        <div class=\"pa-impact-unit\">per year<\/div>\n                        <div class=\"pa-impact-desc\" id=\"paYearlyCalc\"><\/div>\n                    <\/div>\n                    <div class=\"pa-impact-card\">\n                        <div class=\"pa-impact-number\" id=\"paResultRecycled\">9%<\/div>\n                        <div class=\"pa-impact-unit\">actually recycled<\/div>\n                        <div class=\"pa-impact-desc\">The rest? Landfills, oceans, burned.<\/div>\n                    <\/div>\n                    <div class=\"pa-impact-card\">\n                        <div class=\"pa-impact-number\" id=\"paResultWaste\">0<\/div>\n                        <div class=\"pa-impact-unit\">end up as waste<\/div>\n                        <div class=\"pa-impact-desc\">From your shopping alone<\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"pa-message-box\">\n                    <h3>This isn&#8217;t your fault.<\/h3>\n                    <p>\n                        You tried to shop. Every single item came wrapped in plastic. \n                        There are a few alternatives. The responsibility lies with \n                        <strong>Pick n Pay, Shoprite, and Checkers<\/strong> to provide plastic-free options.\n                    <\/p>\n                <\/div>\n\n                <div class=\"pa-cta-section\">\n                    <div class=\"pa-inline-petition\" id=\"paInlinePetition\">\n                        <p style=\"margin-bottom: 0.75rem !important; color: var(--charcoal) !important; opacity: 0.7 !important; font-size: 0.9rem !important; line-height: 1.4 !important;\">Join thousands demanding SA supermarkets ditch throwaway plastic<\/p>\n                        <a href=\"https:\/\/pages.greenpeaceafrica.org\/ditch-throwaway-plastic-packaging\" target=\"_blank\" class=\"pa-petition-btn\">\n                            \u270d\ufe0f Sign the Petition\n                        <\/a>\n                    <\/div>\n                    <div class=\"pa-share-box\">\n                        <div class=\"pa-share-box-label\">Or spread the word<\/div>\n                        <div class=\"pa-share-btns\">\n                            <a href=\"#\" class=\"pa-share-btn pa-share-btn-wa\" id=\"paShareWhatsApp\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"white\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\n                                WhatsApp\n                            <\/a>\n                            <a href=\"#\" class=\"pa-share-btn pa-share-btn-fb\" id=\"paShareFacebook\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"white\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\n                                Facebook\n                            <\/a>\n                            <a href=\"#\" class=\"pa-share-btn pa-share-btn-x\" id=\"paShareTwitter\">\n                                <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"white\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.734-8.836L2.25 2.25h6.918l4.243 5.608zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\n                                X \/ Twitter\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <\/div><!-- end .pa-results-scrollable -->\n\n            <!-- Sticky petition bar \u2014 always visible -->\n            <div class=\"pa-sticky-cta\">\n                <div class=\"pa-sticky-cta-text\">Join thousands demanding SA supermarkets ditch throwaway plastic<\/div>\n                <a href=\"https:\/\/pages.greenpeaceafrica.org\/ditch-throwaway-plastic-packaging\" target=\"_blank\" class=\"pa-petition-btn\">\n                    \u270d\ufe0f Sign the Petition\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n(function() {\n    \/\/ Product data with plastic counts\n    const products = {\n        produce: [\n            { emoji: '\ud83c\udf4e', name: 'Apples (6 pack)', plastic: 2, plasticType: 'Plastic tray + wrap' },\n            { emoji: '\ud83c\udf4c', name: 'Bananas', plastic: 1, plasticType: 'Plastic bag' },\n            { emoji: '\ud83e\udd55', name: 'Carrots', plastic: 1, plasticType: 'Plastic bag' },\n            { emoji: '\ud83e\udd6c', name: 'Lettuce', plastic: 1, plasticType: 'Plastic clamshell' },\n            { emoji: '\ud83c\udf45', name: 'Tomatoes', plastic: 2, plasticType: 'Plastic tray + film' },\n            { emoji: '\ud83e\udd52', name: 'Cucumber', plastic: 1, plasticType: 'Shrink wrap' },\n            { emoji: '\ud83e\uded1', name: 'Bell Peppers', plastic: 2, plasticType: 'Plastic tray + wrap' },\n            { emoji: '\ud83c\udf47', name: 'Grapes', plastic: 1, plasticType: 'Plastic punnet' },\n        ],\n        dairy: [\n            { emoji: '\ud83e\udd5b', name: 'Milk 2L', plastic: 1, plasticType: 'Plastic bottle' },\n            { emoji: '\ud83e\uddc0', name: 'Cheese Block', plastic: 2, plasticType: 'Plastic wrap + tray' },\n            { emoji: '\ud83e\udd5a', name: 'Eggs (12)', plastic: 1, plasticType: 'Plastic carton' },\n            { emoji: '\ud83e\uddc8', name: 'Butter', plastic: 1, plasticType: 'Plastic tub' },\n            { emoji: '\ud83c\udf57', name: 'Chicken', plastic: 2, plasticType: 'Plastic tray + film' },\n            { emoji: '\ud83e\udd69', name: 'Beef Mince', plastic: 2, plasticType: 'Plastic tray + film' },\n        ],\n        pantry: [\n            { emoji: '\ud83c\udf5e', name: 'Bread', plastic: 1, plasticType: 'Plastic bag' },\n            { emoji: '\ud83c\udf5a', name: 'Rice 2kg', plastic: 1, plasticType: 'Plastic bag' },\n            { emoji: '\ud83e\udd5c', name: 'Peanut Butter', plastic: 1, plasticType: 'Plastic jar' },\n            { emoji: '\ud83c\udf5d', name: 'Pasta', plastic: 1, plasticType: 'Plastic bag' },\n            { emoji: '\ud83e\uded8', name: 'Baked Beans', plastic: 1, plasticType: 'Plastic lined can' },\n            { emoji: '\ud83e\udd63', name: 'Cereal', plastic: 1, plasticType: 'Inner plastic bag' },\n        ],\n        beverages: [\n            { emoji: '\ud83d\udca7', name: 'Water 6-pack', plastic: 7, plasticType: '6 bottles + shrink wrap' },\n            { emoji: '\ud83e\uddc3', name: 'Juice 1L', plastic: 1, plasticType: 'Plastic bottle' },\n            { emoji: '\ud83e\udd64', name: 'Soft Drink 2L', plastic: 1, plasticType: 'Plastic bottle' },\n            { emoji: '\u2615', name: 'Coffee', plastic: 1, plasticType: 'Plastic lined bag' },\n        ]\n    };\n\n    \/\/ State\n    let cart = [];\n    let totalPlastic = 0;\n\n    \/\/ DOM Elements\n    const introScreen = document.getElementById('paIntroScreen');\n    const mainContainer = document.getElementById('paMainContainer');\n    const startBtn = document.getElementById('paStartBtn');\n    const plasticCount = document.getElementById('paPlasticCount');\n    const cartItems = document.getElementById('paCartItems');\n    const pileVisual = document.getElementById('paPileVisual');\n    const weeklyPlastic = document.getElementById('paWeeklyPlastic');\n    const yearlyPlastic = document.getElementById('paYearlyPlastic');\n    const seeImpactBtn = document.getElementById('paSeeImpactBtn');\n    const resultsModal = document.getElementById('paResultsModal');\n    const closeModal = document.getElementById('paCloseModal');\n    const noChoiceTooltip = document.getElementById('paNoChoiceTooltip');\n    const instructions = document.getElementById('paInstructions');\n    const floatingPlastics = document.getElementById('paFloatingPlastics');\n\n    \/\/ ===== FIX 2: Toggle mobile cart \u2014 use addEventListener instead of inline onclick =====\n    function paToggleCart() {\n        var sidebar = document.getElementById('paCartSidebar');\n        var toggleBtn = document.getElementById('paCartMiniToggle');\n        if (!sidebar) return;\n        var isExpanded = sidebar.classList.toggle('expanded');\n        if (toggleBtn) toggleBtn.textContent = isExpanded ? 'Close \u2193' : 'View Cart \u2191';\n    }\n    \/\/ Expose globally as fallback\n    window.paToggleCart = paToggleCart;\n\n    \/\/ Initialize\n    function init() {\n        renderProducts('paProduceGrid', products.produce);\n        renderProducts('paDairyGrid', products.dairy);\n        renderProducts('paPantryGrid', products.pantry);\n        renderProducts('paBeveragesGrid', products.beverages);\n        setupEventListeners();\n        createFloatingPlastics();\n    }\n\n    \/\/ Render products to grid\n    function renderProducts(gridId, productList) {\n        const grid = document.getElementById(gridId);\n        grid.innerHTML = productList.map((product, index) => `\n            <div class=\"pa-product-card\" data-product='${JSON.stringify(product)}' data-id=\"${gridId}-${index}\">\n                <div class=\"pa-plastic-count-tag\">${product.plastic}<\/div>\n                <div class=\"pa-product-emoji\">${product.emoji}<\/div>\n                <div class=\"pa-product-name\">${product.name}<\/div>\n                <div class=\"pa-plastic-tag\">${product.plasticType}<\/div>\n            <\/div>\n        `).join('');\n    }\n\n    \/\/ Setup event listeners\n    function setupEventListeners() {\n        startBtn.addEventListener('click', startShopping);\n        seeImpactBtn.addEventListener('click', showResults);\n        closeModal.addEventListener('click', () => resultsModal.classList.remove('active'));\n\n        \/\/ FIX 2: Attach cart toggle via addEventListener on both the mini bar and button\n        var cartMini = document.getElementById('paCartMini');\n        var cartMiniToggle = document.getElementById('paCartMiniToggle');\n        if (cartMini) {\n            cartMini.addEventListener('click', paToggleCart);\n        }\n        if (cartMiniToggle) {\n            cartMiniToggle.addEventListener('click', function(e) {\n                e.stopPropagation(); \/\/ prevent double-fire from parent\n                paToggleCart();\n            });\n        }\n\n        document.querySelectorAll('.pa-product-card').forEach(card => {\n            card.addEventListener('click', () => addToCart(card));\n            card.addEventListener('mouseenter', showNoChoiceTooltip);\n            card.addEventListener('mouseleave', hideNoChoiceTooltip);\n        });\n\n        \/\/ Share buttons\n        const shareUrl = window.location.href;\n        document.getElementById('paShareWhatsApp').addEventListener('click', (e) => {\n            e.preventDefault();\n            const text = `I just did a plastic audit \u2014 ${totalPlastic} plastic items with FEW alternatives from one shopping trip! Try it yourself and demand SA supermarkets ditch throwaway plastic: ${shareUrl}`;\n            window.open(`https:\/\/api.whatsapp.com\/send?text=${encodeURIComponent(text)}`, '_blank');\n        });\n\n        document.getElementById('paShareFacebook').addEventListener('click', (e) => {\n            e.preventDefault();\n            window.open(`https:\/\/www.facebook.com\/sharer\/sharer.php?u=${encodeURIComponent(shareUrl)}`, '_blank');\n        });\n\n        document.getElementById('paShareTwitter').addEventListener('click', (e) => {\n            e.preventDefault();\n            const text = `I just did a plastic audit \u2014 ${totalPlastic} plastic items, FEW alternatives. SA supermarkets need to ditch throwaway plastic NOW \ud83c\udf0d`;\n            window.open(`https:\/\/twitter.com\/intent\/tweet?text=${encodeURIComponent(text)}&url=${encodeURIComponent(shareUrl)}`, '_blank');\n        });\n    }\n\n    \/\/ Start shopping\n    function startShopping() {\n        introScreen.classList.add('hidden');\n        mainContainer.classList.add('active');\n    }\n\n    \/\/ Add item to cart\n    function addToCart(card) {\n        if (card.classList.contains('in-cart')) return;\n\n        const product = JSON.parse(card.dataset.product);\n        const cardId = card.dataset.id;\n        cart.push({ ...product, cardId });\n        totalPlastic += product.plastic;\n\n        card.classList.add('in-cart');\n        updateUI();\n\n        \/\/ Hide instructions after first add\n        if (cart.length === 1) {\n            instructions.classList.add('hidden');\n        }\n\n        \/\/ Add floating plastic\n        addFloatingPlastic();\n    }\n\n    \/\/ Remove item from cart\n    window.paRemoveFromCart = function(index) {\n        const item = cart[index];\n        totalPlastic -= item.plastic;\n        \n        \/\/ Re-enable the product card\n        const productCard = document.querySelector(`[data-id=\"${item.cardId}\"]`);\n        if (productCard) {\n            productCard.classList.remove('in-cart');\n        }\n        \n        cart.splice(index, 1);\n        updateUI();\n\n        \/\/ Show instructions again if cart is empty\n        if (cart.length === 0) {\n            instructions.classList.remove('hidden');\n        }\n    }\n\n    \/\/ Update UI\n    function updateUI() {\n        \/\/ Update counter with animation\n        plasticCount.textContent = totalPlastic;\n        plasticCount.style.transform = 'scale(1.3)';\n        setTimeout(() => plasticCount.style.transform = 'scale(1)', 200);\n\n        \/\/ Update cart items\n        if (cart.length > 0) {\n            cartItems.innerHTML = cart.map((item, index) => `\n                <div class=\"pa-cart-item\" data-cart-index=\"${index}\">\n                    <div class=\"pa-cart-item-emoji\">${item.emoji}<\/div>\n                    <div class=\"pa-cart-item-details\">\n                        <div class=\"pa-cart-item-name\">${item.name}<\/div>\n                        <div class=\"pa-cart-item-plastic\">+${item.plastic} plastic (${item.plasticType})<\/div>\n                    <\/div>\n                    <button class=\"pa-cart-item-remove\" onclick=\"paRemoveFromCart(${index})\" title=\"Remove item\">\u00d7<\/button>\n                <\/div>\n            `).join('');\n        } else {\n            cartItems.innerHTML = `\n                <div class=\"pa-cart-empty\">\n                    <div class=\"pa-cart-empty-icon\">\ud83d\uded2<\/div>\n                    <p>Click products to add them<\/p>\n                <\/div>\n            `;\n        }\n\n        \/\/ Update pile visualization\n        pileVisual.innerHTML = '';\n        for (let i = 0; i < totalPlastic; i++) {\n            const item = document.createElement('div');\n            item.className = 'pa-pile-item';\n            item.style.animationDelay = `${i * 0.05}s`;\n            pileVisual.appendChild(item);\n        }\n\n        \/\/ Update stats\n        weeklyPlastic.textContent = totalPlastic;\n        yearlyPlastic.textContent = totalPlastic * 52;\n\n        \/\/ Enable button\n        seeImpactBtn.disabled = cart.length === 0;\n\n        \/\/ Update mobile mini cart bar\n        const miniCount = document.getElementById('paCartMiniCount');\n        if (miniCount) {\n            miniCount.textContent = cart.length === 0\n                ? '0 items \u00b7 0 plastic pieces'\n                : `${cart.length} item${cart.length !== 1 ? 's' : ''} \u00b7 ${totalPlastic} plastic piece${totalPlastic !== 1 ? 's' : ''}`;\n        }\n    }\n\n    \/\/ Show tooltip\n    function showNoChoiceTooltip(e) {\n        const rect = e.target.getBoundingClientRect();\n        noChoiceTooltip.style.left = `${rect.left}px`;\n        noChoiceTooltip.style.top = `${rect.bottom + 10}px`;\n        noChoiceTooltip.classList.add('visible');\n    }\n\n    function hideNoChoiceTooltip() {\n        noChoiceTooltip.classList.remove('visible');\n    }\n\n    \/\/ Module-level observer so we can disconnect it between calls\n    let petitionObserver = null;\n\n    \/\/ Show results\n    function showResults() {\n        const monthly = totalPlastic * 4;\n        const yearly = totalPlastic * 52;\n        const waste = Math.round(yearly * 0.91);\n\n        document.getElementById('paResultTotal').textContent = totalPlastic;\n        document.getElementById('paResultMonthly').textContent = monthly;\n        document.getElementById('paResultYearly').textContent = yearly;\n        document.getElementById('paResultWaste').textContent = waste;\n\n        \/\/ Add calculation formulas inside the existing cards\n        document.getElementById('paMonthlyCalc').textContent = totalPlastic + ' \u00d7 4 weeks = ' + monthly;\n        document.getElementById('paYearlyCalc').textContent = totalPlastic + ' \u00d7 52 weeks = ' + yearly;\n\n        resultsModal.classList.add('active');\n        document.querySelector('.pa-results-scrollable').scrollTop = 0;\n\n        const stickyCta = document.querySelector('.pa-sticky-cta');\n        const inlinePetition = document.getElementById('paInlinePetition');\n        const scrollable = document.querySelector('.pa-results-scrollable');\n\n        \/\/ Always show sticky CTA when modal opens\n        stickyCta.classList.remove('hidden');\n\n        \/\/ Disconnect any previous observer to avoid stale callbacks\n        if (petitionObserver) {\n            petitionObserver.disconnect();\n            petitionObserver = null;\n        }\n\n        \/\/ Delay so modal layout is fully computed before observing\n        setTimeout(() => {\n            petitionObserver = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        stickyCta.classList.add('hidden');\n                    } else {\n                        stickyCta.classList.remove('hidden');\n                    }\n                });\n            }, { root: scrollable, threshold: 0.1 });\n\n            petitionObserver.observe(inlinePetition);\n        }, 150);\n    }\n\n    \/\/ Create floating plastics\n    function createFloatingPlastics() {\n        const plasticEmojis = ['\ud83d\udecd\ufe0f', '\ud83e\udd64', '\ud83e\uddf4', '\ud83e\udd61', '\ud83d\udce6'];\n        \n        setInterval(() => {\n            if (cart.length > 0) {\n                const plastic = document.createElement('div');\n                plastic.className = 'pa-floating-plastic';\n                plastic.textContent = plasticEmojis[Math.floor(Math.random() * plasticEmojis.length)];\n                plastic.style.left = `${Math.random() * 100}vw`;\n                plastic.style.animationDuration = `${6 + Math.random() * 4}s`;\n                floatingPlastics.appendChild(plastic);\n\n                setTimeout(() => plastic.remove(), 10000);\n            }\n        }, 2000);\n    }\n\n    function addFloatingPlastic() {\n        const plasticEmojis = ['\ud83d\udecd\ufe0f', '\ud83e\udd64', '\ud83e\uddf4', '\ud83e\udd61'];\n        for (let i = 0; i < 3; i++) {\n            const plastic = document.createElement('div');\n            plastic.className = 'pa-floating-plastic';\n            plastic.textContent = plasticEmojis[Math.floor(Math.random() * plasticEmojis.length)];\n            plastic.style.left = `${20 + Math.random() * 60}vw`;\n            plastic.style.animationDuration = `${5 + Math.random() * 3}s`;\n            floatingPlastics.appendChild(plastic);\n\n            setTimeout(() => plastic.remove(), 8000);\n        }\n    }\n\n    \/\/ Initialize on load\n    init();\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Try to shop plastic-free at a typical South African supermarket.<\/p>\n","protected":false},"author":83,"featured_media":60547,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"ep_exclude_from_search":false,"p4_hide_page_title_checkbox":"on","p4_title":"","p4_subtitle":"","p4_description":"","background_image_id":"","background_image":"","p4_button_title":"","p4_button_link":"","p4_button_link_checkbox":"","p4_og_title":"","p4_og_description":"","p4_og_image":"","p4_og_image_id":"","p4_seo_canonical_url":"","p4_seo_meta_title":"","p4_seo_meta_description":"","p4_campaign_name":"","p4_local_project":"","p4_basket_name":"","p4_department":"","footnotes":""},"categories":[146],"tags":[30],"class_list":["post-60418","page","type-page","status-publish","has-post-thumbnail","hentry","category-act-now","tag-plastics"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/pages\/60418","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/users\/83"}],"replies":[{"embeddable":true,"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/comments?post=60418"}],"version-history":[{"count":10,"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/pages\/60418\/revisions"}],"predecessor-version":[{"id":60636,"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/pages\/60418\/revisions\/60636"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/media\/60547"}],"wp:attachment":[{"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/media?parent=60418"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/categories?post=60418"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/tags?post=60418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}