{"product_id":"woven-tote-diy-kit","title":"Woven Tote DIY Kit","description":"\u003cbr\u003e\n\u003c!--\n[AI Design Logic]\n产品类型：DIY皮包手工套件\n目标受众：手工爱好者、寻求独特礼物者、DIY新手\n视觉风格：温暖、手作感、清晰教程向\n配色策略：以皮料的暖棕色为主色调，搭配柔和的米色背景，营造舒适、鼓励动手的氛围。\n模块顺序：\n1. Hero：强调“亲手制作”的成就感与乐趣（选用缝制中的场景图）。\n2. Feature 1 (Easy DIY)：解决用户“会不会太难”的顾虑，展示全套工具和教程支持。\n3. Feature 2 (Design \u0026 Quality)：展示成品的美观、材质和时尚感，激发购买欲。\n4. Feature 3 (Capacity)：补充实用性信息，确认能装下日常所需。\n5. Specs：列出具体参数。\n6. FAQ：解答常见疑问。\n详情图映射：\n- Hero: detail_1 (最具动感和代入感的缝制场景)\n- Feature 1: detail_3 (清晰展示工具、材料清单和难度评级)\n- Feature 2: detail_6 (多色成品展示，体现时尚感)\n- Feature 3: spec_2 (不仅有尺寸，还有容量示意，适合作为功能说明)\n规格图映射：Specs模块数据来源于 spec_2 (尺寸) 和 detail_3 (工具清单)。\n对比模块：未加入。产品核心是“DIY体验”，而非与竞品对比性能。现有模块更能有效传达价值。\n--\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n    --primary: #8B5A2B; \/* 皮革暖棕色 *\/\n    --primary-hover: #6F4620;\n    --text-main: #2C2C2C;\n    --text-sub: #595959;\n    --bg-body: #FFFFFF;\n    --bg-soft: #F9F7F4; \/* 柔和米色背景 *\/\n    --radius-md: 8px;\n    --radius-lg: 16px;\n    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);\n    --border-color: #EDEAE6;\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  .product-detail-container h1,\n  .product-detail-container h2,\n  .product-detail-container h3 {\n    margin-top: 0;\n    line-height: 1.2;\n    font-weight: 600;\n  }\n\n  .product-detail-container h1 {\n    font-size: clamp(32px, 4vw, 44px);\n    margin-bottom: 16px;\n  }\n\n  .product-detail-container h2 {\n    font-size: clamp(24px, 3vw, 32px);\n    margin-bottom: 24px;\n  }\n\n  .product-detail-container h3 {\n    font-size: 20px;\n    margin-bottom: 12px;\n  }\n\n  .product-detail-container p {\n    font-size: clamp(16px, 1.5vw, 18px);\n    margin: 0 0 24px 0;\n    color: var(--text-sub);\n  }\n\n  \/* Layout \u0026 Spacing *\/\n  .pd-section {\n    margin-bottom: clamp(3rem, 6vw, 5rem);\n  }\n\n  .pd-grid-2 {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: clamp(2rem, 4vw, 4rem);\n    align-items: center;\n  }\n\n  @media (min-width: 768px) {\n    .pd-grid-2 {\n      grid-template-columns: 1fr 1fr;\n    }\n    \n    \/* Z-Pattern for Features *\/\n    .feature-item:nth-child(even) .feature-copy {\n      order: 1;\n    }\n    .feature-item:nth-child(even) .feature-media {\n      order: 2;\n    }\n  }\n\n  \/* Components *\/\n  .pd-img-fluid {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: var(--radius-lg);\n  }\n\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: 16px;\n  }\n\n  .pd-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-bottom: 24px;\n  }\n\n  .pd-tag {\n    background: var(--bg-soft);\n    padding: 8px 16px;\n    border-radius: var(--radius-md);\n    font-size: 15px;\n    color: var(--text-main);\n    display: flex;\n    align-items: center;\n  }\n\n  .pd-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: 8px;\n  }\n\n  \/* Image Placeholders *\/\n  .img-placeholder-box {\n    background-color: #f0f0f0;\n    border: 2px dashed #ccc;\n    border-radius: var(--radius-lg);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #999;\n    font-size: 14px;\n    padding: 2rem;\n    min-height: 300px;\n  }\n  .img-placeholder-box.hero { min-height: 400px; }\n  .img-placeholder-box.square { aspect-ratio: 1\/1; min-height: auto; }\n\n  \/* Hero Section *\/\n  .hero-copy {\n    max-width: 600px;\n  }\n\n  \/* Specifications *\/\n  .spec-table {\n    width: 100%;\n    border-collapse: collapse;\n    background: var(--bg-soft);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n  }\n\n  .spec-table th,\n  .spec-table td {\n    padding: 16px 24px;\n    text-align: left;\n    border-bottom: 1px solid var(--border-color);\n    font-size: 16px;\n  }\n\n  .spec-table th {\n    width: 30%;\n    font-weight: 600;\n    color: var(--text-main);\n    background: rgba(139, 90, 43, 0.05); \/* 轻微的品牌色背景 *\/\n  }\n\n  .spec-table tr:last-child td,\n  .spec-table tr:last-child th {\n    border-bottom: none;\n  }\n\n  @media (max-width: 767px) {\n    .spec-table, .spec-table tbody, .spec-table tr, .spec-table th, .spec-table td {\n      display: block;\n      width: 100%;\n    }\n    .spec-table th {\n      display: none;\n    }\n    .spec-table td {\n      padding: 12px 16px;\n      position: relative;\n      padding-left: 40%;\n      border-bottom: 1px solid var(--border-color);\n    }\n    .spec-table td::before {\n      content: attr(data-label);\n      position: absolute;\n      left: 16px;\n      top: 12px;\n      font-weight: 600;\n      width: 35%;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      color: var(--text-sub);\n    }\n  }\n\n  \/* FAQ *\/\n  .faq-item {\n    background: var(--bg-soft);\n    padding: 24px;\n    border-radius: var(--radius-lg);\n    margin-bottom: 16px;\n  }\n\n  .faq-item h3 {\n    margin-bottom: 8px;\n    display: flex;\n    align-items: flex-start;\n  }\n\n  .faq-item h3::before {\n    content: \"Q.\";\n    color: var(--primary);\n    margin-right: 12px;\n    font-weight: 700;\n  }\n\n  .faq-item p {\n    margin-bottom: 0;\n    padding-left: 28px;\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!-- A. Intro \/ Hero Content Block --\u003e\n\u003csection class=\"pd-section pd-grid-2\"\u003e\n\u003cdiv class=\"hero-copy\"\u003e\n\u003cspan class=\"pd-badge\"\u003eBeginner-Friendly DIY Kit\u003c\/span\u003e\n\u003ch1\u003eCraft Your Own Woven Leather Handbag\u003c\/h1\u003e\n\n\u003cp\u003eDiscover the joy of making with this all-in-one kit. Sew a stylish, high-quality leather bag with your own hands, guided by easy-to-follow video tutorials. No experience necessary.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"hero-media\"\u003e\n\u003c!-- [ 📷 需替换：detail_1 ] --\u003e\n\u003cdiv class=\"img-placeholder-box hero\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img54\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260724132853\/355ab44bb8df982db62b8594a41e2fea.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pd-section pd-grid-2 feature-item\"\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eEverything You Need to Start Creating\u003c\/h2\u003e\n\n\u003cp\u003eWe've packed the complete workshop into one box. You'll receive pre-cut and pre-punched leather pieces, needles, thread, and essential tools. Just follow the included video guide, and you'll have a finished bag in 2-5 hours.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tags\"\u003e\n\u003cspan class=\"pd-tag\"\u003ePre-punched Holes\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eVideo Tutorial\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eAll Tools Included\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-media\"\u003e\n\u003c!-- [ 📷 需替换：detail_3 ] --\u003e\n\u003cdiv class=\"img-placeholder-box\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img55\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260724132853\/ccbb8e01d422fd6541e0473a57d1e648.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pd-section pd-grid-2 feature-item\"\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eA Unique Statement Piece\u003c\/h2\u003e\n\n\u003cp\u003eThe sophisticated woven design creates a beautiful textured look that stands out. Made from durable cow split leather, your handmade bag will have a premium feel and is built to last, becoming a staple in your wardrobe.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tags\"\u003e\n\u003cspan class=\"pd-tag\"\u003eCow Split Leather\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eWoven Texture\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-media\"\u003e\n\u003c!-- [ 📷 需替换：detail_6 ] --\u003e\n\u003cdiv class=\"img-placeholder-box\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img56\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260724132853\/e43d757b1945d26f3319becdf493d98a.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pd-section pd-grid-2 feature-item\"\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003ePerfectly Sized for Essentials\u003c\/h2\u003e\n\n\u003cp\u003eDon't let the cute size fool you. The smart trapezoid shape is surprisingly roomy, easily holding your phone, wallet, keys, and cosmetics. It’s the ideal companion for your daily outings.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-media\"\u003e\n\u003c!-- [ 📷 需替换：spec_2 ] 使用方形占位符以匹配图片内容的比例 --\u003e\n\u003cdiv class=\"img-placeholder-box square\" style=\"background: var(--bg-soft);\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img57\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260724132144\/20b3dd1b3dbff49968855abea4031c9c.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pd-section\"\u003e\n\u003ch2\u003eProduct Specifications\u003c\/h2\u003e\n\n\u003ctable class=\"spec-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Feature\"\u003eKit Type\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Value\"\u003eSemi-finished DIY Leathercraft Kit\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Feature\"\u003eMain Material\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Value\"\u003eCow Split Leather\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Feature\"\u003eFinished Size (Approx.)\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Value\"\u003e25cm (W) x 20cm (H) \/ 9.8\" x 7.9\"\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Feature\"\u003eEstimated Make Time\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Value\"\u003e2 - 5 Hours\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Feature\"\u003eIncluded Tools\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Value\"\u003eNeedles, Thread, Thimble, Finger Cots, Clip, etc.\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\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\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eDo I need any sewing experience?\u003c\/h3\u003e\n\n\u003cp\u003eNot at all! This kit is designed for beginners. The leather is pre-punched with stitching holes, and a step-by-step video tutorial will guide you through the entire process.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eWhat kind of leather is it?\u003c\/h3\u003e\n\n\u003cp\u003eThe bag is made from high-quality cow split leather, chosen for its durability and beautiful matte finish. It holds its shape well and is perfect for daily use.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eDoes the finished bag have a zipper or lining?\u003c\/h3\u003e\n\n\u003cp\u003eThe design features a stylish open V-shape top without a zipper or inner lining, showcasing the raw beauty of the woven leather structure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Caramel Brown","offer_id":49748201144570,"sku":"0724-15001228","price":19.95,"currency_code":"USD","in_stock":true},{"title":"Midnight Black","offer_id":49748201177338,"sku":"0724-15000478","price":19.95,"currency_code":"USD","in_stock":true},{"title":"Matcha Green","offer_id":49748201210106,"sku":"0724-15005268","price":19.95,"currency_code":"USD","in_stock":true},{"title":"Denim Blue","offer_id":49748201242874,"sku":"0724-15000641","price":19.95,"currency_code":"USD","in_stock":true},{"title":"Cherry Blossom","offer_id":49748201275642,"sku":"0724-15009419","price":19.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0779\/4527\/4618\/files\/355ab44bb8df982db62b8594a41e2fea.jpg?v=1784876503","url":"https:\/\/varitino.com\/products\/woven-tote-diy-kit","provider":"Varitino","version":"1.0","type":"link"}