{"product_id":"flat-open-subject-organizer-bag","title":"Flat-Open Subject Organizer Bag","description":"\u003c!--\n[AI Design Logic]\nProduct Type: Subject Organizer Bag (Lanyard Flat-Opening Version)\nTarget Audience: Students and Exam Candidates\nVisual Style: Clean, Structured, Academic Blue and Warm Accents\nColor Strategy: Primary blue with safety yellow accents to highlight durability and waterproof features\nModule Order: Hero, Compare Section, Feature 1 (Waterproof), Feature 2 (Exam Zipper), Feature 3 (Crafted Details), Specifications, FAQ\nDetail Image Mapping: Hero=detail_3, Compare=detail_4, Feature1=detail_1, Feature2=detail_5, Feature3=detail_2\nSpecification Data Source: spec_1 (data extraction only; no specification image placeholder is rendered)\nCompare Section: Included (Visual contrast between Our Subject Bag and standard alternatives is explicitly supported by detail_4)\nInformation Boundary: Only information explicitly provided in the product analysis report, detail images, specification images, and the current conversation has been used. No unverified product facts have been added.\n--\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 5%;\n  box-sizing: border-box;\n  overflow-wrap: break-word;\n  word-break: break-word;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  color: #1d1d1f;\n  background-color: #ffffff;\n  --primary: #0076de;\n  --primary-hover: #005bb5;\n  --text-main: #1d1d1f;\n  --text-sub: #515154;\n  --bg-body: #ffffff;\n  --bg-card: #f5f5f7;\n  --bg-soft: #f0f4f8;\n  --radius-md: 12px;\n  --radius-lg: 20px;\n  --border-color: #e5e5e7;\n  --accent-yellow: #febb12;\n}\n\n\/* Common Spacing *\/\n.product-detail-container section {\n  margin-bottom: clamp(2rem, 5vw, 4rem);\n}\n\n\/* Typography Rules *\/\n.product-detail-container h1 {\n  font-size: 22px;\n  line-height: 1.3;\n  font-weight: 700;\n  margin: 0 0 12px 0;\n  color: var(--text-main);\n}\n\n.product-detail-container h2 {\n  font-size: 20px;\n  line-height: 1.4;\n  font-weight: 700;\n  margin: 0 0 20px 0;\n  color: var(--text-main);\n}\n\n.product-detail-container h3 {\n  font-size: 20px;\n  line-height: 1.4;\n  font-weight: 600;\n  margin: 0 0 12px 0;\n  color: var(--text-main);\n}\n\n.product-detail-container p {\n  font-size: 18px;\n  line-height: 1.6;\n  margin: 0 0 16px 0;\n  color: var(--text-sub);\n}\n\n\/* Image Placeholder Style *\/\n.image-placeholder {\n  background-color: var(--bg-soft);\n  border: 2px dashed #b0c4de;\n  border-radius: var(--radius-md);\n  padding: clamp(2rem, 5vw, 4rem) 1rem;\n  text-align: center;\n  color: var(--text-sub);\n  font-weight: 500;\n  font-size: 18px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n}\n\n.image-placeholder span {\n  font-size: 18px;\n  display: block;\n}\n\n\/* Badge System *\/\n.trust-badge {\n  display: inline-block;\n  background-color: var(--bg-soft);\n  color: var(--primary);\n  font-size: 18px;\n  font-weight: 600;\n  padding: 8px 16px;\n  border-radius: 30px;\n  margin-bottom: 20px;\n}\n\n.feature-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 12px;\n}\n\n.feature-tag {\n  background-color: var(--bg-card);\n  color: var(--text-main);\n  font-size: 18px;\n  padding: 6px 14px;\n  border-radius: 20px;\n  font-weight: 500;\n}\n\n\/* Hero Section *\/\n.hero-section {\n  text-align: center;\n  padding-top: 20px;\n}\n\n.hero-copy {\n  max-width: 800px;\n  margin: 0 auto 30px auto;\n}\n\n.hero-subtitle {\n  font-size: 18px;\n  line-height: 1.6;\n  color: var(--text-sub);\n}\n\n\/* Feature Grid and Items *\/\n.feature-item {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: clamp(2rem, 5vw, 4rem);\n}\n\n.feature-item.reverse {\n  flex-direction: row-reverse;\n}\n\n.feature-media {\n  flex: 1;\n  min-width: 0;\n}\n\n.feature-copy {\n  flex: 1;\n  min-width: 0;\n}\n\n\/* Compare Section *\/\n.compare-section {\n  background-color: var(--bg-card);\n  padding: clamp(2rem, 5vw, 4rem) 5%;\n  border-radius: var(--radius-lg);\n}\n\n.compare-header {\n  text-align: center;\n  margin-bottom: 30px;\n}\n\n.compare-desc {\n  font-size: 18px;\n  line-height: 1.6;\n  color: var(--text-sub);\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n\/* Specifications Table styling *\/\n.specifications-section {\n  background-color: var(--bg-card);\n  padding: clamp(2rem, 5vw, 4rem) 5%;\n  border-radius: var(--radius-lg);\n}\n\n.spec-table {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.spec-table td {\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--border-color);\n  font-size: 18px;\n  line-height: 1.5;\n  vertical-align: top;\n}\n\n.spec-table tr:last-child td {\n  border-bottom: none;\n}\n\n.spec-table td:first-child {\n  font-weight: 600;\n  width: 30%;\n  color: var(--text-main);\n}\n\n.spec-table .spec-value {\n  color: var(--text-sub);\n  display: block;\n}\n\n\/* FAQ Accordion Styling *\/\n.faq-section {\n  border-top: 1px solid var(--border-color);\n  padding-top: clamp(2rem, 5vw, 4rem);\n}\n\n.faq-item {\n  border-bottom: 1px solid var(--border-color);\n  padding: 20px 0;\n}\n\n.faq-question {\n  font-size: 20px;\n  font-weight: 600;\n  margin: 0 0 10px 0;\n  color: var(--text-main);\n}\n\n.faq-answer {\n  font-size: 18px;\n  line-height: 1.6;\n  color: var(--text-sub);\n  margin: 0;\n}\n\n\/* Mobile Responsive Lock *\/\n@media (max-width: 767px) {\n  .product-detail-container h1 {\n    font-size: 22px !important;\n  }\n  \n  .product-detail-container h2,\n  .product-detail-container h3,\n  .faq-question {\n    font-size: 20px !important;\n  }\n\n  .product-detail-container p,\n  .trust-badge,\n  .feature-tag,\n  .faq-answer,\n  .spec-table td,\n  .spec-table td::before,\n  .spec-table .spec-value {\n    font-size: 18px !important;\n  }\n\n  .feature-item,\n  .feature-item.reverse {\n    flex-direction: column !important;\n    gap: 20px;\n  }\n\n  .feature-media {\n    width: 100%;\n    order: 1;\n  }\n\n  .feature-copy {\n    width: 100%;\n    order: 2;\n  }\n\n  \/* Specifications Mobile Layout Override *\/\n  .spec-table,\n  .spec-table tbody,\n  .spec-table tr {\n    display: block;\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .spec-table thead {\n    display: none;\n  }\n\n  .spec-table td {\n    display: grid;\n    grid-template-columns: minmax(110px, 40%) minmax(0, 1fr);\n    gap: 14px;\n    width: 100%;\n    box-sizing: border-box;\n    padding: 14px 0;\n    align-items: start;\n    white-space: normal;\n    overflow-wrap: anywhere;\n    word-break: break-word;\n    border-bottom: 1px solid var(--border-color);\n  }\n\n  .spec-table td:first-child {\n    display: none; \/* Hide standard layout cell on mobile *\/\n  }\n\n  .spec-table td {\n    grid-template-columns: minmax(120px, 40%) minmax(0, 1fr);\n  }\n\n  .spec-table td::before {\n    content: attr(data-label);\n    display: block;\n    min-width: 0;\n    font-size: 18px;\n    font-weight: 600;\n    line-height: 1.5;\n    white-space: normal;\n    overflow-wrap: anywhere;\n    word-break: break-word;\n    color: var(--text-main);\n  }\n\n  .spec-table .spec-value {\n    display: block;\n    min-width: 0;\n    max-width: 100%;\n    font-size: 18px;\n    line-height: 1.5;\n    white-space: normal;\n    overflow-wrap: anywhere;\n    word-break: break-word;\n  }\n}\n\n@media (max-width: 420px) {\n  .spec-table td {\n    grid-template-columns: 1fr;\n    gap: 6px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!-- A. HERO CONTENT BLOCK --\u003e\n\u003csection class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-copy\"\u003e\n\u003cspan class=\"trust-badge\"\u003eMetal-Free Exam-Friendly Design\u003c\/span\u003e\n\u003ch1\u003eDual L-Shaped 180° Opening Subject Bag\u003c\/h1\u003e\n\n\u003cp class=\"hero-subtitle\"\u003eSay goodbye to narrow openings. Unzip all the way for a flat-open layout to locate textbooks, worksheets, and stationery in seconds.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"image-placeholder\"\u003e\u003cspan\u003e\u003cdiv\u003e\u003cimg cke-id=\"img114\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260903155124\/a1afbc02b6b7cefd2805128e4412607a.jpg\"\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"compare-section\"\u003e\n\u003cdiv class=\"compare-header\"\u003e\n\u003ch2\u003eSay Goodbye to Messy School Bags\u003c\/h2\u003e\n\n\u003cp class=\"compare-desc\"\u003eKeep your textbooks and prep notes organized cleanly. Protect your learning materials from accidental water damage and hard-to-access layouts.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"image-placeholder\"\u003e\u003cspan\u003e\u003cdiv\u003e\u003cimg cke-id=\"img115\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260903155124\/fdd8b38eb570c1c9de3cbe701f6c42b9.jpg\"\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\u003cspan\u003e\u003cdiv\u003e\u003cimg cke-id=\"img116\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260903155124\/79ef51cc33af3b1d2ea7b02481de2f3c.jpg\"\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eThickened \u0026amp; Waterproof Protection\u003c\/h2\u003e\n\n\u003cp\u003eMade with thick 50-wire EVA material that helps resist moisture and protect textbooks. No worries about beverage spills or light rain damage on your important prep sheets.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003eThick 50-Wire EVA\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eSpill-Resistant Grid\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- D. FEATURE 2 (Exam Detail) --\u003e\n\n\u003csection class=\"feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\u003cspan\u003e\u003cdiv\u003e\u003cimg cke-id=\"img117\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260903155124\/59b12ebcf4620284277d42d832f546b9.jpg\"\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eMetal-Free Zipper Perfect for Exams\u003c\/h2\u003e\n\n\u003cp\u003eDesigned with standard exam venues in mind. Features a fully plastic, metal-free zipper pull and track to prevent delays at security checks, helping you focus entirely on your preparation.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003eStandardized Venue Friendly\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eAll-Plastic Structure\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- E. FEATURE 3 (Crafted Details) --\u003e\n\n\u003csection class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\u003cspan\u003e\u003cdiv\u003e\u003cimg cke-id=\"img118\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260903155124\/17905215448252ddb002bae2d5584aa5.jpg\"\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eCarefully Crafted in Every Detail\u003c\/h2\u003e\n\n\u003cp\u003eFeatures a replaceable name tag (Class, Name, Subject) to prevent school mix-ups. Reinforced stitching with thick 600D edge binding ensures durability, while a colorful hanging loop saves valuable desk space.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003e600D Edge Binding\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eReplaceable Name Tag\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eHanging Loop\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- F. SPECIFICATIONS --\u003e\n\n\u003csection class=\"specifications-section\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\n\u003ctable class=\"spec-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eMaterial\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Material\"\u003e\u003cspan class=\"spec-value\"\u003eThickened 50-Wire Waterproof EVA \u0026amp; 600D Fabric Edge Binding\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eZipper System\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Zipper System\"\u003e\u003cspan class=\"spec-value\"\u003eAll-Plastic Metal-Free Zipper Pull and Tracks\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eOpening Degree\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Opening Degree\"\u003e\u003cspan class=\"spec-value\"\u003eDual L-Shaped 180° Flat-Open Layout\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eAvailable Colors\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Available Colors\"\u003e\u003cspan class=\"spec-value\"\u003ePink, Purple, Yellow, Brown\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eKey Features\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Key Features\"\u003e\u003cspan class=\"spec-value\"\u003eReplaceable Name Tag, Reinforced Stitching, Space-Saving Hanging Loop, Internal Compartments with Elastic Straps\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/section\u003e\n\u003c!-- G. FAQ --\u003e\n\n\u003csection class=\"faq-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-question\"\u003eQ: Is this bag fully approved for exam halls?\u003c\/h3\u003e\n\n\u003cp class=\"faq-answer\"\u003eA: This product features an entirely non-metal plastic zipper system designed to satisfy common standardized exam requirements. Please consult the official guidelines of your specific testing center for localized security rules.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-question\"\u003eQ: How does the flat-opening design help with storage?\u003c\/h3\u003e\n\n\u003cp class=\"faq-answer\"\u003eA: The dual L-shaped zippers allow the bag to unfold 180 degrees completely flat. This lets students view and slide textbooks, notes, and calculators in and out without squeezing or wrinkling them.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-question\"\u003eQ: What is the main structural advantage of this bag?\u003c\/h3\u003e\n\n\u003cp class=\"faq-answer\"\u003eA: It uses high-density 50-wire EVA with a semi-transparent grid pattern, reinforced by 600D wear-resistant edge binding and dual parallel stitches. It resists spills, protects notes, and retains structure under regular handling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"4-Pack (Multi-Subject Set）","offer_id":46133546713279,"sku":null,"price":999.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0701\/3220\/3711\/files\/a1afbc02b6b7cefd2805128e4412607a.jpg?v=1788422202","url":"https:\/\/ggkbkw-fz.myshopify.com\/products\/flat-open-subject-organizer-bag","provider":"Bak","version":"1.0","type":"link"}