{"product_id":"high-school-pack-✏️📚","title":"High School Pack ✏️📚","description":"\u003csection id=\"class-ready-high-school-pack\" class=\"cr-highschool\" data-highschool-pack aria-label=\"High School Stationery Pack details\"\u003e\n  \u003cdiv class=\"cr-highschool__orb cr-highschool__orb--gold\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"cr-highschool__orb cr-highschool__orb--teal\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"cr-highschool__orb cr-highschool__orb--navy\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"cr-highschool__container\"\u003e\n\n    \u003c!-- HERO --\u003e\n    \u003cheader class=\"cr-highschool__hero cr-highschool__reveal\"\u003e\n      \u003cdiv class=\"cr-highschool__badge\"\u003e\n        \u003cspan class=\"cr-highschool__badge-dot\"\u003e\u003c\/span\u003e\n        Complete High School Essentials\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"cr-highschool__title\"\u003e\n        High School\n        \u003cspan\u003eStationery Pack\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"cr-highschool__lead\"\u003e\n        Get your learner fully \u003cstrong\u003ehigh-school ready\u003c\/strong\u003e with a\n        complete stationery pack filled with essential supplies for\n        note-taking, assignments, examinations, filing, mathematics, projects\n        and everyday classroom activities.\n      \u003c\/p\u003e\n\n      \u003cp class=\"cr-highschool__intro\"\u003e\n        Everything is conveniently pre-packed, helping parents save time while\n        ensuring learners have the stationery they need to stay organised,\n        prepared and productive throughout the school year.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"cr-highschool__quick-benefits\"\u003e\n        \u003cdiv class=\"cr-highschool__quick-item\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          Pre-packed\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cr-highschool__quick-item\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          Trusted brands\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cr-highschool__quick-item\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          High-school ready\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cr-highschool__quick-item\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          Saves shopping time\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/header\u003e\n\n    \u003c!-- CONTENTS --\u003e\n    \u003csection class=\"cr-highschool__section cr-highschool__reveal\"\u003e\n      \u003cdiv class=\"cr-highschool__section-heading\"\u003e\n        \u003cspan class=\"cr-highschool__eyebrow\"\u003e\n          Everything your learner needs\n        \u003c\/span\u003e\n\n        \u003ch3\u003eWhat’s Included\u003c\/h3\u003e\n\n        \u003cp\u003e\n          A complete selection of writing, filing, mathematics, book-covering\n          and examination essentials in one convenient pack.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cr-highschool__contents-grid\"\u003e\n\n        \u003carticle class=\"cr-highschool__item\" style=\"--delay: 0.03s;\"\u003e\n          \u003cspan class=\"cr-highschool__quantity\"\u003e5×\u003c\/span\u003e\n          \u003cdiv class=\"cr-highschool__item-icon\"\u003e📕\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eA4 Hardcover Books\u003c\/h4\u003e\n            \u003cp\u003e2 quire, 192 pages each\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__item\" style=\"--delay: 0.06s;\"\u003e\n          \u003cspan class=\"cr-highschool__quantity\"\u003e5×\u003c\/span\u003e\n          \u003cdiv class=\"cr-highschool__item-icon\"\u003e📘\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eA4 Hardcover Books\u003c\/h4\u003e\n            \u003cp\u003e3 quire, 288 pages each\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__item\" style=\"--delay: 0.09s;\"\u003e\n          \u003cspan class=\"cr-highschool__quantity\"\u003e5×\u003c\/span\u003e\n          \u003cdiv class=\"cr-highschool__item-icon\"\u003e📓\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eA4 College Softcover Books\u003c\/h4\u003e\n            \u003cp\u003e72 pages each\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__item\" style=\"--delay: 0.12s;\"\u003e\n          \u003cspan class=\"cr-highschool__quantity\"\u003e1×\u003c\/span\u003e\n          \u003cdiv class=\"cr-highschool__item-icon\"\u003e🗂️\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eA4 Adjustable Book Covers\u003c\/h4\u003e\n            \u003cp\u003ePack of 10\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__item\" style=\"--delay: 0.15s;\"\u003e\n          \u003cspan class=\"cr-highschool__quantity\"\u003e1×\u003c\/span\u003e\n          \u003cdiv class=\"cr-highschool__item-icon\"\u003e📦\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eReady-Cut Brown Book Covers\u003c\/h4\u003e\n            \u003cp\u003ePack of 10\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__item\" style=\"--delay: 0.18s;\"\u003e\n          \u003cspan class=\"cr-highschool__quantity\"\u003e5×\u003c\/span\u003e\n          \u003cdiv class=\"cr-highschool__item-icon\"\u003e📝\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eA4 Exam Pads\u003c\/h4\u003e\n            \u003cp\u003e80 leaves, punched\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__item\" style=\"--delay: 0.21s;\"\u003e\n          \u003cspan class=\"cr-highschool__quantity\"\u003e1×\u003c\/span\u003e\n          \u003cdiv class=\"cr-highschool__item-icon\"\u003e🎨\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eBright Project Board Pad\u003c\/h4\u003e\n            \u003cp\u003eFor presentations and school projects\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__item\" style=\"--delay: 0.24s;\"\u003e\n          \u003cspan class=\"cr-highschool__quantity\"\u003e1×\u003c\/span\u003e\n          \u003cdiv class=\"cr-highschool__item-icon\"\u003e📂\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eDisplay Book\u003c\/h4\u003e\n            \u003cp\u003e50 pockets\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__item\" style=\"--delay: 0.27s;\"\u003e\n          \u003cspan class=\"cr-highschool__quantity\"\u003e1×\u003c\/span\u003e\n          \u003cdiv class=\"cr-highschool__item-icon\"\u003e📁\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eDisplay Book\u003c\/h4\u003e\n            \u003cp\u003e30 pockets\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__item\" style=\"--delay: 0.30s;\"\u003e\n          \u003cspan class=\"cr-highschool__quantity\"\u003e3×\u003c\/span\u003e\n          \u003cdiv class=\"cr-highschool__item-icon\"\u003e🗃️\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003ePortfolio Files\u003c\/h4\u003e\n            \u003cp\u003eFor assignments, notes and important documents\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__item\" style=\"--delay: 0.33s;\"\u003e\n          \u003cspan class=\"cr-highschool__quantity\"\u003e1×\u003c\/span\u003e\n          \u003cdiv class=\"cr-highschool__item-icon\"\u003e📅\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eSchool Homework Diary\u003c\/h4\u003e\n            \u003cp\u003eFor homework, deadlines and daily planning\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__item\" style=\"--delay: 0.36s;\"\u003e\n          \u003cspan class=\"cr-highschool__quantity\"\u003e1×\u003c\/span\u003e\n          \u003cdiv class=\"cr-highschool__item-icon\"\u003e🗄️\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eLever Arch \/ Ring File\u003c\/h4\u003e\n            \u003cp\u003eFor organised subject filing\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__item\" style=\"--delay: 0.39s;\"\u003e\n          \u003cspan class=\"cr-highschool__quantity\"\u003e3×\u003c\/span\u003e\n          \u003cdiv class=\"cr-highschool__item-icon\"\u003e🖊️\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eBIC Orange Ballpoint Pens\u003c\/h4\u003e\n            \u003cp\u003eBlue ink\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__item\" style=\"--delay: 0.42s;\"\u003e\n          \u003cspan class=\"cr-highschool__quantity\"\u003e2×\u003c\/span\u003e\n          \u003cdiv class=\"cr-highschool__item-icon\"\u003e✏️\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eStaedtler HB Pencils\u003c\/h4\u003e\n            \u003cp\u003eFor writing, mathematics and drawing\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__item\" style=\"--delay: 0.45s;\"\u003e\n          \u003cspan class=\"cr-highschool__quantity\"\u003e1×\u003c\/span\u003e\n          \u003cdiv class=\"cr-highschool__item-icon\"\u003e🔻\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eStaedtler Double-Hole Sharpener\u003c\/h4\u003e\n            \u003cp\u003eSuitable for standard and larger pencils\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__item\" style=\"--delay: 0.48s;\"\u003e\n          \u003cspan class=\"cr-highschool__quantity\"\u003e2×\u003c\/span\u003e\n          \u003cdiv class=\"cr-highschool__item-icon\"\u003e▰\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eStaedtler Large Erasers\u003c\/h4\u003e\n            \u003cp\u003eFor clean and accurate corrections\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__item\" style=\"--delay: 0.51s;\"\u003e\n          \u003cspan class=\"cr-highschool__quantity\"\u003e1×\u003c\/span\u003e\n          \u003cdiv class=\"cr-highschool__item-icon\"\u003e🖍️\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eStaedtler Colour Pens\u003c\/h4\u003e\n            \u003cp\u003ePack of 10\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__item\" style=\"--delay: 0.54s;\"\u003e\n          \u003cspan class=\"cr-highschool__quantity\"\u003e1×\u003c\/span\u003e\n          \u003cdiv class=\"cr-highschool__item-icon\"\u003e🧴\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003ePritt Glue Stick\u003c\/h4\u003e\n            \u003cp\u003e43 g\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__item\" style=\"--delay: 0.57s;\"\u003e\n          \u003cspan class=\"cr-highschool__quantity\"\u003e1×\u003c\/span\u003e\n          \u003cdiv class=\"cr-highschool__item-icon\"\u003e🌈\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eStaedtler Coloured Pencils\u003c\/h4\u003e\n            \u003cp\u003ePack of 12\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__item\" style=\"--delay: 0.60s;\"\u003e\n          \u003cspan class=\"cr-highschool__quantity\"\u003e1×\u003c\/span\u003e\n          \u003cdiv class=\"cr-highschool__item-icon\"\u003e📏\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eShatterproof Coloured Ruler\u003c\/h4\u003e\n            \u003cp\u003e30 cm\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__item\" style=\"--delay: 0.63s;\"\u003e\n          \u003cspan class=\"cr-highschool__quantity\"\u003e1×\u003c\/span\u003e\n          \u003cdiv class=\"cr-highschool__item-icon\"\u003e👝\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eDenim Pencil Case\u003c\/h4\u003e\n            \u003cp\u003e30 cm\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__item\" style=\"--delay: 0.66s;\"\u003e\n          \u003cspan class=\"cr-highschool__quantity\"\u003e1×\u003c\/span\u003e\n          \u003cdiv class=\"cr-highschool__item-icon\"\u003e📐\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eOxford Maths Set\u003c\/h4\u003e\n            \u003cp\u003eComplete mathematical instrument set\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__item\" style=\"--delay: 0.69s;\"\u003e\n          \u003cspan class=\"cr-highschool__quantity\"\u003e1×\u003c\/span\u003e\n          \u003cdiv class=\"cr-highschool__item-icon\"\u003e🖍️\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003ePenflex Highlighters\u003c\/h4\u003e\n            \u003cp\u003ePack of 4\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__item\" style=\"--delay: 0.72s;\"\u003e\n          \u003cspan class=\"cr-highschool__quantity\"\u003e1×\u003c\/span\u003e\n          \u003cdiv class=\"cr-highschool__item-icon\"\u003e✂️\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eStaedtler Scissors\u003c\/h4\u003e\n            \u003cp\u003e17 cm\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__item cr-highschool__item--wide\" style=\"--delay: 0.75s;\"\u003e\n          \u003cspan class=\"cr-highschool__quantity\"\u003e1×\u003c\/span\u003e\n          \u003cdiv class=\"cr-highschool__item-icon\"\u003e📄\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eA4 Filing Sleeves\u003c\/h4\u003e\n            \u003cp\u003ePack of 10 for protecting assignments and important documents\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- BENEFITS --\u003e\n    \u003csection class=\"cr-highschool__section cr-highschool__reveal\"\u003e\n      \u003cdiv class=\"cr-highschool__section-heading\"\u003e\n        \u003cspan class=\"cr-highschool__eyebrow\"\u003e\n          Convenient and complete\n        \u003c\/span\u003e\n\n        \u003ch3\u003eWhy Parents and Learners Love It\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Everything is packed together to make high-school preparation\n          easier, faster and less stressful.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cr-highschool__benefit-grid\"\u003e\n\n        \u003carticle class=\"cr-highschool__benefit\"\u003e\n          \u003cdiv class=\"cr-highschool__benefit-icon\"\u003e✓\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003cspan\u003e01\u003c\/span\u003e\n            \u003ch4\u003eReady for High School\u003c\/h4\u003e\n            \u003cp\u003e\n              Conveniently packed with the everyday essentials learners need\n              for class.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__benefit\"\u003e\n          \u003cdiv class=\"cr-highschool__benefit-icon\"\u003e★\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003cspan\u003e02\u003c\/span\u003e\n            \u003ch4\u003eTrusted Stationery Brands\u003c\/h4\u003e\n            \u003cp\u003e\n              Includes recognised brands selected for dependable everyday use.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__benefit\"\u003e\n          \u003cdiv class=\"cr-highschool__benefit-icon\"\u003e📝\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003cspan\u003e03\u003c\/span\u003e\n            \u003ch4\u003eExamination Ready\u003c\/h4\u003e\n            \u003cp\u003e\n              Includes exam pads, writing tools and mathematical instruments.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__benefit\"\u003e\n          \u003cdiv class=\"cr-highschool__benefit-icon\"\u003e⏱\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003cspan\u003e04\u003c\/span\u003e\n            \u003ch4\u003eSaves Shopping Time\u003c\/h4\u003e\n            \u003cp\u003e\n              Avoid searching for and purchasing every stationery item\n              separately.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__benefit\"\u003e\n          \u003cdiv class=\"cr-highschool__benefit-icon\"\u003e📚\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003cspan\u003e05\u003c\/span\u003e\n            \u003ch4\u003eSupports Every Subject\u003c\/h4\u003e\n            \u003cp\u003e\n              Suitable for homework, projects, mathematics and daily\n              classwork.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-highschool__benefit\"\u003e\n          \u003cdiv class=\"cr-highschool__benefit-icon\"\u003e♡\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003cspan\u003e06\u003c\/span\u003e\n            \u003ch4\u003eStay Organised\u003c\/h4\u003e\n            \u003cp\u003e\n              Filing products help learners manage notes, assignments and\n              important documents.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- NOTICE --\u003e\n    \u003caside class=\"cr-highschool__notice cr-highschool__reveal\"\u003e\n      \u003cdiv class=\"cr-highschool__notice-icon\"\u003ei\u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003cstrong\u003eProduct information\u003c\/strong\u003e\n\n        \u003cp\u003e\n          Images are for illustrative purposes only. Product packaging,\n          designs or colours may vary depending on supplier availability. The\n          product type and quantity will remain the same.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/aside\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  #class-ready-high-school-pack {\n    --navy: #123b63;\n    --teal: #18a999;\n    --gold: #f6c445;\n    --white: #ffffff;\n    --text: #36536b;\n    --muted: #6f8190;\n    --soft-teal: #e9f8f6;\n    --border: rgba(18, 59, 99, 0.12);\n\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    margin: 30px 0;\n    padding: 78px 24px;\n    border: 1px solid rgba(18, 59, 99, 0.08);\n    border-radius: 32px;\n    background:\n      radial-gradient(\n        circle at 4% 5%,\n        rgba(246, 196, 69, 0.23),\n        transparent 26%\n      ),\n      radial-gradient(\n        circle at 96% 94%,\n        rgba(24, 169, 153, 0.18),\n        transparent 30%\n      ),\n      linear-gradient(145deg, #ffffff 0%, #f7fcfb 52%, #ffffff 100%);\n    box-shadow:\n      0 28px 80px rgba(18, 59, 99, 0.12),\n      inset 0 1px 0 rgba(255, 255, 255, 0.95);\n    color: var(--text);\n    font-family: inherit;\n  }\n\n  #class-ready-high-school-pack *,\n  #class-ready-high-school-pack *::before,\n  #class-ready-high-school-pack *::after {\n    box-sizing: border-box;\n  }\n\n  #class-ready-high-school-pack h2,\n  #class-ready-high-school-pack h3,\n  #class-ready-high-school-pack h4,\n  #class-ready-high-school-pack p {\n    overflow-wrap: break-word;\n    word-break: normal;\n    hyphens: none;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__container {\n    position: relative;\n    z-index: 2;\n    width: min(1180px, 100%);\n    margin: 0 auto;\n  }\n\n  \/* FLOATING BACKGROUND SHAPES *\/\n\n  #class-ready-high-school-pack .cr-highschool__orb {\n    position: absolute;\n    z-index: 0;\n    border-radius: 50%;\n    pointer-events: none;\n    animation: crHighschoolFloat 9s ease-in-out infinite;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__orb--gold {\n    top: -100px;\n    right: -90px;\n    width: 290px;\n    height: 290px;\n    background: rgba(246, 196, 69, 0.2);\n  }\n\n  #class-ready-high-school-pack .cr-highschool__orb--teal {\n    bottom: -150px;\n    left: -120px;\n    width: 390px;\n    height: 390px;\n    background: rgba(24, 169, 153, 0.14);\n    animation-delay: -3s;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__orb--navy {\n    top: 47%;\n    right: -75px;\n    width: 170px;\n    height: 170px;\n    border: 28px solid rgba(18, 59, 99, 0.035);\n    background: transparent;\n    animation-delay: -5s;\n  }\n\n  \/* HERO *\/\n\n  #class-ready-high-school-pack .cr-highschool__hero {\n    max-width: 940px;\n    margin: 0 auto 76px;\n    text-align: center;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 23px;\n    padding: 10px 18px;\n    border: 1px solid rgba(24, 169, 153, 0.24);\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.9);\n    box-shadow: 0 10px 28px rgba(18, 59, 99, 0.08);\n    color: var(--navy);\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: 0.09em;\n    text-transform: uppercase;\n    backdrop-filter: blur(10px);\n  }\n\n  #class-ready-high-school-pack .cr-highschool__badge-dot {\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background: var(--teal);\n    box-shadow: 0 0 0 6px rgba(24, 169, 153, 0.13);\n    animation: crHighschoolPulse 2.2s ease-in-out infinite;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__title {\n    margin: 0;\n    color: var(--navy);\n    font-size: clamp(43px, 6.8vw, 80px);\n    font-weight: 850;\n    line-height: 0.98;\n    letter-spacing: -0.055em;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__title span {\n    display: block;\n    margin-top: 12px;\n    padding-bottom: 6px;\n    background: linear-gradient(\n      90deg,\n      var(--teal),\n      var(--navy),\n      var(--gold),\n      var(--teal)\n    );\n    background-size: 220% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    animation: crHighschoolShimmer 7s linear infinite;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__lead {\n    max-width: 870px;\n    margin: 30px auto 0;\n    color: var(--navy);\n    font-size: clamp(18px, 2vw, 22px);\n    font-weight: 620;\n    line-height: 1.65;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__intro {\n    max-width: 800px;\n    margin: 17px auto 0;\n    color: var(--muted);\n    font-size: 16px;\n    line-height: 1.75;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__quick-benefits {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 12px;\n    margin-top: 31px;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__quick-item {\n    display: flex;\n    align-items: center;\n    gap: 9px;\n    padding: 11px 16px;\n    border: 1px solid var(--border);\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.92);\n    box-shadow: 0 9px 24px rgba(18, 59, 99, 0.07);\n    color: var(--navy);\n    font-size: 14px;\n    font-weight: 750;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__quick-item span {\n    display: grid;\n    width: 24px;\n    height: 24px;\n    flex: 0 0 24px;\n    place-items: center;\n    border-radius: 50%;\n    background: var(--teal);\n    color: var(--white);\n    font-size: 13px;\n    font-weight: 900;\n  }\n\n  \/* SECTION HEADINGS *\/\n\n  #class-ready-high-school-pack .cr-highschool__section {\n    margin-top: 76px;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__section-heading {\n    max-width: 790px;\n    margin: 0 auto 36px;\n    text-align: center;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__eyebrow {\n    display: block;\n    margin-bottom: 8px;\n    color: var(--teal);\n    font-size: 13px;\n    font-weight: 850;\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__section-heading h3 {\n    margin: 0;\n    color: var(--navy);\n    font-size: clamp(32px, 4.4vw, 48px);\n    font-weight: 830;\n    line-height: 1.08;\n    letter-spacing: -0.035em;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__section-heading p {\n    margin: 12px 0 0;\n    color: var(--muted);\n    font-size: 16px;\n    line-height: 1.65;\n  }\n\n  \/* PRODUCT CONTENT CARDS *\/\n\n  #class-ready-high-school-pack .cr-highschool__contents-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 16px;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__item {\n    position: relative;\n    display: grid;\n    grid-template-columns: auto auto minmax(0, 1fr);\n    align-items: center;\n    gap: 15px;\n    min-height: 116px;\n    padding: 20px;\n    overflow: hidden;\n    border: 1px solid var(--border);\n    border-radius: 21px;\n    background: rgba(255, 255, 255, 0.96);\n    box-shadow:\n      0 12px 34px rgba(18, 59, 99, 0.065),\n      inset 0 1px 0 rgba(255, 255, 255, 0.95);\n    transition:\n      transform 0.35s ease,\n      border-color 0.35s ease,\n      box-shadow 0.35s ease;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__item--wide {\n    grid-column: 1 \/ -1;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__item::before {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      115deg,\n      transparent 25%,\n      rgba(255, 255, 255, 0.85) 50%,\n      transparent 75%\n    );\n    content: \"\";\n    transform: translateX(-135%);\n    transition: transform 0.85s ease;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__item::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 78px;\n    height: 78px;\n    border-radius: 0 21px 0 78px;\n    background: rgba(246, 196, 69, 0.12);\n    content: \"\";\n  }\n\n  #class-ready-high-school-pack .cr-highschool__item:hover {\n    z-index: 2;\n    border-color: rgba(24, 169, 153, 0.38);\n    transform: translateY(-7px);\n    box-shadow:\n      0 22px 48px rgba(18, 59, 99, 0.13),\n      0 0 0 4px rgba(24, 169, 153, 0.055);\n  }\n\n  #class-ready-high-school-pack .cr-highschool__item:hover::before {\n    transform: translateX(135%);\n  }\n\n  #class-ready-high-school-pack .cr-highschool__quantity {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    width: 47px;\n    height: 47px;\n    place-items: center;\n    border-radius: 14px;\n    background: var(--navy);\n    box-shadow: 0 9px 20px rgba(18, 59, 99, 0.2);\n    color: var(--white);\n    font-size: 15px;\n    font-weight: 850;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__item-icon {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    width: 57px;\n    height: 57px;\n    place-items: center;\n    border-radius: 17px;\n    background: var(--soft-teal);\n    color: var(--teal);\n    font-size: 25px;\n    line-height: 1;\n    transition:\n      transform 0.35s ease,\n      background 0.35s ease;\n  }\n\n  #class-ready-high-school-pack\n    .cr-highschool__item:hover\n    .cr-highschool__item-icon {\n    background: var(--teal);\n    transform: rotate(-6deg) scale(1.08);\n  }\n\n  #class-ready-high-school-pack .cr-highschool__item \u003e div:last-child {\n    position: relative;\n    z-index: 2;\n    min-width: 0;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__item h4 {\n    margin: 0;\n    color: var(--navy);\n    font-size: 16px;\n    font-weight: 790;\n    line-height: 1.35;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__item p {\n    margin: 5px 0 0;\n    color: var(--muted);\n    font-size: 14px;\n    line-height: 1.45;\n  }\n\n  \/* BENEFIT CARDS *\/\n\n  #class-ready-high-school-pack .cr-highschool__benefit-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__benefit {\n    position: relative;\n    display: flex;\n    align-items: flex-start;\n    gap: 18px;\n    min-height: 158px;\n    padding: 25px;\n    overflow: hidden;\n    border: 1px solid rgba(18, 59, 99, 0.11);\n    border-radius: 22px;\n    background: rgba(255, 255, 255, 0.97);\n    box-shadow:\n      0 14px 36px rgba(18, 59, 99, 0.08),\n      inset 0 1px 0 rgba(255, 255, 255, 0.95);\n    transition:\n      transform 0.35s ease,\n      border-color 0.35s ease,\n      box-shadow 0.35s ease;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__benefit::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 5px;\n    height: 100%;\n    background: linear-gradient(180deg, var(--teal), var(--gold));\n    content: \"\";\n  }\n\n  #class-ready-high-school-pack .cr-highschool__benefit::after {\n    position: absolute;\n    right: -45px;\n    bottom: -55px;\n    width: 140px;\n    height: 140px;\n    border-radius: 50%;\n    background: rgba(24, 169, 153, 0.055);\n    content: \"\";\n    transition: transform 0.45s ease;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__benefit:hover {\n    border-color: rgba(24, 169, 153, 0.35);\n    transform: translateY(-6px);\n    box-shadow:\n      0 22px 48px rgba(18, 59, 99, 0.14),\n      0 0 0 4px rgba(24, 169, 153, 0.05);\n  }\n\n  #class-ready-high-school-pack .cr-highschool__benefit:hover::after {\n    transform: scale(1.18);\n  }\n\n  #class-ready-high-school-pack .cr-highschool__benefit-icon {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    width: 58px;\n    height: 58px;\n    flex: 0 0 58px;\n    place-items: center;\n    border-radius: 18px;\n    background: linear-gradient(145deg, var(--teal), #118f83);\n    box-shadow: 0 10px 22px rgba(24, 169, 153, 0.25);\n    color: var(--white);\n    font-size: 23px;\n    font-weight: 900;\n    transition:\n      transform 0.35s ease,\n      box-shadow 0.35s ease;\n  }\n\n  #class-ready-high-school-pack\n    .cr-highschool__benefit:hover\n    .cr-highschool__benefit-icon {\n    transform: rotate(-5deg) scale(1.06);\n    box-shadow: 0 14px 28px rgba(24, 169, 153, 0.3);\n  }\n\n  #class-ready-high-school-pack .cr-highschool__benefit \u003e div:last-child {\n    position: relative;\n    z-index: 2;\n    min-width: 0;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__benefit span {\n    display: block;\n    margin-bottom: 6px;\n    color: var(--teal);\n    font-size: 12px;\n    font-weight: 850;\n    letter-spacing: 0.12em;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__benefit h4 {\n    margin: 0;\n    color: var(--navy);\n    font-size: 19px;\n    font-weight: 800;\n    line-height: 1.25;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__benefit p {\n    max-width: 440px;\n    margin: 8px 0 0;\n    color: var(--muted);\n    font-size: 14px;\n    line-height: 1.65;\n  }\n\n  \/* PRODUCT NOTICE *\/\n\n  #class-ready-high-school-pack .cr-highschool__notice {\n    display: flex;\n    align-items: flex-start;\n    gap: 17px;\n    margin-top: 46px;\n    padding: 23px;\n    border: 1px solid rgba(246, 196, 69, 0.48);\n    border-radius: 21px;\n    background: linear-gradient(\n      120deg,\n      rgba(246, 196, 69, 0.18),\n      rgba(255, 255, 255, 0.95)\n    );\n    box-shadow: 0 13px 34px rgba(18, 59, 99, 0.07);\n  }\n\n  #class-ready-high-school-pack .cr-highschool__notice-icon {\n    display: grid;\n    width: 42px;\n    height: 42px;\n    flex: 0 0 42px;\n    place-items: center;\n    border-radius: 50%;\n    background: var(--gold);\n    box-shadow: 0 8px 18px rgba(246, 196, 69, 0.32);\n    color: var(--navy);\n    font-size: 18px;\n    font-weight: 900;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__notice strong {\n    color: var(--navy);\n    font-size: 16px;\n    font-weight: 800;\n  }\n\n  #class-ready-high-school-pack .cr-highschool__notice p {\n    margin: 6px 0 0;\n    color: #6c6345;\n    font-size: 14px;\n    line-height: 1.65;\n  }\n\n  \/* SCROLL REVEAL *\/\n\n  #class-ready-high-school-pack.cr-highschool--js\n    .cr-highschool__reveal {\n    opacity: 0;\n    transform: translateY(34px);\n    transition:\n      opacity 0.8s ease,\n      transform 0.8s cubic-bezier(0.2, 0.75, 0.25, 1);\n  }\n\n  #class-ready-high-school-pack.cr-highschool--js\n    .cr-highschool__reveal.cr-highschool__visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  #class-ready-high-school-pack.cr-highschool--js\n    .cr-highschool__reveal:not(.cr-highschool__visible)\n    .cr-highschool__item {\n    opacity: 0;\n    transform: translateY(22px);\n  }\n\n  #class-ready-high-school-pack.cr-highschool--js\n    .cr-highschool__reveal.cr-highschool__visible\n    .cr-highschool__item {\n    opacity: 1;\n    transform: translateY(0);\n    transition:\n      opacity 0.6s ease var(--delay),\n      transform 0.6s ease var(--delay),\n      border-color 0.35s ease,\n      box-shadow 0.35s ease;\n  }\n\n  \/* ANIMATIONS *\/\n\n  @keyframes crHighschoolFloat {\n    0%,\n    100% {\n      transform: translate3d(0, 0, 0) scale(1);\n    }\n\n    50% {\n      transform: translate3d(17px, -20px, 0) scale(1.07);\n    }\n  }\n\n  @keyframes crHighschoolPulse {\n    0%,\n    100% {\n      box-shadow: 0 0 0 6px rgba(24, 169, 153, 0.13);\n    }\n\n    50% {\n      box-shadow: 0 0 0 12px rgba(24, 169, 153, 0);\n    }\n  }\n\n  @keyframes crHighschoolShimmer {\n    0% {\n      background-position: 0% center;\n    }\n\n    100% {\n      background-position: 220% center;\n    }\n  }\n\n  \/* TABLET *\/\n\n  @media screen and (max-width: 820px) {\n    #class-ready-high-school-pack {\n      padding: 58px 18px;\n      border-radius: 26px;\n    }\n\n    #class-ready-high-school-pack .cr-highschool__hero {\n      margin-bottom: 60px;\n    }\n\n    #class-ready-high-school-pack .cr-highschool__benefit-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  \/* MOBILE *\/\n\n  @media screen and (max-width: 680px) {\n    #class-ready-high-school-pack {\n      margin: 20px 0;\n      padding: 46px 14px;\n      border-radius: 22px;\n    }\n\n    #class-ready-high-school-pack .cr-highschool__title {\n      font-size: clamp(39px, 12vw, 57px);\n    }\n\n    #class-ready-high-school-pack .cr-highschool__contents-grid {\n      grid-template-columns: 1fr;\n    }\n\n    #class-ready-high-school-pack .cr-highschool__item,\n    #class-ready-high-school-pack .cr-highschool__item--wide {\n      grid-column: auto;\n      grid-template-columns: auto auto minmax(0, 1fr);\n      min-height: 106px;\n      padding: 16px;\n    }\n\n    #class-ready-high-school-pack .cr-highschool__quantity {\n      width: 41px;\n      height: 41px;\n      border-radius: 12px;\n    }\n\n    #class-ready-high-school-pack .cr-highschool__item-icon {\n      width: 49px;\n      height: 49px;\n      border-radius: 15px;\n      font-size: 22px;\n    }\n\n    #class-ready-high-school-pack .cr-highschool__benefit {\n      gap: 14px;\n      min-height: auto;\n      padding: 20px 17px;\n    }\n\n    #class-ready-high-school-pack .cr-highschool__benefit-icon {\n      width: 50px;\n      height: 50px;\n      flex-basis: 50px;\n      border-radius: 15px;\n    }\n\n    #class-ready-high-school-pack .cr-highschool__notice {\n      padding: 18px;\n    }\n  }\n\n  @media screen and (max-width: 430px) {\n    #class-ready-high-school-pack .cr-highschool__item {\n      gap: 10px;\n      padding: 14px 12px;\n    }\n\n    #class-ready-high-school-pack .cr-highschool__quantity {\n      width: 37px;\n      height: 37px;\n      font-size: 13px;\n    }\n\n    #class-ready-high-school-pack .cr-highschool__item-icon {\n      width: 43px;\n      height: 43px;\n      font-size: 19px;\n    }\n\n    #class-ready-high-school-pack .cr-highschool__item h4 {\n      font-size: 14px;\n    }\n\n    #class-ready-high-school-pack .cr-highschool__item p {\n      font-size: 12px;\n    }\n  }\n\n  \/* REDUCED MOTION *\/\n\n  @media (prefers-reduced-motion: reduce) {\n    #class-ready-high-school-pack *,\n    #class-ready-high-school-pack *::before,\n    #class-ready-high-school-pack *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n    }\n\n    #class-ready-high-school-pack .cr-highschool__reveal,\n    #class-ready-high-school-pack .cr-highschool__item {\n      opacity: 1 !important;\n      transform: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  (function () {\n    function initialiseHighSchoolPack(root) {\n      var sections = root.querySelectorAll\n        ? root.querySelectorAll(\"[data-highschool-pack]\")\n        : [];\n\n      sections.forEach(function (section) {\n        if (section.dataset.highschoolInitialised === \"true\") {\n          return;\n        }\n\n        section.dataset.highschoolInitialised = \"true\";\n        section.classList.add(\"cr-highschool--js\");\n\n        var revealItems = section.querySelectorAll(\n          \".cr-highschool__reveal\"\n        );\n\n        if (!(\"IntersectionObserver\" in window)) {\n          revealItems.forEach(function (item) {\n            item.classList.add(\"cr-highschool__visible\");\n          });\n\n          return;\n        }\n\n        var observer = new IntersectionObserver(\n          function (entries, currentObserver) {\n            entries.forEach(function (entry) {\n              if (entry.isIntersecting) {\n                entry.target.classList.add(\"cr-highschool__visible\");\n                currentObserver.unobserve(entry.target);\n              }\n            });\n          },\n          {\n            threshold: 0.1,\n            rootMargin: \"0px 0px -30px 0px\"\n          }\n        );\n\n        revealItems.forEach(function (item) {\n          observer.observe(item);\n        });\n      });\n    }\n\n    if (document.readyState === \"loading\") {\n      document.addEventListener(\"DOMContentLoaded\", function () {\n        initialiseHighSchoolPack(document);\n      });\n    } else {\n      initialiseHighSchoolPack(document);\n    }\n\n    document.addEventListener(\"shopify:section:load\", function (event) {\n      initialiseHighSchoolPack(event.target);\n    });\n  })();\n\u003c\/script\u003e","brand":"Class Ready","offers":[{"title":"Default Title","offer_id":43167160402018,"sku":null,"price":1699.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0685\/0134\/0258\/files\/ChatGPTImageJul31_2026_08_46_49AM.png?v=1785480792","url":"https:\/\/classready.co.za\/products\/high-school-pack-%e2%9c%8f%ef%b8%8f%f0%9f%93%9a","provider":"Class Ready","version":"1.0","type":"link"}