{"product_id":"klein-blue-large-pencil-case","title":"Klein Blue Large 3-Compartment Pencil Case","description":"\u003cstyle\u003e\n  .blue-cassette-case{\n    --blue:#1749c7;\n    --blue-dark:#10265e;\n    --cyan:#9fdcf1;\n    --cream:#fffaf0;\n    --yellow:#f2d66f;\n    --paper:#ffffff;\n    --ink:#17223c;\n    --muted:#687083;\n    max-width:1050px;\n    margin:0 auto;\n    color:var(--ink);\n    font-family:Arial,Helvetica,sans-serif;\n    line-height:1.6;\n  }\n\n  .blue-cassette-case *,\n  .blue-cassette-case *:before,\n  .blue-cassette-case *:after{\n    box-sizing:border-box;\n  }\n\n  .blue-cassette-case svg{\n    display:block;\n    fill:none;\n    stroke:currentColor;\n    stroke-width:2;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n  }\n\n  .bcc-player{\n    overflow:hidden;\n    border:5px solid var(--blue-dark);\n    border-radius:28px;\n    background:var(--cream);\n    box-shadow:13px 13px 0 rgba(16,38,94,.12);\n  }\n\n  .bcc-topbar{\n    display:flex;\n    justify-content:space-between;\n    gap:18px;\n    padding:13px 20px;\n    background:var(--blue-dark);\n  }\n\n  .bcc-topbar strong,\n  .bcc-topbar span{\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n    font-size:11px!important;\n    font-weight:950!important;\n    letter-spacing:1px!important;\n    text-transform:uppercase!important;\n  }\n\n  .bcc-hero{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:30px;\n    align-items:center;\n    padding:42px 34px;\n    background:\n      repeating-linear-gradient(\n        0deg,\n        transparent 0 27px,\n        rgba(23,73,199,.07) 27px 28px\n      ),\n      var(--cream);\n  }\n\n  .bcc-label{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    padding:8px 13px;\n    border:3px solid var(--blue-dark);\n    border-radius:999px;\n    background:var(--yellow);\n    color:var(--blue-dark)!important;\n    -webkit-text-fill-color:var(--blue-dark)!important;\n    font-size:11px!important;\n    font-weight:950!important;\n    text-transform:uppercase!important;\n  }\n\n  .bcc-label svg{\n    width:18px;\n    height:18px;\n  }\n\n  .bcc-copy h2{\n    margin:20px 0 14px!important;\n    color:var(--blue-dark)!important;\n    -webkit-text-fill-color:var(--blue-dark)!important;\n    font-size:clamp(35px,5vw,54px)!important;\n    line-height:1.04!important;\n    font-weight:950!important;\n  }\n\n  .bcc-copy h2 span{\n    display:block;\n    color:var(--blue)!important;\n    -webkit-text-fill-color:var(--blue)!important;\n  }\n\n  .bcc-copy p{\n    margin:0!important;\n    color:var(--muted)!important;\n    -webkit-text-fill-color:var(--muted)!important;\n    font-size:16px!important;\n  }\n\n  .bcc-badges{\n    display:flex;\n    flex-wrap:wrap;\n    gap:8px;\n    margin-top:20px;\n  }\n\n  .bcc-badges span{\n    padding:8px 10px;\n    border:2px solid var(--blue-dark);\n    background:#ffffff;\n    color:var(--blue-dark)!important;\n    -webkit-text-fill-color:var(--blue-dark)!important;\n    font-size:11px!important;\n    font-weight:850!important;\n  }\n\n  .bcc-cassette{\n    position:relative;\n    min-height:390px;\n    padding:65px 26px 27px;\n    border:5px solid var(--blue-dark);\n    border-radius:20px;\n    background:linear-gradient(145deg,#3270ec,#123ca8);\n  }\n\n  .bcc-cassette-title{\n    position:absolute;\n    left:50%;\n    top:17px;\n    transform:translateX(-50%);\n    padding:7px 12px;\n    border:3px solid var(--blue-dark);\n    background:#ffffff;\n    color:var(--blue-dark)!important;\n    -webkit-text-fill-color:var(--blue-dark)!important;\n    white-space:nowrap;\n    font-size:10px!important;\n    font-weight:950!important;\n    text-transform:uppercase!important;\n  }\n\n  .bcc-window{\n    height:205px;\n    padding:20px;\n    border:5px solid var(--blue-dark);\n    border-radius:20px;\n    background:var(--paper);\n  }\n\n  .bcc-reels{\n    display:flex;\n    justify-content:space-around;\n    align-items:center;\n    height:100%;\n  }\n\n  .bcc-reel{\n    width:105px;\n    height:105px;\n    border:12px double var(--blue-dark);\n    border-radius:50%;\n    background:var(--cyan);\n  }\n\n  .bcc-track{\n    position:absolute;\n    left:45px;\n    right:45px;\n    bottom:35px;\n    height:58px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    border:4px solid var(--blue-dark);\n    border-radius:12px;\n    background:var(--yellow);\n    color:var(--blue-dark)!important;\n    -webkit-text-fill-color:var(--blue-dark)!important;\n    font-size:11px!important;\n    font-weight:950!important;\n    letter-spacing:2px!important;\n  }\n\n  .bcc-stats{\n    display:grid;\n    grid-template-columns:repeat(4,minmax(0,1fr));\n    gap:2px;\n    border-top:5px solid var(--blue-dark);\n    background:var(--blue-dark);\n  }\n\n  .bcc-stat{\n    padding:17px 10px;\n    background:#ffffff;\n    text-align:center;\n  }\n\n  .bcc-stat strong{\n    display:block;\n    color:var(--blue-dark)!important;\n    -webkit-text-fill-color:var(--blue-dark)!important;\n    font-size:14px!important;\n  }\n\n  .bcc-stat span{\n    color:var(--muted)!important;\n    -webkit-text-fill-color:var(--muted)!important;\n    font-size:11px!important;\n  }\n\n  .bcc-section{\n    padding:54px 18px 0;\n  }\n\n  .bcc-heading{\n    display:grid;\n    grid-template-columns:120px 1fr;\n    gap:18px;\n    align-items:start;\n    margin-bottom:23px;\n  }\n\n  .bcc-track-label{\n    padding:11px 8px;\n    border:3px solid var(--blue-dark);\n    border-radius:999px;\n    background:var(--cyan);\n    color:var(--blue-dark)!important;\n    -webkit-text-fill-color:var(--blue-dark)!important;\n    text-align:center;\n    font-size:10px!important;\n    font-weight:950!important;\n    text-transform:uppercase!important;\n  }\n\n  .bcc-heading small{\n    display:block;\n    color:var(--blue)!important;\n    -webkit-text-fill-color:var(--blue)!important;\n    font-size:11px!important;\n    font-weight:950!important;\n    letter-spacing:1px!important;\n    text-transform:uppercase!important;\n  }\n\n  .bcc-heading h3{\n    margin:4px 0 0!important;\n    color:var(--blue-dark)!important;\n    -webkit-text-fill-color:var(--blue-dark)!important;\n    font-size:29px!important;\n    line-height:1.18!important;\n  }\n\n  .bcc-three-tracks{\n    display:grid;\n    grid-template-columns:repeat(3,minmax(0,1fr));\n    gap:14px;\n  }\n\n  .bcc-channel{\n    min-height:225px;\n    padding:24px;\n    border:4px solid var(--blue-dark);\n    border-radius:14px;\n    background:#ffffff;\n  }\n\n  .bcc-channel:nth-child(2){background:#eaf4fb;}\n  .bcc-channel:nth-child(3){background:#fff4cc;}\n\n  .bcc-channel svg{\n    width:43px;\n    height:43px;\n    margin-bottom:13px;\n    color:var(--blue);\n  }\n\n  .bcc-channel h4{\n    margin:0 0 7px!important;\n    color:var(--blue-dark)!important;\n    -webkit-text-fill-color:var(--blue-dark)!important;\n    font-size:18px!important;\n  }\n\n  .bcc-channel p{\n    margin:0!important;\n    color:var(--muted)!important;\n    -webkit-text-fill-color:var(--muted)!important;\n    font-size:14px!important;\n  }\n\n  .bcc-capacity{\n    display:grid;\n    grid-template-columns:.9fr 1.1fr;\n    gap:18px;\n  }\n\n  .bcc-number{\n    display:flex;\n    flex-direction:column;\n    justify-content:center;\n    min-height:300px;\n    padding:28px;\n    border:5px solid var(--blue-dark);\n    border-radius:50%;\n    background:var(--blue);\n    text-align:center;\n  }\n\n  .bcc-number strong{\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n    font-size:64px!important;\n    line-height:1!important;\n  }\n\n  .bcc-number span{\n    color:#dfe9ff!important;\n    -webkit-text-fill-color:#dfe9ff!important;\n    font-size:14px!important;\n  }\n\n  .bcc-playlist{\n    border:5px solid var(--blue-dark);\n    background:#ffffff;\n  }\n\n  .bcc-song{\n    display:grid;\n    grid-template-columns:45px 1fr;\n    gap:13px;\n    align-items:center;\n    padding:16px 18px;\n    border-bottom:2px solid #dce3f0;\n  }\n\n  .bcc-song:last-child{\n    border-bottom:0;\n  }\n\n  .bcc-song span{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    width:40px;\n    height:40px;\n    border:3px solid var(--blue-dark);\n    border-radius:50%;\n    background:var(--yellow);\n    color:var(--blue-dark)!important;\n    -webkit-text-fill-color:var(--blue-dark)!important;\n    font-weight:950!important;\n  }\n\n  .bcc-song strong{\n    display:block;\n    color:var(--blue-dark)!important;\n    -webkit-text-fill-color:var(--blue-dark)!important;\n    font-size:14px!important;\n  }\n\n  .bcc-song small{\n    color:var(--muted)!important;\n    -webkit-text-fill-color:var(--muted)!important;\n    font-size:12px!important;\n  }\n\n  .bcc-material{\n    display:grid;\n    grid-template-columns:repeat(3,minmax(0,1fr));\n    gap:14px;\n  }\n\n  .bcc-material-card{\n    padding:24px;\n    border:3px dashed var(--blue-dark);\n    background:var(--cream);\n  }\n\n  .bcc-material-card h4{\n    margin:0 0 7px!important;\n    color:var(--blue-dark)!important;\n    -webkit-text-fill-color:var(--blue-dark)!important;\n    font-size:17px!important;\n  }\n\n  .bcc-material-card p{\n    margin:0!important;\n    color:var(--muted)!important;\n    -webkit-text-fill-color:var(--muted)!important;\n    font-size:13px!important;\n  }\n\n  .bcc-footer{\n    margin-top:54px;\n    padding:39px 25px;\n    border:10px solid var(--blue);\n    border-radius:24px;\n    background:var(--blue-dark);\n    text-align:center;\n  }\n\n  .bcc-footer,\n  .bcc-footer *,\n  .bcc-footer h3,\n  .bcc-footer p{\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n  }\n\n  .bcc-footer h3{\n    margin:0 0 8px!important;\n    font-size:28px!important;\n  }\n\n  .bcc-footer p{\n    max-width:720px;\n    margin:0 auto!important;\n  }\n\n  .bcc-faq{\n    margin-top:54px;\n    border:5px solid var(--blue-dark);\n    border-radius:22px;\n    overflow:hidden;\n  }\n\n  .bcc-faq-head{\n    padding:22px;\n    border-bottom:5px solid var(--blue-dark);\n    background:var(--cyan);\n  }\n\n  .bcc-faq-head h3{\n    margin:0!important;\n    color:var(--blue-dark)!important;\n    -webkit-text-fill-color:var(--blue-dark)!important;\n    font-size:27px!important;\n  }\n\n  .bcc-faq-item{\n    border-bottom:3px solid var(--blue-dark);\n    background:#ffffff;\n  }\n\n  .bcc-faq-item:last-child{\n    border-bottom:0;\n  }\n\n  .bcc-faq-button{\n    width:100%;\n    display:grid;\n    grid-template-columns:1fr 40px;\n    gap:12px;\n    align-items:center;\n    padding:16px 18px;\n    border:0;\n    background:#ffffff;\n    color:var(--blue-dark)!important;\n    -webkit-text-fill-color:var(--blue-dark)!important;\n    text-align:left;\n    cursor:pointer;\n    font-size:15px!important;\n    font-weight:950!important;\n  }\n\n  .bcc-plus{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    width:38px;\n    height:38px;\n    border:3px solid var(--blue-dark);\n    border-radius:50%;\n    background:var(--yellow);\n    color:var(--blue-dark)!important;\n    -webkit-text-fill-color:var(--blue-dark)!important;\n    font-size:23px!important;\n    transition:.25s ease;\n  }\n\n  .bcc-faq-item.open .bcc-plus{\n    transform:rotate(45deg);\n    background:var(--blue-dark);\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n  }\n\n  .bcc-faq-content{\n    max-height:0;\n    overflow:hidden;\n    opacity:0;\n    transition:max-height .3s ease,opacity .2s ease;\n  }\n\n  .bcc-faq-answer{\n    padding:0 18px 18px;\n    color:var(--muted)!important;\n    -webkit-text-fill-color:var(--muted)!important;\n    font-size:14px!important;\n  }\n\n  .bcc-faq-item.open .bcc-faq-content{\n    opacity:1;\n  }\n\n  @media(max-width:820px){\n    .bcc-hero,\n    .bcc-capacity{\n      grid-template-columns:1fr;\n    }\n\n    .bcc-stats{\n      grid-template-columns:repeat(2,minmax(0,1fr));\n    }\n  }\n\n  @media(max-width:560px){\n    .bcc-topbar,\n    .bcc-heading{\n      display:grid;\n      grid-template-columns:1fr;\n    }\n\n    .bcc-hero{\n      padding:30px 18px;\n    }\n\n    .bcc-three-tracks,\n    .bcc-material,\n    .bcc-stats{\n      grid-template-columns:1fr;\n    }\n\n    .bcc-track-label{\n      width:max-content;\n    }\n\n    .bcc-reel{\n      width:82px;\n      height:82px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"blue-cassette-case\"\u003e\n\n  \u003csection class=\"bcc-player\"\u003e\n    \u003cdiv class=\"bcc-topbar\"\u003e\n      \u003cstrong\u003eStationery Mix Tape\u003c\/strong\u003e\n      \u003cspan\u003eKlein Blue Edition\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bcc-hero\"\u003e\n      \u003cdiv class=\"bcc-copy\"\u003e\n        \u003cdiv class=\"bcc-label\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n            \u003crect x=\"4\" y=\"6\" width=\"16\" height=\"12\" rx=\"2\"\u003e\u003c\/rect\u003e\n            \u003ccircle cx=\"9\" cy=\"12\" r=\"2\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"15\" cy=\"12\" r=\"2\"\u003e\u003c\/circle\u003e\n          \u003c\/svg\u003e\n          Large Three-Track Pencil Organizer\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          Store Up to 50 Pens\n          \u003cspan\u003eAcross Three Organized Sections\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          A large Klein blue pencil case with three compartments,\n          wide-opening access, durable Oxford fabric and sturdy\n          stainless steel zipper pulls.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"bcc-badges\"\u003e\n          \u003cspan\u003e3 Compartments\u003c\/span\u003e\n          \u003cspan\u003e3 Liter Capacity\u003c\/span\u003e\n          \u003cspan\u003eFits Up to 50 Pens\u003c\/span\u003e\n          \u003cspan\u003eCase Only\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bcc-cassette\" aria-hidden=\"true\"\u003e\n        \u003cdiv class=\"bcc-cassette-title\"\u003eThree-Compartment Organizer\u003c\/div\u003e\n\n        \u003cdiv class=\"bcc-window\"\u003e\n          \u003cdiv class=\"bcc-reels\"\u003e\n            \u003cdiv class=\"bcc-reel\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"bcc-reel\"\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bcc-track\"\u003eMAIN · SIDE · QUICK ACCESS\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bcc-stats\"\u003e\n      \u003cdiv class=\"bcc-stat\"\u003e\n        \u003cstrong\u003e8.8 × 4.7 × 2.7\"\u003c\/strong\u003e\n        \u003cspan\u003eListed dimensions\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bcc-stat\"\u003e\n        \u003cstrong\u003e3 Liters\u003c\/strong\u003e\n        \u003cspan\u003eListed capacity\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bcc-stat\"\u003e\n        \u003cstrong\u003e3 Sections\u003c\/strong\u003e\n        \u003cspan\u003eInterior organization\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bcc-stat\"\u003e\n        \u003cstrong\u003eUp to 50 Pens\u003c\/strong\u003e\n        \u003cspan\u003eListed storage estimate\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bcc-section\"\u003e\n    \u003cdiv class=\"bcc-heading\"\u003e\n      \u003cdiv class=\"bcc-track-label\"\u003eTrack 01\u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003csmall\u003eThree-Part Organization\u003c\/small\u003e\n        \u003ch3\u003eSeparate Everyday Pens from Larger Accessories\u003c\/h3\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bcc-three-tracks\"\u003e\n      \u003cdiv class=\"bcc-channel\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\n          \u003cpath d=\"M5 6h14v12H5z\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M8 10h8\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n\n        \u003ch4\u003eMain Storage Area\u003c\/h4\u003e\n\n        \u003cp\u003e\n          Holds larger groups of pens, pencils,\n          markers and common stationery tools.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bcc-channel\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\n          \u003cpath d=\"M5 7h14v10H5z\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M9 7v10\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n\n        \u003ch4\u003eSecondary Compartment\u003c\/h4\u003e\n\n        \u003cp\u003e\n          Separates smaller writing tools,\n          refills and frequently used supplies.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bcc-channel\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\n          \u003cpath d=\"M4 9h16v8H4z\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M8 9V7h8v2\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n\n        \u003ch4\u003eAccessory Section\u003c\/h4\u003e\n\n        \u003cp\u003e\n          Suitable for a ruler, small calculator,\n          cables or personal accessories.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bcc-section\"\u003e\n    \u003cdiv class=\"bcc-heading\"\u003e\n      \u003cdiv class=\"bcc-track-label\"\u003eTrack 02\u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003csmall\u003eLarge Storage Playlist\u003c\/small\u003e\n        \u003ch3\u003ePack More Than Standard Writing Tools\u003c\/h3\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bcc-capacity\"\u003e\n      \u003cdiv class=\"bcc-number\"\u003e\n        \u003cstrong\u003e50\u003c\/strong\u003e\n        \u003cspan\u003eApproximate pen and pencil capacity\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bcc-playlist\"\u003e\n        \u003cdiv class=\"bcc-song\"\u003e\n          \u003cspan\u003e1\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cstrong\u003eDual-Tip Markers\u003c\/strong\u003e\n            \u003csmall\u003eWide interior supports longer marker bodies\u003c\/small\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bcc-song\"\u003e\n          \u003cspan\u003e2\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cstrong\u003e20 cm Ruler\u003c\/strong\u003e\n            \u003csmall\u003eDesigned to fit rulers up to approximately 7.9 inches\u003c\/small\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bcc-song\"\u003e\n          \u003cspan\u003e3\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cstrong\u003eSmall Calculator\u003c\/strong\u003e\n            \u003csmall\u003eRoom for a handheld school or office calculator\u003c\/small\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bcc-song\"\u003e\n          \u003cspan\u003e4\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cstrong\u003ePersonal Accessories\u003c\/strong\u003e\n            \u003csmall\u003eMay also organize cables, cosmetics or craft tools\u003c\/small\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bcc-section\"\u003e\n    \u003cdiv class=\"bcc-heading\"\u003e\n      \u003cdiv class=\"bcc-track-label\"\u003eTrack 03\u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003csmall\u003eConstruction and Access\u003c\/small\u003e\n        \u003ch3\u003eDurable Materials for Daily Carrying\u003c\/h3\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bcc-material\"\u003e\n      \u003cdiv class=\"bcc-material-card\"\u003e\n        \u003ch4\u003eWaterproof Oxford Cloth\u003c\/h4\u003e\n        \u003cp\u003e\n          Soft outer fabric helps protect the contents\n          from light splashes and everyday wear.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bcc-material-card\"\u003e\n        \u003ch4\u003eReinforced Stitching\u003c\/h4\u003e\n        \u003cp\u003e\n          Solid seam construction supports repeated\n          school, office and travel use.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bcc-material-card\"\u003e\n        \u003ch4\u003eWide Zipper Opening\u003c\/h4\u003e\n        \u003cp\u003e\n          The top and sides open widely for a clearer\n          view of stored supplies.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bcc-footer\"\u003e\n    \u003ch3\u003eThree Compartments, One Large Stationery Organizer\u003c\/h3\u003e\n\n    \u003cp\u003e\n      Carry pens, markers, a ruler and compact accessories\n      in a lightweight Klein blue case designed for school,\n      office, art and travel use.\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bcc-faq\"\u003e\n    \u003cdiv class=\"bcc-faq-head\"\u003e\n      \u003ch3\u003eFrequently Asked Questions\u003c\/h3\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bcc-faq-item open\"\u003e\n      \u003cbutton class=\"bcc-faq-button\" type=\"button\" aria-expanded=\"true\"\u003e\n        \u003cspan\u003eAre pens and accessories included?\u003c\/span\u003e\n        \u003cspan class=\"bcc-plus\"\u003e+\u003c\/span\u003e\n      \u003c\/button\u003e\n\n      \u003cdiv class=\"bcc-faq-content\"\u003e\n        \u003cdiv class=\"bcc-faq-answer\"\u003e\n          No. The package includes the pencil case only.\n          Pens and displayed accessories are not included.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bcc-faq-item\"\u003e\n      \u003cbutton class=\"bcc-faq-button\" type=\"button\" aria-expanded=\"false\"\u003e\n        \u003cspan\u003eHow many compartments does it have?\u003c\/span\u003e\n        \u003cspan class=\"bcc-plus\"\u003e+\u003c\/span\u003e\n      \u003c\/button\u003e\n\n      \u003cdiv class=\"bcc-faq-content\"\u003e\n        \u003cdiv class=\"bcc-faq-answer\"\u003e\n          The pencil case has three organization compartments.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bcc-faq-item\"\u003e\n      \u003cbutton class=\"bcc-faq-button\" type=\"button\" aria-expanded=\"false\"\u003e\n        \u003cspan\u003eHow many pens can it hold?\u003c\/span\u003e\n        \u003cspan class=\"bcc-plus\"\u003e+\u003c\/span\u003e\n      \u003c\/button\u003e\n\n      \u003cdiv class=\"bcc-faq-content\"\u003e\n        \u003cdiv class=\"bcc-faq-answer\"\u003e\n          The page states that the case can organize\n          approximately 50 pens or pencils.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bcc-faq-item\"\u003e\n      \u003cbutton class=\"bcc-faq-button\" type=\"button\" aria-expanded=\"false\"\u003e\n        \u003cspan\u003eWhat are the dimensions?\u003c\/span\u003e\n        \u003cspan class=\"bcc-plus\"\u003e+\u003c\/span\u003e\n      \u003c\/button\u003e\n\n      \u003cdiv class=\"bcc-faq-content\"\u003e\n        \u003cdiv class=\"bcc-faq-answer\"\u003e\n          The listed size is approximately\n          8.8 × 4.7 × 2.7 inches.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bcc-faq-item\"\u003e\n      \u003cbutton class=\"bcc-faq-button\" type=\"button\" aria-expanded=\"false\"\u003e\n        \u003cspan\u003eWhat material is used?\u003c\/span\u003e\n        \u003cspan class=\"bcc-plus\"\u003e+\u003c\/span\u003e\n      \u003c\/button\u003e\n\n      \u003cdiv class=\"bcc-faq-content\"\u003e\n        \u003cdiv class=\"bcc-faq-answer\"\u003e\n          The case is made from soft waterproof Oxford cloth\n          with reinforced stitching.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bcc-faq-item\"\u003e\n      \u003cbutton class=\"bcc-faq-button\" type=\"button\" aria-expanded=\"false\"\u003e\n        \u003cspan\u003eCan it be used for items other than pens?\u003c\/span\u003e\n        \u003cspan class=\"bcc-plus\"\u003e+\u003c\/span\u003e\n      \u003c\/button\u003e\n\n      \u003cdiv class=\"bcc-faq-content\"\u003e\n        \u003cdiv class=\"bcc-faq-answer\"\u003e\n          Yes. It may also be used as a craft pouch,\n          cable organizer, cosmetic bag or accessory case.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  (function(){\n    var script = document.currentScript;\n    var wrapper = script.previousElementSibling;\n\n    if(!wrapper || !wrapper.classList.contains(\"blue-cassette-case\")){\n      return;\n    }\n\n    var items = wrapper.querySelectorAll(\".bcc-faq-item\");\n\n    function updateItem(item){\n      var content = item.querySelector(\".bcc-faq-content\");\n      var button = item.querySelector(\".bcc-faq-button\");\n      var open = item.classList.contains(\"open\");\n\n      content.style.maxHeight = open ? content.scrollHeight + \"px\" : \"0px\";\n      button.setAttribute(\"aria-expanded\",open ? \"true\" : \"false\");\n    }\n\n    items.forEach(function(item){\n      item.querySelector(\".bcc-faq-button\").addEventListener(\"click\",function(){\n        var wasOpen = item.classList.contains(\"open\");\n\n        items.forEach(function(other){\n          other.classList.remove(\"open\");\n          updateItem(other);\n        });\n\n        if(!wasOpen){\n          item.classList.add(\"open\");\n          updateItem(item);\n        }\n      });\n\n      updateItem(item);\n    });\n\n    window.addEventListener(\"resize\",function(){\n      items.forEach(function(item){\n        if(item.classList.contains(\"open\")){\n          updateItem(item);\n        }\n      });\n    });\n  })();\n\u003c\/script\u003e","brand":"PulinGO","offers":[{"title":"Black","offer_id":45458749030576,"sku":"B0B33RN9QD","price":54.99,"currency_code":"USD","in_stock":true},{"title":"Klein Blue","offer_id":45458749587632,"sku":"B0B3W326D2","price":52.99,"currency_code":"USD","in_stock":true},{"title":"Light Green","offer_id":45458749817008,"sku":"B0F9PGNNSG","price":52.99,"currency_code":"USD","in_stock":true},{"title":"Lvory White","offer_id":45458750177456,"sku":"B0GYZGD83X","price":52.99,"currency_code":"USD","in_stock":true},{"title":"Grey","offer_id":45458750570672,"sku":"B0D5469R2X","price":52.99,"currency_code":"USD","in_stock":true},{"title":"Light Blue","offer_id":45458750832816,"sku":"B0F494KVLK","price":52.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0664\/8319\/1984\/files\/81LjvaOHQ7L._AC_SL1500.jpg?v=1784211857","url":"https:\/\/www.pulingo.com\/products\/klein-blue-large-pencil-case","provider":"PulinGO","version":"1.0","type":"link"}