{"product_id":"gentle-exfoliating-shower-oil","title":"Gentle Exfoliating Shower Oil","description":"\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--  AI Design Logic  产品类型：身体护理沐浴油 (Bath Oil)  目标受众：有毛周角化（鸡皮）、身体粗糙、背部痘痘困扰的人群  视觉风格：清透、滋润、专业、以青绿色和金色为主调  配色策略：采用标签的青绿色作为主色 .金色油滴作为强调色  --\u003e\u003cstyle type=\"text\/css\"\u003e.product-detail-container {      \/* Design System Variables *\/      --primary: #008F85;      --primary-hover: #00756D;      --accent: #CFA645;      --text-main: #2C3333;      --text-sub: #5C6666;      --bg-body: #FFFFFF;      --bg-card: #F4F9F9;      --bg-soft: #E8F2F2;      --radius-md: 12px;      --radius-lg: 20px;      --shadow-sm: 0 4px 16px rgba(0, 143, 133, 0.06);      --shadow-hover: 0 12px 32px rgba(0, 143, 133, 0.12);      --border-color: #DDEBEB;      --spacing-section: clamp(4rem, 8vw, 6rem);      --spacing-module: clamp(2rem, 5vw, 3rem);      --transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);      max-width: 1200px;      margin: 0 auto;      padding: 3rem 5%;      box-sizing: border-box;      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;      color: var(--text-main);      line-height: 1.7;      overflow-wrap: break-word;      background-color: var(--bg-body);    }    \/* Typography *\/    .product-detail-container h1 {      font-size: clamp(36px, 5vw, 48px);      font-weight: 800;      line-height: 1.2;      margin-bottom: 1.2rem;      color: var(--primary);      letter-spacing: -0.5px;    }    .product-detail-container h2 {      font-size: clamp(28px, 4vw, 36px);      font-weight: 700;      margin-bottom: 1.2rem;      color: var(--text-main);      line-height: 1.3;    }    .product-detail-container h3 {      font-size: 22px;      font-weight: 700;      margin-bottom: 1rem;    }    .product-detail-container p {      font-size: clamp(16px, 1.5vw, 18px);      margin-bottom: 1.5rem;      color: var(--text-sub);    }    \/* Reusable Components *\/    .image-wrapper {      position: relative;      width: 100%;      border-radius: var(--radius-lg);      overflow: hidden;      background-color: var(--bg-card);      box-shadow: var(--shadow-sm);      transition: var(--transition);    }    .image-wrapper:hover {      box-shadow: var(--shadow-hover);      transform: translateY(-4px);    }    .image-wrapper img {      width: 100%;      height: 100%;      object-fit: cover;      display: block;      transition: transform 0.6s ease;    }    .image-wrapper:hover img {      transform: scale(1.03);    }    .aspect-video { aspect-ratio: 16 \/ 9; }    .aspect-square { aspect-ratio: 1 \/ 1; }    .badge {      display: inline-flex;      align-items: center;      padding: 0.5rem 1.2rem;      background-color: var(--bg-soft);      color: var(--primary);      border-radius: 50px;      font-size: 15px;      font-weight: 600;      margin-right: 0.75rem;      margin-bottom: 0.75rem;      transition: var(--transition);    }    .badge:hover {      background-color: var(--primary);      color: #FFFFFF;    }    \/* Section Spacing *\/    .pd-section {      margin-bottom: var(--spacing-section);    }    \/* Hero Module *\/    .hero-section {      display: flex;      flex-direction: column;      gap: clamp(2rem, 4vw, 3rem);      align-items: center;      text-align: center;    }    .hero-content {      max-width: 850px;    }    .trust-tag {      color: var(--accent);      font-weight: 700;      letter-spacing: 1.5px;      text-transform: uppercase;      margin-bottom: 1.2rem;      display: inline-block;      font-size: 14px;      background: rgba(207, 166, 69, 0.1);      padding: 0.4rem 1rem;      border-radius: 30px;    }    \/* Feature Sections (Z-Pattern) *\/    .feature-section {      display: flex;      align-items: center;      gap: clamp(3rem, 8vw, 6rem);    }    .feature-section:nth-child(even) {      flex-direction: row-reverse;    }    .feature-media,    .feature-copy {      flex: 1;    }    \/* Specifications Module *\/    .specs-box {      background-color: var(--bg-body);      padding: 0;      border-radius: var(--radius-lg);      border: 1px solid var(--border-color);      box-shadow: var(--shadow-sm);      overflow: hidden;    }    .specs-table {      width: 100%;      border-collapse: collapse;    }    .specs-table th,    .specs-table td {      padding: 1.2rem 1.5rem;      text-align: left;      border-bottom: 1px solid var(--border-color);      font-size: 16px;    }    .specs-table th {      width: 35%;      background-color: var(--bg-card);      color: var(--primary);      font-weight: 600;    }    .specs-table tr:last-child th,    .specs-table tr:last-child td {      border-bottom: none;    }    \/* FAQ Module *\/    .faq-list {      display: flex;      flex-direction: column;      gap: 1rem;    }    .faq-item {      background-color: var(--bg-card);      border: 1px solid transparent;      border-radius: var(--radius-md);      overflow: hidden;      transition: var(--transition);    }    .faq-item:hover {      border-color: var(--border-color);      box-shadow: var(--shadow-sm);    }    .faq-question {      font-size: 18px;      font-weight: 600;      cursor: pointer;      padding: 1.5rem;      display: flex;      justify-content: space-between;      align-items: center;      color: var(--text-main);      list-style: none; \/* Remove default marker *\/      transition: color 0.3s ease;    }    .faq-question::-webkit-details-marker {      display: none; \/* Remove default marker for Safari *\/    }    .faq-question::after {      content: \"+\";      font-size: 24px;      color: var(--primary);      font-weight: 400;      transition: transform 0.3s ease;    }    .faq-itemopen .faq-question {      color: var(--primary);      padding-bottom: 0.5rem;    }    .faq-itemopen .faq-question::after {      content: \"−\";      transform: rotate(180deg);    }    .faq-answer {      padding: 0 1.5rem 1.5rem 1.5rem;      font-size: 16px;      color: var(--text-sub);      animation: fadeIn 0.4s ease-in-out;    }    .faq-answer p {      margin-bottom: 0;    }    @keyframes fadeIn {      from { opacity: 0; transform: translateY(-10px); }      to { opacity: 1; transform: translateY(0); }    }    \/* Mobile Optimization *\/    @media (max-width: 768px) {      .product-detail-container {        padding: 2rem 5%;      }      .hero-section {        text-align: left;        align-items: flex-start;      }      .feature-section,      .feature-section:nth-child(even) {        flex-direction: column;        gap: 2rem;      }      .feature-media {        width: 100%;        order: -1; \/* Ensure image is always on top on mobile *\/      }      .specs-table, .specs-table tbody, .specs-table tr, .specs-table th, .specs-table td {        display: block;        width: 100%;      }      .specs-table tr {        border-bottom: 1px solid var(--border-color);      }      .specs-table tr:last-child {        border-bottom: none;      }      .specs-table th {        border-bottom: none;        padding-bottom: 0.5rem;      }      .specs-table td {        padding-top: 0;        padding-bottom: 1.5rem;      }    }\u003c\/style\u003e\n\u003c!-- A. Intro \/ Hero Content Block --\u003e\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\u003ch1\u003eTransform Rough, Bumpy Skin into Silky Smoothness\u003c\/h1\u003e\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\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\u003cdiv class=\"pd-section feature-section\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\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\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eBanish \"Chicken Skin\" \u0026amp; Rough Texture\u003c\/h2\u003e\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\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\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\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\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\u003cdiv class=\"feature-media\"\u003e\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\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3: Hydration Focus --\u003e\u003cdiv class=\"pd-section feature-section\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\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\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eLock in Moisture for a Radiant Glow\u003c\/h2\u003e\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\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\u003cdiv class=\"pd-section\"\u003e\n\u003ch2 style=\"text-align: center; margin-bottom: 2rem;\"\u003eProduct Specifications\u003c\/h2\u003e\n\u003cdiv class=\"specs-box\"\u003e\u003ctable class=\"specs-table\"\u003e\t\u003ctbody\u003e\t\t\u003ctr\u003e\t\t\t\u003cth\u003eProduct Name\u003c\/th\u003e\t\t\t\u003ctd\u003eSkin So Soft Original Bath Oil\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003cth\u003eVolume\u003c\/th\u003e\t\t\t\u003ctd\u003e100 ml\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003cth\u003eKey Ingredients\u003c\/th\u003e\t\t\t\u003ctd\u003eMineral Oil, Ethylhexyl Palmitate\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003cth\u003eRecommended For\u003c\/th\u003e\t\t\t\u003ctd\u003eRough, bumpy texture, body blemishes, dry skin\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003cth\u003eApplication Area\u003c\/th\u003e\t\t\t\u003ctd\u003eBody (Arms, Legs, Back, Chest)\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- D. FAQ --\u003e\u003cdiv class=\"pd-section\"\u003e\n\u003ch2 style=\"text-align: center; margin-bottom: 2rem;\"\u003eFrequently Asked Questions\u003c\/h2\u003e\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\u003cdiv class=\"faq-answer\"\u003e\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\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"faq-item\"\u003e\u003csummary class=\"faq-question\"\u003eIs this product suitable for my face?\u003c\/summary\u003e\u003cdiv class=\"faq-answer\"\u003e\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\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"faq-item\"\u003e\u003csummary class=\"faq-question\"\u003eWill this make my skin feel greasy afterward?\u003c\/summary\u003e\u003cdiv class=\"faq-answer\"\u003e\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\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Bak","offers":[{"title":"1 Bottle (100ml)","offer_id":47559066321069,"sku":"0625-13322996","price":12.95,"currency_code":"USD","in_stock":true},{"title":"2-Pack (Daily Use - 10% Off)","offer_id":47559066353837,"sku":"0625-13329366","price":22.95,"currency_code":"USD","in_stock":true},{"title":"3-Pack (Best Value - 15% Off)","offer_id":47559066386605,"sku":"0625-13328223","price":32.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0732\/2491\/3069\/files\/34b77f4af600321457ed8d3d94c25eff_fd9732c1-ab51-4945-a603-65594c2d59a0.png?v=1789366140","url":"https:\/\/8thgtr-ys.myshopify.com\/de\/products\/gentle-exfoliating-shower-oil","provider":"Fantasfeelets","version":"1.0","type":"link"}