{"product_id":"dual-therapy-facial-compress","title":"Dual Therapy Facial Compress Stornfield","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\"\u003eSoin de la peau qualité spa\u003c\/div\u003e\n\n\u003ch1\u003eTransformez votre maison en une expérience spa de luxe\u003c\/h1\u003e\n\n\u003ch2\u003eObtenez une peau éclatante et profondément hydratée en quelques minutes grâce à notre compresse faciale chaude et froide réutilisable.\u003c\/h2\u003e\n\n\u003cdiv class=\"social-proof\"\u003e\n\u003cspan class=\"stars\"\u003e★★★★★\u003c\/span\u003e Aimé par plus de 10 000 passionnées de soins de la peau\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\u003eDouble Thérapie pour une Peau Impeccable\u003c\/h3\u003e\n\n\u003ch2\u003eUn Traitement de Niveau Spa à la Demande\u003c\/h2\u003e\n\n\u003cp\u003e\u003cstrong\u003eThérapie Chaude :\u003c\/strong\u003e Mouillez simplement la serviette, essorez-la et passez-la au micro-ondes pendant 30 secondes. La chaleur douce ouvre instantanément vos pores, permettant à votre peau d'absorber plus efficacement les sérums et lotions de beauté.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eCompresse Froide :\u003c\/strong\u003e Enveloppez-la et placez-la au réfrigérateur pour créer un masque rafraîchissant qui réduit les poches, resserre les pores et apaise la peau du matin.\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\u003eIntelligent et Sans Désordre\u003c\/h3\u003e\n\n\u003ch2\u003eDesign Démontable Innovant\u003c\/h2\u003e\n\n\u003cp\u003eDites adieu aux sangles humides et inconfortables qui retiennent vos cheveux. Notre serviette faciale est dotée d'un design unique à bouton détachable, vous permettant de retirer facilement la sangle avant de la chauffer ou de la laver.\u003c\/p\u003e\n\n\u003cp\u003eProfitez d'un ajustement sûr et antidérapant qui épouse parfaitement les contours de votre visage sans risquer d'humidifier vos cheveux après votre routine relaxante.\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\u003eConfort Nuageux\u003c\/h3\u003e\n\n\u003ch2\u003eTissu Respirant de Qualité Supérieure\u003c\/h2\u003e\n\n\u003cp\u003eFabriquée en polaire exceptionnellement douce, cette serviette à vapeur faciale agit en douceur sur la peau délicate du visage. Le matériau hautement respirant favorise la circulation sanguine sans sensation de lourdeur ou d'étouffement.\u003c\/p\u003e\n\n\u003cp\u003eConçue avec une taille universelle souple et extensible, elle s'adapte confortablement aux visages de la plupart des femmes et des jeunes filles. De plus, elle est entièrement réutilisable, ce qui en fait un ajout écologique à votre coiffeuse.\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\u003eSpécifications du produit\u003c\/h2\u003e\n\n\u003cp\u003eTout ce que vous devez savoir sur votre nouvel essentiel de soin de la peau.\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\u003eSpécification\u003c\/th\u003e\n\t\t\t\u003cth\u003eDétail\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=\"Spécification\"\u003eQuantité par paquet\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Détail\"\u003e1 pièce par paquet\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Spécification\"\u003eMatériau\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Détail\"\u003ePolaire douce respirante de qualité supérieure\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Spécification\"\u003eTaille (approx.)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Détail\"\u003e24 cm x 24 cm \/ 9,4 po x 9,4 po (extensible)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Spécification\"\u003ePoids par serviette\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Détail\"\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=\"Spécification\"\u003eInstructions de chauffage\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Détail\"\u003eMicro-ondes pendant max 30 secondes (environ 40°C \/ 104°F température sûre)\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\u003eQuestions Fréquemment Posées\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eComment chauffer la serviette en toute sécurité ?\u003c\/h3\u003e\n\n\u003cp\u003eMouillez soigneusement la serviette avec de l'eau propre et essorez complètement l'excès. Placez-la au micro-ondes pendant environ 30 secondes. Testez toujours la température sur votre poignet avant de l'appliquer sur votre visage pour assurer une chaleur sûre et confortable.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003ePuis-je laver et réutiliser ces serviettes ?\u003c\/h3\u003e\n\n\u003cp\u003eAbsolument. Ces serviettes sont fabriquées à partir de matériaux durables de haute qualité, conçus pour une utilisation répétée. Il suffit de détacher la sangle, de les laver en machine sur un cycle délicat et de les laisser sécher à l'air libre pour conserver leur douceur nuageuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eÀ quelle fréquence dois-je utiliser la compresse faciale ?\u003c\/h3\u003e\n\n\u003cp\u003ePour de meilleurs résultats, vous pouvez incorporer la compresse chaude à votre routine nocturne avant d'appliquer les sérums, 3 à 4 fois par semaine. La compresse froide est parfaite pour une utilisation quotidienne le matin afin de réduire les poches et de réveiller votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Stornfield","offers":[{"title":"🤍 1-Pack (Starter)","offer_id":53622267576647,"sku":null,"price":26.99,"currency_code":"GBP","in_stock":true},{"title":"💕 2-Pack (Everyday Duo)","offer_id":53622267609415,"sku":null,"price":26.99,"currency_code":"GBP","in_stock":true},{"title":"👑 4-Pack (Pro Spa Set - Save 30%)","offer_id":53622267642183,"sku":null,"price":29.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0860\/2006\/3559\/files\/a0139e3196610ea5abff909f7c50c8cc.jpg?v=1774941879","url":"https:\/\/stornfield.co.uk\/products\/dual-therapy-facial-compress","provider":"Stornfield","version":"1.0","type":"link"}