{"product_id":"portable-8-hole-pencil-protector","title":"Portable 8-Hole Pencil Protector","description":"\u003cstyle type=\"text\/css\"\u003e\/* Design Variables *\/\n    .product-detail-container {\n      --primary: #e85a8a;\n      --primary-hover: #d04675;\n      --secondary: #57b9db;\n      --text-main: #1e293b;\n      --text-sub: #475569;\n      --bg-body: #ffffff;\n      --bg-card: #f8fafc;\n      --bg-soft: #f1f5f9;\n      --radius-md: 12px;\n      --radius-lg: 20px;\n      --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);\n      --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.05);\n      --border-color: #e2e8f0;\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      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: var(--text-main);\n      background-color: var(--bg-body);\n    }\n\n    \/* Fixed Typography System *\/\n    .product-detail-container h1,\n    .product-detail-container .hero-title {\n      font-size: 22px !important;\n      line-height: 1.3 !important;\n      font-weight: 700;\n      color: var(--text-main);\n      margin: 0 0 16px 0;\n    }\n\n    .product-detail-container h2,\n    .product-detail-container h3,\n    .product-detail-container .section-title,\n    .product-detail-container .feature-title,\n    .product-detail-container .spec-title,\n    .product-detail-container .faq-question,\n    .product-detail-container .compare-title {\n      font-size: 20px !important;\n      line-height: 1.4 !important;\n      font-weight: 700;\n      color: var(--text-main);\n      margin: 0 0 16px 0;\n    }\n\n    .product-detail-container p,\n    .product-detail-container span,\n    .product-detail-container li,\n    .product-detail-container td,\n    .product-detail-container th,\n    .product-detail-container .hero-subtitle,\n    .product-detail-container .feature-description,\n    .product-detail-container .spec-value,\n    .product-detail-container .faq-answer,\n    .product-detail-container .badge,\n    .product-detail-container .pill {\n      font-size: 18px !important;\n      line-height: 1.6 !important;\n      color: var(--text-sub);\n      margin: 0;\n    }\n\n    \/* Layout Spacing *\/\n    .product-detail-container section {\n      margin-bottom: clamp(2rem, 5vw, 4rem);\n      box-sizing: border-box;\n    }\n\n    \/* Image Rules - Default Natural Flow *\/\n    .product-detail-container img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-md);\n      object-fit: contain;\n    }\n\n    .product-detail-container .image-placeholder {\n      width: 100%;\n      background: transparent;\n      border: none;\n      border-radius: var(--radius-md);\n      padding: 0;\n      display: block;\n      margin-bottom: 16px;\n    }\n\n    \/* Hero Block Styles *\/\n    .hero-section {\n      text-align: center;\n      padding-top: 24px;\n    }\n\n    .hero-badge-container {\n      margin-bottom: 16px;\n    }\n\n    .hero-badge {\n      display: inline-block;\n      background-color: var(--bg-soft);\n      color: var(--primary);\n      padding: 6px 16px;\n      border-radius: 50px;\n      font-weight: 600;\n      border: 1px solid var(--border-color);\n    }\n\n    .hero-subtitle {\n      max-width: 800px;\n      margin: 0 auto 24px auto !important;\n    }\n\n    \/* Feature Block Styles *\/\n    .feature-item {\n      display: flex;\n      flex-direction: column;\n      gap: 24px;\n      background: var(--bg-card);\n      padding: 24px;\n      border-radius: var(--radius-lg);\n      border: 1px solid var(--border-color);\n      box-shadow: var(--shadow-sm);\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: 10px;\n      margin-top: 16px;\n    }\n\n    .feature-tag {\n      background-color: var(--bg-body);\n      border: 1px solid var(--border-color);\n      padding: 4px 12px;\n      border-radius: 50px;\n      font-weight: 500;\n    }\n\n    \/* Comparison Section *\/\n    .compare-section {\n      background-color: var(--bg-card);\n      border-radius: var(--radius-lg);\n      padding: 32px 24px;\n      border: 1px solid var(--border-color);\n    }\n\n    .compare-header {\n      text-align: center;\n      margin-bottom: 24px;\n    }\n\n    \/* Specifications Table *\/\n    .specifications-section {\n      background-color: var(--bg-body);\n    }\n\n    .spec-table {\n      width: 100%;\n      border-collapse: collapse;\n      margin-top: 16px;\n    }\n\n    .spec-table tr {\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .spec-table td {\n      padding: 16px;\n      vertical-align: middle;\n    }\n\n    .spec-table td:first-child {\n      font-weight: 600;\n      color: var(--text-main);\n      width: 40%;\n    }\n\n    .spec-table td:last-child {\n      width: 60%;\n    }\n\n    \/* FAQ Section *\/\n    .faq-section {\n      background-color: var(--bg-card);\n      border-radius: var(--radius-lg);\n      padding: 32px 24px;\n      border: 1px solid var(--border-color);\n    }\n\n    .faq-item {\n      margin-bottom: 24px;\n      border-bottom: 1px solid var(--border-color);\n      padding-bottom: 20px;\n    }\n\n    .faq-item:last-child {\n      margin-bottom: 0;\n      border-bottom: none;\n      padding-bottom: 0;\n    }\n\n    .faq-question {\n      color: var(--text-main);\n      margin-bottom: 8px !important;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    \/* Desktop Adjustments (\u003e= 768px) *\/\n    @media (min-width: 768px) {\n      .feature-item {\n        flex-direction: row;\n        align-items: center;\n        padding: 40px;\n        gap: 40px;\n      }\n\n      .feature-item.reverse {\n        flex-direction: row-reverse;\n      }\n\n      .feature-media,\n      .feature-copy {\n        flex: 1;\n        width: 50%;\n      }\n    }\n\n    \/* Mobile Specifications System to Avoid Overlap *\/\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 tr {\n        padding: 12px 0;\n      }\n\n      .spec-table td {\n        display: grid;\n        grid-template-columns: minmax(120px, 40%) minmax(0, 1fr);\n        gap: 14px;\n        width: 100%;\n        box-sizing: border-box;\n        padding: 8px 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 !important;\n        font-weight: 600;\n        line-height: 1.5;\n        color: var(--text-main);\n        white-space: normal;\n        overflow-wrap: anywhere;\n        word-break: break-word;\n      }\n\n      .spec-table td:first-child {\n        display: none; \/* Hide primary column placeholder on mobile *\/\n      }\n\n      .spec-table td:last-child {\n        width: 100%;\n        grid-column: span 2;\n      }\n\n      .spec-table .spec-value {\n        display: block;\n        min-width: 0;\n        max-width: 100%;\n        font-size: 18px !important;\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\u003c!--\n[AI Design Logic]\nProduct Type: Integrated Pen Cap and Desktop Pen Holder\nTarget Audience: School-age children, students, and parents looking for tidy school stationery storage solutions.\nVisual Style: Modern, clean, kid-friendly pastel aesthetics with soft rounded corners and subtle gradients.\nColor Strategy: Soft blue and pink theme representing the product options with high-contrast neutral backgrounds.\nModule Order: Hero Block -\u003e Key Features (Z-Pattern) -\u003e Visual Comparison -\u003e Specifications Table -\u003e FAQ Block\nDetail Image Mapping: Hero=detail_1, Feature1=detail_4, Feature2=detail_5, Feature3=detail_2, Compare=detail_3\nSpecification Data Source: Based on visual analysis and text from detail_1, detail_2, detail_3, detail_5, and spec_1 (No spec images displayed)\nCompare Section: Included. Clear 3-tier visual distinction (All-in-one vs Traditional, 2-in-1 vs Single function, 8-pen capacity vs 5-pen capacity) perfectly aligns with detail_3.\nInformation Boundary: Strictly relies on facts directly extracted from source materials. No assumptions made regarding physical dimensions, weight, or certifications.\n--\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!-- Hero Content Block --\u003e\n\u003csection class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-badge-container\"\u003e\u003cspan class=\"hero-badge\"\u003eAll-in-One Pen Cap \u0026amp; Desktop Holder\u003c\/span\u003e\u003c\/div\u003e\n\n\u003ch1 class=\"hero-title\"\u003eIntegrated Multi-Pen Cap \u0026amp; Desktop Stand\u003c\/h1\u003e\n\n\u003cp class=\"hero-subtitle\"\u003eDesigned with kids' school habits in mind, this compact cap fits easily inside standard pencil cases, keeping everyday writing tools beautifully organized.\u003c\/p\u003e\n\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img78\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260916140119\/0e3d774115e68308e537bd40ced9300e.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\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\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img79\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260916140119\/148256d4a2694dffc79eeadbffe96218.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2 class=\"feature-title\"\u003eNo More Broken Pencil Tips!\u003c\/h2\u003e\n\n\u003cp class=\"feature-description\"\u003eFeaturing a specialized 360-degree protective chamber, this innovative holder locks pencil shafts firmly in place while keeping delicate sharpened tips safely suspended above the bottom.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003e360° Protection\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eSecure Fit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Feature 2: Secure Slots (180 Degree Inversion) --\u003e\n\n\u003csection class=\"feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img80\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260916140119\/e46f421fa36a957942573f6888d36133.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2 class=\"feature-title\"\u003eSecure Inner Slots Stay Put Even When Turned 180°\u003c\/h2\u003e\n\n\u003cp class=\"feature-description\"\u003eSpecially engineered inner slots grip each pencil securely. Turn it completely upside down or tilt it in a backpack—your pencils stay locked in place without slipping or falling out.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003eNon-Slip Grip\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003e180° Secure\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Feature 3: Safe PP Material --\u003e\n\n\u003csection class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img81\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260916140119\/b42c3b01f30da33d099bf460a9f73aff.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2 class=\"feature-title\"\u003eCrafted from Odor-Free, Durable New PP Material\u003c\/h2\u003e\n\n\u003cp class=\"feature-description\"\u003eMade with safety in mind. Our eco-friendly new PP material is completely odor-free, durable, and safer for kids' everyday school use.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003eNew PP Material\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eOdor-Free\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eEco-Friendly\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Comparison Section --\u003e\n\n\u003csection class=\"compare-section\"\u003e\n\u003cdiv class=\"compare-header\"\u003e\n\u003ch2 class=\"compare-title\"\u003eWhy Choose the Integrated Pen Cap?\u003c\/h2\u003e\n\n\u003cp class=\"hero-subtitle\"\u003eSee how our dual-purpose design compares to traditional pen caps.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img82\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260916140119\/24b6aebe5f03147878f4c220376a603b.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"specifications-section\"\u003e\n\u003ch2 class=\"spec-title\"\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\u003ctd\u003eProduct Name\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Product Name\"\u003e\u003cspan class=\"spec-value\"\u003eIntegrated Anti-Lost Pen Cap \u0026amp; Desktop Holder\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\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\"\u003eOdor-Free New PP Material\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eCapacity\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Capacity\"\u003e\u003cspan class=\"spec-value\"\u003eDouble-Row Design (Holds up to 8 Pencils\/Pens)\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eColor Options\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Color Options\"\u003e\u003cspan class=\"spec-value\"\u003eMacaron Blue \/ Macaron Pink\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eDual-Function Design\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Dual-Function Design\"\u003e\u003cspan class=\"spec-value\"\u003eCombines Protective Cap \u0026amp; Vertical Desktop Holder\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 Section --\u003e\n\n\u003csection class=\"faq-section\"\u003e\n\u003ch2 class=\"compare-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-question\"\u003e💡 How does the vertical stand help protect pencil tips?\u003c\/h3\u003e\n\n\u003cp class=\"faq-answer\"\u003eThe inner slot design features small, integrated steps that grab the pencil's shoulder, keeping the sharpened lead tips suspended in a hollow space. This prevents them from hitting the bottom and breaking, even when shaken.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-question\"\u003e💡 Will the pencils slide out easily?\u003c\/h3\u003e\n\n\u003cp class=\"faq-answer\"\u003eNo. The internal mechanism holds pencils securely. It is designed to keep pencils in place even when turned 180 degrees, keeping your school bag neat and spill-free.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-question\"\u003e💡 Is the material safe for school children?\u003c\/h3\u003e\n\n\u003cp class=\"faq-answer\"\u003eAbsolutely. The product is made entirely of brand new, odor-free PP material, designed specifically with children's health, safety, and daily school durability in mind.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Sky Blue","offer_id":46210418376895,"sku":null,"price":999.0,"currency_code":"USD","in_stock":true},{"title":"Sakura Pink","offer_id":46210418409663,"sku":null,"price":999.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0701\/3220\/3711\/files\/0e3d774115e68308e537bd40ced9300e_2b3bb596-79d6-426c-a9b7-20ee678754cb.jpg?v=1789538907","url":"https:\/\/ggkbkw-fz.myshopify.com\/products\/portable-8-hole-pencil-protector","provider":"Bak","version":"1.0","type":"link"}