{"product_id":"3-pack-pop-up-pencil-cases","title":"3-Pack Pop-Up Canvas Pencil Cases and Pen Holders","description":"\u003cstyle\u003e\n  .pop-pencil-garden{\n    --ink:#34303b;\n    --purple:#9375b5;\n    --pink:#eaa2b8;\n    --blue:#9bcfe1;\n    --green:#b9d3ae;\n    --cream:#fffaf0;\n    --paper:#ffffff;\n    --yellow:#f1d56d;\n    --muted:#716b77;\n    max-width:1040px;\n    margin:0 auto;\n    color:var(--ink);\n    font-family:Arial,Helvetica,sans-serif;\n    line-height:1.55;\n  }\n\n  .pop-pencil-garden *,\n  .pop-pencil-garden *:before,\n  .pop-pencil-garden *:after{\n    box-sizing:border-box;\n  }\n\n  .ppg-hero{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:26px;\n    align-items:center;\n    padding:32px;\n    border:5px solid var(--ink);\n    border-radius:24px;\n    background:var(--cream);\n    box-shadow:12px 12px 0 rgba(52,48,59,.12);\n  }\n\n  .ppg-label{\n    display:inline-block;\n    padding:8px 12px;\n    border:3px solid var(--ink);\n    border-radius:999px;\n    background:var(--yellow);\n    color:var(--ink)!important;\n    -webkit-text-fill-color:var(--ink)!important;\n    font-size:10px!important;\n    font-weight:900!important;\n    text-transform:uppercase!important;\n  }\n\n  .ppg-copy h2{\n    margin:18px 0 13px!important;\n    color:var(--ink)!important;\n    -webkit-text-fill-color:var(--ink)!important;\n    font-size:clamp(34px,5vw,51px)!important;\n    line-height:1.04!important;\n    font-weight:950!important;\n  }\n\n  .ppg-copy h2 span{\n    display:block;\n    color:var(--purple)!important;\n    -webkit-text-fill-color:var(--purple)!important;\n  }\n\n  .ppg-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  .ppg-chips{\n    display:flex;\n    flex-wrap:wrap;\n    gap:8px;\n    margin-top:18px;\n  }\n\n  .ppg-chips span{\n    padding:8px 10px;\n    border:2px solid var(--ink);\n    border-radius:8px;\n    background:#ffffff;\n    color:var(--ink)!important;\n    -webkit-text-fill-color:var(--ink)!important;\n    font-size:11px!important;\n    font-weight:850!important;\n  }\n\n  .ppg-garden{\n    min-height:390px;\n    padding:25px;\n    border:5px solid var(--ink);\n    border-radius:20px;\n    background:var(--green);\n  }\n\n  .ppg-garden-title{\n    margin-bottom:28px;\n    padding:8px;\n    border:3px solid var(--ink);\n    background:#ffffff;\n    color:var(--ink)!important;\n    -webkit-text-fill-color:var(--ink)!important;\n    text-align:center;\n    font-size:10px!important;\n    font-weight:900!important;\n    text-transform:uppercase!important;\n  }\n\n  .ppg-pots{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:12px;\n    align-items:end;\n    min-height:275px;\n  }\n\n  .ppg-pot{\n    position:relative;\n    min-height:180px;\n    padding:70px 10px 15px;\n    border:5px solid var(--ink);\n    border-radius:18px 18px 30px 30px;\n    background:\n      radial-gradient(circle,var(--ink) 3px,transparent 4px),\n      var(--purple);\n    background-size:24px 24px;\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n    text-align:center;\n    font-size:10px!important;\n    font-weight:900!important;\n  }\n\n  .ppg-pot:before{\n    content:\"\";\n    position:absolute;\n    left:50%;\n    top:-48px;\n    width:5px;\n    height:70px;\n    transform:translateX(-50%);\n    background:var(--ink);\n    box-shadow:\n      -18px 13px 0 -1px var(--ink),\n      18px 22px 0 -1px var(--ink);\n  }\n\n  .ppg-pot:after{\n    content:\"POP-UP\";\n    position:absolute;\n    left:50%;\n    top:17px;\n    transform:translateX(-50%);\n    padding:5px 8px;\n    border:2px solid var(--ink);\n    border-radius:999px;\n    background:#ffffff;\n    color:var(--ink);\n    font-size:8px;\n    font-weight:900;\n  }\n\n  .ppg-pot.pink{\n    min-height:210px;\n    background:\n      radial-gradient(circle,var(--ink) 3px,transparent 4px),\n      var(--pink);\n    background-size:24px 24px;\n  }\n\n  .ppg-pot.blue{\n    min-height:195px;\n    background:\n      radial-gradient(circle,var(--ink) 3px,transparent 4px),\n      var(--blue);\n    background-size:24px 24px;\n  }\n\n  .ppg-stats{\n    display:grid;\n    grid-template-columns:repeat(4,minmax(0,1fr));\n    gap:2px;\n    margin-top:18px;\n    border:4px solid var(--ink);\n    background:var(--ink);\n  }\n\n  .ppg-stat{\n    padding:16px 9px;\n    background:#ffffff;\n    text-align:center;\n  }\n\n  .ppg-stat strong{\n    display:block;\n    color:var(--ink)!important;\n    -webkit-text-fill-color:var(--ink)!important;\n    font-size:14px!important;\n  }\n\n  .ppg-stat span{\n    color:var(--muted)!important;\n    -webkit-text-fill-color:var(--muted)!important;\n    font-size:11px!important;\n  }\n\n  .ppg-section{\n    padding:46px 18px 0;\n  }\n\n  .ppg-section h3{\n    margin:0 0 18px!important;\n    color:var(--ink)!important;\n    -webkit-text-fill-color:var(--ink)!important;\n    font-size:27px!important;\n  }\n\n  .ppg-grid{\n    display:grid;\n    grid-template-columns:repeat(3,minmax(0,1fr));\n    gap:14px;\n  }\n\n  .ppg-card{\n    min-height:170px;\n    padding:22px;\n    border:4px solid var(--ink);\n    border-radius:16px;\n    background:#ffffff;\n  }\n\n  .ppg-card:nth-child(2){background:#fae5ec;}\n  .ppg-card:nth-child(3){background:#e4f2f7;}\n\n  .ppg-card strong{\n    display:block;\n    margin-bottom:7px;\n    color:var(--ink)!important;\n    -webkit-text-fill-color:var(--ink)!important;\n    font-size:18px!important;\n  }\n\n  .ppg-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  .ppg-mode{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:16px;\n  }\n\n  .ppg-mode-card{\n    min-height:185px;\n    padding:25px;\n    border:4px solid var(--ink);\n    border-radius:16px;\n    background:var(--yellow);\n  }\n\n  .ppg-mode-card.dark{\n    background:var(--ink);\n  }\n\n  .ppg-mode-card h4{\n    margin:0 0 7px!important;\n    color:var(--ink)!important;\n    -webkit-text-fill-color:var(--ink)!important;\n    font-size:19px!important;\n  }\n\n  .ppg-mode-card p{\n    margin:0!important;\n    color:#5f5842!important;\n    -webkit-text-fill-color:#5f5842!important;\n    font-size:14px!important;\n  }\n\n  .ppg-mode-card.dark,\n  .ppg-mode-card.dark *,\n  .ppg-mode-card.dark h4,\n  .ppg-mode-card.dark p{\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n  }\n\n  .ppg-footer{\n    margin-top:46px;\n    padding:34px 24px;\n    border:9px solid var(--green);\n    border-radius:18px;\n    background:var(--ink);\n    text-align:center;\n  }\n\n  .ppg-footer,\n  .ppg-footer *,\n  .ppg-footer h3,\n  .ppg-footer p{\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n  }\n\n  .ppg-footer h3{\n    margin:0 0 7px!important;\n    font-size:27px!important;\n  }\n\n  .ppg-footer p{\n    max-width:680px;\n    margin:0 auto!important;\n  }\n\n  .ppg-faq{\n    margin-top:46px;\n    border:5px solid var(--ink);\n    border-radius:18px;\n    overflow:hidden;\n  }\n\n  .ppg-faq-title{\n    padding:19px;\n    border-bottom:5px solid var(--ink);\n    background:var(--green);\n  }\n\n  .ppg-faq-title h3{\n    margin:0!important;\n    color:var(--ink)!important;\n    -webkit-text-fill-color:var(--ink)!important;\n    font-size:25px!important;\n  }\n\n  .ppg-faq-item{\n    border-bottom:3px solid var(--ink);\n    background:#ffffff;\n  }\n\n  .ppg-faq-item:last-child{\n    border-bottom:0;\n  }\n\n  .ppg-faq-button{\n    width:100%;\n    display:grid;\n    grid-template-columns:1fr 38px;\n    gap:12px;\n    align-items:center;\n    padding:15px 17px;\n    border:0;\n    background:#ffffff;\n    color:var(--ink)!important;\n    -webkit-text-fill-color:var(--ink)!important;\n    text-align:left;\n    cursor:pointer;\n    font-size:15px!important;\n    font-weight:900!important;\n  }\n\n  .ppg-plus{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    width:36px;\n    height:36px;\n    border:3px solid var(--ink);\n    border-radius:50%;\n    background:var(--pink);\n    color:var(--ink)!important;\n    -webkit-text-fill-color:var(--ink)!important;\n    font-size:22px!important;\n    transition:.25s ease;\n  }\n\n  .ppg-faq-item.open .ppg-plus{\n    transform:rotate(45deg);\n    background:var(--ink);\n    color:#ffffff!important;\n    -webkit-text-fill-color:#ffffff!important;\n  }\n\n  .ppg-faq-content{\n    max-height:0;\n    overflow:hidden;\n    opacity:0;\n    transition:max-height .3s ease,opacity .2s ease;\n  }\n\n  .ppg-faq-answer{\n    padding:0 17px 17px;\n    color:var(--muted)!important;\n    -webkit-text-fill-color:var(--muted)!important;\n    font-size:14px!important;\n  }\n\n  .ppg-faq-item.open .ppg-faq-content{\n    opacity:1;\n  }\n\n  @media(max-width:820px){\n    .ppg-hero{\n      grid-template-columns:1fr;\n    }\n\n    .ppg-stats{\n      grid-template-columns:repeat(2,1fr);\n    }\n  }\n\n  @media(max-width:560px){\n    .ppg-hero{\n      padding:21px;\n    }\n\n    .ppg-pots,\n    .ppg-grid,\n    .ppg-mode,\n    .ppg-stats{\n      grid-template-columns:1fr;\n    }\n\n    .ppg-pots{\n      gap:60px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"pop-pencil-garden\"\u003e\n\n  \u003csection class=\"ppg-hero\"\u003e\n    \u003cdiv class=\"ppg-copy\"\u003e\n      \u003cspan class=\"ppg-label\"\u003e3-Piece Pop-Up Pencil Case Set\u003c\/span\u003e\n\n      \u003ch2\u003e\n        Carry Them Flat\n        \u003cspan\u003eStand Them Up at Your Desk\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Three polka-dot canvas pencil cases that transform\n        into upright pen holders for quick desktop access.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"ppg-chips\"\u003e\n        \u003cspan\u003ePurple, Pink and Light Blue\u003c\/span\u003e\n        \u003cspan\u003eCanvas Material\u003c\/span\u003e\n        \u003cspan\u003eUp to 20 Pens Each\u003c\/span\u003e\n        \u003cspan\u003eCase Set Only\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ppg-garden\" aria-hidden=\"true\"\u003e\n      \u003cdiv class=\"ppg-garden-title\"\u003eDesktop Pencil Garden\u003c\/div\u003e\n\n      \u003cdiv class=\"ppg-pots\"\u003e\n        \u003cdiv class=\"ppg-pot\"\u003ePURPLE\u003c\/div\u003e\n        \u003cdiv class=\"ppg-pot pink\"\u003ePINK\u003c\/div\u003e\n        \u003cdiv class=\"ppg-pot blue\"\u003eLIGHT BLUE\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"ppg-stats\"\u003e\n    \u003cdiv class=\"ppg-stat\"\u003e\n      \u003cstrong\u003e3 Pieces\u003c\/strong\u003e\n      \u003cspan\u003eOne of each color\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ppg-stat\"\u003e\n      \u003cstrong\u003e20 Pens\u003c\/strong\u003e\n      \u003cspan\u003eApproximate capacity each\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ppg-stat\"\u003e\n      \u003cstrong\u003e3 Inner Pockets\u003c\/strong\u003e\n      \u003cspan\u003eSmall-item organization\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ppg-stat\"\u003e\n      \u003cstrong\u003eZipper Closure\u003c\/strong\u003e\n      \u003cspan\u003ePortable storage\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"ppg-section\"\u003e\n    \u003ch3\u003eThree Matching Desk Organizers\u003c\/h3\u003e\n\n    \u003cdiv class=\"ppg-grid\"\u003e\n      \u003cdiv class=\"ppg-card\"\u003e\n        \u003cstrong\u003ePurple Case\u003c\/strong\u003e\n        \u003cp\u003ePuantiyeli kanvas tasarım ve dik durabilen yapı.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ppg-card\"\u003e\n        \u003cstrong\u003ePink Case\u003c\/strong\u003e\n        \u003cp\u003eKalem, cetvel ve küçük kırtasiye araçları için alan.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ppg-card\"\u003e\n        \u003cstrong\u003eLight Blue Case\u003c\/strong\u003e\n        \u003cp\u003eOkul, ofis, ev veya seyahat kullanımına uygun.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ppg-section\"\u003e\n    \u003ch3\u003eTwo Ways to Use\u003c\/h3\u003e\n\n    \u003cdiv class=\"ppg-mode\"\u003e\n      \u003cdiv class=\"ppg-mode-card\"\u003e\n        \u003ch4\u003ePop-Up Pen Holder\u003c\/h4\u003e\n        \u003cp\u003eÜst kısmı yukarı çekerek masaüstü kalemliğe dönüştürün.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ppg-mode-card dark\"\u003e\n        \u003ch4\u003eCompact Pencil Pouch\u003c\/h4\u003e\n        \u003cp\u003eAlt kısmı katlayarak çanta içinde daha kompakt taşıyın.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ppg-footer\"\u003e\n    \u003ch3\u003eThree Colors, Two Functions, One Organized Desk\u003c\/h3\u003e\n\n    \u003cp\u003e\n      Store pens, rulers and small tools in a canvas case\n      that changes into a standing desktop holder.\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ppg-faq\"\u003e\n    \u003cdiv class=\"ppg-faq-title\"\u003e\n      \u003ch3\u003eFrequently Asked Questions\u003c\/h3\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ppg-faq-item open\"\u003e\n      \u003cbutton class=\"ppg-faq-button\" type=\"button\" aria-expanded=\"true\"\u003e\n        \u003cspan\u003eWhat is included in the package?\u003c\/span\u003e\n        \u003cspan class=\"ppg-plus\"\u003e+\u003c\/span\u003e\n      \u003c\/button\u003e\n\n      \u003cdiv class=\"ppg-faq-content\"\u003e\n        \u003cdiv class=\"ppg-faq-answer\"\u003e\n          Three pop-up pencil cases are included:\n          one purple, one pink and one light blue.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ppg-faq-item\"\u003e\n      \u003cbutton class=\"ppg-faq-button\" type=\"button\" aria-expanded=\"false\"\u003e\n        \u003cspan\u003eAre pens and accessories included?\u003c\/span\u003e\n        \u003cspan class=\"ppg-plus\"\u003e+\u003c\/span\u003e\n      \u003c\/button\u003e\n\n      \u003cdiv class=\"ppg-faq-content\"\u003e\n        \u003cdiv class=\"ppg-faq-answer\"\u003e\n          No. The package contains the three pencil cases only.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ppg-faq-item\"\u003e\n      \u003cbutton class=\"ppg-faq-button\" type=\"button\" aria-expanded=\"false\"\u003e\n        \u003cspan\u003eHow many pens can each case hold?\u003c\/span\u003e\n        \u003cspan class=\"ppg-plus\"\u003e+\u003c\/span\u003e\n      \u003c\/button\u003e\n\n      \u003cdiv class=\"ppg-faq-content\"\u003e\n        \u003cdiv class=\"ppg-faq-answer\"\u003e\n          Each case is described as holding approximately 20 pens.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ppg-faq-item\"\u003e\n      \u003cbutton class=\"ppg-faq-button\" type=\"button\" aria-expanded=\"false\"\u003e\n        \u003cspan\u003eWhat material is used?\u003c\/span\u003e\n        \u003cspan class=\"ppg-plus\"\u003e+\u003c\/span\u003e\n      \u003c\/button\u003e\n\n      \u003cdiv class=\"ppg-faq-content\"\u003e\n        \u003cdiv class=\"ppg-faq-answer\"\u003e\n          The cases are made from canvas with metal zipper pulls.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ppg-faq-item\"\u003e\n      \u003cbutton class=\"ppg-faq-button\" type=\"button\" aria-expanded=\"false\"\u003e\n        \u003cspan\u003eWhat are the approximate dimensions?\u003c\/span\u003e\n        \u003cspan class=\"ppg-plus\"\u003e+\u003c\/span\u003e\n      \u003c\/button\u003e\n\n      \u003cdiv class=\"ppg-faq-content\"\u003e\n        \u003cdiv class=\"ppg-faq-answer\"\u003e\n          Open size is approximately 6.69 × 5.11 × 2.36 inches.\n          Folded height is approximately 4.72 inches.\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(\"pop-pencil-garden\")){\n      return;\n    }\n\n    var items=wrapper.querySelectorAll(\".ppg-faq-item\");\n\n    function update(item){\n      var content=item.querySelector(\".ppg-faq-content\");\n      var button=item.querySelector(\".ppg-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(\".ppg-faq-button\").addEventListener(\"click\",function(){\n        var wasOpen=item.classList.contains(\"open\");\n\n        items.forEach(function(other){\n          other.classList.remove(\"open\");\n          update(other);\n        });\n\n        if(!wasOpen){\n          item.classList.add(\"open\");\n          update(item);\n        }\n      });\n\n      update(item);\n    });\n  })();\n\u003c\/script\u003e","brand":"PulinGO","offers":[{"title":"Default","offer_id":45463552458928,"sku":"B098XFC98N","price":54.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0664\/8319\/1984\/files\/71kLdowhz4L._AC_SL1500.jpg?v=1784271812","url":"https:\/\/www.pulingo.com\/products\/3-pack-pop-up-pencil-cases","provider":"PulinGO","version":"1.0","type":"link"}