{"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","url":"https:\/\/classready.co.za\/products\/grade-1-stationery-pack-%e2%9c%8f%ef%b8%8f%f0%9f%8e%a8","provider":"Class Ready","version":"1.0","type":"link"}