{"product_id":"three-color-one-swipe-shadow-rjc","title":"Ögonskugga i tre färger med ett enda svep","description":"\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--\n  [AI Design Logic]\n  产品类型：美妆工具（便捷型眼影）\n  目标受众：化妆新手、忙碌人群、手残党\n  视觉风格：金色轻奢、闪耀、温暖、直观展示\n  配色策略：以金色为主色调，搭配柔和的米色\/奶油色背景，营造高级且易用的氛围\n  模块顺序：Hero (核心利益) -\u003e Feature 1 (极速上妆\/教程) -\u003e Feature 2 (三色结构原理) -\u003e Feature 3 (质地与持久度) -\u003e Specs -\u003e FAQ\n  详情图映射：Hero=image_2.png, Feature1=image_3.png, Feature2=image_5.png, Feature3=image_4.png\n  规格图映射：Specs=无专用规格图，从详情提取\n  对比模块：未加入（Feature 1 的 Before\/After 已起到了对比作用）\n  --\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n      --primary: #D4AF37; \/* 金色主调 *\/\n      --primary-hover: #C19B2E;\n      --text-main: #333333;\n      --text-sub: #666666;\n      --bg-body: #ffffff;\n      --bg-card: #F9F6F0; \/* 柔和米色背景 *\/\n      --bg-soft: #FDFBF7;\n      --radius-md: 8px;\n      --radius-lg: 16px;\n      --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);\n      --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08);\n      --border-color: #EAEAEA;\n      --spacing-section: clamp(3rem, 8vw, 5rem);\n      --spacing-item: clamp(1.5rem, 4vw, 2.5rem);\n\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: var(--text-main);\n      line-height: 1.6;\n    }\n\n    \/* Base Typo *\/\n    .product-detail-container h1 { font-size: clamp(32px, 5vw, 44px); font-weight: 700; line-height: 1.2; margin-bottom: 1rem; color: var(--text-main); }\n    .product-detail-container h2 { font-size: clamp(26px, 4vw, 34px); font-weight: 600; line-height: 1.3; margin-bottom: 1.5rem; }\n    .product-detail-container h3 { font-size: 22px; font-weight: 600; margin-bottom: 1rem; }\n    .product-detail-container p { font-size: 18px; color: var(--text-sub); margin-bottom: 1.5rem; }\n    .product-detail-container .lead-text { font-size: 20px; color: var(--text-main); font-weight: 500; }\n\n    \/* Utilities *\/\n    .pd-section { margin-bottom: var(--spacing-section); }\n    .pd-grid { display: grid; gap: var(--spacing-item); }\n    .pd-img-responsive { width: 100%; height: auto; display: block; border-radius: var(--radius-md); }\n    .text-center { text-align: center; }\n    .pd-Badge { display: inline-block; padding: 6px 12px; background: var(--bg-card); color: var(--primary); border-radius: 20px; font-size: 14px; font-weight: 600; border: 1px solid var(--primary); margin-bottom: 1rem; }\n    .pd-tag-group { display: flex; flex-wrap: wrap; gap: 0.8rem; margin-top: 1rem; }\n    .pd-tag { background: var(--bg-soft); padding: 6px 14px; border-radius: var(--radius-md); font-size: 15px; color: var(--text-sub); border: 1px solid var(--border-color); }\n\n    \/* Image Placeholder Styling *\/\n    .img-placeholder {\n      width: 100%;\n      min-height: 300px;\n      background-color: #f0f0f0;\n      border: 2px dashed #ccc;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #666;\n      font-family: monospace;\n      border-radius: var(--radius-lg);\n    }\n\n    \/* --- MODULES --- *\/\n\n    \/* Hero *\/\n    .pd-hero {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: var(--spacing-item);\n      align-items: center;\n    }\n    .pd-hero-content { max-width: 600px; }\n\n    \/* Feature Section (Z-Pattern) *\/\n    .pd-feature {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: var(--spacing-item);\n      align-items: center;\n      padding: var(--spacing-item) 0;\n    }\n    .pd-feature-media { position: relative; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-sm); }\n\n    \/* Specs *\/\n    .pd-specs-table { width: 100%; border-collapse: collapse; background: var(--bg-card); border-radius: var(--radius-lg); overflow: hidden; }\n    .pd-specs-table th, .pd-specs-table td { padding: 1.2rem; text-align: left; border-bottom: 1px solid var(--border-color); font-size: 17px; }\n    .pd-specs-table th { width: 35%; font-weight: 600; color: var(--text-main); background: var(--bg-soft); }\n    .pd-specs-table td { color: var(--text-sub); }\n    .pd-specs-table tr:last-child th, .pd-specs-table tr:last-child td { border-bottom: none; }\n\n    \/* FAQ *\/\n    .pd-faq-item { background: var(--bg-card); padding: 1.5rem; border-radius: var(--radius-md); margin-bottom: 1rem; }\n    .pd-faq-question { font-weight: 600; font-size: 19px; margin-bottom: 0.5rem; color: var(--text-main); display: flex; align-items: center; }\n    .pd-faq-question::before { content: \"Q.\"; color: var(--primary); margin-right: 8px; font-weight: 700; }\n    .pd-faq-answer { font-size: 17px; color: var(--text-sub); margin-bottom: 0; padding-left: 28px; }\n\n    \/* Responsive *\/\n    @media (min-width: 768px) {\n      .pd-hero { grid-template-columns: 1fr 1fr; }\n      .pd-feature { grid-template-columns: 1fr 1fr; }\n      .pd-feature.reverse { direction: rtl; }\n      .pd-feature.reverse \u003e * { direction: ltr; }\n      .pd-hero-content { padding-right: 2rem; }\n    }\n\n    @media (max-width: 767px) {\n      .pd-hero-content { text-align: center; order: 2; }\n      .pd-hero-media { order: 1; }\n      .pd-feature-media { order: 1; }\n      .pd-feature-copy { order: 2; }\n      .pd-specs-table, .pd-specs-table tbody, .pd-specs-table tr, .pd-specs-table th, .pd-specs-table td { display: block; width: 100%; }\n      .pd-specs-table tr { margin-bottom: 1rem; border: 1px solid var(--border-color); border-radius: var(--radius-md); overflow: hidden; }\n      .pd-specs-table th { display: none; }\n      .pd-specs-table td { position: relative; padding-left: 45%; text-align: right; border-bottom: 1px solid var(--border-color); }\n      .pd-specs-table td::before { content: attr(data-label); position: absolute; left: 1.2rem; top: 1.2rem; font-weight: 600; color: var(--text-main); }\n    }\n\u003c\/style\u003e\n\u003c!-- Section A: Intro \/ Hero --\u003e\n\u003cdiv class=\"pd-section pd-hero\"\u003e\n\u003cdiv class=\"pd-hero-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img48\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/2320511\/20260801153824\/be97e53708b472e7389cb28fc6f64473.jpeg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-hero-content\"\u003e\n\u003cspan class=\"pd-Badge\"\u003e✨ Enkel viral skönhet\u003c\/span\u003e\n\n\u003ch1\u003eOmedelbart professionell ögongradient i ett enda svep.\u003c\/h1\u003e\n\n\u003cp class=\"lead-text\"\u003eSäg adjö till kladdiga borstar och komplicerad uttoning. Skapa en felfri, skimrande ögonlook i tre färger på några sekunder.\u003c\/p\u003e\n\n\u003cp\u003eVårt 3-i-1-glaze-stift är utformat för nybörjare och hektiska dagar och ger perfekt proportionerade färger för bas, övergång och highlighter i en enda mjuk rörelse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section B: Feature 1 - How To (Image 3) --\u003e\n\n\u003cdiv class=\"pd-section pd-feature\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img49\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/2320511\/20260801153019\/8761c3ad1bc3ca50f6fc6bfc542afd48.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003e3 sekunder till perfektion. På riktigt.\u003c\/h2\u003e\n\n\u003cp\u003eDet har aldrig varit enklare att skapa en mångdimensionell ögonlook. Svep försiktigt stiftet horisontellt över ögonlocket. Färgerna är förutplacerade för att skapa en omedelbar gradient. En snabb klappning med fingertoppen är allt som behövs för att mjuka upp kanterna. Klart!\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tag-group\"\u003e\n\u003cspan class=\"pd-tag\"\u003eInga färdigheter krävs\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eDra på \u0026amp; kör\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eInga verktyg behövs\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section B: Feature 2 - Structure (Image 5) --\u003e\n\n\u003cdiv class=\"pd-section pd-feature reverse\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img41\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/2320511\/20260801153019\/f6be1bbe06a74a3a30ce3657bda883af.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eHemligheten finns i kärnan med tre lager.\u003c\/h2\u003e\n\n\u003cp\u003eVår innovativa design eliminerar gissningar. Stiftet är noggrant indelat i tre distinkta skimrande nyanser: en mörk bas, en medelton för övergången och en ljus highlighter. Det ger en perfekt balanserad, professionell gradient varje gång du applicerar det.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tag-group\"\u003e\n\u003cspan class=\"pd-tag\"\u003ePerfekta proportioner\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eOmedelbart djup\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eJämnt resultat\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section B: Feature 3 - Texture \u0026 Benefits (Image 4) --\u003e\n\n\u003cdiv class=\"pd-section pd-feature\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img51\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/2320511\/20260801153019\/beb3dce59d902cb6fce9ce674e641d92.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eKrämig, drömlik och sitter på plats hela dagen.\u003c\/h2\u003e\n\n\u003cp\u003eDen sammetslena, krämiga formulan smälter in i huden och ger en jämn applicering utan att dra i det känsliga ögonområdet. När den har fixerats är den vattenfast, kladdfri och utformad för att hålla i upp till 12 timmar även vid svett och fukt. Finns i en rad fantastiska, lättburna skimrande färgkombinationer.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tag-group\"\u003e\n\u003cspan class=\"pd-tag\"\u003e💧 Vattenfast\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003e🕒 Håller i upp till 12 timmar\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003e✨ Skimrande finish\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003e☁️ Len textur\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section C: Specifications --\u003e\n\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch2 class=\"text-center\"\u003eProduktspecifikationer\u003c\/h2\u003e\n\n\u003ctable class=\"pd-specs-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth scope=\"row\"\u003eProdukttyp\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Product Type\"\u003eÖgonskuggstift med 3-färgsgradient\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth scope=\"row\"\u003eApplicering\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Application\"\u003eStift för direkt applicering\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth scope=\"row\"\u003eFinish\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Finish\"\u003eSkimrande \/ metallisk\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth scope=\"row\"\u003eTextur\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Texture\"\u003eKrämig, lätt att tona ut\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth scope=\"row\"\u003eViktiga fördelar\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Key Benefits\"\u003eVattenfast, kladdfri, långvarig (upp till 12 timmar)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- Section D: FAQ --\u003e\n\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch2 class=\"text-center\"\u003eVanliga frågor\u003c\/h2\u003e\n\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003cdiv class=\"pd-faq-question\"\u003eBehöver jag borstar eller verktyg för att använda den här?\u003c\/div\u003e\n\n\u003cp class=\"pd-faq-answer\"\u003eInte alls! Stiftet är utformat för direkt applicering på ögonlocket. Du behöver bara fingertoppen för en snabb slutlig uttoning för att mjuka upp kanterna, om så önskas.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003cdiv class=\"pd-faq-question\"\u003eKommer den att lägga sig i veck eller smetas ut under dagen?\u003c\/div\u003e\n\n\u003cp class=\"pd-faq-answer\"\u003eVår formula är särskilt utformad för att hålla länge. När den har fixerats på huden blir den vattenfast och motståndskraftig mot utsmetning och veck i upp till 12 timmar.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003cdiv class=\"pd-faq-question\"\u003eÄr den här lämplig för dig som är helt nybörjare på makeup?\u003c\/div\u003e\n\n\u003cp class=\"pd-faq-answer\"\u003eAbsolut. Den skapades för att lösa de största utmaningarna som nybörjare möter: att välja matchande färger och tona ihop dem korrekt. Det här stiftet gör båda delarna automatiskt åt dig.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Newjoyloo","offers":[{"title":"Köp 1 få 3 gratis","offer_id":47135784861869,"sku":"1732353498966823815","price":14.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0727\/2831\/4029\/files\/829932c6bc9b7e8e0dfca767ecc130ae.jpg?v=1785570224","url":"https:\/\/newjoyloo.com\/sv\/products\/three-color-one-swipe-shadow-rjc","provider":"Newjoyloo","version":"1.0","type":"link"}