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