{"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 sleutelring naar volwaardige draagtas in enkele seconden\u003c\/h1\u003e\n\u003cp\u003eDe ultradraagbare, herbruikbare boodschappentas die aan uw sleutelbos verdwijnt totdat u hem nodig hebt. Kom nooit meer zonder tas te zitten.\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\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\/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\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\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 uw sleutels, rugzak of riemlus, zodat de tas altijd bij de hand is wanneer u inspiratie krijgt (of boodschappen gaat 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 onderweg\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\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\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eKlein formaat, enorme inhoud\u003c\/h2\u003e\n\u003cp\u003eLaat u niet misleiden door het compacte formaat. Eenmaal uitgevouwen kan de duurzame, waterafstotende nylon tas tot 22,7 kg dragen—het equivalent van 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 22,7 kg\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eWaterafstotend 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\u003eWe 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\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\/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 tas\u003c\/td\u003e\n \u003ctd data-label=\"Details\"\u003eHoogwaardige textuurafwerking, duurzaam en waterafstotend.\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd data-label=\"Expanded Size\"\u003e39 cm B x 28 cm H x 6 cm D\u003c\/td\u003e\n \u003ctd data-label=\"Details\"\u003eCa. 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 B x 8 cm H\u003c\/td\u003e\n \u003ctd data-label=\"Details\"\u003eCa. 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\"\u003eCa. 2,8 oz (ultralicht)\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd data-label=\"Load Capacity\"\u003eTot 22,7 kg\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 op te vouwen?\u003c\/summary\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eHelemaal niet. Het nylon materiaal is ontworpen om gemakkelijk terug in het bevestigde PU-leren etui te worden gestopt. Ingewikkeld vouwen is niet nodig—stop de tas er gewoon in 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 tas met een vochtige doek af te nemen bij kleine morsingen. Voor een grondigere reiniging wast u het nylon gedeelte met de hand met milde zeep en laat u het aan de lucht drogen. Neem 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 ripstopnylon met hoge dichtheid is ongelooflijk duurzaam en getest om tot 22,7 kg te dragen. Dankzij het geïntegreerde handvatontwerp kan de tas zware ladingen dragen zonder te scheuren.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Cozyllio","offers":[{"title":"Koffie","offer_id":48465187995860,"sku":"0716-14509942","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Zwart","offer_id":48465188028628,"sku":"0716-14509647","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Kaki","offer_id":48465188061396,"sku":"0716-14506596","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Groen","offer_id":48465188094164,"sku":"0716-14506698","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Legergroen","offer_id":48465188126932,"sku":"0716-14501942","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Rozerood","offer_id":48465188159700,"sku":"0716-14509277","price":14.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0813\/3682\/8116\/files\/7fbf1bbcb9a252666d101a946b3edd09.jpg?v=1787754920","url":"https:\/\/omurio.com\/nl\/products\/expandable-keychain-tote-bag-rjc","provider":"Omurio","version":"1.0","type":"link"}