{"title":"Primary School","description":"\u003cp\u003eShop our Primary School stationery packs, filled with essential supplies to keep learners organised, prepared and ready for the school year.\u003cbr\u003e\u003c\/p\u003e","products":[{"product_id":"grade-1-stationery-pack-✏️🎨","title":"Grade 1 Stationery Pack ✏️🎨","description":"\u003csection id=\"class-ready-grade1\" class=\"cr-g1\" data-cr-grade1 aria-label=\"Grade 1 Stationery Pack details\"\u003e\n  \u003cdiv class=\"cr-g1__shape cr-g1__shape--gold\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"cr-g1__shape cr-g1__shape--teal\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"cr-g1__shape cr-g1__shape--ring\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"cr-g1__container\"\u003e\n\n    \u003c!-- HERO --\u003e\n    \u003cheader class=\"cr-g1__hero cr-g1__reveal\"\u003e\n      \u003cdiv class=\"cr-g1__badge\"\u003e\n        \u003cspan class=\"cr-g1__badge-dot\"\u003e\u003c\/span\u003e\n        Complete Grade 1 Essentials\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"cr-g1__title\"\u003e\n        Grade 1\n        \u003cspan\u003eStationery Pack\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"cr-g1__lead\"\u003e\n        Get your learner fully classroom-ready with a complete Grade 1\n        stationery pack filled with trusted essentials for writing, drawing,\n        colouring, filing, creative projects and everyday school activities.\n      \u003c\/p\u003e\n\n      \u003cp class=\"cr-g1__description\"\u003e\n        Everything is conveniently pre-packed, helping parents save time while\n        ensuring learners have the supplies they need for a confident and\n        organised start to the school year.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"cr-g1__highlights\"\u003e\n        \u003cdiv class=\"cr-g1__highlight\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          Pre-packed\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cr-g1__highlight\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          Trusted brands\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cr-g1__highlight\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          Grade 1 ready\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cr-g1__highlight\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          Art, filing and writing\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/header\u003e\n\n    \u003c!-- PACK CONTENTS --\u003e\n    \u003csection class=\"cr-g1__section cr-g1__reveal\"\u003e\n      \u003cdiv class=\"cr-g1__section-heading\"\u003e\n        \u003cspan class=\"cr-g1__eyebrow\"\u003eEverything in one pack\u003c\/span\u003e\n        \u003ch3\u003eWhat’s Included\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Carefully selected classroom, creative, filing and organisational\n          essentials for your Grade 1 learner.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cr-g1__product-grid\"\u003e\n\n        \u003carticle class=\"cr-g1__product-card\" style=\"--item-delay: 0.03s;\"\u003e\n          \u003cdiv class=\"cr-g1__quantity\"\u003e2×\u003c\/div\u003e\n          \u003cdiv class=\"cr-g1__product-icon\" aria-hidden=\"true\"\u003e📏\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g1__product-copy\"\u003e\n            \u003ch4\u003eShatterproof Plastic Rulers\u003c\/h4\u003e\n            \u003cp\u003e30 cm each\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g1__product-card\" style=\"--item-delay: 0.06s;\"\u003e\n          \u003cdiv class=\"cr-g1__quantity\"\u003e1×\u003c\/div\u003e\n          \u003cdiv class=\"cr-g1__product-icon\" aria-hidden=\"true\"\u003e✂️\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g1__product-copy\"\u003e\n            \u003ch4\u003eStaedtler Right-Handed Scissors\u003c\/h4\u003e\n            \u003cp\u003e14 cm\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g1__product-card\" style=\"--item-delay: 0.09s;\"\u003e\n          \u003cdiv class=\"cr-g1__quantity\"\u003e1×\u003c\/div\u003e\n          \u003cdiv class=\"cr-g1__product-icon\" aria-hidden=\"true\"\u003e📕\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g1__product-copy\"\u003e\n            \u003ch4\u003eJumbo Colouring Book\u003c\/h4\u003e\n            \u003cp\u003e120 pages\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g1__product-card\" style=\"--item-delay: 0.12s;\"\u003e\n          \u003cdiv class=\"cr-g1__quantity\"\u003e1×\u003c\/div\u003e\n          \u003cdiv class=\"cr-g1__product-icon\" aria-hidden=\"true\"\u003e🎨\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g1__product-copy\"\u003e\n            \u003ch4\u003eButterfly Art Apron\u003c\/h4\u003e\n            \u003cp\u003eFor creative classroom activities\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g1__product-card\" style=\"--item-delay: 0.15s;\"\u003e\n          \u003cdiv class=\"cr-g1__quantity\"\u003e2×\u003c\/div\u003e\n          \u003cdiv class=\"cr-g1__product-icon\" aria-hidden=\"true\"\u003e📄\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g1__product-copy\"\u003e\n            \u003ch4\u003eTypek A4 Copy Paper\u003c\/h4\u003e\n            \u003cp\u003e80 gsm, 500 sheets per ream\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g1__product-card\" style=\"--item-delay: 0.18s;\"\u003e\n          \u003cdiv class=\"cr-g1__quantity\"\u003e1×\u003c\/div\u003e\n          \u003cdiv class=\"cr-g1__product-icon\" aria-hidden=\"true\"\u003e🌈\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g1__product-copy\"\u003e\n            \u003ch4\u003eBright-Coloured Project Boards\u003c\/h4\u003e\n            \u003cp\u003ePack of 20\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g1__product-card\" style=\"--item-delay: 0.21s;\"\u003e\n          \u003cdiv class=\"cr-g1__quantity\"\u003e1×\u003c\/div\u003e\n          \u003cdiv class=\"cr-g1__product-icon\" aria-hidden=\"true\"\u003e✏️\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g1__product-copy\"\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-g1__product-card\" style=\"--item-delay: 0.24s;\"\u003e\n          \u003cdiv class=\"cr-g1__quantity\"\u003e1×\u003c\/div\u003e\n          \u003cdiv class=\"cr-g1__product-icon\" aria-hidden=\"true\"\u003e👝\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g1__product-copy\"\u003e\n            \u003ch4\u003eDenim Pencil Case\u003c\/h4\u003e\n            \u003cp\u003eConvenient stationery storage\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g1__product-card\" style=\"--item-delay: 0.27s;\"\u003e\n          \u003cdiv class=\"cr-g1__quantity\"\u003e1×\u003c\/div\u003e\n          \u003cdiv class=\"cr-g1__product-icon\" aria-hidden=\"true\"\u003e🌀\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g1__product-copy\"\u003e\n            \u003ch4\u003eStaedtler Barrel Sharpener\u003c\/h4\u003e\n            \u003cp\u003eEasy and tidy sharpening\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g1__product-card\" style=\"--item-delay: 0.30s;\"\u003e\n          \u003cdiv class=\"cr-g1__quantity\"\u003e4×\u003c\/div\u003e\n          \u003cdiv class=\"cr-g1__product-icon\" aria-hidden=\"true\"\u003e▭\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g1__product-copy\"\u003e\n            \u003ch4\u003eStaedtler T30 Erasers\u003c\/h4\u003e\n            \u003cp\u003eClean and reliable erasing\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g1__product-card\" style=\"--item-delay: 0.33s;\"\u003e\n          \u003cdiv class=\"cr-g1__quantity\"\u003e1×\u003c\/div\u003e\n          \u003cdiv class=\"cr-g1__product-icon\" aria-hidden=\"true\"\u003e🖍️\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g1__product-copy\"\u003e\n            \u003ch4\u003eStaedtler Oil Pastels\u003c\/h4\u003e\n            \u003cp\u003ePack of 25\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g1__product-card\" style=\"--item-delay: 0.36s;\"\u003e\n          \u003cdiv class=\"cr-g1__quantity\"\u003e1×\u003c\/div\u003e\n          \u003cdiv class=\"cr-g1__product-icon\" aria-hidden=\"true\"\u003e🖍️\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g1__product-copy\"\u003e\n            \u003ch4\u003eStaedtler Wax Crayons\u003c\/h4\u003e\n            \u003cp\u003ePack of 24\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g1__product-card\" style=\"--item-delay: 0.39s;\"\u003e\n          \u003cdiv class=\"cr-g1__quantity\"\u003e1×\u003c\/div\u003e\n          \u003cdiv class=\"cr-g1__product-icon\" aria-hidden=\"true\"\u003e📘\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g1__product-copy\"\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-g1__product-card\" style=\"--item-delay: 0.42s;\"\u003e\n          \u003cdiv class=\"cr-g1__quantity\"\u003e1×\u003c\/div\u003e\n          \u003cdiv class=\"cr-g1__product-icon\" aria-hidden=\"true\"\u003e🎨\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g1__product-copy\"\u003e\n            \u003ch4\u003eStaedtler Watercolours\u003c\/h4\u003e\n            \u003cp\u003eSet of 12\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g1__product-card\" style=\"--item-delay: 0.45s;\"\u003e\n          \u003cdiv class=\"cr-g1__quantity\"\u003e1×\u003c\/div\u003e\n          \u003cdiv class=\"cr-g1__product-icon\" aria-hidden=\"true\"\u003e📑\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g1__product-copy\"\u003e\n            \u003ch4\u003ePlastic Filing Sleeves\u003c\/h4\u003e\n            \u003cp\u003ePack of 100\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g1__product-card\" style=\"--item-delay: 0.48s;\"\u003e\n          \u003cdiv class=\"cr-g1__quantity\"\u003e1×\u003c\/div\u003e\n          \u003cdiv class=\"cr-g1__product-icon\" aria-hidden=\"true\"\u003e⬜\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g1__product-copy\"\u003e\n            \u003ch4\u003eWrite-and-Wipe Whiteboard\u003c\/h4\u003e\n            \u003cp\u003eFor reusable classroom practice\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g1__product-card\" style=\"--item-delay: 0.51s;\"\u003e\n          \u003cdiv class=\"cr-g1__quantity\"\u003e1×\u003c\/div\u003e\n          \u003cdiv class=\"cr-g1__product-icon\" aria-hidden=\"true\"\u003e🧽\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g1__product-copy\"\u003e\n            \u003ch4\u003eWhiteboard Duster\u003c\/h4\u003e\n            \u003cp\u003eFor quick and easy cleaning\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g1__product-card\" style=\"--item-delay: 0.54s;\"\u003e\n          \u003cdiv class=\"cr-g1__quantity\"\u003e1×\u003c\/div\u003e\n          \u003cdiv class=\"cr-g1__product-icon\" aria-hidden=\"true\"\u003e🪣\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g1__product-copy\"\u003e\n            \u003ch4\u003ePlay Dough\u003c\/h4\u003e\n            \u003cp\u003e500 g\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g1__product-card\" style=\"--item-delay: 0.57s;\"\u003e\n          \u003cdiv class=\"cr-g1__quantity\"\u003e1×\u003c\/div\u003e\n          \u003cdiv class=\"cr-g1__product-icon\" aria-hidden=\"true\"\u003e🖊️\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g1__product-copy\"\u003e\n            \u003ch4\u003ePenflex Whiteboard Markers\u003c\/h4\u003e\n            \u003cp\u003ePack of 4\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g1__product-card\" style=\"--item-delay: 0.60s;\"\u003e\n          \u003cdiv class=\"cr-g1__quantity\"\u003e1×\u003c\/div\u003e\n          \u003cdiv class=\"cr-g1__product-icon\" aria-hidden=\"true\"\u003e🪑\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g1__product-copy\"\u003e\n            \u003ch4\u003ePVC Chair Bag\u003c\/h4\u003e\n            \u003cp\u003eExtra classroom storage\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g1__product-card cr-g1__product-card--wide\" style=\"--item-delay: 0.63s;\"\u003e\n          \u003cdiv class=\"cr-g1__quantity\"\u003e1×\u003c\/div\u003e\n          \u003cdiv class=\"cr-g1__product-icon\" aria-hidden=\"true\"\u003e✎\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g1__product-copy\"\u003e\n            \u003ch4\u003eCroxley Create HB Pencils\u003c\/h4\u003e\n            \u003cp\u003ePack of 12 for writing, drawing and everyday classroom work\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-g1__section cr-g1__reveal\"\u003e\n      \u003cdiv class=\"cr-g1__section-heading\"\u003e\n        \u003cspan class=\"cr-g1__eyebrow\"\u003eSimple school preparation\u003c\/span\u003e\n        \u003ch3\u003eWhy Parents Love It\u003c\/h3\u003e\n\n        \u003cp\u003e\n          A complete, organised solution that makes preparing for Grade 1\n          easier.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cr-g1__benefit-grid\"\u003e\n\n        \u003carticle class=\"cr-g1__benefit-card\"\u003e\n          \u003cdiv class=\"cr-g1__benefit-icon\" aria-hidden=\"true\"\u003e✓\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g1__benefit-copy\"\u003e\n            \u003cspan class=\"cr-g1__benefit-number\"\u003e01\u003c\/span\u003e\n            \u003ch4\u003eReady for School\u003c\/h4\u003e\n\n            \u003cp\u003e\n              Conveniently packed and ready for your learner’s first day.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g1__benefit-card\"\u003e\n          \u003cdiv class=\"cr-g1__benefit-icon\" aria-hidden=\"true\"\u003e★\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g1__benefit-copy\"\u003e\n            \u003cspan class=\"cr-g1__benefit-number\"\u003e02\u003c\/span\u003e\n            \u003ch4\u003eTrusted Brands\u003c\/h4\u003e\n\n            \u003cp\u003e\n              Includes reliable stationery brands that parents know and trust.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g1__benefit-card\"\u003e\n          \u003cdiv class=\"cr-g1__benefit-icon\" aria-hidden=\"true\"\u003e✏\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g1__benefit-copy\"\u003e\n            \u003cspan class=\"cr-g1__benefit-number\"\u003e03\u003c\/span\u003e\n            \u003ch4\u003eMade for Grade 1\u003c\/h4\u003e\n\n            \u003cp\u003e\n              Suitable for writing, art, filing and everyday classroom\n              projects.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g1__benefit-card\"\u003e\n          \u003cdiv class=\"cr-g1__benefit-icon\" aria-hidden=\"true\"\u003e⏱\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g1__benefit-copy\"\u003e\n            \u003cspan class=\"cr-g1__benefit-number\"\u003e04\u003c\/span\u003e\n            \u003ch4\u003eSaves You Time\u003c\/h4\u003e\n\n            \u003cp\u003e\n              No need to search for and purchase every supply individually.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g1__benefit-card\"\u003e\n          \u003cdiv class=\"cr-g1__benefit-icon\" aria-hidden=\"true\"\u003e▦\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g1__benefit-copy\"\u003e\n            \u003cspan class=\"cr-g1__benefit-number\"\u003e05\u003c\/span\u003e\n            \u003ch4\u003eHelps Learners Stay Organised\u003c\/h4\u003e\n\n            \u003cp\u003e\n              Includes practical filing, storage and classroom organisation\n              essentials.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g1__benefit-card\"\u003e\n          \u003cdiv class=\"cr-g1__benefit-icon\" aria-hidden=\"true\"\u003e✦\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g1__benefit-copy\"\u003e\n            \u003cspan class=\"cr-g1__benefit-number\"\u003e06\u003c\/span\u003e\n            \u003ch4\u003eStress-Free Preparation\u003c\/h4\u003e\n\n            \u003cp\u003e\n              Makes preparing for the new school year simple and convenient.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- NOTE --\u003e\n    \u003caside class=\"cr-g1__note cr-g1__reveal\"\u003e\n      \u003cdiv class=\"cr-g1__note-icon\"\u003ei\u003c\/div\u003e\n\n      \u003cdiv class=\"cr-g1__note-copy\"\u003e\n        \u003cstrong\u003ePlease note\u003c\/strong\u003e\n\n        \u003cp\u003e\n          Product packaging, designs or colours may vary slightly depending on\n          supplier availability. The product type and quantity will remain the\n          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-grade1 {\n    --cr-navy: #123b63;\n    --cr-teal: #18a999;\n    --cr-gold: #f6c445;\n    --cr-white: #ffffff;\n\n    --cr-soft-teal: #e9f8f6;\n    --cr-soft-gold: #fff8df;\n    --cr-text: #284760;\n    --cr-muted: #687c8c;\n    --cr-border: rgba(18, 59, 99, 0.12);\n\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    margin: 32px 0;\n    padding: 76px 24px;\n    border: 1px solid rgba(18, 59, 99, 0.08);\n    border-radius: 32px;\n    background:\n      radial-gradient(\n        circle at 5% 4%,\n        rgba(246, 196, 69, 0.24),\n        transparent 27%\n      ),\n      radial-gradient(\n        circle at 96% 94%,\n        rgba(24, 169, 153, 0.18),\n        transparent 31%\n      ),\n      linear-gradient(\n        145deg,\n        #ffffff 0%,\n        #f7fcfb 52%,\n        #ffffff 100%\n      );\n    box-shadow:\n      0 26px 80px rgba(18, 59, 99, 0.12),\n      inset 0 1px 0 rgba(255, 255, 255, 0.9);\n    color: var(--cr-text);\n    font-family: inherit;\n  }\n\n  #class-ready-grade1 *,\n  #class-ready-grade1 *::before,\n  #class-ready-grade1 *::after {\n    box-sizing: border-box;\n  }\n\n  #class-ready-grade1 h2,\n  #class-ready-grade1 h3,\n  #class-ready-grade1 h4,\n  #class-ready-grade1 p {\n    word-break: normal;\n    overflow-wrap: break-word;\n    hyphens: none;\n  }\n\n  #class-ready-grade1 .cr-g1__container {\n    position: relative;\n    z-index: 2;\n    width: min(1180px, 100%);\n    margin: 0 auto;\n  }\n\n  \/* BACKGROUND SHAPES *\/\n\n  #class-ready-grade1 .cr-g1__shape {\n    position: absolute;\n    z-index: 0;\n    border-radius: 999px;\n    pointer-events: none;\n    animation: crG1Float 9s ease-in-out infinite;\n  }\n\n  #class-ready-grade1 .cr-g1__shape--gold {\n    top: -110px;\n    right: -90px;\n    width: 300px;\n    height: 300px;\n    background: rgba(246, 196, 69, 0.21);\n  }\n\n  #class-ready-grade1 .cr-g1__shape--teal {\n    bottom: -145px;\n    left: -115px;\n    width: 380px;\n    height: 380px;\n    background: rgba(24, 169, 153, 0.15);\n    animation-delay: -3s;\n  }\n\n  #class-ready-grade1 .cr-g1__shape--ring {\n    top: 46%;\n    right: -80px;\n    width: 185px;\n    height: 185px;\n    border: 30px solid rgba(18, 59, 99, 0.035);\n    background: transparent;\n    animation-delay: -5s;\n  }\n\n  \/* HERO *\/\n\n  #class-ready-grade1 .cr-g1__hero {\n    max-width: 920px;\n    margin: 0 auto 78px;\n    text-align: center;\n  }\n\n  #class-ready-grade1 .cr-g1__badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 22px;\n    padding: 10px 17px;\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 30px rgba(18, 59, 99, 0.08);\n    color: var(--cr-navy);\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    backdrop-filter: blur(10px);\n  }\n\n  #class-ready-grade1 .cr-g1__badge-dot {\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background: var(--cr-teal);\n    box-shadow: 0 0 0 6px rgba(24, 169, 153, 0.13);\n    animation: crG1Pulse 2.2s ease-in-out infinite;\n  }\n\n  #class-ready-grade1 .cr-g1__title {\n    margin: 0;\n    color: var(--cr-navy);\n    font-size: clamp(44px, 7vw, 82px);\n    font-weight: 800;\n    line-height: 0.97;\n    letter-spacing: -0.055em;\n  }\n\n  #class-ready-grade1 .cr-g1__title span {\n    display: block;\n    margin-top: 12px;\n    padding-bottom: 5px;\n    background: linear-gradient(\n      90deg,\n      var(--cr-teal) 0%,\n      var(--cr-navy) 48%,\n      var(--cr-gold) 100%\n    );\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    animation: crG1TitleShimmer 7s linear infinite;\n  }\n\n  #class-ready-grade1 .cr-g1__lead {\n    max-width: 840px;\n    margin: 30px auto 0;\n    color: var(--cr-navy);\n    font-size: clamp(18px, 2vw, 22px);\n    font-weight: 650;\n    line-height: 1.65;\n  }\n\n  #class-ready-grade1 .cr-g1__description {\n    max-width: 790px;\n    margin: 17px auto 0;\n    color: var(--cr-muted);\n    font-size: 16px;\n    line-height: 1.75;\n  }\n\n  #class-ready-grade1 .cr-g1__highlights {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 12px;\n    margin-top: 30px;\n  }\n\n  #class-ready-grade1 .cr-g1__highlight {\n    display: flex;\n    align-items: center;\n    gap: 9px;\n    padding: 11px 16px;\n    border: 1px solid var(--cr-border);\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.9);\n    box-shadow: 0 9px 25px rgba(18, 59, 99, 0.07);\n    color: var(--cr-navy);\n    font-size: 14px;\n    font-weight: 750;\n  }\n\n  #class-ready-grade1 .cr-g1__highlight 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(--cr-teal);\n    color: var(--cr-white);\n    font-size: 13px;\n    font-weight: 900;\n  }\n\n  \/* SECTION HEADINGS *\/\n\n  #class-ready-grade1 .cr-g1__section {\n    margin-top: 78px;\n  }\n\n  #class-ready-grade1 .cr-g1__section-heading {\n    max-width: 780px;\n    margin: 0 auto 35px;\n    text-align: center;\n  }\n\n  #class-ready-grade1 .cr-g1__eyebrow {\n    display: block;\n    margin-bottom: 8px;\n    color: var(--cr-teal);\n    font-size: 13px;\n    font-weight: 850;\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n  }\n\n  #class-ready-grade1 .cr-g1__section-heading h3 {\n    margin: 0;\n    color: var(--cr-navy);\n    font-size: clamp(32px, 4.5vw, 48px);\n    font-weight: 800;\n    line-height: 1.08;\n    letter-spacing: -0.035em;\n  }\n\n  #class-ready-grade1 .cr-g1__section-heading p {\n    margin: 12px 0 0;\n    color: var(--cr-muted);\n    font-size: 16px;\n    line-height: 1.65;\n  }\n\n  \/* PRODUCT GRID *\/\n\n  #class-ready-grade1 .cr-g1__product-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 16px;\n  }\n\n  #class-ready-grade1 .cr-g1__product-card {\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(--cr-border);\n    border-radius: 21px;\n    background: rgba(255, 255, 255, 0.95);\n    box-shadow:\n      0 12px 35px rgba(18, 59, 99, 0.065),\n      inset 0 1px 0 rgba(255, 255, 255, 0.9);\n    transition:\n      transform 0.35s ease,\n      border-color 0.35s ease,\n      box-shadow 0.35s ease;\n  }\n\n  #class-ready-grade1.cr-g1--js\n    .cr-g1__reveal:not(.cr-g1__visible)\n    .cr-g1__product-card {\n    opacity: 0;\n    transform: translateY(24px);\n  }\n\n  #class-ready-grade1.cr-g1--js\n    .cr-g1__reveal.cr-g1__visible\n    .cr-g1__product-card {\n    opacity: 1;\n    transform: translateY(0);\n    transition:\n      opacity 0.6s ease var(--item-delay),\n      transform 0.6s ease var(--item-delay),\n      border-color 0.35s ease,\n      box-shadow 0.35s ease;\n  }\n\n  #class-ready-grade1 .cr-g1__product-card--wide {\n    grid-column: 1 \/ -1;\n  }\n\n  #class-ready-grade1 .cr-g1__product-card::before {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      115deg,\n      transparent 24%,\n      rgba(255, 255, 255, 0.85) 50%,\n      transparent 76%\n    );\n    content: \"\";\n    transform: translateX(-130%);\n    transition: transform 0.85s ease;\n  }\n\n  #class-ready-grade1 .cr-g1__product-card::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 76px;\n    height: 76px;\n    border-radius: 0 21px 0 76px;\n    background: rgba(246, 196, 69, 0.11);\n    content: \"\";\n  }\n\n  #class-ready-grade1 .cr-g1__product-card: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-grade1 .cr-g1__product-card:hover::before {\n    transform: translateX(130%);\n  }\n\n  #class-ready-grade1 .cr-g1__quantity {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    width: 46px;\n    height: 46px;\n    flex: 0 0 46px;\n    place-items: center;\n    border-radius: 14px;\n    background: var(--cr-navy);\n    box-shadow: 0 9px 20px rgba(18, 59, 99, 0.2);\n    color: var(--cr-white);\n    font-size: 15px;\n    font-weight: 850;\n  }\n\n  #class-ready-grade1 .cr-g1__product-icon {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    width: 57px;\n    height: 57px;\n    flex: 0 0 57px;\n    place-items: center;\n    border-radius: 17px;\n    background: var(--cr-soft-teal);\n    color: var(--cr-teal);\n    font-size: 27px;\n    line-height: 1;\n    transition:\n      transform 0.35s ease,\n      background 0.35s ease;\n  }\n\n  #class-ready-grade1\n    .cr-g1__product-card:hover\n    .cr-g1__product-icon {\n    background: rgba(24, 169, 153, 0.18);\n    transform: rotate(-6deg) scale(1.08);\n  }\n\n  #class-ready-grade1 .cr-g1__product-copy {\n    position: relative;\n    z-index: 2;\n    min-width: 0;\n  }\n\n  #class-ready-grade1 .cr-g1__product-copy h4 {\n    margin: 0;\n    color: var(--cr-navy);\n    font-size: 16px;\n    font-weight: 780;\n    line-height: 1.35;\n  }\n\n  #class-ready-grade1 .cr-g1__product-copy p {\n    margin: 5px 0 0;\n    color: var(--cr-muted);\n    font-size: 14px;\n    line-height: 1.45;\n  }\n\n  \/* BENEFITS — WIDE CARDS TO PREVENT AWKWARD WORD BREAKING *\/\n\n  #class-ready-grade1 .cr-g1__benefit-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  #class-ready-grade1 .cr-g1__benefit-card {\n    position: relative;\n    display: flex;\n    align-items: flex-start;\n    gap: 18px;\n    min-height: 154px;\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.9);\n    transition:\n      transform 0.35s ease,\n      border-color 0.35s ease,\n      box-shadow 0.35s ease;\n  }\n\n  #class-ready-grade1 .cr-g1__benefit-card::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 5px;\n    height: 100%;\n    background: linear-gradient(\n      180deg,\n      var(--cr-teal),\n      var(--cr-gold)\n    );\n    content: \"\";\n  }\n\n  #class-ready-grade1 .cr-g1__benefit-card::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-grade1 .cr-g1__benefit-card: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-grade1 .cr-g1__benefit-card:hover::after {\n    transform: scale(1.18);\n  }\n\n  #class-ready-grade1 .cr-g1__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(\n      145deg,\n      var(--cr-teal),\n      #118e82\n    );\n    box-shadow: 0 10px 22px rgba(24, 169, 153, 0.25);\n    color: var(--cr-white);\n    font-size: 24px;\n    font-weight: 900;\n    transition:\n      transform 0.35s ease,\n      box-shadow 0.35s ease;\n  }\n\n  #class-ready-grade1\n    .cr-g1__benefit-card:hover\n    .cr-g1__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-grade1 .cr-g1__benefit-copy {\n    position: relative;\n    z-index: 2;\n    flex: 1;\n    min-width: 0;\n  }\n\n  #class-ready-grade1 .cr-g1__benefit-number {\n    display: block;\n    margin-bottom: 6px;\n    color: var(--cr-teal);\n    font-size: 12px;\n    font-weight: 850;\n    letter-spacing: 0.12em;\n  }\n\n  #class-ready-grade1 .cr-g1__benefit-card h4 {\n    margin: 0;\n    color: var(--cr-navy);\n    font-size: 19px;\n    font-weight: 800;\n    line-height: 1.25;\n  }\n\n  #class-ready-grade1 .cr-g1__benefit-card p {\n    max-width: 440px;\n    margin: 8px 0 0;\n    color: var(--cr-muted);\n    font-size: 14px;\n    line-height: 1.65;\n  }\n\n  \/* NOTE *\/\n\n  #class-ready-grade1 .cr-g1__note {\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:\n      linear-gradient(\n        120deg,\n        rgba(246, 196, 69, 0.18),\n        rgba(255, 255, 255, 0.94)\n      );\n    box-shadow: 0 13px 34px rgba(18, 59, 99, 0.07);\n  }\n\n  #class-ready-grade1 .cr-g1__note-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(--cr-gold);\n    box-shadow: 0 8px 18px rgba(246, 196, 69, 0.32);\n    color: var(--cr-navy);\n    font-size: 18px;\n    font-weight: 900;\n  }\n\n  #class-ready-grade1 .cr-g1__note-copy strong {\n    color: var(--cr-navy);\n    font-size: 16px;\n    font-weight: 800;\n  }\n\n  #class-ready-grade1 .cr-g1__note-copy 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-grade1.cr-g1--js .cr-g1__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-grade1.cr-g1--js .cr-g1__reveal.cr-g1__visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* ANIMATIONS *\/\n\n  @keyframes crG1Float {\n    0%,\n    100% {\n      transform: translate3d(0, 0, 0) scale(1);\n    }\n\n    50% {\n      transform: translate3d(18px, -20px, 0) scale(1.07);\n    }\n  }\n\n  @keyframes crG1Pulse {\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 crG1TitleShimmer {\n    0% {\n      background-position: 0% center;\n    }\n\n    100% {\n      background-position: 200% center;\n    }\n  }\n\n  \/* TABLET *\/\n\n  @media screen and (max-width: 800px) {\n    #class-ready-grade1 {\n      padding: 58px 18px;\n      border-radius: 25px;\n    }\n\n    #class-ready-grade1 .cr-g1__hero {\n      margin-bottom: 60px;\n    }\n\n    #class-ready-grade1 .cr-g1__benefit-grid {\n      grid-template-columns: 1fr;\n    }\n\n    #class-ready-grade1 .cr-g1__benefit-card {\n      min-height: 145px;\n    }\n  }\n\n  \/* MOBILE *\/\n\n  @media screen and (max-width: 650px) {\n    #class-ready-grade1 {\n      margin: 20px 0;\n      padding: 45px 14px;\n      border-radius: 22px;\n    }\n\n    #class-ready-grade1 .cr-g1__title {\n      font-size: clamp(40px, 13vw, 58px);\n    }\n\n    #class-ready-grade1 .cr-g1__product-grid {\n      grid-template-columns: 1fr;\n    }\n\n    #class-ready-grade1 .cr-g1__product-card,\n    #class-ready-grade1 .cr-g1__product-card--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-grade1 .cr-g1__quantity {\n      width: 41px;\n      height: 41px;\n      flex-basis: 41px;\n      border-radius: 12px;\n    }\n\n    #class-ready-grade1 .cr-g1__product-icon {\n      width: 49px;\n      height: 49px;\n      flex-basis: 49px;\n      border-radius: 15px;\n      font-size: 23px;\n    }\n\n    #class-ready-grade1 .cr-g1__benefit-card {\n      gap: 14px;\n      min-height: auto;\n      padding: 20px 17px;\n    }\n\n    #class-ready-grade1 .cr-g1__benefit-icon {\n      width: 50px;\n      height: 50px;\n      flex-basis: 50px;\n      border-radius: 15px;\n      font-size: 21px;\n    }\n\n    #class-ready-grade1 .cr-g1__benefit-card h4 {\n      font-size: 17px;\n    }\n\n    #class-ready-grade1 .cr-g1__benefit-card p {\n      font-size: 13px;\n    }\n\n    #class-ready-grade1 .cr-g1__note {\n      padding: 18px;\n    }\n  }\n\n  @media screen and (max-width: 430px) {\n    #class-ready-grade1 .cr-g1__product-card {\n      gap: 10px;\n      padding: 14px 12px;\n    }\n\n    #class-ready-grade1 .cr-g1__quantity {\n      width: 37px;\n      height: 37px;\n      flex-basis: 37px;\n      font-size: 13px;\n    }\n\n    #class-ready-grade1 .cr-g1__product-icon {\n      width: 43px;\n      height: 43px;\n      flex-basis: 43px;\n      font-size: 20px;\n    }\n\n    #class-ready-grade1 .cr-g1__product-copy h4 {\n      font-size: 14px;\n    }\n\n    #class-ready-grade1 .cr-g1__product-copy p {\n      font-size: 12px;\n    }\n  }\n\n  \/* REDUCED MOTION *\/\n\n  @media (prefers-reduced-motion: reduce) {\n    #class-ready-grade1 *,\n    #class-ready-grade1 *::before,\n    #class-ready-grade1 *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n    }\n\n    #class-ready-grade1 .cr-g1__reveal,\n    #class-ready-grade1 .cr-g1__product-card {\n      opacity: 1 !important;\n      transform: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  (function () {\n    function initialiseGrade1Section(root) {\n      var sections = root.querySelectorAll\n        ? root.querySelectorAll(\"[data-cr-grade1]\")\n        : [];\n\n      sections.forEach(function (section) {\n        if (section.dataset.crInitialised === \"true\") {\n          return;\n        }\n\n        section.dataset.crInitialised = \"true\";\n        section.classList.add(\"cr-g1--js\");\n\n        var revealItems = section.querySelectorAll(\".cr-g1__reveal\");\n\n        if (!(\"IntersectionObserver\" in window)) {\n          revealItems.forEach(function (item) {\n            item.classList.add(\"cr-g1__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-g1__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        initialiseGrade1Section(document);\n      });\n    } else {\n      initialiseGrade1Section(document);\n    }\n\n    document.addEventListener(\"shopify:section:load\", function (event) {\n      initialiseGrade1Section(event.target);\n    });\n  })();\n\u003c\/script\u003e","brand":"Class Ready","offers":[{"title":"Default Title","offer_id":43165010526306,"sku":null,"price":1199.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0685\/0134\/0258\/files\/ChatGPTImageJul30_2026_08_08_08PM.png?v=1785434906"},{"product_id":"grade-2-stationery-pack-✏️🎨","title":"Grade 2 Stationery Pack ✏️🎨","description":"\u003csection id=\"class-ready-grade2\" class=\"cr-g2\" data-cr-grade2 aria-label=\"Grade 2 Stationery Pack details\"\u003e\n  \u003cdiv class=\"cr-g2__shape cr-g2__shape--gold\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"cr-g2__shape cr-g2__shape--teal\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"cr-g2__shape cr-g2__shape--ring\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"cr-g2__container\"\u003e\n\n    \u003c!-- HERO --\u003e\n    \u003cheader class=\"cr-g2__hero cr-g2__reveal\"\u003e\n      \u003cdiv class=\"cr-g2__badge\"\u003e\n        \u003cspan class=\"cr-g2__badge-dot\"\u003e\u003c\/span\u003e\n        Complete Grade 2 Essentials\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"cr-g2__title\"\u003e\n        Grade 2\n        \u003cspan\u003eStationery Pack\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"cr-g2__lead\"\u003e\n        Get your learner fully classroom-ready with a complete Grade 2\n        stationery pack filled with trusted essentials for writing, drawing,\n        colouring, cutting, pasting and creative school projects.\n      \u003c\/p\u003e\n\n      \u003cp class=\"cr-g2__description\"\u003e\n        Everything is conveniently pre-packed, helping parents save time while\n        ensuring learners have the supplies they need for a confident,\n        organised and creative start to the school year.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"cr-g2__highlights\"\u003e\n        \u003cdiv class=\"cr-g2__highlight\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          Pre-packed\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cr-g2__highlight\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          Trusted brands\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cr-g2__highlight\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          Grade 2 ready\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cr-g2__highlight\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          Writing and art essentials\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/header\u003e\n\n    \u003c!-- PACK CONTENTS --\u003e\n    \u003csection class=\"cr-g2__section cr-g2__reveal\"\u003e\n      \u003cdiv class=\"cr-g2__section-heading\"\u003e\n        \u003cspan class=\"cr-g2__eyebrow\"\u003eEverything in one convenient pack\u003c\/span\u003e\n\n        \u003ch3\u003eWhat’s Included\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Carefully selected writing, colouring and classroom essentials for\n          your Grade 2 learner.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cr-g2__product-grid\"\u003e\n\n        \u003carticle class=\"cr-g2__product-card\" style=\"--item-delay: 0.03s;\"\u003e\n          \u003cdiv class=\"cr-g2__quantity\"\u003e2×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M6 3h9l3 3v15H6z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M15 3v4h4\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M9 11h6M9 15h6\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-copy\"\u003e\n            \u003ch4\u003eTypek A4 Copy Paper\u003c\/h4\u003e\n            \u003cp\u003e80 gsm, 500 sheets per ream\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g2__product-card\" style=\"--item-delay: 0.06s;\"\u003e\n          \u003cdiv class=\"cr-g2__quantity\"\u003e2×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M4 20l4.5-1 10-10-3.5-3.5-10 10z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M13.5 6.5l3.5 3.5\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-copy\"\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-g2__product-card\" style=\"--item-delay: 0.09s;\"\u003e\n          \u003cdiv class=\"cr-g2__quantity\"\u003e1×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M4 20l4.5-1 10-10-3.5-3.5-10 10z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M6 16l3 3\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-copy\"\u003e\n            \u003ch4\u003eCroxley Create HB 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-g2__product-card\" style=\"--item-delay: 0.12s;\"\u003e\n          \u003cdiv class=\"cr-g2__quantity\"\u003e2×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M4 8h16v8H4z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M7 8v3M10 8v2M13 8v3M16 8v2\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-copy\"\u003e\n            \u003ch4\u003eShatterproof Plastic Rulers\u003c\/h4\u003e\n            \u003cp\u003e30 cm each\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g2__product-card\" style=\"--item-delay: 0.15s;\"\u003e\n          \u003cdiv class=\"cr-g2__quantity\"\u003e3×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M8 3h8v4H8z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M7 7h10v14H7z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M10 11h4\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-copy\"\u003e\n            \u003ch4\u003eStaedtler Glue Sticks\u003c\/h4\u003e\n            \u003cp\u003e40 g each\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g2__product-card\" style=\"--item-delay: 0.18s;\"\u003e\n          \u003cdiv class=\"cr-g2__quantity\"\u003e2×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003ccircle cx=\"7\" cy=\"17\" r=\"3\"\u003e\u003c\/circle\u003e\n              \u003ccircle cx=\"17\" cy=\"17\" r=\"3\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M9 15L18 4M15 15L6 4\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-copy\"\u003e\n            \u003ch4\u003eStaedtler Right-Handed Scissors\u003c\/h4\u003e\n            \u003cp\u003e14 cm\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g2__product-card\" style=\"--item-delay: 0.21s;\"\u003e\n          \u003cdiv class=\"cr-g2__quantity\"\u003e1×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M4 7h16v12H4z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M4 10h16\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M8 7V5h8v2\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-copy\"\u003e\n            \u003ch4\u003eDenim Pencil Case\u003c\/h4\u003e\n            \u003cp\u003eConvenient stationery storage\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g2__product-card\" style=\"--item-delay: 0.24s;\"\u003e\n          \u003cdiv class=\"cr-g2__quantity\"\u003e2×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M5 8h14v9H5z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M8 8V6h8v2\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-copy\"\u003e\n            \u003ch4\u003eStaedtler T30 Erasers\u003c\/h4\u003e\n            \u003cp\u003eClean and reliable erasing\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g2__product-card\" style=\"--item-delay: 0.27s;\"\u003e\n          \u003cdiv class=\"cr-g2__quantity\"\u003e2×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M7 4h10v16H7z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M9 7h6M9 11h6M9 15h4\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-copy\"\u003e\n            \u003ch4\u003eStaedtler Wax Crayons\u003c\/h4\u003e\n            \u003cp\u003ePack of 24\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g2__product-card\" style=\"--item-delay: 0.30s;\"\u003e\n          \u003cdiv class=\"cr-g2__quantity\"\u003e1×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M4 5h16v14H4z\"\u003e\u003c\/path\u003e\n              \u003ccircle cx=\"8\" cy=\"9\" r=\"1.5\"\u003e\u003c\/circle\u003e\n              \u003ccircle cx=\"12\" cy=\"9\" r=\"1.5\"\u003e\u003c\/circle\u003e\n              \u003ccircle cx=\"16\" cy=\"9\" r=\"1.5\"\u003e\u003c\/circle\u003e\n              \u003ccircle cx=\"8\" cy=\"14\" r=\"1.5\"\u003e\u003c\/circle\u003e\n              \u003ccircle cx=\"12\" cy=\"14\" r=\"1.5\"\u003e\u003c\/circle\u003e\n              \u003ccircle cx=\"16\" cy=\"14\" r=\"1.5\"\u003e\u003c\/circle\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-copy\"\u003e\n            \u003ch4\u003eStaedtler Watercolours\u003c\/h4\u003e\n            \u003cp\u003eSet of 12\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g2__product-card\" style=\"--item-delay: 0.33s;\"\u003e\n          \u003cdiv class=\"cr-g2__quantity\"\u003e1×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M5 5h14v14H5z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M8 8h8M8 12h8M8 16h8\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-copy\"\u003e\n            \u003ch4\u003eStaedtler Oil Pastels\u003c\/h4\u003e\n            \u003cp\u003ePack of 25\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g2__product-card\" style=\"--item-delay: 0.36s;\"\u003e\n          \u003cdiv class=\"cr-g2__quantity\"\u003e1×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M8 3h8l3 5v13H5V8z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M8 3v6M16 3v6M8 14h8\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-copy\"\u003e\n            \u003ch4\u003eButterfly Art Apron\u003c\/h4\u003e\n            \u003cp\u003eFor creative classroom activities\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g2__product-card\" style=\"--item-delay: 0.39s;\"\u003e\n          \u003cdiv class=\"cr-g2__quantity\"\u003e2×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M6 8h12v10H6z\"\u003e\u003c\/path\u003e\n              \u003ccircle cx=\"10\" cy=\"8\" r=\"2\"\u003e\u003c\/circle\u003e\n              \u003ccircle cx=\"15\" cy=\"8\" r=\"1\"\u003e\u003c\/circle\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-copy\"\u003e\n            \u003ch4\u003eStaedtler Double-Hole Barrel Sharpeners\u003c\/h4\u003e\n            \u003cp\u003eEasy and tidy sharpening\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g2__product-card\" style=\"--item-delay: 0.42s;\"\u003e\n          \u003cdiv class=\"cr-g2__quantity\"\u003e2×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M5 4h14v16H5z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M8 4v16\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M11 8h5M11 12h5\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-copy\"\u003e\n            \u003ch4\u003eDisplay Books\u003c\/h4\u003e\n            \u003cp\u003e20 pockets each\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g2__product-card cr-g2__product-card--wide\" style=\"--item-delay: 0.45s;\"\u003e\n          \u003cdiv class=\"cr-g2__quantity\"\u003e1×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M4 5h7v15H4zM13 5h7v15h-7z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M11 7c1-.8 2-.8 2 0\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__product-copy\"\u003e\n            \u003ch4\u003eMega Colouring Book\u003c\/h4\u003e\n            \u003cp\u003e80 pages of creative colouring activities\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-g2__section cr-g2__reveal\"\u003e\n      \u003cdiv class=\"cr-g2__section-heading\"\u003e\n        \u003cspan class=\"cr-g2__eyebrow\"\u003eSimple school preparation\u003c\/span\u003e\n\n        \u003ch3\u003eWhy Parents Love It\u003c\/h3\u003e\n\n        \u003cp\u003e\n          A complete and convenient stationery solution designed to make\n          preparing for Grade 2 easier.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cr-g2__benefit-grid\"\u003e\n\n        \u003carticle class=\"cr-g2__benefit-card\"\u003e\n          \u003cdiv class=\"cr-g2__benefit-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M5 4h14v16H5z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M8 9l2.5 2.5L16 6\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M8 15h8\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__benefit-copy\"\u003e\n            \u003cspan class=\"cr-g2__benefit-number\"\u003e01\u003c\/span\u003e\n            \u003ch4\u003eReady for School\u003c\/h4\u003e\n\n            \u003cp\u003e\n              Conveniently packed and ready for your learner’s first day.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g2__benefit-card\"\u003e\n          \u003cdiv class=\"cr-g2__benefit-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M12 3l2.6 5.3 5.9.9-4.3 4.2 1 5.9-5.2-2.8-5.2 2.8 1-5.9-4.3-4.2 5.9-.9z\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__benefit-copy\"\u003e\n            \u003cspan class=\"cr-g2__benefit-number\"\u003e02\u003c\/span\u003e\n            \u003ch4\u003eTrusted Stationery Brands\u003c\/h4\u003e\n\n            \u003cp\u003e\n              Includes reliable brands that parents know and trust.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g2__benefit-card\"\u003e\n          \u003cdiv class=\"cr-g2__benefit-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M4 5h16v14H4z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M8 9h8M8 13h5\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__benefit-copy\"\u003e\n            \u003cspan class=\"cr-g2__benefit-number\"\u003e03\u003c\/span\u003e\n            \u003ch4\u003eMade for Grade 2\u003c\/h4\u003e\n\n            \u003cp\u003e\n              Perfect for writing, colouring, cutting and classroom projects.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g2__benefit-card\"\u003e\n          \u003cdiv class=\"cr-g2__benefit-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003ccircle cx=\"12\" cy=\"12\" r=\"8\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M12 8v5l3 2\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__benefit-copy\"\u003e\n            \u003cspan class=\"cr-g2__benefit-number\"\u003e04\u003c\/span\u003e\n            \u003ch4\u003eSaves You Time\u003c\/h4\u003e\n\n            \u003cp\u003e\n              No need to search for and purchase every supply individually.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g2__benefit-card\"\u003e\n          \u003cdiv class=\"cr-g2__benefit-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M5 5h14v14H5z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M8 9h8M8 13h8M8 17h5\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__benefit-copy\"\u003e\n            \u003cspan class=\"cr-g2__benefit-number\"\u003e05\u003c\/span\u003e\n            \u003ch4\u003eGenerous Quantities\u003c\/h4\u003e\n\n            \u003cp\u003e\n              Includes additional everyday essentials for continued classroom\n              use.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g2__benefit-card\"\u003e\n          \u003cdiv class=\"cr-g2__benefit-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M5 12l4 4L19 6\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g2__benefit-copy\"\u003e\n            \u003cspan class=\"cr-g2__benefit-number\"\u003e06\u003c\/span\u003e\n            \u003ch4\u003eStress-Free Preparation\u003c\/h4\u003e\n\n            \u003cp\u003e\n              Makes preparing for the school year simple and convenient.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- IMPORTANT NOTE --\u003e\n    \u003caside class=\"cr-g2__note cr-g2__reveal\"\u003e\n      \u003cdiv class=\"cr-g2__note-icon\"\u003ei\u003c\/div\u003e\n\n      \u003cdiv class=\"cr-g2__note-copy\"\u003e\n        \u003cstrong\u003ePlease note\u003c\/strong\u003e\n\n        \u003cp\u003e\n          Product packaging, designs or colours may vary slightly depending on\n          supplier availability. The product type and quantity will remain the\n          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-grade2 {\n    --cr-navy: #123b63;\n    --cr-teal: #18a999;\n    --cr-gold: #f6c445;\n    --cr-white: #ffffff;\n\n    --cr-soft-teal: #e9f8f6;\n    --cr-soft-gold: #fff8df;\n    --cr-text: #284760;\n    --cr-muted: #687c8c;\n    --cr-border: rgba(18, 59, 99, 0.12);\n\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    margin: 32px 0;\n    padding: 76px 24px;\n    border: 1px solid rgba(18, 59, 99, 0.08);\n    border-radius: 32px;\n    background:\n      radial-gradient(\n        circle at 5% 4%,\n        rgba(246, 196, 69, 0.24),\n        transparent 27%\n      ),\n      radial-gradient(\n        circle at 96% 94%,\n        rgba(24, 169, 153, 0.18),\n        transparent 31%\n      ),\n      linear-gradient(\n        145deg,\n        #ffffff 0%,\n        #f7fcfb 52%,\n        #ffffff 100%\n      );\n    box-shadow:\n      0 26px 80px rgba(18, 59, 99, 0.12),\n      inset 0 1px 0 rgba(255, 255, 255, 0.9);\n    color: var(--cr-text);\n    font-family: inherit;\n  }\n\n  #class-ready-grade2 *,\n  #class-ready-grade2 *::before,\n  #class-ready-grade2 *::after {\n    box-sizing: border-box;\n  }\n\n  #class-ready-grade2 h2,\n  #class-ready-grade2 h3,\n  #class-ready-grade2 h4,\n  #class-ready-grade2 p {\n    word-break: normal;\n    overflow-wrap: break-word;\n    hyphens: none;\n  }\n\n  #class-ready-grade2 .cr-g2__container {\n    position: relative;\n    z-index: 2;\n    width: min(1180px, 100%);\n    margin: 0 auto;\n  }\n\n  \/* BACKGROUND SHAPES *\/\n\n  #class-ready-grade2 .cr-g2__shape {\n    position: absolute;\n    z-index: 0;\n    border-radius: 999px;\n    pointer-events: none;\n    animation: crG2Float 9s ease-in-out infinite;\n  }\n\n  #class-ready-grade2 .cr-g2__shape--gold {\n    top: -110px;\n    right: -90px;\n    width: 300px;\n    height: 300px;\n    background: rgba(246, 196, 69, 0.21);\n  }\n\n  #class-ready-grade2 .cr-g2__shape--teal {\n    bottom: -145px;\n    left: -115px;\n    width: 380px;\n    height: 380px;\n    background: rgba(24, 169, 153, 0.15);\n    animation-delay: -3s;\n  }\n\n  #class-ready-grade2 .cr-g2__shape--ring {\n    top: 46%;\n    right: -80px;\n    width: 185px;\n    height: 185px;\n    border: 30px solid rgba(18, 59, 99, 0.035);\n    background: transparent;\n    animation-delay: -5s;\n  }\n\n  \/* HERO *\/\n\n  #class-ready-grade2 .cr-g2__hero {\n    max-width: 920px;\n    margin: 0 auto 78px;\n    text-align: center;\n  }\n\n  #class-ready-grade2 .cr-g2__badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 22px;\n    padding: 10px 17px;\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 30px rgba(18, 59, 99, 0.08);\n    color: var(--cr-navy);\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    backdrop-filter: blur(10px);\n  }\n\n  #class-ready-grade2 .cr-g2__badge-dot {\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background: var(--cr-teal);\n    box-shadow: 0 0 0 6px rgba(24, 169, 153, 0.13);\n    animation: crG2Pulse 2.2s ease-in-out infinite;\n  }\n\n  #class-ready-grade2 .cr-g2__title {\n    margin: 0;\n    color: var(--cr-navy);\n    font-size: clamp(44px, 7vw, 82px);\n    font-weight: 800;\n    line-height: 0.97;\n    letter-spacing: -0.055em;\n  }\n\n  #class-ready-grade2 .cr-g2__title span {\n    display: block;\n    margin-top: 12px;\n    padding-bottom: 5px;\n    background: linear-gradient(\n      90deg,\n      var(--cr-teal) 0%,\n      var(--cr-navy) 48%,\n      var(--cr-gold) 100%\n    );\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    animation: crG2TitleShimmer 7s linear infinite;\n  }\n\n  #class-ready-grade2 .cr-g2__lead {\n    max-width: 840px;\n    margin: 30px auto 0;\n    color: var(--cr-navy);\n    font-size: clamp(18px, 2vw, 22px);\n    font-weight: 650;\n    line-height: 1.65;\n  }\n\n  #class-ready-grade2 .cr-g2__description {\n    max-width: 790px;\n    margin: 17px auto 0;\n    color: var(--cr-muted);\n    font-size: 16px;\n    line-height: 1.75;\n  }\n\n  #class-ready-grade2 .cr-g2__highlights {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 12px;\n    margin-top: 30px;\n  }\n\n  #class-ready-grade2 .cr-g2__highlight {\n    display: flex;\n    align-items: center;\n    gap: 9px;\n    padding: 11px 16px;\n    border: 1px solid var(--cr-border);\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.9);\n    box-shadow: 0 9px 25px rgba(18, 59, 99, 0.07);\n    color: var(--cr-navy);\n    font-size: 14px;\n    font-weight: 750;\n  }\n\n  #class-ready-grade2 .cr-g2__highlight 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(--cr-teal);\n    color: var(--cr-white);\n    font-size: 13px;\n    font-weight: 900;\n  }\n\n  \/* SECTION HEADINGS *\/\n\n  #class-ready-grade2 .cr-g2__section {\n    margin-top: 78px;\n  }\n\n  #class-ready-grade2 .cr-g2__section-heading {\n    max-width: 780px;\n    margin: 0 auto 35px;\n    text-align: center;\n  }\n\n  #class-ready-grade2 .cr-g2__eyebrow {\n    display: block;\n    margin-bottom: 8px;\n    color: var(--cr-teal);\n    font-size: 13px;\n    font-weight: 850;\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n  }\n\n  #class-ready-grade2 .cr-g2__section-heading h3 {\n    margin: 0;\n    color: var(--cr-navy);\n    font-size: clamp(32px, 4.5vw, 48px);\n    font-weight: 800;\n    line-height: 1.08;\n    letter-spacing: -0.035em;\n  }\n\n  #class-ready-grade2 .cr-g2__section-heading p {\n    margin: 12px 0 0;\n    color: var(--cr-muted);\n    font-size: 16px;\n    line-height: 1.65;\n  }\n\n  \/* PRODUCT GRID *\/\n\n  #class-ready-grade2 .cr-g2__product-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 16px;\n  }\n\n  #class-ready-grade2 .cr-g2__product-card {\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(--cr-border);\n    border-radius: 21px;\n    background: rgba(255, 255, 255, 0.95);\n    box-shadow:\n      0 12px 35px rgba(18, 59, 99, 0.065),\n      inset 0 1px 0 rgba(255, 255, 255, 0.9);\n    transition:\n      transform 0.35s ease,\n      border-color 0.35s ease,\n      box-shadow 0.35s ease;\n  }\n\n  #class-ready-grade2.cr-g2--js\n    .cr-g2__reveal:not(.cr-g2__visible)\n    .cr-g2__product-card {\n    opacity: 0;\n    transform: translateY(24px);\n  }\n\n  #class-ready-grade2.cr-g2--js\n    .cr-g2__reveal.cr-g2__visible\n    .cr-g2__product-card {\n    opacity: 1;\n    transform: translateY(0);\n    transition:\n      opacity 0.6s ease var(--item-delay),\n      transform 0.6s ease var(--item-delay),\n      border-color 0.35s ease,\n      box-shadow 0.35s ease;\n  }\n\n  #class-ready-grade2 .cr-g2__product-card--wide {\n    grid-column: 1 \/ -1;\n  }\n\n  #class-ready-grade2 .cr-g2__product-card::before {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      115deg,\n      transparent 24%,\n      rgba(255, 255, 255, 0.85) 50%,\n      transparent 76%\n    );\n    content: \"\";\n    transform: translateX(-130%);\n    transition: transform 0.85s ease;\n  }\n\n  #class-ready-grade2 .cr-g2__product-card::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 76px;\n    height: 76px;\n    border-radius: 0 21px 0 76px;\n    background: rgba(246, 196, 69, 0.11);\n    content: \"\";\n  }\n\n  #class-ready-grade2 .cr-g2__product-card: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-grade2 .cr-g2__product-card:hover::before {\n    transform: translateX(130%);\n  }\n\n  #class-ready-grade2 .cr-g2__quantity {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    width: 46px;\n    height: 46px;\n    place-items: center;\n    border-radius: 14px;\n    background: var(--cr-navy);\n    box-shadow: 0 9px 20px rgba(18, 59, 99, 0.2);\n    color: var(--cr-white);\n    font-size: 15px;\n    font-weight: 850;\n  }\n\n  #class-ready-grade2 .cr-g2__product-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(--cr-soft-teal);\n    color: var(--cr-teal);\n    transition:\n      transform 0.35s ease,\n      background 0.35s ease,\n      color 0.35s ease;\n  }\n\n  #class-ready-grade2 .cr-g2__product-icon svg {\n    width: 28px;\n    height: 28px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  #class-ready-grade2\n    .cr-g2__product-card:hover\n    .cr-g2__product-icon {\n    background: var(--cr-teal);\n    color: var(--cr-white);\n    transform: rotate(-6deg) scale(1.08);\n  }\n\n  #class-ready-grade2 .cr-g2__product-copy {\n    position: relative;\n    z-index: 2;\n    min-width: 0;\n  }\n\n  #class-ready-grade2 .cr-g2__product-copy h4 {\n    margin: 0;\n    color: var(--cr-navy);\n    font-size: 16px;\n    font-weight: 780;\n    line-height: 1.35;\n  }\n\n  #class-ready-grade2 .cr-g2__product-copy p {\n    margin: 5px 0 0;\n    color: var(--cr-muted);\n    font-size: 14px;\n    line-height: 1.45;\n  }\n\n  \/* BENEFIT GRID — WIDE CARDS *\/\n\n  #class-ready-grade2 .cr-g2__benefit-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  #class-ready-grade2 .cr-g2__benefit-card {\n    position: relative;\n    display: flex;\n    align-items: flex-start;\n    gap: 18px;\n    min-height: 154px;\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.9);\n    transition:\n      transform 0.35s ease,\n      border-color 0.35s ease,\n      box-shadow 0.35s ease;\n  }\n\n  #class-ready-grade2 .cr-g2__benefit-card::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 5px;\n    height: 100%;\n    background: linear-gradient(\n      180deg,\n      var(--cr-teal),\n      var(--cr-gold)\n    );\n    content: \"\";\n  }\n\n  #class-ready-grade2 .cr-g2__benefit-card::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-grade2 .cr-g2__benefit-card: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-grade2 .cr-g2__benefit-card:hover::after {\n    transform: scale(1.18);\n  }\n\n  #class-ready-grade2 .cr-g2__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(\n      145deg,\n      var(--cr-teal),\n      #118e82\n    );\n    box-shadow: 0 10px 22px rgba(24, 169, 153, 0.25);\n    color: var(--cr-white);\n    transition:\n      transform 0.35s ease,\n      box-shadow 0.35s ease;\n  }\n\n  #class-ready-grade2 .cr-g2__benefit-icon svg {\n    width: 28px;\n    height: 28px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.9;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  #class-ready-grade2\n    .cr-g2__benefit-card:hover\n    .cr-g2__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-grade2 .cr-g2__benefit-copy {\n    position: relative;\n    z-index: 2;\n    flex: 1;\n    min-width: 0;\n  }\n\n  #class-ready-grade2 .cr-g2__benefit-number {\n    display: block;\n    margin-bottom: 6px;\n    color: var(--cr-teal);\n    font-size: 12px;\n    font-weight: 850;\n    letter-spacing: 0.12em;\n  }\n\n  #class-ready-grade2 .cr-g2__benefit-card h4 {\n    margin: 0;\n    color: var(--cr-navy);\n    font-size: 19px;\n    font-weight: 800;\n    line-height: 1.25;\n  }\n\n  #class-ready-grade2 .cr-g2__benefit-card p {\n    max-width: 440px;\n    margin: 8px 0 0;\n    color: var(--cr-muted);\n    font-size: 14px;\n    line-height: 1.65;\n  }\n\n  \/* NOTE *\/\n\n  #class-ready-grade2 .cr-g2__note {\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:\n      linear-gradient(\n        120deg,\n        rgba(246, 196, 69, 0.18),\n        rgba(255, 255, 255, 0.94)\n      );\n    box-shadow: 0 13px 34px rgba(18, 59, 99, 0.07);\n  }\n\n  #class-ready-grade2 .cr-g2__note-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(--cr-gold);\n    box-shadow: 0 8px 18px rgba(246, 196, 69, 0.32);\n    color: var(--cr-navy);\n    font-size: 18px;\n    font-weight: 900;\n  }\n\n  #class-ready-grade2 .cr-g2__note-copy strong {\n    color: var(--cr-navy);\n    font-size: 16px;\n    font-weight: 800;\n  }\n\n  #class-ready-grade2 .cr-g2__note-copy p {\n    margin: 6px 0 0;\n    color: #6c6345;\n    font-size: 14px;\n    line-height: 1.65;\n  }\n\n  \/* SCROLL REVEALS *\/\n\n  #class-ready-grade2.cr-g2--js .cr-g2__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-grade2.cr-g2--js .cr-g2__reveal.cr-g2__visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* ANIMATIONS *\/\n\n  @keyframes crG2Float {\n    0%,\n    100% {\n      transform: translate3d(0, 0, 0) scale(1);\n    }\n\n    50% {\n      transform: translate3d(18px, -20px, 0) scale(1.07);\n    }\n  }\n\n  @keyframes crG2Pulse {\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 crG2TitleShimmer {\n    0% {\n      background-position: 0% center;\n    }\n\n    100% {\n      background-position: 200% center;\n    }\n  }\n\n  \/* TABLET *\/\n\n  @media screen and (max-width: 800px) {\n    #class-ready-grade2 {\n      padding: 58px 18px;\n      border-radius: 25px;\n    }\n\n    #class-ready-grade2 .cr-g2__hero {\n      margin-bottom: 60px;\n    }\n\n    #class-ready-grade2 .cr-g2__benefit-grid {\n      grid-template-columns: 1fr;\n    }\n\n    #class-ready-grade2 .cr-g2__benefit-card {\n      min-height: 145px;\n    }\n  }\n\n  \/* MOBILE *\/\n\n  @media screen and (max-width: 650px) {\n    #class-ready-grade2 {\n      margin: 20px 0;\n      padding: 45px 14px;\n      border-radius: 22px;\n    }\n\n    #class-ready-grade2 .cr-g2__title {\n      font-size: clamp(40px, 13vw, 58px);\n    }\n\n    #class-ready-grade2 .cr-g2__product-grid {\n      grid-template-columns: 1fr;\n    }\n\n    #class-ready-grade2 .cr-g2__product-card,\n    #class-ready-grade2 .cr-g2__product-card--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-grade2 .cr-g2__quantity {\n      width: 41px;\n      height: 41px;\n      border-radius: 12px;\n    }\n\n    #class-ready-grade2 .cr-g2__product-icon {\n      width: 49px;\n      height: 49px;\n      border-radius: 15px;\n    }\n\n    #class-ready-grade2 .cr-g2__product-icon svg {\n      width: 24px;\n      height: 24px;\n    }\n\n    #class-ready-grade2 .cr-g2__benefit-card {\n      gap: 14px;\n      min-height: auto;\n      padding: 20px 17px;\n    }\n\n    #class-ready-grade2 .cr-g2__benefit-icon {\n      width: 50px;\n      height: 50px;\n      flex-basis: 50px;\n      border-radius: 15px;\n    }\n\n    #class-ready-grade2 .cr-g2__benefit-icon svg {\n      width: 24px;\n      height: 24px;\n    }\n\n    #class-ready-grade2 .cr-g2__benefit-card h4 {\n      font-size: 17px;\n    }\n\n    #class-ready-grade2 .cr-g2__benefit-card p {\n      font-size: 13px;\n    }\n\n    #class-ready-grade2 .cr-g2__note {\n      padding: 18px;\n    }\n  }\n\n  @media screen and (max-width: 430px) {\n    #class-ready-grade2 .cr-g2__product-card {\n      gap: 10px;\n      padding: 14px 12px;\n    }\n\n    #class-ready-grade2 .cr-g2__quantity {\n      width: 37px;\n      height: 37px;\n      font-size: 13px;\n    }\n\n    #class-ready-grade2 .cr-g2__product-icon {\n      width: 43px;\n      height: 43px;\n    }\n\n    #class-ready-grade2 .cr-g2__product-copy h4 {\n      font-size: 14px;\n    }\n\n    #class-ready-grade2 .cr-g2__product-copy p {\n      font-size: 12px;\n    }\n  }\n\n  \/* REDUCED MOTION *\/\n\n  @media (prefers-reduced-motion: reduce) {\n    #class-ready-grade2 *,\n    #class-ready-grade2 *::before,\n    #class-ready-grade2 *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n    }\n\n    #class-ready-grade2 .cr-g2__reveal,\n    #class-ready-grade2 .cr-g2__product-card {\n      opacity: 1 !important;\n      transform: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  (function () {\n    function initialiseGrade2Section(root) {\n      var sections = root.querySelectorAll\n        ? root.querySelectorAll(\"[data-cr-grade2]\")\n        : [];\n\n      sections.forEach(function (section) {\n        if (section.dataset.crInitialised === \"true\") {\n          return;\n        }\n\n        section.dataset.crInitialised = \"true\";\n        section.classList.add(\"cr-g2--js\");\n\n        var revealItems = section.querySelectorAll(\".cr-g2__reveal\");\n\n        if (!(\"IntersectionObserver\" in window)) {\n          revealItems.forEach(function (item) {\n            item.classList.add(\"cr-g2__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-g2__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        initialiseGrade2Section(document);\n      });\n    } else {\n      initialiseGrade2Section(document);\n    }\n\n    document.addEventListener(\"shopify:section:load\", function (event) {\n      initialiseGrade2Section(event.target);\n    });\n  })();\n\u003c\/script\u003e","brand":"Class Ready","offers":[{"title":"Default Title","offer_id":43165099098210,"sku":null,"price":1199.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0685\/0134\/0258\/files\/ChatGPTImageJul30_2026_08_33_41PM.png?v=1785436441"},{"product_id":"grade-3-stationery-pack-✏️📚","title":"Grade 3 Stationery Pack ✏️📚","description":"\u003csection id=\"class-ready-grade3\" class=\"cr-g3\" data-cr-grade3 aria-label=\"Grade 3 Stationery Pack details\"\u003e\n  \u003cdiv class=\"cr-g3__shape cr-g3__shape--gold\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"cr-g3__shape cr-g3__shape--teal\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"cr-g3__shape cr-g3__shape--ring\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"cr-g3__container\"\u003e\n\n    \u003c!-- HERO --\u003e\n    \u003cheader class=\"cr-g3__hero cr-g3__reveal\"\u003e\n      \u003cdiv class=\"cr-g3__badge\"\u003e\n        \u003cspan class=\"cr-g3__badge-dot\"\u003e\u003c\/span\u003e\n        Complete Grade 3 Essentials\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"cr-g3__title\"\u003e\n        Grade 3\n        \u003cspan\u003eStationery Pack\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"cr-g3__lead\"\u003e\n        Get your learner fully classroom-ready with a complete Grade 3\n        stationery pack filled with trusted essentials for writing, colouring,\n        creative projects, language development and everyday schoolwork.\n      \u003c\/p\u003e\n\n      \u003cp class=\"cr-g3__description\"\u003e\n        Everything is conveniently pre-packed, helping parents save time while\n        ensuring learners have the supplies they need for a confident,\n        organised and productive start to the school year.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"cr-g3__highlights\"\u003e\n        \u003cdiv class=\"cr-g3__highlight\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          Pre-packed\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cr-g3__highlight\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          Trusted brands\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cr-g3__highlight\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          Grade 3 ready\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cr-g3__highlight\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          Language and art essentials\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/header\u003e\n\n    \u003c!-- PACK CONTENTS --\u003e\n    \u003csection class=\"cr-g3__section cr-g3__reveal\"\u003e\n      \u003cdiv class=\"cr-g3__section-heading\"\u003e\n        \u003cspan class=\"cr-g3__eyebrow\"\u003eEverything in one convenient pack\u003c\/span\u003e\n\n        \u003ch3\u003eWhat’s Included\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Carefully selected writing, creative, filing and language essentials\n          for your Grade 3 learner.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cr-g3__product-grid\"\u003e\n\n        \u003carticle class=\"cr-g3__product-card\" style=\"--item-delay: 0.03s;\"\u003e\n          \u003cdiv class=\"cr-g3__quantity\"\u003e2×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M4 20l4.5-1 10-10-3.5-3.5-10 10z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M13.5 6.5l3.5 3.5\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-copy\"\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-g3__product-card\" style=\"--item-delay: 0.06s;\"\u003e\n          \u003cdiv class=\"cr-g3__quantity\"\u003e1×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M4 20l4.5-1 10-10-3.5-3.5-10 10z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M6 16l3 3\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-copy\"\u003e\n            \u003ch4\u003eCroxley Create HB 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-g3__product-card\" style=\"--item-delay: 0.09s;\"\u003e\n          \u003cdiv class=\"cr-g3__quantity\"\u003e3×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M4 8h16v8H4z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M7 8v3M10 8v2M13 8v3M16 8v2\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-copy\"\u003e\n            \u003ch4\u003eShatterproof Plastic Rulers\u003c\/h4\u003e\n            \u003cp\u003e30 cm each\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g3__product-card\" style=\"--item-delay: 0.12s;\"\u003e\n          \u003cdiv class=\"cr-g3__quantity\"\u003e3×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M8 3h8v4H8z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M7 7h10v14H7z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M10 11h4\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-copy\"\u003e\n            \u003ch4\u003eStaedtler Glue Sticks\u003c\/h4\u003e\n            \u003cp\u003e40 g each\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g3__product-card\" style=\"--item-delay: 0.15s;\"\u003e\n          \u003cdiv class=\"cr-g3__quantity\"\u003e2×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M6 8h12v10H6z\"\u003e\u003c\/path\u003e\n              \u003ccircle cx=\"10\" cy=\"8\" r=\"2\"\u003e\u003c\/circle\u003e\n              \u003ccircle cx=\"15\" cy=\"8\" r=\"1\"\u003e\u003c\/circle\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-copy\"\u003e\n            \u003ch4\u003eStaedtler Double-Hole Barrel Sharpeners\u003c\/h4\u003e\n            \u003cp\u003eEasy and tidy sharpening\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g3__product-card\" style=\"--item-delay: 0.18s;\"\u003e\n          \u003cdiv class=\"cr-g3__quantity\"\u003e1×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003ccircle cx=\"7\" cy=\"17\" r=\"3\"\u003e\u003c\/circle\u003e\n              \u003ccircle cx=\"17\" cy=\"17\" r=\"3\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M9 15L18 4M15 15L6 4\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-copy\"\u003e\n            \u003ch4\u003eStaedtler Right-Handed Scissors\u003c\/h4\u003e\n            \u003cp\u003e14 cm\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g3__product-card\" style=\"--item-delay: 0.21s;\"\u003e\n          \u003cdiv class=\"cr-g3__quantity\"\u003e1×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M4 5h16v14H4z\"\u003e\u003c\/path\u003e\n              \u003ccircle cx=\"8\" cy=\"9\" r=\"1.5\"\u003e\u003c\/circle\u003e\n              \u003ccircle cx=\"12\" cy=\"9\" r=\"1.5\"\u003e\u003c\/circle\u003e\n              \u003ccircle cx=\"16\" cy=\"9\" r=\"1.5\"\u003e\u003c\/circle\u003e\n              \u003ccircle cx=\"8\" cy=\"14\" r=\"1.5\"\u003e\u003c\/circle\u003e\n              \u003ccircle cx=\"12\" cy=\"14\" r=\"1.5\"\u003e\u003c\/circle\u003e\n              \u003ccircle cx=\"16\" cy=\"14\" r=\"1.5\"\u003e\u003c\/circle\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-copy\"\u003e\n            \u003ch4\u003eStaedtler Watercolours\u003c\/h4\u003e\n            \u003cp\u003eSet of 12\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g3__product-card\" style=\"--item-delay: 0.24s;\"\u003e\n          \u003cdiv class=\"cr-g3__quantity\"\u003e1×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M4 7h16v12H4z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M4 10h16\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M8 7V5h8v2\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-copy\"\u003e\n            \u003ch4\u003eDenim Pencil Case\u003c\/h4\u003e\n            \u003cp\u003eConvenient stationery storage\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g3__product-card\" style=\"--item-delay: 0.27s;\"\u003e\n          \u003cdiv class=\"cr-g3__quantity\"\u003e1×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M5 5h14v14H5z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M8 8h8M8 12h8M8 16h8\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-copy\"\u003e\n            \u003ch4\u003eStaedtler Oil Pastels\u003c\/h4\u003e\n            \u003cp\u003ePack of 25\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g3__product-card\" style=\"--item-delay: 0.30s;\"\u003e\n          \u003cdiv class=\"cr-g3__quantity\"\u003e2×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M5 8h14v9H5z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M8 8V6h8v2\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-copy\"\u003e\n            \u003ch4\u003eStaedtler T30 Erasers\u003c\/h4\u003e\n            \u003cp\u003eClean and reliable erasing\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g3__product-card\" style=\"--item-delay: 0.33s;\"\u003e\n          \u003cdiv class=\"cr-g3__quantity\"\u003e1×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M8 3h8l3 5v13H5V8z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M8 3v6M16 3v6M8 14h8\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-copy\"\u003e\n            \u003ch4\u003eButterfly Art Apron\u003c\/h4\u003e\n            \u003cp\u003eFor creative classroom activities\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g3__product-card\" style=\"--item-delay: 0.36s;\"\u003e\n          \u003cdiv class=\"cr-g3__quantity\"\u003e1×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M5 4h14v16H5z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M8 4v16\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M11 8h5M11 12h5\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-copy\"\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-g3__product-card\" style=\"--item-delay: 0.39s;\"\u003e\n          \u003cdiv class=\"cr-g3__quantity\"\u003e1×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M5 4h14v16H5z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M8 4v16\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M11 8h5M11 12h5\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-copy\"\u003e\n            \u003ch4\u003eDisplay Book\u003c\/h4\u003e\n            \u003cp\u003e20 pockets\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g3__product-card\" style=\"--item-delay: 0.42s;\"\u003e\n          \u003cdiv class=\"cr-g3__quantity\"\u003e1×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M4 5h7v15H4zM13 5h7v15h-7z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M11 7c1-.8 2-.8 2 0\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-copy\"\u003e\n            \u003ch4\u003eOxford Popular School Dictionary\u003c\/h4\u003e\n            \u003cp\u003eEnglish language reference book\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g3__product-card\" style=\"--item-delay: 0.45s;\"\u003e\n          \u003cdiv class=\"cr-g3__quantity\"\u003e1×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M4 5h7v15H4zM13 5h7v15h-7z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M7 9h2M15 9h2M7 13h2M15 13h2\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-copy\"\u003e\n            \u003ch4\u003eEnglish–Afrikaans Dictionary\u003c\/h4\u003e\n            \u003cp\u003eBilingual school reference book\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g3__product-card\" style=\"--item-delay: 0.48s;\"\u003e\n          \u003cdiv class=\"cr-g3__quantity\"\u003e1×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M6 18L18 6\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M15 5l4 4\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M5 15l4 4\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-copy\"\u003e\n            \u003ch4\u003eBIC Click Pens\u003c\/h4\u003e\n            \u003cp\u003ePack of 2\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g3__product-card cr-g3__product-card--wide\" style=\"--item-delay: 0.51s;\"\u003e\n          \u003cdiv class=\"cr-g3__quantity\"\u003e1×\u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M5 5h14v14H5z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M8 8l8 8M16 8l-8 8\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__product-copy\"\u003e\n            \u003ch4\u003eStaedtler Triangular Colour Pens\u003c\/h4\u003e\n            \u003cp\u003ePack of 10 vivid colours for creative writing and artwork\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-g3__section cr-g3__reveal\"\u003e\n      \u003cdiv class=\"cr-g3__section-heading\"\u003e\n        \u003cspan class=\"cr-g3__eyebrow\"\u003eSimple school preparation\u003c\/span\u003e\n\n        \u003ch3\u003eWhy Parents Love It\u003c\/h3\u003e\n\n        \u003cp\u003e\n          A complete stationery solution that supports classroom learning,\n          creativity and language development.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cr-g3__benefit-grid\"\u003e\n\n        \u003carticle class=\"cr-g3__benefit-card\"\u003e\n          \u003cdiv class=\"cr-g3__benefit-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M5 4h14v16H5z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M8 9l2.5 2.5L16 6\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M8 15h8\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__benefit-copy\"\u003e\n            \u003cspan class=\"cr-g3__benefit-number\"\u003e01\u003c\/span\u003e\n            \u003ch4\u003eReady for School\u003c\/h4\u003e\n\n            \u003cp\u003e\n              Conveniently packed and ready for your learner’s first day.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g3__benefit-card\"\u003e\n          \u003cdiv class=\"cr-g3__benefit-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M12 3l2.6 5.3 5.9.9-4.3 4.2 1 5.9-5.2-2.8-5.2 2.8 1-5.9-4.3-4.2 5.9-.9z\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__benefit-copy\"\u003e\n            \u003cspan class=\"cr-g3__benefit-number\"\u003e02\u003c\/span\u003e\n            \u003ch4\u003eTrusted Stationery Brands\u003c\/h4\u003e\n\n            \u003cp\u003e\n              Includes dependable brands that parents know and trust.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g3__benefit-card\"\u003e\n          \u003cdiv class=\"cr-g3__benefit-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M4 5h16v14H4z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M8 9h8M8 13h5\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__benefit-copy\"\u003e\n            \u003cspan class=\"cr-g3__benefit-number\"\u003e03\u003c\/span\u003e\n            \u003ch4\u003eMade for Grade 3\u003c\/h4\u003e\n\n            \u003cp\u003e\n              Supports writing, filing, artwork and everyday classroom tasks.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g3__benefit-card\"\u003e\n          \u003cdiv class=\"cr-g3__benefit-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M4 5h7v15H4zM13 5h7v15h-7z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M11 7c1-.8 2-.8 2 0\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__benefit-copy\"\u003e\n            \u003cspan class=\"cr-g3__benefit-number\"\u003e04\u003c\/span\u003e\n            \u003ch4\u003eLanguage Support Included\u003c\/h4\u003e\n\n            \u003cp\u003e\n              Includes English and Afrikaans dictionaries for schoolwork and\n              language development.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g3__benefit-card\"\u003e\n          \u003cdiv class=\"cr-g3__benefit-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003ccircle cx=\"12\" cy=\"12\" r=\"8\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M12 8v5l3 2\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__benefit-copy\"\u003e\n            \u003cspan class=\"cr-g3__benefit-number\"\u003e05\u003c\/span\u003e\n            \u003ch4\u003eSaves You Time\u003c\/h4\u003e\n\n            \u003cp\u003e\n              No need to search for and purchase every item individually.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-g3__benefit-card\"\u003e\n          \u003cdiv class=\"cr-g3__benefit-icon\" aria-hidden=\"true\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M5 12l4 4L19 6\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cr-g3__benefit-copy\"\u003e\n            \u003cspan class=\"cr-g3__benefit-number\"\u003e06\u003c\/span\u003e\n            \u003ch4\u003eStress-Free Preparation\u003c\/h4\u003e\n\n            \u003cp\u003e\n              Makes preparing for Grade 3 simple, organised and convenient.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- IMPORTANT NOTE --\u003e\n    \u003caside class=\"cr-g3__note cr-g3__reveal\"\u003e\n      \u003cdiv class=\"cr-g3__note-icon\"\u003ei\u003c\/div\u003e\n\n      \u003cdiv class=\"cr-g3__note-copy\"\u003e\n        \u003cstrong\u003ePlease note\u003c\/strong\u003e\n\n        \u003cp\u003e\n          Product packaging, designs or colours may vary slightly depending on\n          supplier availability. The product type and quantity will remain the\n          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-grade3 {\n    --cr-navy: #123b63;\n    --cr-teal: #18a999;\n    --cr-gold: #f6c445;\n    --cr-white: #ffffff;\n\n    --cr-soft-teal: #e9f8f6;\n    --cr-soft-gold: #fff8df;\n    --cr-text: #284760;\n    --cr-muted: #687c8c;\n    --cr-border: rgba(18, 59, 99, 0.12);\n\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    margin: 32px 0;\n    padding: 76px 24px;\n    border: 1px solid rgba(18, 59, 99, 0.08);\n    border-radius: 32px;\n    background:\n      radial-gradient(\n        circle at 5% 4%,\n        rgba(246, 196, 69, 0.24),\n        transparent 27%\n      ),\n      radial-gradient(\n        circle at 96% 94%,\n        rgba(24, 169, 153, 0.18),\n        transparent 31%\n      ),\n      linear-gradient(\n        145deg,\n        #ffffff 0%,\n        #f7fcfb 52%,\n        #ffffff 100%\n      );\n    box-shadow:\n      0 26px 80px rgba(18, 59, 99, 0.12),\n      inset 0 1px 0 rgba(255, 255, 255, 0.9);\n    color: var(--cr-text);\n    font-family: inherit;\n  }\n\n  #class-ready-grade3 *,\n  #class-ready-grade3 *::before,\n  #class-ready-grade3 *::after {\n    box-sizing: border-box;\n  }\n\n  #class-ready-grade3 h2,\n  #class-ready-grade3 h3,\n  #class-ready-grade3 h4,\n  #class-ready-grade3 p {\n    word-break: normal;\n    overflow-wrap: break-word;\n    hyphens: none;\n  }\n\n  #class-ready-grade3 .cr-g3__container {\n    position: relative;\n    z-index: 2;\n    width: min(1180px, 100%);\n    margin: 0 auto;\n  }\n\n  \/* BACKGROUND SHAPES *\/\n\n  #class-ready-grade3 .cr-g3__shape {\n    position: absolute;\n    z-index: 0;\n    border-radius: 999px;\n    pointer-events: none;\n    animation: crG3Float 9s ease-in-out infinite;\n  }\n\n  #class-ready-grade3 .cr-g3__shape--gold {\n    top: -110px;\n    right: -90px;\n    width: 300px;\n    height: 300px;\n    background: rgba(246, 196, 69, 0.21);\n  }\n\n  #class-ready-grade3 .cr-g3__shape--teal {\n    bottom: -145px;\n    left: -115px;\n    width: 380px;\n    height: 380px;\n    background: rgba(24, 169, 153, 0.15);\n    animation-delay: -3s;\n  }\n\n  #class-ready-grade3 .cr-g3__shape--ring {\n    top: 46%;\n    right: -80px;\n    width: 185px;\n    height: 185px;\n    border: 30px solid rgba(18, 59, 99, 0.035);\n    background: transparent;\n    animation-delay: -5s;\n  }\n\n  \/* HERO *\/\n\n  #class-ready-grade3 .cr-g3__hero {\n    max-width: 920px;\n    margin: 0 auto 78px;\n    text-align: center;\n  }\n\n  #class-ready-grade3 .cr-g3__badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 22px;\n    padding: 10px 17px;\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 30px rgba(18, 59, 99, 0.08);\n    color: var(--cr-navy);\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    backdrop-filter: blur(10px);\n  }\n\n  #class-ready-grade3 .cr-g3__badge-dot {\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background: var(--cr-teal);\n    box-shadow: 0 0 0 6px rgba(24, 169, 153, 0.13);\n    animation: crG3Pulse 2.2s ease-in-out infinite;\n  }\n\n  #class-ready-grade3 .cr-g3__title {\n    margin: 0;\n    color: var(--cr-navy);\n    font-size: clamp(44px, 7vw, 82px);\n    font-weight: 800;\n    line-height: 0.97;\n    letter-spacing: -0.055em;\n  }\n\n  #class-ready-grade3 .cr-g3__title span {\n    display: block;\n    margin-top: 12px;\n    padding-bottom: 5px;\n    background: linear-gradient(\n      90deg,\n      var(--cr-teal) 0%,\n      var(--cr-navy) 48%,\n      var(--cr-gold) 100%\n    );\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    animation: crG3TitleShimmer 7s linear infinite;\n  }\n\n  #class-ready-grade3 .cr-g3__lead {\n    max-width: 840px;\n    margin: 30px auto 0;\n    color: var(--cr-navy);\n    font-size: clamp(18px, 2vw, 22px);\n    font-weight: 650;\n    line-height: 1.65;\n  }\n\n  #class-ready-grade3 .cr-g3__description {\n    max-width: 790px;\n    margin: 17px auto 0;\n    color: var(--cr-muted);\n    font-size: 16px;\n    line-height: 1.75;\n  }\n\n  #class-ready-grade3 .cr-g3__highlights {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 12px;\n    margin-top: 30px;\n  }\n\n  #class-ready-grade3 .cr-g3__highlight {\n    display: flex;\n    align-items: center;\n    gap: 9px;\n    padding: 11px 16px;\n    border: 1px solid var(--cr-border);\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.9);\n    box-shadow: 0 9px 25px rgba(18, 59, 99, 0.07);\n    color: var(--cr-navy);\n    font-size: 14px;\n    font-weight: 750;\n  }\n\n  #class-ready-grade3 .cr-g3__highlight 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(--cr-teal);\n    color: var(--cr-white);\n    font-size: 13px;\n    font-weight: 900;\n  }\n\n  \/* SECTION HEADINGS *\/\n\n  #class-ready-grade3 .cr-g3__section {\n    margin-top: 78px;\n  }\n\n  #class-ready-grade3 .cr-g3__section-heading {\n    max-width: 780px;\n    margin: 0 auto 35px;\n    text-align: center;\n  }\n\n  #class-ready-grade3 .cr-g3__eyebrow {\n    display: block;\n    margin-bottom: 8px;\n    color: var(--cr-teal);\n    font-size: 13px;\n    font-weight: 850;\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n  }\n\n  #class-ready-grade3 .cr-g3__section-heading h3 {\n    margin: 0;\n    color: var(--cr-navy);\n    font-size: clamp(32px, 4.5vw, 48px);\n    font-weight: 800;\n    line-height: 1.08;\n    letter-spacing: -0.035em;\n  }\n\n  #class-ready-grade3 .cr-g3__section-heading p {\n    margin: 12px 0 0;\n    color: var(--cr-muted);\n    font-size: 16px;\n    line-height: 1.65;\n  }\n\n  \/* PRODUCT GRID *\/\n\n  #class-ready-grade3 .cr-g3__product-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 16px;\n  }\n\n  #class-ready-grade3 .cr-g3__product-card {\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(--cr-border);\n    border-radius: 21px;\n    background: rgba(255, 255, 255, 0.95);\n    box-shadow:\n      0 12px 35px rgba(18, 59, 99, 0.065),\n      inset 0 1px 0 rgba(255, 255, 255, 0.9);\n    transition:\n      transform 0.35s ease,\n      border-color 0.35s ease,\n      box-shadow 0.35s ease;\n  }\n\n  #class-ready-grade3.cr-g3--js\n    .cr-g3__reveal:not(.cr-g3__visible)\n    .cr-g3__product-card {\n    opacity: 0;\n    transform: translateY(24px);\n  }\n\n  #class-ready-grade3.cr-g3--js\n    .cr-g3__reveal.cr-g3__visible\n    .cr-g3__product-card {\n    opacity: 1;\n    transform: translateY(0);\n    transition:\n      opacity 0.6s ease var(--item-delay),\n      transform 0.6s ease var(--item-delay),\n      border-color 0.35s ease,\n      box-shadow 0.35s ease;\n  }\n\n  #class-ready-grade3 .cr-g3__product-card--wide {\n    grid-column: 1 \/ -1;\n  }\n\n  #class-ready-grade3 .cr-g3__product-card::before {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      115deg,\n      transparent 24%,\n      rgba(255, 255, 255, 0.85) 50%,\n      transparent 76%\n    );\n    content: \"\";\n    transform: translateX(-130%);\n    transition: transform 0.85s ease;\n  }\n\n  #class-ready-grade3 .cr-g3__product-card::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 76px;\n    height: 76px;\n    border-radius: 0 21px 0 76px;\n    background: rgba(246, 196, 69, 0.11);\n    content: \"\";\n  }\n\n  #class-ready-grade3 .cr-g3__product-card: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-grade3 .cr-g3__product-card:hover::before {\n    transform: translateX(130%);\n  }\n\n  #class-ready-grade3 .cr-g3__quantity {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    width: 46px;\n    height: 46px;\n    place-items: center;\n    border-radius: 14px;\n    background: var(--cr-navy);\n    box-shadow: 0 9px 20px rgba(18, 59, 99, 0.2);\n    color: var(--cr-white);\n    font-size: 15px;\n    font-weight: 850;\n  }\n\n  #class-ready-grade3 .cr-g3__product-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(--cr-soft-teal);\n    color: var(--cr-teal);\n    transition:\n      transform 0.35s ease,\n      background 0.35s ease,\n      color 0.35s ease;\n  }\n\n  #class-ready-grade3 .cr-g3__product-icon svg {\n    width: 28px;\n    height: 28px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  #class-ready-grade3\n    .cr-g3__product-card:hover\n    .cr-g3__product-icon {\n    background: var(--cr-teal);\n    color: var(--cr-white);\n    transform: rotate(-6deg) scale(1.08);\n  }\n\n  #class-ready-grade3 .cr-g3__product-copy {\n    position: relative;\n    z-index: 2;\n    min-width: 0;\n  }\n\n  #class-ready-grade3 .cr-g3__product-copy h4 {\n    margin: 0;\n    color: var(--cr-navy);\n    font-size: 16px;\n    font-weight: 780;\n    line-height: 1.35;\n  }\n\n  #class-ready-grade3 .cr-g3__product-copy p {\n    margin: 5px 0 0;\n    color: var(--cr-muted);\n    font-size: 14px;\n    line-height: 1.45;\n  }\n\n  \/* WIDE BENEFIT CARDS *\/\n\n  #class-ready-grade3 .cr-g3__benefit-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  #class-ready-grade3 .cr-g3__benefit-card {\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.9);\n    transition:\n      transform 0.35s ease,\n      border-color 0.35s ease,\n      box-shadow 0.35s ease;\n  }\n\n  #class-ready-grade3 .cr-g3__benefit-card::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 5px;\n    height: 100%;\n    background: linear-gradient(\n      180deg,\n      var(--cr-teal),\n      var(--cr-gold)\n    );\n    content: \"\";\n  }\n\n  #class-ready-grade3 .cr-g3__benefit-card::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-grade3 .cr-g3__benefit-card: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-grade3 .cr-g3__benefit-card:hover::after {\n    transform: scale(1.18);\n  }\n\n  #class-ready-grade3 .cr-g3__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(\n      145deg,\n      var(--cr-teal),\n      #118e82\n    );\n    box-shadow: 0 10px 22px rgba(24, 169, 153, 0.25);\n    color: var(--cr-white);\n    transition:\n      transform 0.35s ease,\n      box-shadow 0.35s ease;\n  }\n\n  #class-ready-grade3 .cr-g3__benefit-icon svg {\n    width: 28px;\n    height: 28px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.9;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  #class-ready-grade3\n    .cr-g3__benefit-card:hover\n    .cr-g3__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-grade3 .cr-g3__benefit-copy {\n    position: relative;\n    z-index: 2;\n    flex: 1;\n    min-width: 0;\n  }\n\n  #class-ready-grade3 .cr-g3__benefit-number {\n    display: block;\n    margin-bottom: 6px;\n    color: var(--cr-teal);\n    font-size: 12px;\n    font-weight: 850;\n    letter-spacing: 0.12em;\n  }\n\n  #class-ready-grade3 .cr-g3__benefit-card h4 {\n    margin: 0;\n    color: var(--cr-navy);\n    font-size: 19px;\n    font-weight: 800;\n    line-height: 1.25;\n  }\n\n  #class-ready-grade3 .cr-g3__benefit-card p {\n    max-width: 440px;\n    margin: 8px 0 0;\n    color: var(--cr-muted);\n    font-size: 14px;\n    line-height: 1.65;\n  }\n\n  \/* NOTE *\/\n\n  #class-ready-grade3 .cr-g3__note {\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:\n      linear-gradient(\n        120deg,\n        rgba(246, 196, 69, 0.18),\n        rgba(255, 255, 255, 0.94)\n      );\n    box-shadow: 0 13px 34px rgba(18, 59, 99, 0.07);\n  }\n\n  #class-ready-grade3 .cr-g3__note-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(--cr-gold);\n    box-shadow: 0 8px 18px rgba(246, 196, 69, 0.32);\n    color: var(--cr-navy);\n    font-size: 18px;\n    font-weight: 900;\n  }\n\n  #class-ready-grade3 .cr-g3__note-copy strong {\n    color: var(--cr-navy);\n    font-size: 16px;\n    font-weight: 800;\n  }\n\n  #class-ready-grade3 .cr-g3__note-copy p {\n    margin: 6px 0 0;\n    color: #6c6345;\n    font-size: 14px;\n    line-height: 1.65;\n  }\n\n  \/* SCROLL REVEALS *\/\n\n  #class-ready-grade3.cr-g3--js .cr-g3__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-grade3.cr-g3--js .cr-g3__reveal.cr-g3__visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* ANIMATIONS *\/\n\n  @keyframes crG3Float {\n    0%,\n    100% {\n      transform: translate3d(0, 0, 0) scale(1);\n    }\n\n    50% {\n      transform: translate3d(18px, -20px, 0) scale(1.07);\n    }\n  }\n\n  @keyframes crG3Pulse {\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 crG3TitleShimmer {\n    0% {\n      background-position: 0% center;\n    }\n\n    100% {\n      background-position: 200% center;\n    }\n  }\n\n  \/* TABLET *\/\n\n  @media screen and (max-width: 800px) {\n    #class-ready-grade3 {\n      padding: 58px 18px;\n      border-radius: 25px;\n    }\n\n    #class-ready-grade3 .cr-g3__hero {\n      margin-bottom: 60px;\n    }\n\n    #class-ready-grade3 .cr-g3__benefit-grid {\n      grid-template-columns: 1fr;\n    }\n\n    #class-ready-grade3 .cr-g3__benefit-card {\n      min-height: 145px;\n    }\n  }\n\n  \/* MOBILE *\/\n\n  @media screen and (max-width: 650px) {\n    #class-ready-grade3 {\n      margin: 20px 0;\n      padding: 45px 14px;\n      border-radius: 22px;\n    }\n\n    #class-ready-grade3 .cr-g3__title {\n      font-size: clamp(40px, 13vw, 58px);\n    }\n\n    #class-ready-grade3 .cr-g3__product-grid {\n      grid-template-columns: 1fr;\n    }\n\n    #class-ready-grade3 .cr-g3__product-card,\n    #class-ready-grade3 .cr-g3__product-card--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-grade3 .cr-g3__quantity {\n      width: 41px;\n      height: 41px;\n      border-radius: 12px;\n    }\n\n    #class-ready-grade3 .cr-g3__product-icon {\n      width: 49px;\n      height: 49px;\n      border-radius: 15px;\n    }\n\n    #class-ready-grade3 .cr-g3__product-icon svg {\n      width: 24px;\n      height: 24px;\n    }\n\n    #class-ready-grade3 .cr-g3__benefit-card {\n      gap: 14px;\n      min-height: auto;\n      padding: 20px 17px;\n    }\n\n    #class-ready-grade3 .cr-g3__benefit-icon {\n      width: 50px;\n      height: 50px;\n      flex-basis: 50px;\n      border-radius: 15px;\n    }\n\n    #class-ready-grade3 .cr-g3__benefit-icon svg {\n      width: 24px;\n      height: 24px;\n    }\n\n    #class-ready-grade3 .cr-g3__benefit-card h4 {\n      font-size: 17px;\n    }\n\n    #class-ready-grade3 .cr-g3__benefit-card p {\n      font-size: 13px;\n    }\n\n    #class-ready-grade3 .cr-g3__note {\n      padding: 18px;\n    }\n  }\n\n  @media screen and (max-width: 430px) {\n    #class-ready-grade3 .cr-g3__product-card {\n      gap: 10px;\n      padding: 14px 12px;\n    }\n\n    #class-ready-grade3 .cr-g3__quantity {\n      width: 37px;\n      height: 37px;\n      font-size: 13px;\n    }\n\n    #class-ready-grade3 .cr-g3__product-icon {\n      width: 43px;\n      height: 43px;\n    }\n\n    #class-ready-grade3 .cr-g3__product-copy h4 {\n      font-size: 14px;\n    }\n\n    #class-ready-grade3 .cr-g3__product-copy p {\n      font-size: 12px;\n    }\n  }\n\n  \/* REDUCED MOTION *\/\n\n  @media (prefers-reduced-motion: reduce) {\n    #class-ready-grade3 *,\n    #class-ready-grade3 *::before,\n    #class-ready-grade3 *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n    }\n\n    #class-ready-grade3 .cr-g3__reveal,\n    #class-ready-grade3 .cr-g3__product-card {\n      opacity: 1 !important;\n      transform: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  (function () {\n    function initialiseGrade3Section(root) {\n      var sections = root.querySelectorAll\n        ? root.querySelectorAll(\"[data-cr-grade3]\")\n        : [];\n\n      sections.forEach(function (section) {\n        if (section.dataset.crInitialised === \"true\") {\n          return;\n        }\n\n        section.dataset.crInitialised = \"true\";\n        section.classList.add(\"cr-g3--js\");\n\n        var revealItems = section.querySelectorAll(\".cr-g3__reveal\");\n\n        if (!(\"IntersectionObserver\" in window)) {\n          revealItems.forEach(function (item) {\n            item.classList.add(\"cr-g3__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-g3__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        initialiseGrade3Section(document);\n      });\n    } else {\n      initialiseGrade3Section(document);\n    }\n\n    document.addEventListener(\"shopify:section:load\", function (event) {\n      initialiseGrade3Section(event.target);\n    });\n  })();\n\u003c\/script\u003e","brand":"Class Ready","offers":[{"title":"Default Title","offer_id":43165173055586,"sku":null,"price":1499.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0685\/0134\/0258\/files\/ChatGPTImageJul30_2026_09_52_01PM.png?v=1785441139"},{"product_id":"primary-school-pack-✏️📚🎨","title":"Primary School Pack ✏️📚🎨","description":"\u003csection id=\"class-ready-primary-pack\" class=\"cr-primary\" data-primary-pack aria-label=\"Primary School Stationery Pack details\"\u003e\n  \u003cdiv class=\"cr-primary__orb cr-primary__orb--gold\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"cr-primary__orb cr-primary__orb--teal\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"cr-primary__orb cr-primary__orb--navy\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"cr-primary__container\"\u003e\n\n    \u003c!-- HERO SECTION --\u003e\n    \u003cheader class=\"cr-primary__hero cr-primary__reveal\"\u003e\n      \u003cdiv class=\"cr-primary__badge\"\u003e\n        \u003cspan class=\"cr-primary__badge-dot\"\u003e\u003c\/span\u003e\n        Complete School Essentials\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"cr-primary__title\"\u003e\n        Primary School\n        \u003cspan\u003eStationery Pack\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"cr-primary__lead\"\u003e\n        Get your learner fully \u003cstrong\u003eschool-ready\u003c\/strong\u003e with a complete\n        stationery pack filled with trusted everyday essentials for writing,\n        colouring, organising, covering books, homework, projects and\n        classroom activities.\n      \u003c\/p\u003e\n\n      \u003cp class=\"cr-primary__intro\"\u003e\n        Everything is conveniently pre-packed, helping parents save time while\n        making sure learners have the stationery they need for a confident,\n        organised and productive start to the school year.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"cr-primary__quick-benefits\"\u003e\n        \u003cdiv class=\"cr-primary__quick-item\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          Pre-packed\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cr-primary__quick-item\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          Trusted brands\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cr-primary__quick-item\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          Classroom ready\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cr-primary__quick-item\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          Saves parents time\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/header\u003e\n\n    \u003c!-- PACK CONTENTS --\u003e\n    \u003csection class=\"cr-primary__section cr-primary__reveal\"\u003e\n      \u003cdiv class=\"cr-primary__section-heading\"\u003e\n        \u003cspan class=\"cr-primary__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 generous selection of writing, filing, art, book-covering and\n          classroom essentials in one convenient pack.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cr-primary__contents-grid\"\u003e\n\n        \u003carticle class=\"cr-primary__item\" style=\"--delay: 0.03s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e5×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e📘\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch4\u003eA4 Feint \u0026amp; Margin Exercise Books\u003c\/h4\u003e\n            \u003cp\u003e32 pages each\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-primary__item\" style=\"--delay: 0.06s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e5×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e📕\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch4\u003eA4 Hardcover Books\u003c\/h4\u003e\n            \u003cp\u003e1 quire, 96 pages each\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-primary__item\" style=\"--delay: 0.09s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e10×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e📓\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch4\u003eA4 College Soft Books\u003c\/h4\u003e\n            \u003cp\u003e72 pages, feint and margin\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-primary__item\" style=\"--delay: 0.12s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e2×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e🗂️\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch4\u003eA4 Plastic Book Covers\u003c\/h4\u003e\n            \u003cp\u003ePack of 10 each\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-primary__item\" style=\"--delay: 0.15s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e1×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e📦\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch4\u003eBrown Ready-Cut 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-primary__item\" style=\"--delay: 0.18s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e5×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e📝\u003c\/div\u003e\n\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-primary__item\" style=\"--delay: 0.21s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e1×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e🎨\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch4\u003eButterfly Bright Project Board Pad\u003c\/h4\u003e\n            \u003cp\u003eBright-coloured project boards\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-primary__item\" style=\"--delay: 0.24s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e2×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e📁\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch4\u003e10-Pocket Show Files\u003c\/h4\u003e\n            \u003cp\u003eFor projects and filing\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-primary__item\" style=\"--delay: 0.27s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e2×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e📂\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch4\u003e20-Pocket Show Files\u003c\/h4\u003e\n            \u003cp\u003eFor larger filing requirements\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-primary__item\" style=\"--delay: 0.30s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e1×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e📅\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch4\u003eSchool Home Diary\u003c\/h4\u003e\n            \u003cp\u003eFor homework and daily planning\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-primary__item\" style=\"--delay: 0.33s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e5×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e🖊️\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch4\u003eBIC Orange Blue 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-primary__item\" style=\"--delay: 0.36s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e2×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e🖊️\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch4\u003eBIC Orange Red Ballpoint Pens\u003c\/h4\u003e\n            \u003cp\u003eRed ink\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-primary__item\" style=\"--delay: 0.39s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e3×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e🖊️\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch4\u003eBIC Orange Black Ballpoint Pens\u003c\/h4\u003e\n            \u003cp\u003eBlack ink\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-primary__item\" style=\"--delay: 0.42s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e12×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e✏️\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch4\u003eStaedtler HB Pencils\u003c\/h4\u003e\n            \u003cp\u003eFor writing and drawing\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-primary__item\" style=\"--delay: 0.45s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e1×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e🔻\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch4\u003eStaedtler Double-Hole Sharpener\u003c\/h4\u003e\n            \u003cp\u003eBarrel-style design\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-primary__item\" style=\"--delay: 0.48s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e2×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e▰\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch4\u003eStaedtler PVC Erasers\u003c\/h4\u003e\n            \u003cp\u003eLarge size\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-primary__item\" style=\"--delay: 0.51s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e1×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e🖍️\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch4\u003eStaedtler Triangular 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-primary__item\" style=\"--delay: 0.54s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e4×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e🧴\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch4\u003ePritt Glue Sticks\u003c\/h4\u003e\n            \u003cp\u003e43 g each\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-primary__item\" style=\"--delay: 0.57s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e1×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e🌈\u003c\/div\u003e\n\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-primary__item\" style=\"--delay: 0.60s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e2×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e📏\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch4\u003eShatterproof Rulers\u003c\/h4\u003e\n            \u003cp\u003e30 cm each\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-primary__item\" style=\"--delay: 0.63s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e1×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e👝\u003c\/div\u003e\n\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-primary__item\" style=\"--delay: 0.66s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e1×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e📐\u003c\/div\u003e\n\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-primary__item\" style=\"--delay: 0.69s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e1×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e🖍️\u003c\/div\u003e\n\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-primary__item\" style=\"--delay: 0.72s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e1×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e✂️\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch4\u003eStaedtler Blunt-Nose Scissors\u003c\/h4\u003e\n            \u003cp\u003e14 cm\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-primary__item\" style=\"--delay: 0.75s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e1×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e🖍️\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch4\u003eMonami Retractable Wax Crayons\u003c\/h4\u003e\n            \u003cp\u003eBright assorted colours\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-primary__item\" style=\"--delay: 0.78s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e1×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e👜\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch4\u003eBook Bag with Zip\u003c\/h4\u003e\n            \u003cp\u003eFor books and documents\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-primary__item\" style=\"--delay: 0.81s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e1×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e🎨\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch4\u003eStaedtler Watercolours\u003c\/h4\u003e\n            \u003cp\u003eSet of assorted colours\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-primary__item\" style=\"--delay: 0.84s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e1×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e🎒\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch4\u003eDenim Chair Bag\u003c\/h4\u003e\n            \u003cp\u003eConvenient classroom storage\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-primary__item\" style=\"--delay: 0.87s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e1×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e🎨\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch4\u003eStaedtler Oil Pastels\u003c\/h4\u003e\n            \u003cp\u003ePack of 25\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-primary__item\" style=\"--delay: 0.90s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e1×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e🖊️\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch4\u003ePenflex Whiteboard Markers\u003c\/h4\u003e\n            \u003cp\u003ePack of 4\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-primary__item cr-primary__item--wide\" style=\"--delay: 0.93s;\"\u003e\n          \u003cspan class=\"cr-primary__quantity\"\u003e1×\u003c\/span\u003e\n\n          \u003cdiv class=\"cr-primary__item-icon\"\u003e🖍️\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch4\u003eStaedtler Koki Pens\u003c\/h4\u003e\n            \u003cp\u003ePack of 12 for colouring, projects and creative classroom work\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- WHY PARENTS LOVE IT --\u003e\n    \u003csection class=\"cr-primary__section cr-primary__reveal\"\u003e\n      \u003cdiv class=\"cr-primary__section-heading\"\u003e\n        \u003cspan class=\"cr-primary__eyebrow\"\u003e\n          Simple and convenient\n        \u003c\/span\u003e\n\n        \u003ch3\u003eWhy Parents Love It\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Everything is packed together to make school preparation easier,\n          faster and less stressful.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cr-primary__benefit-grid\"\u003e\n\n        \u003carticle class=\"cr-primary__benefit\"\u003e\n          \u003cdiv class=\"cr-primary__benefit-icon\"\u003e✓\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e01\u003c\/span\u003e\n            \u003ch4\u003eReady for School\u003c\/h4\u003e\n\n            \u003cp\u003e\n              Conveniently packed and ready for your learner to take to school.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-primary__benefit\"\u003e\n          \u003cdiv class=\"cr-primary__benefit-icon\"\u003e★\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e02\u003c\/span\u003e\n            \u003ch4\u003eTrusted Stationery Brands\u003c\/h4\u003e\n\n            \u003cp\u003e\n              Includes well-known brands selected for everyday classroom use.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-primary__benefit\"\u003e\n          \u003cdiv class=\"cr-primary__benefit-icon\"\u003e✏\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e03\u003c\/span\u003e\n            \u003ch4\u003eComplete Classroom Selection\u003c\/h4\u003e\n\n            \u003cp\u003e\n              Covers writing, colouring, filing, projects and book protection.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-primary__benefit\"\u003e\n          \u003cdiv class=\"cr-primary__benefit-icon\"\u003e⏱\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e04\u003c\/span\u003e\n            \u003ch4\u003eSaves Shopping Time\u003c\/h4\u003e\n\n            \u003cp\u003e\n              Avoid searching for and purchasing every stationery item separately.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-primary__benefit\"\u003e\n          \u003cdiv class=\"cr-primary__benefit-icon\"\u003e📚\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e05\u003c\/span\u003e\n            \u003ch4\u003eGreat for Primary School\u003c\/h4\u003e\n\n            \u003cp\u003e\n              Includes practical essentials suitable for everyday school activities.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"cr-primary__benefit\"\u003e\n          \u003cdiv class=\"cr-primary__benefit-icon\"\u003e♡\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e06\u003c\/span\u003e\n            \u003ch4\u003eStress-Free Preparation\u003c\/h4\u003e\n\n            \u003cp\u003e\n              Makes preparing for the new school year simple and organised.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- PRODUCT NOTE --\u003e\n    \u003caside class=\"cr-primary__notice cr-primary__reveal\"\u003e\n      \u003cdiv class=\"cr-primary__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, designs\n          or colours may vary slightly 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-primary-pack {\n    --navy: #123b63;\n    --teal: #18a999;\n    --gold: #f6c445;\n    --white: #ffffff;\n    --text: #36536b;\n    --muted: #6f8190;\n    --soft-teal: #e9f8f6;\n    --soft-gold: #fff7d8;\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(\n        145deg,\n        #ffffff 0%,\n        #f7fcfb 52%,\n        #ffffff 100%\n      );\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-primary-pack *,\n  #class-ready-primary-pack *::before,\n  #class-ready-primary-pack *::after {\n    box-sizing: border-box;\n  }\n\n  #class-ready-primary-pack h2,\n  #class-ready-primary-pack h3,\n  #class-ready-primary-pack h4,\n  #class-ready-primary-pack p {\n    overflow-wrap: break-word;\n    word-break: normal;\n    hyphens: none;\n  }\n\n  #class-ready-primary-pack .cr-primary__container {\n    position: relative;\n    z-index: 2;\n    width: min(1180px, 100%);\n    margin: 0 auto;\n  }\n\n  \/* BACKGROUND DECORATION *\/\n\n  #class-ready-primary-pack .cr-primary__orb {\n    position: absolute;\n    z-index: 0;\n    border-radius: 50%;\n    pointer-events: none;\n    animation: crPrimaryFloat 9s ease-in-out infinite;\n  }\n\n  #class-ready-primary-pack .cr-primary__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-primary-pack .cr-primary__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-primary-pack .cr-primary__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-primary-pack .cr-primary__hero {\n    max-width: 940px;\n    margin: 0 auto 76px;\n    text-align: center;\n  }\n\n  #class-ready-primary-pack .cr-primary__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-primary-pack .cr-primary__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: crPrimaryPulse 2.2s ease-in-out infinite;\n  }\n\n  #class-ready-primary-pack .cr-primary__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-primary-pack .cr-primary__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: crPrimaryShimmer 7s linear infinite;\n  }\n\n  #class-ready-primary-pack .cr-primary__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-primary-pack .cr-primary__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-primary-pack .cr-primary__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-primary-pack .cr-primary__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-primary-pack .cr-primary__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 HEADING *\/\n\n  #class-ready-primary-pack .cr-primary__section {\n    margin-top: 76px;\n  }\n\n  #class-ready-primary-pack .cr-primary__section-heading {\n    max-width: 790px;\n    margin: 0 auto 36px;\n    text-align: center;\n  }\n\n  #class-ready-primary-pack .cr-primary__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-primary-pack .cr-primary__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-primary-pack .cr-primary__section-heading p {\n    margin: 12px 0 0;\n    color: var(--muted);\n    font-size: 16px;\n    line-height: 1.65;\n  }\n\n  \/* CONTENT CARDS *\/\n\n  #class-ready-primary-pack .cr-primary__contents-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 16px;\n  }\n\n  #class-ready-primary-pack .cr-primary__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-primary-pack .cr-primary__item--wide {\n    grid-column: 1 \/ -1;\n  }\n\n  #class-ready-primary-pack .cr-primary__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-primary-pack .cr-primary__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-primary-pack .cr-primary__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-primary-pack .cr-primary__item:hover::before {\n    transform: translateX(135%);\n  }\n\n  #class-ready-primary-pack .cr-primary__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-primary-pack .cr-primary__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-primary-pack .cr-primary__item:hover .cr-primary__item-icon {\n    background: var(--teal);\n    transform: rotate(-6deg) scale(1.08);\n  }\n\n  #class-ready-primary-pack .cr-primary__item \u003e div:last-child {\n    position: relative;\n    z-index: 2;\n    min-width: 0;\n  }\n\n  #class-ready-primary-pack .cr-primary__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-primary-pack .cr-primary__item p {\n    margin: 5px 0 0;\n    color: var(--muted);\n    font-size: 14px;\n    line-height: 1.45;\n  }\n\n  \/* BENEFITS *\/\n\n  #class-ready-primary-pack .cr-primary__benefit-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  #class-ready-primary-pack .cr-primary__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-primary-pack .cr-primary__benefit::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 5px;\n    height: 100%;\n    background: linear-gradient(\n      180deg,\n      var(--teal),\n      var(--gold)\n    );\n    content: \"\";\n  }\n\n  #class-ready-primary-pack .cr-primary__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-primary-pack .cr-primary__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-primary-pack .cr-primary__benefit:hover::after {\n    transform: scale(1.18);\n  }\n\n  #class-ready-primary-pack .cr-primary__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(\n      145deg,\n      var(--teal),\n      #118f83\n    );\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-primary-pack\n    .cr-primary__benefit:hover\n    .cr-primary__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-primary-pack .cr-primary__benefit \u003e div:last-child {\n    position: relative;\n    z-index: 2;\n    min-width: 0;\n  }\n\n  #class-ready-primary-pack .cr-primary__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-primary-pack .cr-primary__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-primary-pack .cr-primary__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  \/* NOTICE *\/\n\n  #class-ready-primary-pack .cr-primary__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-primary-pack .cr-primary__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-primary-pack .cr-primary__notice strong {\n    color: var(--navy);\n    font-size: 16px;\n    font-weight: 800;\n  }\n\n  #class-ready-primary-pack .cr-primary__notice p {\n    margin: 6px 0 0;\n    color: #6c6345;\n    font-size: 14px;\n    line-height: 1.65;\n  }\n\n  \/* REVEAL ANIMATION *\/\n\n  #class-ready-primary-pack.cr-primary--js .cr-primary__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-primary-pack.cr-primary--js\n    .cr-primary__reveal.cr-primary__visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  #class-ready-primary-pack.cr-primary--js\n    .cr-primary__reveal:not(.cr-primary__visible)\n    .cr-primary__item {\n    opacity: 0;\n    transform: translateY(22px);\n  }\n\n  #class-ready-primary-pack.cr-primary--js\n    .cr-primary__reveal.cr-primary__visible\n    .cr-primary__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  \/* KEYFRAMES *\/\n\n  @keyframes crPrimaryFloat {\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 crPrimaryPulse {\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 crPrimaryShimmer {\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-primary-pack {\n      padding: 58px 18px;\n      border-radius: 26px;\n    }\n\n    #class-ready-primary-pack .cr-primary__hero {\n      margin-bottom: 60px;\n    }\n\n    #class-ready-primary-pack .cr-primary__benefit-grid {\n      grid-template-columns: 1fr;\n    }\n\n    #class-ready-primary-pack .cr-primary__benefit {\n      min-height: 145px;\n    }\n  }\n\n  \/* MOBILE *\/\n\n  @media screen and (max-width: 680px) {\n    #class-ready-primary-pack {\n      margin: 20px 0;\n      padding: 46px 14px;\n      border-radius: 22px;\n    }\n\n    #class-ready-primary-pack .cr-primary__title {\n      font-size: clamp(39px, 12vw, 57px);\n    }\n\n    #class-ready-primary-pack .cr-primary__contents-grid {\n      grid-template-columns: 1fr;\n    }\n\n    #class-ready-primary-pack .cr-primary__item,\n    #class-ready-primary-pack .cr-primary__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-primary-pack .cr-primary__quantity {\n      width: 41px;\n      height: 41px;\n      border-radius: 12px;\n    }\n\n    #class-ready-primary-pack .cr-primary__item-icon {\n      width: 49px;\n      height: 49px;\n      border-radius: 15px;\n      font-size: 22px;\n    }\n\n    #class-ready-primary-pack .cr-primary__benefit {\n      gap: 14px;\n      min-height: auto;\n      padding: 20px 17px;\n    }\n\n    #class-ready-primary-pack .cr-primary__benefit-icon {\n      width: 50px;\n      height: 50px;\n      flex-basis: 50px;\n      border-radius: 15px;\n    }\n\n    #class-ready-primary-pack .cr-primary__benefit h4 {\n      font-size: 17px;\n    }\n\n    #class-ready-primary-pack .cr-primary__benefit p {\n      font-size: 13px;\n    }\n\n    #class-ready-primary-pack .cr-primary__notice {\n      padding: 18px;\n    }\n  }\n\n  @media screen and (max-width: 430px) {\n    #class-ready-primary-pack .cr-primary__item {\n      gap: 10px;\n      padding: 14px 12px;\n    }\n\n    #class-ready-primary-pack .cr-primary__quantity {\n      width: 37px;\n      height: 37px;\n      font-size: 13px;\n    }\n\n    #class-ready-primary-pack .cr-primary__item-icon {\n      width: 43px;\n      height: 43px;\n      font-size: 19px;\n    }\n\n    #class-ready-primary-pack .cr-primary__item h4 {\n      font-size: 14px;\n    }\n\n    #class-ready-primary-pack .cr-primary__item p {\n      font-size: 12px;\n    }\n  }\n\n  \/* REDUCED MOTION *\/\n\n  @media (prefers-reduced-motion: reduce) {\n    #class-ready-primary-pack *,\n    #class-ready-primary-pack *::before,\n    #class-ready-primary-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-primary-pack .cr-primary__reveal,\n    #class-ready-primary-pack .cr-primary__item {\n      opacity: 1 !important;\n      transform: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  (function () {\n    function initialisePrimaryPack(root) {\n      var sections = root.querySelectorAll\n        ? root.querySelectorAll(\"[data-primary-pack]\")\n        : [];\n\n      sections.forEach(function (section) {\n        if (section.dataset.primaryInitialised === \"true\") {\n          return;\n        }\n\n        section.dataset.primaryInitialised = \"true\";\n        section.classList.add(\"cr-primary--js\");\n\n        var revealItems = section.querySelectorAll(\".cr-primary__reveal\");\n\n        if (!(\"IntersectionObserver\" in window)) {\n          revealItems.forEach(function (item) {\n            item.classList.add(\"cr-primary__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-primary__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        initialisePrimaryPack(document);\n      });\n    } else {\n      initialisePrimaryPack(document);\n    }\n\n    document.addEventListener(\"shopify:section:load\", function (event) {\n      initialisePrimaryPack(event.target);\n    });\n  })();\n\u003c\/script\u003e","brand":"Class Ready","offers":[{"title":"Default Title","offer_id":43165195993186,"sku":null,"price":2199.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0685\/0134\/0258\/files\/ChatGPTImageJul30_2026_10_29_22PM.png?v=1785443386"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0685\/0134\/0258\/collections\/primary-school-collection.png?v=1785488349","url":"https:\/\/classready.co.za\/collections\/primary-school.oembed","provider":"Class Ready","version":"1.0","type":"link"}