{"product_id":"gentle-exfoliating-shower-oil","title":"Gentle Exfoliating Shower Oil","description":"\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--\n  [AI Design Logic]\n  产品类型：身体护理沐浴油 (Bath Oil)\n  目标受众：有毛周角化（鸡皮）、身体粗糙、背部痘痘困扰的人群\n  视觉风格：清透、滋润、专业、以青绿色和金色为主调\n  配色策略：采用标签的青绿色作为主色，金色油滴作为强调色\n  --\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n      \/* Design System Variables *\/\n      --primary: #008F85;\n      --primary-hover: #00756D;\n      --accent: #CFA645;\n      --text-main: #2C3333;\n      --text-sub: #5C6666;\n      --bg-body: #FFFFFF;\n      --bg-card: #F4F9F9;\n      --bg-soft: #E8F2F2;\n      --radius-md: 12px;\n      --radius-lg: 20px;\n      --shadow-sm: 0 4px 16px rgba(0, 143, 133, 0.06);\n      --shadow-hover: 0 12px 32px rgba(0, 143, 133, 0.12);\n      --border-color: #DDEBEB;\n      --spacing-section: clamp(4rem, 8vw, 6rem);\n      --spacing-module: clamp(2rem, 5vw, 3rem);\n      --transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 3rem 5%;\n      box-sizing: border-box;\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: var(--text-main);\n      line-height: 1.7;\n      overflow-wrap: break-word;\n      background-color: var(--bg-body);\n    }\n\n    \/* Typography *\/\n    .product-detail-container h1 {\n      font-size: clamp(36px, 5vw, 48px);\n      font-weight: 800;\n      line-height: 1.2;\n      margin-bottom: 1.2rem;\n      color: var(--primary);\n      letter-spacing: -0.5px;\n    }\n\n    .product-detail-container h2 {\n      font-size: clamp(28px, 4vw, 36px);\n      font-weight: 700;\n      margin-bottom: 1.2rem;\n      color: var(--text-main);\n      line-height: 1.3;\n    }\n\n    .product-detail-container h3 {\n      font-size: 22px;\n      font-weight: 700;\n      margin-bottom: 1rem;\n    }\n\n    .product-detail-container p {\n      font-size: clamp(16px, 1.5vw, 18px);\n      margin-bottom: 1.5rem;\n      color: var(--text-sub);\n    }\n\n    \/* Reusable Components *\/\n    .image-wrapper {\n      position: relative;\n      width: 100%;\n      border-radius: var(--radius-lg);\n      overflow: hidden;\n      background-color: var(--bg-card);\n      box-shadow: var(--shadow-sm);\n      transition: var(--transition);\n    }\n\n    .image-wrapper:hover {\n      box-shadow: var(--shadow-hover);\n      transform: translateY(-4px);\n    }\n\n    .image-wrapper img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.6s ease;\n    }\n\n    .image-wrapper:hover img {\n      transform: scale(1.03);\n    }\n\n    .aspect-video { aspect-ratio: 16 \/ 9; }\n    .aspect-square { aspect-ratio: 1 \/ 1; }\n\n    .badge {\n      display: inline-flex;\n      align-items: center;\n      padding: 0.5rem 1.2rem;\n      background-color: var(--bg-soft);\n      color: var(--primary);\n      border-radius: 50px;\n      font-size: 15px;\n      font-weight: 600;\n      margin-right: 0.75rem;\n      margin-bottom: 0.75rem;\n      transition: var(--transition);\n    }\n\n    .badge:hover {\n      background-color: var(--primary);\n      color: #FFFFFF;\n    }\n\n    \/* Section Spacing *\/\n    .pd-section {\n      margin-bottom: var(--spacing-section);\n    }\n\n    \/* Hero Module *\/\n    .hero-section {\n      display: flex;\n      flex-direction: column;\n      gap: clamp(2rem, 4vw, 3rem);\n      align-items: center;\n      text-align: center;\n    }\n\n    .hero-content {\n      max-width: 850px;\n    }\n\n    .trust-tag {\n      color: var(--accent);\n      font-weight: 700;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      margin-bottom: 1.2rem;\n      display: inline-block;\n      font-size: 14px;\n      background: rgba(207, 166, 69, 0.1);\n      padding: 0.4rem 1rem;\n      border-radius: 30px;\n    }\n\n    \/* Feature Sections (Z-Pattern) *\/\n    .feature-section {\n      display: flex;\n      align-items: center;\n      gap: clamp(3rem, 8vw, 6rem);\n    }\n\n    .feature-section:nth-child(even) {\n      flex-direction: row-reverse;\n    }\n\n    .feature-media,\n    .feature-copy {\n      flex: 1;\n    }\n\n    \/* Specifications Module *\/\n    .specs-box {\n      background-color: var(--bg-body);\n      padding: 0;\n      border-radius: var(--radius-lg);\n      border: 1px solid var(--border-color);\n      box-shadow: var(--shadow-sm);\n      overflow: hidden;\n    }\n\n    .specs-table {\n      width: 100%;\n      border-collapse: collapse;\n    }\n\n    .specs-table th,\n    .specs-table td {\n      padding: 1.2rem 1.5rem;\n      text-align: left;\n      border-bottom: 1px solid var(--border-color);\n      font-size: 16px;\n    }\n\n    .specs-table th {\n      width: 35%;\n      background-color: var(--bg-card);\n      color: var(--primary);\n      font-weight: 600;\n    }\n\n    .specs-table tr:last-child th,\n    .specs-table tr:last-child td {\n      border-bottom: none;\n    }\n\n    \/* FAQ Module *\/\n    .faq-list {\n      display: flex;\n      flex-direction: column;\n      gap: 1rem;\n    }\n\n    .faq-item {\n      background-color: var(--bg-card);\n      border: 1px solid transparent;\n      border-radius: var(--radius-md);\n      overflow: hidden;\n      transition: var(--transition);\n    }\n\n    .faq-item:hover {\n      border-color: var(--border-color);\n      box-shadow: var(--shadow-sm);\n    }\n\n    .faq-question {\n      font-size: 18px;\n      font-weight: 600;\n      cursor: pointer;\n      padding: 1.5rem;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      color: var(--text-main);\n      list-style: none; \/* Remove default marker *\/\n      transition: color 0.3s ease;\n    }\n\n    .faq-question::-webkit-details-marker {\n      display: none; \/* Remove default marker for Safari *\/\n    }\n\n    .faq-question::after {\n      content: \"+\";\n      font-size: 24px;\n      color: var(--primary);\n      font-weight: 400;\n      transition: transform 0.3s ease;\n    }\n\n    .faq-item[open] .faq-question {\n      color: var(--primary);\n      padding-bottom: 0.5rem;\n    }\n\n    .faq-item[open] .faq-question::after {\n      content: \"−\";\n      transform: rotate(180deg);\n    }\n\n    .faq-answer {\n      padding: 0 1.5rem 1.5rem 1.5rem;\n      font-size: 16px;\n      color: var(--text-sub);\n      animation: fadeIn 0.4s ease-in-out;\n    }\n\n    .faq-answer p {\n      margin-bottom: 0;\n    }\n\n    @keyframes fadeIn {\n      from { opacity: 0; transform: translateY(-10px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* Mobile Optimization *\/\n    @media (max-width: 768px) {\n      .product-detail-container {\n        padding: 2rem 5%;\n      }\n\n      .hero-section {\n        text-align: left;\n        align-items: flex-start;\n      }\n\n      .feature-section,\n      .feature-section:nth-child(even) {\n        flex-direction: column;\n        gap: 2rem;\n      }\n\n      .feature-media {\n        width: 100%;\n        order: -1; \/* Ensure image is always on top on mobile *\/\n      }\n\n      .specs-table, .specs-table tbody, .specs-table tr, .specs-table th, .specs-table td {\n        display: block;\n        width: 100%;\n      }\n\n      .specs-table tr {\n        border-bottom: 1px solid var(--border-color);\n      }\n\n      .specs-table tr:last-child {\n        border-bottom: none;\n      }\n\n      .specs-table th {\n        border-bottom: none;\n        padding-bottom: 0.5rem;\n      }\n\n      .specs-table td {\n        padding-top: 0;\n        padding-bottom: 1.5rem;\n      }\n    }\n\u003c\/style\u003e\n\u003c!-- A. Intro \/ Hero Content Block --\u003e\n\u003cdiv class=\"pd-section hero-section\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cspan class=\"trust-tag\"\u003eDesigned for Total Body Renewal\u003c\/span\u003e\n\u003ch1\u003eTransform Rough, Bumpy Skin into Silky Smoothness\u003c\/h1\u003e\n\n\u003cp\u003eThis luxurious bath oil gently exfoliates and deeply hydrates, targeting \"chicken skin\" and body blemishes to reveal a radiant, soft glow from head to toe.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"image-wrapper aspect-video\"\u003e\u003cdiv\u003e\u003cimg alt=\"Silky Smooth Skin\" cke-id=\"img51\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260624110913\/34b77f4af600321457ed8d3d94c25eff.png\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 1: Chicken Skin Focus --\u003e\n\n\u003cdiv class=\"pd-section feature-section\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-wrapper aspect-square\"\u003e\u003cdiv\u003e\u003cimg alt=\"Banish Chicken Skin\" cke-id=\"img90\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260624110516\/85c4ef0cd2b8661981430aa6f380d1d0.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eBanish \"Chicken Skin\" \u0026amp; Rough Texture\u003c\/h2\u003e\n\n\u003cp\u003eFormulated to gently dissolve built-up keratin and dead skin cells that cause rough patches and bumpy texture on arms and legs. Experience visibly smoother skin after just a few washes.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"badge\"\u003eGentle Exfoliation\u003c\/span\u003e \u003cspan class=\"badge\"\u003eSmooths Texture\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2: Acne \u0026 Pore Cleaning Focus --\u003e\n\n\u003cdiv class=\"pd-section feature-section\"\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eDeep Clean Pores for Clearer Skin\u003c\/h2\u003e\n\n\u003cp\u003eThe unique oil-based formula penetrates deep into pores to melt away excess sebum, dirt, and impurities. It helps to reduce body blemishes on the back, chest, and shoulders without over-drying your skin.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"badge\"\u003eUnclogs Pores\u003c\/span\u003e \u003cspan class=\"badge\"\u003eReduces Blemishes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-wrapper aspect-square\"\u003e\u003cdiv\u003e\u003cimg alt=\"Deep Clean Pores\" cke-id=\"img91\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260624110517\/3702487002af4dc833b89ac53bd5c957.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3: Hydration Focus --\u003e\n\n\u003cdiv class=\"pd-section feature-section\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-wrapper aspect-square\"\u003e\u003cdiv\u003e\u003cimg alt=\"Lock in Moisture\" cke-id=\"img92\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260624110516\/f95d71de335e22da46dd111483b2e577.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eLock in Moisture for a Radiant Glow\u003c\/h2\u003e\n\n\u003cp\u003eEnriched with nourishing ingredients like mineral oil, it creates a delicate protective barrier that locks in hydration. Your skin is left feeling incredibly soft, supple, and looking brighter instantly after bathing.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"badge\"\u003eInstant Hydration\u003c\/span\u003e \u003cspan class=\"badge\"\u003eRadiant Finish\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- C. Specifications --\u003e\n\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch2 style=\"text-align: center; margin-bottom: 2rem;\"\u003eProduct Specifications\u003c\/h2\u003e\n\n\u003cdiv class=\"specs-box\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eProduct Name\u003c\/th\u003e\n\t\t\t\u003ctd\u003eSkin So Soft Original Bath Oil\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eVolume\u003c\/th\u003e\n\t\t\t\u003ctd\u003e100 ml\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eKey Ingredients\u003c\/th\u003e\n\t\t\t\u003ctd\u003eMineral Oil, Ethylhexyl Palmitate\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eRecommended For\u003c\/th\u003e\n\t\t\t\u003ctd\u003eRough, bumpy texture, body blemishes, dry skin\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eApplication Area\u003c\/th\u003e\n\t\t\t\u003ctd\u003eBody (Arms, Legs, Back, Chest)\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!-- D. FAQ --\u003e\n\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch2 style=\"text-align: center; margin-bottom: 2rem;\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-list\"\u003e\n\u003cdetails class=\"faq-item\"\u003e\u003csummary class=\"faq-question\"\u003eHow do I use this bath oil?\u003c\/summary\u003e\n\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eFor best results, apply the oil to wet skin during a shower or bath. Gently massage it into rough areas like arms, legs, or back, then rinse off. You can also add a small amount directly to bathwater for an overall moisturizing soak.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\n\u003cdetails class=\"faq-item\"\u003e\u003csummary class=\"faq-question\"\u003eIs this product suitable for my face?\u003c\/summary\u003e\n\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eThis product is formulated specifically for the thicker skin on your body. We recommend using a dedicated facial cleanser for your face.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\n\u003cdetails class=\"faq-item\"\u003e\u003csummary class=\"faq-question\"\u003eWill this make my skin feel greasy afterward?\u003c\/summary\u003e\n\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eNo. While it is an oil, it is designed to emulsify with water and rinse away cleanly, leaving your skin feeling moisturized and soft, not greasy or sticky.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"1 Bottle (100ml)","offer_id":58106032521376,"sku":"0625-13322996","price":12.95,"currency_code":"USD","in_stock":true},{"title":"2-Pack (Daily Use - 10% Off)","offer_id":58106032554144,"sku":"0625-13329366","price":22.95,"currency_code":"USD","in_stock":true},{"title":"3-Pack (Best Value - 15% Off)","offer_id":58106032586912,"sku":"0625-13328223","price":32.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0692\/7656\/5664\/files\/34b77f4af600321457ed8d3d94c25eff.png?v=1782365587","url":"https:\/\/cartivra.com\/products\/gentle-exfoliating-shower-oil","provider":"Cartivra","version":"1.0","type":"link"}