{"product_id":"kids-school-memory-book","title":"Kids School Memory Book","description":"\u003c!--\n[AI Design Logic]\nProduct Type: School Year Memory \u0026 Keepsake Loose-Leaf Binder\nTarget Audience: Parents looking to document their child's school milestones from Preschool to High School\nVisual Style: Warm, pastel-colored, clean, and organized memory-book style\nColor Strategy: Main Pink\/Macaron accent (--primary: #ff5e97), soft backgrounds, clean borders\nModule Order: Intro\/Hero -\u003e Feature 1 (Milestones) -\u003e Feature 2 (Pockets) -\u003e Feature 3 (Binder Rings) -\u003e Specifications -\u003e FAQ\nDetail Image Mapping: Hero=detail_3, Feature1=detail_5, Feature2=detail_2, Feature3=detail_1\nSpecification Data Source: spec_1 (data extraction only; no specification image placeholder is rendered)\nCompare Section: Not included (no explicit competitor comparison data provided)\nInformation Boundary: Fully grounded on provided text and images. Extracted SKU sizes (30x21x3cm, 24x17x3cm) and color options (Pink Polka Dots, Blue Primary Stripes) from the specification sheet. Explicitly warned that the small size cannot fit standard 8.5\" x 11\" pages without folding.\n--\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n  --primary: #ff5e97;\n  --primary-hover: #e0437a;\n  --text-main: #2b2b2b;\n  --text-sub: #555555;\n  --bg-body: #ffffff;\n  --bg-card: #fbfbfc;\n  --bg-soft: #f4f4f6;\n  --radius-md: 8px;\n  --radius-lg: 16px;\n  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);\n  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.08);\n  --border-color: #e5e5e5;\n\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  color: var(--text-main);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  background-color: var(--bg-body);\n}\n\n\/* Typography System *\/\n.product-detail-container h1 {\n  font-size: 22px;\n  line-height: 1.3;\n  margin: 0 0 16px 0;\n  font-weight: 700;\n  color: var(--text-main);\n}\n\n.product-detail-container h2,\n.product-detail-container h3 {\n  font-size: 20px;\n  line-height: 1.4;\n  margin: 0 0 12px 0;\n  font-weight: 600;\n  color: var(--text-main);\n}\n\n.product-detail-container p,\n.product-detail-container li,\n.product-detail-container span,\n.product-detail-container td,\n.product-detail-container th {\n  font-size: 18px;\n  line-height: 1.6;\n  color: var(--text-sub);\n}\n\n\/* Spacing System *\/\n.product-detail-container section {\n  margin-bottom: clamp(2rem, 5vw, 4rem);\n  padding: 20px 0;\n}\n\n\/* Hero Section *\/\n.hero-section {\n  text-align: center;\n  padding-top: 30px;\n}\n\n.hero-badge {\n  display: inline-block;\n  background-color: var(--bg-soft);\n  color: var(--primary);\n  font-weight: 600;\n  padding: 6px 16px;\n  border-radius: 50px;\n  font-size: 18px;\n  margin-bottom: 16px;\n}\n\n.hero-subtitle {\n  max-width: 700px;\n  margin: 0 auto 30px auto;\n  font-size: 18px;\n  color: var(--text-sub);\n}\n\n\/* Image Placeholders *\/\n.image-placeholder {\n  background-color: var(--bg-soft);\n  border: 2px dashed var(--border-color);\n  border-radius: var(--radius-lg);\n  padding: 40px 20px;\n  text-align: center;\n  font-size: 18px;\n  color: var(--text-sub);\n  margin-bottom: 20px;\n  font-weight: 500;\n}\n\n\/* Features Layout *\/\n.features-container {\n  display: flex;\n  flex-direction: column;\n  gap: clamp(2rem, 4vw, 3rem);\n}\n\n.feature-item {\n  display: flex;\n  flex-direction: column; \/* Mobile first: Image top, Text bottom *\/\n  gap: 24px;\n  background-color: var(--bg-card);\n  padding: 24px;\n  border-radius: var(--radius-lg);\n  box-shadow: var(--shadow-sm);\n}\n\n.feature-media {\n  width: 100%;\n}\n\n.feature-copy {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.feature-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 16px;\n}\n\n.feature-tag {\n  background-color: var(--bg-soft);\n  color: var(--text-main);\n  padding: 4px 12px;\n  border-radius: var(--radius-md);\n  font-size: 18px;\n  font-weight: 500;\n}\n\n\/* Specifications Table styling *\/\n.specifications-section {\n  background-color: var(--bg-card);\n  padding: 30px 24px;\n  border-radius: var(--radius-lg);\n  box-shadow: var(--shadow-sm);\n}\n\n.spec-table {\n  width: 100%;\n  border-collapse: collapse;\n  margin-top: 20px;\n}\n\n.spec-table tr {\n  border-bottom: 1px solid var(--border-color);\n}\n\n.spec-table tr:last-child {\n  border-bottom: none;\n}\n\n.spec-table td {\n  padding: 16px 0;\n  vertical-align: top;\n}\n\n\/* FAQ Layout *\/\n.faq-section {\n  border-top: 1px solid var(--border-color);\n  padding-top: 40px;\n}\n\n.faq-list {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  margin-top: 24px;\n}\n\n.faq-item {\n  background-color: var(--bg-card);\n  padding: 20px;\n  border-radius: var(--radius-md);\n  border-left: 4px solid var(--primary);\n}\n\n.faq-question {\n  font-size: 20px;\n  font-weight: 600;\n  margin-bottom: 10px;\n  color: var(--text-main);\n}\n\n.faq-answer {\n  font-size: 18px;\n  color: var(--text-sub);\n  margin: 0;\n}\n\n\/* Desktop Responsive Layout (min-width: 768px) *\/\n@media (min-width: 768px) {\n  .product-detail-container h1 {\n    font-size: 22px;\n  }\n  \n  .product-detail-container h2,\n  .product-detail-container h3 {\n    font-size: 20px;\n  }\n\n  .product-detail-container p,\n  .product-detail-container li,\n  .product-detail-container span,\n  .product-detail-container td,\n  .product-detail-container th {\n    font-size: 18px;\n  }\n\n  .feature-item {\n    flex-direction: row;\n    padding: 40px;\n    gap: 40px;\n  }\n\n  .feature-item:nth-child(even) {\n    flex-direction: row-reverse;\n  }\n\n  .feature-media,\n  .feature-copy {\n    flex: 1;\n    width: 50%;\n  }\n\n  .spec-table td {\n    padding: 20px 0;\n  }\n\n  .spec-table td:first-child {\n    font-weight: 600;\n    width: 30%;\n    color: var(--text-main);\n  }\n}\n\n\/* Mobile Specifications Responsive Rules *\/\n@media (max-width: 767px) {\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 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  }\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!-- Intro \/ Hero Content Block --\u003e\n\u003csection class=\"hero-section\"\u003e\u003cspan class=\"hero-badge\"\u003e3-Ring Binder Style Keepsake Journal\u003c\/span\u003e\n\u003ch1\u003eCapture Every School-Year Milestone\u003c\/h1\u003e\n\n\u003cp class=\"hero-subtitle\"\u003eRecord first and last days, favorite things, fun facts, and special memories all in one beautiful keepsake book.\u003c\/p\u003e\n\n\u003cdiv class=\"image-placeholder\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img116\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260907142359\/f32f896ab223dddfdf6016b097170d5d.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"features-container\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img117\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260907142359\/74a79d9580e21f5bbec6f247be87b401.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003ePersonalize with Photos \u0026amp; Details\u003c\/h3\u003e\n\n\u003cp\u003eAdd your child's name, favorite things, and hand-written notes over the school years. This guided layout makes it easy to track their growth and personal transformations from preschool onward.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003eYearly Prompts\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eHandwritten Memories\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img118\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260907142359\/8acfcee5542f9065182c837702f5902e.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eOrganized Keepsake Storage\u003c\/h3\u003e\n\n\u003cp\u003eBuilt-in storage pockets are spacious enough to fit 8.5\" × 11\" school work, artwork, and reports safely. Dedicated photo areas let you display classic 8\" × 10\" class photos without folding or bending them.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003e8.5\" x 11\" Pockets\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003e8\" x 10\" Photo Spaces\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img119\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260907142359\/a04bc41fcfe35e80be6b43863817b78e.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eDurable \u0026amp; Flexible 3-Ring Binder\u003c\/h3\u003e\n\n\u003cp\u003eDesigned with a sturdy three-ring metal loose-leaf mechanism. The loose-leaf design lets the memory book lay completely flat on tables for a comfortable writing experience and lets you seamlessly rearrange or add pages.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003e3-Ring Metal Binding\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003e180° Lay-Flat Design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 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 data-label=\"Large Size Size\"\u003e\u003cspan class=\"spec-value\"\u003e30 × 21 × 3 cm (approx. 11.8\" × 8.3\" × 1.2\") — Fits standard 8.5\" × 11\" papers and 8\" × 10\" photos\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Small Size Size\"\u003e\u003cspan class=\"spec-value\"\u003e24 × 17 × 3 cm (approx. 9.4\" × 6.7\" × 1.2\") — Note: Small size requires folding standard 8.5\" × 11\" papers\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Binding Type\"\u003e\u003cspan class=\"spec-value\"\u003e3-ring metal binder mechanism\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Available Styles\"\u003e\u003cspan class=\"spec-value\"\u003ePolka Dots (Pink \/ Girl design), Primary Stripes (Blue \/ Boy design)\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!-- FAQ --\u003e\n\n\u003csection class=\"faq-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-list\"\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cp class=\"faq-question\"\u003eWhat is the difference between the Large and Small sizes?\u003c\/p\u003e\n\n\u003cp class=\"faq-answer\"\u003eThe Large size (30x21x3cm \/ 11.8\"x8.3\"x1.2\") is designed to hold standard 8.5\" × 11\" papers and 8\" × 10\" class photos comfortably inside its pockets without folding. The Small size (24x17x3cm \/ 9.4\"x6.7\"x1.2\") is a more compact version and will require papers larger than its footprint to be folded.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cp class=\"faq-question\"\u003eHow does the 3-ring binder design benefit us?\u003c\/p\u003e\n\n\u003cp class=\"faq-answer\"\u003eThe 3-ring loose-leaf binder mechanism allows the keepsake journal to lay completely flat for easy writing, drawing, and decorating. It also allows you to easily remove or add memory pages as you go.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cp class=\"faq-question\"\u003eWhich design styles are available to choose from?\u003c\/p\u003e\n\n\u003cp class=\"faq-answer\"\u003eWe offer two distinct cover and interior styles: the colorful Polka Dots design (Pink theme) and the colorful Primary Stripes design (Blue theme).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Sweet Polka Dots (Pink) \/ Large (11.8\" x 8.3\" - Fits 8.5\"x11\" Art)","offer_id":46158396031167,"sku":null,"price":999.0,"currency_code":"USD","in_stock":true},{"title":"Classic Stripes (Blue) \/ Large (11.8\" x 8.3\" - Fits 8.5\"x11\" Art)","offer_id":46158396063935,"sku":null,"price":999.0,"currency_code":"USD","in_stock":true},{"title":"Sweet Polka Dots (Pink) \/ Small (9.4\" x 6.7\" - Compact Edition)","offer_id":46158396096703,"sku":null,"price":999.0,"currency_code":"USD","in_stock":true},{"title":"Classic Stripes (Blue) \/ Small (9.4\" x 6.7\" - Compact Edition)","offer_id":46158396129471,"sku":null,"price":999.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0701\/3220\/3711\/files\/f32f896ab223dddfdf6016b097170d5d.jpg?v=1788762304","url":"https:\/\/ggkbkw-fz.myshopify.com\/products\/kids-school-memory-book","provider":"Bak","version":"1.0","type":"link"}