{"product_id":"blue-astronaut-pop-up-pencil-case","title":"Blue Astronaut Pop-Up Pencil Case with Lock","description":"\u003cstyle\u003e\n  .orbit-pencil-console{\n    --opc-navy:#101b36;\n    --opc-blue:#3679c9;\n    --opc-sky:#9fd8f5;\n    --opc-cyan:#58c8df;\n    --opc-orange:#f3a34a;\n    --opc-yellow:#f4d45e;\n    --opc-paper:#f4f8fc;\n    --opc-white:#ffffff;\n    --opc-ink:#17233d;\n    --opc-muted:#657188;\n    max-width:1040px;\n    margin:0 auto;\n    color:var(--opc-ink);\n    font-family:Arial,Helvetica,sans-serif;\n    line-height:1.55;\n  }\n\n  .orbit-pencil-console *,\n  .orbit-pencil-console *::before,\n  .orbit-pencil-console *::after{\n    box-sizing:border-box;\n  }\n\n  .opc-console{\n    overflow:hidden;\n    border:6px solid var(--opc-navy);\n    border-radius:28px 28px 8px 8px;\n    background:var(--opc-paper);\n  }\n\n  .opc-screen{\n    position:relative;\n    min-height:330px;\n    padding:38px;\n    overflow:hidden;\n    background:\n      radial-gradient(circle at 13% 18%,#ffffff 0 2px,transparent 3px),\n      radial-gradient(circle at 78% 22%,#ffffff 0 2px,transparent 3px),\n      radial-gradient(circle at 61% 72%,#ffffff 0 2px,transparent 3px),\n      radial-gradient(circle at 89% 82%,#ffffff 0 2px,transparent 3px),\n      var(--opc-navy);\n  }\n\n  .opc-screen::after{\n    content:\"\";\n    position:absolute;\n    right:-90px;\n    bottom:-145px;\n    width:330px;\n    height:330px;\n    border:22px solid rgba(159,216,245,.18);\n    border-radius:50%;\n  }\n\n  .opc-status{\n    display:flex;\n    justify-content:space-between;\n    gap:12px;\n    align-items:center;\n    margin-bottom:32px;\n  }\n\n  .opc-status span{\n    padding:7px 10px;\n    border:2px solid var(--opc-sky);\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n    font-size:9px!important;\n    font-weight:900!important;\n    letter-spacing:1px!important;\n    text-transform:uppercase!important;\n  }\n\n  .opc-status i{\n    width:10px;\n    height:10px;\n    border-radius:50%;\n    background:var(--opc-yellow);\n    box-shadow:18px 0 0 var(--opc-cyan),36px 0 0 var(--opc-orange);\n  }\n\n  .opc-screen h2{\n    position:relative;\n    z-index:1;\n    max-width:680px;\n    margin:0 0 15px!important;\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n    font-size:clamp(36px,6vw,64px)!important;\n    line-height:1!important;\n    font-weight:950!important;\n  }\n\n  .opc-screen h2 span{\n    display:block;\n    color:var(--opc-sky)!important;\n    -webkit-text-fill-color:var(--opc-sky)!important;\n  }\n\n  .opc-screen p{\n    position:relative;\n    z-index:1;\n    max-width:680px;\n    margin:0!important;\n    color:#dbe8f6!important;\n    -webkit-text-fill-color:#dbe8f6!important;\n    font-size:16px!important;\n  }\n\n  .opc-control-deck{\n    padding:28px;\n    border-top:6px solid var(--opc-navy);\n    background:#dce7f1;\n  }\n\n  .opc-control-label{\n    display:flex;\n    justify-content:space-between;\n    gap:12px;\n    margin-bottom:17px;\n    color:var(--opc-ink)!important;\n    -webkit-text-fill-color:var(--opc-ink)!important;\n    font-size:10px!important;\n    font-weight:900!important;\n    text-transform:uppercase!important;\n  }\n\n  .opc-buttons{\n    display:grid;\n    grid-template-columns:repeat(4,minmax(0,1fr));\n    gap:12px;\n  }\n\n  .opc-button{\n    position:relative;\n    min-height:150px;\n    padding:22px 15px 17px;\n    border:4px solid var(--opc-navy);\n    border-radius:13px;\n    background:var(--opc-white);\n    text-align:center;\n  }\n\n  .opc-button::before{\n    content:\"\";\n    display:block;\n    width:52px;\n    height:52px;\n    margin:0 auto 15px;\n    border:5px solid var(--opc-navy);\n    border-radius:50%;\n    background:var(--opc-orange);\n    box-shadow:0 6px 0 var(--opc-navy);\n  }\n\n  .opc-button:nth-child(2)::before{background:var(--opc-cyan);}\n  .opc-button:nth-child(3)::before{background:var(--opc-yellow);}\n  .opc-button:nth-child(4)::before{background:var(--opc-blue);}\n\n  .opc-button strong{\n    display:block;\n    color:var(--opc-ink)!important;\n    -webkit-text-fill-color:var(--opc-ink)!important;\n    font-size:15px!important;\n  }\n\n  .opc-button span{\n    color:var(--opc-muted)!important;\n    -webkit-text-fill-color:var(--opc-muted)!important;\n    font-size:11px!important;\n  }\n\n  .opc-lock-panel{\n    display:grid;\n    grid-template-columns:240px 1fr;\n    margin-top:15px;\n    border:5px solid var(--opc-navy);\n    background:var(--opc-white);\n  }\n\n  .opc-lock{\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    justify-content:center;\n    min-height:180px;\n    padding:22px;\n    border-right:5px solid var(--opc-navy);\n    background:var(--opc-blue);\n  }\n\n  .opc-lock-dials{\n    display:flex;\n    gap:8px;\n    margin-bottom:14px;\n  }\n\n  .opc-lock-dials span{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    width:42px;\n    height:50px;\n    border:3px solid var(--opc-navy);\n    background:#ffffff;\n    color:var(--opc-ink)!important;\n    -webkit-text-fill-color:var(--opc-ink)!important;\n    font-size:18px!important;\n    font-weight:900!important;\n  }\n\n  .opc-lock strong{\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n    font-size:14px!important;\n    text-align:center;\n  }\n\n  .opc-planner{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n  }\n\n  .opc-planner article{\n    padding:23px;\n  }\n\n  .opc-planner article:first-child{\n    border-right:3px solid var(--opc-navy);\n    background:#edf5fb;\n  }\n\n  .opc-planner article:last-child{\n    background:#fff8dd;\n  }\n\n  .opc-planner strong{\n    display:block;\n    margin-bottom:7px;\n    color:var(--opc-ink)!important;\n    -webkit-text-fill-color:var(--opc-ink)!important;\n    font-size:17px!important;\n  }\n\n  .opc-planner p{\n    margin:0!important;\n    color:var(--opc-muted)!important;\n    -webkit-text-fill-color:var(--opc-muted)!important;\n    font-size:13px!important;\n  }\n\n  .opc-case-map{\n    margin-top:42px;\n    padding:0 18px;\n  }\n\n  .opc-case-map h3{\n    margin:0 0 17px!important;\n    color:var(--opc-ink)!important;\n    -webkit-text-fill-color:var(--opc-ink)!important;\n    font-size:27px!important;\n  }\n\n  .opc-case-body{\n    position:relative;\n    padding:28px;\n    border:6px solid var(--opc-navy);\n    border-radius:18px;\n    background:var(--opc-blue);\n  }\n\n  .opc-case-body::before{\n    content:\"\";\n    position:absolute;\n    left:28px;\n    right:28px;\n    top:38px;\n    height:7px;\n    background:var(--opc-navy);\n  }\n\n  .opc-storage-grid{\n    display:grid;\n    grid-template-columns:1.4fr .8fr .8fr;\n    gap:12px;\n    margin-top:25px;\n  }\n\n  .opc-storage{\n    min-height:145px;\n    padding:21px;\n    border:4px solid var(--opc-navy);\n    border-radius:10px;\n    background:#ffffff;\n  }\n\n  .opc-storage strong{\n    display:block;\n    margin-bottom:6px;\n    color:var(--opc-ink)!important;\n    -webkit-text-fill-color:var(--opc-ink)!important;\n    font-size:16px!important;\n  }\n\n  .opc-storage p{\n    margin:0!important;\n    color:var(--opc-muted)!important;\n    -webkit-text-fill-color:var(--opc-muted)!important;\n    font-size:12px!important;\n  }\n\n  .opc-specs{\n    display:grid;\n    grid-template-columns:repeat(4,minmax(0,1fr));\n    gap:3px;\n    margin-top:42px;\n    background:var(--opc-navy);\n    border-top:5px solid var(--opc-navy);\n    border-bottom:5px solid var(--opc-navy);\n  }\n\n  .opc-specs div{\n    padding:17px 9px;\n    background:#ffffff;\n    text-align:center;\n  }\n\n  .opc-specs strong{\n    display:block;\n    color:var(--opc-ink)!important;\n    -webkit-text-fill-color:var(--opc-ink)!important;\n    font-size:14px!important;\n  }\n\n  .opc-specs span{\n    color:var(--opc-muted)!important;\n    -webkit-text-fill-color:var(--opc-muted)!important;\n    font-size:10px!important;\n  }\n\n  .opc-faq{\n    margin-top:42px;\n    border:5px solid var(--opc-navy);\n    border-radius:18px;\n    overflow:hidden;\n    background:#ffffff;\n  }\n\n  .opc-faq-head{\n    padding:19px 21px;\n    background:var(--opc-navy);\n  }\n\n  .opc-faq-head h3{\n    margin:0!important;\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n    font-size:25px!important;\n  }\n\n  .opc-faq details{\n    margin:0!important;\n    padding:0!important;\n    border:0!important;\n    border-bottom:3px solid var(--opc-navy)!important;\n    background:#ffffff!important;\n  }\n\n  .opc-faq details:last-child{\n    border-bottom:0!important;\n  }\n\n  .opc-faq summary{\n    position:relative;\n    display:block;\n    width:100%;\n    padding:17px 68px 17px 18px!important;\n    list-style:none!important;\n    background:#ffffff!important;\n    color:var(--opc-ink)!important;\n    -webkit-text-fill-color:var(--opc-ink)!important;\n    cursor:pointer;\n    font-size:15px!important;\n    font-weight:900!important;\n  }\n\n  .opc-faq summary::-webkit-details-marker{\n    display:none!important;\n  }\n\n  .opc-faq summary::marker{\n    content:\"\"!important;\n  }\n\n  .opc-faq summary::after{\n    content:\"+\";\n    position:absolute;\n    right:16px;\n    top:50%;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    width:35px;\n    height:35px;\n    transform:translateY(-50%);\n    border:3px solid var(--opc-navy);\n    border-radius:50%;\n    background:var(--opc-yellow);\n    color:var(--opc-ink)!important;\n    -webkit-text-fill-color:var(--opc-ink)!important;\n    font-size:20px!important;\n  }\n\n  .opc-faq details[open] summary{\n    background:#eaf4fb!important;\n  }\n\n  .opc-faq details[open] summary::after{\n    content:\"−\";\n    background:var(--opc-navy);\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n  }\n\n  .opc-faq summary:focus-visible{\n    outline:3px solid var(--opc-orange);\n    outline-offset:-5px;\n  }\n\n  .opc-faq-answer{\n    padding:0 18px 18px!important;\n    color:var(--opc-muted)!important;\n    -webkit-text-fill-color:var(--opc-muted)!important;\n    font-size:14px!important;\n  }\n\n  @media(max-width:780px){\n    .opc-buttons,\n    .opc-specs{\n      grid-template-columns:repeat(2,minmax(0,1fr));\n    }\n\n    .opc-lock-panel{\n      grid-template-columns:1fr;\n    }\n\n    .opc-lock{\n      border-right:0;\n      border-bottom:5px solid var(--opc-navy);\n    }\n\n    .opc-storage-grid{\n      grid-template-columns:1fr;\n    }\n  }\n\n  @media(max-width:520px){\n    .opc-screen,\n    .opc-control-deck,\n    .opc-case-body{\n      padding:22px;\n    }\n\n    .opc-buttons,\n    .opc-planner,\n    .opc-specs{\n      grid-template-columns:1fr;\n    }\n\n    .opc-planner article:first-child{\n      border-right:0;\n      border-bottom:3px solid var(--opc-navy);\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"orbit-pencil-console\"\u003e\n\n  \u003csection class=\"opc-console\"\u003e\n    \u003cdiv class=\"opc-screen\"\u003e\n      \u003cdiv class=\"opc-status\"\u003e\n        \u003cspan\u003eSchool Supply Launch System\u003c\/span\u003e\n        \u003ci aria-hidden=\"true\"\u003e\u003c\/i\u003e\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Press, Open and Organize\n        \u003cspan\u003ean Astronaut Pencil Station\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        A blue hard-shell pencil case with four pop-up functions,\n        double password protection, classroom planning tools\n        and organized storage for everyday school supplies.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"opc-control-deck\"\u003e\n      \u003cdiv class=\"opc-control-label\"\u003e\n        \u003cspan\u003eFour-Button Function Deck\u003c\/span\u003e\n        \u003cspan\u003ePress to Activate\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"opc-buttons\"\u003e\n        \u003cdiv class=\"opc-button\"\u003e\n          \u003cstrong\u003ePencil Sharpener\u003c\/strong\u003e\n          \u003cspan\u003eBuilt-in sharpening station\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"opc-button\"\u003e\n          \u003cstrong\u003ePencil Holder\u003c\/strong\u003e\n          \u003cspan\u003ePop-up upright pen stand\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"opc-button\"\u003e\n          \u003cstrong\u003eEraser Drawer\u003c\/strong\u003e\n          \u003cspan\u003eSmall pull-out accessory space\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"opc-button\"\u003e\n          \u003cstrong\u003eStorage Box\u003c\/strong\u003e\n          \u003cspan\u003eCompact hidden compartment\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"opc-lock-panel\"\u003e\n        \u003cdiv class=\"opc-lock\"\u003e\n          \u003cdiv class=\"opc-lock-dials\" aria-hidden=\"true\"\u003e\n            \u003cspan\u003e0\u003c\/span\u003e\n            \u003cspan\u003e0\u003c\/span\u003e\n            \u003cspan\u003e0\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cstrong\u003eDouble Password-Lock Cover\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"opc-planner\"\u003e\n          \u003carticle\u003e\n            \u003cstrong\u003eClass Schedule Card\u003c\/strong\u003e\n            \u003cp\u003e\n              Keep the weekly lesson plan visible\n              alongside everyday stationery.\n            \u003c\/p\u003e\n          \u003c\/article\u003e\n\n          \u003carticle\u003e\n            \u003cstrong\u003eWriting Board\u003c\/strong\u003e\n            \u003cp\u003e\n              Use the integrated writing area\n              for quick notes and reminders.\n            \u003c\/p\u003e\n          \u003c\/article\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"opc-case-map\"\u003e\n    \u003ch3\u003eHard-Shell Storage Layout\u003c\/h3\u003e\n\n    \u003cdiv class=\"opc-case-body\"\u003e\n      \u003cdiv class=\"opc-storage-grid\"\u003e\n        \u003cdiv class=\"opc-storage\"\u003e\n          \u003cstrong\u003eMain Pencil Compartment\u003c\/strong\u003e\n          \u003cp\u003e\n            Stores pencils, pens, rulers and other\n            commonly used classroom supplies.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"opc-storage\"\u003e\n          \u003cstrong\u003eSmall-Item Zone\u003c\/strong\u003e\n          \u003cp\u003e\n            Separates erasers, clips and compact accessories.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"opc-storage\"\u003e\n          \u003cstrong\u003eProtected Cover\u003c\/strong\u003e\n          \u003cp\u003e\n            The rigid plastic shell helps protect contents\n            from daily bumps and drops.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"opc-specs\"\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003e4 Buttons\u003c\/strong\u003e\n      \u003cspan\u003ePop-up functions\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n      \u003cstrong\u003eDouble Lock\u003c\/strong\u003e\n      \u003cspan\u003ePassword cover\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n      \u003cstrong\u003eHard Plastic\u003c\/strong\u003e\n      \u003cspan\u003eProtective shell\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n      \u003cstrong\u003e10.4 Inches\u003c\/strong\u003e\n      \u003cspan\u003eApproximate length\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"opc-faq\"\u003e\n    \u003cdiv class=\"opc-faq-head\"\u003e\n      \u003ch3\u003eFrequently Asked Questions\u003c\/h3\u003e\n    \u003c\/div\u003e\n\n    \u003cdetails open\u003e\n      \u003csummary\u003eWhat do the four buttons open?\u003c\/summary\u003e\n      \u003cdiv class=\"opc-faq-answer\"\u003e\n        The buttons activate a pencil sharpener, pencil holder,\n        small eraser drawer and compact storage box.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails\u003e\n      \u003csummary\u003eDoes the pencil case have a password lock?\u003c\/summary\u003e\n      \u003cdiv class=\"opc-faq-answer\"\u003e\n        Yes. The case is listed with a double password-lock cover.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails\u003e\n      \u003csummary\u003eWhat planning features are included?\u003c\/summary\u003e\n      \u003cdiv class=\"opc-faq-answer\"\u003e\n        It includes a class schedule card,\n        schedule section and integrated writing board.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails\u003e\n      \u003csummary\u003eWhat material is the case made from?\u003c\/summary\u003e\n      \u003cdiv class=\"opc-faq-answer\"\u003e\n        The case is made from hard plastic designed\n        to protect stationery during everyday use.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails\u003e\n      \u003csummary\u003eWhat are the approximate dimensions?\u003c\/summary\u003e\n      \u003cdiv class=\"opc-faq-answer\"\u003e\n        The overall size is approximately\n        10.4 × 3.5 × 1.42 inches.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"PulinGO","offers":[{"title":"Blue","offer_id":45471935266992,"sku":"B0C7TVG56B","price":46.99,"currency_code":"USD","in_stock":true},{"title":"Blue2","offer_id":45471935299760,"sku":"B0CKHQGSPC","price":46.99,"currency_code":"USD","in_stock":true},{"title":"1-Pink","offer_id":45471935332528,"sku":"B0C7RMBNXL","price":46.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0664\/8319\/1984\/files\/81I8hHrH_cL._AC_SL1500.jpg?v=1784645669","url":"https:\/\/www.pulingo.com\/products\/blue-astronaut-pop-up-pencil-case","provider":"PulinGO","version":"1.0","type":"link"}