{"product_id":"family-pack-4-bounce-dry-shampoo","title":"Family pack 4 bounce dry shampoo","description":"\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;700\u0026family=League+Spartan:wght@400;500;600;700;800\u0026display=swap');\n\n:root {\n    --bounce-dark: #003020;\n    --bounce-light: #ffffff;\n    --bounce-bg-pink: #fdf5f7;\n    --bounce-accent-pink: #c68a9d;\n    --bounce-divider: #e8dadd;\n}\n\n\/* MAIN WRAPPER *\/\n.bounce-feature-section {\n    font-family: 'DM Sans', sans-serif;\n    width: 100%;\n    max-width: 1200px;\n    margin: 60px auto;\n    background: var(--bounce-bg-pink);\n    border-radius: 30px;\n    padding: 60px 40px;\n    box-sizing: border-box;\n    text-align: center;\n}\n\n\/* HEADING *\/\n.feature-heading {\n    font-family: 'League Spartan', sans-serif;\n    font-size: 2.8em;\n    font-weight: 700;\n    color: var(--bounce-dark);\n    margin-bottom: 40px;\n    line-height: 1.2;\n}\n\n.feature-heading .accent {\n    color: var(--bounce-accent-pink);\n    display: block;\n}\n\n\/* GRID (HORIZONTAL DESKTOP) *\/\n.feature-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr); \/* desktop horizontal *\/\n    gap: 25px;\n    margin-bottom: 40px;\n}\n\n\/* CARD *\/\n.feature-square {\n    background: var(--bounce-light);\n    border-radius: 20px;\n    padding: 35px 25px;\n    box-shadow: 0 8px 20px rgba(0,0,0,0.05);\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n\n    text-align: center;\n}\n\n\/* ICON *\/\n.feature-icon {\n    margin-bottom: 15px;\n}\n\n.feature-icon svg {\n    width: 40px;\n    height: 40px;\n    stroke: var(--bounce-accent-pink);\n}\n\n\/* TITLE *\/\n.feature-square h3 {\n    font-size: 1.3em;\n    margin-bottom: 10px;\n    color: var(--bounce-dark);\n}\n\n\/* TEXT (MINIMAL) *\/\n.feature-square p {\n    font-size: 0.95em;\n    color: var(--bounce-dark);\n    opacity: 0.85;\n    line-height: 1.5;\n    margin: 0;\n}\n\n\/* DIVIDER *\/\n.feature-divider {\n    border: none;\n    height: 1px;\n    background: var(--bounce-divider);\n    width: 95%;\n    margin: 0 auto 30px;\n}\n\n\/* BADGES *\/\n.trust-badges {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 10px;\n}\n\n.trust-badge {\n    background: var(--bounce-dark);\n    color: white;\n    font-size: 0.85em;\n    padding: 10px 18px;\n    border-radius: 50px;\n}\n\n\/* =========================\n   MOBILE (VERTICAL)\n========================= *\/\n@media (max-width: 768px) {\n\n    .bounce-feature-section {\n        padding: 40px 20px;\n        border-radius: 20px;\n    }\n\n    .feature-heading {\n        font-size: 2em;\n    }\n\n    .feature-grid {\n        grid-template-columns: 1fr; \/* vertical on mobile *\/\n    }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"bounce-feature-section\"\u003e\n\n    \u003ch2 class=\"feature-heading\"\u003e\n        Instant Volume. Pure Nourishment.\n        \u003cspan class=\"accent\"\u003eZero Compromises.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"feature-grid\"\u003e\n\n        \u003cdiv class=\"feature-square\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e\n                \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\"\u003e\n                    \u003cpath d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e\n            \u003c\/div\u003e\n            \u003ch3\u003eInstant Lift\u003c\/h3\u003e\n            \u003cp\u003eVolume in seconds.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"feature-square\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e\n                \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\"\u003e\n                    \u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\n                    \u003cpath d=\"M2 12h20\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e\n            \u003c\/div\u003e\n            \u003ch3\u003ePremium Formula\u003c\/h3\u003e\n            \u003cp\u003eClean \u0026amp; safe ingredients.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"feature-square\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e\n                \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\"\u003e\n                    \u003cpath d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\u003e\u003c\/path\u003e\n                    \u003ccircle cx=\"12\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n                \u003c\/svg\u003e\n            \u003c\/div\u003e\n            \u003ch3\u003eInvisible Finish\u003c\/h3\u003e\n            \u003cp\u003eNo white residue.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003chr class=\"feature-divider\"\u003e\n\n    \u003cdiv class=\"trust-badges\"\u003e\n        \u003cspan class=\"trust-badge\"\u003eOrganic\u003c\/span\u003e\n        \u003cspan class=\"trust-badge\"\u003eSulphate Free\u003c\/span\u003e\n        \u003cspan class=\"trust-badge\"\u003eCruelty Free\u003c\/span\u003e\n    \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Bounce","offers":[{"title":"Default Title","offer_id":45255712833559,"sku":null,"price":7388.64,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0802\/0734\/7735\/files\/ChatGPTImageJul1_2026_09_55_31PM.png?v=1782925050","url":"https:\/\/bouncehair.co\/products\/family-pack-4-bounce-dry-shampoo","provider":"Bounce","version":"1.0","type":"link"}