{"product_id":"glow-white-bundle-kit","title":"Glow \u0026 White Bundle Kit","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003c!-- Font Awesome 6 (free) \u0026 Inter font --\u003e\n\u003cp\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    \/* minimal reset for embedding – this component won't leak outside *\/\n    .bundle-wrapper {\n      font-family: \"Inter\", system-ui, -apple-system, sans-serif;\n      background: transparent;  \/* blend with any site background *\/\n      display: flex;\n      justify-content: center;\n      width: 100%;\n    }\n\n    .bundle-container {\n      max-width: 1300px;\n      width: 100%;\n      background: rgba(255, 250, 245, 0.85);\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n      border-radius: 3.5rem;\n      padding: 3rem 2.5rem;\n      box-shadow: 0 25px 45px -20px rgba(140, 80, 100, 0.25), 0 2px 12px rgba(255, 225, 235, 0.6);\n      border: 1px solid rgba(255, 240, 235, 0.8);\n      margin: 0 auto;   \/* no external margin overflow *\/\n    }\n\n    \/* larger base font for desktop *\/\n    .bundle-container {\n      font-size: 1.1rem;\n    }\n\n    \/* header *\/\n    .bundle-header {\n      text-align: center;\n      margin-bottom: 3rem;\n    }\n\n    .bundle-header h2 {\n      font-size: 3.2rem;\n      font-weight: 700;\n      letter-spacing: -0.02em;\n      background: linear-gradient(130deg, #b23b5e, #d4698b, #f9a8bb);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      margin-bottom: 0.75rem;\n    }\n\n    .bundle-sub {\n      font-size: 1.4rem;\n      font-weight: 400;\n      color: #35222d;\n      background: #ffeef4e0;\n      display: inline-block;\n      padding: 0.5rem 2rem;\n      border-radius: 60px;\n      border: 1px solid #ffd5e2;\n      box-shadow: 0 4px 12px #fad0dc;\n    }\n\n    \/* 3 products – larger text *\/\n    .products-row {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 2rem;\n      margin: 3.5rem 0 3rem;\n    }\n\n    .product-item {\n      background: #ffffffd9;\n      backdrop-filter: blur(4px);\n      border-radius: 2.5rem;\n      padding: 2.2rem 1.5rem 2rem;\n      text-align: center;\n      border: 1px solid #ffffff;\n      box-shadow: 0 18px 30px -16px #cfa2b4;\n      transition: transform 0.2s;\n    }\n\n    .product-item:hover {\n      transform: translateY(-8px);\n    }\n\n    .product-icon {\n      width: 5.2rem;\n      height: 5.2rem;\n      background: #ffdee9;\n      border-radius: 3rem;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto 1.5rem;\n      font-size: 2.8rem;\n      color: #a63658;\n      box-shadow: 0 6px 12px #fecfdd;\n    }\n\n    .product-item h3 {\n      font-size: 1.9rem;\n      font-weight: 650;\n      color: #281c22;\n      margin-bottom: 1rem;\n      line-height: 1.2;\n    }\n\n    .product-desc {\n      font-size: 1.1rem;\n      color: #46333e;\n      line-height: 1.6;\n      margin-bottom: 1.2rem;\n    }\n\n    .product-highlight {\n      font-weight: 600;\n      color: #b13d62;\n      background: #fef0f5;\n      padding: 0.5rem 1rem;\n      border-radius: 40px;\n      display: inline-block;\n      font-size: 1rem;\n      border: 1px solid #ffbfd2;\n    }\n\n    \/* benefits banner *\/\n    .benefits-area {\n      background: #fff1f7f0;\n      border-radius: 3rem;\n      padding: 2.5rem 2.2rem;\n      margin: 3rem 0 3rem;\n      border: 1px solid #ffd3e2;\n    }\n\n    .benefits-area h3 {\n      font-size: 2.3rem;\n      font-weight: 600;\n      color: #2d1c26;\n      margin-bottom: 2rem;\n      display: flex;\n      align-items: center;\n      gap: 0.8rem;\n    }\n\n    .benefits-area h3 i {\n      font-size: 2.6rem;\n      color: #cf6f90;\n    }\n\n    .benefits-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 2.2rem;\n    }\n\n    .benefit-block {\n      display: flex;\n      gap: 1.2rem;\n      align-items: flex-start;\n    }\n\n    .benefit-icon-small {\n      min-width: 3rem;\n      height: 3rem;\n      background: #ffdde9;\n      border-radius: 2rem;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #ab3e62;\n      font-size: 1.5rem;\n    }\n\n    .benefit-text strong {\n      font-size: 1.3rem;\n      font-weight: 650;\n      display: block;\n      margin-bottom: 0.3rem;\n      color: #2c1b24;\n    }\n\n    .benefit-text span {\n      font-size: 1.05rem;\n      color: #4b3742;\n      line-height: 1.5;\n    }\n\n    \/* use cases (4 cards) *\/\n    .usecase-header {\n      font-size: 2.2rem;\n      font-weight: 600;\n      margin: 3rem 0 2rem;\n      display: flex;\n      align-items: center;\n      gap: 0.8rem;\n      color: #2d1c25;\n    }\n\n    .usecase-header i {\n      font-size: 2.4rem;\n      color: #ce6f90;\n    }\n\n    .usecase-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 1.8rem;\n    }\n\n    .usecard {\n      background: white;\n      border-radius: 2.2rem;\n      padding: 2rem 1.3rem;\n      text-align: center;\n      border: 1px solid #ffe6f0;\n      box-shadow: 0 10px 24px -12px #b58599;\n    }\n\n    .usecard:hover {\n      background: #fff9fc;\n    }\n\n    .usecard-icon {\n      font-size: 2.6rem;\n      background: #fad7e4;\n      width: 5rem;\n      height: 5rem;\n      border-radius: 3rem;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto 1.2rem;\n      color: #a13d5b;\n    }\n\n    .usecard h4 {\n      font-size: 1.5rem;\n      font-weight: 650;\n      margin-bottom: 0.7rem;\n      color: #2e1d27;\n    }\n\n    .usecard p {\n      font-size: 1.05rem;\n      color: #4f3a45;\n      line-height: 1.5;\n    }\n\n    \/* footer \/ dummy cta *\/\n    .bundle-footer {\n      margin-top: 3.5rem;\n      text-align: center;\n    }\n\n    .btn-glow {\n      background: #c2567a;\n      border: 1px solid #ffb8ce;\n      color: white;\n      font-size: 1.4rem;\n      font-weight: 550;\n      padding: 1.2rem 3.5rem;\n      border-radius: 60px;\n      display: inline-flex;\n      align-items: center;\n      gap: 1rem;\n      box-shadow: 0 16px 24px -12px #c77999;\n      cursor: default;\n      transition: 0.1s;\n      letter-spacing: 0.3px;\n    }\n\n    .btn-glow i {\n      font-size: 1.6rem;\n    }\n\n    \/* desktop adjustments *\/\n    @media (min-width: 1400px) {\n      .bundle-container {\n        font-size: 1.2rem;\n      }\n    }\n\n    \/* tablet \/ medium screens *\/\n    @media (max-width: 1000px) {\n      .products-row { grid-template-columns: 1fr; }\n      .benefits-grid { grid-template-columns: 1fr; }\n      .usecase-grid { grid-template-columns: repeat(2, 1fr); }\n      .bundle-header h2 { font-size: 2.8rem; }\n    }\n\n    @media (max-width: 600px) {\n      .usecase-grid { grid-template-columns: 1fr; }\n      .bundle-container { padding: 2rem 1.2rem; }\n    }\n\n    \/* fixed icon for cream (replaced fa-cream with valid ones) *\/\n    .cream-icon-fix {\n      \/* using jar icon as alternative to missing \"fa-cream\" *\/\n    }\n  \u003c\/style\u003e\n\u003c!-- the background is just for demo; the component itself blends --\u003e\n\u003cdiv class=\"bundle-wrapper\"\u003e\n\u003cdiv class=\"bundle-container\"\u003e\n\u003c!-- header --\u003e\n\u003cdiv class=\"bundle-header\"\u003e\n\u003ch2\u003eultimate brightening trio\u003c\/h2\u003e\n\u003cdiv class=\"bundle-sub\"\u003e\n\u003ci class=\"fas fa-sparkles\" style=\"margin-right: 8px;\"\u003e\u003c\/i\u003e complete 3‑step radiance ritual\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3 products (visible benefits per item) --\u003e\n\u003cdiv class=\"products-row\"\u003e\n\u003c!-- facewash --\u003e\n\u003cdiv class=\"product-item\"\u003e\n\u003cdiv class=\"product-icon\"\u003e\n\u003ci class=\"fas fa-face-smile\"\u003e\u003c\/i\u003efacewash\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch3\u003eActive \u0026amp; Whitening Facewash\u003c\/h3\u003e\n\u003cdiv class=\"product-desc\"\u003eDeeply cleanses pores, gently exfoliates dead skin.\u003c\/div\u003e\n\u003cdiv class=\"product-highlight\"\u003e\n\u003ci class=\"fas fa-droplet\" style=\"margin-right: 6px;\"\u003e\u003c\/i\u003e removes dullness, preps for serum\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- serum --\u003e\n\u003cdiv class=\"product-item\"\u003e\n\u003cdiv class=\"product-icon\"\u003e\n\u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003eglowserum\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch3\u003eUltra Bright Glow Serum\u003c\/h3\u003e\n\u003cdiv class=\"product-desc\"\u003eConcentrated brighteners (vitamin C \/ niacinamide) target dark spots.\u003c\/div\u003e\n\u003cdiv class=\"product-highlight\"\u003e\n\u003ci class=\"fas fa-sun\"\u003e\u003c\/i\u003e evens tone, boosts “glass skin”\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- cream – fixed icon (was fa-cream) now fa-jar or fa-bottle-cream --\u003e\n\u003cdiv class=\"product-item\"\u003e\n\u003cdiv class=\"product-icon\"\u003e\n\u003ci class=\"fas fa-jar\"\u003e\u003c\/i\u003eCream\u003cbr\u003e\n\u003c\/div\u003e\n\u003c!-- valid solid icon --\u003e\n\u003ch3\u003eBright Whitening Beauty Cream\u003c\/h3\u003e\n\u003cdiv class=\"product-desc\"\u003eLocks in moisture, protects against stressors.\u003c\/div\u003e\n\u003cdiv class=\"product-highlight\"\u003e\n\u003ci class=\"fas fa-feather\"\u003e\u003c\/i\u003e keeps skin soft, visibly lighter\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- benefits block (what ingredients do) --\u003e\n\u003cdiv class=\"benefits-area\"\u003e\n\u003ch3\u003e\n\u003ci class=\"fas fa-spa\"\u003e\u003c\/i\u003e why this bundle works\u003c\/h3\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-block\"\u003e\n\u003cdiv class=\"benefit-icon-small\"\u003e\n\u003ci class=\"fas fa-pump-soap\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-text\"\u003e\n\u003cstrong\u003ecleanse + prep\u003c\/strong\u003e \u003cspan\u003eFacewash removes impurities without stripping, preps skin for serum.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-block\"\u003e\n\u003cdiv class=\"benefit-icon-small\"\u003e\n\u003ci class=\"fas fa-bolt\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-text\"\u003e\n\u003cstrong\u003eintense radiance\u003c\/strong\u003e \u003cspan\u003eSerum floods skin with light‑reflecting glow \u0026amp; fades dark spots.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-block\"\u003e\n\u003cdiv class=\"benefit-icon-small\"\u003e\n\u003ci class=\"fas fa-shield-heart\"\u003e🤗\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-text\"\u003e\n\u003cstrong\u003eseal \u0026amp; protect\u003c\/strong\u003e \u003cspan\u003eRich cream locks moisture, defends from environmental stressors.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- use cases: 4 modern cards --\u003e\n\u003cdiv class=\"usecase-header\"\u003e\n\u003ci class=\"fas fa-clock\"\u003e\u003c\/i\u003e perfect for every moment\u003c\/div\u003e\n\u003cdiv class=\"usecase-grid\"\u003e\n\u003cdiv class=\"usecard\"\u003e\n\u003cdiv class=\"usecard-icon\"\u003e\n\u003ci class=\"fas fa-sun\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch4\u003e3‑step glow routine\u003c\/h4\u003e\n\u003cp\u003eMorning \u0026amp; night: cleanse → treat → moisturize. Effortless daily ritual.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usecard\"\u003e\n\u003cdiv class=\"usecard-icon\"\u003e\n\u003ci class=\"fas fa-face-tired\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch4\u003ethe dullness fix\u003c\/h4\u003e\n\u003cp\u003eTired skin? Facewash buffs away dull layer, serum + cream revive instantly.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usecard\"\u003e\n\u003cdiv class=\"usecard-icon\"\u003e\n\u003ci class=\"fas fa-ring\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch4\u003ewedding \/ event prep\u003c\/h4\u003e\n\u003cp\u003e4‑6 weeks: reduces tan \u0026amp; pigmentation for that big‑day glow.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usecard\"\u003e\n\u003cdiv class=\"usecard-icon\"\u003e\n\u003ci class=\"fas fa-umbrella-beach\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch4\u003epost‑sun rescue\u003c\/h4\u003e\n\u003cp\u003eCooling cleanse + overnight repair to undo sun damage and restore tone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- subtle footer (non-invasive) --\u003e\n\u003cdiv class=\"bundle-footer\"\u003e\u003cspan class=\"btn-glow\"\u003e\u003ci class=\"fas fa-sparkles\"\u003e\u003c\/i\u003e SAVE 20% ITS LIMITED TIME!\u003ci class=\"fas fa-arrow-right\"\u003e\u003c\/i\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- fine print --\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; font-size: 0.9rem; color: #9f7587; border-top: 1px dashed #efc9d6; padding-top: 1.2rem;\"\u003e\n\u003ci class=\"fas fa-flask\"\u003e\u003c\/i\u003e Active \u0026amp; whitening facewash · ultra bright glow serum · bright whitening cream\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":" Ready. Set. Glow!","offers":[{"title":"Default Title","offer_id":43021456932925,"sku":null,"price":1800.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0650\/1531\/6541\/files\/WhiteandBrownModernSkincareBigSaleInstagramPost_6.png?v=1772505339","url":"https:\/\/gloortales.com\/products\/glow-white-bundle-kit","provider":" Ready. Set. Glow!","version":"1.0","type":"link"}