{"product_id":"morandi-page-tabs-3200-piece-set","title":"3200 Writable Morandi Page Tabs for Books, Notes and Planners","description":"\u003cstyle\u003e\n  .ptm3200,\n  .ptm3200 *{\n    box-sizing:border-box;\n  }\n\n  .ptm3200{\n    width:100%;\n    max-width:1120px;\n    margin:0 auto;\n    padding:14px;\n    overflow:hidden;\n    background:#e9e5df;\n    color:#444440;\n    font-family:Arial,Helvetica,sans-serif;\n    line-height:1.6;\n  }\n\n  .ptm-frame{\n    position:relative;\n    width:100%;\n    padding:20px;\n    overflow:hidden;\n    border:1px solid #c8c1b8;\n    border-radius:6px 42px 6px 42px;\n    background:#f8f6f1;\n    box-shadow:0 24px 58px rgba(67,61,55,.11);\n  }\n\n  .ptm-frame:before{\n    content:\"\";\n    position:absolute;\n    top:0;\n    bottom:0;\n    left:0;\n    width:12px;\n    background:\n      linear-gradient(\n        to bottom,\n        #ad7f79 0 12.5%,\n        #b89377 12.5% 25%,\n        #c1a985 25% 37.5%,\n        #969b7d 37.5% 50%,\n        #78908a 50% 62.5%,\n        #748997 62.5% 75%,\n        #898198 75% 87.5%,\n        #987f87 87.5% 100%\n      );\n  }\n\n  .ptm-frame:after{\n    content:\"\";\n    position:absolute;\n    top:-120px;\n    right:-120px;\n    width:300px;\n    height:300px;\n    border-radius:50%;\n    border:42px solid rgba(123,143,135,.08);\n    box-shadow:\n      0 0 0 42px rgba(161,136,127,.06),\n      0 0 0 84px rgba(190,170,145,.05);\n  }\n\n  .ptm-hero{\n    position:relative;\n    z-index:2;\n    display:grid;\n    grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);\n    gap:14px;\n    align-items:stretch;\n  }\n\n  .ptm-intro{\n    position:relative;\n    min-width:0;\n    padding:38px 34px;\n    overflow:hidden;\n    border:1px solid #cbc5bc;\n    border-radius:4px 26px 4px 26px;\n    background:\n      linear-gradient(115deg,rgba(255,255,255,.88),rgba(255,255,255,.18)),\n      #ddd9d1;\n  }\n\n  .ptm-intro:before{\n    content:\"\";\n    position:absolute;\n    top:22px;\n    right:22px;\n    width:78px;\n    height:78px;\n    border-top:2px solid rgba(91,95,89,.16);\n    border-right:2px solid rgba(91,95,89,.16);\n  }\n\n  .ptm-eyebrow{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    max-width:100%;\n    padding:7px 11px;\n    border-radius:2px 12px 12px 2px;\n    background:#6f7770;\n    color:#fff;\n    font-size:10px;\n    line-height:1.3;\n    font-weight:900;\n    letter-spacing:.85px;\n    text-transform:uppercase;\n  }\n\n  .ptm-eyebrow:before{\n    content:\"\";\n    width:17px;\n    height:10px;\n    border:2px solid #fff;\n    border-radius:2px 7px 7px 2px;\n    box-shadow:6px 0 0 rgba(255,255,255,.32);\n  }\n\n  .ptm-intro h2{\n    max-width:720px;\n    margin:18px 0 12px!important;\n    color:#40413e!important;\n    font-size:38px!important;\n    line-height:1.1!important;\n    font-weight:950!important;\n    letter-spacing:-.65px!important;\n    word-break:normal!important;\n    overflow-wrap:normal!important;\n  }\n\n  .ptm-intro p{\n    max-width:690px;\n    margin:0!important;\n    color:#71726d!important;\n    font-size:14.8px!important;\n    line-height:1.7!important;\n  }\n\n  .ptm-color-scale{\n    display:grid;\n    grid-template-columns:repeat(8,minmax(0,1fr));\n    gap:5px;\n    margin-top:22px;\n  }\n\n  .ptm-color-scale span{\n    position:relative;\n    height:39px;\n    border-radius:2px 12px 12px 2px;\n    box-shadow:\n      inset 0 0 0 1px rgba(61,61,57,.10),\n      0 4px 10px rgba(59,56,52,.06);\n  }\n\n  .ptm-color-scale span:after{\n    content:\"\";\n    position:absolute;\n    top:0;\n    right:0;\n    width:34%;\n    height:100%;\n    border-radius:0 12px 12px 0;\n    background:rgba(255,255,255,.52);\n  }\n\n  .ptm-color-scale span:nth-child(1){background:#ad7f79;}\n  .ptm-color-scale span:nth-child(2){background:#b89377;}\n  .ptm-color-scale span:nth-child(3){background:#c1a985;}\n  .ptm-color-scale span:nth-child(4){background:#969b7d;}\n  .ptm-color-scale span:nth-child(5){background:#78908a;}\n  .ptm-color-scale span:nth-child(6){background:#748997;}\n  .ptm-color-scale span:nth-child(7){background:#898198;}\n  .ptm-color-scale span:nth-child(8){background:#987f87;}\n\n  .ptm-total{\n    min-width:0;\n    padding:20px;\n    border:1px solid #bfc1b9;\n    border-radius:25px 5px 25px 5px;\n    background:#687069;\n    color:#fff;\n  }\n\n  .ptm-total-number{\n    padding-bottom:14px;\n    border-bottom:1px solid rgba(255,255,255,.17);\n  }\n\n  .ptm-total-number strong{\n    display:block;\n    color:#fff;\n    font-size:41px;\n    line-height:1;\n    font-weight:950;\n    letter-spacing:-1px;\n  }\n\n  .ptm-total-number span{\n    display:block;\n    margin-top:6px;\n    color:rgba(255,255,255,.68);\n    font-size:10px;\n    line-height:1.4;\n    font-weight:850;\n    letter-spacing:.5px;\n    text-transform:uppercase;\n  }\n\n  .ptm-total-list{\n    display:flex;\n    flex-direction:column;\n    gap:7px;\n    margin-top:13px;\n  }\n\n  .ptm-total-item{\n    position:relative;\n    padding:10px 11px 10px 51px;\n    border:1px solid rgba(255,255,255,.12);\n    border-radius:4px 12px 12px 4px;\n    background:rgba(255,255,255,.07);\n  }\n\n  .ptm-total-item:before{\n    position:absolute;\n    top:50%;\n    left:9px;\n    width:31px;\n    height:31px;\n    transform:translateY(-50%);\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    border-radius:50%;\n    background:#e4e0d7;\n    color:#606760;\n    font-size:9px;\n    font-weight:950;\n  }\n\n  .ptm-total-item:nth-child(1):before{content:\"16\";}\n  .ptm-total-item:nth-child(2):before{content:\"PET\";}\n  .ptm-total-item:nth-child(3):before{content:\"1.73\";}\n  .ptm-total-item:nth-child(4):before{content:\"RE\";}\n\n  .ptm-total-item strong{\n    display:block;\n    color:#fff;\n    font-size:14px;\n    line-height:1.25;\n    font-weight:900;\n  }\n\n  .ptm-total-item span{\n    display:block;\n    margin-top:3px;\n    color:rgba(255,255,255,.63);\n    font-size:9.3px;\n    line-height:1.35;\n    font-weight:800;\n    letter-spacing:.25px;\n    text-transform:uppercase;\n  }\n\n  .ptm-mosaic{\n    position:relative;\n    z-index:2;\n    display:grid;\n    grid-template-columns:1.15fr .85fr .85fr 1.15fr;\n    gap:7px;\n    margin-top:14px;\n  }\n\n  .ptm-mosaic-item{\n    min-width:0;\n    padding:12px;\n    border:1px solid #cbc5bd;\n    background:#fff;\n  }\n\n  .ptm-mosaic-item:nth-child(1){\n    border-radius:18px 3px 3px 3px;\n    background:#f1e7e4;\n  }\n\n  .ptm-mosaic-item:nth-child(2){\n    background:#eee8db;\n  }\n\n  .ptm-mosaic-item:nth-child(3){\n    background:#e6ece8;\n  }\n\n  .ptm-mosaic-item:nth-child(4){\n    border-radius:3px 18px 3px 3px;\n    background:#e6e9ec;\n  }\n\n  .ptm-mosaic-item strong{\n    display:block;\n    color:#454642;\n    font-size:14px;\n    line-height:1.25;\n    font-weight:900;\n  }\n\n  .ptm-mosaic-item span{\n    display:block;\n    margin-top:4px;\n    color:#797a75;\n    font-size:9.2px;\n    line-height:1.35;\n    font-weight:800;\n    letter-spacing:.3px;\n    text-transform:uppercase;\n  }\n\n  .ptm-body{\n    position:relative;\n    z-index:2;\n    padding-top:34px;\n  }\n\n  .ptm-heading{\n    max-width:760px;\n    margin:0 auto 19px;\n    text-align:center;\n  }\n\n  .ptm-heading span{\n    color:#707870;\n    font-size:10px;\n    line-height:1.3;\n    font-weight:900;\n    letter-spacing:.9px;\n    text-transform:uppercase;\n  }\n\n  .ptm-heading h3{\n    margin:7px 0 0!important;\n    color:#41423f!important;\n    font-size:26px!important;\n    line-height:1.2!important;\n    font-weight:950!important;\n  }\n\n  .ptm-heading p{\n    max-width:660px;\n    margin:8px auto 0!important;\n    color:#747570!important;\n    font-size:13.3px!important;\n    line-height:1.6!important;\n  }\n\n  .ptm-showcase{\n    max-width:980px;\n    margin:0 auto;\n    display:grid;\n    grid-template-columns:175px minmax(0,1fr);\n    gap:12px;\n    align-items:stretch;\n  }\n\n  .ptm-rail{\n    padding:14px;\n    border:1px solid #c6c1b8;\n    border-radius:20px 4px 20px 4px;\n    background:#d9d5cc;\n  }\n\n  .ptm-rail-title{\n    margin-bottom:11px;\n    color:#565751;\n    font-size:10px;\n    line-height:1.3;\n    font-weight:900;\n    letter-spacing:.8px;\n    text-transform:uppercase;\n  }\n\n  .ptm-rail-tabs{\n    display:flex;\n    flex-direction:column;\n    gap:7px;\n  }\n\n  .ptm-rail-tab{\n    position:relative;\n    padding:9px 8px 9px 13px;\n    border-radius:2px 11px 11px 2px;\n    color:#fff;\n    font-size:10.5px;\n    line-height:1.3;\n    font-weight:850;\n  }\n\n  .ptm-rail-tab:after{\n    content:\"\";\n    position:absolute;\n    top:0;\n    right:0;\n    width:29%;\n    height:100%;\n    border-radius:0 11px 11px 0;\n    background:rgba(255,255,255,.37);\n  }\n\n  .ptm-rail-tab:nth-child(1){background:#ad7f79;}\n  .ptm-rail-tab:nth-child(2){background:#b89377;}\n  .ptm-rail-tab:nth-child(3){background:#969b7d;}\n  .ptm-rail-tab:nth-child(4){background:#78908a;}\n  .ptm-rail-tab:nth-child(5){background:#748997;}\n  .ptm-rail-tab:nth-child(6){background:#898198;}\n\n  .ptm-page{\n    position:relative;\n    min-width:0;\n    padding:24px 24px 24px 70px;\n    overflow:hidden;\n    border:1px solid #c9c4bb;\n    border-radius:4px 22px 4px 22px;\n    background:\n      repeating-linear-gradient(\n        to bottom,\n        #fdfcf8 0,\n        #fdfcf8 28px,\n        rgba(104,132,148,.10) 29px\n      );\n  }\n\n  .ptm-page:before{\n    content:\"\";\n    position:absolute;\n    top:0;\n    bottom:0;\n    left:46px;\n    width:2px;\n    background:rgba(170,116,112,.24);\n  }\n\n  .ptm-page:after{\n    content:\"\";\n    position:absolute;\n    top:22px;\n    left:15px;\n    width:14px;\n    height:14px;\n    border-radius:50%;\n    background:#ddd9d1;\n    box-shadow:0 70px 0 #ddd9d1,0 140px 0 #ddd9d1;\n  }\n\n  .ptm-page small{\n    display:block;\n    color:#707870;\n    font-size:9.6px;\n    line-height:1.3;\n    font-weight:900;\n    letter-spacing:.75px;\n    text-transform:uppercase;\n  }\n\n  .ptm-page h4{\n    margin:8px 0 7px!important;\n    color:#454642!important;\n    font-size:22px!important;\n    line-height:1.2!important;\n    font-weight:950!important;\n  }\n\n  .ptm-page p{\n    margin:0!important;\n    color:#73746f!important;\n    font-size:12.8px!important;\n    line-height:1.62!important;\n  }\n\n  .ptm-page-tabs{\n    display:grid;\n    gap:8px;\n    margin-top:16px;\n  }\n\n  .ptm-page-tab{\n    position:relative;\n    padding:9px 47px 9px 11px;\n    border:1px solid rgba(93,92,86,.12);\n    border-radius:2px 14px 14px 2px;\n    color:#50514d;\n    font-size:11.7px;\n    line-height:1.4;\n    font-weight:850;\n  }\n\n  .ptm-page-tab:after{\n    content:\"\";\n    position:absolute;\n    top:0;\n    right:0;\n    width:39px;\n    height:100%;\n    border-radius:0 14px 14px 0;\n    background:rgba(255,255,255,.56);\n  }\n\n  .ptm-page-tab:nth-child(1){background:#d8bbb6;}\n  .ptm-page-tab:nth-child(2){background:#dbc4a2;}\n  .ptm-page-tab:nth-child(3){background:#bbc3a7;}\n  .ptm-page-tab:nth-child(4){background:#abc1bc;}\n\n  .ptm-feature-ring{\n    max-width:980px;\n    margin:13px auto 0;\n    display:grid;\n    grid-template-columns:repeat(4,minmax(0,1fr));\n    gap:8px;\n  }\n\n  .ptm-feature{\n    min-width:0;\n    padding:13px;\n    border:1px solid #c9c4bb;\n    border-radius:18px;\n    background:#fff;\n    text-align:center;\n  }\n\n  .ptm-feature-icon{\n    position:relative;\n    width:41px;\n    height:41px;\n    margin:0 auto 9px;\n    border-radius:50%;\n    background:#707870;\n  }\n\n  .ptm-feature-icon.write:before{\n    content:\"\";\n    position:absolute;\n    top:8px;\n    left:18px;\n    width:4px;\n    height:23px;\n    border-radius:999px;\n    background:#fff;\n    transform:rotate(42deg);\n  }\n\n  .ptm-feature-icon.move:before{\n    content:\"\";\n    position:absolute;\n    top:13px;\n    left:11px;\n    width:18px;\n    height:13px;\n    border:2px solid #fff;\n    border-left:0;\n  }\n\n  .ptm-feature-icon.move:after{\n    content:\"\";\n    position:absolute;\n    top:10px;\n    left:8px;\n    width:8px;\n    height:8px;\n    border-left:2px solid #fff;\n    border-bottom:2px solid #fff;\n    transform:rotate(45deg);\n  }\n\n  .ptm-feature-icon.clear:before{\n    content:\"\";\n    position:absolute;\n    top:12px;\n    left:9px;\n    width:23px;\n    height:16px;\n    border:2px solid #fff;\n    border-radius:2px 8px 8px 2px;\n  }\n\n  .ptm-feature-icon.clear:after{\n    content:\"\";\n    position:absolute;\n    top:12px;\n    right:9px;\n    width:8px;\n    height:16px;\n    border-radius:0 7px 7px 0;\n    background:rgba(255,255,255,.42);\n  }\n\n  .ptm-feature-icon.water:before{\n    content:\"\";\n    position:absolute;\n    top:8px;\n    left:13px;\n    width:15px;\n    height:22px;\n    background:#fff;\n    clip-path:polygon(50% 0,100% 63%,84% 89%,50% 100%,16% 89%,0 63%);\n  }\n\n  .ptm-feature h4{\n    margin:0!important;\n    color:#484944!important;\n    font-size:13.5px!important;\n    line-height:1.25!important;\n    font-weight:900!important;\n  }\n\n  .ptm-feature p{\n    margin:4px 0 0!important;\n    color:#7a7b76!important;\n    font-size:10.9px!important;\n    line-height:1.45!important;\n  }\n\n  .ptm-use-row{\n    max-width:980px;\n    margin:11px auto 0;\n    display:flex;\n    flex-wrap:wrap;\n    gap:7px;\n  }\n\n  .ptm-use-row span{\n    flex:1 1 135px;\n    padding:9px 10px;\n    border:1px solid #c8c3ba;\n    border-radius:999px;\n    background:#f3f1ec;\n    color:#5f605b;\n    text-align:center;\n    font-size:10.8px;\n    line-height:1.35;\n    font-weight:850;\n  }\n\n  .ptm-faq{\n    max-width:980px;\n    margin:30px auto 0;\n    padding:18px;\n    border:1px solid #c3beb5;\n    border-radius:4px 24px 4px 24px;\n    background:#d8d4cc;\n  }\n\n  .ptm-faq-head{\n    display:grid;\n    grid-template-columns:minmax(0,1fr) auto;\n    gap:15px;\n    align-items:center;\n    margin-bottom:16px;\n  }\n\n  .ptm-faq-copy{\n    min-width:0;\n  }\n\n  .ptm-faq-head span{\n    display:block;\n    color:#707870;\n    font-size:9.5px;\n    line-height:1.3;\n    font-weight:900;\n    letter-spacing:.8px;\n    text-transform:uppercase;\n  }\n\n  .ptm-faq-head h3{\n    margin:6px 0 0!important;\n    color:#444541!important;\n    font-size:23px!important;\n    line-height:1.2!important;\n    font-weight:950!important;\n  }\n\n  .ptm-faq-head p{\n    margin:7px 0 0!important;\n    color:#747570!important;\n    font-size:12.5px!important;\n    line-height:1.56!important;\n  }\n\n  .ptm-faq-mark{\n    width:58px;\n    height:58px;\n    display:grid;\n    grid-template-columns:repeat(2,1fr);\n    gap:4px;\n    padding:9px;\n    border-radius:18px 4px 18px 4px;\n    background:#697169;\n  }\n\n  .ptm-faq-mark i{\n    display:block;\n    border-radius:2px 7px 7px 2px;\n  }\n\n  .ptm-faq-mark i:nth-child(1){background:#d5b2ac;}\n  .ptm-faq-mark i:nth-child(2){background:#d6c098;}\n  .ptm-faq-mark i:nth-child(3){background:#b1b996;}\n  .ptm-faq-mark i:nth-child(4){background:#9eb7b1;}\n\n  .ptm-accordion{\n    display:flex;\n    flex-direction:column;\n    gap:7px;\n  }\n\n  .ptm-faq-item{\n    width:100%;\n    overflow:hidden;\n    border:1px solid #c5c0b7;\n    border-radius:3px 14px 14px 3px;\n    background:#fbfaf6;\n  }\n\n  .ptm-faq-button{\n    appearance:none!important;\n    -webkit-appearance:none!important;\n    width:100%!important;\n    min-width:0!important;\n    margin:0!important;\n    padding:11px 12px!important;\n    display:flex!important;\n    align-items:center!important;\n    gap:10px!important;\n    border:0!important;\n    border-radius:0!important;\n    background:#fbfaf6!important;\n    color:#484944!important;\n    text-align:left!important;\n    cursor:pointer;\n    box-shadow:none!important;\n    font-family:Arial,Helvetica,sans-serif!important;\n  }\n\n  .ptm-faq-slider{\n    position:relative;\n    width:42px;\n    height:19px;\n    min-width:42px;\n    border-radius:999px;\n    background:#dedad1;\n  }\n\n  .ptm-faq-slider:before{\n    content:\"\";\n    position:absolute;\n    top:3px;\n    left:3px;\n    width:13px;\n    height:13px;\n    border-radius:50%;\n    background:#a77d78;\n    transition:left .25s ease,background .25s ease;\n  }\n\n  .ptm-faq-item:nth-child(2) .ptm-faq-slider:before{background:#b79475;}\n  .ptm-faq-item:nth-child(3) .ptm-faq-slider:before{background:#969b7d;}\n  .ptm-faq-item:nth-child(4) .ptm-faq-slider:before{background:#78908a;}\n  .ptm-faq-item:nth-child(5) .ptm-faq-slider:before{background:#748997;}\n\n  .ptm-faq-question{\n    min-width:0;\n    flex:1;\n    display:block;\n    color:#484944;\n    font-size:13px;\n    line-height:1.4;\n    font-weight:900;\n    white-space:normal;\n    word-break:normal;\n    overflow-wrap:normal;\n  }\n\n  .ptm-faq-arrow{\n    width:28px;\n    height:28px;\n    min-width:28px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    border-radius:50%;\n    background:#e4e0d8;\n    color:#666d66;\n    font-size:17px;\n    line-height:1;\n    font-weight:900;\n    transition:transform .25s ease,background .25s ease,color .25s ease;\n  }\n\n  .ptm-faq-item.is-open .ptm-faq-slider:before{\n    left:26px;\n    background:#697169;\n  }\n\n  .ptm-faq-item.is-open .ptm-faq-question{\n    color:#626961;\n  }\n\n  .ptm-faq-item.is-open .ptm-faq-arrow{\n    transform:rotate(180deg);\n    background:#697169;\n    color:#fff;\n  }\n\n  .ptm-faq-content{\n    max-height:0;\n    overflow:hidden;\n    opacity:0;\n    transition:max-height .34s ease,opacity .22s ease;\n  }\n\n  .ptm-faq-answer{\n    padding:0 51px 12px 64px;\n    color:#747570;\n    font-size:12.4px;\n    line-height:1.6;\n    word-break:normal;\n    overflow-wrap:normal;\n  }\n\n  .ptm-faq-item.is-open .ptm-faq-content{\n    opacity:1;\n  }\n\n  @media(max-width:920px){\n    .ptm-hero{\n      grid-template-columns:1fr;\n    }\n\n    .ptm-showcase{\n      grid-template-columns:1fr;\n    }\n\n    .ptm-rail-tabs{\n      display:grid;\n      grid-template-columns:repeat(3,minmax(0,1fr));\n    }\n\n    .ptm-feature-ring{\n      grid-template-columns:repeat(2,minmax(0,1fr));\n    }\n  }\n\n  @media(max-width:760px){\n    .ptm-mosaic{\n      grid-template-columns:repeat(2,minmax(0,1fr));\n    }\n  }\n\n  @media(max-width:680px){\n    .ptm3200{\n      padding:8px;\n    }\n\n    .ptm-frame{\n      padding:11px;\n      border-radius:5px 24px 5px 24px;\n    }\n\n    .ptm-frame:before{\n      width:7px;\n    }\n\n    .ptm-intro{\n      padding:27px 16px;\n      border-radius:4px 18px 4px 18px;\n    }\n\n    .ptm-intro h2{\n      font-size:27px!important;\n      line-height:1.15!important;\n    }\n\n    .ptm-intro p{\n      font-size:13.3px!important;\n    }\n\n    .ptm-color-scale{\n      grid-template-columns:repeat(4,minmax(0,1fr));\n    }\n\n    .ptm-total{\n      padding:15px;\n    }\n\n    .ptm-total-number strong{\n      font-size:34px;\n    }\n\n    .ptm-mosaic{\n      grid-template-columns:1fr;\n    }\n\n    .ptm-body{\n      padding-top:27px;\n    }\n\n    .ptm-heading h3{\n      font-size:21px!important;\n    }\n\n    .ptm-rail-tabs{\n      grid-template-columns:repeat(2,minmax(0,1fr));\n    }\n\n    .ptm-page{\n      padding:18px 13px;\n    }\n\n    .ptm-page:before,\n    .ptm-page:after{\n      display:none;\n    }\n\n    .ptm-feature-ring{\n      grid-template-columns:1fr;\n    }\n\n    .ptm-faq{\n      padding:14px 8px;\n    }\n\n    .ptm-faq-head{\n      align-items:flex-start;\n      gap:10px;\n    }\n\n    .ptm-faq-mark{\n      width:47px;\n      height:47px;\n      padding:7px;\n    }\n\n    .ptm-faq-head h3{\n      font-size:19px!important;\n    }\n\n    .ptm-faq-button{\n      padding:10px 8px!important;\n      gap:8px!important;\n    }\n\n    .ptm-faq-slider{\n      width:34px;\n      min-width:34px;\n      height:17px;\n    }\n\n    .ptm-faq-slider:before{\n      width:11px;\n      height:11px;\n    }\n\n    .ptm-faq-item.is-open .ptm-faq-slider:before{\n      left:20px;\n    }\n\n    .ptm-faq-question{\n      font-size:12.2px;\n    }\n\n    .ptm-faq-arrow{\n      width:26px;\n      height:26px;\n      min-width:26px;\n    }\n\n    .ptm-faq-answer{\n      padding:0 38px 12px 51px;\n      font-size:12px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"ptm3200\"\u003e\n  \u003cdiv class=\"ptm-frame\"\u003e\n\n    \u003cdiv class=\"ptm-hero\"\u003e\n      \u003cdiv class=\"ptm-intro\"\u003e\n        \u003cdiv class=\"ptm-eyebrow\"\u003e\n          Morandi Color Annotation System\n        \u003c\/div\u003e\n\n        \u003ch2\u003eMark, Label and Reorganize with 3,200 Writable Page Tabs\u003c\/h2\u003e\n\n        \u003cp\u003e\n          Build a flexible navigation system for books, notebooks, planners and\n          office files with muted multi-color tabs featuring writable ends,\n          transparent adhesive areas and repositionable placement.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"ptm-color-scale\"\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003caside class=\"ptm-total\"\u003e\n        \u003cdiv class=\"ptm-total-number\"\u003e\n          \u003cstrong\u003e3,200\u003c\/strong\u003e\n          \u003cspan\u003eWritable page markers in sixteen coordinated packs\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ptm-total-list\"\u003e\n          \u003cdiv class=\"ptm-total-item\"\u003e\n            \u003cstrong\u003eSixteen Tab Packs\u003c\/strong\u003e\n            \u003cspan\u003eLarge supply for multiple projects\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"ptm-total-item\"\u003e\n            \u003cstrong\u003eWaterproof PET\u003c\/strong\u003e\n            \u003cspan\u003eSmooth and tear-resistant material\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"ptm-total-item\"\u003e\n            \u003cstrong\u003e1.73 × 0.43 Inches\u003c\/strong\u003e\n            \u003cspan\u003eCompact rectangular marker size\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"ptm-total-item\"\u003e\n            \u003cstrong\u003eRepositionable Adhesive\u003c\/strong\u003e\n            \u003cspan\u003eRemove and relocate carefully\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/aside\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ptm-mosaic\"\u003e\n      \u003cdiv class=\"ptm-mosaic-item\"\u003e\n        \u003cstrong\u003eWritable Colored End\u003c\/strong\u003e\n        \u003cspan\u003eAdd labels and short reminders\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ptm-mosaic-item\"\u003e\n        \u003cstrong\u003eTransparent Adhesive\u003c\/strong\u003e\n        \u003cspan\u003eHelps keep printed text visible\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ptm-mosaic-item\"\u003e\n        \u003cstrong\u003eMuted Morandi Palette\u003c\/strong\u003e\n        \u003cspan\u003eOrganized multi-color categories\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ptm-mosaic-item\"\u003e\n        \u003cstrong\u003eRemovable Placement\u003c\/strong\u003e\n        \u003cspan\u003eAdjust the location when needed\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ptm-body\"\u003e\n      \u003cdiv class=\"ptm-heading\"\u003e\n        \u003cspan\u003eBuild a Personal Page Navigation System\u003c\/span\u003e\n\n        \u003ch3\u003eUse Color, Labels and Placement to Find Information Faster\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Assign different colors to chapters, subjects, priorities, quotes,\n          definitions and action items across books and documents.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ptm-showcase\"\u003e\n        \u003caside class=\"ptm-rail\"\u003e\n          \u003cdiv class=\"ptm-rail-title\"\u003eSuggested Categories\u003c\/div\u003e\n\n          \u003cdiv class=\"ptm-rail-tabs\"\u003e\n            \u003cdiv class=\"ptm-rail-tab\"\u003eKey Ideas\u003c\/div\u003e\n            \u003cdiv class=\"ptm-rail-tab\"\u003eDefinitions\u003c\/div\u003e\n            \u003cdiv class=\"ptm-rail-tab\"\u003eReview\u003c\/div\u003e\n            \u003cdiv class=\"ptm-rail-tab\"\u003eQuotes\u003c\/div\u003e\n            \u003cdiv class=\"ptm-rail-tab\"\u003eTasks\u003c\/div\u003e\n            \u003cdiv class=\"ptm-rail-tab\"\u003eReferences\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/aside\u003e\n\n        \u003cdiv class=\"ptm-page\"\u003e\n          \u003csmall\u003eTransparent Page-Marking Design\u003c\/small\u003e\n\n          \u003ch4\u003eKeep the Page Readable While Adding a Visible Color Reference\u003c\/h4\u003e\n\n          \u003cp\u003e\n            The clear adhesive area sits over the page while the colored end\n            remains visible from the edge, making important sections easier to\n            locate without covering large areas of text.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"ptm-page-tabs\"\u003e\n            \u003cdiv class=\"ptm-page-tab\"\u003eImportant Definition\u003c\/div\u003e\n            \u003cdiv class=\"ptm-page-tab\"\u003eReview Before Class\u003c\/div\u003e\n            \u003cdiv class=\"ptm-page-tab\"\u003eChapter Reference\u003c\/div\u003e\n            \u003cdiv class=\"ptm-page-tab\"\u003eProject Action Item\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ptm-feature-ring\"\u003e\n        \u003cdiv class=\"ptm-feature\"\u003e\n          \u003cdiv class=\"ptm-feature-icon write\"\u003e\u003c\/div\u003e\n          \u003ch4\u003eWritable Surface\u003c\/h4\u003e\n          \u003cp\u003eAdd short labels with compatible writing tools.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ptm-feature\"\u003e\n          \u003cdiv class=\"ptm-feature-icon move\"\u003e\u003c\/div\u003e\n          \u003ch4\u003eRepositionable\u003c\/h4\u003e\n          \u003cp\u003eMove tabs carefully as your system changes.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ptm-feature\"\u003e\n          \u003cdiv class=\"ptm-feature-icon clear\"\u003e\u003c\/div\u003e\n          \u003ch4\u003eTransparent Section\u003c\/h4\u003e\n          \u003cp\u003eKeep more of the printed content visible.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ptm-feature\"\u003e\n          \u003cdiv class=\"ptm-feature-icon water\"\u003e\u003c\/div\u003e\n          \u003ch4\u003eWaterproof PET\u003c\/h4\u003e\n          \u003cp\u003eSmooth and durable material for regular use.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ptm-use-row\"\u003e\n        \u003cspan\u003eBook Annotation\u003c\/span\u003e\n        \u003cspan\u003eBible Study\u003c\/span\u003e\n        \u003cspan\u003eSchool Notes\u003c\/span\u003e\n        \u003cspan\u003ePlanner Sections\u003c\/span\u003e\n        \u003cspan\u003eOffice Files\u003c\/span\u003e\n        \u003cspan\u003eDocument Indexing\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003csection class=\"ptm-faq\"\u003e\n        \u003cdiv class=\"ptm-faq-head\"\u003e\n          \u003cdiv class=\"ptm-faq-copy\"\u003e\n            \u003cspan\u003ePage Marker Product Guide\u003c\/span\u003e\n            \u003ch3\u003eFrequently Asked Questions\u003c\/h3\u003e\n            \u003cp\u003e\n              Information about the quantity, dimensions, PET material,\n              writable surface and repositionable adhesive.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"ptm-faq-mark\"\u003e\n            \u003ci\u003e\u003c\/i\u003e\n            \u003ci\u003e\u003c\/i\u003e\n            \u003ci\u003e\u003c\/i\u003e\n            \u003ci\u003e\u003c\/i\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ptm-accordion\"\u003e\n          \u003cdiv class=\"ptm-faq-item is-open\"\u003e\n            \u003cbutton class=\"ptm-faq-button\" type=\"button\"\u003e\n              \u003cspan class=\"ptm-faq-slider\"\u003e\u003c\/span\u003e\n              \u003cspan class=\"ptm-faq-question\"\u003e\n                How many page tabs are included?\n              \u003c\/span\u003e\n              \u003cspan class=\"ptm-faq-arrow\"\u003e⌄\u003c\/span\u003e\n            \u003c\/button\u003e\n\n            \u003cdiv class=\"ptm-faq-content\"\u003e\n              \u003cdiv class=\"ptm-faq-answer\"\u003e\n                The package includes sixteen packs containing 3,200 page tabs\n                in total.\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"ptm-faq-item\"\u003e\n            \u003cbutton class=\"ptm-faq-button\" type=\"button\"\u003e\n              \u003cspan class=\"ptm-faq-slider\"\u003e\u003c\/span\u003e\n              \u003cspan class=\"ptm-faq-question\"\u003e\n                What size is each tab?\n              \u003c\/span\u003e\n              \u003cspan class=\"ptm-faq-arrow\"\u003e⌄\u003c\/span\u003e\n            \u003c\/button\u003e\n\n            \u003cdiv class=\"ptm-faq-content\"\u003e\n              \u003cdiv class=\"ptm-faq-answer\"\u003e\n                Each rectangular page marker measures approximately\n                1.73 × 0.43 inches.\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"ptm-faq-item\"\u003e\n            \u003cbutton class=\"ptm-faq-button\" type=\"button\"\u003e\n              \u003cspan class=\"ptm-faq-slider\"\u003e\u003c\/span\u003e\n              \u003cspan class=\"ptm-faq-question\"\u003e\n                Can the page tabs be removed and repositioned?\n              \u003c\/span\u003e\n              \u003cspan class=\"ptm-faq-arrow\"\u003e⌄\u003c\/span\u003e\n            \u003c\/button\u003e\n\n            \u003cdiv class=\"ptm-faq-content\"\u003e\n              \u003cdiv class=\"ptm-faq-answer\"\u003e\n                Yes. The adhesive allows careful removal and repositioning when\n                the tab location needs to be changed.\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"ptm-faq-item\"\u003e\n            \u003cbutton class=\"ptm-faq-button\" type=\"button\"\u003e\n              \u003cspan class=\"ptm-faq-slider\"\u003e\u003c\/span\u003e\n              \u003cspan class=\"ptm-faq-question\"\u003e\n                Can the colored section be written on?\n              \u003c\/span\u003e\n              \u003cspan class=\"ptm-faq-arrow\"\u003e⌄\u003c\/span\u003e\n            \u003c\/button\u003e\n\n            \u003cdiv class=\"ptm-faq-content\"\u003e\n              \u003cdiv class=\"ptm-faq-answer\"\u003e\n                Yes. The colored section can be used for short labels and notes.\n                Testing the selected pen or pencil on one tab first is\n                recommended.\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"ptm-faq-item\"\u003e\n            \u003cbutton class=\"ptm-faq-button\" type=\"button\"\u003e\n              \u003cspan class=\"ptm-faq-slider\"\u003e\u003c\/span\u003e\n              \u003cspan class=\"ptm-faq-question\"\u003e\n                Where can the page tabs be used?\n              \u003c\/span\u003e\n              \u003cspan class=\"ptm-faq-arrow\"\u003e⌄\u003c\/span\u003e\n            \u003c\/button\u003e\n\n            \u003cdiv class=\"ptm-faq-content\"\u003e\n              \u003cdiv class=\"ptm-faq-answer\"\u003e\n                They are suitable for books, notebooks, planners, study\n                materials, folders, office files, catalogs and document\n                indexing.\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cscript\u003e\n  (function(){\n    var root = document.currentScript.previousElementSibling;\n\n    if(!root || !root.classList.contains(\"ptm3200\")){\n      return;\n    }\n\n    var items = Array.prototype.slice.call(\n      root.querySelectorAll(\".ptm-faq-item\")\n    );\n\n    function updateHeight(item){\n      var content = item.querySelector(\".ptm-faq-content\");\n\n      if(!content){\n        return;\n      }\n\n      content.style.maxHeight = item.classList.contains(\"is-open\")\n        ? content.scrollHeight + \"px\"\n        : \"0px\";\n    }\n\n    function openItem(selected){\n      items.forEach(function(item){\n        if(item === selected){\n          item.classList.add(\"is-open\");\n        }else{\n          item.classList.remove(\"is-open\");\n        }\n\n        updateHeight(item);\n      });\n    }\n\n    items.forEach(function(item){\n      var button = item.querySelector(\".ptm-faq-button\");\n\n      if(!button){\n        return;\n      }\n\n      button.addEventListener(\"click\",function(){\n        if(item.classList.contains(\"is-open\")){\n          item.classList.remove(\"is-open\");\n          updateHeight(item);\n        }else{\n          openItem(item);\n        }\n      });\n\n      updateHeight(item);\n    });\n\n    window.addEventListener(\"resize\",function(){\n      items.forEach(function(item){\n        if(item.classList.contains(\"is-open\")){\n          updateHeight(item);\n        }\n      });\n    });\n  })();\n\u003c\/script\u003e","brand":"PulinGO","offers":[{"title":"3200pcs","offer_id":45476201889968,"sku":"B0C3746ZFL","price":43.99,"currency_code":"USD","in_stock":true},{"title":"3600pcs","offer_id":45476201988272,"sku":"B0C377GRG5","price":44.99,"currency_code":"USD","in_stock":true},{"title":"800pcs","offer_id":45476202021040,"sku":"B0D8VY34TH","price":40.99,"currency_code":"USD","in_stock":true},{"title":"2000pcs","offer_id":45476202086576,"sku":"B0D8VYCX6K","price":42.99,"currency_code":"USD","in_stock":true},{"title":"5400pcs","offer_id":45476202119344,"sku":"B0D92FMJM4","price":52.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0664\/8319\/1984\/files\/71snjkeATLL._AC_SL1500.jpg?v=1784784809","url":"https:\/\/www.pulingo.com\/products\/morandi-page-tabs-3200-piece-set","provider":"PulinGO","version":"1.0","type":"link"}