{"product_id":"compact-folding-travel-hanger","title":"Compact Folding Travel Hanger","description":"\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--\n  [AI Design Logic]\n  产品类型：便携式折叠衣架\n  目标受众：旅行者、小户型住户、学生\n  视觉风格：清新、实用、莫兰迪色系、强调结构细节\n  配色策略：使用低饱和度柔和背景色，突出产品本身的莫兰迪色和金属铆钉质感\n  模块顺序：\n    1. Hero: 强调核心场景——旅行便携+行李箱收纳（结合封面策略）\n    2. Feature 1: 极致折叠收纳能力（卖点1）\n    3. Feature 2: 圆弧无痕+伸缩设计（卖点2 \u0026 3）\n    4. Detail Trust: 材质与金属工艺细节（卖点4+红线要求）\n    5. Specifications: 明确尺寸规格\n    6. FAQ: 解决使用疑虑\n  详情图映射：Hero=image_0.png, Feature1=image_3.png, Feature2=image_2.png, Feature3=image_4.png\n  规格图映射：Specs=image_6.png (尺寸), image_5.png (颜色选项)\n  对比模块：未加入（无明显竞品对比需求，聚焦自身形态切换）\n  --\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n      \/* Design System Variables *\/\n      --primary: #7A8B99; \/* 莫兰迪蓝灰系作为主色调 *\/\n      --primary-hover: #5E6F7C;\n      --text-main: #333333;\n      --text-sub: #666666;\n      --bg-body: #FFFFFF;\n      --bg-card: #F8F9FA; \/* 极浅灰背景 *\/\n      --bg-soft: #F0F2F5; \/* 柔和背景用于强调 *\/\n      --border-color: #E5E5E5;\n\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\n      \/* Layout \u0026 Spacing *\/\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: clamp(2rem, 5vw, 4rem) 5%;\n      box-sizing: border-box;\n      font-family: sans-serif;\n      color: var(--text-main);\n      line-height: 1.6;\n      overflow-wrap: break-word;\n    }\n\n    \/* Typography *\/\n    .product-detail-container h1 {\n      font-size: clamp(32px, 4vw, 44px);\n      font-weight: 700;\n      margin-bottom: 1rem;\n      line-height: 1.2;\n    }\n\n    .product-detail-container h2 {\n      font-size: clamp(24px, 3vw, 32px);\n      font-weight: 600;\n      margin-bottom: 1.5rem;\n    }\n\n    .product-detail-container h3 {\n      font-size: 22px;\n      font-weight: 600;\n      margin-bottom: 1rem;\n    }\n\n    .product-detail-container p {\n      font-size: 18px;\n      color: var(--text-sub);\n      margin-bottom: 1.5rem;\n    }\n\n    \/* Image \u0026 Placeholders *\/\n    .pd-image {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-md);\n    }\n\n    .img-placeholder {\n      width: 100%;\n      background-color: var(--bg-soft);\n      border: 2px dashed var(--border-color);\n      border-radius: var(--radius-md);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--text-sub);\n      font-family: monospace;\n      padding: 2rem;\n      box-sizing: border-box;\n    }\n\n    \/* Sections *\/\n    .pd-section {\n      margin-bottom: clamp(4rem, 8vw, 6rem);\n    }\n\n    \/* Hero Section *\/\n    .hero-section {\n      text-align: center;\n    }\n    .hero-badge {\n      display: inline-block;\n      background: var(--bg-soft);\n      color: var(--primary);\n      padding: 0.5rem 1rem;\n      border-radius: 2rem;\n      font-weight: 600;\n      margin-bottom: 1rem;\n      font-size: 16px;\n    }\n    .hero-media {\n      margin-top: 2rem;\n      border-radius: var(--radius-lg);\n      overflow: hidden;\n      box-shadow: var(--shadow-lg);\n    }\n\n    \/* Feature Sections (Z-Pattern) *\/\n    .feature-section {\n      display: flex;\n      align-items: center;\n      gap: clamp(2rem, 5vw, 4rem);\n    }\n    .feature-section:nth-child(even) {\n      flex-direction: row-reverse;\n    }\n    .feature-media, .feature-copy {\n      flex: 1;\n    }\n    .feature-tags {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 0.8rem;\n      margin-top: 1rem;\n    }\n    .feature-tag {\n      background: var(--bg-card);\n      color: var(--text-sub);\n      padding: 0.4rem 0.8rem;\n      border-radius: 0.4rem;\n      font-size: 16px;\n    }\n\n    \/* Specifications *\/\n    .specs-container {\n      background: var(--bg-card);\n      padding: clamp(2rem, 4vw, 3rem);\n      border-radius: var(--radius-lg);\n    }\n    .specs-table {\n      width: 100%;\n      border-collapse: collapse;\n    }\n    .specs-table th, .specs-table td {\n      text-align: left;\n      padding: 1rem;\n      border-bottom: 1px solid var(--border-color);\n      font-size: 18px;\n    }\n    .specs-table th {\n      color: var(--text-sub);\n      font-weight: 500;\n      width: 40%;\n    }\n\n    \/* FAQ *\/\n    .faq-item {\n      border-bottom: 1px solid var(--border-color);\n      padding: 1.5rem 0;\n    }\n    .faq-question {\n      font-size: 20px;\n      font-weight: 600;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      list-style: none; \/* Hide default marker *\/\n    }\n    .faq-question::-webkit-details-marker {\n      display: none;\n    }\n    .faq-question::after {\n      content: '+';\n      font-size: 24px;\n      color: var(--primary);\n    }\n    details[open] .faq-question::after {\n      content: '-';\n    }\n    .faq-answer {\n      margin-top: 1rem;\n      color: var(--text-sub);\n      font-size: 18px;\n    }\n\n    \/* Mobile Styles *\/\n    @media (max-width: 767px) {\n      .feature-section, .feature-section:nth-child(even) {\n        flex-direction: column;\n      }\n      .feature-media {\n        order: -1; \/* Image on top *\/\n        width: 100%;\n      }\n      \n      \/* Responsive Table *\/\n      .specs-table, .specs-table tbody, .specs-table tr, .specs-table td {\n        display: block;\n        width: 100%;\n      }\n      .specs-table thead {\n        display: none;\n      }\n      .specs-table td {\n        display: flex;\n        justify-content: space-between;\n        text-align: right;\n        padding: 0.8rem 0;\n      }\n      .specs-table td::before {\n        content: attr(data-label);\n        font-weight: 500;\n        color: var(--text-sub);\n        text-align: left;\n        margin-right: 1rem;\n      }\n    }\n\u003c\/style\u003e\n\u003c!-- A. Intro \/ Hero Content Block --\u003e\n\u003csection class=\"pd-section hero-section\"\u003e\u003cspan class=\"hero-badge\"\u003e✈️ Travel Essential Design\u003c\/span\u003e\n\u003ch1\u003ePalm-Sized Portability. Full-Sized Convenience.\u003c\/h1\u003e\n\n\u003cp\u003eThe ingenious foldable hanger that disappears into your luggage and unfolds to protect your clothes anywhere.\u003c\/p\u003e\n\n\u003cdiv class=\"hero-media\"\u003e\n\u003c!-- [AI] 使用组合图，同时展示折叠放入行李箱和展开挂衣的场景，直击核心卖点 --\u003e\n\u003cdiv class=\"img-placeholder\" style=\"aspect-ratio: 16\/9;\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img75\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260709182906\/5bfd4e4ef0219730db8b9f38be27b312.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pd-section feature-section\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\" style=\"aspect-ratio: 1\/1;\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img80\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260709180536\/3b5016f4e10339d4e13566446fb9aa29.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eFolds Ultra-Compact to Fit Anywhere\u003c\/h3\u003e\n\n\u003cp\u003eTransform bulky hangers into a palm-sized essential. The smart multi-stage folding design allows it to slip easily into suitcase pockets, cosmetic bags, or crowded closet corners, maximizing your storage space.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003eTravel Friendly\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eSpace Saver\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003ePalm Size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Feature 2: Shape Protection \u0026 Extension --\u003e\n\n\u003csection class=\"pd-section feature-section\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003c!-- [AI] 展示展开状态，强调圆弧肩部设计和伸缩关节 --\u003e\n\u003cdiv class=\"img-placeholder\" style=\"aspect-ratio: 1\/1;\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img81\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260709180536\/1e9d3fdced757aea0a1f1229ab2c86e3.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eErgonomic Design, No \"Hanger Bumps\"\u003c\/h3\u003e\n\n\u003cp\u003eSay goodbye to stretched shoulders. The smooth, rounded arc design mimics the natural curve of shoulders to keep clothes wrinkle-free. Extendable arms adjust to perfectly fit different garment sizes, from delicate tops to jackets.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003eNon-slip Arc\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eExtendable Arms\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eGentle on Fabric\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Feature 3: Material \u0026 Durability Detail --\u003e\n\n\u003csection class=\"pd-section feature-section\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003c!-- [AI] 展示材质和金属铆钉细节，建立信任 --\u003e\n\u003cdiv class=\"img-placeholder\" style=\"aspect-ratio: 1\/1;\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img82\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260709180536\/ff01ef27cd4e8697cf69cd728d8855e4.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eBuilt Reliable with Quality Materials\u003c\/h3\u003e\n\n\u003cp\u003eCrafted from durable matte PP material with a smooth finish. Critical folding joints are reinforced with sturdy silver metal rivets, ensuring stable support and long-lasting use for all your journeys.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003eDurable PP\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eMetal Rivets\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eSturdy Structure\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- C. Specifications --\u003e\n\n\u003csection class=\"pd-section\"\u003e\n\u003ch2\u003eProduct Specifications\u003c\/h2\u003e\n\n\u003cdiv class=\"specs-container\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Material\"\u003eMatte PP Plastic, Metal Rivets\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\u003c!-- [AI] 数据来源于 image_6.png --\u003e\n\t\t\t\u003ctd data-label=\"Folded Size\"\u003eApprox. 13cm x 7.5cm (5.1\" x 3.0\")\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\u003c!-- [AI] 数据来源于 image_5.png --\u003e\n\t\t\t\u003ctd data-label=\"Available Colors\"\u003eBeige, Blue, Pink, Green (Morandi tones)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Features\"\u003eFoldable, Extendable Arms, Rotating Hook\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\u003e\n\u003c!-- D. FAQ --\u003e\n\n\u003csection class=\"pd-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdetails class=\"faq-item\" open=\"\"\u003e\u003csummary class=\"faq-question\"\u003eHow small does it really fold down to?\u003c\/summary\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eWhen fully folded, it's incredibly compact, measuring approximately 13cm in height and 7.5cm in width – about the size of an adult's palm. It's designed to fit easily into small travel pouches or suitcase pockets.\u003c\/div\u003e\n\u003c\/details\u003e\n\n\u003cdetails class=\"faq-item\" open=\"\"\u003e\u003csummary class=\"faq-question\"\u003eIs it strong enough to hold heavier items like jackets?\u003c\/summary\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eYes. Thanks to the durable PP material and reinforced metal rivets at the joints, it provides stable support suitable for most clothing items, including shirts, dresses, and standard jackets.\u003c\/div\u003e\n\u003c\/details\u003e\n\n\u003cdetails class=\"faq-item\" open=\"\"\u003e\u003csummary class=\"faq-question\"\u003eDoes the hanger leave marks on clothing shoulders?\u003c\/summary\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eNo. The shoulder area features a specially designed rounded arc that mimics natural shoulder curves. This helps prevent the \"hanger bumps\" or stretching often caused by standard angular hangers.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"4-Pack: 4-Color Set (1 of Each Color)","offer_id":48963493003483,"sku":"0710-16407530","price":12.95,"currency_code":"USD","in_stock":true},{"title":"4-Pack: All Beige (Minimalist)","offer_id":48963493036251,"sku":"0710-16407717","price":12.95,"currency_code":"USD","in_stock":true},{"title":"4-Pack: All Pink (Girly)","offer_id":48963493069019,"sku":"0710-16409104","price":12.95,"currency_code":"USD","in_stock":true},{"title":"8-Pack: Couples\/Family Set (2 of Each Color)","offer_id":48963493101787,"sku":"0710-16406667","price":19.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0780\/3279\/7915\/files\/5bfd4e4ef0219730db8b9f38be27b312.jpg?v=1783672858","url":"https:\/\/waregami.com\/products\/compact-folding-travel-hanger","provider":"Waregami","version":"1.0","type":"link"}