{"product_id":"convertible-shopping-tote-cart","title":"Convertible Shopping Tote Cart","description":"\u003cbr\u003e\n\u003c!--\n[AI Design Logic]\n产品类型：F 多状态变形型 (2-in-1 Shopping Bag\/Cart)\n目标受众：购物者、旅行者、需要减少提重物负担的人群\n视觉风格：实用、轻松、生活化、清晰直观\n配色策略：基于主图绿色延伸，使用清新绿作为强调色，搭配中性黑灰白底色。\n模块顺序：Intro\/Hero -\u003e Feature 1 (核心切换机制) -\u003e Feature 2 (承重与材质) -\u003e Scenario (多场景展示) -\u003e Specifications -\u003e FAQ\n详情图映射：Hero=image_4.png (对比展示), Feature1=image_3.png (折叠机制), Feature2=image_2.png (细节卖点), Scenario=image_5.png (多场景)\n规格图映射：Specs=image_1.png (尺寸数据)\n对比模块：未单独设立，已融入Hero和Feature 1中强调“肩背vs拖拉”的差异。\n--\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n      \/* Design System Variables *\/\n      --primary: #5dae52; \/* Fresh Green sourced from product image *\/\n      --primary-hover: #4a9440;\n      --text-main: #2d2d2d;\n      --text-sub: #555555;\n      --bg-body: #ffffff;\n      --bg-card: #f8f9fa;\n      --bg-soft: #e9ecef;\n      --radius-md: 8px;\n      --radius-lg: 16px;\n      --border-color: #e2e2e2;\n      --spacing-section: clamp(2.5rem, 6vw, 4rem);\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, 4vw, 42px);\n      line-height: 1.2;\n      margin-bottom: 1rem;\n      color: var(--text-main);\n    }\n    .product-detail-container h2 {\n      font-size: clamp(24px, 3vw, 32px);\n      line-height: 1.3;\n      margin-bottom: 1.5rem;\n      color: var(--text-main);\n    }\n    .product-detail-container h3 {\n      font-size: 22px;\n      margin-bottom: 1rem;\n      color: var(--text-main);\n    }\n    .product-detail-container p {\n      font-size: clamp(16px, 1.5vw, 18px);\n      color: var(--text-sub);\n      margin-bottom: 1.5rem;\n    }\n\n    \/* Reusable Components *\/\n    .pd-badge {\n      display: inline-block;\n      padding: 6px 12px;\n      background-color: var(--bg-soft);\n      color: var(--text-sub);\n      border-radius: 20px;\n      font-size: 14px;\n      font-weight: 500;\n      margin-bottom: 1rem;\n    }\n\n    \/* Layout \u0026 Sections *\/\n    .pd-section {\n      margin-bottom: var(--spacing-section);\n    }\n    .pd-grid-2 {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: clamp(2rem, 5vw, 4rem);\n      align-items: center;\n    }\n    \n    \/* Image Handling (Scheme A: Fluid) *\/\n    .pd-image-container img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-lg);\n    }\n\n    \/* Hero Section *\/\n    .hero-section {\n      text-align: center;\n      max-width: 800px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n    .hero-content {\n      margin-bottom: 2rem;\n    }\n\n    \/* Feature Sections *\/\n    .feature-media {\n      position: relative;\n    }\n    .feature-tags {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 0.8rem;\n      margin-top: 1.5rem;\n    }\n    .feature-tag {\n      display: flex;\n      align-items: center;\n      font-size: 15px;\n      color: var(--text-sub);\n      background: var(--bg-card);\n      padding: 8px 14px;\n      border-radius: var(--radius-md);\n    }\n    .feature-tag::before {\n      content: \"\";\n      display: inline-block;\n      width: 8px;\n      height: 8px;\n      background-color: var(--primary);\n      border-radius: 50%;\n      margin-right: 10px;\n    }\n\n    \/* Scenario Section *\/\n    .scenario-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 1.5rem;\n    }\n    .scenario-card img {\n      width: 100%;\n      height: auto;\n      border-radius: var(--radius-lg);\n      display: block;\n    }\n\n    \/* Specifications *\/\n    .specs-table {\n      width: 100%;\n      border-collapse: collapse;\n      margin-top: 1.5rem;\n      background: var(--bg-card);\n      border-radius: var(--radius-lg);\n      overflow: hidden;\n    }\n    .specs-table th, .specs-table td {\n      padding: 16px 24px;\n      text-align: left;\n      border-bottom: 1px solid var(--border-color);\n    }\n    .specs-table th {\n      font-weight: 600;\n      color: var(--text-main);\n      width: 35%;\n      background-color: var(--bg-soft);\n    }\n    .specs-table tr:last-child td, .specs-table tr:last-child th {\n      border-bottom: none;\n    }\n\n    \/* FAQ *\/\n    .faq-item {\n      background: var(--bg-card);\n      padding: 1.5rem;\n      border-radius: var(--radius-lg);\n      margin-bottom: 1rem;\n      border: 1px solid var(--border-color);\n    }\n    .faq-question {\n      font-weight: 600;\n      font-size: 18px;\n      margin-bottom: 0.8rem;\n      color: var(--text-main);\n      display: flex;\n      align-items: center;\n    }\n    .faq-question::before {\n      content: \"Q.\";\n      color: var(--primary);\n      margin-right: 10px;\n      font-weight: 700;\n    }\n    .faq-answer {\n      margin-bottom: 0;\n      padding-left: 30px;\n    }\n\n    \/* Mobile Optimization *\/\n    @media (max-width: 767px) {\n      .pd-grid-2 {\n        grid-template-columns: 1fr;\n        gap: 2rem;\n      }\n      .feature-item {\n        display: flex;\n        flex-direction: column;\n      }\n      \/* Fix Z-pattern ordering on mobile to always show image first *\/\n      .feature-item.z-reverse .feature-copy {\n        order: 2;\n      }\n      .feature-item.z-reverse .feature-media {\n        order: 1;\n      }\n\n      \/* Mobile Specs Table *\/\n      .specs-table, .specs-table thead, .specs-table tbody, .specs-table tr, .specs-table th, .specs-table td {\n        display: block;\n        width: 100%;\n      }\n      .specs-table thead {\n        display: none;\n      }\n      .specs-table tr {\n        margin-bottom: 1rem;\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-md);\n        overflow: hidden;\n      }\n      .specs-table td {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 12px 16px;\n        text-align: right;\n        border-bottom: 1px solid var(--border-color);\n      }\n      .specs-table td::before {\n        content: attr(data-label);\n        font-weight: 600;\n        text-align: left;\n        padding-right: 1rem;\n        color: var(--text-sub);\n      }\n    }\n\u003c\/style\u003e\n\u003c!-- A. Intro \/ Hero Content Block --\u003e\n\u003cdiv class=\"pd-section hero-section\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cspan class=\"pd-badge\"\u003eDesigned for everyday ease\u003c\/span\u003e\n\u003ch1\u003eEffortless Shopping, Two Ways\u003c\/h1\u003e\n\n\u003cp\u003eInstantly switch from a shoulder tote to a smooth-rolling cart. Say goodbye to heavy lifting and enjoy the convenience of a 2-in-1 design.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-image-container\"\u003e\n\u003c!-- [ 📷 需替换：image_4.png ] --\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img63\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260721170730\/943bd21a216631bd5bfa1b516aa10224.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- B. Feature Sections --\u003e\u003c!-- Feature 1: Switching Mechanism --\u003e\n\n\u003cdiv class=\"pd-section pd-grid-2 feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"pd-image-container\"\u003e\n\u003c!-- [ 📷 需替换：image_3.png ] --\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img64\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260721170730\/48a807f7bf1a728449450f50b638de8d.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\u003ch2\u003eSeamless Switch: Carry or Roll\u003c\/h2\u003e\n\n\u003cp\u003eTransform your carry-all in seconds. The spring-loaded wheels and metal front stand fold flat for comfortable shoulder carrying, and pop out instantly when you need to roll heavy loads. It uses sturdy straps for pulling, eliminating bulky rigid handles.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003eRetractable Wheels\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eFoldable Metal Stand\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eSpace-Saving Design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2: Capacity \u0026 Durability --\u003e\n\n\u003cdiv class=\"pd-section pd-grid-2 feature-item z-reverse\"\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eBuilt to Carry More, Last Longer\u003c\/h2\u003e\n\n\u003cp\u003eDon't let the soft fabric fool you. Engineered with heavy-duty waterproof Oxford cloth and a reinforced base, this bag confidently handles loads up to 66 lbs (30kg). It's designed to protect your groceries through daily wear and tear.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003e66lb \/ 30kg Capacity\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eWater-Resistant Fabric\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eSturdy Zipper Closure\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"pd-image-container\"\u003e\n\u003c!-- [ 📷 需替换：image_2.png ] --\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img65\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260721170730\/293c69238ecb36c468c41c6b8aff734e.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!-- C. Scenario Section --\u003e\n\n\u003cdiv class=\"pd-section\"\u003e\n\u003cdiv class=\"hero-content\" style=\"text-align: center;\"\u003e\n\u003ch2\u003eYour Go-To for Every Outing\u003c\/h2\u003e\n\n\u003cp\u003eVersatile enough for the supermarket, farmers' market, picnics in the park, or weekend travel. Adapt to any situation with ease.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-image-container\"\u003e\n\u003c!-- [ 📷 需替换：image_5.png ] --\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img66\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260721170730\/8d500149808f8329512ed6e5610c0e43.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- D. Specifications --\u003e\n\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\n\u003cdiv class=\"pd-grid-2\" style=\"align-items: start;\"\u003e\n\u003cdiv class=\"pd-image-container\"\u003e\n\u003c!-- [ 📷 需替换：spec_1 (image_1.png) ] --\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img67\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260721170730\/809a9c69a70a3329c537d417f247cb9f.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003ctable class=\"specs-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Material\"\u003eWater-resistant Oxford Fabric, Metal Stand, Plastic Wheels\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Dimensions (Expanded)\"\u003eApprox. 54cm H x 39cm W x 13cm D (21.3\" x 15.4\" x 5.1\")\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Max Load Capacity\"\u003eUp to 66 lbs \/ 30 kg\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Closure Type\"\u003eZipper top with additional button tab\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Handle Type\"\u003eDual long nylon shoulder\/pulling straps\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Available Colors\"\u003eGreen, Orange, Red, Blue, Black\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- E. FAQ --\u003e\n\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eHow do I fold and unfold the wheels?\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eThe wheels and stand have a spring-loaded mechanism. Simply push or pull them according to the direction arrows marked on the base unit to snap them securely into the open or folded position.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eDoes this bag have a telescopic metal handle?\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eNo. To keep it lightweight and foldable like a regular tote, it uses long, durable nylon straps for both shoulder carrying and pulling along the ground.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eIs the bag washable?\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eThe Oxford fabric is durable and water-resistant. We recommend spot cleaning with a damp cloth and mild soap for best results. Avoid submerging the wheel mechanisms in water.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Green \/ 1 Pack (Everyday Essential)","offer_id":48996792500443,"sku":"0721-17476972","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Orange \/ 1 Pack (Everyday Essential)","offer_id":48996792533211,"sku":"0721-17471963","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Red \/ 1 Pack (Everyday Essential)","offer_id":48996792565979,"sku":"0721-17479591","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Blue \/ 1 Pack (Everyday Essential)","offer_id":48996792598747,"sku":"0721-17478011","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Black \/ 1 Pack (Everyday Essential)","offer_id":48996792631515,"sku":"0721-17471928","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Green \/ 2 Packs (Gift One to Mom - Save 15%)","offer_id":48996792664283,"sku":"0721-17471049","price":24.95,"currency_code":"USD","in_stock":true},{"title":"Orange \/ 2 Packs (Gift One to Mom - Save 15%)","offer_id":48996792697051,"sku":"0721-17471045","price":24.95,"currency_code":"USD","in_stock":true},{"title":"Red \/ 2 Packs (Gift One to Mom - Save 15%)","offer_id":48996792729819,"sku":"0721-17473464","price":24.95,"currency_code":"USD","in_stock":true},{"title":"Blue \/ 2 Packs (Gift One to Mom - Save 15%)","offer_id":48996792762587,"sku":"0721-17471165","price":24.95,"currency_code":"USD","in_stock":true},{"title":"Black \/ 2 Packs (Gift One to Mom - Save 15%)","offer_id":48996792795355,"sku":"0721-17471332","price":24.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0780\/3279\/7915\/files\/943bd21a216631bd5bfa1b516aa10224.jpg?v=1784627344","url":"https:\/\/waregami.com\/products\/convertible-shopping-tote-cart","provider":"Waregami","version":"1.0","type":"link"}