<!--[if BLOCK]><![endif]-->


<div wire:snapshot="{&quot;data&quot;:{&quot;product&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\MasterProduct&quot;,&quot;key&quot;:3098446,&quot;s&quot;:&quot;mdl&quot;}],&quot;offers&quot;:[[[{&quot;_id&quot;:1652779,&quot;id&quot;:1652779,&quot;storeId&quot;:&quot;25&quot;,&quot;storeName&quot;:&quot;takealot.com&quot;,&quot;storeLogo&quot;:null,&quot;storeProductId&quot;:&quot;73821957&quot;,&quot;price&quot;:&quot;R360&quot;,&quot;originalPrice&quot;:&quot;360.00&quot;,&quot;specialPrice&quot;:null,&quot;effectivePrice&quot;:360,&quot;url&quot;:&quot;https:\/\/www.takealot.com\/spell-4-in-a-row\/PLID73821957&quot;,&quot;availability&quot;:&quot;out_of_stock&quot;,&quot;inStock&quot;:false,&quot;name&quot;:&quot;Spell 4 In A Row&quot;,&quot;imageUrl&quot;:&quot;https:\/\/media.takealot.com\/covers_images\/b433b2ebb121485694bcf8861613d53d\/s-full.file&quot;,&quot;variantKey&quot;:&quot;b22c0cd319c4904b&quot;,&quot;variantLabel&quot;:&quot;Spell 4 In A Row&quot;,&quot;isVariantGroupMember&quot;:false,&quot;priceDropPercent&quot;:null},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;allOffers&quot;:[[[{&quot;_id&quot;:1652779,&quot;id&quot;:1652779,&quot;storeId&quot;:&quot;25&quot;,&quot;storeName&quot;:&quot;takealot.com&quot;,&quot;storeLogo&quot;:null,&quot;storeProductId&quot;:&quot;73821957&quot;,&quot;price&quot;:&quot;R360&quot;,&quot;originalPrice&quot;:&quot;360.00&quot;,&quot;specialPrice&quot;:null,&quot;effectivePrice&quot;:360,&quot;url&quot;:&quot;https:\/\/www.takealot.com\/spell-4-in-a-row\/PLID73821957&quot;,&quot;availability&quot;:&quot;out_of_stock&quot;,&quot;inStock&quot;:false,&quot;name&quot;:&quot;Spell 4 In A Row&quot;,&quot;imageUrl&quot;:&quot;https:\/\/media.takealot.com\/covers_images\/b433b2ebb121485694bcf8861613d53d\/s-full.file&quot;,&quot;variantKey&quot;:&quot;b22c0cd319c4904b&quot;,&quot;variantLabel&quot;:&quot;Spell 4 In A Row&quot;,&quot;isVariantGroupMember&quot;:false,&quot;priceDropPercent&quot;:null},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;variantGroups&quot;:[[[{&quot;key&quot;:&quot;b22c0cd319c4904b&quot;,&quot;label&quot;:&quot;Spell 4 In A Row&quot;,&quot;imageUrl&quot;:&quot;https:\/\/media.takealot.com\/covers_images\/b433b2ebb121485694bcf8861613d53d\/s-full.file&quot;,&quot;offerCount&quot;:1,&quot;storeCount&quot;:1,&quot;offerIds&quot;:[[1652779],{&quot;s&quot;:&quot;arr&quot;}],&quot;minEffectivePrice&quot;:360,&quot;inStock&quot;:false},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;selectedVariantKey&quot;:&quot;b22c0cd319c4904b&quot;,&quot;selectedVariantImage&quot;:&quot;https:\/\/media.takealot.com\/covers_images\/b433b2ebb121485694bcf8861613d53d\/s-full.file&quot;,&quot;variationAxisLabel&quot;:null,&quot;heroImageOverrideUrl&quot;:null,&quot;relatedItems&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;priceHistory&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;newItemIds&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;brandSlug&quot;:null,&quot;categorySlug&quot;:null,&quot;relatedFeedLoaded&quot;:true,&quot;relatedFeedError&quot;:null,&quot;feedGridId&quot;:&quot;masonry-grid-product-detail&quot;,&quot;feedLoadedIdsMap&quot;:[{&quot;3098446&quot;:true,&quot;adsense-32575419dfc449d9&quot;:true,&quot;category-recommendation-pdp-sister-categories-3098446&quot;:true,&quot;2541889&quot;:true,&quot;364098&quot;:true,&quot;2273544&quot;:true,&quot;2541861&quot;:true,&quot;2614958&quot;:true,&quot;2556991&quot;:true,&quot;364043&quot;:true,&quot;2272725&quot;:true,&quot;2600797&quot;:true,&quot;364012&quot;:true,&quot;2624820&quot;:true},{&quot;s&quot;:&quot;arr&quot;}],&quot;cursor&quot;:[{&quot;pdRelWalk&quot;:true,&quot;pdRelPhase&quot;:0,&quot;pdRelOff&quot;:12,&quot;feedSeed&quot;:326646,&quot;articleOffset&quot;:0,&quot;mpSource&quot;:&quot;meilisearch&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;hasMore&quot;:true,&quot;loading&quot;:false,&quot;error&quot;:null,&quot;totalLoaded&quot;:14,&quot;domCapReached&quot;:false,&quot;perPage&quot;:18,&quot;feedLoadMorePagesCount&quot;:0,&quot;feedCheckpointTier&quot;:0,&quot;feedPagesCountAtLastCheckpoint&quot;:0,&quot;guestFeedAuthGateReached&quot;:false,&quot;pausedCursor&quot;:null,&quot;feedPaused&quot;:false,&quot;feedCloseMatchesBreakShown&quot;:false,&quot;feedViewportProfile&quot;:&quot;mobile&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;EcEYBNQbMEy3gWlEL3JZ&quot;,&quot;name&quot;:&quot;product-detail-page&quot;,&quot;path&quot;:&quot;products\/spell-4-in-a-row-a20e370977\/3098446&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[&quot;1607534720-0&quot;],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;e7d9d3d75f9a4e06564be8aee0218b05db3330cce93a5b083bd416200492bff4&quot;}" wire:effects="{&quot;scripts&quot;:{&quot;1607534720-0&quot;:&quot;&lt;script&gt;\n    window.__oneShopPdpWire = $wire;\n    document.dispatchEvent(new CustomEvent(&#039;oneshop:pdp-wire-ready&#039;));\n&lt;\/script&gt;\n    &quot;},&quot;listeners&quot;:[&quot;applyFeedFilter&quot;],&quot;dispatches&quot;:[{&quot;name&quot;:&quot;feed-images-prefetch&quot;,&quot;params&quot;:{&quot;componentId&quot;:&quot;EcEYBNQbMEy3gWlEL3JZ&quot;,&quot;imageUrls&quot;:[&quot;https:\/\/media.takealot.com\/covers_images\/feeb0b23df1a4b4a8de726e4ddf6d5e0\/s-full.file&quot;,&quot;https:\/\/img.oneshop.co.za\/bdee5519b79420a75b087b79fb4ba947_240.jpg&quot;,&quot;https:\/\/media.takealot.com\/covers_tsins\/49516601\/6002795067620-1-full.jpg&quot;,&quot;https:\/\/img.oneshop.co.za\/e7be1418d1310f5076a1e09010ad2fda_240.jpg&quot;,&quot;https:\/\/img.oneshop.co.za\/eb0dabf39e1b6d9c420fb58314dcaded.jpg&quot;,&quot;https:\/\/media.takealot.com\/covers_images\/4f989bd48b8c4910b744d6471bdf5598\/s-full.file&quot;,&quot;https:\/\/img.oneshop.co.za\/d747a62712e62f49cdaf43854d718661_240.jpg&quot;,&quot;https:\/\/img.oneshop.co.za\/d922ab32f9d09f117a83b40370b7d28c.jpg&quot;,&quot;https:\/\/img.oneshop.co.za\/b410b60f3c6e6edc34866e400aa74a29_240.jpg&quot;,&quot;https:\/\/media.takealot.com\/covers_tsins\/49515443\/765023072334-1-full.jpg&quot;,&quot;https:\/\/media.takealot.com\/covers_images\/dceed40e52ff45e6acc185e4acba5217\/s-full.file&quot;,&quot;https:\/\/media.takealot.com\/covers_images\/a9dbde754c4b4394902f79ec04040c6c\/s-full.file&quot;,&quot;https:\/\/media.takealot.com\/covers_images\/bb176b113d09467dbf9ed4224ab40fb9\/s-full.file&quot;,&quot;https:\/\/img.oneshop.co.za\/337094289c4386305e34734e3a7dddcd_240.jpg&quot;,&quot;https:\/\/media.takealot.com\/covers_images\/afb9a51a76c444fc9a0787d8c9eec883\/s-full.file&quot;]}},{&quot;name&quot;:&quot;syncHeaderFilterContext&quot;,&quot;params&quot;:{&quot;context&quot;:{&quot;activeCategorySlug&quot;:&quot;reading-and-writing&quot;,&quot;activeCategoryName&quot;:&quot;Reading &amp; Writing&quot;,&quot;activeBrandSlug&quot;:null,&quot;activeBrandName&quot;:null}},&quot;to&quot;:&quot;components.navigation.universal-filter-sidebar&quot;}]}" wire:id="EcEYBNQbMEy3gWlEL3JZ" id="page-product-detail" data-testid="page-product-detail" class="page-container pb-10">
        <!-- Endless Scroll Feed -->
<div
    id="feed-product-detail"
    data-testid="feed-product-detail"
    class="endless-scroll-feed relative"
    x-data="feedProgressChrome({
        gridId: 'masonry-grid-product-detail',
        feedId: 'feed-product-detail',
        filterBarSelector: '[data-feed-filter-bar]',
        isGuest: true,
        guestGateMinBatchCount: 2,
        loginUrl: 'https:\/\/oneshop.co.za\/login',
        guestGatePrimedFromServer: false,
    })"
>
<!--[if BLOCK]><![endif]-->    <button
        type="button"
        x-show="lastScrollTop > 600"
        x-cloak
        x-transition.opacity
        class="feed-back-to-top-btn fixed bottom-6 right-6 z-[48] inline-flex h-12 w-12 items-center justify-center rounded-full border-0 bg-surface/95 text-on-surface shadow-lg backdrop-blur-xl hover:bg-surface-container-high max-md:bottom-24"
        @click="backToTop()"
        aria-label="Back to top"
    >
        <span
    class="material-symbols-outlined text-2xl leading-none"
            aria-hidden="true"
    >keyboard_arrow_up</span>
    </button>
<!--[if ENDBLOCK]><![endif]-->
<!-- Masonry Grid -->
<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <div
    class="masonry-grid discover-handoff-masonry"
    id="masonry-grid-product-detail"
    data-css-grid="false"
    data-has-feed-hero="true"
    data-has-product-detail="true"
    data-product-detail-feed="true"
            data-dom-cap-max="120"
        data-dom-cap-keep="90"
        x-data="masonryLayout({ gridId: 'masonry-grid-product-detail' })"
>
    <!--[if BLOCK]><![endif]-->        <div
    class="masonry-item "
    data-entity-id="3098446"
    data-item-type="product-detail"
    data-column-span="2"
    data-positioned="false"
     data-feed-hero-item="true"      data-masonry-grid-id="masonry-grid-product-detail"      data-feed-pinned="true" >
    <!--[if BLOCK]><![endif]-->        <!--[if BLOCK]><![endif]--><div id="product-detail-card" class="card product-detail-card bg-surface-container-lowest rounded-3xl overflow-hidden shadow-[0_24px_40px_rgba(0,0,0,0.06)]">
    <div id="product-detail-card-content" class="p-6 sm:p-8 md:p-10 space-y-10">
        
        <!-- Brand & Title (Above Image) -->
        <header id="product-detail-card-header" class="space-y-3">
            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <h1 id="product-detail-card-title" class="font-headline font-black text-on-surface leading-[1.12] tracking-tighter text-[clamp(1.375rem,2.1vw+0.9rem,2.875rem)] sm:text-[clamp(1.5rem,1.8vw+1.05rem,3rem)] md:text-[clamp(1.625rem,1.5vw+1.1rem,3.25rem)]">
                Spell 4 In A Row
            </h1>

            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </header>

        <!-- Product hero image (multiply blend matches feed cards; CTA sits below, not on the image) -->
        <div id="product-detail-card-hero" class="relative group">
            <div
                id="product-detail-card-hero-image"
                class="relative isolate w-full flex justify-center overflow-hidden rounded-[2rem] bg-surface-container-low"
                x-data="{
                    tallHero: false,
                    applyHeroSizing() {
                        const img = this.$el.querySelector('img[data-pdp-hero]');
                        if (! img || img.naturalWidth < 1 || img.naturalHeight < 1) {
                            return;
                        }
                        this.tallHero = (img.naturalWidth / img.naturalHeight) < 0.55;
                    }
                }"
                x-init="$nextTick(() => applyHeroSizing())"
            >
                <!--[if BLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]-->    <img 
        id="img-6a4780daa1545"
        src="https://media.takealot.com/covers_images/b433b2ebb121485694bcf8861613d53d/s-full.file" 
                alt="Spell 4 In A Row"
        class="pdp-hero-image max-w-full w-auto h-auto object-contain mix-blend-multiply transition-transform duration-700 hover:scale-[1.02]" data-pdp-hero="data-pdp-hero" x-on:load="applyHeroSizing()" x-bind:class="{ 'pdp-hero-image--tall': tallHero }"
        loading="eager"
         fetchpriority="high"         decoding="async"
        data-error-handler="true"
                            sizes="(max-width: 768px) 100vw, (max-width: 1200px) 90vw, 1100px"
                            data-cached-image="1"
            data-original-url="https://media.takealot.com/covers_images/b433b2ebb121485694bcf8861613d53d/s-full.file"
                            data-product-id="3098446"
                        data-entity-type="masterProduct"
            data-prefer-thumbnail="false"
            data-prefer-responsive="true"
                            data-image-sizes="(max-width: 768px) 100vw, (max-width: 1200px) 90vw, 1100px"
                                        />
    
    <!--[if BLOCK]><![endif]-->        <div class="card-image-placeholder" style="display: none;">
            <span
    class="material-symbols-outlined card-image-placeholder-icon"
            aria-hidden="true"
    >image</span>
        </div>
    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->
                <!-- Savings / Featured Badge -->
                <div id="product-detail-card-badges" class="absolute top-6 left-6 z-10 flex flex-col gap-2">
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </div>
            </div>

            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>

        <!-- Price Comparison Section -->
        <!--[if BLOCK]><![endif]-->            <section id="product-detail-card-price-comparison" class="space-y-5 pt-2">
                <div class="flex flex-wrap items-center justify-between gap-3 sm:gap-4">
                    <h3 class="font-headline font-bold text-lg text-on-surface">Price Comparison</h3>
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </div>
                
                <div class="rounded-2xl bg-white shadow-[0_20px_40px_rgba(0,0,0,0.08)] p-4 sm:p-5">
                    <div class="divide-y divide-surface-container-high/80">
                        <!--[if BLOCK]><![endif]-->                                                        
                            <!--[if BLOCK]><![endif]-->                                <!-- Featured Price (Lowest) -->
                                <div class="flex items-center justify-between gap-4 py-3 first:pt-0 last:pb-0 group/offer">
                                    <div class="flex items-center gap-3 min-w-0">
                                        <!--[if BLOCK]><![endif]-->                                            <div class="h-10 w-10 rounded-full bg-slate-100 flex items-center justify-center">
                                                <span class="material-symbols-outlined text-slate-600">store</span>
                                            </div>
                                        <!--[if ENDBLOCK]><![endif]-->                                        <div>
                                            <p class="text-sm font-bold text-on-surface truncate max-w-[150px]">takealot.com</p>
                                            <p class="text-[10px] text-slate-500 font-semibold tracking-wider uppercase">
                                                Best Deal
                                            </p>
                                            <!--[if BLOCK]><![endif]-->                                                <span class="mt-1 inline-flex rounded-full bg-surface-container-high px-2 py-0.5 text-[9px] font-bold uppercase tracking-wider text-on-surface-variant">Out of stock</span>
                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
                                    </div>
                                    <div class="text-right">
                                        <div class="flex flex-col items-end gap-1.5 mb-1">
                                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                            <p class="text-2xl font-black text-primary leading-none">R360</p>
                                        </div>
                                        <a 
                                            href="https://oneshop.co.za/redirect/1652779"
                                            target="_blank"
                                            class="text-[10px] font-bold text-primary uppercase tracking-widest hover:underline flex items-center justify-end gap-1"
                                        >
                                            View Deal <span class="material-symbols-outlined text-[14px]">open_in_new</span>
                                        </a>
                                    </div>
                                </div>
                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </div>
                </div>
                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </section>
        <!--[if ENDBLOCK]><![endif]-->
        <!-- The Story / Description -->
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        <!-- Pros & Cons -->
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        <!-- Technical Specs -->
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <section id="product-detail-card-facets" class="space-y-4 pt-8 mt-2 border-t border-surface-container-high/80" aria-label="Product facets">
                <!--[if BLOCK]><![endif]-->                    <h3 class="font-headline font-bold text-lg text-on-surface">Tags</h3>
                    <div class="space-y-5">
                        <!--[if BLOCK]><![endif]-->                            <div class="space-y-2">
                                <h4 class="text-sm font-semibold text-on-surface-variant tracking-wide">Other</h4>
                                <div class="flex flex-wrap gap-2">
                                    <!--[if BLOCK]><![endif]-->                                                                                <!--[if BLOCK]><![endif]--><!--[if BLOCK]><![endif]-->    <span class="inline-flex items-center gap-1.5 rounded-full bg-surface-container-high text-on-surface-variant text-sm font-semibold pl-3 pr-1 py-1">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <a
            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/t/board"
            class="transition-all hover:text-on-surface py-1"
        >
            Board
        </a>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </span>
<!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]--><!--[if BLOCK]><![endif]-->    <span class="inline-flex items-center gap-1.5 rounded-full bg-surface-container-high text-on-surface-variant text-sm font-semibold pl-3 pr-1 py-1">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <a
            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/t/designed-for-young"
            class="transition-all hover:text-on-surface py-1"
        >
            designed for young
        </a>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </span>
<!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]--><!--[if BLOCK]><![endif]-->    <span class="inline-flex items-center gap-1.5 rounded-full bg-surface-container-high text-on-surface-variant text-sm font-semibold pl-3 pr-1 py-1">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <a
            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/t/early-reading"
            class="transition-all hover:text-on-surface py-1"
        >
            early reading
        </a>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </span>
<!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]--><!--[if BLOCK]><![endif]-->    <span class="inline-flex items-center gap-1.5 rounded-full bg-surface-container-high text-on-surface-variant text-sm font-semibold pl-3 pr-1 py-1">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <a
            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/t/improve-their-vocabulary"
            class="transition-all hover:text-on-surface py-1"
        >
            improve their vocabulary
        </a>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </span>
<!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]--><!--[if BLOCK]><![endif]-->    <span class="inline-flex items-center gap-1.5 rounded-full bg-surface-container-high text-on-surface-variant text-sm font-semibold pl-3 pr-1 py-1">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <a
            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/t/play"
            class="transition-all hover:text-on-surface py-1"
        >
            Play
        </a>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </span>
<!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]--><!--[if BLOCK]><![endif]-->    <span class="inline-flex items-center gap-1.5 rounded-full bg-surface-container-high text-on-surface-variant text-sm font-semibold pl-3 pr-1 py-1">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <a
            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/t/play-board"
            class="transition-all hover:text-on-surface py-1"
        >
            Play Board
        </a>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </span>
<!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]--><!--[if BLOCK]><![endif]-->    <span class="inline-flex items-center gap-1.5 rounded-full bg-surface-container-high text-on-surface-variant text-sm font-semibold pl-3 pr-1 py-1">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <a
            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/t/play-pieces"
            class="transition-all hover:text-on-surface py-1"
        >
            Play Pieces
        </a>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </span>
<!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]--><!--[if BLOCK]><![endif]-->    <span class="inline-flex items-center gap-1.5 rounded-full bg-surface-container-high text-on-surface-variant text-sm font-semibold pl-3 pr-1 py-1">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <a
            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/t/play-rules"
            class="transition-all hover:text-on-surface py-1"
        >
            Play Rules
        </a>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </span>
<!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]--><!--[if BLOCK]><![endif]-->    <span class="inline-flex items-center gap-1.5 rounded-full bg-surface-container-high text-on-surface-variant text-sm font-semibold pl-3 pr-1 py-1">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <a
            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/t/reading-skills"
            class="transition-all hover:text-on-surface py-1"
        >
            reading skills
        </a>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </span>
<!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]--><!--[if BLOCK]><![endif]-->    <span class="inline-flex items-center gap-1.5 rounded-full bg-surface-container-high text-on-surface-variant text-sm font-semibold pl-3 pr-1 py-1">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <a
            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/t/row"
            class="transition-all hover:text-on-surface py-1"
        >
            ROW
        </a>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </span>
<!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]--><!--[if BLOCK]><![endif]-->    <span class="inline-flex items-center gap-1.5 rounded-full bg-surface-container-high text-on-surface-variant text-sm font-semibold pl-3 pr-1 py-1">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <a
            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/t/specially"
            class="transition-all hover:text-on-surface py-1"
        >
            specially
        </a>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </span>
<!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]--><!--[if BLOCK]><![endif]-->    <span class="inline-flex items-center gap-1.5 rounded-full bg-surface-container-high text-on-surface-variant text-sm font-semibold pl-3 pr-1 py-1">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <a
            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/t/specially-designed"
            class="transition-all hover:text-on-surface py-1"
        >
            specially designed
        </a>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </span>
<!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]--><!--[if BLOCK]><![endif]-->    <span class="inline-flex items-center gap-1.5 rounded-full bg-surface-container-high text-on-surface-variant text-sm font-semibold pl-3 pr-1 py-1">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <a
            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/t/spell"
            class="transition-all hover:text-on-surface py-1"
        >
            Spell
        </a>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </span>
<!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]--><!--[if BLOCK]><![endif]-->    <span class="inline-flex items-center gap-1.5 rounded-full bg-surface-container-high text-on-surface-variant text-sm font-semibold pl-3 pr-1 py-1">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <a
            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/t/spelling-and-early"
            class="transition-all hover:text-on-surface py-1"
        >
            spelling and early
        </a>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </span>
<!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]--><!--[if BLOCK]><![endif]-->    <span class="inline-flex items-center gap-1.5 rounded-full bg-surface-container-high text-on-surface-variant text-sm font-semibold pl-3 pr-1 py-1">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <a
            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/t/vocabulary"
            class="transition-all hover:text-on-surface py-1"
        >
            Vocabulary
        </a>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </span>
<!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]--><!--[if BLOCK]><![endif]-->    <span class="inline-flex items-center gap-1.5 rounded-full bg-surface-container-high text-on-surface-variant text-sm font-semibold pl-3 pr-1 py-1">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <a
            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/t/word-cards"
            class="transition-all hover:text-on-surface py-1"
        >
            Word Cards
        </a>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </span>
<!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]--><!--[if BLOCK]><![endif]-->    <span class="inline-flex items-center gap-1.5 rounded-full bg-surface-container-high text-on-surface-variant text-sm font-semibold pl-3 pr-1 py-1">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <a
            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/t/words"
            class="transition-all hover:text-on-surface py-1"
        >
            Words
        </a>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </span>
<!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]--><!--[if BLOCK]><![endif]-->    <span class="inline-flex items-center gap-1.5 rounded-full bg-surface-container-high text-on-surface-variant text-sm font-semibold pl-3 pr-1 py-1">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <a
            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/t/words-correctly"
            class="transition-all hover:text-on-surface py-1"
        >
            words correctly
        </a>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </span>
<!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]--><!--[if BLOCK]><![endif]-->    <span class="inline-flex items-center gap-1.5 rounded-full bg-surface-container-high text-on-surface-variant text-sm font-semibold pl-3 pr-1 py-1">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <a
            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/t/words-correctly-wins"
            class="transition-all hover:text-on-surface py-1"
        >
            words correctly wins
        </a>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </span>
<!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                    <!--[if ENDBLOCK]><![endif]-->                                </div>
                            </div>
                        <!--[if ENDBLOCK]><![endif]-->                    </div>
                <!--[if ENDBLOCK]><![endif]-->            </section>
        <!--[if ENDBLOCK]><![endif]-->        
    </div>
</div>
<!--[if ENDBLOCK]><![endif]-->


    <!--[if ENDBLOCK]><![endif]--></div>
            <div
    class="masonry-item "
    data-entity-id="category-recommendation-pdp-sister-categories-3098446"
    data-item-type="category-recommendation"
    data-column-span="2"
    data-positioned="false"
         data-masonry-grid-id="masonry-grid-product-detail"      data-feed-pinned="true" >
    <!--[if BLOCK]><![endif]-->        <section class="card product-card group overflow-hidden rounded-3xl border border-primary/15 bg-gradient-to-br from-surface-container-lowest via-surface-container-low to-primary/5 shadow-[0_20px_50px_rgba(0,0,0,0.06)]">
    <div class="relative p-4 sm:p-6">
        <div class="pointer-events-none absolute inset-y-0 left-0 w-1 bg-gradient-to-b from-primary via-primary/60 to-transparent" aria-hidden="true"></div>
        <div class="pl-3 sm:pl-4">
            <p class="text-[10px] font-bold uppercase tracking-[0.2em] text-primary">
                Recommended
            </p>
            <h3 class="mt-1 font-headline text-xl font-black tracking-tight text-foreground sm:text-2xl">
                Explore related categories
            </h3>
            <!--[if BLOCK]><![endif]-->                <p class="mt-1 text-sm font-medium text-muted-foreground">
                    More in Baby &amp; Toddler
                </p>
            <!--[if ENDBLOCK]><![endif]-->        </div>

        <!--[if BLOCK]><![endif]-->            <ul class="mt-5 flex w-full flex-col gap-2 sm:gap-2.5" role="list" aria-label="Explore related categories">
                <!--[if BLOCK]><![endif]-->                                        <li class="w-full">
                        <a
                            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/activity-toys"
                            class="category-reco-tile group/tile flex w-full items-center gap-2 rounded-2xl border border-border/50 bg-surface-container-lowest/90 p-2 shadow-sm ring-1 ring-black/[0.03] transition-all duration-300 hover:border-primary/35 hover:bg-primary/5 hover:shadow-md hover:ring-primary/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60 sm:gap-2.5 sm:p-2.5"
                        >
                            <!--[if BLOCK]><![endif]-->                                <span class="relative h-10 w-10 shrink-0 overflow-hidden rounded-lg bg-surface-container sm:h-11 sm:w-11">
                                    <img
                                        src="https://media.takealot.com/covers_images/a2168948c6634865852fcf2a264a7555/s-full.file"
                                        alt=""
                                        class="h-full w-full object-cover transition-transform duration-300 group-hover/tile:scale-105"
                                        loading="lazy"
                                    />
                                </span>
                            <!--[if ENDBLOCK]><![endif]-->                            <span class="min-w-0 flex-1 break-words text-[11px] font-semibold leading-snug text-foreground sm:text-xs">
                                Activity Toys
                            </span>
                            <span
    class="material-symbols-outlined shrink-0 text-base leading-none text-muted-foreground transition-colors group-hover/tile:text-primary"
            aria-hidden="true"
    >chevron_right</span>
                        </a>
                    </li>
                                                        <li class="w-full">
                        <a
                            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/bath-toys"
                            class="category-reco-tile group/tile flex w-full items-center gap-2 rounded-2xl border border-border/50 bg-surface-container-lowest/90 p-2 shadow-sm ring-1 ring-black/[0.03] transition-all duration-300 hover:border-primary/35 hover:bg-primary/5 hover:shadow-md hover:ring-primary/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60 sm:gap-2.5 sm:p-2.5"
                        >
                            <!--[if BLOCK]><![endif]-->                                <span class="relative h-10 w-10 shrink-0 overflow-hidden rounded-lg bg-surface-container sm:h-11 sm:w-11">
                                    <img
                                        src="https://media.takealot.com/covers_images/5d1721e5988048dda05d0d04339b9f47/s-full.file"
                                        alt=""
                                        class="h-full w-full object-cover transition-transform duration-300 group-hover/tile:scale-105"
                                        loading="lazy"
                                    />
                                </span>
                            <!--[if ENDBLOCK]><![endif]-->                            <span class="min-w-0 flex-1 break-words text-[11px] font-semibold leading-snug text-foreground sm:text-xs">
                                Bath Toys
                            </span>
                            <span
    class="material-symbols-outlined shrink-0 text-base leading-none text-muted-foreground transition-colors group-hover/tile:text-primary"
            aria-hidden="true"
    >chevron_right</span>
                        </a>
                    </li>
                                                        <li class="w-full">
                        <a
                            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/bouncers-and-rockers"
                            class="category-reco-tile group/tile flex w-full items-center gap-2 rounded-2xl border border-border/50 bg-surface-container-lowest/90 p-2 shadow-sm ring-1 ring-black/[0.03] transition-all duration-300 hover:border-primary/35 hover:bg-primary/5 hover:shadow-md hover:ring-primary/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60 sm:gap-2.5 sm:p-2.5"
                        >
                            <!--[if BLOCK]><![endif]-->                                <span class="relative h-10 w-10 shrink-0 overflow-hidden rounded-lg bg-surface-container sm:h-11 sm:w-11">
                                    <img
                                        src="https://media.takealot.com/covers_images/6fc096ea48b44b73a0206c7e6a8a5834/s-full.file"
                                        alt=""
                                        class="h-full w-full object-cover transition-transform duration-300 group-hover/tile:scale-105"
                                        loading="lazy"
                                    />
                                </span>
                            <!--[if ENDBLOCK]><![endif]-->                            <span class="min-w-0 flex-1 break-words text-[11px] font-semibold leading-snug text-foreground sm:text-xs">
                                Bouncers &amp; Rockers
                            </span>
                            <span
    class="material-symbols-outlined shrink-0 text-base leading-none text-muted-foreground transition-colors group-hover/tile:text-primary"
            aria-hidden="true"
    >chevron_right</span>
                        </a>
                    </li>
                <!--[if ENDBLOCK]><![endif]-->            </ul>
        <!--[if ENDBLOCK]><![endif]-->    </div>
</section>
    <!--[if ENDBLOCK]><![endif]--></div>
            <div
    class="masonry-item "
    data-entity-id="adsense-32575419dfc449d9"
    data-item-type="adsense"
    data-column-span="1"
    data-positioned="false"
         data-masonry-grid-id="masonry-grid-product-detail"     >
    <!--[if BLOCK]><![endif]-->        <div class="card card-no-image overflow-hidden w-full min-w-[250px]" data-adsense-card="1" data-adsense-format="in_feed">
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <div class="p-2 flex items-stretch justify-center bg-surface-container-low/30 min-h-0">
        <!--[if BLOCK]><![endif]-->            <ins class="adsbygoogle block w-full min-h-[100px]"
                style="display:block"
                data-ad-client="ca-pub-6946582904813717"
                data-ad-slot="7441679776"
                                    data-ad-format="fluid"
                ></ins>
        <!--[if ENDBLOCK]><![endif]-->    </div>
</div>
    <!--[if ENDBLOCK]><![endif]--></div>
            <div
    class="masonry-item "
    data-entity-id="2541889"
    data-item-type="product"
    data-column-span="1"
    data-positioned="false"
         data-masonry-grid-id="masonry-grid-product-detail"     >
    <!--[if BLOCK]><![endif]-->        <div
    class="prod product-card group "
    data-entity-id="2541889"
    data-entity-type="product"
            role="link"
        tabindex="0"
        @keydown.enter.prevent="window.location.href = 'https:\/\/oneshop.co.za\/products\/smartplay-magnetic-animals-6009707415296-9caf0c44e0\/2541889'"
        @click="if (!$event.target.closest('a, button, [x-data]')) { window.location.href = 'https:\/\/oneshop.co.za\/products\/smartplay-magnetic-animals-6009707415296-9caf0c44e0\/2541889' }"
    >
    <div class="prod__media">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <button
                type="button"
                class="prod__heart"
                title="Save"
                aria-label="Save"
                x-data="{ liked: false }"
                :class="{ 'is-on': liked }"
                @click.stop="
                    const w = $wire;
                    if (!w || typeof w.toggleFeedItemLike !== 'function') return;
                    w.toggleFeedItemLike(3018112).then((d) => {
                        if (d && d.guest) {
                            window.Livewire.dispatch('show-login-modal');
                            return;
                        }
                        if (d && d.ok) {
                            liked = d.isLiked;
                            if (window.interactionTracker) {
                                window.interactionTracker.trackLike('2541889', 'product');
                            }
                        }
                    });
                "
            >
                <svg
                    viewBox="0 0 24 24"
                    aria-hidden="true"
                    :fill="liked ? 'currentColor' : 'none'"
                    stroke="currentColor"
                    stroke-width="1.7"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                >
                    <path d="M12 21s-7-4.5-9-9.5C1.5 7.5 4 4 7.5 4c2 0 3.5 1 4.5 2.5C13 5 14.5 4 16.5 4 20 4 22.5 7.5 21 11.5 19 16.5 12 21 12 21z"/>
                </svg>
            </button>
        <!--[if ENDBLOCK]><![endif]-->
        <div
            class="prod__actions"
            x-data="{ overlayOpen: false }"
            @click.outside="overlayOpen = false"
        >
            <button
                type="button"
                class="prod__more product-card-overlay-trigger"
                aria-label="Show card actions"
                :aria-expanded="overlayOpen ? 'true' : 'false'"
                @click.stop="overlayOpen = !overlayOpen"
            >
                <span class="material-symbols-outlined text-[16px] leading-none" aria-hidden="true">more_horiz</span>
            </button>

            <div class="product-card-overlay-actions" :class="{ 'is-open': overlayOpen }">
                <!--[if BLOCK]><![endif]-->                    <button
                        type="button"
                        class="product-card-overlay-btn"
                        title="Not interested"
                        aria-label="Not interested"
                        @click.stop="
                            const w = $wire;
                            const tile = $el.closest('.masonry-item');
                            const gridId = tile?.dataset?.masonryGridId || '';
                            if (!w || typeof w.dislikeFeedItem !== 'function') return;
                            w.dislikeFeedItem(3018112, &quot;2541889&quot;, &quot;reading-and-writing&quot;, &quot;rgs-group&quot;).then((d) => {
                                if (d && d.guest) {
                                    window.Livewire.dispatch('show-login-modal');
                                    return;
                                }
                                if (d && d.ok && tile) {
                                    tile.style.transition = 'opacity 0.25s ease, transform 0.25s ease';
                                    tile.style.opacity = '0';
                                    tile.style.transform = 'scale(0.95)';
                                    setTimeout(() => {
                                        tile.remove();
                                        document.dispatchEvent(new CustomEvent('masonry:items-removed', { detail: { gridId } }));
                                    }, 260);
                                }
                            });
                        "
                    >
                        <span class="material-symbols-outlined text-[16px] leading-none" aria-hidden="true">thumb_down</span>
                    </button>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        </div>

        <!--[if BLOCK]><![endif]-->            <div class="product-card-image-shell">
                <div class="card-image-container">
                    <a
                        href="https://oneshop.co.za/products/smartplay-magnetic-animals-6009707415296-9caf0c44e0/2541889"
                        wire:navigate.hover
                        class="card-link block h-full w-full"
                        @click="if (window.interactionTracker) window.interactionTracker.trackClick('2541889', 'product')"
                    >
                        <!--[if BLOCK]><![endif]-->    <img 
        id="img-6a4780daa6b2c"
        src="https://media.takealot.com/covers_images/feeb0b23df1a4b4a8de726e4ddf6d5e0/s-full.file" 
                alt="Smartplay Magnetic Animals"
        class="card-image card-image--revealed"
        loading="lazy"
                decoding="async"
        data-error-handler="true"
                    srcset="https://img.oneshop.co.za/bdee5519b79420a75b087b79fb4ba947_240.jpg 240w, https://img.oneshop.co.za/bdee5519b79420a75b087b79fb4ba947_360.jpg 360w, https://img.oneshop.co.za/bdee5519b79420a75b087b79fb4ba947.jpg 600w"
                            sizes="(max-width: 640px) 45vw, 250px"
                            data-cached-image="1"
            data-original-url="https://media.takealot.com/covers_images/feeb0b23df1a4b4a8de726e4ddf6d5e0/s-full.file"
                            data-product-id="2541889"
                        data-entity-type="masterProduct"
            data-prefer-thumbnail="false"
            data-prefer-responsive="true"
                            data-image-sizes="(max-width: 640px) 45vw, 250px"
                                        />
    
    <!--[if BLOCK]><![endif]-->        <div class="card-image-placeholder" style="display: none;">
            <span
    class="material-symbols-outlined card-image-placeholder-icon"
            aria-hidden="true"
    >image</span>
        </div>
    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </a>
                </div>
            </div>
        <!--[if ENDBLOCK]><![endif]-->    </div>

    <div class="prod__body">
        <!--[if BLOCK]><![endif]-->            <div class="product-card-category-row">
                <!--[if BLOCK]><![endif]-->                    <a
                        href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing"
                        class="prod__cat card-category-label"
                        onclick="event.stopPropagation();"
                    >
                        Reading &amp; Writing
                    </a>
                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <span class="product-card-stock-label">In stock</span>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <a
                href="https://oneshop.co.za/products/smartplay-magnetic-animals-6009707415296-9caf0c44e0/2541889"
                wire:navigate.hover
                class="card-link product-card-title-link"
                @click="if (window.interactionTracker) window.interactionTracker.trackClick('2541889', 'product')"
            >
                <h3 class="prod__name" title="Smartplay Magnetic Animals">Smartplay Magnetic Animals</h3>
            </a>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <span
                class="product-card-social-proof"
                title="5 people viewed this"
                role="img"
                aria-label="5 people viewed this"
            >
                <span class="material-symbols-outlined shrink-0 text-[14px] leading-none" aria-hidden="true">visibility</span>
                <span class="line-clamp-1">5 people viewed this</span>
            </span>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <div class="prod__bottom product-card-meta-row">
                <!--[if BLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]-->                        <a
                            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/b/rgs-group"
                            class="prod__brand"
                            title="RGS Group"
                            onclick="event.stopPropagation();"
                        >
                            RGS Group
                        </a>
                    <!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->
                <!--[if BLOCK]><![endif]-->                    <div class="prod__pricing">
                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        <span class="prod__price">R165</span>
                    </div>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        <!--[if ENDBLOCK]><![endif]-->    </div>
</div>
    <!--[if ENDBLOCK]><![endif]--></div>
            <div
    class="masonry-item "
    data-entity-id="364098"
    data-item-type="product"
    data-column-span="1"
    data-positioned="false"
         data-masonry-grid-id="masonry-grid-product-detail"     >
    <!--[if BLOCK]><![endif]-->        <div
    class="prod product-card group "
    data-entity-id="364098"
    data-entity-type="product"
            role="link"
        tabindex="0"
        @keydown.enter.prevent="window.location.href = 'https:\/\/oneshop.co.za\/products\/magnetic-letters-26-piece-6002795067620\/364098'"
        @click="if (!$event.target.closest('a, button, [x-data]')) { window.location.href = 'https:\/\/oneshop.co.za\/products\/magnetic-letters-26-piece-6002795067620\/364098' }"
    >
    <div class="prod__media">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <button
                type="button"
                class="prod__heart"
                title="Save"
                aria-label="Save"
                x-data="{ liked: false }"
                :class="{ 'is-on': liked }"
                @click.stop="
                    const w = $wire;
                    if (!w || typeof w.toggleFeedItemLike !== 'function') return;
                    w.toggleFeedItemLike(473288).then((d) => {
                        if (d && d.guest) {
                            window.Livewire.dispatch('show-login-modal');
                            return;
                        }
                        if (d && d.ok) {
                            liked = d.isLiked;
                            if (window.interactionTracker) {
                                window.interactionTracker.trackLike('364098', 'product');
                            }
                        }
                    });
                "
            >
                <svg
                    viewBox="0 0 24 24"
                    aria-hidden="true"
                    :fill="liked ? 'currentColor' : 'none'"
                    stroke="currentColor"
                    stroke-width="1.7"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                >
                    <path d="M12 21s-7-4.5-9-9.5C1.5 7.5 4 4 7.5 4c2 0 3.5 1 4.5 2.5C13 5 14.5 4 16.5 4 20 4 22.5 7.5 21 11.5 19 16.5 12 21 12 21z"/>
                </svg>
            </button>
        <!--[if ENDBLOCK]><![endif]-->
        <div
            class="prod__actions"
            x-data="{ overlayOpen: false }"
            @click.outside="overlayOpen = false"
        >
            <button
                type="button"
                class="prod__more product-card-overlay-trigger"
                aria-label="Show card actions"
                :aria-expanded="overlayOpen ? 'true' : 'false'"
                @click.stop="overlayOpen = !overlayOpen"
            >
                <span class="material-symbols-outlined text-[16px] leading-none" aria-hidden="true">more_horiz</span>
            </button>

            <div class="product-card-overlay-actions" :class="{ 'is-open': overlayOpen }">
                <!--[if BLOCK]><![endif]-->                    <button
                        type="button"
                        class="product-card-overlay-btn"
                        title="Not interested"
                        aria-label="Not interested"
                        @click.stop="
                            const w = $wire;
                            const tile = $el.closest('.masonry-item');
                            const gridId = tile?.dataset?.masonryGridId || '';
                            if (!w || typeof w.dislikeFeedItem !== 'function') return;
                            w.dislikeFeedItem(473288, &quot;364098&quot;, &quot;reading-and-writing&quot;, null).then((d) => {
                                if (d && d.guest) {
                                    window.Livewire.dispatch('show-login-modal');
                                    return;
                                }
                                if (d && d.ok && tile) {
                                    tile.style.transition = 'opacity 0.25s ease, transform 0.25s ease';
                                    tile.style.opacity = '0';
                                    tile.style.transform = 'scale(0.95)';
                                    setTimeout(() => {
                                        tile.remove();
                                        document.dispatchEvent(new CustomEvent('masonry:items-removed', { detail: { gridId } }));
                                    }, 260);
                                }
                            });
                        "
                    >
                        <span class="material-symbols-outlined text-[16px] leading-none" aria-hidden="true">thumb_down</span>
                    </button>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        </div>

        <!--[if BLOCK]><![endif]-->            <div class="product-card-image-shell">
                <div class="card-image-container">
                    <a
                        href="https://oneshop.co.za/products/magnetic-letters-26-piece-6002795067620/364098"
                        wire:navigate.hover
                        class="card-link block h-full w-full"
                        @click="if (window.interactionTracker) window.interactionTracker.trackClick('364098', 'product')"
                    >
                        <!--[if BLOCK]><![endif]-->    <img 
        id="img-6a4780daa7157"
        src="https://media.takealot.com/covers_tsins/49516601/6002795067620-1-full.jpg" 
                alt="Magnetic Letters - 26 Piece"
        class="card-image card-image--revealed"
        loading="lazy"
                decoding="async"
        data-error-handler="true"
                    srcset="https://img.oneshop.co.za/e7be1418d1310f5076a1e09010ad2fda_240.jpg 240w, https://img.oneshop.co.za/e7be1418d1310f5076a1e09010ad2fda_360.jpg 360w, https://img.oneshop.co.za/e7be1418d1310f5076a1e09010ad2fda.jpg 600w"
                            sizes="(max-width: 640px) 45vw, 250px"
                            data-cached-image="1"
            data-original-url="https://media.takealot.com/covers_tsins/49516601/6002795067620-1-full.jpg"
                            data-product-id="364098"
                        data-entity-type="masterProduct"
            data-prefer-thumbnail="false"
            data-prefer-responsive="true"
                            data-image-sizes="(max-width: 640px) 45vw, 250px"
                                        />
    
    <!--[if BLOCK]><![endif]-->        <div class="card-image-placeholder" style="display: none;">
            <span
    class="material-symbols-outlined card-image-placeholder-icon"
            aria-hidden="true"
    >image</span>
        </div>
    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </a>
                </div>
            </div>
        <!--[if ENDBLOCK]><![endif]-->    </div>

    <div class="prod__body">
        <!--[if BLOCK]><![endif]-->            <div class="product-card-category-row">
                <!--[if BLOCK]><![endif]-->                    <a
                        href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing"
                        class="prod__cat card-category-label"
                        onclick="event.stopPropagation();"
                    >
                        Reading &amp; Writing
                    </a>
                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <span class="product-card-stock-label">In stock</span>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <a
                href="https://oneshop.co.za/products/magnetic-letters-26-piece-6002795067620/364098"
                wire:navigate.hover
                class="card-link product-card-title-link"
                @click="if (window.interactionTracker) window.interactionTracker.trackClick('364098', 'product')"
            >
                <h3 class="prod__name" title="Magnetic Letters - 26 Piece">Magnetic Letters - 26 Piece</h3>
            </a>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <span
                class="product-card-social-proof"
                title="3 people viewed this"
                role="img"
                aria-label="3 people viewed this"
            >
                <span class="material-symbols-outlined shrink-0 text-[14px] leading-none" aria-hidden="true">visibility</span>
                <span class="line-clamp-1">3 people viewed this</span>
            </span>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <div class="prod__bottom product-card-meta-row">
                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
                <!--[if BLOCK]><![endif]-->                    <div class="prod__pricing">
                        <!--[if BLOCK]><![endif]-->                            <span class="prod__old">R44</span>
                        <!--[if ENDBLOCK]><![endif]-->                        <span class="prod__price">R39</span>
                    </div>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        <!--[if ENDBLOCK]><![endif]-->    </div>
</div>
    <!--[if ENDBLOCK]><![endif]--></div>
            <div
    class="masonry-item "
    data-entity-id="2273544"
    data-item-type="product"
    data-column-span="1"
    data-positioned="false"
         data-masonry-grid-id="masonry-grid-product-detail"     >
    <!--[if BLOCK]><![endif]-->        <div
    class="prod product-card group "
    data-entity-id="2273544"
    data-entity-type="product"
            role="link"
        tabindex="0"
        @keydown.enter.prevent="window.location.href = 'https:\/\/oneshop.co.za\/products\/thinkfun-zingo-educational-game-bingo-with-a-zing-0019275077006-7bdb9ddbfd\/2273544'"
        @click="if (!$event.target.closest('a, button, [x-data]')) { window.location.href = 'https:\/\/oneshop.co.za\/products\/thinkfun-zingo-educational-game-bingo-with-a-zing-0019275077006-7bdb9ddbfd\/2273544' }"
    >
    <div class="prod__media">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <button
                type="button"
                class="prod__heart"
                title="Save"
                aria-label="Save"
                x-data="{ liked: false }"
                :class="{ 'is-on': liked }"
                @click.stop="
                    const w = $wire;
                    if (!w || typeof w.toggleFeedItemLike !== 'function') return;
                    w.toggleFeedItemLike(2892939).then((d) => {
                        if (d && d.guest) {
                            window.Livewire.dispatch('show-login-modal');
                            return;
                        }
                        if (d && d.ok) {
                            liked = d.isLiked;
                            if (window.interactionTracker) {
                                window.interactionTracker.trackLike('2273544', 'product');
                            }
                        }
                    });
                "
            >
                <svg
                    viewBox="0 0 24 24"
                    aria-hidden="true"
                    :fill="liked ? 'currentColor' : 'none'"
                    stroke="currentColor"
                    stroke-width="1.7"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                >
                    <path d="M12 21s-7-4.5-9-9.5C1.5 7.5 4 4 7.5 4c2 0 3.5 1 4.5 2.5C13 5 14.5 4 16.5 4 20 4 22.5 7.5 21 11.5 19 16.5 12 21 12 21z"/>
                </svg>
            </button>
        <!--[if ENDBLOCK]><![endif]-->
        <div
            class="prod__actions"
            x-data="{ overlayOpen: false }"
            @click.outside="overlayOpen = false"
        >
            <button
                type="button"
                class="prod__more product-card-overlay-trigger"
                aria-label="Show card actions"
                :aria-expanded="overlayOpen ? 'true' : 'false'"
                @click.stop="overlayOpen = !overlayOpen"
            >
                <span class="material-symbols-outlined text-[16px] leading-none" aria-hidden="true">more_horiz</span>
            </button>

            <div class="product-card-overlay-actions" :class="{ 'is-open': overlayOpen }">
                <!--[if BLOCK]><![endif]-->                    <button
                        type="button"
                        class="product-card-overlay-btn"
                        title="Not interested"
                        aria-label="Not interested"
                        @click.stop="
                            const w = $wire;
                            const tile = $el.closest('.masonry-item');
                            const gridId = tile?.dataset?.masonryGridId || '';
                            if (!w || typeof w.dislikeFeedItem !== 'function') return;
                            w.dislikeFeedItem(2892939, &quot;2273544&quot;, &quot;reading-and-writing&quot;, &quot;thinkfun&quot;).then((d) => {
                                if (d && d.guest) {
                                    window.Livewire.dispatch('show-login-modal');
                                    return;
                                }
                                if (d && d.ok && tile) {
                                    tile.style.transition = 'opacity 0.25s ease, transform 0.25s ease';
                                    tile.style.opacity = '0';
                                    tile.style.transform = 'scale(0.95)';
                                    setTimeout(() => {
                                        tile.remove();
                                        document.dispatchEvent(new CustomEvent('masonry:items-removed', { detail: { gridId } }));
                                    }, 260);
                                }
                            });
                        "
                    >
                        <span class="material-symbols-outlined text-[16px] leading-none" aria-hidden="true">thumb_down</span>
                    </button>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        </div>

        <!--[if BLOCK]><![endif]-->            <div class="product-card-image-shell">
                <div class="card-image-container">
                    <a
                        href="https://oneshop.co.za/products/thinkfun-zingo-educational-game-bingo-with-a-zing-0019275077006-7bdb9ddbfd/2273544"
                        wire:navigate.hover
                        class="card-link block h-full w-full"
                        @click="if (window.interactionTracker) window.interactionTracker.trackClick('2273544', 'product')"
                    >
                        <!--[if BLOCK]><![endif]-->    <img 
        id="img-6a4780daa79cb"
        src="https://img.oneshop.co.za/eb0dabf39e1b6d9c420fb58314dcaded.jpg" 
                alt="ThinkFun Zingo Educational Game Bingo with a Zing"
        class="card-image"
        loading="lazy"
                decoding="async"
        data-error-handler="true"
                            sizes="(max-width: 640px) 45vw, 250px"
                            data-image-cache-done="1"
                            />
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </a>
                </div>
            </div>
        <!--[if ENDBLOCK]><![endif]-->    </div>

    <div class="prod__body">
        <!--[if BLOCK]><![endif]-->            <div class="product-card-category-row">
                <!--[if BLOCK]><![endif]-->                    <a
                        href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing"
                        class="prod__cat card-category-label"
                        onclick="event.stopPropagation();"
                    >
                        Reading &amp; Writing
                    </a>
                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <span class="product-card-stock-label">In stock</span>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <a
                href="https://oneshop.co.za/products/thinkfun-zingo-educational-game-bingo-with-a-zing-0019275077006-7bdb9ddbfd/2273544"
                wire:navigate.hover
                class="card-link product-card-title-link"
                @click="if (window.interactionTracker) window.interactionTracker.trackClick('2273544', 'product')"
            >
                <h3 class="prod__name" title="ThinkFun Zingo Educational Game Bingo with a Zing">Zingo Educational Game Bingo with a Zing</h3>
            </a>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <span
                class="product-card-social-proof"
                title="3 people viewed this"
                role="img"
                aria-label="3 people viewed this"
            >
                <span class="material-symbols-outlined shrink-0 text-[14px] leading-none" aria-hidden="true">visibility</span>
                <span class="line-clamp-1">3 people viewed this</span>
            </span>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <div class="prod__bottom product-card-meta-row">
                <!--[if BLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]-->                        <a
                            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/b/thinkfun"
                            class="prod__brand"
                            title="Thinkfun"
                            onclick="event.stopPropagation();"
                        >
                            Thinkfun
                        </a>
                    <!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->
                <!--[if BLOCK]><![endif]-->                    <div class="prod__pricing">
                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        <span class="prod__price">R599</span>
                    </div>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        <!--[if ENDBLOCK]><![endif]-->    </div>
</div>
    <!--[if ENDBLOCK]><![endif]--></div>
            <div
    class="masonry-item "
    data-entity-id="2541861"
    data-item-type="product"
    data-column-span="1"
    data-positioned="false"
         data-masonry-grid-id="masonry-grid-product-detail"     >
    <!--[if BLOCK]><![endif]-->        <div
    class="prod product-card group "
    data-entity-id="2541861"
    data-entity-type="product"
            role="link"
        tabindex="0"
        @keydown.enter.prevent="window.location.href = 'https:\/\/oneshop.co.za\/products\/smartplay-magnetic-transporters-6009707413520-ad97807d19\/2541861'"
        @click="if (!$event.target.closest('a, button, [x-data]')) { window.location.href = 'https:\/\/oneshop.co.za\/products\/smartplay-magnetic-transporters-6009707413520-ad97807d19\/2541861' }"
    >
    <div class="prod__media">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <button
                type="button"
                class="prod__heart"
                title="Save"
                aria-label="Save"
                x-data="{ liked: false }"
                :class="{ 'is-on': liked }"
                @click.stop="
                    const w = $wire;
                    if (!w || typeof w.toggleFeedItemLike !== 'function') return;
                    w.toggleFeedItemLike(3018084).then((d) => {
                        if (d && d.guest) {
                            window.Livewire.dispatch('show-login-modal');
                            return;
                        }
                        if (d && d.ok) {
                            liked = d.isLiked;
                            if (window.interactionTracker) {
                                window.interactionTracker.trackLike('2541861', 'product');
                            }
                        }
                    });
                "
            >
                <svg
                    viewBox="0 0 24 24"
                    aria-hidden="true"
                    :fill="liked ? 'currentColor' : 'none'"
                    stroke="currentColor"
                    stroke-width="1.7"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                >
                    <path d="M12 21s-7-4.5-9-9.5C1.5 7.5 4 4 7.5 4c2 0 3.5 1 4.5 2.5C13 5 14.5 4 16.5 4 20 4 22.5 7.5 21 11.5 19 16.5 12 21 12 21z"/>
                </svg>
            </button>
        <!--[if ENDBLOCK]><![endif]-->
        <div
            class="prod__actions"
            x-data="{ overlayOpen: false }"
            @click.outside="overlayOpen = false"
        >
            <button
                type="button"
                class="prod__more product-card-overlay-trigger"
                aria-label="Show card actions"
                :aria-expanded="overlayOpen ? 'true' : 'false'"
                @click.stop="overlayOpen = !overlayOpen"
            >
                <span class="material-symbols-outlined text-[16px] leading-none" aria-hidden="true">more_horiz</span>
            </button>

            <div class="product-card-overlay-actions" :class="{ 'is-open': overlayOpen }">
                <!--[if BLOCK]><![endif]-->                    <button
                        type="button"
                        class="product-card-overlay-btn"
                        title="Not interested"
                        aria-label="Not interested"
                        @click.stop="
                            const w = $wire;
                            const tile = $el.closest('.masonry-item');
                            const gridId = tile?.dataset?.masonryGridId || '';
                            if (!w || typeof w.dislikeFeedItem !== 'function') return;
                            w.dislikeFeedItem(3018084, &quot;2541861&quot;, &quot;reading-and-writing&quot;, &quot;rgs-group&quot;).then((d) => {
                                if (d && d.guest) {
                                    window.Livewire.dispatch('show-login-modal');
                                    return;
                                }
                                if (d && d.ok && tile) {
                                    tile.style.transition = 'opacity 0.25s ease, transform 0.25s ease';
                                    tile.style.opacity = '0';
                                    tile.style.transform = 'scale(0.95)';
                                    setTimeout(() => {
                                        tile.remove();
                                        document.dispatchEvent(new CustomEvent('masonry:items-removed', { detail: { gridId } }));
                                    }, 260);
                                }
                            });
                        "
                    >
                        <span class="material-symbols-outlined text-[16px] leading-none" aria-hidden="true">thumb_down</span>
                    </button>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        </div>

        <!--[if BLOCK]><![endif]-->            <div class="product-card-image-shell">
                <div class="card-image-container">
                    <a
                        href="https://oneshop.co.za/products/smartplay-magnetic-transporters-6009707413520-ad97807d19/2541861"
                        wire:navigate.hover
                        class="card-link block h-full w-full"
                        @click="if (window.interactionTracker) window.interactionTracker.trackClick('2541861', 'product')"
                    >
                        <!--[if BLOCK]><![endif]-->    <img 
        id="img-6a4780daa816c"
        src="https://media.takealot.com/covers_images/4f989bd48b8c4910b744d6471bdf5598/s-full.file" 
                alt="Smartplay Magnetic Transporters"
        class="card-image card-image--revealed"
        loading="lazy"
                decoding="async"
        data-error-handler="true"
                    srcset="https://img.oneshop.co.za/d747a62712e62f49cdaf43854d718661_240.jpg 240w, https://img.oneshop.co.za/d747a62712e62f49cdaf43854d718661_360.jpg 360w, https://img.oneshop.co.za/d747a62712e62f49cdaf43854d718661.jpg 600w"
                            sizes="(max-width: 640px) 45vw, 250px"
                            data-cached-image="1"
            data-original-url="https://media.takealot.com/covers_images/4f989bd48b8c4910b744d6471bdf5598/s-full.file"
                            data-product-id="2541861"
                        data-entity-type="masterProduct"
            data-prefer-thumbnail="false"
            data-prefer-responsive="true"
                            data-image-sizes="(max-width: 640px) 45vw, 250px"
                                        />
    
    <!--[if BLOCK]><![endif]-->        <div class="card-image-placeholder" style="display: none;">
            <span
    class="material-symbols-outlined card-image-placeholder-icon"
            aria-hidden="true"
    >image</span>
        </div>
    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </a>
                </div>
            </div>
        <!--[if ENDBLOCK]><![endif]-->    </div>

    <div class="prod__body">
        <!--[if BLOCK]><![endif]-->            <div class="product-card-category-row">
                <!--[if BLOCK]><![endif]-->                    <a
                        href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing"
                        class="prod__cat card-category-label"
                        onclick="event.stopPropagation();"
                    >
                        Reading &amp; Writing
                    </a>
                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <span class="product-card-stock-label">In stock</span>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <a
                href="https://oneshop.co.za/products/smartplay-magnetic-transporters-6009707413520-ad97807d19/2541861"
                wire:navigate.hover
                class="card-link product-card-title-link"
                @click="if (window.interactionTracker) window.interactionTracker.trackClick('2541861', 'product')"
            >
                <h3 class="prod__name" title="Smartplay Magnetic Transporters">Smartplay Magnetic Transporters</h3>
            </a>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <span
                class="product-card-social-proof"
                title="3 people viewed this"
                role="img"
                aria-label="3 people viewed this"
            >
                <span class="material-symbols-outlined shrink-0 text-[14px] leading-none" aria-hidden="true">visibility</span>
                <span class="line-clamp-1">3 people viewed this</span>
            </span>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <div class="prod__bottom product-card-meta-row">
                <!--[if BLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]-->                        <a
                            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/b/rgs-group"
                            class="prod__brand"
                            title="RGS Group"
                            onclick="event.stopPropagation();"
                        >
                            RGS Group
                        </a>
                    <!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->
                <!--[if BLOCK]><![endif]-->                    <div class="prod__pricing">
                        <!--[if BLOCK]><![endif]-->                            <span class="prod__old">R165</span>
                        <!--[if ENDBLOCK]><![endif]-->                        <span class="prod__price">R139</span>
                    </div>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        <!--[if ENDBLOCK]><![endif]-->    </div>
</div>
    <!--[if ENDBLOCK]><![endif]--></div>
            <div
    class="masonry-item "
    data-entity-id="2614958"
    data-item-type="product"
    data-column-span="1"
    data-positioned="false"
         data-masonry-grid-id="masonry-grid-product-detail"     >
    <!--[if BLOCK]><![endif]-->        <div
    class="prod product-card group "
    data-entity-id="2614958"
    data-entity-type="product"
            role="link"
        tabindex="0"
        @keydown.enter.prevent="window.location.href = 'https:\/\/oneshop.co.za\/products\/melissa-and-doug-see-and-spell-772029407-1364-2b4d072024\/2614958'"
        @click="if (!$event.target.closest('a, button, [x-data]')) { window.location.href = 'https:\/\/oneshop.co.za\/products\/melissa-and-doug-see-and-spell-772029407-1364-2b4d072024\/2614958' }"
    >
    <div class="prod__media">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <button
                type="button"
                class="prod__heart"
                title="Save"
                aria-label="Save"
                x-data="{ liked: false }"
                :class="{ 'is-on': liked }"
                @click.stop="
                    const w = $wire;
                    if (!w || typeof w.toggleFeedItemLike !== 'function') return;
                    w.toggleFeedItemLike(3062462).then((d) => {
                        if (d && d.guest) {
                            window.Livewire.dispatch('show-login-modal');
                            return;
                        }
                        if (d && d.ok) {
                            liked = d.isLiked;
                            if (window.interactionTracker) {
                                window.interactionTracker.trackLike('2614958', 'product');
                            }
                        }
                    });
                "
            >
                <svg
                    viewBox="0 0 24 24"
                    aria-hidden="true"
                    :fill="liked ? 'currentColor' : 'none'"
                    stroke="currentColor"
                    stroke-width="1.7"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                >
                    <path d="M12 21s-7-4.5-9-9.5C1.5 7.5 4 4 7.5 4c2 0 3.5 1 4.5 2.5C13 5 14.5 4 16.5 4 20 4 22.5 7.5 21 11.5 19 16.5 12 21 12 21z"/>
                </svg>
            </button>
        <!--[if ENDBLOCK]><![endif]-->
        <div
            class="prod__actions"
            x-data="{ overlayOpen: false }"
            @click.outside="overlayOpen = false"
        >
            <button
                type="button"
                class="prod__more product-card-overlay-trigger"
                aria-label="Show card actions"
                :aria-expanded="overlayOpen ? 'true' : 'false'"
                @click.stop="overlayOpen = !overlayOpen"
            >
                <span class="material-symbols-outlined text-[16px] leading-none" aria-hidden="true">more_horiz</span>
            </button>

            <div class="product-card-overlay-actions" :class="{ 'is-open': overlayOpen }">
                <!--[if BLOCK]><![endif]-->                    <button
                        type="button"
                        class="product-card-overlay-btn"
                        title="Not interested"
                        aria-label="Not interested"
                        @click.stop="
                            const w = $wire;
                            const tile = $el.closest('.masonry-item');
                            const gridId = tile?.dataset?.masonryGridId || '';
                            if (!w || typeof w.dislikeFeedItem !== 'function') return;
                            w.dislikeFeedItem(3062462, &quot;2614958&quot;, &quot;reading-and-writing&quot;, &quot;melissa-doug&quot;).then((d) => {
                                if (d && d.guest) {
                                    window.Livewire.dispatch('show-login-modal');
                                    return;
                                }
                                if (d && d.ok && tile) {
                                    tile.style.transition = 'opacity 0.25s ease, transform 0.25s ease';
                                    tile.style.opacity = '0';
                                    tile.style.transform = 'scale(0.95)';
                                    setTimeout(() => {
                                        tile.remove();
                                        document.dispatchEvent(new CustomEvent('masonry:items-removed', { detail: { gridId } }));
                                    }, 260);
                                }
                            });
                        "
                    >
                        <span class="material-symbols-outlined text-[16px] leading-none" aria-hidden="true">thumb_down</span>
                    </button>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        </div>

        <!--[if BLOCK]><![endif]-->            <div class="product-card-image-shell">
                <div class="card-image-container">
                    <a
                        href="https://oneshop.co.za/products/melissa-and-doug-see-and-spell-772029407-1364-2b4d072024/2614958"
                        wire:navigate.hover
                        class="card-link block h-full w-full"
                        @click="if (window.interactionTracker) window.interactionTracker.trackClick('2614958', 'product')"
                    >
                        <!--[if BLOCK]><![endif]-->    <img 
        id="img-6a4780daa896a"
        src="https://img.oneshop.co.za/d922ab32f9d09f117a83b40370b7d28c.jpg" 
                alt="Melissa &amp;amp; Doug See &amp;amp; Spell"
        class="card-image"
        loading="lazy"
                decoding="async"
        data-error-handler="true"
                            sizes="(max-width: 640px) 45vw, 250px"
                            data-image-cache-done="1"
                            />
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </a>
                </div>
            </div>
        <!--[if ENDBLOCK]><![endif]-->    </div>

    <div class="prod__body">
        <!--[if BLOCK]><![endif]-->            <div class="product-card-category-row">
                <!--[if BLOCK]><![endif]-->                    <a
                        href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing"
                        class="prod__cat card-category-label"
                        onclick="event.stopPropagation();"
                    >
                        Reading &amp; Writing
                    </a>
                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <span class="product-card-stock-label">In stock</span>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <a
                href="https://oneshop.co.za/products/melissa-and-doug-see-and-spell-772029407-1364-2b4d072024/2614958"
                wire:navigate.hover
                class="card-link product-card-title-link"
                @click="if (window.interactionTracker) window.interactionTracker.trackClick('2614958', 'product')"
            >
                <h3 class="prod__name" title="Melissa &amp; Doug See &amp; Spell">See &amp; Spell</h3>
            </a>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <span
                class="product-card-social-proof"
                title="2 people viewed this"
                role="img"
                aria-label="2 people viewed this"
            >
                <span class="material-symbols-outlined shrink-0 text-[14px] leading-none" aria-hidden="true">visibility</span>
                <span class="line-clamp-1">2 people viewed this</span>
            </span>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <div class="prod__bottom product-card-meta-row">
                <!--[if BLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]-->                        <a
                            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/b/melissa-doug"
                            class="prod__brand"
                            title="Melissa &amp; Doug"
                            onclick="event.stopPropagation();"
                        >
                            Melissa &amp; Doug
                        </a>
                    <!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->
                <!--[if BLOCK]><![endif]-->                    <div class="prod__pricing">
                        <!--[if BLOCK]><![endif]-->                            <span class="prod__old">R699</span>
                        <!--[if ENDBLOCK]><![endif]-->                        <span class="prod__price">R297</span>
                    </div>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        <!--[if ENDBLOCK]><![endif]-->    </div>
</div>
    <!--[if ENDBLOCK]><![endif]--></div>
            <div
    class="masonry-item "
    data-entity-id="2556991"
    data-item-type="product"
    data-column-span="1"
    data-positioned="false"
         data-masonry-grid-id="masonry-grid-product-detail"     >
    <!--[if BLOCK]><![endif]-->        <div
    class="prod product-card group "
    data-entity-id="2556991"
    data-entity-type="product"
            role="link"
        tabindex="0"
        @keydown.enter.prevent="window.location.href = 'https:\/\/oneshop.co.za\/products\/mideer-animal-alphabet-letter-magnets-26-pieces-6936352520641-db81c9c3f1\/2556991'"
        @click="if (!$event.target.closest('a, button, [x-data]')) { window.location.href = 'https:\/\/oneshop.co.za\/products\/mideer-animal-alphabet-letter-magnets-26-pieces-6936352520641-db81c9c3f1\/2556991' }"
    >
    <div class="prod__media">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <button
                type="button"
                class="prod__heart"
                title="Save"
                aria-label="Save"
                x-data="{ liked: false }"
                :class="{ 'is-on': liked }"
                @click.stop="
                    const w = $wire;
                    if (!w || typeof w.toggleFeedItemLike !== 'function') return;
                    w.toggleFeedItemLike(3026832).then((d) => {
                        if (d && d.guest) {
                            window.Livewire.dispatch('show-login-modal');
                            return;
                        }
                        if (d && d.ok) {
                            liked = d.isLiked;
                            if (window.interactionTracker) {
                                window.interactionTracker.trackLike('2556991', 'product');
                            }
                        }
                    });
                "
            >
                <svg
                    viewBox="0 0 24 24"
                    aria-hidden="true"
                    :fill="liked ? 'currentColor' : 'none'"
                    stroke="currentColor"
                    stroke-width="1.7"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                >
                    <path d="M12 21s-7-4.5-9-9.5C1.5 7.5 4 4 7.5 4c2 0 3.5 1 4.5 2.5C13 5 14.5 4 16.5 4 20 4 22.5 7.5 21 11.5 19 16.5 12 21 12 21z"/>
                </svg>
            </button>
        <!--[if ENDBLOCK]><![endif]-->
        <div
            class="prod__actions"
            x-data="{ overlayOpen: false }"
            @click.outside="overlayOpen = false"
        >
            <button
                type="button"
                class="prod__more product-card-overlay-trigger"
                aria-label="Show card actions"
                :aria-expanded="overlayOpen ? 'true' : 'false'"
                @click.stop="overlayOpen = !overlayOpen"
            >
                <span class="material-symbols-outlined text-[16px] leading-none" aria-hidden="true">more_horiz</span>
            </button>

            <div class="product-card-overlay-actions" :class="{ 'is-open': overlayOpen }">
                <!--[if BLOCK]><![endif]-->                    <button
                        type="button"
                        class="product-card-overlay-btn"
                        title="Not interested"
                        aria-label="Not interested"
                        @click.stop="
                            const w = $wire;
                            const tile = $el.closest('.masonry-item');
                            const gridId = tile?.dataset?.masonryGridId || '';
                            if (!w || typeof w.dislikeFeedItem !== 'function') return;
                            w.dislikeFeedItem(3026832, &quot;2556991&quot;, &quot;reading-and-writing&quot;, &quot;mideer&quot;).then((d) => {
                                if (d && d.guest) {
                                    window.Livewire.dispatch('show-login-modal');
                                    return;
                                }
                                if (d && d.ok && tile) {
                                    tile.style.transition = 'opacity 0.25s ease, transform 0.25s ease';
                                    tile.style.opacity = '0';
                                    tile.style.transform = 'scale(0.95)';
                                    setTimeout(() => {
                                        tile.remove();
                                        document.dispatchEvent(new CustomEvent('masonry:items-removed', { detail: { gridId } }));
                                    }, 260);
                                }
                            });
                        "
                    >
                        <span class="material-symbols-outlined text-[16px] leading-none" aria-hidden="true">thumb_down</span>
                    </button>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        </div>

        <!--[if BLOCK]><![endif]-->            <div class="product-card-image-shell">
                <div class="card-image-container">
                    <a
                        href="https://oneshop.co.za/products/mideer-animal-alphabet-letter-magnets-26-pieces-6936352520641-db81c9c3f1/2556991"
                        wire:navigate.hover
                        class="card-link block h-full w-full"
                        @click="if (window.interactionTracker) window.interactionTracker.trackClick('2556991', 'product')"
                    >
                        <!--[if BLOCK]><![endif]-->    <img 
        id="img-6a4780daa90da"
        src="https://img.oneshop.co.za/b410b60f3c6e6edc34866e400aa74a29_240.jpg" 
                alt="Mideer Animal Alphabet Letter Magnets: 26 Pieces"
        class="card-image"
        loading="lazy"
                decoding="async"
        data-error-handler="true"
                    srcset="https://img.oneshop.co.za/b410b60f3c6e6edc34866e400aa74a29_240.jpg 240w, https://img.oneshop.co.za/b410b60f3c6e6edc34866e400aa74a29_360.jpg 360w, https://img.oneshop.co.za/b410b60f3c6e6edc34866e400aa74a29.jpg 600w"
                            sizes="(max-width: 640px) 45vw, 250px"
                            data-image-cache-done="1"
                            />
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </a>
                </div>
            </div>
        <!--[if ENDBLOCK]><![endif]-->    </div>

    <div class="prod__body">
        <!--[if BLOCK]><![endif]-->            <div class="product-card-category-row">
                <!--[if BLOCK]><![endif]-->                    <a
                        href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing"
                        class="prod__cat card-category-label"
                        onclick="event.stopPropagation();"
                    >
                        Reading &amp; Writing
                    </a>
                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <span class="product-card-stock-label">In stock</span>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <a
                href="https://oneshop.co.za/products/mideer-animal-alphabet-letter-magnets-26-pieces-6936352520641-db81c9c3f1/2556991"
                wire:navigate.hover
                class="card-link product-card-title-link"
                @click="if (window.interactionTracker) window.interactionTracker.trackClick('2556991', 'product')"
            >
                <h3 class="prod__name" title="Mideer Animal Alphabet Letter Magnets: 26 Pieces">Animal Alphabet Letter Magnets: 26 Pieces</h3>
            </a>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <span
                class="product-card-social-proof"
                title="3 people viewed this"
                role="img"
                aria-label="3 people viewed this"
            >
                <span class="material-symbols-outlined shrink-0 text-[14px] leading-none" aria-hidden="true">visibility</span>
                <span class="line-clamp-1">3 people viewed this</span>
            </span>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <div class="prod__bottom product-card-meta-row">
                <!--[if BLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]-->                        <a
                            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/b/mideer"
                            class="prod__brand"
                            title="Mideer"
                            onclick="event.stopPropagation();"
                        >
                            Mideer
                        </a>
                    <!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->
                <!--[if BLOCK]><![endif]-->                    <div class="prod__pricing">
                        <!--[if BLOCK]><![endif]-->                            <span class="prod__old">R244</span>
                        <!--[if ENDBLOCK]><![endif]-->                        <span class="prod__price">R199</span>
                    </div>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        <!--[if ENDBLOCK]><![endif]-->    </div>
</div>
    <!--[if ENDBLOCK]><![endif]--></div>
            <div
    class="masonry-item "
    data-entity-id="364043"
    data-item-type="product"
    data-column-span="1"
    data-positioned="false"
         data-masonry-grid-id="masonry-grid-product-detail"     >
    <!--[if BLOCK]><![endif]-->        <div
    class="prod product-card group "
    data-entity-id="364043"
    data-entity-type="product"
            role="link"
        tabindex="0"
        @keydown.enter.prevent="window.location.href = 'https:\/\/oneshop.co.za\/products\/learning-resources-retell-a-story-cubes-0765023072334\/364043'"
        @click="if (!$event.target.closest('a, button, [x-data]')) { window.location.href = 'https:\/\/oneshop.co.za\/products\/learning-resources-retell-a-story-cubes-0765023072334\/364043' }"
    >
    <div class="prod__media">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <button
                type="button"
                class="prod__heart"
                title="Save"
                aria-label="Save"
                x-data="{ liked: false }"
                :class="{ 'is-on': liked }"
                @click.stop="
                    const w = $wire;
                    if (!w || typeof w.toggleFeedItemLike !== 'function') return;
                    w.toggleFeedItemLike(473233).then((d) => {
                        if (d && d.guest) {
                            window.Livewire.dispatch('show-login-modal');
                            return;
                        }
                        if (d && d.ok) {
                            liked = d.isLiked;
                            if (window.interactionTracker) {
                                window.interactionTracker.trackLike('364043', 'product');
                            }
                        }
                    });
                "
            >
                <svg
                    viewBox="0 0 24 24"
                    aria-hidden="true"
                    :fill="liked ? 'currentColor' : 'none'"
                    stroke="currentColor"
                    stroke-width="1.7"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                >
                    <path d="M12 21s-7-4.5-9-9.5C1.5 7.5 4 4 7.5 4c2 0 3.5 1 4.5 2.5C13 5 14.5 4 16.5 4 20 4 22.5 7.5 21 11.5 19 16.5 12 21 12 21z"/>
                </svg>
            </button>
        <!--[if ENDBLOCK]><![endif]-->
        <div
            class="prod__actions"
            x-data="{ overlayOpen: false }"
            @click.outside="overlayOpen = false"
        >
            <button
                type="button"
                class="prod__more product-card-overlay-trigger"
                aria-label="Show card actions"
                :aria-expanded="overlayOpen ? 'true' : 'false'"
                @click.stop="overlayOpen = !overlayOpen"
            >
                <span class="material-symbols-outlined text-[16px] leading-none" aria-hidden="true">more_horiz</span>
            </button>

            <div class="product-card-overlay-actions" :class="{ 'is-open': overlayOpen }">
                <!--[if BLOCK]><![endif]-->                    <button
                        type="button"
                        class="product-card-overlay-btn"
                        title="Not interested"
                        aria-label="Not interested"
                        @click.stop="
                            const w = $wire;
                            const tile = $el.closest('.masonry-item');
                            const gridId = tile?.dataset?.masonryGridId || '';
                            if (!w || typeof w.dislikeFeedItem !== 'function') return;
                            w.dislikeFeedItem(473233, &quot;364043&quot;, &quot;reading-and-writing&quot;, &quot;learning-resources&quot;).then((d) => {
                                if (d && d.guest) {
                                    window.Livewire.dispatch('show-login-modal');
                                    return;
                                }
                                if (d && d.ok && tile) {
                                    tile.style.transition = 'opacity 0.25s ease, transform 0.25s ease';
                                    tile.style.opacity = '0';
                                    tile.style.transform = 'scale(0.95)';
                                    setTimeout(() => {
                                        tile.remove();
                                        document.dispatchEvent(new CustomEvent('masonry:items-removed', { detail: { gridId } }));
                                    }, 260);
                                }
                            });
                        "
                    >
                        <span class="material-symbols-outlined text-[16px] leading-none" aria-hidden="true">thumb_down</span>
                    </button>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        </div>

        <!--[if BLOCK]><![endif]-->            <div class="product-card-image-shell">
                <div class="card-image-container">
                    <a
                        href="https://oneshop.co.za/products/learning-resources-retell-a-story-cubes-0765023072334/364043"
                        wire:navigate.hover
                        class="card-link block h-full w-full"
                        @click="if (window.interactionTracker) window.interactionTracker.trackClick('364043', 'product')"
                    >
                        <!--[if BLOCK]><![endif]-->    <img 
        id="img-6a4780daa9833"
        src="https://media.takealot.com/covers_tsins/49515443/765023072334-1-full.jpg" 
                alt="Learning Resources Retell A Story Cubes"
        class="card-image card-image--revealed"
        loading="lazy"
                decoding="async"
        data-error-handler="true"
                            sizes="(max-width: 640px) 45vw, 250px"
                            data-cached-image="1"
            data-original-url="https://media.takealot.com/covers_tsins/49515443/765023072334-1-full.jpg"
                            data-product-id="364043"
                        data-entity-type="masterProduct"
            data-prefer-thumbnail="false"
            data-prefer-responsive="true"
                            data-image-sizes="(max-width: 640px) 45vw, 250px"
                                        />
    
    <!--[if BLOCK]><![endif]-->        <div class="card-image-placeholder" style="display: none;">
            <span
    class="material-symbols-outlined card-image-placeholder-icon"
            aria-hidden="true"
    >image</span>
        </div>
    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </a>
                </div>
            </div>
        <!--[if ENDBLOCK]><![endif]-->    </div>

    <div class="prod__body">
        <!--[if BLOCK]><![endif]-->            <div class="product-card-category-row">
                <!--[if BLOCK]><![endif]-->                    <a
                        href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing"
                        class="prod__cat card-category-label"
                        onclick="event.stopPropagation();"
                    >
                        Reading &amp; Writing
                    </a>
                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <span class="product-card-stock-label">In stock</span>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <a
                href="https://oneshop.co.za/products/learning-resources-retell-a-story-cubes-0765023072334/364043"
                wire:navigate.hover
                class="card-link product-card-title-link"
                @click="if (window.interactionTracker) window.interactionTracker.trackClick('364043', 'product')"
            >
                <h3 class="prod__name" title="Learning Resources Retell A Story Cubes">Retell A Story Cubes</h3>
            </a>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <span
                class="product-card-social-proof"
                title="2 people viewed this"
                role="img"
                aria-label="2 people viewed this"
            >
                <span class="material-symbols-outlined shrink-0 text-[14px] leading-none" aria-hidden="true">visibility</span>
                <span class="line-clamp-1">2 people viewed this</span>
            </span>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <div class="prod__bottom product-card-meta-row">
                <!--[if BLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]-->                        <a
                            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/b/learning-resources"
                            class="prod__brand"
                            title="Learning Resources"
                            onclick="event.stopPropagation();"
                        >
                            Learning Resources
                        </a>
                    <!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->
                <!--[if BLOCK]><![endif]-->                    <div class="prod__pricing">
                        <!--[if BLOCK]><![endif]-->                            <span class="prod__old">R387</span>
                        <!--[if ENDBLOCK]><![endif]-->                        <span class="prod__price">R261</span>
                    </div>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        <!--[if ENDBLOCK]><![endif]-->    </div>
</div>
    <!--[if ENDBLOCK]><![endif]--></div>
            <div
    class="masonry-item "
    data-entity-id="2272725"
    data-item-type="product"
    data-column-span="1"
    data-positioned="false"
         data-masonry-grid-id="masonry-grid-product-detail"     >
    <!--[if BLOCK]><![endif]-->        <div
    class="prod product-card group "
    data-entity-id="2272725"
    data-entity-type="product"
            role="link"
        tabindex="0"
        @keydown.enter.prevent="window.location.href = 'https:\/\/oneshop.co.za\/products\/melissa-and-doug-poke-a-dot-interactive-book-old-macdonalds-farm-0000772313414-8a72e33015\/2272725'"
        @click="if (!$event.target.closest('a, button, [x-data]')) { window.location.href = 'https:\/\/oneshop.co.za\/products\/melissa-and-doug-poke-a-dot-interactive-book-old-macdonalds-farm-0000772313414-8a72e33015\/2272725' }"
    >
    <div class="prod__media">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <button
                type="button"
                class="prod__heart"
                title="Save"
                aria-label="Save"
                x-data="{ liked: false }"
                :class="{ 'is-on': liked }"
                @click.stop="
                    const w = $wire;
                    if (!w || typeof w.toggleFeedItemLike !== 'function') return;
                    w.toggleFeedItemLike(2892120).then((d) => {
                        if (d && d.guest) {
                            window.Livewire.dispatch('show-login-modal');
                            return;
                        }
                        if (d && d.ok) {
                            liked = d.isLiked;
                            if (window.interactionTracker) {
                                window.interactionTracker.trackLike('2272725', 'product');
                            }
                        }
                    });
                "
            >
                <svg
                    viewBox="0 0 24 24"
                    aria-hidden="true"
                    :fill="liked ? 'currentColor' : 'none'"
                    stroke="currentColor"
                    stroke-width="1.7"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                >
                    <path d="M12 21s-7-4.5-9-9.5C1.5 7.5 4 4 7.5 4c2 0 3.5 1 4.5 2.5C13 5 14.5 4 16.5 4 20 4 22.5 7.5 21 11.5 19 16.5 12 21 12 21z"/>
                </svg>
            </button>
        <!--[if ENDBLOCK]><![endif]-->
        <div
            class="prod__actions"
            x-data="{ overlayOpen: false }"
            @click.outside="overlayOpen = false"
        >
            <button
                type="button"
                class="prod__more product-card-overlay-trigger"
                aria-label="Show card actions"
                :aria-expanded="overlayOpen ? 'true' : 'false'"
                @click.stop="overlayOpen = !overlayOpen"
            >
                <span class="material-symbols-outlined text-[16px] leading-none" aria-hidden="true">more_horiz</span>
            </button>

            <div class="product-card-overlay-actions" :class="{ 'is-open': overlayOpen }">
                <!--[if BLOCK]><![endif]-->                    <button
                        type="button"
                        class="product-card-overlay-btn"
                        title="Not interested"
                        aria-label="Not interested"
                        @click.stop="
                            const w = $wire;
                            const tile = $el.closest('.masonry-item');
                            const gridId = tile?.dataset?.masonryGridId || '';
                            if (!w || typeof w.dislikeFeedItem !== 'function') return;
                            w.dislikeFeedItem(2892120, &quot;2272725&quot;, &quot;reading-and-writing&quot;, &quot;melissa-doug&quot;).then((d) => {
                                if (d && d.guest) {
                                    window.Livewire.dispatch('show-login-modal');
                                    return;
                                }
                                if (d && d.ok && tile) {
                                    tile.style.transition = 'opacity 0.25s ease, transform 0.25s ease';
                                    tile.style.opacity = '0';
                                    tile.style.transform = 'scale(0.95)';
                                    setTimeout(() => {
                                        tile.remove();
                                        document.dispatchEvent(new CustomEvent('masonry:items-removed', { detail: { gridId } }));
                                    }, 260);
                                }
                            });
                        "
                    >
                        <span class="material-symbols-outlined text-[16px] leading-none" aria-hidden="true">thumb_down</span>
                    </button>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        </div>

        <!--[if BLOCK]><![endif]-->            <div class="product-card-image-shell">
                <div class="card-image-container">
                    <a
                        href="https://oneshop.co.za/products/melissa-and-doug-poke-a-dot-interactive-book-old-macdonalds-farm-0000772313414-8a72e33015/2272725"
                        wire:navigate.hover
                        class="card-link block h-full w-full"
                        @click="if (window.interactionTracker) window.interactionTracker.trackClick('2272725', 'product')"
                    >
                        <!--[if BLOCK]><![endif]-->    <img 
        id="img-6a4780daaa060"
        src="https://media.takealot.com/covers_images/dceed40e52ff45e6acc185e4acba5217/s-full.file" 
                alt="Melissa &amp;amp; Doug Poke-A-Dot Interactive Book - Old MacDonald&amp;#039;s Farm"
        class="card-image card-image--revealed"
        loading="lazy"
                decoding="async"
        data-error-handler="true"
                            sizes="(max-width: 640px) 45vw, 250px"
                            data-cached-image="1"
            data-original-url="https://media.takealot.com/covers_images/dceed40e52ff45e6acc185e4acba5217/s-full.file"
                            data-product-id="2272725"
                        data-entity-type="masterProduct"
            data-prefer-thumbnail="false"
            data-prefer-responsive="true"
                            data-image-sizes="(max-width: 640px) 45vw, 250px"
                                        />
    
    <!--[if BLOCK]><![endif]-->        <div class="card-image-placeholder" style="display: none;">
            <span
    class="material-symbols-outlined card-image-placeholder-icon"
            aria-hidden="true"
    >image</span>
        </div>
    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </a>
                </div>
            </div>
        <!--[if ENDBLOCK]><![endif]-->    </div>

    <div class="prod__body">
        <!--[if BLOCK]><![endif]-->            <div class="product-card-category-row">
                <!--[if BLOCK]><![endif]-->                    <a
                        href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing"
                        class="prod__cat card-category-label"
                        onclick="event.stopPropagation();"
                    >
                        Reading &amp; Writing
                    </a>
                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <span class="product-card-stock-label">In stock</span>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <a
                href="https://oneshop.co.za/products/melissa-and-doug-poke-a-dot-interactive-book-old-macdonalds-farm-0000772313414-8a72e33015/2272725"
                wire:navigate.hover
                class="card-link product-card-title-link"
                @click="if (window.interactionTracker) window.interactionTracker.trackClick('2272725', 'product')"
            >
                <h3 class="prod__name" title="Melissa &amp; Doug Poke-A-Dot Interactive Book - Old MacDonald&#039;s Farm">Poke-A-Dot Interactive Book - Old MacDonald&#039;s Farm</h3>
            </a>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <span
                class="product-card-social-proof"
                title="2 people viewed this"
                role="img"
                aria-label="2 people viewed this"
            >
                <span class="material-symbols-outlined shrink-0 text-[14px] leading-none" aria-hidden="true">visibility</span>
                <span class="line-clamp-1">2 people viewed this</span>
            </span>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <div class="prod__bottom product-card-meta-row">
                <!--[if BLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]-->                        <a
                            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/b/melissa-doug"
                            class="prod__brand"
                            title="Melissa &amp; Doug"
                            onclick="event.stopPropagation();"
                        >
                            Melissa &amp; Doug
                        </a>
                    <!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->
                <!--[if BLOCK]><![endif]-->                    <div class="prod__pricing">
                        <!--[if BLOCK]><![endif]-->                            <span class="prod__old">R349</span>
                        <!--[if ENDBLOCK]><![endif]-->                        <span class="prod__price">R329</span>
                    </div>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        <!--[if ENDBLOCK]><![endif]-->    </div>
</div>
    <!--[if ENDBLOCK]><![endif]--></div>
            <div
    class="masonry-item "
    data-entity-id="2600797"
    data-item-type="product"
    data-column-span="1"
    data-positioned="false"
         data-masonry-grid-id="masonry-grid-product-detail"     >
    <!--[if BLOCK]><![endif]-->        <div
    class="prod product-card group "
    data-entity-id="2600797"
    data-entity-type="product"
            role="link"
        tabindex="0"
        @keydown.enter.prevent="window.location.href = 'https:\/\/oneshop.co.za\/products\/fun-with-words-890187000018-1364-32da9aae11\/2600797'"
        @click="if (!$event.target.closest('a, button, [x-data]')) { window.location.href = 'https:\/\/oneshop.co.za\/products\/fun-with-words-890187000018-1364-32da9aae11\/2600797' }"
    >
    <div class="prod__media">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <button
                type="button"
                class="prod__heart"
                title="Save"
                aria-label="Save"
                x-data="{ liked: false }"
                :class="{ 'is-on': liked }"
                @click.stop="
                    const w = $wire;
                    if (!w || typeof w.toggleFeedItemLike !== 'function') return;
                    w.toggleFeedItemLike(3054683).then((d) => {
                        if (d && d.guest) {
                            window.Livewire.dispatch('show-login-modal');
                            return;
                        }
                        if (d && d.ok) {
                            liked = d.isLiked;
                            if (window.interactionTracker) {
                                window.interactionTracker.trackLike('2600797', 'product');
                            }
                        }
                    });
                "
            >
                <svg
                    viewBox="0 0 24 24"
                    aria-hidden="true"
                    :fill="liked ? 'currentColor' : 'none'"
                    stroke="currentColor"
                    stroke-width="1.7"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                >
                    <path d="M12 21s-7-4.5-9-9.5C1.5 7.5 4 4 7.5 4c2 0 3.5 1 4.5 2.5C13 5 14.5 4 16.5 4 20 4 22.5 7.5 21 11.5 19 16.5 12 21 12 21z"/>
                </svg>
            </button>
        <!--[if ENDBLOCK]><![endif]-->
        <div
            class="prod__actions"
            x-data="{ overlayOpen: false }"
            @click.outside="overlayOpen = false"
        >
            <button
                type="button"
                class="prod__more product-card-overlay-trigger"
                aria-label="Show card actions"
                :aria-expanded="overlayOpen ? 'true' : 'false'"
                @click.stop="overlayOpen = !overlayOpen"
            >
                <span class="material-symbols-outlined text-[16px] leading-none" aria-hidden="true">more_horiz</span>
            </button>

            <div class="product-card-overlay-actions" :class="{ 'is-open': overlayOpen }">
                <!--[if BLOCK]><![endif]-->                    <button
                        type="button"
                        class="product-card-overlay-btn"
                        title="Not interested"
                        aria-label="Not interested"
                        @click.stop="
                            const w = $wire;
                            const tile = $el.closest('.masonry-item');
                            const gridId = tile?.dataset?.masonryGridId || '';
                            if (!w || typeof w.dislikeFeedItem !== 'function') return;
                            w.dislikeFeedItem(3054683, &quot;2600797&quot;, &quot;reading-and-writing&quot;, &quot;creatives&quot;).then((d) => {
                                if (d && d.guest) {
                                    window.Livewire.dispatch('show-login-modal');
                                    return;
                                }
                                if (d && d.ok && tile) {
                                    tile.style.transition = 'opacity 0.25s ease, transform 0.25s ease';
                                    tile.style.opacity = '0';
                                    tile.style.transform = 'scale(0.95)';
                                    setTimeout(() => {
                                        tile.remove();
                                        document.dispatchEvent(new CustomEvent('masonry:items-removed', { detail: { gridId } }));
                                    }, 260);
                                }
                            });
                        "
                    >
                        <span class="material-symbols-outlined text-[16px] leading-none" aria-hidden="true">thumb_down</span>
                    </button>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        </div>

        <!--[if BLOCK]><![endif]-->            <div class="product-card-image-shell">
                <div class="card-image-container">
                    <a
                        href="https://oneshop.co.za/products/fun-with-words-890187000018-1364-32da9aae11/2600797"
                        wire:navigate.hover
                        class="card-link block h-full w-full"
                        @click="if (window.interactionTracker) window.interactionTracker.trackClick('2600797', 'product')"
                    >
                        <!--[if BLOCK]><![endif]-->    <img 
        id="img-6a4780daaa85d"
        src="https://media.takealot.com/covers_images/a9dbde754c4b4394902f79ec04040c6c/s-full.file" 
                alt="Fun with Words"
        class="card-image card-image--revealed"
        loading="lazy"
                decoding="async"
        data-error-handler="true"
                            sizes="(max-width: 640px) 45vw, 250px"
                            data-cached-image="1"
            data-original-url="https://media.takealot.com/covers_images/a9dbde754c4b4394902f79ec04040c6c/s-full.file"
                            data-product-id="2600797"
                        data-entity-type="masterProduct"
            data-prefer-thumbnail="false"
            data-prefer-responsive="true"
                            data-image-sizes="(max-width: 640px) 45vw, 250px"
                                        />
    
    <!--[if BLOCK]><![endif]-->        <div class="card-image-placeholder" style="display: none;">
            <span
    class="material-symbols-outlined card-image-placeholder-icon"
            aria-hidden="true"
    >image</span>
        </div>
    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </a>
                </div>
            </div>
        <!--[if ENDBLOCK]><![endif]-->    </div>

    <div class="prod__body">
        <!--[if BLOCK]><![endif]-->            <div class="product-card-category-row">
                <!--[if BLOCK]><![endif]-->                    <a
                        href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing"
                        class="prod__cat card-category-label"
                        onclick="event.stopPropagation();"
                    >
                        Reading &amp; Writing
                    </a>
                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <span class="product-card-stock-label">In stock</span>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <a
                href="https://oneshop.co.za/products/fun-with-words-890187000018-1364-32da9aae11/2600797"
                wire:navigate.hover
                class="card-link product-card-title-link"
                @click="if (window.interactionTracker) window.interactionTracker.trackClick('2600797', 'product')"
            >
                <h3 class="prod__name" title="Fun with Words">Fun with Words</h3>
            </a>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <span
                class="product-card-social-proof"
                title="3 people viewed this"
                role="img"
                aria-label="3 people viewed this"
            >
                <span class="material-symbols-outlined shrink-0 text-[14px] leading-none" aria-hidden="true">visibility</span>
                <span class="line-clamp-1">3 people viewed this</span>
            </span>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <div class="prod__bottom product-card-meta-row">
                <!--[if BLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]-->                        <a
                            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/b/creatives"
                            class="prod__brand"
                            title="Creatives"
                            onclick="event.stopPropagation();"
                        >
                            Creatives
                        </a>
                    <!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->
                <!--[if BLOCK]><![endif]-->                    <div class="prod__pricing">
                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        <span class="prod__price">R215</span>
                    </div>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        <!--[if ENDBLOCK]><![endif]-->    </div>
</div>
    <!--[if ENDBLOCK]><![endif]--></div>
            <div
    class="masonry-item "
    data-entity-id="364012"
    data-item-type="product"
    data-column-span="1"
    data-positioned="false"
         data-masonry-grid-id="masonry-grid-product-detail"     >
    <!--[if BLOCK]><![endif]-->        <div
    class="prod product-card group "
    data-entity-id="364012"
    data-entity-type="product"
            role="link"
        tabindex="0"
        @keydown.enter.prevent="window.location.href = 'https:\/\/oneshop.co.za\/products\/greenbean-word-game-set-112-pieces-0689353976264\/364012'"
        @click="if (!$event.target.closest('a, button, [x-data]')) { window.location.href = 'https:\/\/oneshop.co.za\/products\/greenbean-word-game-set-112-pieces-0689353976264\/364012' }"
    >
    <div class="prod__media">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <button
                type="button"
                class="prod__heart"
                title="Save"
                aria-label="Save"
                x-data="{ liked: false }"
                :class="{ 'is-on': liked }"
                @click.stop="
                    const w = $wire;
                    if (!w || typeof w.toggleFeedItemLike !== 'function') return;
                    w.toggleFeedItemLike(473202).then((d) => {
                        if (d && d.guest) {
                            window.Livewire.dispatch('show-login-modal');
                            return;
                        }
                        if (d && d.ok) {
                            liked = d.isLiked;
                            if (window.interactionTracker) {
                                window.interactionTracker.trackLike('364012', 'product');
                            }
                        }
                    });
                "
            >
                <svg
                    viewBox="0 0 24 24"
                    aria-hidden="true"
                    :fill="liked ? 'currentColor' : 'none'"
                    stroke="currentColor"
                    stroke-width="1.7"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                >
                    <path d="M12 21s-7-4.5-9-9.5C1.5 7.5 4 4 7.5 4c2 0 3.5 1 4.5 2.5C13 5 14.5 4 16.5 4 20 4 22.5 7.5 21 11.5 19 16.5 12 21 12 21z"/>
                </svg>
            </button>
        <!--[if ENDBLOCK]><![endif]-->
        <div
            class="prod__actions"
            x-data="{ overlayOpen: false }"
            @click.outside="overlayOpen = false"
        >
            <button
                type="button"
                class="prod__more product-card-overlay-trigger"
                aria-label="Show card actions"
                :aria-expanded="overlayOpen ? 'true' : 'false'"
                @click.stop="overlayOpen = !overlayOpen"
            >
                <span class="material-symbols-outlined text-[16px] leading-none" aria-hidden="true">more_horiz</span>
            </button>

            <div class="product-card-overlay-actions" :class="{ 'is-open': overlayOpen }">
                <!--[if BLOCK]><![endif]-->                    <button
                        type="button"
                        class="product-card-overlay-btn"
                        title="Not interested"
                        aria-label="Not interested"
                        @click.stop="
                            const w = $wire;
                            const tile = $el.closest('.masonry-item');
                            const gridId = tile?.dataset?.masonryGridId || '';
                            if (!w || typeof w.dislikeFeedItem !== 'function') return;
                            w.dislikeFeedItem(473202, &quot;364012&quot;, &quot;reading-and-writing&quot;, &quot;greenbean&quot;).then((d) => {
                                if (d && d.guest) {
                                    window.Livewire.dispatch('show-login-modal');
                                    return;
                                }
                                if (d && d.ok && tile) {
                                    tile.style.transition = 'opacity 0.25s ease, transform 0.25s ease';
                                    tile.style.opacity = '0';
                                    tile.style.transform = 'scale(0.95)';
                                    setTimeout(() => {
                                        tile.remove();
                                        document.dispatchEvent(new CustomEvent('masonry:items-removed', { detail: { gridId } }));
                                    }, 260);
                                }
                            });
                        "
                    >
                        <span class="material-symbols-outlined text-[16px] leading-none" aria-hidden="true">thumb_down</span>
                    </button>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        </div>

        <!--[if BLOCK]><![endif]-->            <div class="product-card-image-shell">
                <div class="card-image-container">
                    <a
                        href="https://oneshop.co.za/products/greenbean-word-game-set-112-pieces-0689353976264/364012"
                        wire:navigate.hover
                        class="card-link block h-full w-full"
                        @click="if (window.interactionTracker) window.interactionTracker.trackClick('364012', 'product')"
                    >
                        <!--[if BLOCK]><![endif]-->    <img 
        id="img-6a4780daab2a2"
        src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" 
                    data-src="https://media.takealot.com/covers_images/bb176b113d09467dbf9ed4224ab40fb9/s-full.file"
                alt="Greenbean Word Game Set: 112 Pieces"
        class="card-image"
        loading="lazy"
                decoding="async"
        data-error-handler="true"
                    srcset="https://img.oneshop.co.za/337094289c4386305e34734e3a7dddcd_240.jpg 240w, https://img.oneshop.co.za/337094289c4386305e34734e3a7dddcd_360.jpg 360w, https://img.oneshop.co.za/337094289c4386305e34734e3a7dddcd.jpg 600w"
                            sizes="(max-width: 640px) 45vw, 250px"
                            data-cached-image="1"
            data-original-url="https://media.takealot.com/covers_images/bb176b113d09467dbf9ed4224ab40fb9/s-full.file"
                            data-product-id="364012"
                        data-entity-type="masterProduct"
            data-prefer-thumbnail="false"
            data-prefer-responsive="true"
                            data-image-sizes="(max-width: 640px) 45vw, 250px"
                                        />
    
    <!--[if BLOCK]><![endif]-->        <div class="card-image-placeholder" style="display: none;">
            <span
    class="material-symbols-outlined card-image-placeholder-icon"
            aria-hidden="true"
    >image</span>
        </div>
    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </a>
                </div>
            </div>
        <!--[if ENDBLOCK]><![endif]-->    </div>

    <div class="prod__body">
        <!--[if BLOCK]><![endif]-->            <div class="product-card-category-row">
                <!--[if BLOCK]><![endif]-->                    <a
                        href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing"
                        class="prod__cat card-category-label"
                        onclick="event.stopPropagation();"
                    >
                        Reading &amp; Writing
                    </a>
                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <span class="product-card-stock-label">In stock</span>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <a
                href="https://oneshop.co.za/products/greenbean-word-game-set-112-pieces-0689353976264/364012"
                wire:navigate.hover
                class="card-link product-card-title-link"
                @click="if (window.interactionTracker) window.interactionTracker.trackClick('364012', 'product')"
            >
                <h3 class="prod__name" title="Greenbean Word Game Set: 112 Pieces">Word Game Set: 112 Pieces</h3>
            </a>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <div class="prod__bottom product-card-meta-row">
                <!--[if BLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]-->                        <a
                            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/b/greenbean"
                            class="prod__brand"
                            title="Greenbean"
                            onclick="event.stopPropagation();"
                        >
                            Greenbean
                        </a>
                    <!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->
                <!--[if BLOCK]><![endif]-->                    <div class="prod__pricing">
                        <!--[if BLOCK]><![endif]-->                            <span class="prod__old">R650</span>
                        <!--[if ENDBLOCK]><![endif]-->                        <span class="prod__price">R499</span>
                    </div>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        <!--[if ENDBLOCK]><![endif]-->    </div>
</div>
    <!--[if ENDBLOCK]><![endif]--></div>
            <div
    class="masonry-item "
    data-entity-id="2624820"
    data-item-type="product"
    data-column-span="1"
    data-positioned="false"
         data-masonry-grid-id="masonry-grid-product-detail"     >
    <!--[if BLOCK]><![endif]-->        <div
    class="prod product-card group "
    data-entity-id="2624820"
    data-entity-type="product"
            role="link"
        tabindex="0"
        @keydown.enter.prevent="window.location.href = 'https:\/\/oneshop.co.za\/products\/magnifier-for-kids-AT7013B-1364-90ccb42873\/2624820'"
        @click="if (!$event.target.closest('a, button, [x-data]')) { window.location.href = 'https:\/\/oneshop.co.za\/products\/magnifier-for-kids-AT7013B-1364-90ccb42873\/2624820' }"
    >
    <div class="prod__media">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <button
                type="button"
                class="prod__heart"
                title="Save"
                aria-label="Save"
                x-data="{ liked: false }"
                :class="{ 'is-on': liked }"
                @click.stop="
                    const w = $wire;
                    if (!w || typeof w.toggleFeedItemLike !== 'function') return;
                    w.toggleFeedItemLike(3069133).then((d) => {
                        if (d && d.guest) {
                            window.Livewire.dispatch('show-login-modal');
                            return;
                        }
                        if (d && d.ok) {
                            liked = d.isLiked;
                            if (window.interactionTracker) {
                                window.interactionTracker.trackLike('2624820', 'product');
                            }
                        }
                    });
                "
            >
                <svg
                    viewBox="0 0 24 24"
                    aria-hidden="true"
                    :fill="liked ? 'currentColor' : 'none'"
                    stroke="currentColor"
                    stroke-width="1.7"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                >
                    <path d="M12 21s-7-4.5-9-9.5C1.5 7.5 4 4 7.5 4c2 0 3.5 1 4.5 2.5C13 5 14.5 4 16.5 4 20 4 22.5 7.5 21 11.5 19 16.5 12 21 12 21z"/>
                </svg>
            </button>
        <!--[if ENDBLOCK]><![endif]-->
        <div
            class="prod__actions"
            x-data="{ overlayOpen: false }"
            @click.outside="overlayOpen = false"
        >
            <button
                type="button"
                class="prod__more product-card-overlay-trigger"
                aria-label="Show card actions"
                :aria-expanded="overlayOpen ? 'true' : 'false'"
                @click.stop="overlayOpen = !overlayOpen"
            >
                <span class="material-symbols-outlined text-[16px] leading-none" aria-hidden="true">more_horiz</span>
            </button>

            <div class="product-card-overlay-actions" :class="{ 'is-open': overlayOpen }">
                <!--[if BLOCK]><![endif]-->                    <button
                        type="button"
                        class="product-card-overlay-btn"
                        title="Not interested"
                        aria-label="Not interested"
                        @click.stop="
                            const w = $wire;
                            const tile = $el.closest('.masonry-item');
                            const gridId = tile?.dataset?.masonryGridId || '';
                            if (!w || typeof w.dislikeFeedItem !== 'function') return;
                            w.dislikeFeedItem(3069133, &quot;2624820&quot;, &quot;reading-and-writing&quot;, &quot;viga&quot;).then((d) => {
                                if (d && d.guest) {
                                    window.Livewire.dispatch('show-login-modal');
                                    return;
                                }
                                if (d && d.ok && tile) {
                                    tile.style.transition = 'opacity 0.25s ease, transform 0.25s ease';
                                    tile.style.opacity = '0';
                                    tile.style.transform = 'scale(0.95)';
                                    setTimeout(() => {
                                        tile.remove();
                                        document.dispatchEvent(new CustomEvent('masonry:items-removed', { detail: { gridId } }));
                                    }, 260);
                                }
                            });
                        "
                    >
                        <span class="material-symbols-outlined text-[16px] leading-none" aria-hidden="true">thumb_down</span>
                    </button>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        </div>

        <!--[if BLOCK]><![endif]-->            <div class="product-card-image-shell">
                <div class="card-image-container">
                    <a
                        href="https://oneshop.co.za/products/magnifier-for-kids-AT7013B-1364-90ccb42873/2624820"
                        wire:navigate.hover
                        class="card-link block h-full w-full"
                        @click="if (window.interactionTracker) window.interactionTracker.trackClick('2624820', 'product')"
                    >
                        <!--[if BLOCK]><![endif]-->    <img 
        id="img-6a4780daabcba"
        src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" 
                    data-src="https://media.takealot.com/covers_images/afb9a51a76c444fc9a0787d8c9eec883/s-full.file"
                alt="Magnifier for Kids"
        class="card-image"
        loading="lazy"
                decoding="async"
        data-error-handler="true"
                            sizes="(max-width: 640px) 45vw, 250px"
                            data-cached-image="1"
            data-original-url="https://media.takealot.com/covers_images/afb9a51a76c444fc9a0787d8c9eec883/s-full.file"
                            data-product-id="2624820"
                        data-entity-type="masterProduct"
            data-prefer-thumbnail="false"
            data-prefer-responsive="true"
                            data-image-sizes="(max-width: 640px) 45vw, 250px"
                                        />
    
    <!--[if BLOCK]><![endif]-->        <div class="card-image-placeholder" style="display: none;">
            <span
    class="material-symbols-outlined card-image-placeholder-icon"
            aria-hidden="true"
    >image</span>
        </div>
    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </a>
                </div>
            </div>
        <!--[if ENDBLOCK]><![endif]-->    </div>

    <div class="prod__body">
        <!--[if BLOCK]><![endif]-->            <div class="product-card-category-row">
                <!--[if BLOCK]><![endif]-->                    <a
                        href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing"
                        class="prod__cat card-category-label"
                        onclick="event.stopPropagation();"
                    >
                        Reading &amp; Writing
                    </a>
                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <span class="product-card-stock-label">In stock</span>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <a
                href="https://oneshop.co.za/products/magnifier-for-kids-AT7013B-1364-90ccb42873/2624820"
                wire:navigate.hover
                class="card-link product-card-title-link"
                @click="if (window.interactionTracker) window.interactionTracker.trackClick('2624820', 'product')"
            >
                <h3 class="prod__name" title="Magnifier for Kids">Magnifier for Kids</h3>
            </a>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <span
                class="product-card-social-proof"
                title="2 people viewed this"
                role="img"
                aria-label="2 people viewed this"
            >
                <span class="material-symbols-outlined shrink-0 text-[14px] leading-none" aria-hidden="true">visibility</span>
                <span class="line-clamp-1">2 people viewed this</span>
            </span>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <div class="prod__bottom product-card-meta-row">
                <!--[if BLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]-->                        <a
                            href="https://oneshop.co.za/toys/indoor-play/baby-and-toddler-1/reading-and-writing/b/viga"
                            class="prod__brand"
                            title="Viga"
                            onclick="event.stopPropagation();"
                        >
                            Viga
                        </a>
                    <!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->
                <!--[if BLOCK]><![endif]-->                    <div class="prod__pricing">
                        <!--[if BLOCK]><![endif]-->                            <span class="prod__old">R150</span>
                        <!--[if ENDBLOCK]><![endif]-->                        <span class="prod__price">R89</span>
                    </div>
                <!--[if ENDBLOCK]><![endif]-->            </div>
        <!--[if ENDBLOCK]><![endif]-->    </div>
</div>
    <!--[if ENDBLOCK]><![endif]--></div>
    <!--[if ENDBLOCK]><![endif]--></div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div
    id="feed-product-detail-checkpoint-anchor"
    class="feed-checkpoint-slot hidden"
    data-feed-checkpoint-anchor
    aria-live="polite"
></div>

<!-- Error State -->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!-- DOM Cap Warning -->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!-- Infinite Scroll Sentinel -->
<div
    data-feed-sentinel-debug="1"
    data-feed-sentinel-id="feed-product-detail-sentinel"
    data-testid="feed-product-detail-sentinel-debug"
    class="sr-only"
    aria-hidden="true"
></div>
<div
    id="feed-product-detail-sentinel"
    data-testid="feed-product-detail-sentinel"
    x-data="endlessScroll({ sentinelId: 'feed-product-detail-sentinel', gridId: 'masonry-grid-product-detail' })"
    x-show="$wire?.hasMore ?? true"
    x-cloak
    class="sentinel--io-only"
    aria-hidden="true"
></div>

<!-- End of Results Indicator -->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!-- Empty State -->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--><!--[if BLOCK]><![endif]-->    <div
        class="fixed inset-x-0 bottom-0 z-[49] flex max-h-[min(72vh,520px)] flex-col justify-end bg-gradient-to-t from-background via-background/96 to-transparent px-4 pb-24 pt-20 backdrop-blur-[2px] md:pb-10"
        x-bind:class="authGateOverlayOpacity > 0.38 ? 'pointer-events-auto' : 'pointer-events-none'"
        x-show="isGuest && authGateOverlayOpacity > 0.04"
        x-cloak
        x-bind:style="{ opacity: authGateOverlayOpacity }"
        role="dialog"
        aria-modal="true"
        aria-labelledby="feed-product-detail-guest-auth-title"
    >
        <div class="mx-auto w-full max-w-md rounded-2xl border-0 bg-surface/98 p-6 text-center shadow-xl">
            <p id="feed-product-detail-guest-auth-title" class="font-headline text-lg font-semibold text-on-surface">
                Keep discovering
            </p>
            <p class="mt-2 text-sm text-muted-foreground">
                Sign in to browse more of your personalised feed (new accounts use social login).
            </p>
            <div class="mt-6 flex justify-center">
                <button
                    type="button"
                    class="btn-primary inline-flex w-full max-w-xs"
                    onclick="window.Livewire.dispatch('show-login-modal')"
                >
                    Continue
                </button>
            </div>
        </div>
    </div>
<!--[if ENDBLOCK]><![endif]--></div>
</div>

    <!--[if ENDBLOCK]><![endif]-->