{"product_id":"expandable-keychain-tote-bag","title":"Expandable Keychain Tote Bag","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✨ Designed for everyday ease\u003c\/span\u003e\n\u003ch1\u003eFrom Keyring to Full-Size Tote in Seconds\u003c\/h1\u003e\n\n\u003cp\u003eThe ultra-portable, reusable shopping bag that disappears onto your keychain until you need it. Never be caught without a bag again.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"hero-media\"\u003e\n\u003c!-- [ 📷 需替换：image_0.png ] --\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!-- Feature 1: Portability --\u003e\n\n\u003cdiv class=\"pd-section feature-section\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003c!-- [ 📷 需替换：image_1.png ] --\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\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eAlways On Hand, Never In The Way\u003c\/h2\u003e\n\n\u003cp\u003eForget bulky reusable bags. This clever design folds down to the size of a credit card and includes a premium metal carabiner. Clip it to your keys, backpack, or belt loop so it's always there when inspiration (or a grocery run) strikes.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003eCredit Card Size\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eBuilt-in Carabiner\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eTravel Ready\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2: Capacity --\u003e\n\n\u003cdiv class=\"pd-section feature-section reversed\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003c!-- [ 📷 需替换：image_4.png ] --\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\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eSmall Footprint, Massive Volume\u003c\/h2\u003e\n\n\u003cp\u003eDon't let the compact size fool you. Once expanded, the durable, water-resistant nylon body can hold up to 50 lbs—that's equivalent to 4-5 full grocery bags. The long, integrated handles are designed for comfortable over-the-shoulder carrying, even when fully loaded.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003eHolds 50 lbs\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eWater-Resistant Nylon\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eComfortable Shoulder Strap\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Section --\u003e\n\n\u003cdiv class=\"pd-section comparison-section\"\u003e\n\u003ch2\u003eWhy Choose Our Foldable Tote?\u003c\/h2\u003e\n\n\u003cp\u003eWe prioritize durability and ease of use with premium materials that outperform generic alternatives.\u003c\/p\u003e\n\n\u003cdiv style=\"margin-top: var(--space-md);\"\u003e\n\u003c!-- [ 📷 需替换：image_3.png ] --\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!-- Specifications Section --\u003e\n\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\n\u003ctable class=\"specs-table\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eFeature\u003c\/th\u003e\n\t\t\t\u003cth\u003eDetails\u003c\/th\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/thead\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Material\"\u003ePU Leather Pouch + Nylon Fabric Body\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003ePremium textured finish, durable and water-resistant.\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Expanded Size\"\u003e39cm W x 28cm H x 6cm D\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eApprox. 15.4\" x 11\" x 2.4\"\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Folded Size\"\u003e5cm W x 8cm H\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eApprox. 2\" x 3.1\" (Credit card size)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Weight\"\u003e80g\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eApprox. 2.8 oz (Ultra-lightweight)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Load Capacity\"\u003eUp to 50 lbs\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eBased on internal testing.\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Hardware\"\u003eGold-tone Metal Alloy\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eRust-resistant carabiner and trim.\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\n\u003cp class=\"sub-text\" style=\"margin-top: 1rem;\"\u003e*Data sourced from product measurements. Actual performance may vary slightly.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Section --\u003e\n\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdetails class=\"faq-details\"\u003e\u003csummary class=\"faq-summary\"\u003eIs it difficult to fold back into the pouch?\u003c\/summary\u003e\n\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eNot at all. The nylon material is designed to be easily stuffed back into the attached PU leather pouch. There's no complex folding required—just tuck it in and snap it shut in seconds.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\n\u003cdetails class=\"faq-details\"\u003e\u003csummary class=\"faq-summary\"\u003eHow do I clean the bag?\u003c\/summary\u003e\n\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eWe recommend wiping the nylon bag body with a damp cloth for minor spills. For a deeper clean, hand wash the nylon portion with mild soap and air dry. Wipe the PU leather pouch with a damp cloth only.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\n\u003cdetails class=\"faq-details\"\u003e\u003csummary class=\"faq-summary\"\u003eIs the material strong enough for heavy groceries?\u003c\/summary\u003e\n\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eYes, the high-density ripstop nylon is incredibly durable and tested to hold up to 50 lbs. The integrated handle design ensures it can handle heavy loads without tearing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Coffee","offer_id":50041447022832,"sku":"0716-14509942","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Black","offer_id":50041447055600,"sku":"0716-14509647","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Khaki","offer_id":50041447088368,"sku":"0716-14506596","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Green","offer_id":50041447121136,"sku":"0716-14506698","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Army Green","offer_id":50041447153904,"sku":"0716-14501942","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Rose Red","offer_id":50041447186672,"sku":"0716-14509277","price":14.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0792\/3177\/9056\/files\/7fbf1bbcb9a252666d101a946b3edd09.jpg?v=1784184700","url":"https:\/\/cozyllio.com\/products\/expandable-keychain-tote-bag","provider":"Cozyllio","version":"1.0","type":"link"}