{"product_id":"expandable-keychain-tote-bag-rjc","title":"Uitvouwbare totebag aan een sleutelhanger","description":" \n\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 Compare (材质工艺优势) -\u003e Specs -\u003e FAQ\n  详情图映射：Hero=image_0.png, Feature1=image_1.png, Feature2=image_4.png, Compare=image_3.png\n  规格图映射：Specs=image_2.png\n  对比模块：已加入。报告及图片(image_3, image_5)强调了材质更薄易折叠、五金不生锈的优势，这是区别于竞品的重要决策点。\n  --\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n      \/* Design Tokens *\/\n      --primary: #3E3A35; \/* 深棕\/黑色调 *\/\n      --text-main: #2C2C2C;\n      --text-sub: #555555;\n      --bg-body: #FFFFFF;\n      --bg-soft: #F7F5F2; \/* 暖米色背景 *\/\n      --accent-gold: #D4AF37; \/* 金属配件色 *\/\n      \n      --radius-md: 8px;\n      --radius-lg: 12px;\n      --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);\n      \n      \/* Spacing *\/\n      --space-xs: clamp(0.5rem, 1vw, 0.75rem);\n      --space-sm: clamp(1rem, 2vw, 1.5rem);\n      --space-md: clamp(2rem, 5vw, 4rem);\n      --space-lg: clamp(4rem, 8vw, 6rem);\n\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 5%;\n      box-sizing: border-box;\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: var(--text-main);\n      line-height: 1.6;\n    }\n\n    \/* Typography *\/\n    .product-detail-container h1 {\n      font-size: clamp(32px, 5vw, 44px);\n      line-height: 1.2;\n      margin-bottom: var(--space-sm);\n      color: var(--primary);\n    }\n    .product-detail-container h2 {\n      font-size: clamp(24px, 4vw, 32px);\n      line-height: 1.3;\n      margin-bottom: var(--space-sm);\n      color: var(--primary);\n    }\n    .product-detail-container h3 {\n      font-size: 22px;\n      margin-bottom: var(--space-xs);\n    }\n    .product-detail-container p {\n      font-size: clamp(16px, 1.5vw, 18px);\n      color: var(--text-sub);\n      margin-bottom: var(--space-sm);\n    }\n    .product-detail-container .sub-text {\n      font-size: 16px;\n      color: var(--text-sub);\n    }\n\n    \/* Components *\/\n    .pd-badge {\n      display: inline-block;\n      padding: 6px 12px;\n      background-color: var(--bg-soft);\n      color: var(--primary);\n      border-radius: 20px;\n      font-size: 14px;\n      font-weight: 600;\n      margin-bottom: var(--space-sm);\n      border: 1px solid rgba(0,0,0,0.05);\n    }\n\n    .pd-image-placeholder {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-lg);\n      \/* In production, remove the border and background below *\/\n      background-color: #f0f0f0;\n      border: 2px dashed #ccc;\n      min-height: 300px; \/* Ensure visibility for placeholder *\/\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #666;\n      font-family: monospace;\n    }\n\n    \/* Layout Sections *\/\n    .pd-section {\n      margin-bottom: var(--space-lg);\n    }\n\n    \/* Hero Section *\/\n    .hero-section {\n      text-align: center;\n    }\n    .hero-content {\n      max-width: 800px;\n      margin: 0 auto var(--space-md);\n    }\n\n    \/* Feature Sections (Z-Pattern) *\/\n    .feature-section {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: var(--space-md);\n      align-items: center;\n    }\n    \n    @media (min-width: 768px) {\n      .feature-section {\n        grid-template-columns: 1fr 1fr;\n      }\n      .feature-section.reversed .feature-media {\n        order: 2;\n      }\n      .feature-section.reversed .feature-copy {\n        order: 1;\n      }\n    }\n\n    .feature-tags {\n      display: flex;\n      flex-wrap: wrap;\n      gap: var(--space-xs);\n      margin-top: var(--space-sm);\n    }\n    .feature-tag {\n      font-size: 14px;\n      padding: 4px 10px;\n      background-color: var(--bg-soft);\n      border-radius: 4px;\n      color: var(--text-sub);\n    }\n\n    \/* Comparison Section *\/\n    .comparison-section {\n      background-color: var(--bg-soft);\n      padding: var(--space-md);\n      border-radius: var(--radius-lg);\n      text-align: center;\n    }\n\n    \/* Specifications Table *\/\n    .specs-table {\n      width: 100%;\n      border-collapse: collapse;\n      margin-top: var(--space-sm);\n    }\n    .specs-table th, .specs-table td {\n      padding: 16px;\n      text-align: left;\n      border-bottom: 1px solid #eee;\n    }\n    .specs-table th {\n      font-weight: 600;\n      color: var(--primary);\n      width: 40%;\n    }\n    .specs-table td {\n      color: var(--text-sub);\n    }\n\n    \/* Mobile Table Adapter *\/\n    @media (max-width: 767px) {\n      .specs-table thead { display: none; }\n      .specs-table tr { display: block; margin-bottom: 16px; border: 1px solid #eee; border-radius: var(--radius-md); }\n      .specs-table td { display: block; border-bottom: none; padding: 12px 16px; }\n      .specs-table td:not(:last-child) { border-bottom: 1px solid #f9f9f9; }\n      .specs-table td::before {\n        content: attr(data-label);\n        font-weight: 600;\n        display: block;\n        margin-bottom: 4px;\n        color: var(--primary);\n      }\n    }\n\n    \/* FAQ *\/\n    .faq-item {\n      border-bottom: 1px solid #eee;\n      padding: var(--space-sm) 0;\n    }\n    .faq-details[open] summary ~ * {\n      animation: open 0.3s ease-in-out;\n    }\n    .faq-summary {\n      font-size: 20px;\n      font-weight: 600;\n      cursor: pointer;\n      list-style: none;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n    .faq-summary::-webkit-details-marker { display: none; }\n    .faq-summary::after {\n      content: '+';\n      font-size: 24px;\n      color: var(--primary);\n    }\n    .faq-details[open] .faq-summary::after {\n      content: '−';\n    }\n    .faq-answer {\n      margin-top: var(--space-sm);\n      color: var(--text-sub);\n    }\n\u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"pd-section hero-section\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cspan class=\"pd-badge\"\u003e✨ Ontworpen voor dagelijks gemak\u003c\/span\u003e\n\u003ch1\u003eVan sleutelhanger naar volwaardige draagtas in enkele seconden\u003c\/h1\u003e\n\u003cp\u003eDe ultradraagbare, herbruikbare boodschappentas die aan je sleutelhanger verdwijnt totdat je hem nodig hebt. Grijp nooit meer mis zonder tas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-media\"\u003e\n\u003c!-- [ 📷 需替换：image_0.png ] --\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img93\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260716143220\/7fbf1bbcb9a252666d101a946b3edd09.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 1: Portability --\u003e\n\u003cdiv class=\"pd-section feature-section\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003c!-- [ 📷 需替换：image_1.png ] --\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img94\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260716143219\/0bd518c1a689ddc1af24527f75898537.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eAltijd bij de hand, nooit in de weg\u003c\/h2\u003e\n\u003cp\u003eVergeet logge herbruikbare tassen. Dit slimme ontwerp vouwt op tot het formaat van een creditcard en bevat een hoogwaardige metalen karabijnhaak. Bevestig hem aan je sleutels, rugzak of riemlus, zodat hij altijd bij de hand is wanneer je hem nodig hebt — bijvoorbeeld tijdens het boodschappen doen.\u003c\/p\u003e\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003eFormaat van een creditcard\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eIngebouwde karabijnhaak\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eKlaar voor op reis\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2: Capacity --\u003e\n\u003cdiv class=\"pd-section feature-section reversed\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003c!-- [ 📷 需替换：image_4.png ] --\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img95\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260716143219\/688f7d2ee3c88ae1a75546f512252349.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eKlein formaat, enorme inhoud\u003c\/h2\u003e\n\u003cp\u003eLaat het compacte formaat je niet misleiden. Eenmaal uitgevouwen kan de duurzame, waterbestendige nylon body tot 50 lbs dragen — gelijk aan 4 à 5 volle boodschappentassen. De lange, geïntegreerde handvatten zijn ontworpen om comfortabel over de schouder te dragen, zelfs wanneer de tas volledig gevuld is.\u003c\/p\u003e\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003eDraagt 50 lbs\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eWaterbestendig nylon\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eComfortabele schouderband\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Section --\u003e\n\u003cdiv class=\"pd-section comparison-section\"\u003e\n\u003ch2\u003eWaarom kiezen voor onze opvouwbare draagtas?\u003c\/h2\u003e\n\u003cp\u003eWij geven prioriteit aan duurzaamheid en gebruiksgemak met hoogwaardige materialen die beter presteren dan generieke alternatieven.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: var(--space-md);\"\u003e\n\u003c!-- [ 📷 需替换：image_3.png ] --\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img96\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260716143219\/394aeec8779335fa43ee3b10aeca244f.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Specifications Section --\u003e\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch2\u003eSpecificaties\u003c\/h2\u003e\n\u003ctable class=\"specs-table\"\u003e\n\t\u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eKenmerk\u003c\/th\u003e\n \u003cth\u003eDetails\u003c\/th\u003e\n \u003c\/tr\u003e\n\t\u003c\/thead\u003e\n\t\u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd data-label=\"Material\"\u003ePU-leren etui + nylon stoffen body\u003c\/td\u003e\n \u003ctd data-label=\"Details\"\u003eHoogwaardige textuurafwerking, duurzaam en waterbestendig.\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd data-label=\"Expanded Size\"\u003e39 cm W x 28 cm H x 6 cm D\u003c\/td\u003e\n \u003ctd data-label=\"Details\"\u003eOngeveer 15,4\" x 11\" x 2,4\"\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd data-label=\"Folded Size\"\u003e5 cm W x 8 cm H\u003c\/td\u003e\n \u003ctd data-label=\"Details\"\u003eOngeveer 2\" x 3,1\" (formaat van een creditcard)\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd data-label=\"Weight\"\u003e80 g\u003c\/td\u003e\n \u003ctd data-label=\"Details\"\u003eOngeveer 2,8 oz (ultralicht)\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd data-label=\"Load Capacity\"\u003eTot 50 lbs\u003c\/td\u003e\n \u003ctd data-label=\"Details\"\u003eGebaseerd op interne tests.\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd data-label=\"Hardware\"\u003eMetaallegering in goudtint\u003c\/td\u003e\n \u003ctd data-label=\"Details\"\u003eRoestbestendige karabijnhaak en afwerking.\u003c\/td\u003e\n \u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp class=\"sub-text\" style=\"margin-top: 1rem;\"\u003e*Gegevens afkomstig van productmetingen. De werkelijke prestaties kunnen enigszins variëren.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Section --\u003e\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch2\u003eVeelgestelde vragen\u003c\/h2\u003e\n\u003cdetails class=\"faq-details\"\u003e\u003csummary class=\"faq-summary\"\u003eIs het moeilijk om de tas weer in het etui te vouwen?\u003c\/summary\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eHelemaal niet. Het nylonmateriaal is ontworpen om gemakkelijk terug in het bevestigde PU-leren etui te worden gestopt. Ingewikkeld vouwen is niet nodig: stop de tas erin en klik het etui binnen enkele seconden dicht.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"faq-details\"\u003e\u003csummary class=\"faq-summary\"\u003eHoe maak ik de tas schoon?\u003c\/summary\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eWe raden aan de nylon tasbody bij kleine gemorste hoeveelheden af te nemen met een vochtige doek. Was het nylon gedeelte met milde zeep met de hand en laat het aan de lucht drogen voor een grondigere reiniging. Veeg het PU-leren etui alleen af met een vochtige doek.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"faq-details\"\u003e\u003csummary class=\"faq-summary\"\u003eIs het materiaal sterk genoeg voor zware boodschappen?\u003c\/summary\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eJa, het nylon van dicht geweven ripstopmateriaal is ongelooflijk duurzaam en getest om tot 50 lbs te dragen. Het geïntegreerde handvatontwerp zorgt ervoor dat de tas zware lasten aankan zonder te scheuren.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Cozyllio","offers":[{"title":"Koffie","offer_id":47214376517805,"sku":"0716-14509942","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Zwart","offer_id":47214376550573,"sku":"0716-14509647","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Kaki","offer_id":47214376583341,"sku":"0716-14506596","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Groen","offer_id":47214376616109,"sku":"0716-14506698","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Legergroen","offer_id":47214376648877,"sku":"0716-14501942","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Rozerood","offer_id":47214376681645,"sku":"0716-14509277","price":14.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0727\/2831\/4029\/files\/7fbf1bbcb9a252666d101a946b3edd09.jpg?v=1787754856","url":"https:\/\/newjoyloo.com\/nl\/products\/expandable-keychain-tote-bag-rjc","provider":"Newjoyloo","version":"1.0","type":"link"}