{"product_id":"1","title":"1","description":"\u003cstyle\u003e\n  body { margin: 0; background: #FBF5E5; }\n\u003c\/style\u003e\n\u003cdiv class=\"section-template--20609497858220__custom_liquid_6z8BjD-padding\"\u003e\n\u003c!-- ============================================================\n     GOORA TESTIMONIAL SECTION — paste from here ↓\n     Drop this entire block into your Shopify product description\n     in HTML\/source mode. Self-contained, no dependencies.\n     ============================================================ --\u003e\n\u003cdiv class=\"grtm-wrap\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,wght@0,500;0,600;1,500;1,600\u0026family=Plus+Jakarta+Sans:wght@400;500;600;700\u0026display=swap');\n\n    .grtm-wrap {\n      --grtm-card-bg: #F5EBD9;\n      --grtm-card-bg-2: #EFE4CC;\n      --grtm-text-1: #2A1810;\n      --grtm-text-2: #6B5444;\n      --grtm-text-3: #8B6F47;\n      --grtm-star: #E8A317;\n      --grtm-badge: #3D2817;\n      --grtm-border: rgba(139, 111, 71, 0.22);\n\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 64px 20px;\n      font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n      color: var(--grtm-text-1);\n      box-sizing: border-box;\n      -webkit-font-smoothing: antialiased;\n    }\n    .grtm-wrap *, .grtm-wrap *::before, .grtm-wrap *::after { box-sizing: border-box; }\n\n    \/* ---- Section header ---- *\/\n    .grtm-head { text-align: center; margin-bottom: 44px; }\n    .grtm-eyebrow {\n      font-size: 12px;\n      letter-spacing: 0.24em;\n      text-transform: uppercase;\n      color: var(--grtm-text-3);\n      margin-bottom: 14px;\n      font-weight: 600;\n    }\n    .grtm-title {\n      font-family: 'Fraunces', Georgia, serif;\n      font-size: clamp(26px, 3.6vw, 40px);\n      font-weight: 500;\n      color: var(--grtm-text-1);\n      line-height: 1.15;\n      letter-spacing: -0.01em;\n      margin: 0;\n    }\n    .grtm-title em {\n      font-style: italic;\n      font-weight: 500;\n      color: var(--grtm-text-3);\n    }\n\n    \/* ---- Grid ---- *\/\n    .grtm-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 28px;\n    }\n\n    \/* ---- Card ---- *\/\n    .grtm-card {\n      background: var(--grtm-card-bg);\n      border-radius: 20px;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n      box-shadow:\n        0 1px 0 rgba(45, 24, 16, 0.04),\n        0 14px 36px -18px rgba(45, 24, 16, 0.18);\n      transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s cubic-bezier(.2,.7,.2,1);\n    }\n    .grtm-card:hover {\n      transform: translateY(-3px);\n      box-shadow:\n        0 1px 0 rgba(45, 24, 16, 0.05),\n        0 22px 48px -22px rgba(45, 24, 16, 0.28);\n    }\n\n    \/* ---- Media + quote badge ---- *\/\n    .grtm-media {\n      position: relative;\n      aspect-ratio: 1 \/ 1;\n      overflow: hidden;\n      background: var(--grtm-card-bg-2);\n    }\n    .grtm-media img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform .8s cubic-bezier(.2,.7,.2,1);\n    }\n    .grtm-card:hover .grtm-media img { transform: scale(1.025); }\n\n    .grtm-tag {\n      position: absolute;\n      top: 16px;\n      left: 16px;\n      background: rgba(245, 235, 217, 0.94);\n      color: var(--grtm-text-1);\n      font-size: 10.5px;\n      font-weight: 700;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      padding: 7px 11px;\n      border-radius: 999px;\n      backdrop-filter: blur(6px);\n      -webkit-backdrop-filter: blur(6px);\n    }\n    .grtm-tag .grtm-dot {\n      display: inline-block;\n      width: 6px; height: 6px;\n      border-radius: 50%;\n      background: #C46A2E;\n      margin-right: 6px;\n      vertical-align: middle;\n      position: relative; top: -1px;\n    }\n\n    .grtm-quote {\n      position: absolute;\n      bottom: 18px;\n      right: 18px;\n      width: 54px; height: 54px;\n      border-radius: 50%;\n      background: var(--grtm-badge);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 0 6px 18px rgba(45, 24, 16, 0.28);\n    }\n    .grtm-quote span {\n      font-family: 'Fraunces', Georgia, serif;\n      font-weight: 600;\n      font-size: 46px;\n      line-height: 1;\n      color: #F5EBD9;\n      margin-top: 14px; \/* visual-center the curly quote *\/\n    }\n\n    \/* ---- Body ---- *\/\n    .grtm-body {\n      padding: 30px 32px 0;\n      text-align: center;\n      flex: 1;\n    }\n    .grtm-stars {\n      color: var(--grtm-star);\n      font-size: 17px;\n      letter-spacing: 5px;\n      margin-bottom: 18px;\n      line-height: 1;\n    }\n    .grtm-headline {\n      font-family: 'Fraunces', Georgia, serif;\n      font-size: clamp(18px, 2.1vw, 22px);\n      font-weight: 600;\n      color: var(--grtm-text-1);\n      line-height: 1.35;\n      letter-spacing: -0.01em;\n      margin: 0 0 22px;\n    }\n    .grtm-text {\n      font-size: 15px;\n      line-height: 1.7;\n      color: var(--grtm-text-2);\n      margin: 0 0 14px;\n    }\n    .grtm-text:last-of-type { margin-bottom: 0; }\n    .grtm-text strong {\n      color: var(--grtm-text-1);\n      font-weight: 700;\n    }\n    .grtm-caption {\n      display: inline-block;\n      margin-top: 22px;\n      font-size: 11px;\n      letter-spacing: 0.16em;\n      text-transform: uppercase;\n      color: var(--grtm-text-3);\n      font-style: italic;\n      font-weight: 600;\n    }\n\n    \/* ---- Footer \/ signature ---- *\/\n    .grtm-foot {\n      margin-top: 28px;\n      padding: 22px 32px 28px;\n      border-top: 1px solid var(--grtm-border);\n      text-align: center;\n    }\n    .grtm-name {\n      font-family: 'Fraunces', Georgia, serif;\n      font-size: 17px;\n      font-weight: 600;\n      font-style: italic;\n      color: var(--grtm-text-1);\n      margin: 0 0 6px;\n    }\n    .grtm-verified {\n      font-size: 11px;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      color: var(--grtm-text-3);\n      font-weight: 700;\n      display: inline-flex;\n      align-items: center;\n      gap: 7px;\n    }\n    .grtm-check {\n      width: 14px; height: 14px;\n      border-radius: 50%;\n      background: var(--grtm-text-3);\n      color: var(--grtm-card-bg);\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 9px;\n      font-weight: 800;\n      line-height: 1;\n    }\n\n    \/* ---- Mobile ---- *\/\n    @media (max-width: 768px) {\n      .grtm-wrap { padding: 44px 14px; }\n      .grtm-grid { grid-template-columns: 1fr; gap: 22px; }\n      .grtm-head { margin-bottom: 30px; }\n      .grtm-body { padding: 24px 22px 0; }\n      .grtm-foot { padding: 20px 22px 24px; margin-top: 24px; }\n      .grtm-quote { width: 46px; height: 46px; bottom: 14px; right: 14px; }\n      .grtm-quote span { font-size: 38px; margin-top: 12px; }\n      .grtm-headline { margin-bottom: 18px; }\n      .grtm-text { font-size: 14.5px; line-height: 1.65; }\n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"section-template--20609497858220__custom_liquid_6z8BjD-padding\"\u003e\n\u003cdiv class=\"grtm-wrap\"\u003e\n\u003cdiv class=\"grtm-head\"\u003e\n\u003cdiv class=\"grtm-eyebrow\"\u003eReal Customers · Real Results\u003c\/div\u003e\n\u003ch2 class=\"grtm-title\"\u003eWhy most start with \u003cem\u003ethe Duo Pack\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grtm-grid\"\u003e\n\u003c!-- =================== TESTIMONIAL 1 =================== --\u003e\n\u003carticle class=\"grtm-card\"\u003e\n\u003cdiv class=\"grtm-media\"\u003e\n\u003cimg loading=\"lazy\" alt=\"Before and after self-tanning patch — 4 weeks, 2 boxes\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0730\/5265\/1692\/files\/1_4e0b184f-4824-4c25-8941-7b447c88564a.webp?v=1778752819\"\u003e \u003cspan class=\"grtm-tag\"\u003e\u003cspan class=\"grtm-dot\"\u003e\u003c\/span\u003eTestimonial\u003c\/span\u003e\n\u003cdiv class=\"grtm-quote\"\u003e\u003cspan\u003e”\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grtm-body\"\u003e\n\u003cdiv class=\"grtm-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003ch3 class=\"grtm-headline\"\u003e“Bought 1 box. Reordered 12 days later. Just get the Duo.”\u003c\/h3\u003e\n\u003cp class=\"grtm-text\"\u003eGrabbed a single 30-day box “just to test it” before a beach trip. Sunday night routine: placed the 2 patches, slept in them, peeled them off Monday morning. By that afternoon I could see it warming — \u003cstrong\u003esubtle, real, not orange, not streaky.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"grtm-text\"\u003eHere’s where I messed up: \u003cstrong\u003eI waited too long to reorder.\u003c\/strong\u003e Once you see the color starting to build, you do not want to slow down. I burned through my first box in under 2 weeks, paid shipping twice, and kicked myself for not just getting the Duo from the start.\u003c\/p\u003e\n\u003cp class=\"grtm-text\"\u003eWeek 4 (the right photo) — \u003cstrong\u003etwo boxes deep, about one patch set every 4–5 days.\u003c\/strong\u003e Real-tan depth, no patchy knees, no transfer onto white shorts. \u003cstrong\u003e$0.67 a day. I drink coffees more expensive than that.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"grtm-text\"\u003eDon’t be me. \u003cstrong\u003eJust start with the Duo.\u003c\/strong\u003e Save the second shipping, use them at your own pace, thank yourself later.\u003c\/p\u003e\n\u003cspan class=\"grtm-caption\"\u003eLeft: Day 1 · Right: 4 weeks, 2 boxes in\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grtm-foot\"\u003e\n\u003cdiv class=\"grtm-name\"\u003eJess R.\u003c\/div\u003e\n\u003cdiv class=\"grtm-verified\"\u003e\n\u003cspan class=\"grtm-check\"\u003e✓\u003c\/span\u003eVerified Buyer · Duo Pack\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =================== TESTIMONIAL 2 =================== --\u003e\n\u003carticle class=\"grtm-card\"\u003e\n\u003cdiv class=\"grtm-media\"\u003e\n\u003cimg loading=\"lazy\" alt=\"Before and after self-tanning patch — deeper bronze, 2 boxes\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0730\/5265\/1692\/files\/2_8d404028-ce82-495c-acd0-a96aad3d5f98.webp?v=1778752819\"\u003e \u003cspan class=\"grtm-tag\"\u003e\u003cspan class=\"grtm-dot\"\u003e\u003c\/span\u003eTestimonial\u003c\/span\u003e\n\u003cdiv class=\"grtm-quote\"\u003e\u003cspan\u003e”\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grtm-body\"\u003e\n\u003cdiv class=\"grtm-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003ch3 class=\"grtm-headline\"\u003e“I bought the 5-pack on my second order. Should’ve done it on my first.”\u003c\/h3\u003e\n\u003cp class=\"grtm-text\"\u003eMediterranean base tan, every self-tanner I’ve ever tried either went muddy on me or stripped patchy after 3 days. Started with one box of these. First patch set Sunday night — \u003cstrong\u003eslept in them, no smell, no transfer onto my white sheets\u003c\/strong\u003e (I’m paranoid about this).\u003c\/p\u003e\n\u003cp class=\"grtm-text\"\u003eThen the color started building. Week 1: subtle. Week 2: my friends asked where I’d been. Week 3: I stopped wearing foundation on my chest entirely. I went through that first box in \u003cstrong\u003eunder 2 weeks\u003c\/strong\u003e because I kept wanting more.\u003c\/p\u003e\n\u003cp class=\"grtm-text\"\u003eReordered the \u003cstrong\u003e5-pack\u003c\/strong\u003e for round two. Free shipping, \u003cstrong\u003e$0.47 a day is genuinely absurd for what this does\u003c\/strong\u003e, and at my pace I knew I’d need it through summer anyway. The right photo is end of month one, two boxes in.\u003c\/p\u003e\n\u003cp class=\"grtm-text\"\u003eIf you already have a base tan and want depth: \u003cstrong\u003eskip the 1-box. Skip the Duo. Go straight to the 5-pack.\u003c\/strong\u003e The only question is how many shipping fees you want to pay before you figure out the math.\u003c\/p\u003e\n\u003cspan class=\"grtm-caption\"\u003eLeft to right: 4 weeks, 2 boxes deep\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grtm-foot\"\u003e\n\u003cdiv class=\"grtm-name\"\u003eMarisa D.\u003c\/div\u003e\n\u003cdiv class=\"grtm-verified\"\u003e\n\u003cspan class=\"grtm-check\"\u003e✓\u003c\/span\u003eVerified Buyer · Family Pack\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============================================================\n     ↑ paste up to here. End of testimonial section.\n     ============================================================ --\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e  \u003c\/style\u003e\n\u003cdiv class=\"section-template--26050442494225__custom_liquid_TgTCRQ-padding\"\u003e\n    \u003csection id=\"shopify-section-template--20609497858220__custom_liquid_3PHYma\" class=\"shopify-section section\"\u003e\u003cstyle data-shopify=\"\"\u003e.section-template--20609497858220__custom_liquid_3PHYma-padding {\n    padding-top: calc(0px * 0.75);\n    padding-bottom: calc(0px  * 0.75);\n  }\n\n  @media screen and (min-width: 750px) {\n    .section-template--20609497858220__custom_liquid_3PHYma-padding {\n      padding-top: 0px;\n      padding-bottom: 0px;\n    }\n  }\u003c\/style\u003e\n\u003cdiv class=\"color-background-1 gradient content-for-grouping always-display\"\u003e\n  \n  \u003cdiv class=\"section-template--20609497858220__custom_liquid_3PHYma-padding\"\u003e\n    \u003c!-- =========================================================\n     GOORA — THE PROBLEM \/ PAIN POINTS SECTION\n     美黑贴 \/ 传统美黑方法的痛点展示\n     Shopify 可导入模块 \/ Self-contained HTML + CSS\n     使用方法：直接整段粘贴到 Shopify 产品描述的 HTML 视图\n     ========================================================= --\u003e\n\n\u003csection class=\"goora-issues\"\u003e\n  \u003cstyle\u003e\n    \/* ---- 字体（与 Science 模块共用，重复加载也不会有问题）---- *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600;700\u0026family=Inter:wght@300;400;500;600\u0026display=swap');\n\n    \/* ---- 模块作用域 ---- *\/\n    .goora-issues{\n      --goora-bg: #f7eedb;\n      --goora-ink: #2a1c10;\n      --goora-ink-soft: #4a3624;\n      --goora-gold: #b08948;\n      --goora-gold-deep: #8a6a35;\n      --goora-display: 'Cormorant Garamond', 'Playfair Display', Georgia, 'Times New Roman', serif;\n      --goora-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;\n\n      background: var(--goora-bg);\n      color: var(--goora-ink);\n      font-family: var(--goora-body);\n      padding: 56px 24px 72px;\n      margin: 0;\n      width: 100%;\n      box-sizing: border-box;\n    }\n    .goora-issues *{ box-sizing: border-box; }\n\n    .goora-issues .goora-inner{\n      max-width: 1180px;\n      margin: 0 auto;\n    }\n\n    \/* ---- 3 张卡片网格 ---- *\/\n    .goora-issues .goora-cards{\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 24px;\n    }\n\n    \/* ---- 单张卡片 ---- *\/\n    .goora-issues .goora-card{\n      border: 1.5px dashed var(--goora-gold);\n      border-radius: 8px;\n      padding: 20px 22px 28px;\n      background: rgba(255, 255, 255, 0.18);\n      transition: background 0.3s ease, border-color 0.3s ease;\n    }\n    .goora-issues .goora-card:hover{\n      background: rgba(255, 255, 255, 0.35);\n      border-color: var(--goora-gold-deep);\n    }\n\n    \/* ---- 卡片图片 ---- *\/\n    .goora-issues .goora-card-img{\n      width: 100%;\n      aspect-ratio: 16 \/ 9;\n      border-radius: 8px;\n      overflow: hidden;\n      margin-bottom: 22px;\n      background: #2a1a10;\n    }\n    .goora-issues .goora-card-img img{\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n\n    \/* ---- 卡片标题 ---- *\/\n    .goora-issues .goora-card-title{\n      font-family: var(--goora-display);\n      font-size: 17px;\n      font-weight: 600;\n      color: var(--goora-ink);\n      text-transform: uppercase;\n      letter-spacing: 0.08em;\n      margin: 0 0 16px;\n      line-height: 1.3;\n    }\n\n    \/* ---- 卡片正文 ---- *\/\n    .goora-issues .goora-card-text{\n      font-size: 14px;\n      line-height: 1.72;\n      color: var(--goora-ink-soft);\n      margin: 0;\n      font-weight: 400;\n    }\n\n    \/* ---- 响应式 \/ 平板 ---- *\/\n    @media (max-width: 960px){\n      .goora-issues{ padding: 48px 18px 56px; }\n      .goora-issues .goora-cards{\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n      }\n    }\n\n    \/* ---- 响应式 \/ 手机 ---- *\/\n    @media (max-width: 560px){\n      .goora-issues{ padding: 36px 14px 44px; }\n      .goora-issues .goora-cards{\n        grid-template-columns: 1fr;\n        gap: 18px;\n      }\n      .goora-issues .goora-card{ padding: 18px 20px 24px; }\n      .goora-issues .goora-card-title{ font-size: 16px; }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"goora-inner\"\u003e\n\n    \u003cdiv class=\"goora-cards\"\u003e\n\n      \u003c!-- 卡片 1：THE DHA AGING EFFECT --\u003e\n      \u003cdiv class=\"goora-card\"\u003e\n        \u003cdiv class=\"goora-card-img\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0730\/5265\/1692\/files\/2.1_b1fd8f3f-8de7-40ac-9798-6c4cd8d46e6d.webp?v=1778838266\" alt=\"DHA aging effect on skin illustration\"\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"goora-card-title\"\u003eThe DHA Aging Effect\u003c\/h3\u003e\n        \u003cp class=\"goora-card-text\"\u003eThe Maillard reaction in self-tanners produces free radicals that accelerate oxidative stress — contributing to the \"crepey,\" dehydrated texture you notice after a few weeks of use. You're trading a glow today for older-looking skin tomorrow.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- 卡片 2：THE CHEMICAL SURFACE STAIN --\u003e\n      \u003cdiv class=\"goora-card\"\u003e\n        \u003cdiv class=\"goora-card-img\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0730\/5265\/1692\/files\/2.2_ca561f25-b08d-463a-8cfd-f57a468d4bf2.webp?v=1778838266\" alt=\"Chemical surface stain on stratum corneum illustration\"\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"goora-card-title\"\u003eThe Chemical Surface Stain\u003c\/h3\u003e\n        \u003cp class=\"goora-card-text\"\u003eDHA only reacts with dead skin cells in the stratum corneum. It is, by design, a temporary dye on a surface that's constantly shedding — which is why it streaks, fades unevenly, and turns orange on fair skin within 72 hours.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- 卡片 3：THE MAINTENANCE TRAP --\u003e\n      \u003cdiv class=\"goora-card\"\u003e\n        \u003cdiv class=\"goora-card-img\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0730\/5265\/1692\/files\/2.3_bde98e82-a995-407a-8a7d-3d14534a4bfa.webp?v=1778838266\" alt=\"Tanning maintenance ritual illustration\"\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"goora-card-title\"\u003eThe Maintenance Trap\u003c\/h3\u003e\n        \u003cp class=\"goora-card-text\"\u003eExfoliate. Apply. Wait three hours. Avoid white linen. Repeat every five days. The \"Sunday tanning ritual\" has become a part-time job — one that still produces results you're half-embarrassed to show up in.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =========================================================\n     END OF MODULE\n     ========================================================= --\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/section\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"section-template--26050442494225__custom_liquid_8ApjcU-padding\"\u003e\n    \u003csection id=\"shopify-section-template--20609497858220__custom_liquid_kVKANW\" class=\"shopify-section section\"\u003e\u003cstyle data-shopify=\"\"\u003e.section-template--20609497858220__custom_liquid_kVKANW-padding {\n    padding-top: calc(0px * 0.75);\n    padding-bottom: calc(0px  * 0.75);\n  }\n\n  @media screen and (min-width: 750px) {\n    .section-template--20609497858220__custom_liquid_kVKANW-padding {\n      padding-top: 0px;\n      padding-bottom: 0px;\n    }\n  }\u003c\/style\u003e\n\u003cdiv class=\"color-background-1 gradient content-for-grouping always-display\"\u003e\n  \n  \u003cdiv class=\"section-template--20609497858220__custom_liquid_kVKANW-padding\"\u003e\n    \u003c!-- =========================================================\n     GOORA — THE SCIENCE SECTION\n     美黑贴 \/ Transdermal Tanning Patch\n     Shopify 可导入模块 \/ Self-contained HTML + CSS\n     使用方法：\n       1) 在 Shopify 编辑器中切换到 \"Show HTML \/ 查看 HTML 源代码\" 模式\n       2) 把整段代码粘贴进去\n       3) 把 9 张 IMAGE_URL_ 占位图替换为你已上传到 Shopify 文件库的图片链接\n     ========================================================= --\u003e\n\n\u003csection class=\"goora-science\"\u003e\n  \u003cstyle\u003e\n    \/* ---- 字体（可选，若 Shopify 主题已加载衬线字体可删除）---- *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600;700\u0026family=Inter:wght@300;400;500\u0026display=swap');\n\n    \/* ---- 模块作用域，避免与主题样式冲突 ---- *\/\n    .goora-science{\n      --goora-bg: #f7eedb;\n      --goora-bg-soft: #f3e6cb;\n      --goora-ink: #2a1c10;\n      --goora-ink-soft: #4a3624;\n      --goora-gold: #b08948;\n      --goora-gold-deep: #8a6a35;\n      --goora-gold-light: #d9b87a;\n      --goora-card-bg: linear-gradient(180deg, #f3dfb8 0%, #ead0a0 100%);\n      --goora-display: 'Cormorant Garamond', 'Playfair Display', Georgia, 'Times New Roman', serif;\n      --goora-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;\n\n      background: var(--goora-bg);\n      color: var(--goora-ink);\n      font-family: var(--goora-body);\n      padding: 72px 24px;\n      margin: 0;\n      width: 100%;\n      box-sizing: border-box;\n    }\n    .goora-science *{ box-sizing: border-box; }\n\n    .goora-science .goora-inner{\n      max-width: 1180px;\n      margin: 0 auto;\n    }\n\n    \/* ---- 顶部 THE SCIENCE 徽章 ---- *\/\n    .goora-science .goora-badge{\n      display: inline-block;\n      padding: 8px 22px;\n      border: 1.5px solid var(--goora-gold);\n      border-radius: 6px;\n      color: var(--goora-gold-deep);\n      font-family: var(--goora-body);\n      font-size: 11px;\n      font-weight: 500;\n      letter-spacing: 0.28em;\n      text-transform: uppercase;\n      background: rgba(255,255,255,0.25);\n    }\n    .goora-science .goora-badge-wrap{ text-align: center; margin-bottom: 28px; }\n\n    \/* ---- 大标题 ---- *\/\n    .goora-science .goora-title{\n      font-family: var(--goora-display);\n      font-weight: 500;\n      font-size: clamp(28px, 3.2vw, 44px);\n      line-height: 1.2;\n      color: var(--goora-ink);\n      text-align: center;\n      margin: 0 0 18px;\n      letter-spacing: -0.01em;\n    }\n    .goora-science .goora-divider{\n      width: 64px;\n      height: 1.5px;\n      background: var(--goora-gold);\n      margin: 0 auto 28px;\n      border: 0;\n    }\n\n    \/* ---- 描述段落 ---- *\/\n    .goora-science .goora-lead{\n      max-width: 760px;\n      margin: 0 auto 44px;\n      text-align: center;\n      font-size: 15px;\n      line-height: 1.75;\n      color: var(--goora-ink-soft);\n      font-weight: 400;\n    }\n\n    \/* ---- 主视觉图 ---- *\/\n    .goora-science .goora-hero{\n      width: 100%;\n      max-width: 1080px;\n      margin: 0 auto 56px;\n      border-radius: 18px;\n      overflow: hidden;\n      box-shadow: 0 12px 36px rgba(120, 80, 30, 0.18);\n    }\n    .goora-science .goora-hero img{\n      width: 100%;\n      height: auto;\n      display: block;\n    }\n\n    \/* ---- 4 张步骤卡片 ---- *\/\n    .goora-science .goora-cards{\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 18px;\n      margin-bottom: 48px;\n    }\n    .goora-science .goora-card{\n      background: var(--goora-card-bg);\n      border: 1px solid rgba(176, 137, 72, 0.35);\n      border-radius: 12px;\n      padding: 22px 20px 26px;\n      position: relative;\n      overflow: hidden;\n    }\n    .goora-science .goora-card::before{\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: radial-gradient(ellipse at top left, rgba(255,255,255,0.45), transparent 60%);\n      pointer-events: none;\n    }\n    .goora-science .goora-card-num{\n      font-family: var(--goora-display);\n      font-style: italic;\n      font-size: 30px;\n      font-weight: 500;\n      color: #fff8e7;\n      text-shadow: 0 1px 2px rgba(120, 80, 30, 0.25);\n      letter-spacing: 0.02em;\n      margin-bottom: 14px;\n      position: relative;\n      z-index: 1;\n    }\n    .goora-science .goora-card-img{\n      width: 100%;\n      aspect-ratio: 16 \/ 11;\n      border-radius: 8px;\n      overflow: hidden;\n      margin-bottom: 18px;\n      background: #2a1a10;\n      position: relative;\n      z-index: 1;\n    }\n    .goora-science .goora-card-img img{\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n    .goora-science .goora-card-title{\n      font-family: var(--goora-display);\n      font-size: 19px;\n      font-weight: 600;\n      color: #fff8e7;\n      text-shadow: 0 1px 2px rgba(120, 80, 30, 0.25);\n      margin: 0 0 12px;\n      position: relative;\n      z-index: 1;\n    }\n    .goora-science .goora-card-text{\n      font-size: 13.5px;\n      line-height: 1.65;\n      color: var(--goora-ink-soft);\n      margin: 0;\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* ---- 底部引用框 ---- *\/\n    .goora-science .goora-quote{\n      max-width: 880px;\n      margin: 0 auto;\n      padding: 22px 28px;\n      border: 1.5px dashed var(--goora-gold);\n      border-radius: 6px;\n      text-align: center;\n      background: rgba(255,255,255,0.2);\n    }\n    .goora-science .goora-quote p{\n      font-size: 13.5px;\n      line-height: 1.7;\n      color: var(--goora-ink-soft);\n      margin: 0 0 8px;\n      font-style: italic;\n    }\n    .goora-science .goora-quote .goora-cite{\n      font-size: 12.5px;\n      color: var(--goora-gold-deep);\n      font-style: normal;\n      margin: 0;\n    }\n\n    \/* ---- 响应式 \/ 平板 ---- *\/\n    @media (max-width: 960px){\n      .goora-science{ padding: 56px 18px; }\n      .goora-science .goora-cards{\n        grid-template-columns: repeat(2, 1fr);\n        gap: 16px;\n      }\n    }\n\n    \/* ---- 响应式 \/ 手机 ---- *\/\n    @media (max-width: 560px){\n      .goora-science{ padding: 44px 14px; }\n      .goora-science .goora-lead{ font-size: 14px; }\n      .goora-science .goora-cards{\n        grid-template-columns: 1fr;\n        gap: 14px;\n      }\n      .goora-science .goora-card{ padding: 20px 18px 22px; }\n      .goora-science .goora-quote{ padding: 18px 18px; }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"goora-inner\"\u003e\n\n    \u003c!-- 顶部徽章 --\u003e\n    \u003cdiv class=\"goora-badge-wrap\"\u003e\n      \u003cspan class=\"goora-badge\"\u003eThe Science\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 主标题 --\u003e\n    \u003ch2 class=\"goora-title\"\u003eA tan that happens inside your skin, not on top of it.\u003c\/h2\u003e\n    \u003chr class=\"goora-divider\"\u003e\n\n    \u003c!-- 描述文字 --\u003e\n    \u003cp class=\"goora-lead\"\u003e\n      Mintoragt® doesn't dye your skin. It sends a precise biological signal — the same signal your body uses when you're in sunlight — to pigment-producing cells beneath the skin's surface. They respond by producing real eumelanin. Your own pigment. Your natural color, amplified.\n    \u003c\/p\u003e\n\n    \u003c!-- 主视觉图（替换 https:\/\/cdn.shopify.com\/s\/files\/1\/0730\/5265\/1692\/files\/3.1.webp?v=1778838261 为你的图片地址） --\u003e\n    \u003cdiv class=\"goora-hero\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0730\/5265\/1692\/files\/3.1.webp?v=1778838261\" alt=\"GOORA biological tanning mechanism with 4 step illustration\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 4 张步骤卡片 --\u003e\n    \u003cdiv class=\"goora-cards\"\u003e\n\n      \u003c!-- 卡片 01 --\u003e\n      \u003cdiv class=\"goora-card\"\u003e\n        \u003cdiv class=\"goora-card-num\"\u003e01\u003c\/div\u003e\n        \u003cdiv class=\"goora-card-img\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0730\/5265\/1692\/files\/3.2.webp?v=1778838261\" alt=\"Microneedle penetration illustration\"\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"goora-card-title\"\u003eMicroneedle Penetration\u003c\/h3\u003e\n        \u003cp class=\"goora-card-text\"\u003e600-micron dissolvable needles crafted from biocompatible sea algae hydrogel pass through the stratum corneum — completely painlessly — to reach the skin layers beneath the surface.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- 卡片 02 --\u003e\n      \u003cdiv class=\"goora-card\"\u003e\n        \u003cdiv class=\"goora-card-num\"\u003e02\u003c\/div\u003e\n        \u003cdiv class=\"goora-card-img\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0730\/5265\/1692\/files\/3.3.webp?v=1778838261\" alt=\"Peptide delivery illustration\"\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"goora-card-title\"\u003ePeptide Delivery\u003c\/h3\u003e\n        \u003cp class=\"goora-card-text\"\u003eMC1R agonist peptides — bioidentical analogs of your body's natural α-MSH tanning signal — are released directly to the melanocytes, bypassing the dead surface layer entirely.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- 卡片 03 --\u003e\n      \u003cdiv class=\"goora-card\"\u003e\n        \u003cdiv class=\"goora-card-num\"\u003e03\u003c\/div\u003e\n        \u003cdiv class=\"goora-card-img\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0730\/5265\/1692\/files\/3.4.webp?v=1778838262\" alt=\"Melanin activation illustration\"\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"goora-card-title\"\u003eMelanin Activation\u003c\/h3\u003e\n        \u003cp class=\"goora-card-text\"\u003eThe peptides bind to MC1R receptors, triggering a cAMP signaling cascade that activates MITF — the master switch that turns on tyrosinase and begins true eumelanin production.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- 卡片 04 --\u003e\n      \u003cdiv class=\"goora-card\"\u003e\n        \u003cdiv class=\"goora-card-num\"\u003e04\u003c\/div\u003e\n        \u003cdiv class=\"goora-card-img\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0730\/5265\/1692\/files\/3.5.webp?v=1778838261\" alt=\"14-day glow cycle illustration\"\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"goora-card-title\"\u003e14-Day Glow Cycle\u003c\/h3\u003e\n        \u003cp class=\"goora-card-text\"\u003eThe hydrogel matrix provides a sustained, controlled release over two weeks, syncing with your skin's natural deep-tissue renewal cycle. One patch. Two weeks of glow.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- 底部引用框 --\u003e\n    \u003cdiv class=\"goora-quote\"\u003e\n      \u003cp\u003e\"The mechanism was first identified through clinical research into vitiligo repigmentation and skin-cancer prevention. What was developed to restore lost pigment safely became the most significant aesthetic breakthrough in tanning history.\"\u003c\/p\u003e\n      \u003cp class=\"goora-cite\"\u003eDerived from peer-reviewed research published in ACS Nano and the Journal of Dermatological Science.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =========================================================\n     END OF MODULE\n     ========================================================= --\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/section\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"section-template--26050442494225__custom_liquid_jrg9VW-padding\"\u003e\n    \u003csection id=\"shopify-section-template--20609497858220__custom_liquid_pRTQLw\" class=\"shopify-section section\"\u003e\u003cstyle data-shopify=\"\"\u003e.section-template--20609497858220__custom_liquid_pRTQLw-padding {\n    padding-top: calc(24px * 0.75);\n    padding-bottom: calc(24px  * 0.75);\n  }\n\n  @media screen and (min-width: 750px) {\n    .section-template--20609497858220__custom_liquid_pRTQLw-padding {\n      padding-top: 24px;\n      padding-bottom: 24px;\n    }\n  }\u003c\/style\u003e\n\u003cdiv class=\"color-background-1 gradient content-for-grouping always-display\"\u003e\n  \n  \u003cdiv class=\"section-template--20609497858220__custom_liquid_pRTQLw-padding\"\u003e\n    \n\n\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\"\u003e\n  \u003ctitle\u003eGlow Timeline | 自然光泽历程\u003c\/title\u003e\n  \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n  \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e\n  \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700;800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n  \u003cstyle\u003e\n    \/* ---------- 基础重置：保证section外无额外边距干扰 ---------- *\/\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    body {\n      background: #FBF5EC;   \/* 与模块背景一体 *\/\n    }\n\n    \/* ---------- 主题变量（与产品主页暖棕色系完全一致） ---------- *\/\n    .gt-section {\n      --gt-bg:        #FBF5EC;   \/* 板块背景：奶油米色 *\/\n      --gt-card-bg:  #F2EDE3;   \/* 卡片背景：浅米色 *\/\n      --gt-accent:   #A0673D;   \/* 主题强调色：暖棕 *\/\n      --gt-text:     #1F1A14;   \/* 标题主文字 *\/\n      --gt-muted:    #4A3F33;   \/* 描述次文字 *\/\n      --gt-dot:      #C9BFB1;   \/* 圆点未激活 *\/\n      --gt-radius:   18px;\n\n      background: var(--gt-bg);\n      padding: 64px 20px;\n      font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n      color: var(--gt-text);\n      box-sizing: border-box;\n    }\n\n    .gt-section *,\n    .gt-section *::before,\n    .gt-section *::after {\n      box-sizing: border-box;\n    }\n\n    \/* ---------- 主标题 ---------- *\/\n    .gt-title {\n      font-size: clamp(26px, 3.4vw, 40px);\n      font-weight: 800;\n      text-align: center;\n      margin: 0 0 44px;\n      letter-spacing: -0.01em;\n      line-height: 1.2;\n    }\n\n    \/* ---------- 桌面端：2×2 网格 ---------- *\/\n    .gt-grid {\n      max-width: 1200px;\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 22px;\n    }\n\n    .gt-card {\n      background: var(--gt-card-bg);\n      border-radius: var(--gt-radius);\n      padding: 32px 32px 36px;\n      text-align: center;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      transition: transform .35s ease, box-shadow .35s ease;\n    }\n\n    .gt-card:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 18px 40px -22px rgba(160, 103, 61, 0.35);\n    }\n\n    .gt-img-wrap {\n      width: 100%;\n      max-width: 320px;\n      aspect-ratio: 1 \/ 1;\n      border-radius: 12px;\n      overflow: hidden;\n      background: #ECE3D2;\n      margin-bottom: 24px;\n    }\n\n    .gt-img-wrap img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n\n    .gt-card-title {\n      font-size: 22px;\n      font-weight: 800;\n      margin: 0 0 14px;\n      color: var(--gt-text);\n      letter-spacing: -0.005em;\n    }\n\n    .gt-card-text {\n      font-size: 14.5px;\n      line-height: 1.7;\n      color: var(--gt-muted);\n      margin: 0;\n      font-weight: 400;\n      max-width: 42ch;\n    }\n\n    \/* ---------- 移动端导航默认隐藏（仅在≤768px显示） ---------- *\/\n    .gt-nav {\n      display: none;\n    }\n\n    \/* ====================================================\n       移动端专属 (≤ 768px) : 单卡轮播 + 箭头 + 圆点\n    ==================================================== *\/\n    @media (max-width: 768px) {\n      .gt-section {\n        padding: 44px 0 36px;\n      }\n\n      .gt-title {\n        padding: 0 20px;\n        margin-bottom: 28px;\n      }\n\n      .gt-grid {\n        display: flex;\n        gap: 0;\n        overflow-x: auto;\n        scroll-snap-type: x mandatory;\n        scroll-behavior: smooth;\n        padding: 4px 20px 20px 20px;  \/* 底部留白，上方让卡片舒适 *\/\n        -webkit-overflow-scrolling: touch;\n        scrollbar-width: none;\n      }\n\n      .gt-grid::-webkit-scrollbar {\n        display: none;\n      }\n\n      .gt-card {\n        flex: 0 0 100%;\n        scroll-snap-align: start;\n        margin-right: 14px;\n        padding: 28px 24px 32px;\n        transition: none;\n      }\n\n      .gt-card:last-child {\n        margin-right: 0;\n      }\n\n      .gt-card:hover {\n        transform: none;\n        box-shadow: none;\n      }\n\n      .gt-img-wrap {\n        max-width: 220px;\n        margin-bottom: 18px;\n      }\n\n      .gt-card-title {\n        font-size: 20px;\n      }\n\n      .gt-card-text {\n        font-size: 14px;\n      }\n\n      \/* 移动端导航条 (箭头 + 圆点) *\/\n      .gt-nav {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 18px;\n        margin-top: 22px;\n        padding: 0 20px;\n      }\n\n      .gt-arrow {\n        background: transparent;\n        border: none;\n        cursor: pointer;\n        width: 36px;\n        height: 36px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: var(--gt-text);\n        padding: 0;\n        font: inherit;\n        transition: opacity 0.2s ease;\n        border-radius: 50%;\n      }\n\n      .gt-arrow:hover {\n        opacity: 0.65;\n        background: rgba(160, 103, 61, 0.08);\n      }\n\n      .gt-arrow svg {\n        width: 22px;\n        height: 22px;\n        stroke-width: 1.8;\n      }\n\n      .gt-dots {\n        display: flex;\n        gap: 9px;\n        align-items: center;\n      }\n\n      .gt-dot {\n        width: 7px;\n        height: 7px;\n        border-radius: 50%;\n        background: var(--gt-dot);\n        border: none;\n        padding: 0;\n        cursor: pointer;\n        transition: background 0.25s ease, transform 0.25s ease;\n      }\n\n      .gt-dot.is-active {\n        background: var(--gt-text);\n        transform: scale(1.25);\n      }\n    }\n\n    \/* 小优化：卡片内文字自适应较长单词换行 *\/\n    .gt-card-text {\n      word-break: break-word;\n    }\n  \u003c\/style\u003e\n\n\n\u003csection class=\"gt-section\" aria-label=\"Your Glow Timeline 光泽历程\"\u003e\n  \u003ch2 class=\"gt-title\"\u003eYour Glow Timeline\u003c\/h2\u003e\n\n  \u003cdiv class=\"gt-grid\" id=\"gtGrid\"\u003e\n    \u003c!-- 卡片 1：Weeks 1–2 已填入实际图片链接，商标替换为GOORA --\u003e\n    \u003carticle class=\"gt-card\"\u003e\n      \u003cdiv class=\"gt-img-wrap\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0730\/5265\/1692\/files\/2.1_819f105c-6aae-45c2-9178-6facb3a7df3a.webp?v=1778662013\" alt=\"Weeks 1–2 微针渗透示意图\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"gt-card-title\"\u003eWeeks 1–2:\u003c\/h3\u003e\n      \u003cp class=\"gt-card-text\"\u003e\n        Right after the first patch, 1,000+ dissolving micro-needles painlessly deliver the Mintoragt® Complex beneath the skin. Cellular tanning pathways awaken as your body begins preparing for a natural melanin response — no UV needed.\n      \u003c\/p\u003e\n    \u003c\/article\u003e\n\n    \u003c!-- 卡片 2：Weeks 3–5 --\u003e\n    \u003carticle class=\"gt-card\"\u003e\n      \u003cdiv class=\"gt-img-wrap\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0730\/5265\/1692\/files\/2.2.webp?v=1778662013\" alt=\"Weeks 3–5 初现暖金光泽\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"gt-card-title\"\u003eWeeks 3–5:\u003c\/h3\u003e\n      \u003cp class=\"gt-card-text\"\u003e\n        Two weeks in, the first glow appears. Your skin tone starts showing a subtle golden warmth as melanin production increases naturally from within. It looks smooth, real, and evenly radiant.\n      \u003c\/p\u003e\n    \u003c\/article\u003e\n\n    \u003c!-- 卡片 3：Weeks 6–8 —— 已按需求移除 “B3™” 商标标识 --\u003e\n    \u003carticle class=\"gt-card\"\u003e\n      \u003cdiv class=\"gt-img-wrap\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0730\/5265\/1692\/files\/2.3.webp?v=1778662013\" alt=\"Weeks 6–8 均匀古铜色加深\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"gt-card-title\"\u003eWeeks 6–8:\u003c\/h3\u003e\n      \u003cp class=\"gt-card-text\"\u003e\n        By the one-month mark, your tone deepens noticeably. The Erythrulose and Peptide-Tan blend enhances melanin activity, creating a healthy, balanced bronze — not orange, not patchy.\n      \u003c\/p\u003e\n    \u003c\/article\u003e\n\n    \u003c!-- 卡片 4：Months 2–3 --\u003e\n    \u003carticle class=\"gt-card\"\u003e\n      \u003cdiv class=\"gt-img-wrap\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0730\/5265\/1692\/files\/2.4.webp?v=1778662013\" alt=\"Months 2–3 持久深邃光采\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"gt-card-title\"\u003eMonths 2–3:\u003c\/h3\u003e\n      \u003cp class=\"gt-card-text\"\u003e\n        After two months, your tan reaches full brilliance. The glow looks deep, luminous, and long-lasting, as your body's own pigment system stays active. No reapplication required for weeks — your glow now feels truly effortless and natural.\n      \u003c\/p\u003e\n    \u003c\/article\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 移动端导航：左箭头 + 圆点指示器 + 右箭头 (桌面端自动隐藏) --\u003e\n  \u003cdiv class=\"gt-nav\" aria-label=\"移动端轮播控制\"\u003e\n    \u003cbutton class=\"gt-arrow\" type=\"button\" data-gt-dir=\"prev\" aria-label=\"上一张\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n        \u003cpolyline points=\"15 18 9 12 15 6\"\u003e\u003c\/polyline\u003e\n      \u003c\/svg\u003e\n    \u003c\/button\u003e\n\n    \u003cdiv class=\"gt-dots\" id=\"gtDots\"\u003e\n      \u003cbutton class=\"gt-dot is-active\" type=\"button\" data-gt-idx=\"0\" aria-label=\"跳转到第1张\"\u003e\u003c\/button\u003e\n      \u003cbutton class=\"gt-dot\" type=\"button\" data-gt-idx=\"1\" aria-label=\"跳转到第2张\"\u003e\u003c\/button\u003e\n      \u003cbutton class=\"gt-dot\" type=\"button\" data-gt-idx=\"2\" aria-label=\"跳转到第3张\"\u003e\u003c\/button\u003e\n      \u003cbutton class=\"gt-dot\" type=\"button\" data-gt-idx=\"3\" aria-label=\"跳转到第4张\"\u003e\u003c\/button\u003e\n    \u003c\/div\u003e\n\n    \u003cbutton class=\"gt-arrow\" type=\"button\" data-gt-dir=\"next\" aria-label=\"下一张\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n        \u003cpolyline points=\"9 18 15 12 9 6\"\u003e\u003c\/polyline\u003e\n      \u003c\/svg\u003e\n    \u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cscript\u003e\n  (function() {\n    \/\/ ------------- DOM 元素 -------------\n    const grid = document.getElementById('gtGrid');\n    if (!grid) return;\n\n    \/\/ 获取全部卡片（用于精准滚动）\n    const cards = Array.from(grid.querySelectorAll('.gt-card'));\n    const totalCards = cards.length;\n    const dotsContainer = document.getElementById('gtDots');\n    let dots = [];\n    if (dotsContainer) {\n      dots = Array.from(dotsContainer.querySelectorAll('.gt-dot'));\n    }\n    const arrows = document.querySelectorAll('.gt-arrow');\n\n    \/\/ 是否为移动端布局 (实际功能仅在≤768px时需要导航，但为确保交互稳健，我们在点击和滚动时依旧判断)\n    \/\/ 但因为桌面端导航是display:none且不可见，滚动无影响，不过添加resize监听明确启用\/禁用轮询。\n    let isMobileLayout = window.matchMedia('(max-width: 768px)').matches;\n\n    \/\/ ---------- 辅助函数: 获取当前视口内最靠左(或居中最近的卡片索引) ----------\n    \/\/ 原理：计算网格滚动容器中每个卡片左边缘相对于容器左侧滚动距离的绝对差值，取最小的索引\n    \/\/ 保证滚动snap结束后高亮圆点精准\n    function getCurrentCardIndex() {\n      if (!grid || cards.length === 0) return 0;\n      const scrollLeft = grid.scrollLeft;\n      \/\/ 获取每个卡片相对 .gt-grid 容器左侧边缘的偏移量 (offsetLeft 包含了grid的padding)\n      let minDiff = Infinity;\n      let closestIndex = 0;\n      for (let i = 0; i \u003c cards.length; i++) {\n        const card = cards[i];\n        const cardOffsetLeft = card.offsetLeft;  \/\/ 相对滚动容器内容区左边缘\n        \/\/ 差值: 滚动距离与卡片左边缘越接近代表当前聚焦卡片\n        const diff = Math.abs(scrollLeft - cardOffsetLeft);\n        if (diff \u003c minDiff) {\n          minDiff = diff;\n          closestIndex = i;\n        }\n      }\n      return closestIndex;\n    }\n\n    \/\/ 高亮当前激活的圆点\n    function updateActiveDot(index) {\n      if (!dots.length) return;\n      dots.forEach((dot, i) =\u003e {\n        if (i === index) {\n          dot.classList.add('is-active');\n        } else {\n          dot.classList.remove('is-active');\n        }\n      });\n    }\n\n    \/\/ 滚动到指定索引的卡片（精准对齐，平滑移动）\n    function scrollToCard(index, behavior = 'smooth') {\n      if (!grid || index \u003c 0 || index \u003e= cards.length) return;\n      const targetCard = cards[index];\n      if (!targetCard) return;\n      \/\/ 获取目标卡片的 offsetLeft (相对滚动容器内容区)\n      const targetLeft = targetCard.offsetLeft;\n      \/\/ 滚动容器滚动到目标位置\n      grid.scrollTo({\n        left: targetLeft,\n        behavior: behavior\n      });\n      \/\/ 手动同步圆点（scroll事件也有防抖同步，但为保证立即反馈先同步一次）\n      updateActiveDot(index);\n    }\n\n    \/\/ 刷新当前索引及圆点（基于滚动位置主动同步）\n    function syncFromScroll() {\n      if (!isMobileLayout) return;  \/\/ 桌面端没有圆点交互需求，但为了严谨无副作用\n      const idx = getCurrentCardIndex();\n      updateActiveDot(idx);\n    }\n\n    \/\/ 监听滚动事件（防抖 + 移动端实时同步）\n    let scrollTimer = null;\n    function onGridScroll() {\n      if (!isMobileLayout) return;\n      \/\/ 实时同步，避免高频下性能问题，使用requestAnimationFrame + 防抖最后精准一次\n      if (scrollTimer) clearTimeout(scrollTimer);\n      \/\/ 快速更新一次，保证箭头滑动时圆点及时响应\n      const quickIdx = getCurrentCardIndex();\n      updateActiveDot(quickIdx);\n      \/\/ 最终滚动停止后再确认一次，避免惯性结束偏移\n      scrollTimer = setTimeout(() =\u003e {\n        const finalIdx = getCurrentCardIndex();\n        updateActiveDot(finalIdx);\n        scrollTimer = null;\n      }, 80);\n    }\n\n    \/\/ ---------- 箭头导航逻辑 ----------\n    function handleArrow(direction) {\n      if (!isMobileLayout) return;\n      const currentIdx = getCurrentCardIndex();\n      let newIdx = currentIdx;\n      if (direction === 'prev') {\n        newIdx = Math.max(0, currentIdx - 1);\n      } else if (direction === 'next') {\n        newIdx = Math.min(totalCards - 1, currentIdx + 1);\n      }\n      if (newIdx !== currentIdx) {\n        scrollToCard(newIdx, 'smooth');\n        \/\/ 滚动后 syncFromScroll 会被 scroll 事件二次修正，但立即更新更跟手\n        updateActiveDot(newIdx);\n      }\n    }\n\n    \/\/ 绑定箭头事件\n    arrows.forEach(btn =\u003e {\n      btn.addEventListener('click', (e) =\u003e {\n        e.preventDefault();\n        const dir = btn.getAttribute('data-gt-dir');\n        if (dir === 'prev') handleArrow('prev');\n        else if (dir === 'next') handleArrow('next');\n      });\n    });\n\n    \/\/ 绑定圆点点击事件 (利用 data-gt-idx)\n    if (dots.length) {\n      dots.forEach(dot =\u003e {\n        dot.addEventListener('click', (e) =\u003e {\n          e.preventDefault();\n          const idxAttr = dot.getAttribute('data-gt-idx');\n          if (idxAttr !== null) {\n            const idx = parseInt(idxAttr, 10);\n            if (!isNaN(idx) \u0026\u0026 idx \u003e= 0 \u0026\u0026 idx \u003c totalCards) {\n              scrollToCard(idx, 'smooth');\n            }\n          }\n        });\n      });\n    }\n\n    \/\/ 监听网格滚动\n    grid.addEventListener('scroll', onGridScroll);\n    \/\/ 针对触摸结束或滚轮结束再次确保同步圆点\n    grid.addEventListener('touchend', () =\u003e {\n      if (!isMobileLayout) return;\n      setTimeout(() =\u003e {\n        const idx = getCurrentCardIndex();\n        updateActiveDot(idx);\n      }, 50);\n    });\n    grid.addEventListener('mouseup', () =\u003e {\n      if (!isMobileLayout) return;\n      setTimeout(() =\u003e {\n        const idx = getCurrentCardIndex();\n        updateActiveDot(idx);\n      }, 30);\n    });\n\n    \/\/ ---------- 响应式布局变化：检测屏幕宽度变化重新判断移动端布局 \/ 重置圆点状态 ----------\n    const mediaQuery = window.matchMedia('(max-width: 768px)');\n    function handleLayoutChange(e) {\n      const newIsMobile = e.matches;\n      isMobileLayout = newIsMobile;\n      if (!isMobileLayout) {\n        \/\/ 桌面模式下，无需关注轮播逻辑，但避免残留高亮不影响体验，不做额外动作。\n        \/\/ 移除一些移动端特有的滚动监听没必要停止但无副作用，保留即可。\n      } else {\n        \/\/ 切换成移动端时，重新计算一次当前滚动索引和高亮，确保刚刚切换到移动端时圆点正确\n        setTimeout(() =\u003e {\n          const idx = getCurrentCardIndex();\n          updateActiveDot(idx);\n          \/\/ 确保可滚动容器滚动位置相对于卡片0边界可能是padding导致偏移重新同步最左边界\n          \/\/ 如果当前滚动位置由于桌面宽度改变导致异常，将其校准到最近卡片\n          const currentIdxAfter = getCurrentCardIndex();\n          if (currentIdxAfter !== idx) {\n            scrollToCard(currentIdxAfter, 'auto');\n          }\n        }, 20);\n      }\n    }\n    \/\/ 监听变化\n    if (mediaQuery.addEventListener) {\n      mediaQuery.addEventListener('change', handleLayoutChange);\n    } else {\n      \/\/ 兼容旧浏览器\n      mediaQuery.addListener(handleLayoutChange);\n    }\n\n    \/\/ 初始化移动端状态：圆点与滚动位置同步，并确保首卡位置精确（防止因图片加载偏移导致初始滚动不对）\n    function initMobileBehavior() {\n      if (window.matchMedia('(max-width: 768px)').matches) {\n        isMobileLayout = true;\n        \/\/ 保证滚动区域的初始位置为0（由于页面加载时有可能滚动偏移因内容过度导致0位置非第一卡，无碍但圆点需同步）\n        setTimeout(() =\u003e {\n          const initialIdx = getCurrentCardIndex();\n          updateActiveDot(initialIdx);\n          \/\/ 如果有某些浏览器默认滚动偏移量\u003e0且不是最完美卡片对齐，就主动对齐一下第一张卡，让视觉和圆点一致（加载时通常为0）\n          if (grid.scrollLeft === 0) {\n            \/\/ 确保圆点和第一张卡匹配\n            if (initialIdx !== 0) {\n              \/\/ 极少情况由于卡片偏移误判，强制校对\n              scrollToCard(0, 'auto');\n              updateActiveDot(0);\n            }\n          } else {\n            \/\/ 若滚动位置偏离，将高亮与滚动位置同步即可，不强制跳转，避免打断用户预期\n            const correctIdx = getCurrentCardIndex();\n            updateActiveDot(correctIdx);\n          }\n        }, 60);\n        \/\/ 另外监听图片完全加载后因为布局偏移导致偏移量改变重新同步圆点\n        const images = document.querySelectorAll('.gt-img-wrap img');\n        let loadedCount = 0;\n        function reSyncAfterLoad() {\n          loadedCount++;\n          if (loadedCount === images.length) {\n            \/\/ 所有图片加载完成后再次校准圆点，以防卡片尺寸变化影响滚动偏移\n            setTimeout(() =\u003e {\n              const idx = getCurrentCardIndex();\n              updateActiveDot(idx);\n              \/\/ 确保滚动边界对齐最近卡片 (优雅修正)\n              if (grid.scrollLeft !== undefined) {\n                const nearestIdx = getCurrentCardIndex();\n                if (Math.abs(grid.scrollLeft - cards[nearestIdx]?.offsetLeft) \u003e 5) {\n                  scrollToCard(nearestIdx, 'auto');\n                }\n              }\n            }, 40);\n          }\n        }\n        if (images.length) {\n          images.forEach(img =\u003e {\n            if (img.complete) {\n              reSyncAfterLoad();\n            } else {\n              img.addEventListener('load', reSyncAfterLoad, { once: true });\n              img.addEventListener('error', reSyncAfterLoad, { once: true });\n            }\n          });\n        } else {\n          setTimeout(() =\u003e {\n            const idx = getCurrentCardIndex();\n            updateActiveDot(idx);\n          }, 80);\n        }\n      } else {\n        isMobileLayout = false;\n      }\n    }\n\n    \/\/ 窗口Resize时重新校准圆点与滚动位置（因为网格宽度变化会影响卡片的偏移位置，圆点必须基于新滚动位置）\n    let resizeTimer;\n    window.addEventListener('resize', function() {\n      if (resizeTimer) clearTimeout(resizeTimer);\n      resizeTimer = setTimeout(() =\u003e {\n        const nowMobile = window.matchMedia('(max-width: 768px)').matches;\n        isMobileLayout = nowMobile;\n        if (isMobileLayout) {\n          \/\/ 先同步圆点\n          const newIdx = getCurrentCardIndex();\n          updateActiveDot(newIdx);\n          \/\/ 轻微处理滚动位置容差，确保显示区域处于合理卡片（可让当前高亮卡片完整显示）\n          const currentCard = cards[newIdx];\n          if (currentCard) {\n            const targetLeft = currentCard.offsetLeft;\n            \/\/ 如果滚动位置和理想位置差距超过10px，则自动校准\n            if (Math.abs(grid.scrollLeft - targetLeft) \u003e 12) {\n              grid.scrollTo({ left: targetLeft, behavior: 'smooth' });\n            }\n          }\n        } else {\n          \/\/ 桌面端无圆点高亮影响，无需额外动作\n        }\n      }, 100);\n    });\n\n    \/\/ 监听dom加载完成保证所有绑定\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', initMobileBehavior);\n    } else {\n      initMobileBehavior();\n    }\n\n    \/\/ 额外处理手动滑动停止后精准对齐（增强滚动体验）\n    let isScrolling = false;\n    grid.addEventListener('scrollend', () =\u003e {\n      if (isMobileLayout) {\n        const finalIdx = getCurrentCardIndex();\n        updateActiveDot(finalIdx);\n        \/\/ 再次确保滚动位置完美对齐卡片（使卡片完全位于可视区内）\n        const targetCard = cards[finalIdx];\n        if (targetCard) {\n          const idealLeft = targetCard.offsetLeft;\n          if (Math.abs(grid.scrollLeft - idealLeft) \u003e 2) {\n            grid.scrollTo({ left: idealLeft, behavior: 'smooth' });\n          }\n        }\n      }\n    });\n    \/\/ 针对不支持 scrollend 的浏览器，用防抖兜底\n    if (typeof grid.onscrollend === 'undefined') {\n      let endTimer;\n      grid.addEventListener('scroll', () =\u003e {\n        if (endTimer) clearTimeout(endTimer);\n        endTimer = setTimeout(() =\u003e {\n          if (isMobileLayout) {\n            const idx = getCurrentCardIndex();\n            updateActiveDot(idx);\n          }\n        }, 120);\n      });\n    }\n  })();\n\u003c\/script\u003e\n\u003cstyle\u003e  \u003c\/style\u003e\n\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/section\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"section-template--26050442494225__custom_liquid_ap9yaC-padding\"\u003e\n    \u003cdiv id=\"shopify-section-template--20609497858220__image_with_text_UydUgi\" class=\"shopify-section section\"\u003e\n\n  \u003cstyle\u003e\n    .section-template--20609497858220__image_with_text_UydUgi-padding {\n      padding-top: 0;\n      padding-bottom: 16px;\n    }\n\n    @media screen and (min-width: 750px) {\n      .section-template--20609497858220__image_with_text_UydUgi-padding {\n        padding-top: 36px;\n        padding-bottom: 36px;\n      }\n\n      #image-with-text-template--20609497858220__image_with_text_UydUgi .image-with-text__media-item,\n      #image-with-text-template--20609497858220__image_with_text_UydUgi .image-with-text__text-item {\n        width: 50%;\n      }\n    }\n\n    \/* 修复图片不显示 *\/\n    .custom-image-fix {\n      width: 100%;\n      height: auto;\n      display: block;\n      object-fit: cover;\n      border-radius: 0;\n    }\n\n    .custom-media-wrapper {\n      width: 100%;\n      overflow: hidden;\n      position: relative;\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv id=\"image-with-text-template--20609497858220__image_with_text_UydUgi\" class=\"section-color-scheme-template--20609497858220__image_with_text_UydUgi color-background-1 gradient\"\u003e\n\n    \u003cdiv class=\"image-with-text image-with-text--no-overlap image-with-text--mobile-normal page-width isolate collapse-corners same-colors collapse-padding section-template--20609497858220__image_with_text_UydUgi-padding\"\u003e\n\n      \u003cdiv class=\"image-with-text__grid grid grid--gapless grid--1-col animate-item\"\u003e\n\n        \u003c!-- 图片区域 --\u003e\n        \u003cdiv class=\"image-with-text__media-item image-with-text__media-item--middle grid__item\"\u003e\n\n          \u003cdiv class=\"custom-media-wrapper\"\u003e\n\n            \u003cimg class=\"custom-image-fix\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0968\/6253\/5953\/files\/GTMH_4.jpg?v=1779537010\" alt=\"Advanced Transdermal Tanning Technology\" loading=\"lazy\" width=\"1500\" height=\"1500\"\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003c!-- 文案区域 --\u003e\n        \u003cdiv class=\"image-with-text__text-item grid__item\"\u003e\n\n          \u003cdiv class=\"image-with-text__content image-with-text__content--middle image-with-text__content--desktop-left image-with-text__content--mobile-left\"\u003e\n\n            \u003ch2 class=\"image-with-text__heading h1\"\u003e\n              Advanced TransdermalTanning Technology\n            \u003c\/h2\u003e\n\n            \u003cdiv class=\"image-with-text__text rte body\"\u003e\n              \u003cp\u003e\n                As the micro-needles dissolve, DHA, Erythrulose, and\n                PeptideActivators penetrate deeply to simulate your body's\n                sunlightresponse - safely and precisely.\n              \u003c\/p\u003e\n\n              \u003cp\u003e\n                Crafted with science-backed ingredients to:\n                \u003cbr\u003e\n                · Activate natural melanin formation for a golden glow\n                \u003cbr\u003e\n                · Even out skin tone and prevent patchy color\n                \u003cbr\u003e\n                · Hydrate and nourish for smooth, radiant skin\n                \u003cbr\u003e\n                · Achieve a streak-free tan - no sun, no damage\n              \u003c\/p\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"section-template--26050442494225__custom_liquid_wGa4Yc-padding\"\u003e\n    \u003csection id=\"shopify-section-template--20609497858220__custom_liquid_DYE4EN\" class=\"shopify-section section\"\u003e\u003cstyle data-shopify=\"\"\u003e.section-template--20609497858220__custom_liquid_DYE4EN-padding {\n    padding-top: calc(8px * 0.75);\n    padding-bottom: calc(8px  * 0.75);\n  }\n\n  @media screen and (min-width: 750px) {\n    .section-template--20609497858220__custom_liquid_DYE4EN-padding {\n      padding-top: 8px;\n      padding-bottom: 8px;\n    }\n  }\u003c\/style\u003e\n\u003cdiv class=\"color-background-1 gradient content-for-grouping always-display\"\u003e\n  \n  \u003cdiv class=\"section-template--20609497858220__custom_liquid_DYE4EN-padding\"\u003e\n    \u003csection class=\"elvyra-apply-section\"\u003e\n  \u003cstyle\u003e\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600;700\u0026family=Inter:wght@400;500;600\u0026display=swap');\n\n    .elvyra-apply-section {\n      --elvyra-bg: #F7F1E9;\n      --elvyra-ink: #07133a;\n      --elvyra-gold: #c89a45;\n      --elvyra-gold-deep: #b8823d;\n      --elvyra-card-bg: #fffdf8;\n      --elvyra-display: 'Cormorant Garamond', Georgia, serif;\n      --elvyra-body: 'Inter', Arial, sans-serif;\n\n      background: var(--elvyra-bg);\n      padding: 18px 20px 20px;\n      box-sizing: border-box;\n      font-family: var(--elvyra-body);\n      color: var(--elvyra-ink);\n      width: 100%;\n    }\n\n    .elvyra-apply-section * {\n      box-sizing: border-box;\n    }\n\n    .elvyra-apply-inner {\n      max-width: 1280px;\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 30px;\n      align-items: start;\n    }\n\n    .elvyra-apply-copy {\n      padding-top: 0;\n    }\n\n    .elvyra-apply-heading {\n      margin: 0;\n      font-family: var(--elvyra-display);\n      font-size: clamp(40px, 3.35vw, 50px);\n      line-height: 1.12;\n      font-weight: 600;\n      letter-spacing: -0.025em;\n      color: var(--elvyra-ink);\n      max-width: 640px;\n    }\n\n    .elvyra-heading-line {\n      display: block;\n    }\n\n    .elvyra-apply-divider {\n      width: 58px;\n      height: 4px;\n      background: var(--elvyra-gold);\n      margin: 26px 0 26px;\n    }\n\n    .elvyra-steps {\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n      max-width: 590px;\n    }\n\n    .elvyra-step-card {\n      background: var(--elvyra-card-bg);\n      border: 1.4px solid rgba(200, 154, 69, 0.9);\n      border-radius: 15px;\n      padding: 10px 20px 11px 17px;\n      display: flex;\n      align-items: flex-start;\n      gap: 15px;\n      min-height: 94px;\n      box-shadow: 0 6px 14px rgba(120, 80, 30, 0.05);\n    }\n\n    .elvyra-step-number {\n      flex: 0 0 30px;\n      width: 30px;\n      height: 30px;\n      border-radius: 50%;\n      background: #1f294f;\n      color: #ffffff;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 19px;\n      font-weight: 700;\n      line-height: 1;\n      margin-top: 0;\n    }\n\n    .elvyra-step-content {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .elvyra-step-title {\n      margin: 0 0 5px;\n      font-family: var(--elvyra-display);\n      font-size: 19px;\n      line-height: 1.1;\n      font-weight: 600;\n      color: var(--elvyra-gold-deep);\n      letter-spacing: 0.01em;\n    }\n\n    .elvyra-step-text {\n      margin: 0;\n      font-size: 16px;\n      line-height: 1.48;\n      font-weight: 400;\n      color: var(--elvyra-ink);\n      letter-spacing: 0.01em;\n    }\n\n    .elvyra-apply-visual {\n      border: 3px solid var(--elvyra-gold);\n      border-radius: 26px;\n      overflow: hidden;\n      background: #efe4cc;\n    }\n\n    .elvyra-apply-visual img {\n      display: block;\n      width: 100%;\n      height: auto;\n    }\n\n    @media (max-width: 1024px) {\n      .elvyra-apply-inner {\n        grid-template-columns: 1fr;\n        gap: 24px;\n      }\n\n      .elvyra-apply-heading {\n        max-width: 100%;\n      }\n\n      .elvyra-steps {\n        max-width: 100%;\n      }\n\n      .elvyra-apply-visual {\n        max-width: 760px;\n      }\n    }\n\n    \/* 手机端优化 *\/\n    @media (max-width: 768px) {\n      .elvyra-apply-section {\n        padding: 18px 14px 22px;\n        background: #F7F1E9;\n      }\n\n      .elvyra-apply-inner {\n        gap: 22px;\n      }\n\n      .elvyra-apply-heading {\n        font-size: clamp(31px, 8.4vw, 38px);\n        line-height: 1.08;\n        letter-spacing: -0.02em;\n        max-width: 100%;\n        text-align: left;\n      }\n\n      .elvyra-heading-line {\n        display: block;\n      }\n\n      .elvyra-apply-divider {\n        width: 52px;\n        height: 3px;\n        margin: 20px 0 22px;\n      }\n\n      .elvyra-steps {\n        gap: 14px;\n        width: 100%;\n      }\n\n      .elvyra-step-card {\n        width: 100%;\n        border-radius: 15px;\n        padding: 12px 14px;\n        gap: 12px;\n        min-height: auto;\n      }\n\n      .elvyra-step-number {\n        width: 30px;\n        height: 30px;\n        flex-basis: 30px;\n        font-size: 18px;\n        margin-top: 0;\n      }\n\n      .elvyra-step-title {\n        font-size: 18px;\n        margin-bottom: 5px;\n      }\n\n      .elvyra-step-text {\n        font-size: 14px;\n        line-height: 1.48;\n        letter-spacing: 0;\n      }\n\n      .elvyra-apply-visual {\n        border-radius: 22px;\n      }\n    }\n\n    @media (max-width: 420px) {\n      .elvyra-apply-section {\n        padding-left: 14px;\n        padding-right: 14px;\n      }\n\n      .elvyra-apply-heading {\n        font-size: 29px;\n        line-height: 1.08;\n      }\n\n      .elvyra-apply-divider {\n        margin: 18px 0 20px;\n      }\n\n      .elvyra-step-title {\n        font-size: 17px;\n      }\n\n      .elvyra-step-text {\n        font-size: 13.5px;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"elvyra-apply-inner\"\u003e\n    \u003cdiv class=\"elvyra-apply-copy\"\u003e\n      \u003ch2 class=\"elvyra-apply-heading\"\u003e\n        \u003cspan class=\"elvyra-heading-line\"\u003eThirty minutes or more, every four days.\u003c\/span\u003e\n        \u003cspan class=\"elvyra-heading-line\"\u003eThat's the entire commitment.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"elvyra-apply-divider\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"elvyra-steps\"\u003e\n        \u003cdiv class=\"elvyra-step-card\"\u003e\n          \u003cdiv class=\"elvyra-step-number\"\u003e1\u003c\/div\u003e\n          \u003cdiv class=\"elvyra-step-content\"\u003e\n            \u003ch3 class=\"elvyra-step-title\"\u003eCleanse \u0026amp; dry\u003c\/h3\u003e\n            \u003cp class=\"elvyra-step-text\"\u003e\n              Choose your inner arm or inner thigh — the thinner skin in those areas allows for optimal transdermal delivery.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"elvyra-step-card\"\u003e\n          \u003cdiv class=\"elvyra-step-number\"\u003e2\u003c\/div\u003e\n          \u003cdiv class=\"elvyra-step-content\"\u003e\n            \u003ch3 class=\"elvyra-step-title\"\u003ePress \u0026amp; hold\u003c\/h3\u003e\n            \u003cp class=\"elvyra-step-text\"\u003e\n              Apply the patch with firm, even pressure for ninety seconds. The microneedles dissolve completely into the dermis.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"elvyra-step-card\"\u003e\n          \u003cdiv class=\"elvyra-step-number\"\u003e3\u003c\/div\u003e\n          \u003cdiv class=\"elvyra-step-content\"\u003e\n            \u003ch3 class=\"elvyra-step-title\"\u003eRemove \u0026amp; resume\u003c\/h3\u003e\n            \u003cp class=\"elvyra-step-text\"\u003e\n              Wear for at least thirty minutes — exact time varies by skin type and desired depth of glow. Peel away the carrier film, then resume your day. No drying time, no streaks, no stained sheets. Your glow develops over the next 3–5 days.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"elvyra-apply-visual\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0968\/6253\/5953\/files\/2.png?v=1779282244\" alt=\"How to apply and glow journey\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/section\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"section-template--26050442494225__custom_liquid_fKmUM7-padding\"\u003e\n    \u003csection id=\"shopify-section-template--20609497858220__custom_liquid_PGiPfP\" class=\"shopify-section section\"\u003e\u003cstyle data-shopify=\"\"\u003e.section-template--20609497858220__custom_liquid_PGiPfP-padding {\n    padding-top: calc(40px * 0.75);\n    padding-bottom: calc(52px  * 0.75);\n  }\n\n  @media screen and (min-width: 750px) {\n    .section-template--20609497858220__custom_liquid_PGiPfP-padding {\n      padding-top: 40px;\n      padding-bottom: 52px;\n    }\n  }\u003c\/style\u003e\n\u003cdiv class=\"color-background-1 gradient content-for-grouping always-display\"\u003e\n  \n  \u003cdiv class=\"section-template--20609497858220__custom_liquid_PGiPfP-padding\"\u003e\n    \n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eMintoragt® — Frequently Asked Questions\u003c\/title\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n  :root {\n    --bg-cream: #f8f1e4;\n    --bg-cream-soft: #f4ead9;\n    --brown-deep: #4a2e1a;\n    --brown-medium: #7a4a2a;\n    --brown-accent: #a06a3a;\n    --brown-soft: #c89870;\n    --line-soft: #e6d4b8;\n    --shadow-warm: rgba(74, 46, 26, 0.08);\n  }\n\n  * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  body {\n    background: var(--bg-cream);\n    font-family: 'Inter', sans-serif;\n    color: var(--brown-deep);\n    min-height: 100vh;\n    padding: 80px 24px;\n    position: relative;\n    overflow-x: hidden;\n  }\n\n  \/* 顶部柔和光晕 *\/\n  body::before {\n    content: '';\n    position: absolute;\n    top: -200px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 1200px;\n    height: 600px;\n    background: radial-gradient(ellipse at center, rgba(200, 152, 112, 0.15) 0%, transparent 60%);\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  .faq-container {\n    max-width: 880px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n  }\n\n  .faq-header {\n    text-align: center;\n    margin-bottom: 64px;\n  }\n\n  .faq-eyebrow {\n    display: inline-block;\n    font-family: 'Inter', sans-serif;\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 0.32em;\n    text-transform: uppercase;\n    color: var(--brown-accent);\n    margin-bottom: 20px;\n    position: relative;\n    padding: 0 32px;\n  }\n\n  .faq-eyebrow::before,\n  .faq-eyebrow::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    width: 24px;\n    height: 1px;\n    background: var(--brown-soft);\n  }\n\n  .faq-eyebrow::before { left: 0; }\n  .faq-eyebrow::after { right: 0; }\n\n  .faq-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-weight: 400;\n    font-size: clamp(36px, 5vw, 56px);\n    color: var(--brown-deep);\n    line-height: 1.1;\n    letter-spacing: -0.01em;\n    margin-bottom: 16px;\n  }\n\n  .faq-title em {\n    font-style: italic;\n    color: var(--brown-medium);\n  }\n\n  .faq-subtitle {\n    font-size: 15px;\n    color: var(--brown-medium);\n    font-weight: 300;\n    max-width: 520px;\n    margin: 0 auto;\n    line-height: 1.6;\n  }\n\n  \/* FAQ 项目 *\/\n  .faq-list {\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n\n  .faq-item {\n    border-bottom: 1px solid var(--line-soft);\n    transition: background 0.3s ease;\n  }\n\n  .faq-item:first-child {\n    border-top: 1px solid var(--line-soft);\n  }\n\n  .faq-question {\n    width: 100%;\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    padding: 28px 8px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    text-align: left;\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 22px;\n    font-weight: 500;\n    color: var(--brown-deep);\n    transition: color 0.3s ease, padding 0.3s ease;\n    letter-spacing: 0.005em;\n  }\n\n  .faq-question:hover {\n    color: var(--brown-medium);\n    padding-left: 16px;\n  }\n\n  .faq-question:focus-visible {\n    outline: 2px solid var(--brown-soft);\n    outline-offset: 4px;\n    border-radius: 4px;\n  }\n\n  .faq-icon {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border: 1px solid var(--brown-soft);\n    border-radius: 50%;\n    position: relative;\n    margin-left: 24px;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    background: transparent;\n  }\n\n  .faq-icon::before,\n  .faq-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--brown-medium);\n    top: 50%;\n    left: 50%;\n    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  .faq-icon::before {\n    width: 12px;\n    height: 1px;\n    transform: translate(-50%, -50%);\n  }\n\n  .faq-icon::after {\n    width: 1px;\n    height: 12px;\n    transform: translate(-50%, -50%);\n  }\n\n  .faq-item.active .faq-icon {\n    background: var(--brown-deep);\n    border-color: var(--brown-deep);\n    transform: rotate(180deg);\n  }\n\n  .faq-item.active .faq-icon::before,\n  .faq-item.active .faq-icon::after {\n    background: var(--bg-cream);\n  }\n\n  .faq-item.active .faq-icon::after {\n    transform: translate(-50%, -50%) rotate(90deg);\n  }\n\n  .faq-answer {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  .faq-answer-inner {\n    padding: 0 8px 32px 8px;\n    font-size: 15px;\n    line-height: 1.75;\n    color: var(--brown-medium);\n    font-weight: 300;\n    max-width: 720px;\n  }\n\n  .faq-answer-inner strong {\n    color: var(--brown-deep);\n    font-weight: 500;\n  }\n\n  \/* 底部装饰 *\/\n  .faq-footer {\n    margin-top: 72px;\n    text-align: center;\n    padding-top: 48px;\n    border-top: 1px solid var(--line-soft);\n  }\n\n  .faq-footer-text {\n    font-family: 'Cormorant Garamond', serif;\n    font-style: italic;\n    font-size: 18px;\n    color: var(--brown-medium);\n    margin-bottom: 20px;\n  }\n\n  @media (max-width: 640px) {\n    body { padding: 56px 20px; }\n    .faq-question { font-size: 18px; padding: 22px 4px; }\n    .faq-question:hover { padding-left: 8px; }\n    .faq-icon { width: 28px; height: 28px; margin-left: 16px; }\n    .faq-answer-inner { padding: 0 4px 28px 4px; font-size: 14px; }\n  }\n\u003c\/style\u003e\n\n\n\n\u003cdiv class=\"faq-container\"\u003e\n\n  \u003cheader class=\"faq-header\"\u003e\n    \u003cspan class=\"faq-eyebrow\"\u003eNeed to know\u003c\/span\u003e\n    \u003ch1 class=\"faq-title\"\u003eFrequently Asked \u003cem\u003eQuestions\u003c\/em\u003e\n\u003c\/h1\u003e\n    \u003cp class=\"faq-subtitle\"\u003eEverything you need to know about the Mintoragt® Self-Tan Micro-Needle Patch — answered with care.\u003c\/p\u003e\n  \u003c\/header\u003e\n\n  \u003cdiv class=\"faq-list\"\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cbutton class=\"faq-question\" aria-expanded=\"false\"\u003e\n        \u003cspan\u003eWhat is Mintoragt® and how does it work?\u003c\/span\u003e\n        \u003cspan class=\"faq-icon\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cdiv class=\"faq-answer-inner\"\u003e\n          \u003cstrong\u003eMintoragt®\u003c\/strong\u003e is a transdermal micro-needle tanning patch that delivers active ingredients like DHA, Erythrulose, and Peptides directly beneath the skin's surface. These ingredients stimulate your body's natural melanin response, giving you a gradual, even bronze glow — no UV exposure required.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cbutton class=\"faq-question\" aria-expanded=\"false\"\u003e\n        \u003cspan\u003eDoes it hurt when applying the patch?\u003c\/span\u003e\n        \u003cspan class=\"faq-icon\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cdiv class=\"faq-answer-inner\"\u003e\n          Not at all. The micro-needles are ultra-fine and painless, designed to dissolve safely once in contact with your skin. Most users describe it as feeling like a \u003cstrong\u003egentle press\u003c\/strong\u003e — no stinging, no irritation.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cbutton class=\"faq-question\" aria-expanded=\"false\"\u003e\n        \u003cspan\u003eHow often should I use it?\u003c\/span\u003e\n        \u003cspan class=\"faq-icon\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cdiv class=\"faq-answer-inner\"\u003e\n          Apply one patch every 4 days on your abdomen or upper arm. Each patch gradually deepens your natural color over time. \u003cstrong\u003eOne pack (7 patches) lasts one month.\u003c\/strong\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cbutton class=\"faq-question\" aria-expanded=\"false\"\u003e\n        \u003cspan\u003eWhen will I see results?\u003c\/span\u003e\n        \u003cspan class=\"faq-icon\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cdiv class=\"faq-answer-inner\"\u003e\n          Most users notice a subtle golden tone within \u003cstrong\u003e2–3 weeks\u003c\/strong\u003e. The full, even bronze tan typically develops after \u003cstrong\u003e6–8 weeks\u003c\/strong\u003e of consistent use.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cbutton class=\"faq-question\" aria-expanded=\"false\"\u003e\n        \u003cspan\u003eWill the color look orange or artificial?\u003c\/span\u003e\n        \u003cspan class=\"faq-icon\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cdiv class=\"faq-answer-inner\"\u003e\n          No — Mintoragt®'s patented \u003cstrong\u003eMintoragt® Complex\u003c\/strong\u003e mimics the body's natural tanning process. The result is a realistic bronze tone, never orange or patchy.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cbutton class=\"faq-question\" aria-expanded=\"false\"\u003e\n        \u003cspan\u003eIs it safe for sensitive skin?\u003c\/span\u003e\n        \u003cspan class=\"faq-icon\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cdiv class=\"faq-answer-inner\"\u003e\n          Yes. The formula is \u003cstrong\u003edermatologist-tested, alcohol-free,\u003c\/strong\u003e and free of parabens or synthetic dyes. It's gentle enough for all skin types, including sensitive skin.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cfooter class=\"faq-footer\"\u003e\n    \u003cp class=\"faq-footer-text\"\u003eStill have questions? We're here to help.\u003c\/p\u003e\n  \u003c\/footer\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  document.querySelectorAll('.faq-question').forEach(button =\u003e {\n    button.addEventListener('click', () =\u003e {\n      const item = button.parentElement;\n      const answer = item.querySelector('.faq-answer');\n      const isActive = item.classList.contains('active');\n\n      \/\/ 关闭所有其他项目（手风琴效果）— 如想多个同时打开，移除此循环\n      document.querySelectorAll('.faq-item.active').forEach(activeItem =\u003e {\n        if (activeItem !== item) {\n          activeItem.classList.remove('active');\n          activeItem.querySelector('.faq-answer').style.maxHeight = '0';\n          activeItem.querySelector('.faq-question').setAttribute('aria-expanded', 'false');\n        }\n      });\n\n      \/\/ 切换当前项目\n      if (isActive) {\n        item.classList.remove('active');\n        answer.style.maxHeight = '0';\n        button.setAttribute('aria-expanded', 'false');\n      } else {\n        item.classList.add('active');\n        answer.style.maxHeight = answer.scrollHeight + 'px';\n        button.setAttribute('aria-expanded', 'true');\n      }\n    });\n  });\n\u003c\/script\u003e\n\n\u003cstyle\u003e  \u003c\/style\u003e\n\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/section\u003e\n  \u003c\/div\u003e","brand":"ringopar","offers":[{"title":"Default Title","offer_id":47291506131129,"sku":null,"price":0.0,"currency_code":"HKD","in_stock":false}],"url":"https:\/\/ringopar.com\/products\/1","provider":"ringopar","version":"1.0","type":"link"}