{"product_id":"dual-therapy-facial-compress","title":"Dual Therapy Facial Compress","description":" \n\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--\n[AI Design Logic]\nProduct Type: Skincare \/ Spa Accessory (Facial Steaming Towel)\nTarget Audience: Women \/ Skincare Enthusiasts\nVisual Style: Soft, Calming, Spa-like, Feminine\nColor Strategy: Soft Blush Pink (--primary) with warm white and soft charcoal text for high contrast without harshness.\nShape Strategy: Radius 20px (Gentle, approachable, skin-friendly)\nTypography Strategy: Large Type \/ Mobile-first readable (H1: 34-44px, Body: 18-20px)\nMobile Table Strategy: Card-based (No horizontal scroll, full visibility)\nImage Mapping: Hero=image_1, Feature1(Hot\/Cold)=image_2, Feature2(Design)=image_3, Feature3(Material)=image_4\n--\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n      \/* Design System Variables *\/\n      --primary: #e69a9f; \n      --primary-light: #fcf4f5;\n      --text-main: #2a2a2a;\n      --text-sub: #5c5c5c;\n      --bg-body: #ffffff;\n      --bg-card: #fafafa;\n      --radius-md: 16px;\n      --radius-lg: 24px;\n      --shadow-sm: 0 8px 24px rgba(230, 154, 159, 0.08);\n      --shadow-lg: 0 16px 48px rgba(230, 154, 159, 0.15);\n      --border-color: #f2e1e2;\n\n      \/* Container Setup *\/\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 5%;\n      box-sizing: border-box;\n      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n      color: var(--text-main);\n      background-color: var(--bg-body);\n      overflow-wrap: break-word;\n      word-break: break-word;\n      -webkit-font-smoothing: antialiased;\n    }\n\n    .product-detail-container * {\n      box-sizing: border-box;\n    }\n\n    \/* Typography System *\/\n    .product-detail-container h1 {\n      font-size: clamp(32px, 4vw, 44px);\n      line-height: 1.2;\n      font-weight: 700;\n      margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;\n      color: var(--text-main);\n    }\n\n    .product-detail-container h2 {\n      font-size: clamp(24px, 3vw, 32px);\n      line-height: 1.3;\n      font-weight: 600;\n      margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;\n    }\n\n    .product-detail-container h3 {\n      font-size: clamp(20px, 2.5vw, 24px);\n      line-height: 1.4;\n      font-weight: 600;\n      margin: 0 0 1rem 0;\n      color: var(--primary);\n    }\n\n    .product-detail-container p {\n      font-size: clamp(18px, 2vw, 20px);\n      line-height: 1.7;\n      margin: 0 0 1rem 0;\n      color: var(--text-sub);\n    }\n\n    .product-detail-container .sub-text {\n      font-size: clamp(16px, 1.8vw, 18px);\n      color: var(--text-sub);\n    }\n\n    \/* Section Spacing *\/\n    .section-spacing {\n      margin-top: clamp(2rem, 5vw, 4rem);\n      margin-bottom: clamp(2rem, 5vw, 4rem);\n    }\n\n    \/* Image Rules (Strictly Anti-Distortion) *\/\n    .product-detail-container img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-lg);\n      box-shadow: var(--shadow-sm);\n    }\n\n    \/* Image Placeholder Rule *\/\n    .img-placeholder {\n      width: 100%;\n      aspect-ratio: 4 \/ 3;\n      background-color: var(--bg-card);\n      border: 2px dashed var(--border-color);\n      border-radius: var(--radius-lg);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 18px;\n      color: #999;\n      font-weight: 500;\n    }\n\n    \/* Badges (Non-clickable) *\/\n    .visual-badge {\n      display: inline-block;\n      background-color: var(--primary-light);\n      color: var(--primary);\n      padding: 8px 16px;\n      border-radius: 50px;\n      font-size: 16px;\n      font-weight: 600;\n      margin-bottom: 1rem;\n      border: 1px solid var(--border-color);\n    }\n\n    \/* Hero Section *\/\n    .hero-section {\n      text-align: center;\n      max-width: 900px;\n      margin: 0 auto clamp(3rem, 6vw, 5rem) auto;\n      padding-top: clamp(1rem, 3vw, 2rem);\n    }\n\n    .social-proof {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      background: var(--bg-card);\n      padding: 10px 24px;\n      border-radius: var(--radius-md);\n      margin-top: 1.5rem;\n      font-size: 16px;\n      font-weight: 500;\n      border: 1px solid var(--border-color);\n    }\n\n    .stars {\n      color: #FFB800;\n      letter-spacing: 2px;\n    }\n\n    \/* Features Layout (Mobile Locked \u0026 Z-Pattern Desktop) *\/\n    .features-wrapper {\n      display: flex;\n      flex-direction: column;\n      gap: clamp(3rem, 6vw, 5rem);\n    }\n\n    .feature-item {\n      display: flex;\n      flex-direction: column; \/* Mobile first: strictly Col *\/\n      gap: clamp(1.5rem, 4vw, 3rem);\n    }\n\n    .feature-media {\n      width: 100%;\n    }\n\n    .feature-copy {\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n\n    @media (min-width: 768px) {\n      .feature-item {\n        flex-direction: row; \/* Z-Pattern active on Desktop *\/\n        align-items: center;\n      }\n      .feature-item:nth-child(even) {\n        flex-direction: row-reverse;\n      }\n      .feature-media, .feature-copy {\n        flex: 1; \/* 50\/50 split *\/\n      }\n    }\n\n    \/* Specs Table (Mobile Card Strategy) *\/\n    .specs-section {\n      background: var(--primary-light);\n      padding: clamp(2rem, 5vw, 4rem);\n      border-radius: var(--radius-lg);\n    }\n\n    .specs-table-wrapper table {\n      width: 100%;\n      border-collapse: collapse;\n      margin-top: 1.5rem;\n    }\n\n    .specs-table-wrapper th, \n    .specs-table-wrapper td {\n      padding: 18px 24px;\n      text-align: left;\n      font-size: 18px;\n    }\n\n    .specs-table-wrapper th {\n      background-color: var(--primary);\n      color: #fff;\n      font-weight: 600;\n    }\n\n    .specs-table-wrapper th:first-child {\n      border-top-left-radius: var(--radius-md);\n    }\n\n    .specs-table-wrapper th:last-child {\n      border-top-right-radius: var(--radius-md);\n    }\n\n    .specs-table-wrapper td {\n      border-bottom: 1px solid var(--border-color);\n      background-color: var(--bg-body);\n      color: var(--text-sub);\n    }\n\n    \/* Mobile Table overriding *\/\n    @media (max-width: 767px) {\n      .specs-table-wrapper table, \n      .specs-table-wrapper thead, \n      .specs-table-wrapper tbody, \n      .specs-table-wrapper tr, \n      .specs-table-wrapper th, \n      .specs-table-wrapper td {\n        display: block;\n        width: 100%;\n      }\n      \n      .specs-table-wrapper thead {\n        display: none;\n      }\n\n      .specs-table-wrapper tr {\n        margin-bottom: 1.5rem;\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-md);\n        background: var(--bg-body);\n        overflow: hidden;\n        box-shadow: var(--shadow-sm);\n      }\n\n      .specs-table-wrapper td {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        border-bottom: 1px solid var(--border-color);\n        padding: 16px;\n      }\n\n      .specs-table-wrapper td:last-child {\n        border-bottom: none;\n      }\n\n      .specs-table-wrapper td::before {\n        content: attr(data-label);\n        font-weight: 600;\n        color: var(--text-main);\n        margin-right: 1rem;\n        flex-shrink: 0;\n      }\n    }\n\n    \/* FAQ Section *\/\n    .faq-section {\n      background-color: var(--bg-body);\n    }\n\n    .faq-item {\n      margin-bottom: 1.5rem;\n      padding: 24px;\n      border-radius: var(--radius-md);\n      background: var(--bg-card);\n      border: 1px solid var(--border-color);\n    }\n\n    .faq-item h3 {\n      color: var(--text-main);\n      margin-bottom: 0.5rem;\n    }\n\n    .faq-item p {\n      margin-bottom: 0;\n    }\n\u003c\/style\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"hero-section section-spacing\"\u003e\n\u003cdiv class=\"visual-badge\"\u003eSpa Quality Skincare\u003c\/div\u003e\n\n\u003ch1\u003eTransform Your Home into a Luxury Spa Experience\u003c\/h1\u003e\n\n\u003ch2\u003eAchieve glowing, deeply hydrated skin in minutes with our reusable hot and cold facial compress.\u003c\/h2\u003e\n\n\u003cdiv class=\"social-proof\"\u003e\n\u003cspan class=\"stars\"\u003e★★★★★\u003c\/span\u003e Loved by 10,000+ Skincare Enthusiasts\u003c\/div\u003e\n\n\u003cdiv class=\"section-spacing\"\u003e\n\u003c!-- Image mapping logic: Replace placeholder with actual img tag using natural flow --\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260320134239\/a0139e3196610ea5abff909f7c50c8cc.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"features-wrapper section-spacing\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260320134239\/6bf8394142941df0624357d8238a4e88.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eDual Therapy for Flawless Skin\u003c\/h3\u003e\n\n\u003ch2\u003eSpa-Level Treatment on Demand\u003c\/h2\u003e\n\n\u003cp\u003e\u003cstrong\u003eHot Therapy:\u003c\/strong\u003e Simply wet the towel, wring it out, and microwave for 30 seconds. The gentle heat instantly opens your pores, allowing your skin to absorb beauty serums and lotions more effectively.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eCold Compress:\u003c\/strong\u003e Wrap it and place it in the refrigerator to create a cooling mask that reduces puffiness, tightens pores, and soothes morning skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2: Unique Detachable Design --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260320134239\/f78c6d7d01fe9b38593e7cd5a91ae50b.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eSmart \u0026amp; Mess-Free\u003c\/h3\u003e\n\n\u003ch2\u003eInnovative Detachable Design\u003c\/h2\u003e\n\n\u003cp\u003eSay goodbye to wet, uncomfortable straps holding your hair. Our face towel features a unique button-detachable design, allowing you to easily remove the strap before heating or washing.\u003c\/p\u003e\n\n\u003cp\u003eEnjoy a secure, slip-free fit that perfectly contours to your face without risking damp hair after your relaxing routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3: Quality Material \u0026 Fit --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260320134239\/da2380ad0d0529ff5ae7861f06150f04.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eCloud-Like Comfort\u003c\/h3\u003e\n\n\u003ch2\u003ePremium Breathable Fabric\u003c\/h2\u003e\n\n\u003cp\u003eCrafted from exceptional soft fleece, this facial steamer towel acts gently on delicate facial skin. The highly breathable material promotes blood circulation without feeling heavy or suffocating.\u003c\/p\u003e\n\n\u003cp\u003eDesigned with a flexible, stretchable universal size, it comfortably fits the faces of most women and girls. Plus, it is completely reusable, making it an eco-friendly addition to your vanity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SPECIFICATIONS TABLE (Mobile Card Strategy) --\u003e\n\n\u003cdiv class=\"specs-section section-spacing\"\u003e\n\u003ch2\u003eProduct Specifications\u003c\/h2\u003e\n\n\u003cp\u003eEverything you need to know about your new skincare essential.\u003c\/p\u003e\n\n\u003cdiv class=\"specs-table-wrapper\"\u003e\n\u003ctable\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eSpecification\u003c\/th\u003e\n\t\t\t\u003cth\u003eDetail\u003c\/th\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/thead\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003ePackage Quantity\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Detail\"\u003e1 Piece per pack\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eMaterial\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Detail\"\u003ePremium Breathable Soft Fleece\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eSize (Approx)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Detail\"\u003e24 cm x 24 cm \/ 9.4 in x 9.4 in (Stretchable)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eWeight per Towel\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Detail\"\u003e40 g \/ 1.4 oz\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eHeating Instructions\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Detail\"\u003eMicrowave for max 30 seconds (Approx 40°C \/ 104°F safe temp)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ SECTION --\u003e\n\n\u003cdiv class=\"faq-section section-spacing\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eHow do I safely heat the towel?\u003c\/h3\u003e\n\n\u003cp\u003eThoroughly wet the towel with clean water and completely wring out the excess. Place it in the microwave for approximately 30 seconds. Always test the temperature on your wrist before applying it to your face to ensure a safe, comfortable warmth.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eCan I wash and reuse these towels?\u003c\/h3\u003e\n\n\u003cp\u003eAbsolutely. These towels are made of high-quality, durable materials designed for repeated use. Simply detach the strap, machine wash on a gentle cycle, and let them air dry to maintain their cloud-like softness.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eHow often should I use the facial compress?\u003c\/h3\u003e\n\n\u003cp\u003eFor best results, you can incorporate the hot compress into your nightly routine before applying serums, 3-4 times a week. The cold compress is perfect for daily morning use to reduce puffiness and wake up your skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"🤍 1-Pack (Starter)","offer_id":45359326757055,"sku":"0327-11532077","price":12.95,"currency_code":"USD","in_stock":true},{"title":"💕 2-Pack (Everyday Duo)","offer_id":45359326789823,"sku":"0327-11539304","price":19.95,"currency_code":"USD","in_stock":true},{"title":"👑 4-Pack (Pro Spa Set - Save 30%)","offer_id":45359326822591,"sku":"0327-11534310","price":26.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0701\/3220\/3711\/files\/a0139e3196610ea5abff909f7c50c8cc.jpg?v=1774583649","url":"https:\/\/ggkbkw-fz.myshopify.com\/products\/dual-therapy-facial-compress","provider":"Bak","version":"1.0","type":"link"}