PageSourceSearch

https://www.trefl.com/promocje

html trefl.com collected 2026-09-24 09:55:12 UTC 986,828 bytes, 18,403 lines download raw bytes

1<!doctype html>
2<html lang="pl">
3<head >
4    <meta charset="utf-8"/>
5<meta name="title" content="Tanie zabawki online - kultowe puzzle i gry w niskich cenach | Trefl"/>
6<meta name="description" content="☁︎ Rozrywka na jesienne wieczory! Promocje Trefl to setki wzorów puzzli, kultowych gier planszowych oraz wspaniałych zabawek w zaskakująco niskich cenach. Nie czekaj, zaoszczędź już dziś! "/>
7<meta name="robots" content="INDEX,FOLLOW"/>
8<meta name="viewport" content="width=device-width, initial-scale=1"/>
9<meta name="theme-color" content="#ce060d"/>
10<title>Tanie zabawki online - kultowe puzzle i gry w niskich cenach | Trefl</title>
11<link  rel="stylesheet" type="text/css"  media="all" href="https://www.trefl.com/static/version1789064390/frontend/Trefl/hyva-trefl/pl_PL/css/styles.css" />
12<link rel="preload" as="font" crossorigin="anonymous" href="https://www.trefl.com/static/version1789064390/frontend/Trefl/hyva-trefl/pl_PL/fonts/Montserrat/Montserrat-Regular.woff2" />
13<link rel="preload" as="font" crossorigin="anonymous" href="https://www.trefl.com/static/version1789064390/frontend/Trefl/hyva-trefl/pl_PL/fonts/Montserrat/Montserrat-Medium.woff2" />
14<link rel="preload" as="font" crossorigin="anonymous" href="https://www.trefl.com/static/version1789064390/frontend/Trefl/hyva-trefl/pl_PL/fonts/Montserrat/Montserrat-SemiBold.woff2" />
15<link rel="preload" as="font" crossorigin="anonymous" href="https://www.trefl.com/static/version1789064390/frontend/Trefl/hyva-trefl/pl_PL/fonts/Montserrat/Montserrat-Bold.woff2" />
16<link  rel="icon" type="image/png" sizes="48x48" href="https://www.trefl.com/static/version1789064390/frontend/Trefl/hyva-trefl/pl_PL/Magento_Theme/favicon-48x48.png" />
17<link  rel="apple-touch-icon" type="image/png" sizes="180x180" href="https://www.trefl.com/static/version1789064390/frontend/Trefl/hyva-trefl/pl_PL/Magento_Theme/apple-touch-icon.png" />
18<link  rel="icon" type="image/png" sizes="192x192" href="https://www.trefl.com/static/version1789064390/frontend/Trefl/hyva-trefl/pl_PL/Magento_Theme/web-app-manifest-192x192.png" />
19<link  rel="icon" type="image/png" sizes="512x512" href="https://www.trefl.com/static/version1789064390/frontend/Trefl/hyva-trefl/pl_PL/Magento_Theme/web-app-manifest-512x512.png" />
20<link  rel="manifest" href="https://www.trefl.com/static/version1789064390/frontend/Trefl/hyva-trefl/pl_PL/Magento_Theme/site.webmanifest" />
21<link  rel="icon" type="image/x-icon" href="https://www.trefl.com/media/favicon/stores/1/favicon.ico" />
22<link  rel="shortcut icon" type="image/x-icon" href="https://www.trefl.com/media/favicon/stores/1/favicon.ico" />
23<meta name="google-site-verification" content="uqHKypU0BhCxxqIH08N7ZxiHKfOOUJd43j7k3OjXpBQ" />
24
25<link rel="preconnect" href="https://www.googletagmanager.com">
26<link rel="preconnect" href="https://www.google-analytics.com">
27<link rel="preconnect" href="https://app.usercentrics.eu">
28<link rel="preconnect" href="https://app3.salesmanago.pl">
29<link rel="dns-prefetch" href="https://fonts.googleapis.com">
30<link rel="dns-prefetch" href="https://www.clarity.ms">
31
32<style>
33.catalog-product-view etrusted-widget {
34    display: none;
35}
36</style>    
37    <!-- BEGIN GOOGLE ANALYTICS CODE -->
38    
38<script type="text/x-magento-init">
39    {
40        "*": {
41            "BlueMedia_BluePayment/js/analytics/google-analytics": {
42                "pageTrackingData": {"isAnonymizedIpActive":false,"anonymizeIp":"UA-125499597-1"}            }
43        }
44    }
45    </script>
45
46    <!-- END GOOGLE ANALYTICS CODE -->
47
48
49<script nonce="ZWR6OGM1dXducnBqcDNkbGJ2dGY4c3NzandxbHBjdTY=">
50    window.YIREO_GOOGLETAGMANAGER2_ENABLED = true;
51    (function (events) {
52        const initYireoGoogleTagManager2 = function () {
53            events.forEach(function (eventType) {
54                window.removeEventListener(eventType, initYireoGoogleTagManager2);
55            });
56
57                        (function (w, d, s, l, i) {
58                w[l] = w[l] || [];
59                w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'});
60                var f = d.getElementsByTagName(s)[0],
61                    j = d.createElement(s),
62                    dl = l != 'dataLayer' ? '&l=' + l : '';
63                j.async = true;
64                j.src = 'https://www.googletagmanager.com' + '/gtm.js?id=' + i + dl;
65                f.parentNode.insertBefore(j, f);
66            })(window, document, 'script', 'dataLayer', 'GTM-PC39D52');
67                    }
68
69        events.forEach(function (eventType) {
70            window.addEventListener(eventType, initYireoGoogleTagManager2, {once: true, passive: true})
71        })
72    })(['load', 'keydown', 'mouseover', 'scroll', 'touchstart', 'wheel']);
73
74    </script>
vendor: 1 bytes, line 74
74
75<script>
76    var BASE_URL = 'https://www.trefl.com/';
77    var THEME_PATH = 'https://www.trefl.com/static/version1789064390/frontend/Trefl/hyva-trefl/pl_PL';
78    var COOKIE_CONFIG = {
79        "expires": null,
80        "path": "\u002F",
81        "domain": ".www.trefl.com",
82        "secure": true,
83        "lifetime": "3600",
84        "cookie_restriction_enabled": false    };
85    var CURRENT_STORE_CODE = 'default';
86    var CURRENT_WEBSITE_ID = '1';
87
88    window.hyva = window.hyva || {}
89
90    window.cookie_consent_groups = window.cookie_consent_groups || {}
91    window.cookie_consent_groups['necessary'] = true;
92
93    window.cookie_consent_config = window.cookie_consent_config || {};
94    window.cookie_consent_config['necessary'] = [].concat(
95        window.cookie_consent_config['necessary'] || [],
96        [
97            'user_allowed_save_cookie',
98            'form_key',
99            'mage-messages',
100            'private_content_version',
101            'mage-cache-sessid',
102            'last_visited_store',
103            'section_data_ids'
104        ]
105    );
106</script>
vendor: 1 bytes, line 106
106
107<script>
108    'use strict';
109    (function( hyva, undefined ) {
110
111        function lifetimeToExpires(options, defaults) {
112
113            const lifetime = options.lifetime || defaults.lifetime;
114
115            if (lifetime) {
116                const date = new Date;
117                date.setTime(date.getTime() + lifetime * 1000);
118                return date;
119            }
120
121            return null;
122        }
123
124        function generateRandomString() {
125
126            const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',
127                length = 16;
128
129            let formKey = '',
130                charactersLength = allowedCharacters.length;
131
132            for (let i = 0; i < length; i++) {
133                formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))]
134            }
135
136            return formKey;
137        }
138
139        const sessionCookieMarker = {noLifetime: true}
140
141        const cookieTempStorage = {};
142
143        const internalCookie = {
144            get(name) {
145                const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
146                return v ? v[2] : null;
147            },
148            set(name, value, days, skipSetDomain) {
149                let expires,
150                    path,
151                    domain,
152                    secure,
153                    samesite;
154
155                const defaultCookieConfig = {
156                    expires: null,
157                    path: '/',
158                    domain: null,
159                    secure: false,
160                    lifetime: null,
161                    samesite: 'lax'
162                };
163
164                const cookieConfig = window.COOKIE_CONFIG || {};
165
166                expires = days && days !== sessionCookieMarker
167                    ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig)
168                    : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires;
169
170                path = cookieConfig.path || defaultCookieConfig.path;
171                domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain);
172                secure = cookieConfig.secure || defaultCookieConfig.secure;
173                samesite = cookieConfig.samesite || defaultCookieConfig.samesite;
174
175                document.cookie = name + "=" + encodeURIComponent(value) +
176                    (expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') +
177                    (path ? '; path=' + path : '') +
178                    (domain ? '; domain=' + domain : '') +
179                    (secure ? '; secure' : '') +
180                    (samesite ? '; samesite=' + samesite : 'lax');
181            },
182            isWebsiteAllowedToSaveCookie() {
183                const allowedCookies = this.get('user_allowed_save_cookie');
184                if (allowedCookies) {
185                    const allowedWebsites = JSON.parse(unescape(allowedCookies));
186
187                    return allowedWebsites[CURRENT_WEBSITE_ID] === 1;
188                }
189                return false;
190            },
191            getGroupByCookieName(name) {
192                const cookieConsentConfig = window.cookie_consent_config || {};
193                let group = null;
194                for (let prop in cookieConsentConfig) {
195                    if (!cookieConsentConfig.hasOwnProperty(prop)) continue;
196                    if (cookieConsentConfig[prop].includes(name)) {
197                        group = prop;
198                        break;
199                    }
200                }
201                return group;
202            },
203            isCookieAllowed(name) {
204                const cookieGroup = this.getGroupByCookieName(name);
205                return cookieGroup
206                    ? window.cookie_consent_groups[cookieGroup]
207                    : this.isWebsiteAllowedToSaveCookie();
208            },
209            saveTempStorageCookies() {
210                for (const [name, data] of Object.entries(cookieTempStorage)) {
211                    if (this.isCookieAllowed(name)) {
212                        this.set(name, data['value'], data['days'], data['skipSetDomain']);
213                        delete cookieTempStorage[name];
214                    }
215                }
216            }
217        };
218
219        hyva.getCookie = (name) => {
220            const cookieConfig = window.COOKIE_CONFIG || {};
221
222            if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
223                return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null;
224            }
225
226            return internalCookie.get(name);
227        }
228
229        hyva.setCookie = (name, value, days, skipSetDomain) => {
230            const cookieConfig = window.COOKIE_CONFIG || {};
231
232            if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
233                cookieTempStorage[name] = {value, days, skipSetDomain};
234                return;
235            }
236            return internalCookie.set(name, value, days, skipSetDomain);
237        }
238
239
240        hyva.setSessionCookie = (name, value, skipSetDomain) => {
241            return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain)
242        }
243
244        hyva.getBrowserStorage = () => {
245            const browserStorage = window.localStorage || window.sessionStorage;
246            if (!browserStorage) {
247                console.warn('Browser Storage is unavailable');
248                return false;
249            }
250            try {
251                browserStorage.setItem('storage_test', '1');
252                browserStorage.removeItem('storage_test');
253            } catch (error) {
254                console.warn('Browser Storage is not accessible', error);
255                return false;
256            }
257            return browserStorage;
258        }
259
260        hyva.postForm = (postParams) => {
261            const form = document.createElement("form");
262
263            let data = postParams.data;
264
265            if (! postParams.skipUenc && ! data.uenc) {
266                data.uenc = btoa(window.location.href);
267            }
268            form.method = "POST";
269            form.action = postParams.action;
270
271            Object.keys(postParams.data).map(key => {
272                const field = document.createElement("input");
273                field.type = 'hidden'
274                field.value = postParams.data[key];
275                field.name = key;
276                form.appendChild(field);
277            });
278
279            const form_key = document.createElement("input");
280            form_key.type = 'hidden';
281            form_key.value = hyva.getFormKey();
282            form_key.name="form_key";
283            form.appendChild(form_key);
284
285            document.body.appendChild(form);
286
287            form.submit();
288        }
289
290        hyva.getFormKey = function () {
291            let formKey = hyva.getCookie('form_key');
292
293            if (!formKey) {
294                formKey = generateRandomString();
295                hyva.setCookie('form_key', formKey);
296            }
297
298            return formKey;
299        }
300
301        hyva.formatPrice = (value, showSign, options = {}) => {
302            const groupSeparator = options.groupSeparator;
303            const decimalSeparator = options.decimalSeparator
304            delete options.groupSeparator;
305            delete options.decimalSeparator;
306            const formatter = new Intl.NumberFormat(
307                'pl\u002DPL',
308                Object.assign({
309                    style: 'currency',
310                    currency: 'PLN',
311                    signDisplay: showSign ? 'always' : 'auto'
312                }, options)
313            );
314            return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ?
315                formatter.formatToParts(value).map(({type, value}) => {
316                    switch (type) {
317                        case 'currency':
318                            return 'z\u0142' || value;
319                        case 'minusSign':
320                            return '- ';
321                        case 'plusSign':
322                            return '+ ';
323                        case 'group':
324                            return groupSeparator !== undefined ? groupSeparator : value;
325                        case 'decimal':
326                            return decimalSeparator !== undefined ? decimalSeparator : value;
327                        default :
328                            return value;
329                    }
330                }).reduce((string, part) => string + part) :
331                formatter.format(value);
332        }
333
334        const formatStr = function (str, nStart) {
335            const args = Array.from(arguments).slice(2);
336
337            return str.replace(/(%+)([0-9]+)/g, (m, p, n) => {
338                const idx = parseInt(n) - nStart;
339
340                if (args[idx] === null || args[idx] === void 0) {
341                    return m;
342                }
343                return p.length % 2
344                    ? p.slice(0, -1).replace('%%', '%') + args[idx]
345                    : p.replace('%%', '%') + n;
346            })
347        }
348
349        hyva.str = function (string) {
350            const args = Array.from(arguments);
351            args.splice(1, 0, 1);
352
353            return formatStr.apply(undefined, args);
354        }
355
356        hyva.strf = function () {
357            const args = Array.from(arguments);
358            args.splice(1, 0, 0);
359
360            return formatStr.apply(undefined, args);
361        }
362
363        /**
364         * Take a html string as `content` parameter and
365         * extract an element from the DOM to replace in
366         * the current page under the same selector,
367         * defined by `targetSelector`
368         */
369        hyva.replaceDomElement = (targetSelector, content) => {
370            // Parse the content and extract the DOM node using the `targetSelector`
371            const parser = new DOMParser();
372            const doc = parser.parseFromString(content, 'text/html');
373            const contentNode = doc.querySelector(targetSelector);
374
375            // Bail if content or target can't be found
376            if (!contentNode || !document.querySelector(targetSelector)) {
377                return;
378            }
379
380                        hyva.activateScripts(contentNode);
381            
382            // Replace the old DOM node with the new content
383            document.querySelector(targetSelector).replaceWith(contentNode);
384
385            // Reload customerSectionData and display cookie-messages if present
386            window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
387            hyva.initMessages();
388        }
389
390        hyva.removeScripts = (contentNode) => {
391            const scripts = contentNode.getElementsByTagName('script');
392            for (let i = 0; i < scripts.length; i++) {
393                scripts[i].parentNode.removeChild(scripts[i]);
394            }
395            const templates = contentNode.getElementsByTagName('template');
396            for (let i = 0; i < templates.length; i++) {
397                const container = document.createElement('div');
398                container.innerHTML = templates[i].innerHTML;
399                hyva.removeScripts(container);
400                templates[i].innerHTML = container.innerHTML;
401            }
402        }
403
404        hyva.activateScripts = (contentNode) => {
405            // Create new array from HTMLCollection to avoid mutation of collection while manipulating the DOM.
406            const scripts = Array.from(contentNode.getElementsByTagName('script'));
407
408            // Iterate over all script tags to duplicate+inject each into the head
409            for (const original of scripts) {
410                const script = document.createElement('script');
411                original.type && (script.type = original.type);
412                script.innerHTML = original.innerHTML;
413
414                // Remove the original (non-executing) script from the contentNode
415                original.parentNode.removeChild(original)
416
417                // Add script to head
418                document.head.appendChild(script);
419            }
420
421            return contentNode;
422        }
423
424        const replace = {['+']: '-', ['/']: '_', ['=']: ','};
425        hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]);
426
427        let currentTrap;
428
429        const focusableElements = (rootElement) => {
430            const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]';
431            return Array.from(rootElement.querySelectorAll(selector))
432                .filter(el => {
433                    return el.style.display !== 'none'
434                        && !el.disabled
435                        && el.tabIndex !== -1
436                        && (el.offsetWidth || el.offsetHeight || el.getClientRects().length)
437                })
438        }
439
440        const focusTrap = (e) => {
441            const isTabPressed = e.key === 'Tab' || e.keyCode === 9;
442            if (!isTabPressed) return;
443
444            const focusable = focusableElements(currentTrap)
445            const firstFocusableElement = focusable[0]
446            const lastFocusableElement = focusable[focusable.length - 1]
447
448            e.shiftKey
449                ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault())
450                : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault())
451        };
452
453        hyva.releaseFocus = (rootElement) => {
454            if (currentTrap && (!rootElement || rootElement === currentTrap)) {
455                currentTrap.removeEventListener('keydown', focusTrap)
456                currentTrap = null
457            }
458        }
459        hyva.trapFocus = (rootElement) => {
460            if (!rootElement) return;
461            hyva.releaseFocus()
462            currentTrap = rootElement
463            rootElement.addEventListener('keydown', focusTrap)
464            const firstElement = focusableElements(rootElement)[0]
465            firstElement && firstElement.focus()
466        }
467
468        hyva.safeParseNumber = (rawValue) => {
469            const number = rawValue ? parseFloat(rawValue) : null;
470
471            return Array.isArray(number) || isNaN(number) ? rawValue : number;
472        }
473
474        const toCamelCase = s => s.split('_').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join('');
475        hyva.createBooleanObject = (name, value = false, additionalMethods = {}) => {
476
477            const camelCase = toCamelCase(name);
478            const key = '__hyva_bool_' + name
479
480            return new Proxy(Object.assign(
481                additionalMethods,
482                {
483                    [key]: !!value,
484                    [name]() {return !!this[key]},
485                    ['!' + name]() {return !this[key]}, // @deprecated This does not work with non-CSP Alpine
486                    ['not' + camelCase]() {return !this[key]},
487                    ['toggle' + camelCase]() {this[key] = !this[key]},
488                    [`set${camelCase}True`]() {this[key] = true},
489                    [`set${camelCase}False`]() {this[key] = false},
490                }
491            ), {
492                set(target, prop, value) {
493                    return prop === name
494                        ? (target[key] = !!value)
495                        : Reflect.set(...arguments);
496                }
497            })
498        }
499
500                hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true})
501        window.addEventListener('alpine:init', () => Alpine.data('{}', () => ({})), {once: true});
502                window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies())
503
504    }( window.hyva = window.hyva || {} ));
505</script>
vendor: 1 bytes, line 505
505
506<script>
507    if (!window.IntersectionObserver) {
508        window.IntersectionObserver = function (callback) {
509            this.observe = el => el && callback(this.takeRecords());
510            this.takeRecords = () => [{isIntersecting: true, intersectionRatio: 1}];
511            this.disconnect = () => {};
512            this.unobserve = () => {};
513        }
514    }
515</script>
515
516
517<script>
518    const setTransitionNameBetweenGallery = async (url, promise) => {
519        if (window.matchMedia('(prefers-reduced-motion)').matches) return;
520
521        const productGallery = document.getElementById('gallery');
522        const productListItem = document.querySelector(`.product-item-photo[href="${url}"]`);
523        const targetElement = productListItem
524            ? productListItem
525            : (productGallery ? productGallery.querySelector('img').parentNode : null);
526
527        if (targetElement) {
528            targetElement.style.viewTransitionName = 'view-transition-to-gallery';
529            await promise;
530            targetElement.style.viewTransitionName = '';
531        }
532    };
533
534    window.addEventListener('pageswap', async (e) => {
535        if (!e.viewTransition) return;
536        const targetUrl = new URL(e.activation.entry.url);
537        setTransitionNameBetweenGallery(targetUrl.href, e.viewTransition.finished);
538    });
539
540    window.addEventListener('pagereveal', async (e) => {
541        if (!e.viewTransition || !navigation.activation.from) return;
542        const fromUrl = new URL(navigation.activation.from.url);
543        // const entryURL = new URL(navigation.activation.entry.url);
544        setTransitionNameBetweenGallery(fromUrl.href, e.viewTransition.ready);
545    });
546</script>
546
547
548<style>
549    @view-transition {
550        navigation: auto;
551    }
552</style>
553</head>
554<body id="html-body" class="page-with-filter page-products categorypath-promocje category-promocje catalog-category-view page-layout-2columns-left">
555<a class="action skip sr-only focus:not-sr-only focus:absolute focus:z-40 btn btn-primary
556contentarea"
557   href="#contentarea">
558    Przejdź do treści</a>
559
560
561
562<div id="notice-promo-block" style="background-color&#x3A;&#x23;A42157&#x3B;color&#x3A;&#x23;ffffff&#x3B;" class="w-full" aria-label="Komunikat">
563    <div class="container relative py-3 text-center leading-tight">
564        <a href="https&#x3A;&#x2F;&#x2F;www.trefl.com&#x2F;promocje">            <span class="text-xs">☁︎ Dłuższe wieczory? Postaw na gry, puzzle i zabawki z jesiennym rabatem. Zajrzyj do <b>strefy Promocje</b> i zgarnij <b>dodatkowe -10% z kodem SP10</b> ☁︎</span>
565        </a>    </div>
566</div>
vendor: 68 bytes, lines 566-567
566
567<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
567GTM-PC39D52
vendor: 83 bytes, line 567
567" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
568<input name="form_key" type="hidden" value="UKC9X8WYAFqrH6hZ" />
569    <noscript>
570        <section class="message global noscript border-b-2 border-blue-500 bg-blue-50 shadow-none m-0 px-0 rounded-none font-normal">
571            <div class="container text-center">
572                <p>
573                    <strong>Wygląda na to, że JavaScript jest wyłączony w twojej przeglądarce.</strong>
574                    <span>
575                        By w pełni cieszyć się naszą stroną, upewnij się, że włączyłeś JavaScript w swojej przeglądarce.                    </span>
576                </p>
577            </div>
578        </section>
579    </noscript>
580
581
582<script>
583    document.body.addEventListener('touchstart', () => {}, {passive: true})
584</script>
vendor: 1 bytes, line 584
584
585<script nonce="ZWR6OGM1dXducnBqcDNkbGJ2dGY4c3NzandxbHBjdTY=">
586    function yireoGoogleTagManager2Pusher(eventData, message) {
587        window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS = window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS || [];
588
589        const copyEventData = Object.assign({}, eventData);
590        let metaData = {};
591        if (copyEventData.meta) {
592            metaData = copyEventData.meta;
593            delete copyEventData.meta;
594        }
595
596        const eventHash = btoa(encodeURIComponent(JSON.stringify(copyEventData)));
597        if (window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS.includes(eventHash)) {
598            yireoGoogleTagManager2Logger('Warning: Event already triggered', eventData);
599            return;
600        }
601
602        if (metaData && metaData.allowed_pages && metaData.allowed_pages.length > 0
603            && false === metaData.allowed_pages.some(page => window.location.pathname.includes(page))) {
604            yireoGoogleTagManager2Logger('Warning: Skipping event, not in allowed pages', window.location.pathname, eventData);
605            return;
606        }
607
608        if (!message) {
609            message = 'push (unknown) [unknown]';
610        }
611
612        yireoGoogleTagManager2Logger(message, eventData);
613        window.dataLayer = window.dataLayer || [];
614
615        if (eventData.ecommerce) {
616            window.dataLayer.push({ecommerce: null});
617        }
618
619        window.dataLayer.push(eventData);
620        window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS.push(eventHash);
621    }
622</script>
vendor: 1 bytes, line 622
622
623<script nonce="ZWR6OGM1dXducnBqcDNkbGJ2dGY4c3NzandxbHBjdTY=">
624    function yireoGoogleTagManager2Logger(...args) {
625        const debug = window.YIREO_GOOGLETAGMANAGER2_DEBUG || false;
626        if (false === debug) {
627            return;
628        }
629
630        var color = 'gray';
631        if (args[0].toLowerCase().startsWith('push')) {
632            color = 'green';
633        }
634
635        if (args[0].toLowerCase().startsWith('warning')) {
636            color = 'orange';
637        }
638
639        var css = 'color:white; background-color:' + color + '; padding:1px;'
640        console.log('%cYireo_GoogleTagManager2', css, ...args);
641    }
642</script>
642
643
644<script>
645    'use strict';
646    (function(hyva) {
647                const formValidationRules = {
648            required(value, options, field, context) {
649                const el = field.element.type === 'hidden' ? createTextInputFrom(field.element) : field.element,
650                    msg = 'To\u0020jest\u0020wymagane\u0020pole.';
651
652                if (el.type === 'radio' || el.type === 'checkbox') {
653                    return (value === undefined || value.length === 0) ? msg : true;
654                }
655
656                el.setAttribute('required', '');
657                el.checkValidity();
658
659                return el.validity.valueMissing ? msg : true;
660            },
661            maxlength(value, options, field, context) {
662                const n = Number(options)
663                if (value.length > n) {
664                    return n === 1
665                        ? hyva.strf('Please\u0020enter\u0020no\u0020more\u0020than\u00201\u0020character.')
666                        : hyva.strf('Please\u0020enter\u0020no\u0020more\u0020than\u0020\u00250\u0020characters.', options)
667                }
668                return true;
669            },
670            minlength(value, options, field, context) {
671                const n = Number(options)
672                if (value.length > 0 && value.length < n) {
673                    return n === 1
674                        ? hyva.strf('Minimalna\u0020ilo\u015B\u0107\u0020znak\u00F3w\u0020to\u00201.')
675                        : hyva.strf('Minimalna\u0020ilo\u015B\u0107\u0020znak\u00F3w\u0020to\u0020\u00250.', options)
676                }
677                return true;
678            },
679            max(value, options, field, context) {
680                field.element.setAttribute('max', options);
681                field.element.checkValidity();
682                if (field.element.validity.rangeOverflow) {
683                    return hyva.strf('Please\u0020enter\u0020a\u0020value\u0020less\u0020than\u0020or\u0020equal\u0020to\u0020\u0022\u00250\u0022.', options);
684                }
685                return true;
686            },
687            min(value, options, field, context) {
688                field.element.setAttribute('min', options);
689                field.element.checkValidity();
690                if (field.element.validity.rangeUnderflow) {
691                    return hyva.strf('Please\u0020enter\u0020a\u0020value\u0020greater\u0020than\u0020or\u0020equal\u0020to\u0020\u0022\u00250\u0022.', options);
692                }
693                return true;
694            },
695            step(value, options, field, context) {
696                field.element.setAttribute('step', options);
697                field.element.checkValidity();
698                if (field.element.validity.stepMismatch) {
699                    const val = Number(value);
700                    const step = Number(options);
701                    const msg = 'Please\u0020enter\u0020a\u0020valid\u0020value.\u0020The\u0020two\u0020nearest\u0020valid\u0020values\u0020are\u0020\u0022\u00250\u0022\u0020and\u0020\u0022\u00251\u0022.';
702                    return hyva.strf(msg, Math.floor(val / step) * step, Math.ceil(val / step) * step);
703                }
704                return true;
705            },
706            pattern(value, options, field, context) {
707                field.element.setAttribute('pattern', options);
708                field.element.checkValidity();
709                if (field.element.validity.patternMismatch) {
710                    return field.element.title
711                        ? hyva.strf('Please\u0020match\u0020the\u0020requested\u0020format\u003A\u0020\u00250.', field.element.title)
712                        : 'Please\u0020match\u0020the\u0020requested\u0020format.'
713                }
714                return true;
715            },
716            email(value, options, field, context) {
717                                const rule = /^([a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*@([a-z0-9-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z0-9-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*\.(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]){2,})$/i;
718                if (value.length > 0 && !rule.test(value)) {
719                    return 'Prosimy\u0020wpisa\u0107\u0020poprawny\u0020adres\u0020e\u002Dmail';
720                }
721                return true;
722            },
723            password(value, options, field, context) {
724                const rule = /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/;
725                if (value.length > 0 && !rule.test(value)) {
726                    return 'Please\u0020provide\u0020at\u0020least\u0020one\u0020upper\u0020case,\u0020one\u0020lower\u0020case,\u0020one\u0020digit\u0020and\u0020one\u0020special\u0020character\u0020\u0028\u0023\u003F\u0021\u0040\u0024\u0025\u005E\u0026\u002A\u002D\u0029';
727                }
728                return true;
729            },
730            equalTo(value, options, field, context) {
731                const dependencyField = context.fields[options].element;
732                if (value !== dependencyField.value) {
733                    const dependencyFieldName =
734                        dependencyField.label ||
735                        dependencyField.title ||
736                        (dependencyField.labels && dependencyField.labels[0] && dependencyField.labels[0].innerText) ||
737                        dependencyField.name;
738                    return hyva.strf('Warto\u015B\u0107\u0020tego\u0020pola\u0020musi\u0020by\u0107\u0020taka\u0020sama\u0020jak\u0020\u0022\u00250\u0022.', dependencyFieldName);
739                }
740                return true;
741            }
742        };
743
744                function raceSome(promises, pred) {
745            return new Promise((resolve, reject) => {
746
747                if (promises.length === 0) {
748                    return resolve();
749                }
750
751                let settled = false, nDone = 0;
752
753                const resolveIf = v => {
754                    if (!settled && (pred(v) || ++nDone === promises.length)) {
755                        settled = true;
756                        resolve(v);
757                    }
758                    return v;
759                }
760
761                promises.map(promise => {
762                    promise.then(resolveIf).catch(reason => {
763                        settled = true;
764                        reject(reason)
765                    });
766                    return promise;
767                });
768            });
769        }
770
771        const INPUT_ATTRIBUTE_RULES = {min: 'min', max: 'max', required: 'required', minlength: 'minlength', maxlength: 'maxlength', step: 'step', pattern: 'pattern'}
772        const INPUT_TYPE_RULES = {email: 'email'}
773
774        function getRules(element) {
775            let rules = {};
776            Object.keys(INPUT_ATTRIBUTE_RULES).forEach(attrName => {
777                if (element.hasAttribute(attrName)) {
778                    rules[INPUT_ATTRIBUTE_RULES[attrName]] = element.getAttribute(attrName);
779                }
780            })
781            if (INPUT_TYPE_RULES[element.type]) {
782                rules[INPUT_TYPE_RULES[element.type]] = true;
783            }
784
785            if (element.dataset.validate) {
786                try {
787                    Object.assign(rules, JSON.parse(element.dataset.validate));
788                } catch (error) {
789                    console.error('Validator error. Cannot parse data-validate attribute of element:\n', element);
790                }
791            }
792
793            return rules;
794        }
795
796        function isInvalidRuleResult(ruleState) {
797            return typeof ruleState === 'string' || !ruleState || (ruleState.type && ruleState.content);
798        }
799
800        async function runValidateFn(rule, options, value, field) {
801            return formValidationRules[rule](value, options, field, this);
802        }
803
804        function generateId() {
805            let id;
806            do {
807                id = `${this.idPrefix}-${++this.idSeq}`;
808            } while (document.getElementById(id));
809            return id;
810        }
811
812        function isVisible(element) {
813            const el = element.type !== 'hidden' ? element : (element.parentElement || {});
814            return !!(el.offsetWidth || el.offsetHeight || el.getClientRects().length)
815        }
816
817        function elementWillValidate(element) {
818            return (element.willValidate || element.type === 'hidden')
819                && element.tagName !== 'BUTTON'
820                && element.disabled === false
821                && !(element.tagName === 'INPUT' && element.type === 'submit')
822                && (element.hasAttribute('data-validate-hidden') || isVisible(element))
823        }
824
825        function createMessageContainer(el, fieldWrapperClassName) {
826            if (! el.parentElement) {
827                return;
828            }
829            const refocus = document.activeElement === el;
830            const wrapper = document.createElement('div');
831            wrapper.classList.add.apply(wrapper.classList, fieldWrapperClassName.split(' '));
832            el.parentElement.insertBefore(wrapper, el);
833            wrapper.appendChild(el);
834            refocus && document.activeElement !== el && el.focus();
835            return wrapper;
836        }
837
838        function containerNotFound(selector, el) {
839            const msg = `Cannot find message container element ${selector} of ${el.name}`;
840            console.error(msg, el);
841            throw msg;
842        }
843
844        function createTextInputFrom(el) {
845            const text = document.createElement('INPUT');
846            text.type = 'text';
847            text.value = el.value;
848            return text;
849        }
850
851        function classNamesToSelector(classNames) {
852            return classNames.split(' ')
853                .filter(className => className.length > 0)
854                .map(className => `.${className}`)
855                .join('')
856        }
857
858        function hasMessagesWrapper(field, messagesWrapperClassName) {
859            return this.getMessageContainer(field).querySelector(classNamesToSelector(messagesWrapperClassName));
860        }
861
862        function getMessagesWrapper(field, messagesWrapperClassName) {
863            if (hasMessagesWrapper.call(this, field, messagesWrapperClassName)) {
864                return this.getMessageContainer(field).querySelector(classNamesToSelector(messagesWrapperClassName));
865            }
866
867            const msgWrapper = document.createElement('ul');
868            const msgId = generateId.call(this);
869            msgWrapper.id = msgId;
870            field.element.setAttribute('aria-errormessage', msgId);
871            field.element.setAttribute('aria-describedby', msgId);
872            msgWrapper.classList.add.apply(msgWrapper.classList, messagesWrapperClassName.split(' '));
873            if (field.validateOnChange) {
874                msgWrapper.setAttribute('aria-live', 'polite');
875            }
876            this.getMessageContainer(field).appendChild(msgWrapper);
877
878            return msgWrapper;
879        }
880
881        function getCheckedValues(field) {
882            const name = field.element.name.replace(/([\\"])/g, '\\$1');
883            const elements = field.element.form.querySelectorAll('input[name="' + name + '"]:checked');
884            return Array.from(elements).map(el => el.value);
885        }
886
887        function escapeHtml(s) {
888            const div = document.createElement('div')
889            div.innerText = s;
890            return div.innerHTML;
891        }
892
893        
894        function formValidation(form, options = {}) {
895            const formElement = form || this.$el;
896
897            if (formElement.dataset && formElement.dataset.options) {
898                try {
899                    options = Object.assign(options, JSON.parse(formElement.dataset.options || '{}'));
900                } catch (e) {
901                    throw new Error('Cannot read the form options from the data-options attribute: not val
901id JSON');
902                }
903            }
904
905            // Disable browser default validation
906            if (formElement.tagName === 'FORM') {
907                formElement.setAttribute('novalidate', '');
908            } else {
909                console.error('formValidation can be initialized only on FORM element', formElement);
910                return;
911            }
912
913            options = Object.assign({
914                fieldWrapperClassName: 'field field-reserved',
915                messagesWrapperClassName: 'messages',
916                validClassName: 'field-success',
917                invalidClassName: 'field-error',
918                pageMessagesWrapperSelector: null,
919                scrollToFirstError: true,
920            }, options || {});
921
922            return {
923                state: {
924                    valid: false,
925                },
926                fields: {},
927                idSeq: 0,
928                idPrefix: formElement.id || 'vld-msg',
929                setupFields(elements) {
930                    this.fields = {};
931                    Array.from(elements).forEach(element => {
932                        if (elementWillValidate(element)) {
933                            this.setupField(element);
934                        }
935                    });
936                },
937                setupField(element) {
938                    if (! element) return;
939                    const onChange = !!element.dataset.onChange;
940                    if (elementWillValidate(element)) {
941                        const rules = getRules(element);
942                        if (Object.keys(rules).length > 0) {
943                            if (this.fields[element.name]) {
944                                Object.assign(this.fields[element.name].rules, rules);
945                            } else {
946                                this.fields[element.name] = {
947                                    element,
948                                    rules: rules,
949                                    validateOnChange: onChange,
950                                    state: {
951                                        valid: null,
952                                        rules: {}
953                                    }
954                                }
955                            }
956                        }
957                    } else {
958                        console.error('Element will not validate', element);
959                    }
960                },
961                onSubmit(event) {
962                    if (event.target.tagName === 'FORM') {
963                        event.preventDefault();
964
965                        this.validate()
966                            .then(() => event.target.submit())
967                            .catch(invalidElements => {});
968                    }
969                },
970                onChange(event) {
971                    event.target.dataset.onChange = 'true';
972                    if (!Object.keys(this.fields).length) {
973                        this.setupFields(formElement.elements);
974                    }
975                    if (!Object.keys(this.fields).includes(event.target.name)) {
976                        this.setupField(event.target);
977                    }
978                    const field = this.fields[event.target.name];
979
980                    this.validateField(field);
981                    field && field.element.removeAttribute('data-on-change')
982                },
983                validateSafe() {
984                    return new Promise(resolve => this.validate().then(() => resolve(true)).catch(() => {}))
985                },
986                validate() {
987                    if (!Object.keys(this.fields).length || !Object.keys(this.fields).length !== formElement.elements.length) {
988                        this.setupFields(formElement.elements);
989                    }
990                    return new Promise(async (resolve, reject) => {
991                        if (formElement.elements) {
992                                                        await raceSome(this.validateFields(), result => result !== true)
993                            const invalidFields = Object.values(this.fields).filter(field => !field.state.valid);
994                            this.state.valid = invalidFields.length === 0;
995                            if (this.state.valid) {
996                                resolve();
997                            } else {
998                                if (options.scrollToFirstError && invalidFields.length > 0) {
999                                    invalidFields[0].element.focus()
1000                                    invalidFields[0].element.select && invalidFields[0].element.select();
1001                                }
1002                                reject(invalidFields.map(field => field.element));
1003                            }
1004                        }
1005                    });
1006                },
1007                                validateFields() {
1008                    const fields = Object.values(this.fields);
1009
1010                                        fields.forEach(field => {
1011                        this.getMessageContainer(field).classList.remove(options.validClassName, options.invalidClassName)
1012                    });
1013                                        return fields.map(field => this.validateField(field))
1014                },
1015                                validateField(field) {
1016                                        if (! field || ! elementWillValidate(field.element)) {
1017                        return new Promise(resolve => resolve(true))
1018                    }
1019
1020                    let value;
1021                    if (field.element.type === 'checkbox') {
1022                        value = getCheckedValues(field);
1023                    } else if (field.element.type === 'radio') {
1024                        value = getCheckedValues(field)[0] || undefined;
1025                    } else if (field.element.tagName === 'SELECT' && field.element.multiple) {
1026                        value = Array.from(field.element.selectedOptions).map(opt => opt.value);
1027                    } else {
1028                        value = field.element.value;
1029                    }
1030
1031                    const rules = field.rules || {};
1032
1033                                        field.state.valid = true;
1034                    this.showFieldState(field);
1035
1036                
1037                                        const fieldValidations = Object.keys(rules).filter(rule => formValidationRules[rule]).map(async rule => {
1038                        return runValidateFn.call(this, rule, rules[rule], value, field).then(result => {
1039                            field.state.rules[rule] = result;
1040                            return result;
1041                        })
1042                    });
1043
1044                    return new Promise(resolve => {
1045                                                Promise.all(fieldValidations).then(results => {
1046                                                                                    field.state.valid = !elementWillValidate(field.element) || rules.length === 0 || !results.some(isInvalidRuleResult)
1047                            this.showFieldState(field);
1048                            resolve(field.state.valid);
1049                        })
1050                    });
1051                },
1052                                getMessagesByField(field) {
1053                    const messages = [];
1054                    const invalidRules = Object.keys(field.state.rules).filter(rule => isInvalidRuleResult(field.state.rules[rule]));
1055
1056                    field.rules && Object.keys(field.rules).forEach((rule) => {
1057                        if (invalidRules.includes(rule)) {
1058                            const customMessage = field.element.getAttribute('data-msg-' + rule);
1059                            const message = customMessage ? customMessage : field.state.rules[rule];
1060                            const ruleOptions = JSON.parse(JSON.stringify(field.rules[rule]));
1061
1062                            if (typeof message === 'undefined' || message === null || (typeof message !== 'string' && ! message.type)) {
1063                                messages.push(hyva.strf('Validation rule "%0" failed.', rule));
1064                            } else if (Array.isArray(ruleOptions)) {
1065                                ruleOptions.unshift(message.type ? message.content : message);
1066                                const content = hyva.strf.apply(null, ruleOptions);
1067                                messages.push(message.type ? {type: message.type, content} : content);
1068                            } else {
1069                                const content = hyva.strf(message.type ? message.content : message, ruleOptions)
1070                                messages.push(message.type ? {type: message.type, content} : content);
1071                            }
1072                        }
1073                    });
1074                    return messages;
1075                },
1076                /** @deprecated */
1077                getFieldWrapper(field) {
1078                                        return this.getMessageContainer(field)
1079                },
1080                getMessageContainer(field) {
1081                    let container;
1082                    const pageSelector = field.element.getAttribute('data-validation-container') || options.pageMessagesContainerSelector;
1083                    if (pageSelector) {
1084                        container = document.querySelector(pageSelector)
1085                            || containerNotFound(pageSelector, field.element)
1086                    } else {
1087                        const containerSelector = classNamesToSelector(options.fieldWrapperClassName);
1088                        container = field.element.closest(containerSelector)
1089                            || createMessageContainer(field.element, options.fieldWrapperClassName)
1090                            || containerNotFound(containerSelector, field.element);
1091                    }
1092
1093                    return container;
1094                },
1095                showFieldState(field) {
1096                    const container = this.getMessageContainer(field),
1097                        hasErrorMessages = hasMessagesWrapper.call(this, field, options.messagesWrapperClassName),
1098                        messages = this.getMessagesByField(field).map(m => {
1099                            return m.type !== 'html' ? escapeHtml(m.type ? m.content : m) : m.content;
1100                        });
1101                    container.classList.toggle(options.validClassName, field.state.valid && ! hasErrorMessages);
1102                    container.classList.toggle(options.invalidClassName, !field.state.valid || hasErrorMessages);
1103                    this.createHtmlErrorMessage(field, messages);
1104
1105                    if (field.state.valid) {
1106                        field.element.removeAttribute('aria-invalid');
1107                    } else {
1108                        field.element.setAttribute('aria-invalid', 'true');
1109                        if (! document.activeElement) {
1110                            field.element.focus();
1111                        }
1112                    }
1113                },
1114                removeMessages(field, messagesClass) {
1115                    if (! hasMessagesWrapper.call(this, field, messagesClass || options.messagesWrapperClassName)) {
1116                        return;
1117                    }
1118
1119                    const msgWrapper = getMessagesWrapper.call(this, field, messagesClass || options.messagesWrapperClassName);
1120                    const messages = msgWrapper.querySelectorAll(`[data-msg-field='${field.element.name}']`);
1121                    Array.from(messages).forEach(msg => msg.remove());
1122                    if (msgWrapper && msgWrapper.childElementCount === 0) {
1123                        field.element.removeAttribute('aria-errormessage');
1124                        field.element.removeAttribute('aria-describedby');
1125                        msgWrapper.remove();
1126                    }
1127                },
1128                createErrorMessage(field, messages) {
1129                    const htmlMessages = (Array.isArray(messages) ? messages : [messages]).map(escapeHtml)
1130                    this.createHtmlErrorMessage(field, htmlMessages);
1131                },
1132                createHtmlErrorMessage(field, messages) {
1133                    this.removeMessages(field, options.messagesWrapperClassName);
1134                    field.element.removeAttribute('aria-errormessage');
1135                    field.element.removeAttribute('aria-describedby');
1136
1137                    if (!field.state.valid) {
1138                        const msgWrapper = this.addHtmlMessages(field, options.messagesWrapperClassName, messages);
1139                        field.element.setAttribute('aria-errormessage', msgWrapper.id);
1140                        field.element.setAttribute('aria-describedby', msgWrapper.id);
1141                    }
1142                },
1143                /** @deprecated */
1144                createMessage(field, message) {
1145                                        return this.addMessages(field, options.messagesWrapperClassName, message);
1146                },
1147                addMessages(field, messagesClass, messages) {
1148                    const htmlMessages = (Array.isArray(messages) ? messages : [messages]).map(escapeHtml)
1149                    return this.addHtmlMessages(field, messagesClass, htmlMessages);
1150                },
1151                addHtmlMessages(field, messagesClass, htmlMessages) {
1152                    const msgWrapper = getMessagesWrapper.call(this, field, messagesClass);
1153
1154                    (Array.isArray(htmlMessages) ? htmlMessages : [htmlMessages]).forEach((htmlMessage) => {
1155                        const li = document.createElement('li');
1156                        li.innerHTML = htmlMessage;
1157                        li.setAttribute('data-msg-field', field.element.name);
1158                        msgWrapper.appendChild(li);
1159                    });
1160
1161                    return msgWrapper;
1162                },
1163                setField(name, value) {
1164                    this.fields[name].element.value = value;
1165                    this.fields[name].element.dispatchEvent((new Event('input')));
1166                    this.validateField(this.fields[name]);
1167                }
1168            }
1169        }
1170
1171        hyva.formValidation = formValidation;
1172        hyva.formValidation.rules = formValidationRules;
1173        hyva.formValidation.setInputAttributeRuleName = (attrName, ruleName) => INPUT_ATTRIBUTE_RULES[attrName] = ruleName || attrName;
1174        hyva.formValidation.setInputTypeRuleName = (typeName, ruleName) => INPUT_TYPE_RULES[typeName] = ruleName || typeName;
1175        hyva.formValidation.addRule = (name, validator) => formValidationRules[name] = validator;
1176    }(window.hyva = window.hyva || {}));
1177
1178    window.addEventListener('alpine:init', () => {
1179        Alpine.data('hyva.formValidation', hyva.formValidation);
1180        Alpine.data('hyva.formValidation($el)', hyva.formValidation);
1181    }, {once: true});
1182</script>
1182
1183<div class="page-wrapper"><header class="page-header">
1184
1185<div class="bg-header-top py-3 md:py-5">
1186    <div class="container header-container px-3 lg:px-6 flex justify-between items-center">
1187        <ul class="social-menu">
1188                    <li>
1189            <a href="https://www.facebook.com/Trefl.toys/"
1190                                  title="Przejdź na Trefl Facebook"
1191                               target="_blank"                class="text-header-top"
1192            >
1193                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" fill="none" width="24" height="24" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 1.5A2.5 2.5 0 0 0 1.5 4v6.003A2.497 2.497 0 0 0 3.997 12.5h6.006a2.497 2.497 0 0 0 2.497-2.497V3.997A2.497 2.497 0 0 0 10.003 1.5H4Zm0-1A3.5 3.5 0 0 0 .5 4v6.003A3.497 3.497 0 0 0 3.997 13.5h6.006a3.497 3.497 0 0 0 3.497-3.497V3.997A3.498 3.498 0 0 0 10.003.5H4Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.9 7.6a.5.5 0 0 1 .5-.5H10a.5.5 0 0 1 0 1H6.4a.5.5 0 0 1-.5-.5Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.765 4.765A2.27 2.27 0 0 1 9.37 4.1H10a.5.5 0 0 1 0 1h-.63A1.27 1.27 0 0 0 8.1 6.37V13a.5.5 0 0 1-1 0V6.37c0-.602.24-1.18.665-1.605Z" fill="currentColor"/></svg>
1194            </a>
1195        </li>
1196                    <li>
1197            <a href="https://pl.linkedin.com/company/trefl-s-a-"
1198                                  title="Przejdź na Trefl LinkedIn"
1199                               target="_blank"                class="text-header-top"
1200            >
1201                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" fill="none" width="24" height="24" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 1.5A2.5 2.5 0 0 0 1.5 4v6.003A2.497 2.497 0 0 0 3.997 12.5h6.006a2.497 2.497 0 0 0 2.497-2.497V3.997A2.497 2.497 0 0 0 10.003 1.5H4Zm0-1A3.5 3.5 0 0 0 .5 4v6.003A3.497 3.497 0 0 0 3.997 13.5h6.006a3.497 3.497 0 0 0 3.497-3.497V3.997A3.498 3.498 0 0 0 10.003.5H4Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.413 5.9a.5.5 0 0 1 .5.5V10a.5.5 0 1 1-1 0V6.4a.5.5 0 0 1 .5-.5ZM8.313 6.9a1 1 0 0 0-1 1V10a.5.5 0 1 1-1 0V7.9a2 2 0 1 1 4 0V10a.5.5 0 1 1-1 0V7.9a1 1 0 0 0-1-1ZM4.41 3.725a.65.65 0 1 1 .006 1.3.65.65 0 0 1-.006-1.3Z" fill="currentColor"/></svg>
1202            </a>
1203        </li>
1204                    <li>
1205            <a href="mailto:[email protected]"
1206                                  title="Wyślij e-mail na [email protected]"
1207                               target="_blank"                class="text-header-top"
1208            >
1209                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 12" fill="none" width="24" height="24" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.545 10.183h10.91c.056 0 .1-.047.1-.104V1.922a.103.103 0 0 0-.1-.105H1.544c-.055 0-.1.047-.1.105v8.157a.103.103 0 0 0 .062.096.099.099 0 0 0 .038.008Zm0 1.15h10.91c.669 0 1.212-.561 1.212-1.254V1.922c0-.693-.543-1.255-1.213-1.255H1.545C.876.667.333 1.229.333 1.922v8.157a1.293 1.293 0 0 0 .355.887 1.176 1.176 0 0 0 .857.367Z" fill="currentColor"/><path d="m1.08 2.05 5.129 3.669a1.333 1.333 0 0 0 1.55.001l5.158-3.68" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
1210            </a>
1211        </li>
1212    </ul>        <ul class="header-top-links-menu list-none text-xs md:text-header-top gap-2 flex flex-wrap items-center"
1213    role="menubar"
1214    aria-orientation="horizontal"
1215>
1216                            <li class="relative flex-wrap lg:flex-nowrap header-top-links-menu__item"
1217            x-data="topMenu_575()"
1218            role="menuitem"
1219            @keydown.escape="toggleSubmenu('575', false, $event)"
1220            @pointerenter="toggleSubmenu('575', true, $event)"
1221            @pointerleave="toggleSubmenu('575', false, $event)"
1222        >
1223            <button aria-haspopup="menu"
1224                    aria-controls="top-links-5756ab45a399ad85"
1225                    id="top-links-575"
1226                    class="flex items-center gap-1"
1227                    x-ref="button"
1228                    @click.prevent.stop="toggleSubmenu('575', null, $event)"
1229                    @keydown.space.prevent="toggleSubmenu('575', null, $event)"
1230                    @keydown.enter.prevent="toggleSubmenu('575', null, $event)"
1231                    aria-label="Otwórz menu Oferta&#x20;B2B"
1232                    :aria-pressed="openSubmenuId === '575'"
1233                    :aria-expanded="openSubmenuId === '575'">
1234                Oferta B2B                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="transition-transform" width="13" height="13" aria-hidden="true">
1235  <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/>
1236</svg>
1237            </button>
1238            <ul role="menubar"
1239                aria-orientation="vertical"
1240                aria-labelledby="top-links575"
1241                id="top-links5756ab45a399ad85"
1242                class="lg:absolute left-0 top-full bg-inherit list-none w-full lg:w-auto lg:bg-header-top flex-col p-2 -ml-2 pt-4 hidden"
1243                :class="openSubmenuId === '575' ? 'z-40' : ''"
1244                x-cloak
1245            >
1246                                    <li class="header-top-links-menu__item whitespace-nowrap" role="menuitem">
1247                            <a
1248        href="https://b2b.trefl.com/"
1249        data-menu="menu-576" class="__inner-link"    >
1250        Platforma zamówień hurtowych    </a>
1251
1252                    </li>
1253                                    <li class="header-top-links-menu__item whitespace-nowrap" role="menuitem">
1254                            <a
1255        href="https://factory.trefl.com/"
1256        data-menu="menu-577" class="__inner-link"    >
1257        Produkty na zlecenie - Trefl Factory    </a>
1258
1259                    </li>
1260                            </ul>
1261        </li>
1262        
1262<script>
1263            function topMenu_575() {
1264                return {
1265                    openSubmenuId: null,
1266                    toggleSubmenu(id, state, event) {
1267                        const doNotFocus = event.type === 'pointerenter' || event.type === 'pointerleave';
1268
1269                        if (state === true) {
1270                            this.openSubmenuId = id;
1271                        } else if (state === false) {
1272                            this.openSubmenuId = null;
1273                        } else {
1274                            this.openSubmenuId = this.openSubmenuId === id ? null : id;
1275                        }
1276
1277                        if (this.openSubmenuId) {
1278                            const submenu = document.getElementById('top-links' + id);
1279                            if (submenu && !doNotFocus) {
1280                                const firstChild = submenu.querySelector('li a');
1281                                if (firstChild) {
1282                                    setTimeout(() => {
1283                                        firstChild.focus({ focusVisible: true });
1284                                    }, 0);
1285                                }
1286                            }
1287
1288                            this.$refs.button.setAttribute(
1289                                'aria-label',
1290                                'Zamknij menu Oferta&#x20;B2B'
1291                            );
1292                        } else {
1293                            const button = document.getElementById('top-links-' + id);
1294                            if (button && !doNotFocus) {
1295                                button.focus({ focusVisible: true });
1296                            }
1297
1298                            this.$refs.button.setAttribute(
1299                                'aria-label',
1300                                'Otwórz menu Oferta&#x20;B2B'
1301                            );
1302                        }
1303                    },
1304                };
1305            }
1306        </script>
1306
1307                <li class="last:hidden" role="separator" aria-hidden="true"> | </li>
1308                            <li class="header-top-links-menu__item" role="menuitem">
1309<a
1310    href="https://www.trefl.com/grupa-trefl"
1311    class="__link"
1312     data-menu="menu-183">
1313    Grupa Trefl</a>
1314</li>
1315                <li class="last:hidden" role="separator" aria-hidden="true"> | </li>
1316                            <li class="relative flex-wrap lg:flex-nowrap header-top-links-menu__item"
1317            x-data="topMenu_400()"
1318            role="menuitem"
1319            @keydown.escape="toggleSubmenu('400', false, $event)"
1320            @pointerenter="toggleSubmenu('400', true, $event)"
1321            @pointerleave="toggleSubmenu('400', false, $event)"
1322        >
1323            <button aria-haspopup="menu"
1324                    aria-controls="top-links-4006ab45a399ad85"
1325                    id="top-links-400"
1326                    class="flex items-center gap-1"
1327                    x-ref="button"
1328                    @click.prevent.stop="toggleSubmenu('400', null, $event)"
1329                    @keydown.space.prevent="toggleSubmenu('400', null, $event)"
1330                    @keydown.enter.prevent="toggleSubmenu('400', null, $event)"
1331                    aria-label="Otwórz menu ESG"
1332                    :aria-pressed="openSubmenuId === '400'"
1333                    :aria-expanded="openSubmenuId === '400'">
1334                ESG                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="transition-transform" width="13" height="13" aria-hidden="true">
1335  <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/>
1336</svg>
1337            </button>
1338            <ul role="menubar"
1339                aria-orientation="vertical"
1340                aria-labelledby="top-links400"
1341                id="top-links4006ab45a399ad85"
1342                class="lg:absolute left-0 top-full bg-inherit list-none w-full lg:w-auto lg:bg-header-top flex-col p-2 -ml-2 pt-4 hidden"
1343                :class="openSubmenuId === '400' ? 'z-40' : ''"
1344                x-cloak
1345            >
1346                                    <li class="header-top-links-menu__item whitespace-nowrap" role="menuitem">
1347                            <a
1348        href="https://www.trefl.com/zrownowazony-rozwoj"
1349        data-menu="menu-401" class="__inner-link"    >
1350        Zrównoważony rozwój    </a>
1351
1352                    </li>
1353                                    <li class="header-top-links-menu__item whitespace-nowrap" role="menuitem">
1354                            <a
1355        href="https://www.trefl.com/zrownowazony-rozwoj/srodowisko"
1356        data-menu="menu-582" class="__inner-link"    >
1357        Środowisko    </a>
1358
1359                    </li>
1360                                    <li class="header-top-links-menu__item whitespace-nowrap" role="menuitem">
1361                            <a
1362        href="https://www.trefl.com/zielona-strona-trefla"
1363        data-menu="menu-402" class="__inner-link"    >
1364        Zielona Strona Trefla    </a>
1365
1366                    </li>
1367                                    <li class="header-top-links-menu__item whitespace-nowrap" role="menuitem">
1368                            <a
1369        href="https://www.trefl.com/zrownowazony-rozwoj/dokumenty"
1370        data-menu="menu-403" class="__inner-link"    >
1371        Dokumenty    </a>
1372
1373                    </li>
1374                            </ul>
1375        </li>
1376        
1376<script>
1377            function topMenu_400() {
1378                return {
1379                    openSubmenuId: null,
1380                    toggleSubmenu(id, state, event) {
1381                        const doNotFocus = event.type === 'pointerenter' || event.type === 'pointerleave';
1382
1383                        if (state === true) {
1384                            this.openSubmenuId = id;
1385                        } else if (state === false) {
1386                            this.openSubmenuId = null;
1387                        } else {
1388                            this.openSubmenuId = this.openSubmenuId === id ? null : id;
1389                        }
1390
1391                        if (this.openSubmenuId) {
1392                            const submenu = document.getElementById('top-links' + id);
1393                            if (submenu && !doNotFocus) {
1394                                const firstChild = submenu.querySelector('li a');
1395                                if (firstChild) {
1396                                    setTimeout(() => {
1397                                        firstChild.focus({ focusVisible: true });
1398                                    }, 0);
1399                                }
1400                            }
1401
1402                            this.$refs.button.setAttribute(
1403                                'aria-label',
1404                                'Zamknij menu ESG'
1405                            );
1406                        } else {
1407                            const button = document.getElementById('top-links-' + id);
1408                            if (button && !doNotFocus) {
1409                                button.focus({ focusVisible: true });
1410                            }
1411
1412                            this.$refs.button.setAttribute(
1413                                'aria-label',
1414                                'Otwórz menu ESG'
1415                            );
1416                        }
1417                    },
1418                };
1419            }
1420        </script>
1420
1421                <li class="last:hidden" role="separator" aria-hidden="true"> | </li>
1422                            <li class="header-top-links-menu__item" role="menuitem">
1423<a
1424    href="https://www.trefl.com/kariera"
1425    class="__link"
1426     data-menu="menu-615">
1427    Kariera</a>
1428</li>
1429                <li class="last:hidden" role="separator" aria-hidden="true"> | </li>
1430                            <li class="relative flex-wrap lg:flex-nowrap header-top-links-menu__item"
1431            x-data="topMenu_184()"
1432            role="menuitem"
1433            @keydown.escape="toggleSubmenu('184', false, $event)"
1434            @pointerenter="toggleSubmenu('184', true, $event)"
1435            @pointerleave="toggleSubmenu('184', false, $event)"
1436        >
1437            <button aria-haspopup="menu"
1438                    aria-controls="top-links-1846ab45a399ad85"
1439                    id="top-links-184"
1440                    class="flex items-center gap-1"
1441                    x-ref="button"
1442                    @click.prevent.stop="toggleSubmenu('184', null, $event)"
1443                    @keydown.space.prevent="toggleSubmenu('184', null, $event)"
1444                    @keydown.enter.prevent="toggleSubmenu('184', null, $event)"
1445                    aria-label="Otwórz menu eGames"
1446                    :aria-pressed="openSubmenuId === '184'"
1447                    :aria-expanded="openSubmenuId === '184'">
1448                eGames                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="transition-transform" width="13" height="13" aria-hidden="true">
1449  <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/>
1450</svg>
1451            </button>
1452            <ul role="menubar"
1453                aria-orientation="vertical"
1454                aria-labelledby="top-links184"
1455                id="top-links1846ab45a399ad85"
1456                class="lg:absolute left-0 top-full bg-inherit list-none w-full lg:w-auto lg:bg-header-top flex-col p-2 -ml-2 pt-4 hidden"
1457                :class="openSubmenuId === '184' ? 'z-40' : ''"
1458                x-cloak
1459            >
1460                                    <li class="header-top-links-menu__item whitespace-nowrap" role="menuitem">
1461                            <a
1462        href="https://www.roblox.com/pl/games/86253893074445/Treflandia-Wielka-Przygoda-Pomagaj-zwierz-tom"
1463        data-menu="menu-620" class="__inner-link" target="_blank" rel="noopener"    >
1464        Treflandia na Roblox    </a>
1465
1466                    </li>
1467                                    <li class="header-top-links-menu__item whitespace-nowrap" role="menuitem">
1468                            <a
1469        href="https://www.nintendo.com/us/search/#cat=gme&amp;f=softwarePublisher&amp;softwarePublisher=Trefl%20S.A"
1470        data-menu="menu-621" class="__inner-link" target="_blank" rel="noopener"    >
1471        Gry na Nintendo    </a>
1472
1473                    </li>
1474                                    <li class="header-top-links-menu__item whitespace-nowrap" role="menuitem">
1475                            <a
1476        href="https://store.steampowered.com/app/2606190/Spy_Guy_Hidden_Objects_Deluxe_Edition/?beta=1"
1477        data-menu="menu-622" class="__inner-link" target="_blank" rel="noopener"    >
1478        Gry na PC (Steam)    </a>
1479
1480                    </li>
1481                                    <li class="header-top-links-menu__item whitespace-nowrap" role="menuitem">
1482                            <a
1483        href="https://apps.apple.com/pl/developer/trefl-sa/id896381365?l=pl"
1484        data-menu="menu-623" class="__inner-link" target="_blank" rel="noopener"    >
1485        Gry mobilne (Apple IOS)    </a>
1486
1487                    </li>
1488                                    <li class="header-top-links-menu__item whitespace-nowrap" role="menuitem">
1489                            <a
1490        href="https://play.google.com/store/apps/dev?id=4662821842287727686&amp;hl=pl"
1491        data-menu="menu-624" class="__inner-link" target="_blank" rel="noopener"    >
1492        Gry mobilne (Android)    </a>
1493
1494                    </li>
1495                            </ul>
1496        </li>
1497        
1497<script>
1498            function topMenu_184() {
1499                return {
1500                    openSubmenuId: null,
1501                    toggleSubmenu(id, state, event) {
1502                        const doNotFocus = event.type === 'pointerenter' || event.type === 'pointerleave';
1503
1504                        if (state === true) {
1505                            this.openSubmenuId = id;
1506                        } else if (state === false) {
1507                            this.openSubmenuId = null;
1508                        } else {
1509                            this.openSubmenuId = this.openSubmenuId === id ? null : id;
1510                        }
1511
1512                        if (this.openSubmenuId) {
1513                            const submenu = document.getElementById('top-links' + id);
1514                            if (submenu && !doNotFocus) {
1515                                const firstChild = submenu.querySelector('li a');
1516                                if (firstChild) {
1517                                    setTimeout(() => {
1518                                        firstChild.focus({ focusVisible: true });
1519                                    }, 0);
1520                                }
1521                            }
1522
1523                            this.$refs.button.setAttribute(
1524                                'aria-label',
1525                                'Zamknij menu eGames'
1526                            );
1527                        } else {
1528                            const button = document.getElementById('top-links-' + id);
1529                            if (button && !doNotFocus) {
1530                                button.focus({ focusVisible: true });
1531                            }
1532
1533                            this.$refs.button.setAttribute(
1534                                'aria-label',
1535                                'Otwórz menu eGames'
1536                            );
1537                        }
1538                    },
1539                };
1540            }
1541        </script>
1541
1542                <li class="last:hidden" role="separator" aria-hidden="true"> | </li>
1543                            <li class="header-top-links-menu__item" role="menuitem">    <a
1544        href="/blog"
1545        data-menu="menu-185" class="__link"    >
1546        Blog    </a>
1547
1548</li>
1549                <li class="last:hidden" role="separator" aria-hidden="true"> | </li>
1550                            <li class="header-top-links-menu__item" role="menuitem">    <a
1551        href="/contact"
1552        data-menu="menu-187" class="__link"    >
1553        Kontakt    </a>
1554
1555</li>
1556                <li class="last:hidden" role="separator" aria-hidden="true"> | </li>
1557    </ul>    </div>
1558</div>
1559<div class="header content"><template id="trustedshops-badge_6ab4611fbaf53">
1560</template>
1561<script>
1562window.addEventListener('init-external-scripts', () => {
1563    const template = document.getElementById('trustedshops-badge_6ab4611fbaf53');
1564    if (template?.content) {
1565        const clone = document.importNode(template.content, true);
1566        document.body.appendChild(clone);
1567    }
1568}, {once: true, passive: true});
1569</script>
1569
1570</div>
1570<script>
1571    function initHeader () {
1572        return {
1573            cart: {},
1574            isCartOpen: false,
1575            getData(data) {
1576                if (data.cart) { this.cart = data.cart }
1577            },
1578            isCartEmpty() {
1579                return !this.cart.summary_count
1580            },
1581            toggleCart(event) {
1582                if (event.detail && event.detail.isOpen !== undefined) {
1583                    this.isCartOpen = event.detail.isOpen
1584                    if (!this.isCartOpen && this.$refs && this.$refs.cartButton) {
1585                        this.$refs.cartButton.focus()
1586                    }
1587                } else {
1588                                        this.isCartOpen = true
1589                }
1590            }
1591        }
1592    }
1593</script>
1593
1594
1595
1596<div id="header"
1597     class="relative z-30 w-full bg-header lg:py-1.5"
1598     x-data="initHeader()"
1599     @private-content-loaded.window="getData(event.detail.data)"
1600>
1601    <div class="header-container container flex flex-wrap lg:flex-nowrap items-center justify-between w-full px-0 md:px-3 lg:p-6 mx-auto mt-0">
1602        <!--Logo-->
1603        <div class="header-logo-wrap w-full flex items-center justify-center md:w-auto md:bg-transparent">
1604            <div class="order-1 sm:order-2 lg:order-1 sm:w-auto flex-shrink-0 w-1/3 lg:w-auto">
1605    <a class="flex items-center justify-center text-xl font-medium tracking-wide text-gray-800 no-underline hover:no-underline font-title"
1606       href="https://www.trefl.com/"
1607       aria-label="Przejd&#x017A;&#x20;do&#x20;strony&#x20;g&#x0142;&#xF3;wnej"
1608    >
1609        <img
1610            src="https://www.trefl.com/static/version1789064390/frontend/Trefl/hyva-trefl/pl_PL/images/logo.svg"
1611            alt=""
1612            width="104"
1613            height="52"
1614            fetchpriority="high"
1615            loading="eager"
1616            class="logo-image"
1617        />
1618    </a>
1619</div>
1620        </div>
1621
1622        <!--Search-->
1623                <div class="order-3 p-3 pt-0 w-full lg:mx-0 lg:py-0 md:bg-transparent md:order-2 md:w-auto lg:w-full">
1624            <div class="relative flex justify-center">
1625                
1626<form id="search_mini_form"
1627      action="https://www.trefl.com/catalogsearch/result/"
1628      method="get"
1629      role="search"
1630      class="w-full flex justify-center gap-x-2"
1631>
1632    <div class="w-full flex relative" style="max-width: 580px;">
1633        <label class="sr-only text-primary" for="search">
1634            Szukaj&#x20;w&#x20;sklepie...        </label>
1635        <input id="search"
1636               type="search"
1637               required
1638               class="form-input w-full appearance-none border-gray-light bg-gray-light pr-14 sm:pr-3"
1639               autocapitalize="off" autocomplete="off" autocorrect="off"
1640               name="q"
1641               value=""
1642               placeholder="Czego szukasz?"
1643               maxlength="128"
1644               oninvalid="this.setCustomValidity('Wpisz wyszukiwaną frazę')"
1645               oninput="this.setCustomValidity('')"
1646        />
1647
1648                            
1649<label class="sr-only text-primary" for="search-category">
1650    Wybierz&#x20;kategori&#x0119;</label>
1651<select class="form-select -ml-3 bg-gray-lighter border-gray-lighter min-w-48 hidden sm:block w-auto "
1652        id="search-category"
1653        name="cat">
1654    <option value="" selected>Wszystkie kategorie</option>
1655                    <option value="3">
1656            Puzzle        </option>
1657                    <option value="4">
1658            Gry        </option>
1659                    <option value="5">
1660            Zabawki        </option>
1661                    <option value="167">
1662            Książki        </option>
1663    </select>
1664            </div>
1665    <button class="btn btn-secondary font-bold min-w-12	h-full items-center justify-center p-0 px-2 lg:px-6 absolute right-0 top-0 sm:static"
1666            aria-label="Szukaj">
1667        <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" class="lg:!hidden" aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M15.184 7.369a5.526 5.526 0 1 0-7.815 7.815 5.526 5.526 0 0 0 7.815-7.815Zm1.06-1.061a7.026 7.026 0 1 0-9.936 9.936 7.026 7.026 0 0 0 9.936-9.936Z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M15.18 15.18a.75.75 0 0 1 1.06 0l3.29 3.29a.75.75 0 1 1-1.06 1.06l-3.29-3.29a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/></svg>
1668        <span class="hidden lg:inline">Szukaj</span>
1669    </button>
1670</form>
1671            </div>
1672        </div>
1673        
1674        <div class="text-header hidden md:flex items-center justify-end gap-1 sm:gap-2 order-2 w-1/3 md:w-auto md:order-3 lg:-mr-1 md:gap-4">
1675            <!-- Additional Header Elements -->
1676            
1677            <!--Customer Icon & Dropdown-->
1678            
1679<div
1680    class="relative inline-block"
1681    x-data="{ open: false }"
1682    @keyup.escape="open = false"
1683    @click.outside="open = false"
1684>
1685    <button
1686        type="button"
1687        id="customer-menu"
1688        class="block rounded p-2 outline-offset-2 md:text-inherit"
1689        @click="open = !open"
1690        :aria-expanded="open ? 'true' : 'false'"
1691        title="Moje&#x20;konto"
1692        aria-label="Moje&#x20;konto"
1693        aria-haspopup="true"
1694    >
1695        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" fill="none" class="md:h-5 md:w-5" width="28" height="28" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 1.75c-2.046 0-3.733 1.706-3.733 3.767A3.744 3.744 0 0 0 9 9.25c2.046 0 3.733-1.706 3.733-3.767A3.744 3.744 0 0 0 9 1.75ZM3.767 5.517C3.767 2.642 6.112.25 9 .25a5.244 5.244 0 0 1 5.233 5.233c0 2.875-2.345 5.267-5.233 5.267a5.244 5.244 0 0 1-5.233-5.233ZM5 13.75A3.262 3.262 0 0 0 1.75 17v1c0 .136.114.25.25.25h14c.136 0 .25-.114.25-.25v-1A3.262 3.262 0 0 0 13 13.75H5ZM.25 17A4.762 4.762 0 0 1 5 12.25h8A4.762 4.762 0 0 1 17.75 17v1c0 .964-.786 1.75-1.75 1.75H2c-.964 0-1.75-.786-1.75-1.75v-1Z" fill="currentColor"/></svg>
1696    </button>
1697    <nav
1698        class="
1699            absolute right-0 z-20 w-40 py-2 mt-2 -mr-4 px-1 overflow-auto origin-top-right rounded-sm
1700            shadow-lg sm:w-48 lg:mt-3 bg-container-lighter text-black
1701        "
1702        x-cloak
1703        x-show="open"
1704        aria-labelledby="customer-menu"
1705    >
1706                        <div>
1707        <a id="customer.header.sign.in.link"
1708           class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100"
1709           onclick="hyva.setCookie && hyva.setCookie(
1710                   'login_redirect',
1711                   window.location.href,
1712                   1
1713                   )"
1714           href="https://www.trefl.com/customer/account/index/"
1715           title="Zaloguj&#x20;si&#x0119;"
1716        >
1717            Zaloguj się        </a>
1718
1719    </div>
1720
1721<script type="text/javascript">
1722    function onClick () {
1723        showLogin();
1724        const modal = document.querySelector('.wrap-modal-login');
1725        modal.classList.add('mfp-move-from-top-appear');
1726        openMyDialog();
1727
1728    }
1729</script>
1729
1730            <div>
1731            <a id="customer.header.register.link"
1732               class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100"
1733               href="https://www.trefl.com/customer/account/create/"
1734               title="Utw&#xF3;rz&#x20;konto"
1735            >
1736                Utwórz konto            </a>
1737        </div>
1738    
1739<script type="text/javascript">
1740    function onClickRegister () {
1741        createBtn();
1742        const modal = document.querySelector('.wrap-modal-login');
1743        modal.classList.add('mfp-move-from-top-appear');
1744        openMyDialog();
1745
1746
1747    }
1748</script>
1748            </nav>
1749</div>
1750
1751            <!--Wishlist Icon-->
1752                            <a href="https://www.trefl.com/wishlist/"
1753                   class="rounded p-2  outline-offset-2 hidden sm:block md:text-inherit"
1754                   title="Ulubione"
1755                >
1756                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="h-5 w-5" width="20" height="18" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.914 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
1757                </a>
1758            
1759            <!--Cart Icon-->
1760                            <button
1761                            id="menu-cart-icon"
1762                class="relative inline-block rounded p-2 outline-offset-2 md:text-inherit"
1763                x-ref="cartButton"
1764                :aria-disabled="isCartEmpty()"
1765                :aria-label="`
1766                    Prze&#x0142;&#x0105;cz&#x20;koszyk&#x20;w&#x20;panelu&#x20;bocznym,
1767                    ${isCartEmpty()
1768                        ? 'Koszyk&#x20;jest&#x20;pusty'
1769                        : cart.summary_count > 1
1770                            ? hyva.str('&#x25;1&#x20;element&#xF3;w', cart.summary_count)
1771                            : hyva.str('&#x25;1&#x20;item', cart.summary_count)
1772                    }`"
1773                                    @click.prevent.stop="() => {
1774                        $dispatch('toggle-cart', { isOpen: true })
1775                    }"
1776                    @toggle-cart.window="toggleCart($event)"
1777                    :aria-expanded="isCartOpen"
1778                    aria-haspopup="dialog"
1779                            >
1780                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" class="md:h-5 md:w-5" width="28" height="28" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
1781                <span
1782                    x-text="cart.summary_count"
1783                    x-show="!isCartEmpty()"
1784                    x-cloak
1785                    class="absolute -top-2 -right-2.5 h-6 px-2 py-1.5 rounded-full bg-primary md:bg-secondary-darker text-white text-xs font-semibold leading-none text-center uppercase tabular-nums"
1786                    aria-hidden="true"
1787                ></span>
1788                                    </button>
1789                        </div>
1790    </div>
1791
1792    <!--Main Navigation-->
1793    <input type="checkbox"
1794           id="mobile-menu-switch"
1795           class="hidden"
1796           aria-hidden="true"
1797           @change="$dispatch('toggle-menu-mobile', { isOpen: $el.checked })"
1798    />
1799    
1800    
1800<script>
1801        'use strict';
1802
1803        const initMenuMobile_6ab476688c625 = () => ({
1804            submenuDataAttrName: 'menu',
1805            submenuActiveClass: 'menu-mobile-submenu-active',
1806            init() {
1807                window.addEventListener('toggle-menu-mobile', (event) => {
1808                   const isOpen = event.detail?.isOpen;
1809
1810                   if (isOpen) {
1811                       this.$nextTick(() => hyva.trapFocus(this.$refs['menu-dialog']))
1812                       // Prevent from body scrolling while mobile menu opened
1813                       document.body.classList.add('fixed', 'w-full')
1814                   } else {
1815                       document.body.classList.remove('fixed', 'w-full')
1816                   }
1817                })
1818            },
1819            closeMenu() {
1820                const menuSwitch = document.getElementById('mobile-menu-switch')
1821                if (menuSwitch) {
1822                    menuSwitch.checked = false
1823                }
1824            },
1825            openSubmenu(menuRef) {
1826                this.$refs[menuRef]?.classList?.add(this.submenuActiveClass)
1827            },
1828            closeSubmenu(menuRef) {
1829                this.$refs[menuRef]?.classList?.remove(this.submenuActiveClass)
1830            },
1831        })
1832    </script>
1832
1833    <nav
1834        class="                menu-mobile z-20 order-2 text-primary-darker sm:order-1 navigation lg:hidden"
1835        x-data="initMenuMobile_6ab476688c625()"
1836        @keydown.escape="closeMenu()"
1837        aria-label="Menu&#x20;g&#x0142;&#xF3;wne"
1838        role="navigation"
1839    >
1840        <div class="backdrop hidden"
1841            x-transition:enter="ease-in-out duration-500"
1842            x-transition:enter-start="opacity-0"
1843            x-transition:enter-end="opacity-100"
1844            x-transition:leave="ease-in-out duration-500"
1845            x-transition:leave-start="opacity-100"
1846            x-transition:leave-end="opacity-0"
1847            @click="closeMenu()"
1848            x-cloak
1849            style="background: rgba(0, 0, 0, 0.6);"
1850        ></div>
1851        <div class="menu-mobile-container fixed z-30 top-0 right-0 w-full h-full bg-white overflow-y-auto overflow-x-hidden transform transition ease-in-out duration-500 sm:duration-700 translate-x-full"
1852            x-ref="menu-dialog"
1853            role="dialog"
1854            aria-modal="true"
1855            aria-label="Menu&#x20;g&#x0142;&#xF3;wne"
1856            style="max-width:86.5%"
1857        >
1858            <div class="relative h-full">
1859                <div class="menu-mobile-submenu h-full level1" ><label for="mobile-menu-switch" class="bg-primary h-14 w-full flex items-center text-white z-10 sticky top-0 justify-end px-2 gap-x-8 shrink-0"><span class="relative font-rialto text-xs">zamknij menu<svg xmlns="http://www.w3.org/2000/svg" width="35" height="17" viewBox="0 0 35 17" fill="none" class="arrow-handwriting absolute left-3/4 top-full ml-2 -mt-0.5" role="img"><path class="arrow-body" stroke="currentColor" d="M.94 4.896c3.07 4.892 13.384 12.277 30.086 2.673"/><path class="arrow-head" stroke="currentColor" d="m32.641 14.543 1.627-7.833-8.812-1.83"/><title>arrow-handwriting</title></svg>
1860</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="26" height="26" role="img">
1861  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
1862<title>x</title></svg>
1863</label><ul class="level1"><li class="level1">
1864    <button @click.prevent="closeSubmenu('menu-46')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
1865        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
1866    </button>
1867<a href="https://www.trefl.com/puzzle"
1868    class="cursor-pointer snowdog-menu-link-topmenu-mobile
1869                is-parent        "
1870>
1871    Puzzle</a>
1872    <button @click.prevent="openSubmenu('menu-46')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
1873        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M.231 9.769a.79.79 0 0 1 0-1.117L3.884 5 .23 1.348A.79.79 
18730 0 1 1.348.23l4.21 4.21a.79.79 0 0 1 0 1.117l-4.21 4.21a.79.79 0 0 1-1.117 0Z" clip-rule="evenodd"/><title>arrow-right</title></svg>
1874    </button>
1875</li><li class="level1">
1876<a href="https://www.trefl.com/puzzle/fotopuzzle"
1877    class="cursor-pointer snowdog-menu-link-topmenu-mobile
1878                        "
1879>
1880    Fotopuzzle</a>
1881</li><li class="level1">
1882    <button @click.prevent="closeSubmenu('menu-51')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
1883        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
1884    </button>
1885<a href="https://www.trefl.com/gry"
1886    class="cursor-pointer snowdog-menu-link-topmenu-mobile
1887                is-parent        "
1888>
1889    Gry planszowe</a>
1890    <button @click.prevent="openSubmenu('menu-51')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
1891        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M.231 9.769a.79.79 0 0 1 0-1.117L3.884 5 .23 1.348A.79.79 
18910 0 1 1.348.23l4.21 4.21a.79.79 0 0 1 0 1.117l-4.21 4.21a.79.79 0 0 1-1.117 0Z" clip-rule="evenodd"/><title>arrow-right</title></svg>
1892    </button>
1893</li><li class="level1">
1894    <button @click.prevent="closeSubmenu('menu-54')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
1895        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
1896    </button>
1897<a href="https://www.trefl.com/zabawki"
1898    class="cursor-pointer snowdog-menu-link-topmenu-mobile
1899                is-parent        "
1900>
1901    Zabawki</a>
1902    <button @click.prevent="openSubmenu('menu-54')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
1903        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M.231 9.769a.79.79 0 0 1 0-1.117L3.884 5 .23 1.348A.79.79 
19030 0 1 1.348.23l4.21 4.21a.79.79 0 0 1 0 1.117l-4.21 4.21a.79.79 0 0 1-1.117 0Z" clip-rule="evenodd"/><title>arrow-right</title></svg>
1904    </button>
1905</li><li class="level1">
1906    <button @click.prevent="closeSubmenu('menu-55')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
1907        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
1908    </button>
1909<a href="https://www.trefl.com/ksiazki"
1910    class="cursor-pointer snowdog-menu-link-topmenu-mobile
1911                is-parent        "
1912>
1913    Książki</a>
1914    <button @click.prevent="openSubmenu('menu-55')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
1915        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M.231 9.769a.79.79 0 0 1 0-1.117L3.884 5 .23 1.348A.79.79 
19150 0 1 1.348.23l4.21 4.21a.79.79 0 0 1 0 1.117l-4.21 4.21a.79.79 0 0 1-1.117 0Z" clip-rule="evenodd"/><title>arrow-right</title></svg>
1916    </button>
1917</li><li class="level1">
1918    <button @click.prevent="closeSubmenu('menu-56')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
1919        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
1920    </button>
1921<a href="https://www.trefl.com/rodzina-treflikow"
1922    class="cursor-pointer snowdog-menu-link-topmenu-mobile
1923                is-parent        "
1924>
1925    Rodzina Treflików</a>
1926    <button @click.prevent="openSubmenu('menu-56')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
1927        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M.231 9.769a.79.79 0 0 1 0-1.117L3.884 5 .23 1.348A.79.79 
19270 0 1 1.348.23l4.21 4.21a.79.79 0 0 1 0 1.117l-4.21 4.21a.79.79 0 0 1-1.117 0Z" clip-rule="evenodd"/><title>arrow-right</title></svg>
1928    </button>
1929</li><li class="level1">
1930    <button @click.prevent="closeSubmenu('menu-57')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
1931        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
1932    </button>
1933<a href="https://www.trefl.com/prezenty"
1934    class="cursor-pointer snowdog-menu-link-topmenu-mobile
1935                is-parent        "
1936>
1937    Prezenty</a>
1938    <button @click.prevent="openSubmenu('menu-57')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
1939        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M.231 9.769a.79.79 0 0 1 0-1.117L3.884 5 .23 1.348A.79.79 
19390 0 1 1.348.23l4.21 4.21a.79.79 0 0 1 0 1.117l-4.21 4.21a.79.79 0 0 1-1.117 0Z" clip-rule="evenodd"/><title>arrow-right</title></svg>
1940    </button>
1941</li><li class="level1">
1942<a href="https://www.trefl.com/nowosci"
1943    class="cursor-pointer snowdog-menu-link-topmenu-mobile
1944                        "
1945>
1946    Nowości</a>
1947</li><li class="level1">
1948<a href="https://www.trefl.com/puzzle-gry-zabawki-tylko-u-nas"
1949    class="cursor-pointer snowdog-menu-link-topmenu-mobile
1950                        "
1951>
1952    Tylko u nas!</a>
1953</li><li class="level1">
1954    <button @click.prevent="closeSubmenu('menu-58')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
1955        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
1956    </button>
1957<a href="https://www.trefl.com/promocje"
1958    class="cursor-pointer snowdog-menu-link-topmenu-mobile
1959                is-parent        "
1960>
1961    Promocje</a>
1962    <button @click.prevent="openSubmenu('menu-58')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
1963        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M.231 9.769a.79.79 0 0 1 0-1.117L3.884 5 .23 1.348A.79.79 
19630 0 1 1.348.23l4.21 4.21a.79.79 0 0 1 0 1.117l-4.21 4.21a.79.79 0 0 1-1.117 0Z" clip-rule="evenodd"/><title>arrow-right</title></svg>
1964    </button>
1965</li><li class="level1">
1966    <button @click.prevent="closeSubmenu('menu-542')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
1967        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
1968    </button>
1969<a href="https://www.trefl.com/marki"
1970    class="cursor-pointer snowdog-menu-link-topmenu-mobile
1971                is-parent        "
1972>
1973    Marki i licencje</a>
1974    <button @click.prevent="openSubmenu('menu-542')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
1975        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M.231 9.769a.79.79 0 0 1 0-1.117L3.884 5 .23 1.348A.79.79 
19750 0 1 1.348.23l4.21 4.21a.79.79 0 0 1 0 1.117l-4.21 4.21a.79.79 0 0 1-1.117 0Z" clip-rule="evenodd"/><title>arrow-right</title></svg>
1976    </button>
1977</li><li class="level1">
1978    <a class="cursor-pointer snowdog-menu-link-topmenu-mobile "
1979        href="https://www.trefl.com/blog"
1980                data-menu="menu-260"    >
1981        Blog    </a>
1982</li><li class="level1">
1983<button class="cursor-pointer snowdog-menu-link-topmenu-mobile
1984                "
1985            @click.prevent="openSubmenu('menu-273')"
1986    >
1987    Gry wirtualne</button>
1988</li></ul><div class="mt-auto pt-6 pb-2 px-8 [&_li]:mb-4 [&_li]:my-1"><ul class="header-top-links-menu list-none text-xs md:text-header-top gap-2 flex flex-wrap items-center"
1989    role="menubar"
1990    aria-orientation="horizontal"
1991>
1992                            <li class="relative flex-wrap lg:flex-nowrap header-top-links-menu__item"
1993            x-data="topMenu_575()"
1994            role="menuitem"
1995            @keydown.escape="toggleSubmenu('575', false, $event)"
1996            @pointerenter="toggleSubmenu('575', true, $event)"
1997            @pointerleave="toggleSubmenu('575', false, $event)"
1998        >
1999            <button aria-haspopup="menu"
2000                    aria-controls="top-links-5756ab45a3cc8d7b"
2001                    id="top-links-575"
2002                    class="flex items-center gap-1"
2003                    x-ref="button"
2004                    @click.prevent.stop="toggleSubmenu('575', null, $event)"
2005                    @keydown.space.prevent="toggleSubmenu('575', null, $event)"
2006                    @keydown.enter.prevent="toggleSubmenu('575', null, $event)"
2007                    aria-label="Otwórz menu Oferta&#x20;B2B"
2008                    :aria-pressed="openSubmenuId === '575'"
2009                    :aria-expanded="openSubmenuId === '575'">
2010                Oferta B2B                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="transition-transform" width="13" height="13" aria-hidden="true">
2011  <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/>
2012</svg>
2013            </button>
2014            <ul role="menubar"
2015                aria-orientation="vertical"
2016                aria-labelledby="top-links575"
2017                id="top-links5756ab45a3cc8d7b"
2018                class="lg:absolute left-0 top-full bg-inherit list-none w-full lg:w-auto lg:bg-header-top flex-col p-2 -ml-2 pt-4 hidden"
2019                :class="openSubmenuId === '575' ? 'z-40' : ''"
2020                x-cloak
2021            >
2022                                    <li class="header-top-links-menu__item whitespace-nowrap" role="menuitem">
2023                            <a
2024        href="https://b2b.trefl.com/"
2025        data-menu="menu-576" class="__inner-link"    >
2026        Platforma zamówień hurtowych    </a>
2027
2028                    </li>
2029                                    <li class="header-top-links-menu__item whitespace-nowrap" role="menuitem">
2030                            <a
2031        href="https://factory.trefl.com/"
2032        data-menu="menu-577" class="__inner-link"    >
2033        Produkty na zlecenie - Trefl Factory    </a>
2034
2035                    </li>
2036                            </ul>
2037        </li>
2038        
2038<script>
2039            function topMenu_575() {
2040                return {
2041                    openSubmenuId: null,
2042                    toggleSubmenu(id, state, event) {
2043                        const doNotFocus = event.type === 'pointerenter' || event.type === 'pointerleave';
2044
2045                        if (state === true) {
2046                            this.openSubmenuId = id;
2047                        } else if (state === false) {
2048                            this.openSubmenuId = null;
2049                        } else {
2050                            this.openSubmenuId = this.openSubmenuId === id ? null : id;
2051                        }
2052
2053                        if (this.openSubmenuId) {
2054                            const submenu = document.getElementById('top-links' + id);
2055                            if (submenu && !doNotFocus) {
2056                                const firstChild = submenu.querySelector('li a');
2057                                if (firstChild) {
2058                                    setTimeout(() => {
2059                                        firstChild.focus({ focusVisible: true });
2060                                    }, 0);
2061                                }
2062                            }
2063
2064                            this.$refs.button.setAttribute(
2065                                'aria-label',
2066                                'Zamknij menu Oferta&#x20;B2B'
2067                            );
2068                        } else {
2069                            const button = document.getElementById('top-links-' + id);
2070                            if (button && !doNotFocus) {
2071                                button.focus({ focusVisible: true });
2072                            }
2073
2074                            this.$refs.button.setAttribute(
2075                                'aria-label',
2076                                'Otwórz menu Oferta&#x20;B2B'
2077                            );
2078                        }
2079                    },
2080                };
2081            }
2082        </script>
2082
2083                <li class="last:hidden" role="separator" aria-hidden="true"> | </li>
2084                            <li class="header-top-links-menu__item" role="menuitem">
2085<a
2086    href="https://www.trefl.com/grupa-trefl"
2087    class="__link"
2088     data-menu="menu-183">
2089    Grupa Trefl</a>
2090</li>
2091                <li class="last:hidden" role="separator" aria-hidden="true"> | </li>
2092                            <li class="relative flex-wrap lg:flex-nowrap header-top-links-menu__item"
2093            x-data="topMenu_400()"
2094            role="menuitem"
2095            @keydown.escape="toggleSubmenu('400', false, $event)"
2096            @pointerenter="toggleSubmenu('400', true, $event)"
2097            @pointerleave="toggleSubmenu('400', false, $event)"
2098        >
2099            <button aria-haspopup="menu"
2100                    aria-controls="top-links-4006ab45a3cc8d7b"
2101                    id="top-links-400"
2102                    class="flex items-center gap-1"
2103                    x-ref="button"
2104                    @click.prevent.stop="toggleSubmenu('400', null, $event)"
2105                    @keydown.space.prevent="toggleSubmenu('400', null, $event)"
2106                    @keydown.enter.prevent="toggleSubmenu('400', null, $event)"
2107                    aria-label="Otwórz menu ESG"
2108                    :aria-pressed="openSubmenuId === '400'"
2109                    :aria-expanded="openSubmenuId === '400'">
2110                ESG                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="transition-transform" width="13" height="13" aria-hidden="true">
2111  <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/>
2112</svg>
2113            </button>
2114            <ul role="menubar"
2115                aria-orientation="vertical"
2116                aria-labelledby="top-links400"
2117                id="top-links4006ab45a3cc8d7b"
2118                class="lg:absolute left-0 top-full bg-inherit list-none w-full lg:w-auto lg:bg-header-top flex-col p-2 -ml-2 pt-4 hidden"
2119                :class="openSubmenuId === '400' ? 'z-40' : ''"
2120                x-cloak
2121            >
2122                                    <li class="header-top-links-menu__item whitespace-nowrap" role="menuitem">
2123                            <a
2124        href="https://www.trefl.com/zrownowazony-rozwoj"
2125        data-menu="menu-401" class="__inner-link"    >
2126        Zrównoważony rozwój    </a>
2127
2128                    </li>
2129                                    <li class="header-top-links-menu__item whitespace-nowrap" role="menuitem">
2130                            <a
2131        href="https://www.trefl.com/zrownowazony-rozwoj/srodowisko"
2132        data-menu="menu-582" class="__inner-link"    >
2133        Środowisko    </a>
2134
2135                    </li>
2136                                    <li class="header-top-links-menu__item whitespace-nowrap" role="menuitem">
2137                            <a
2138        href="https://www.trefl.com/zielona-strona-trefla"
2139        data-menu="menu-402" class="__inner-link"    >
2140        Zielona Strona Trefla    </a>
2141
2142                    </li>
2143                                    <li class="header-top-links-menu__item whitespace-nowrap" role="menuitem">
2144                            <a
2145        href="https://www.trefl.com/zrownowazony-rozwoj/dokumenty"
2146        data-menu="menu-403" class="__inner-link"    >
2147        Dokumenty    </a>
2148
2149                    </li>
2150                            </ul>
2151        </li>
2152        
2152<script>
2153            function topMenu_400() {
2154                return {
2155                    openSubmenuId: null,
2156                    toggleSubmenu(id, state, event) {
2157                        const doNotFocus = event.type === 'pointerenter' || event.type === 'pointerleave';
2158
2159                        if (state === true) {
2160                            this.openSubmenuId = id;
2161                        } else if (state === false) {
2162                            this.openSubmenuId = null;
2163                        } else {
2164                            this.openSubmenuId = this.openSubmenuId === id ? null : id;
2165                        }
2166
2167                        if (this.openSubmenuId) {
2168                            const submenu = document.getElementById('top-links' + id);
2169                            if (submenu && !doNotFocus) {
2170                                const firstChild = submenu.querySelector('li a');
2171                                if (firstChild) {
2172                                    setTimeout(() => {
2173                                        firstChild.focus({ focusVisible: true });
2174                                    }, 0);
2175                                }
2176                            }
2177
2178                            this.$refs.button.setAttribute(
2179                                'aria-label',
2180                                'Zamknij menu ESG'
2181                            );
2182                        } else {
2183                            const button = document.getElementById('top-links-' + id);
2184                            if (button && !doNotFocus) {
2185                                button.focus({ focusVisible: true });
2186                            }
2187
2188                            this.$refs.button.setAttribute(
2189                                'aria-label',
2190                                'Otwórz menu ESG'
2191                            );
2192                        }
2193                    },
2194                };
2195            }
2196        </script>
2196
2197                <li class="last:hidden" role="separator" aria-hidden="true"> | </li>
2198                            <li class="header-top-links-menu__item" role="menuitem">
2199<a
2200    href="https://www.trefl.com/kariera"
2201    class="__link"
2202     data-menu="menu-615">
2203    Kariera</a>
2204</li>
2205                <li class="last:hidden" role="separator" aria-hidden="true"> | </li>
2206                            <li class="relative flex-wrap lg:flex-nowrap header-top-links-menu__item"
2207            x-data="topMenu_184()"
2208            role="menuitem"
2209            @keydown.escape="toggleSubmenu('184', false, $event)"
2210            @pointerenter="toggleSubmenu('184', true, $event)"
2211            @pointerleave="toggleSubmenu('184', false, $event)"
2212        >
2213            <button aria-haspopup="menu"
2214                    aria-controls="top-links-1846ab45a3cc8d7b"
2215                    id="top-links-184"
2216                    class="flex items-center gap-1"
2217                    x-ref="button"
2218                    @click.prevent.stop="toggleSubmenu('184', null, $event)"
2219                    @keydown.space.prevent="toggleSubmenu('184', null, $event)"
2220                    @keydown.enter.prevent="toggleSubmenu('184', null, $event)"
2221                    aria-label="Otwórz menu eGames"
2222                    :aria-pressed="openSubmenuId === '184'"
2223                    :aria-expanded="openSubmenuId === '184'">
2224                eGames                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="transition-transform" width="13" height="13" aria-hidden="true">
2225  <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/>
2226</svg>
2227            </button>
2228            <ul role="menubar"
2229                aria-orientation="vertical"
2230                aria-labelledby="top-links184"
2231                id="top-links1846ab45a3cc8d7b"
2232                class="lg:absolute left-0 top-full bg-inherit list-none w-full lg:w-auto lg:bg-header-top flex-col p-2 -ml-2 pt-4 hidden"
2233                :class="openSubmenuId === '184' ? 'z-40' : ''"
2234                x-cloak
2235            >
2236                                    <li class="header-top-links-menu__item whitespace-nowrap" role="menuitem">
2237                            <a
2238        href="https://www.roblox.com/pl/games/86253893074445/Treflandia-Wielka-Przygoda-Pomagaj-zwierz-tom"
2239        data-menu="menu-620" class="__inner-link" target="_blank" rel="noopener"    >
2240        Treflandia na Roblox    </a>
2241
2242                    </li>
2243                                    <li class="header-top-links-menu__item whitespace-nowrap" role="menuitem">
2244                            <a
2245        href="https://www.nintendo.com/us/search/#cat=gme&amp;f=softwarePublisher&amp;softwarePublisher=Trefl%20S.A"
2246        data-menu="menu-621" class="__inner-link" target="_blank" rel="noopener"    >
2247        Gry na Nintendo    </a>
2248
2249                    </li>
2250                                    <li class="header-top-links-menu__item whitespace-nowrap" role="menuitem">
2251                            <a
2252        href="https://store.steampowered.com/app/2606190/Spy_Guy_Hidden_Objects_Deluxe_Edition/?beta=1"
2253        data-menu="menu-622" class="__inner-link" target="_blank" rel="noopener"    >
2254        Gry na PC (Steam)    </a>
2255
2256                    </li>
2257                                    <li class="header-top-links-menu__item whitespace-nowrap" role="menuitem">
2258                            <a
2259        href="https://apps.apple.com/pl/developer/trefl-sa/id896381365?l=pl"
2260        data-menu="menu-623" class="__inner-link" target="_blank" rel="noopener"    >
2261        Gry mobilne (Apple IOS)    </a>
2262
2263                    </li>
2264                                    <li class="header-top-links-menu__item whitespace-nowrap" role="menuitem">
2265                            <a
2266        href="https://play.google.com/store/apps/dev?id=4662821842287727686&amp;hl=pl"
2267        data-menu="menu-624" class="__inner-link" target="_blank" rel="noopener"    >
2268        Gry mobilne (Android)    </a>
2269
2270                    </li>
2271                            </ul>
2272        </li>
2273        
2273<script>
2274            function topMenu_184() {
2275                return {
2276                    openSubmenuId: null,
2277                    toggleSubmenu(id, state, event) {
2278                        const doNotFocus = event.type === 'pointerenter' || event.type === 'pointerleave';
2279
2280                        if (state === true) {
2281                            this.openSubmenuId = id;
2282                        } else if (state === false) {
2283                            this.openSubmenuId = null;
2284                        } else {
2285                            this.openSubmenuId = this.openSubmenuId === id ? null : id;
2286                        }
2287
2288                        if (this.openSubmenuId) {
2289                            const submenu = document.getElementById('top-links' + id);
2290                            if (submenu && !doNotFocus) {
2291                                const firstChild = submenu.querySelector('li a');
2292                                if (firstChild) {
2293                                    setTimeout(() => {
2294                                        firstChild.focus({ focusVisible: true });
2295                                    }, 0);
2296                                }
2297                            }
2298
2299                            this.$refs.button.setAttribute(
2300                                'aria-label',
2301                                'Zamknij menu eGames'
2302                            );
2303                        } else {
2304                            const button = document.getElementById('top-links-' + id);
2305                            if (button && !doNotFocus) {
2306                                button.focus({ focusVisible: true });
2307                            }
2308
2309                            this.$refs.button.setAttribute(
2310                                'aria-label',
2311                                'Otwórz menu eGames'
2312                            );
2313                        }
2314                    },
2315                };
2316            }
2317        </script>
2317
2318                <li class="last:hidden" role="separator" aria-hidden="true"> | </li>
2319                            <li class="header-top-links-menu__item" role="menuitem">    <a
2320        href="/blog"
2321        data-menu="menu-185" class="__link"    >
2322        Blog    </a>
2323
2324</li>
2325                <li class="last:hidden" role="separator" aria-hidden="true"> | </li>
2326                            <li class="header-top-links-menu__item" role="menuitem">    <a
2327        href="/contact"
2328        data-menu="menu-187" class="__link"    >
2329        Kontakt    </a>
2330
2331</li>
2332                <li class="last:hidden" role="separator" aria-hidden="true"> | </li>
2333    </ul>
2334</div></div><div class="menu-mobile-submenu h-full level2" x-ref="menu-46"><div class="bg-primary h-14 w-full flex items-center text-white z-10 sticky top-0 justify-between pl-10 pr-3">
2335<a href="https://www.trefl.com/puzzle"
2336    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2337        menu-mobile-parent-link                "
2338>
2339    Puzzle</a>
2340<button type="button"
2341                              @click="closeSubmenu('menu-46')"
2342                              class="w-10 h-10 flex items-center justify-center"
2343                ><svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" class="text-gray-light" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
2344</button></div><div class="border-b border-gray parent-heading" data-level="2">
2345    <button @click.prevent="closeSubmenu('menu-46')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
2346        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
2347    </button>
2348<a href="https://www.trefl.com/puzzle"
2349    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2350                is-parent        "
2351>
2352    Puzzle</a>
2353    <button @click.prevent="openSubmenu('menu-46')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
2354        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M.231 9.769a.79.79 0 0 1 0-1.117L3.884 5 .23 1.348A.79.79 
23540 0 1 1.348.23l4.21 4.21a.79.79 0 0 1 0 1.117l-4.21 4.21a.79.79 0 0 1-1.117 0Z" clip-rule="evenodd"/><title>arrow-right</title></svg>
2355    </button>
2356</div><ul class="level2"><li class="level2">
2357    <button @click.prevent="closeSubmenu('menu-361')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
2358        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
2359    </button>
2360<a href="https://www.trefl.com/puzzle/dla-dzieci"
2361    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2362                is-parent        "
2363>
2364    Puzzle dla dzieci</a>
2365    <button @click.prevent="openSubmenu('menu-361')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
2366        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M.231 9.769a.79.79 0 0 1 0-1.117L3.884 5 .23 1.348A.79.79 
23660 0 1 1.348.23l4.21 4.21a.79.79 0 0 1 0 1.117l-4.21 4.21a.79.79 0 0 1-1.117 0Z" clip-rule="evenodd"/><title>arrow-right</title></svg>
2367    </button>
2368</li><li class="level2">
2369<a href="https://www.trefl.com/puzzle/dla-doroslych"
2370    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2371                        "
2372>
2373    Puzzle dla dorosłych</a>
2374</li><li class="level2">
2375<a href="https://www.trefl.com/puzzle/akcesoria"
2376    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2377                        "
2378>
2379    Akcesoria do puzzli</a>
2380</li><li class="level2">
2381<a href="https://www.trefl.com/puzzle/500-elementow"
2382    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2383                        "
2384>
2385    Puzzle 500 elementów</a>
2386</li><li class="level2">
2387<a href="https://www.trefl.com/puzzle/1000-elementow"
2388    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2389                        "
2390>
2391    Puzzle 1000 elementów</a>
2392</li><li class="level2">
2393<a href="https://www.trefl.com/puzzle/1500-elementow"
2394    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2395                        "
2396>
2397    Puzzle 1500 elementów</a>
2398</li><li class="level2">
2399<a href="https://www.trefl.com/puzzle/2000-elementow"
2400    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2401                        "
2402>
2403    Puzzle 2000 elementów</a>
2404</li><li class="level2">
2405<a href="https://www.trefl.com/puzzle/3000-elementow"
2406    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2407                        "
2408>
2409    Puzzle 3000 elementów</a>
2410</li><li class="level2">
2411<a href="https://www.trefl.com/puzzle/4000-elementow"
2412    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2413                        "
2414>
2415    Puzzle 4000 elementów</a>
2416</li><li class="level2">
2417<a href="https://www.trefl.com/puzzle/6000-elementow"
2418    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2419                        "
2420>
2421    Puzzle 6000 elementów</a>
2422</li><li class="level2">
2423<a href="https://www.trefl.com/puzzle/8000-elementow"
2424    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2425                        "
2426>
2427    Puzzle 8000 elementów</a>
2428</li><li class="level2">
2429<a href="https://www.trefl.com/puzzle/prime-uft/prime-9000"
2430    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2431                        "
2432>
2433    Puzzle 9000 elementów</a>
2434</li><li class="level2">
2435    <a class="cursor-pointer snowdog-menu-link-topmenu-mobile "
2436        href="https://www.trefl.com/puzzle-premium-plus-quality-10000-el-windows-of-the-seasons-81051"
2437                data-menu="menu-631"    >
2438        Puzzle 10 000 elementów    </a>
2439</li><li class="level2">
2440<a href="https://www.trefl.com/puzzle/prime-uft/prime-13500"
2441    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2442                        "
2443>
2444    Puzzle 13 500 elementów</a>
2445</li><li class="level2">
2446    <a class="cursor-pointer snowdog-menu-link-topmenu-mobile "
2447        href="https://www.trefl.com/puzzle-prime-21000-el-earth-chronicles-from-the-creation-to-the-future-81040"
2448                data-menu="menu-266"    >
2449        Puzzle 21 000 elementów    </a>
2450</li><li class="level2">
2451<a href="https://www.trefl.com/puzzle/puzzle-premium-plus-quality"
2452    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2453                        "
2454>
2455    Puzzle Premium Plus Quality</a>
2456</li><li class="level2">
2457<a href="https://www.trefl.com/puzzle/drewniane"
2458    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2459                        "
2460>
2461    Puzzle drewniane</a>
2462</li><li class="level2">
2463<a href="https://www.trefl.com/puzzle/puzzle-filmowe"
2464    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2465                        "
2466>
2467    Puzzle filmowe</a>
2468</li><li class="level2">
2469<a href="https://www.trefl.com/puzzle/puzzle-jubileuszowe"
2470    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2471                        "
2472>
2473    Puzzle jubileuszowe na 40-lecie</a>
2474</li><li class="level2">
2475<a href="https://www.trefl.com/puzzle/puzzle-kosmos"
2476    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2477                        "
2478>
2479    Puzzle kosmos</a>
2480</li><li class="level2">
2481<a href="https://www.trefl.com/puzzle/puzzle-krajobrazy"
2482    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2483                        "
2484>
2485    Puzzle krajobrazy</a>
2486</li><li class="level2">
2487<a href="https://www.trefl.com/puzzle/puzzle-kulinarne"
2488    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2489                        "
2490>
2491    Puzzle kulinarne</a>
2492</li><li class="level2">
2493<a href="https://www.trefl.com/puzzle/puzzle-mapy"
2494    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2495                        "
2496>
2497    Puzzle mapy</a>
2498</li><li class="level2">
2499<a href="https://www.trefl.com/puzzle/puzzle-miasta"
2500    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2501                        "
2502>
2503    Puzzle miasta</a>
2504</li><li class="level2">
2505<a href="https://www.trefl.com/puzzle/puzzle-obrazy"
2506    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2507                        "
2508>
2509    Puzzle obrazy</a>
2510</li><li class="level2">
2511<a href="https://www.trefl.com/puzzle/puzzle-panoramiczne"
2512    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2513                        "
2514>
2515    Puzzle panoramiczne</a>
2516</li><li class="level2">
2517<a href="https://www.trefl.com/puzzle/puzzle-samochody"
2518    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2519                        "
2520>
2521    Puzzle samochody</a>
2522</li><li class="level2">
2523<a href="https://www.trefl.com/puzzle/puzzle-swiateczne"
2524    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2525                        "
2526>
2527    Puzzle świąteczne</a>
2528</li><li class="level2">
2529<a href="https://www.trefl.com/puzzle/puzzloramy"
2530    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2531                        "
2532>
2533    PuzzloRamy</a>
2534</li></ul></div><div class="menu-mobile-submenu h-full level3" x-ref="menu-361"><div class="bg-primary h-14 w-full flex items-center text-white z-10 sticky top-0 justify-between pl-10 pr-3">
2535<a href="https://www.trefl.com/puzzle/dla-dzieci"
2536    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2537        menu-mobile-parent-link                "
2538>
2539    Puzzle dla dzieci</a>
2540<button type="button"
2541                              @click="closeSubmenu('menu-361')"
2542                              class="w-10 h-10 flex items-center justify-center"
2543                ><svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" class="text-gray-light" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
2544</button></div><div class="border-b border-gray parent-heading" data-level="3">
2545    <button @click.prevent="closeSubmenu('menu-361')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
2546        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
2547    </button>
2548<a href="https://www.trefl.com/puzzle/dla-dzieci"
2549    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2550                is-parent        "
2551>
2552    Puzzle dla dzieci</a>
2553    <button @click.prevent="openSubmenu('menu-361')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
2554        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M.231 9.769a.79.79 0 0 1 0-1.117L3.884 5 .23 1.348A.79.79 
25540 0 1 1.348.23l4.21 4.21a.79.79 0 0 1 0 1.117l-4.21 4.21a.79.79 0 0 1-1.117 0Z" clip-rule="evenodd"/><title>arrow-right</title></svg>
2555    </button>
2556</div><ul class="level3"><li class="level3">
2557<a href="https://www.trefl.com/puzzle/dla-dzieci/1-3-lata"
2558    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2559                        "
2560>
2561    Puzzle dla dzieci 1-3</a>
2562</li><li class="level3">
2563<a href="https://www.trefl.com/puzzle/dla-dzieci/3-lata"
2564    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2565                        "
2566>
2567    Puzzle dla 3 latka</a>
2568</li><li class="level3">
2569<a href="https://www.trefl.com/puzzle/dla-dzieci/4-lata"
2570    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2571                        "
2572>
2573    Puzzle dla 4 latka</a>
2574</li><li class="level3">
2575<a href="https://www.trefl.com/puzzle/dla-dzieci/4-6-lat"
2576    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2577                        "
2578>
2579    Puzzle dla dzieci 4-6</a>
2580</li><li class="level3">
2581<a href="https://www.trefl.com/puzzle/dla-dzieci/6-8-lat"
2582    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2583                        "
2584>
2585    Puzzle dla dzieci 6-8</a>
2586</li><li class="level3">
2587<a href="https://www.trefl.com/puzzle/dla-dzieci/8-10-lat"
2588    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2589                        "
2590>
2591    Puzzle dla dzieci 8-10</a>
2592</li><li class="level3">
2593<a href="https://www.trefl.com/puzzle/dla-dzieci/auta"
2594    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2595                        "
2596>
2597    Puzzle Auta</a>
2598</li><li class="level3">
2599<a href="https://www.trefl.com/puzzle/dla-dzieci/barbie"
2600    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2601                        "
2602>
2603    Puzzle Barbie</a>
2604</li><li class="level3">
2605<a href="#"
2606    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2607                        "
2608>
2609    Puzzle Batman</a>
2610</li><li class="level3">
2611<a href="https://www.trefl.com/puzzle/dla-dzieci/bing"
2612    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2613                        "
2614>
2615    Puzzle Bing</a>
2616</li><li class="level3">
2617<a href="https://www.trefl.com/puzzle/dla-dzieci/bob-budowniczy"
2618    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2619                        "
2620>
2621    Puzzle Bob Budowniczy</a>
2622</li><li class="level3">
2623<a href="https://www.trefl.com/puzzle/dla-dzieci/enchantimals"
2624    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2625                        "
2626>
2627    Puzzle Enchantimals</a>
2628</li><li class="level3">
2629<a href="#"
2630    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2631                        "
2632>
2633    Puzzle Harry Potter</a>
2634</li><li class="level3">
2635<a href="https://www.trefl.com/puzzle/dla-dzieci/jej-wysokosc-zosia"
2636    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2637                        "
2638>
2639    Puzzle Jej Wysokość Zosia</a>
2640</li><li class="level3">
2641<a href="https://www.trefl.com/puzzle/dla-dzieci/kicia-kocia"
2642    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2643                        "
2644>
2645    Puzzle Kicia Kocia</a>
2646</li><li class="level3">
2647<a href="https://www.trefl.com/puzzle/dla-dzieci/puzzle-koci-domek-gabi"
2648    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2649                        "
2650>
2651    Puzzle Koci Domek Gabi</a>
2652</li><li class="level3">
2653<a href="https://www.trefl.com/puzzle/dla-dzieci/kraina-lodu"
2654    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2655                        "
2656>
2657    Puzzle Kraina Lodu (Frozen)</a>
2658</li><li class="level3">
2659<a href="https://www.trefl.com/puzzle/dla-dzieci/kubus-puchatek"
2660    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2661                        "
2662>
2663    Puzzle Kubuś Puchatek</a>
2664</li><li class="level3">
2665<a href="https://www.trefl.com/puzzle/dla-dzieci/minionki"
2666    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2667                        "
2668>
2669    Puzzle Minionki</a>
2670</li><li class="level3">
2671<a href="https://www.trefl.com/puzzle/dla-dzieci/minnie"
2672    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2673                        "
2674>
2675    Puzzle Minnie</a>
2676</li><li class="level3">
2677<a href="https://www.trefl.com/puzzle/dla-dzieci/muminki"
2678    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2679                        "
2680>
2681    Puzzle Muminki</a>
2682</li><li class="level3">
2683<a href="https://www.trefl.com/puzzle/dla-dzieci/my-little-pony"
2684    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2685                        "
2686>
2687    Puzzle My Little Pony</a>
2688</li><li class="level3">
2689<a href="https://www.trefl.com/puzzle/dla-dzieci/myszka-miki"
2690    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2691                        "
2692>
2693    Puzzle Myszka Miki</a>
2694</li><li class="level3">
2695<a href="https://www.trefl.com/puzzle/dla-dzieci/psi-patrol"
2696    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2697                        "
2698>
2699    Puzzle Psi Patrol</a>
2700</li><li class="level3">
2701<a href="https://www.trefl.com/puzzle/dla-dzieci/rodzina-treflikow"
2702    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2703                        "
2704>
2705    Puzzle Rodzina Treflików</a>
2706</li><li class="level3">
2707<a href="#"
2708    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2709                        "
2710>
2711    Puzzle Scooby Doo</a>
2712</li><li class="level3">
2713<a href="https://www.trefl.com/puzzle/dla-dzieci/star-wars"
2714    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2715                        "
2716>
2717    Puzzle Star Wars</a>
2718</li><li class="level3">
2719<a href="https://www.trefl.com/puzzle/dla-dzieci/strazak-sam"
2720    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2721                        "
2722>
2723    Puzzle Strażak Sam</a>
2724</li><li class="level3">
2725<a href="https://www.trefl.com/puzzle/dla-dzieci/swinka-peppa"
2726    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2727                        "
2728>
2729    Puzzle Świnka Peppa</a>
2730</li><li class="level3">
2731<a href="https://www.trefl.com/puzzle/dla-dzieci/tomek-i-przyjaciele"
2732    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2733                        "
2734>
2735    Puzzle Tomek i Przyjaciele</a>
2736</li></ul></div><div class="menu-mobile-submenu h-full level2" x-ref="menu-51"><div class="bg-primary h-14 w-full flex items-center text-white z-10 sticky top-0 justify-between pl-10 pr-3">
2737<a href="https://www.trefl.com/gry"
2738    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2739        menu-mobile-parent-link                "
2740>
2741    Gry planszowe</a>
2742<button type="button"
2743                              @click="closeSubmenu('menu-51')"
2744                              class="w-10 h-10 flex items-center justify-center"
2745                ><svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewB
2745ox="0 0 6 10" fill="none" class="text-gray-light" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
2746</button></div><div class="border-b border-gray parent-heading" data-level="2">
2747    <button @click.prevent="closeSubmenu('menu-51')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
2748        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
2749    </button>
2750<a href="https://www.trefl.com/gry"
2751    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2752                is-parent        "
2753>
2754    Gry planszowe</a>
2755    <button @click.prevent="openSubmenu('menu-51')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
2756        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M.231 9.769a.79.79 0 0 1 0-1.117L3.884 5 .23 1.348A.79.79 
27560 0 1 1.348.23l4.21 4.21a.79.79 0 0 1 0 1.117l-4.21 4.21a.79.79 0 0 1-1.117 0Z" clip-rule="evenodd"/><title>arrow-right</title></svg>
2757    </button>
2758</div><ul class="level2"><li class="level2">
2759<a href="https://www.trefl.com/gry/dla-dzieci"
2760    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2761                        "
2762>
2763    Gry dla dzieci</a>
2764</li><li class="level2">
2765<a href="https://www.trefl.com/gry/rodzinne"
2766    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2767                        "
2768>
2769    Gry rodzinne</a>
2770</li><li class="level2">
2771<a href="https://www.trefl.com/gry/towarzyskie"
2772    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2773                        "
2774>
2775    Gry towarzyskie</a>
2776</li><li class="level2">
2777<a href="https://www.trefl.com/gry/edukacyjne"
2778    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2779                        "
2780>
2781    Gry edukacyjne</a>
2782</li><li class="level2">
2783<a href="https://www.trefl.com/gry/dla-grup-przedszkoli"
2784    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2785                        "
2786>
2787    Gry dla grup i przedszkoli</a>
2788</li><li class="level2">
2789<a href="https://www.trefl.com/gry/planszowe-1"
2790    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2791                        "
2792>
2793    Gry planszowe</a>
2794</li><li class="level2">
2795<a href="https://www.trefl.com/gry/karciane"
2796    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2797                        "
2798>
2799    Gdy karciane</a>
2800</li><li class="level2">
2801<a href="https://www.trefl.com/gry/domino-i-memos"
2802    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2803                        "
2804>
2805    Domino i Memos</a>
2806</li><li class="level2">
2807<a href="https://www.trefl.com/gry/dla-3-latka"
2808    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2809                        "
2810>
2811    Gry dla 3 latka</a>
2812</li><li class="level2">
2813<a href="https://www.trefl.com/gry/dla-4-latka"
2814    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2815                        "
2816>
2817    Gry dla 4 latka</a>
2818</li><li class="level2">
2819<a href="https://www.trefl.com/gry/dla-dzieci-4-6-lat"
2820    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2821                        "
2822>
2823    Gry dla dzieci 4-6 lat</a>
2824</li><li class="level2">
2825<a href="https://www.trefl.com/gry/dla-dzieci-6-8-lat"
2826    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2827                        "
2828>
2829    Gry dla dzieci 6-8 lat</a>
2830</li><li class="level2">
2831<a href="https://www.trefl.com/gry/dla-dzieci-8-10-lat"
2832    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2833                        "
2834>
2835    Gry dla dzieci 8-10 lat</a>
2836</li><li class="level2">
2837<a href="https://www.trefl.com/gry/dla-dzieci-12-lat"
2838    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2839                        "
2840>
2841    Gry dla dzieci 12+</a>
2842</li></ul></div><div class="menu-mobile-submenu h-full level2" x-ref="menu-54"><div class="bg-primary h-14 w-full flex items-center text-white z-10 sticky top-0 justify-between pl-10 pr-3">
2843<a href="https://www.trefl.com/zabawki"
2844    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2845        menu-mobile-parent-link                "
2846>
2847    Zabawki</a>
2848<button type="button"
2849                              @click="closeSubmenu('menu-54')"
2850                              class="w-10 h-10 flex items-center justify-center"
2851                ><svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" class="text-gray-light" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
2852</button></div><div class="border-b border-gray parent-heading" data-level="2">
2853    <button @click.prevent="closeSubmenu('menu-54')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
2854        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 
28540 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
2855    </button>
2856<a href="https://www.trefl.com/zabawki"
2857    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2858                is-parent        "
2859>
2860    Zabawki</a>
2861    <button @click.prevent="openSubmenu('menu-54')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
2862        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M.231 9.769a.79.79 0 0 1 0-1.117L3.884 5 .23 1.348A.79.79 0 0 1 1.348.23l4.21 4.21a.79.79 0 0 1 0 1.117l-4.21 4.21a.79.79 0 0 1-1.117 0Z" clip-rule="evenodd"/><title>arrow-right</title></svg>
2863    </button>
2864</div><ul class="level2"><li class="level2">
2865<a href="https://www.trefl.com/zabawki/dla-niemowlaka"
2866    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2867                        "
2868>
2869    Zabawki dla niemowlaka</a>
2870</li><li class="level2">
2871<a href="https://www.trefl.com/zabawki/1-3-lata"
2872    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2873                        "
2874>
2875    Zabawki dla dzieci 1-3</a>
2876</li><li class="level2">
2877<a href="https://www.trefl.com/zabawki/3-lata"
2878    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2879                        "
2880>
2881    Zabawki dla 3 latka</a>
2882</li><li class="level2">
2883<a href="https://www.trefl.com/zabawki/4-lata"
2884    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2885                        "
2886>
2887    Zabawki dla 4 latka</a>
2888</li><li class="level2">
2889<a href="https://www.trefl.com/zabawki/4-6-lat"
2890    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2891                        "
2892>
2893    Zabawki dla dzieci 4-6 lat</a>
2894</li><li class="level2">
2895<a href="https://www.trefl.com/zabawki/6-8-lat"
2896    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2897                        "
2898>
2899    Zabawki dla dzieci 6-8 lat</a>
2900</li><li class="level2">
2901<a href="https://www.trefl.com/zabawki/8-10-lat"
2902    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2903                        "
2904>
2905    Zabawki dla dzieci 8-10 lat</a>
2906</li><li class="level2">
2907<a href="https://www.trefl.com/zabawki/do-kapieli"
2908    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2909                        "
2910>
2911    Zabawki do kąpieli</a>
2912</li><li class="level2">
2913<a href="https://www.trefl.com/zabawki/drewniane"
2914    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2915                        "
2916>
2917    Zabawki drewniane</a>
2918</li><li class="level2">
2919<a href="https://www.trefl.com/zabawki/interaktywne"
2920    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2921                        "
2922>
2923    Zabawki interaktywne</a>
2924</li><li class="level2">
2925<a href="https://www.trefl.com/zabawki/klocki"
2926    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2927                        "
2928>
2929    Klocki</a>
2930</li><li class="level2">
2931<a href="https://www.trefl.com/zabawki/klocki/klocki-ceramiczne"
2932    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2933                        "
2934>
2935    Klocki ceramiczne Brick Trick</a>
2936</li><li class="level2">
2937<a href="https://www.trefl.com/zabawki/klocki/konstrukcyjne"
2938    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2939                        "
2940>
2941    Klocki konstrukcyjne</a>
2942</li><li class="level2">
2943<a href="https://www.trefl.com/zabawki/magiczne-sztuczki"
2944    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2945                        "
2946>
2947    Magiczne sztuczki</a>
2948</li><li class="level2">
2949<a href="https://www.trefl.com/zabawki/modele"
2950    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2951                        "
2952>
2953    Modele aut i pojazdów</a>
2954</li><li class="level2">
2955<a href="https://www.trefl.com/zabawki/outdoorowe"
2956    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2957                        "
2958>
2959    Zabawki outdoorowe</a>
2960</li><li class="level2">
2961<a href="https://www.trefl.com/zabawki/pilki"
2962    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2963                        "
2964>
2965    Piłki</a>
2966</li><li class="level2">
2967<a href="https://www.trefl.com/zabawki/kreatywne"
2968    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2969                        "
2970>
2971    Zabawki kreatywne</a>
2972</li><li class="level2">
2973<a href="https://www.trefl.com/zabawki/sensoryczne"
2974    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2975                        "
2976>
2977    Zabawki sensoryczne</a>
2978</li><li class="level2">
2979<a href="https://www.trefl.com/zabawki/hape"
2980    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2981                        "
2982>
2983    Zabawki Hape</a>
2984</li><li class="level2">
2985<a href="https://www.trefl.com/zabawki/zestawy-naukowe"
2986    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2987                        "
2988>
2989    Zabawki naukowe</a>
2990</li></ul></div><div class="menu-mobile-submenu h-full level2" x-ref="menu-55"><div class="bg-primary h-14 w-full flex items-center text-white z-10 sticky top-0 justify-between pl-10 pr-3">
2991<a href="https://www.trefl.com/ksiazki"
2992    class="cursor-pointer snowdog-menu-link-topmenu-mobile
2993        menu-mobile-parent-link                "
2994>
2995    Książki</a>
2996<button type="button"
2997                              @click="closeSubmenu('menu-55')"
2998                              class="w-10 h-10 flex items-center justify-center"
2999                ><svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewB
2999ox="0 0 6 10" fill="none" class="text-gray-light" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
3000</button></div><div class="border-b border-gray parent-heading" data-level="2">
3001    <button @click.prevent="closeSubmenu('menu-55')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
3002        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
3003    </button>
3004<a href="https://www.trefl.com/ksiazki"
3005    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3006                is-parent        "
3007>
3008    Książki</a>
3009    <button @click.prevent="openSubmenu('menu-55')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
3010        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M.231 9.769a.79.79 0 0 1 0-1.117L3.884 5 .23 1.348A.79.79 
30100 0 1 1.348.23l4.21 4.21a.79.79 0 0 1 0 1.117l-4.21 4.21a.79.79 0 0 1-1.117 0Z" clip-rule="evenodd"/><title>arrow-right</title></svg>
3011    </button>
3012</div><ul class="level2"><li class="level2">
3013<a href="https://www.trefl.com/ksiazki/dla-dzieci/dla-dzieci-1-2-lata"
3014    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3015                        "
3016>
3017    Książki dla dzieci 1-2 lata</a>
3018</li><li class="level2">
3019<a href="https://www.trefl.com/ksiazki/dla-dzieci/dla-dzieci-3-5-lat"
3020    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3021                        "
3022>
3023    Książki dla dzieci 3-5 lat</a>
3024</li><li class="level2">
3025<a href="https://www.trefl.com/ksiazki/dla-dzieci/dla-dzieci-6-8-lat"
3026    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3027                        "
3028>
3029    Książki dla dzieci 6-8 lat</a>
3030</li><li class="level2">
3031<a href="https://www.trefl.com/ksiazki/dla-dzieci/dla-dzieci-9-12-lat"
3032    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3033                        "
3034>
3035    Książki dla dzieci 9-12 lat</a>
3036</li><li class="level2">
3037<a href="https://www.trefl.com/ksiazki/ksiazki-dla-rodzicow"
3038    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3039                        "
3040>
3041    Książki dla rodziców</a>
3042</li><li class="level2">
3043<a href="https://www.trefl.com/ksiazki/kolorowanki"
3044    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3045                        "
3046>
3047    Kolorowanki</a>
3048</li></ul></div><div class="menu-mobile-submenu h-full level2" x-ref="menu-56"><div class="bg-primary h-14 w-full flex items-center text-white z-10 sticky top-0 justify-between pl-10 pr-3">
3049<a href="https://www.trefl.com/rodzina-treflikow"
3050    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3051        menu-mobile-parent-link                "
3052>
3053    Rodzina Treflików</a>
3054<button type="button"
3055                              @click="closeSubmenu('menu-56')"
3056                              class="w-10 h-10 flex items-center justify-center"
3057                ><svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" class="text-gray-light" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
3058</button></div><div class="border-b border-gray parent-heading" data-level="2">
3059    <button @click.prevent="closeSubmenu('menu-56')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
3060        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
3061    </button>
3062<a href="https://www.trefl.com/rodzina-treflikow"
3063    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3064                is-parent        "
3065>
3066    Rodzina Treflików</a>
3067    <button @click.prevent="openSubmenu('menu-56')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
3068        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M.231 9.769a.79.79 0 0 1 0-1.117L3.884 5 .23 1.348A.79.79 
30680 0 1 1.348.23l4.21 4.21a.79.79 0 0 1 0 1.117l-4.21 4.21a.79.79 0 0 1-1.117 0Z" clip-rule="evenodd"/><title>arrow-right</title></svg>
3069    </button>
3070</div><ul class="level2"><li class="level2">
3071<a href="https://www.trefl.com/rodzina-treflikow/puzzle"
3072    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3073                        "
3074>
3075    Puzzle Rodzina Treflików</a>
3076</li><li class="level2">
3077<a href="https://www.trefl.com/rodzina-treflikow/gry"
3078    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3079                        "
3080>
3081    Gry Rodzina Treflików</a>
3082</li><li class="level2">
3083<a href="https://www.trefl.com/rodzina-treflikow/zabawki"
3084    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3085                        "
3086>
3087    Zabawki Rodzina Treflików</a>
3088</li><li class="level2">
3089<a href="https://www.trefl.com/rodzina-treflikow/ksiazki"
3090    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3091                        "
3092>
3093    Książki Rodzina Treflików</a>
3094</li></ul></div><div class="menu-mobile-submenu h-full level2" x-ref="menu-57"><div class="bg-primary h-14 w-full flex items-center text-white z-10 sticky top-0 justify-between pl-10 pr-3">
3095<a href="https://www.trefl.com/prezenty"
3096    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3097        menu-mobile-parent-link                "
3098>
3099    Prezenty</a>
3100<button type="button"
3101                              @click="closeSubmenu('menu-57')"
3102                              class="w-10 h-10 flex items-center justify-center"
3103                ><svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" class="text-gray-light" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
3104</button></div><div class="border-b border-gray parent-heading" data-level="2">
3105    <button @click.prevent="closeSubmenu('menu-57')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
3106        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
3107    </button>
3108<a href="https://www.trefl.com/prezenty"
3109    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3110                is-parent        "
3111>
3112    Prezenty</a>
3113    <button @click.prevent="openSubmenu('menu-57')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
3114        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M.231 9.769a.79.79 0 0 1 0-1.117L3.884 5 .23 1.348A.79.79 
31140 0 1 1.348.23l4.21 4.21a.79.79 0 0 1 0 1.117l-4.21 4.21a.79.79 0 0 1-1.117 0Z" clip-rule="evenodd"/><title>arrow-right</title></svg>
3115    </button>
3116</div><ul class="level2"><li class="level2">
3117    <button @click.prevent="closeSubmenu('menu-483')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
3118        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
3119    </button>
3120<a href="https://www.trefl.com/prezenty/dla-dzieci"
3121    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3122                is-parent        "
3123>
3124    Prezenty dla dzieci</a>
3125    <button @click.prevent="openSubmenu('menu-483')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
3126        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M.231 9.769a.79.79 0 0 1 0-1.117L3.884 5 .23 1.348A.79.79 
31260 0 1 1.348.23l4.21 4.21a.79.79 0 0 1 0 1.117l-4.21 4.21a.79.79 0 0 1-1.117 0Z" clip-rule="evenodd"/><title>arrow-right</title></svg>
3127    </button>
3128</li><li class="level2">
3129<a href="https://www.trefl.com/prezenty/swiateczne"
3130    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3131                        "
3132>
3133    Prezenty świąteczne</a>
3134</li><li class="level2">
3135<a href="https://www.trefl.com/prezenty/urodzinowe"
3136    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3137                        "
3138>
3139    Prezenty urodzinowe</a>
3140</li><li class="level2">
3141<a href="https://www.trefl.com/prezenty/rodzinne"
3142    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3143                        "
3144>
3145    Prezenty rodzinne</a>
3146</li><li class="level2">
3147<a href="https://www.trefl.com/prezenty/wielkanocne-i-wiosenne"
3148    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3149                        "
3150>
3151    Prezenty wielkanocne i wiosenne</a>
3152</li><li class="level2">
3153<a href="https://www.trefl.com/prezenty/gry-planszowe-na-prezent"
3154    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3155                        "
3156>
3157    Gry planszowe na prezent</a>
3158</li></ul></div><div class="menu-mobile-submenu h-full level3" x-ref="menu-483"><div class="bg-primary h-14 w-full flex items-center text-white z-10 sticky top-0 justify-between pl-10 pr-3">
3159<a href="https://www.trefl.com/prezenty/dla-dzieci"
3160    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3161        menu-mobile-parent-link                "
3162>
3163    Prezenty dla dzieci</a>
3164<button type="button"
3165                              @click="closeSubmenu('menu-483')"
3166                              class="w-10 h-10 flex items-center justify-center"
3167                ><svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" class="text-gray-light" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
3168</button></div><div class="border-b border-gray parent-heading" data-level="3">
3169    <button @click.prevent="closeSubmenu('menu-483')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
3170        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
3171    </button>
3172<a href="https://www.trefl.com/prezenty/dla-dzieci"
3173    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3174                is-parent        "
3175>
3176    Prezenty dla dzieci</a>
3177    <button @click.prevent="openSubmenu('menu-483')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
3178        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M.231 9.769a.79.79 0 0 1 0-1.117L3.884 5 .23 1.348A.79.79 
31780 0 1 1.348.23l4.21 4.21a.79.79 0 0 1 0 1.117l-4.21 4.21a.79.79 0 0 1-1.117 0Z" clip-rule="evenodd"/><title>arrow-right</title></svg>
3179    </button>
3180</div><ul class="level3"><li class="level3">
3181<a href="https://www.trefl.com/prezenty/dla-dzieci/0-2-lata"
3182    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3183                        "
3184>
3185    Prezenty dla dzieci 0-2 lata</a>
3186</li><li class="level3">
3187<a href="https://www.trefl.com/prezenty/dla-dzieci/3-5-lat"
3188    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3189                        "
3190>
3191    Prezenty dla dzieci 3-5 lat</a>
3192</li><li class="level3">
3193<a href="https://www.trefl.com/prezenty/dla-dzieci/6-8-lat"
3194    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3195                        "
3196>
3197    Prezenty dla dzieci 6-8 lat</a>
3198</li><li class="level3">
3199<a href="https://www.trefl.com/prezenty/dla-dzieci/9-12-lat"
3200    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3201                        "
3202>
3203    Prezenty dla dzieci 9-12 lat</a>
3204</li><li class="level3">
3205<a href="https://www.trefl.com/prezenty/dla-dzieci/13-lat-i-dorosli"
3206    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3207                        "
3208>
3209    Prezenty dla dzieci 13+ i dorosłych</a>
3210</li></ul></div><div class="menu-mobile-submenu h-full level2" x-ref="menu-58"><div class="bg-primary h-14 w-full flex items-center text-white z-10 sticky top-0 justify-between pl-10 pr-3">
3211<a href="https://www.trefl.com/promocje"
3212    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3213        menu-mobile-parent-link                "
3214>
3215    Promocje</a>
3216<button type="button"
3217                              @click="closeSubmenu('menu-58')"
3218                              class="w-10 h-10 flex items-center justify-center"
3219                ><svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" class="text-gray-light" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
3220</button></div><div class="border-b border-gray parent-heading" data-level="2">
3221    <button @click.prevent="closeSubmenu('menu-58')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
3222        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
3223    </button>
3224<a href="https://www.trefl.com/promocje"
3225    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3226                is-parent        "
3227>
3228    Promocje</a>
3229    <button @click.prevent="openSubmenu('menu-58')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
3230        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M.231 9.769a.79.79 0 0 1 0-1.117L3.884 5 .23 1.348A.79.79 
32300 0 1 1.348.23l4.21 4.21a.79.79 0 0 1 0 1.117l-4.21 4.21a.79.79 0 0 1-1.117 0Z" clip-rule="evenodd"/><title>arrow-right</title></svg>
3231    </button>
3232</div><ul class="level2"><li class="level2">
3233<a href="https://www.trefl.com/promocje/puzzle"
3234    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3235                        "
3236>
3237    Puzzle w promocji</a>
3238</li><li class="level2">
3239<a href="https://www.trefl.com/promocje/gry"
3240    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3241                        "
3242>
3243    Gry w promocji</a>
3244</li><li class="level2">
3245<a href="https://www.trefl.com/promocje/zabawki"
3246    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3247                        "
3248>
3249    Zabawki w promocji</a>
3250</li><li class="level2">
3251<a href="https://www.trefl.com/promocje/ksiazki"
3252    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3253                        "
3254>
3255    Książki w promocji</a>
3256</li></ul></div><div class="menu-mobile-submenu h-full level2" x-ref="menu-542"><div class="bg-primary h-14 w-full flex items-center text-white z-10 sticky top-0 justify-between pl-10 pr-3">
3257<a href="https://www.trefl.com/marki"
3258    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3259        menu-mobile-parent-link                "
3260>
3261    Marki i licencje</a>
3262<button type="button"
3263                              @click="closeSubmenu('menu-542')"
3264                              class="w-10 h-10 flex items-center justify-center"
3265                ><svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" class="text-gray-light" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
3266</button></div><div class="border-b border-gray parent-heading" data-level="2">
3267    <button @click.prevent="closeSubmenu('menu-542')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
3268        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
3269    </button>
3270<a href="https://www.trefl.com/marki"
3271    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3272                is-parent        "
3273>
3274    Marki i licencje</a>
3275    <button @click.prevent="openSubmenu('menu-542')" class="text-black outline-none active:bg-gray-light aspect-square flex size-10 items-center justify-center">
3276        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="M.231 9.769a.79.79 0 0 1 0-1.117L3.884 5 .23 1.348A.79.79 
32760 0 1 1.348.23l4.21 4.21a.79.79 0 0 1 0 1.117l-4.21 4.21a.79.79 0 0 1-1.117 0Z" clip-rule="evenodd"/><title>arrow-right</title></svg>
3277    </button>
3278</div><ul class="level2"><li class="level2">
3279<a href="https://www.trefl.com/marki/avengers"
3280    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3281                        "
3282>
3283    Avengers</a>
3284</li><li class="level2">
3285<a href="https://www.trefl.com/marki/barbie"
3286    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3287                        "
3288>
3289    Barbie</a>
3290</li><li class="level2">
3291<a href="https://www.trefl.com/marki/cars"
3292    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3293                        "
3294>
3295    Cars</a>
3296</li><li class="level2">
3297<a href="https://www.trefl.com/marki/disney"
3298    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3299                        "
3300>
3301    Disney</a>
3302</li><li class="level2">
3303<a href="https://www.trefl.com/marki/garfield"
3304    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3305                        "
3306>
3307    Garfield</a>
3308</li><li class="level2">
3309<a href="https://www.trefl.com/marki/harry-potter"
3310    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3311                        "
3312>
3313    Harry Potter</a>
3314</li><li class="level2">
3315<a href="https://www.trefl.com/marki/hello-kitty"
3316    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3317                        "
3318>
3319    Hello Kitty</a>
3320</li><li class="level2">
3321<a href="https://www.trefl.com/marki/koci-domek-gabi"
3322    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3323                        "
3324>
3325    Koci Domek Gabi</a>
3326</li><li class="level2">
3327<a href="https://www.trefl.com/marki/koci-domek-gabi"
3328    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3329                        "
3330>
3331    Kraina Lodu (Frozen)</a>
3332</li><li class="level2">
3333<a href="https://www.trefl.com/marki/lilo-stitch"
3334    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3335                        "
3336>
3337    Lilo &amp; Stitch</a>
3338</li><li class="level2">
3339<a href="https://www.trefl.com/marki/minionki"
3340    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3341                        "
3342>
3343    Minionki</a>
3344</li><li class="level2">
3345<a href="https://www.trefl.com/marki/myszka-mickey"
3346    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3347                        "
3348>
3349    Myszka Mickey</a>
3350</li><li class="level2">
3351<a href="https://www.trefl.com/marki/psi-patrol"
3352    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3353                        "
3354>
3355    Psi Patrol</a>
3356</li><li class="level2">
3357<a href="https://www.trefl.com/marki/pusheen"
3358    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3359                        "
3360>
3361    Pusheen</a>
3362</li><li class="level2">
3363<a href="https://www.trefl.com/marki/rick-i-morty"
3364    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3365                        "
3366>
3367    Rick i Morty</a>
3368</li><li class="level2">
3369<a href="https://www.trefl.com/marki/smerfy"
3370    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3371                        "
3372>
3373    Smerfy</a>
3374</li><li class="level2">
3375<a href="https://www.trefl.com/marki/diplodok"
3376    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3377                        "
3378>
3379    Smok Diplodok</a>
3380</li><li class="level2">
3381<a href="https://www.trefl.com/marki/spidey"
3382    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3383                        "
3384>
3385    Spidey</a>
3386</li><li class="level2">
3387<a href="https://www.trefl.com/marki/spongebob-kanciastoporty"
3388    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3389                        "
3390>
3391    SpongeBob Kanciastoporty</a>
3392</li><li class="level2">
3393<a href="https://www.trefl.com/marki/star-wars"
3394    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3395                        "
3396>
3397    Star Wars</a>
3398</li><li class="level2">
3399<a href="https://www.trefl.com/marki/strazak-sam"
3400    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3401                        "
3402>
3403    Strażak Sam</a>
3404</li><li class="level2">
3405<a href="https://www.trefl.com/marki/swinka-peppa"
3406    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3407                        "
3408>
3409    Świnka Peppa</a>
3410</li><li class="level2">
3411<a href="https://www.trefl.com/marki/tomek-i-przyjaciele"
3412    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3413                        "
3414>
3415    Tomek i Przyjaciele</a>
3416</li><li class="level2">
3417<a href="https://www.trefl.com/marki/w-glowie-sie-nie-miesci-2"
3418    class="cursor-pointer snowdog-menu-link-topmenu-mobile
3419                        "
3420>
3421    W głowie się nie mieści</a>
3422</li></ul></div><div class="menu-mobile-submenu h-full level2" x-ref="menu-273"><div class="bg-primary h-14 w-full flex items-center text-white z-10 sticky top-0 justify-between pl-10 pr-3">
3423<button class="cursor-pointer snowdog-menu-link-topmenu-mobile
3424        menu-mobile-parent-link        "
3425            @click.prevent="openSubmenu('menu-273')"
3426    >
3427    Gry wirtualne</button>
3428<button type="button"
3429                              @click="closeSubmenu('menu-273')"
3430                              class="w-10 h-10 flex items-center justify-center"
3431                ><svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewB
3431ox="0 0 6 10" fill="none" class="text-gray-light" role="img"><path fill="currentColor" fill-rule="evenodd" d="M5.769.231a.79.79 0 0 1 0 1.117L2.116 5 5.77 8.652A.79.79 0 0 1 4.652 9.77l-4.21-4.21a.79.79 0 0 1 0-1.117l4.21-4.21a.79.79 0 0 1 1.117 0Z" clip-rule="evenodd"/><title>arrow-left</title></svg>
3432</button></div><div class="border-b border-gray parent-heading" data-level="2">
3433<button class="cursor-pointer snowdog-menu-link-topmenu-mobile
3434                "
3435            @click.prevent="openSubmenu('menu-273')"
3436    >
3437    Gry wirtualne</button>
3438</div><ul class="level2"><li class="level2">
3439    <a class="cursor-pointer snowdog-menu-link-topmenu-mobile "
3440        href="https://www.roblox.com/pl/games/86253893074445/Treflandia-Wielka-Przygoda-Pomagaj-zwierz-tom"
3441                    target="_blank"
3442            rel="noopener"
3443                data-menu="menu-274"    >
3444        Treflandia na Roblox    </a>
3445</li><li class="level2">
3446    <a class="cursor-pointer snowdog-menu-link-topmenu-mobile "
3447        href="https://www.nintendo.com/us/search/#cat=gme&amp;f=softwarePublisher&amp;softwarePublisher=Trefl%20S.A"
3448                    target="_blank"
3449            rel="noopener"
3450                data-menu="menu-275"    >
3451        Gry na Nintendo    </a>
3452</li><li class="level2">
3453    <a class="cursor-pointer snowdog-menu-link-topmenu-mobile "
3454        href="https://store.steampowered.com/app/2606190/Spy_Guy_Hidden_Objects_Deluxe_Edition/?beta=1"
3455                    target="_blank"
3456            rel="noopener"
3457                data-menu="menu-276"    >
3458        Gry na PC (Steam)    </a>
3459</li><li class="level2">
3460    <a class="cursor-pointer snowdog-menu-link-topmenu-mobile "
3461        href="https://apps.apple.com/pl/developer/trefl-sa/id896381365?l=pl"
3462                    target="_blank"
3463            rel="noopener"
3464                data-menu="menu-277"    >
3465        Gry mobilne (Apple)    </a>
3466</li><li class="level2">
3467    <a class="cursor-pointer snowdog-menu-link-topmenu-mobile "
3468        href="https://play.google.com/store/apps/dev?id=4662821842287727686&amp;hl=pl"
3469                    target="_blank"
3470            rel="noopener"
3471                data-menu="menu-278"    >
3472        Gry mobilne (Android)    </a>
3473</li></ul></div>            </div>
3474        </div>
3475    </nav>
3476
3477    <!--Cart Drawer-->
3478    
3478<script>
3479    function initCartDrawer() {
3480        return {
3481            open: false,
3482            isLoading: false,
3483            cart: {},
3484            maxItemsToDisplay: 10,
3485            itemsCount: 0,
3486            getData(data) {
3487                if (data.cart) {
3488                    this.cart = data.cart;
3489                    this.itemsCount = data.cart.items && data.cart.items.length || 0;
3490                    this.setCartItems();
3491                }
3492                this.isLoading = false;
3493            },
3494            cartItems: [],
3495            getItemCountTitle() {
3496                return hyva.strf('\u00250\u0020of\u0020\u00251\u0020products\u0020in\u0020cart\u0020displayed', this.maxItemsToDisplay, this.itemsCount)
3497            },
3498            setCartItems() {
3499                this.cartItems = this.cart.items && this.cart.items.sort((a, b) => b.item_id - a.item_id) || [];
3500
3501                if (this.maxItemsToDisplay > 0) {
3502                    this.cartItems = this.cartItems.slice(0, parseInt(this.maxItemsToDisplay, 10));
3503                }
3504            },
3505            formatOptionValue(value) {
3506                if (!Array.isArray(value)) {
3507                    return value;
3508                }
3509                return value
3510                    .map(line => line.replace('<span class="price"', '- <span class="price"'))
3511                    .join('<br>');
3512            },
3513            deleteItemFromCart(itemId) {
3514                this.isLoading = true;
3515
3516                const formKey = hyva.getFormKey();
3517                const postUrl = BASE_URL + 'checkout/sidebar/removeItem/';
3518
3519                fetch(postUrl, {
3520                    "headers": {
3521                        "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
3522                    },
3523                    "body": "form_key=" + formKey + "&item_id=" + itemId,
3524                    "method": "POST",
3525                    "mode": "cors",
3526                    "credentials": "include"
3527                }).then(response => {
3528                    if (response.redirected) {
3529                        window.location.href = response.url;
3530                    } else if (response.ok) {
3531                        return response.json();
3532                    } else {
3533                        window.dispatchMessages && window.dispatchMessages([{
3534                            type: 'warning',
3535                            text: 'Could\u0020not\u0020remove\u0020item\u0020from\u0020quote.'
3536                        }]);
3537                        this.isLoading = false;
3538                    }
3539                }).then(result => {
3540                    window.dispatchMessages && window.dispatchMessages([{
3541                        type: result.success ? 'success' : 'error',
3542                        text: result.success
3543                            ? 'Usuni\u0119to\u0020element.'
3544                            : result.error_message
3545                    }], result.success ? 5000 : 0)
3546                    window.dispatchEvent(new CustomEvent('reload-customer-section-data'));
3547                });
3548            },
3549            scrollLock(use = true) {
3550                document.body.style.overflow = use ? "hidden" : "";
3551            },
3552            toggleCartDrawer(event) {
3553                if (event.detail && event.detail.isOpen !== undefined) {
3554                    if (event.detail.isOpen) {
3555                        this.openCartDrawer();
3556                    } else {
3557                        this.open = false;
3558                        this.scrollLock(false);
3559                        this.$refs && this.$refs.cartDialogContent && hyva.releaseFocus(this.$refs.cartDialogContent);
3560                    }
3561                } else {
3562                                        this.openCartDrawer()
3563                }
3564            },
3565            openCartDrawer() {
3566                this.open = true;
3567                this.scrollLock(true);
3568                this.$nextTick(() => {
3569                    this.$refs && this.$refs.cartDialogContent && hyva.trapFocus(this.$refs.cartDialogContent)
3570                })
3571            },
3572            closeCartDrawer() {
3573                this.$dispatch('toggle-cart', { isOpen: false })
3574            },
3575            getSectionDataExtraActions() {
3576                if (!this.cart.extra_actions) {
3577                    return '';
3578                }
3579
3580                const contentNode = document.createElement('div');
3581                contentNode.innerHTML = this.cart.extra_actions;
3582
3583                hyva.activateScripts(contentNode);
3584
3585                return contentNode.innerHTML;
3586            }
3587        }
3588    }
3589</script>
3589
3590<section x-cloak
3591         x-show="cart"
3592         id="cart-drawer"
3593         x-data="initCartDrawer()"
3594         @private-content-loaded.window="getData($event.detail.data)"
3595         @toggle-cart.window="toggleCartDrawer($event)"
3596         @keydown.escape="closeCartDrawer"
3597>
3598    <div role="dialog"
3599         aria-labelledby="cart-drawer-title"
3600         aria-modal="true"
3601         :aria-hidden="!open"
3602         class="fixed inset-y-0 right-0 z-30 flex max-w-full">
3603        <div class="backdrop"
3604             x-show="open"
3605             x-transition:enter="ease-in-out duration-500"
3606             x-transition:enter-start="opacity-0"
3607             x-transition:enter-end="opacity-100"
3608             x-transition:leave="ease-in-out duration-500"
3609             x-transition:leave-start="opacity-100"
3610             x-transition:leave-end="opacity-0"
3611             role="button"
3612             @click="closeCartDrawer"
3613             aria-label="Zamknij&#x20;koszyk"></div>
3614        <div class="relative w-screen max-w-md shadow-2xl"
3615             x-show="open"
3616             x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700"
3617             x-transition:enter-start="translate-x-full"
3618             x-transition:enter-end="translate-x-0"
3619             x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700"
3620             x-transition:leave-start="translate-x-0"
3621             x-transition:leave-end="translate-x-full"
3622             x-ref="cartDialogContent"
3623             role="region"
3624             :tabindex="open ? 0 : -1"
3625             aria-label="M&#xF3;j&#x20;koszyk"
3626
3627        >
3628            <div class="flex flex-col h-full max-h-screen bg-white shadow-xl">
3629                
3630                <header class="relative px-4 py-6 sm:px-6">
3631                    <p id="cart-drawer-title" class="text-lg font-medium leading-7 text-gray-900">
3632                        <strong>Mój koszyk</strong>
3633                        <span class="items-total text-xs"
3634                              x-show="maxItemsToDisplay && maxItemsToDisplay < itemsCount"
3635                              x-text="getItemCountTitle()">
3636                        </span>
3637                    </p>
3638                </header>
3639
3640                
3641                <template x-if="!itemsCount">
3642                    <div class="relative px-4 py-6 bg-white border-bs sm:px-6 border-container">
3643                        Koszyk jest pusty                    </div>
3644                </template>
3645
3646                <template x-if="itemsCount">
3647                    <div class="relative grid gap-6 sm:gap-8 px-1 py-3 sm:px-3 bg-white border-b border-container overflow-y-auto overscroll-y-contain">
3648                        <template x-for="item in cartItems">
3649                            <div class="product-item flex items-start p-3 space-x-4">
3650                                <a :href="item.product_url"
3651                                   class="w-1/4"
3652                                   :aria-label="hyva.strf('Product\u0020\u0022\u00250\u0022', item.product_name)"
3653                                >
3654                                    <img
3655                                        :src="item.product_image.src"
3656                                        :width="item.product_image.width"
3657                                        :height="item.product_image.height"
3658                                        loading="lazy"
3659                                        alt=""
3660                                    />
3661                                </a>
3662                                <div class="w-3/4 space-y-2">
3663                                    <div>
3664                                        <p class="text-xl">
3665                                            <span x-html="item.qty"></span> x <span x-html="item.product_name"></span>
3666                                        </p>
3667                                    </div>
3668                                    <template x-for="option in item.options">
3669                                        <template x-if="option.label !== 'clientDesignId'">
3670                                            <div class="text-sm">
3671                                                <p class="font-semibold" x-text="option.label + ':'"></p>
3672                                                <p class="text-secondary" x-html="formatOptionValue(option.value)"></p>
3673                                            </div>
3674                                        </template>
3675                                    </template>
3676                                    <div class="price-container">
3677                                        <template x-if="item.is_discount">
3678                                            <div class="price-box price-final_price">
3679                                                <span class="old-price price" x-html="item.original_price"></span>
3680                                                <span class="special-price price" x-html="item.price_incl_discount"></span>
3681                                            </div>
3682                                        </template>
3683                                        <template x-if="!item.is_discount">
3684                                            <span class="price" x-html="item.product_price"></span>
3685                                        </template>
3686                                    </div>
3687                                    <div>
3688                                        <a :href="item.configure_url"
3689                                           x-show="item.product_type !== 'grouped' && item.is_visible_in_site_visibility && item?.options?.some(option => option.label !== 'clientDesignId')"
3690                                           class="inline-flex p-2 mr-2 btn btn-secondary"
3691                                           :aria-label="hyva.strf('Edit\u0020product\u0020\u0022\u00250\u0022', item.product_name)"
3692                                        >
3693                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" aria-hidden="true">
3694  <path stroke-linecap="round" stroke-linejoin="round" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"/>
3695</svg>
3696                                        </a>
3697                                        <button type="button"
3698                                                class="inline-flex p-2 btn btn-secondary"
3699                                                @click="deleteItemFromCart(item.item_id)"
3700                                                :aria-label="hyva.strf('Remove\u0020product\u0020\u0022\u00250\u0022\u0020from\u0020cart', item.product_name)"
3701                                        >
3702                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" aria-hidden="true">
3703  <path stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/>
3704</svg>
3705                                        </button>
3706                                    </div>
3707
3708                                </div>
3709                            </div>
3710                        </template>
3711                    </div>
3712                </template>
3713
3714                <template x-if="itemsCount">
3715                    <div>
3716                        
3717                        <div class="relative grid gap-4 py-3 px-1 sm:px-3 bg-white">
3718                            <div class="w-full p-3 space-x-4">
3719                                <p class="text-lg">Łącznie:
3720                                    <strong x-html="cart.subtotal" class="font-semibold"></strong>
3721                                </p>
3722                            </div>
3723                            <div class="w-full p-3 pt-0 flex">
3724                                <a href="https://www.trefl.com/checkout/cart/"
3725                                   class="btn btn-primary">
3726                                    Przejdź do koszyka                                </a>
3727                            </div>
3728                            <div x-html="getSectionDataExtraActions()"></div>
3729                                                    </div>
3730                    </div>
3731                </template>
3732
3733                            </div>
3734
3735            <button
3736                type="button"
3737                @click="closeCartDrawer"
3738                aria-label="Zamknij&#x20;koszyk"
3739                class="absolute top-0 right-2 p-4 mt-2 text-gray-300 transition-colors hover:text-black"
3740            >
3741                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
3742  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
3743</svg>
3744            </button>
3745        </div>
3746        <div
3747    class="z-50 fixed inset-0 grid place-items-center bg-white/70 text-slate-800"
3748    x-cloak
3749    x-show="isLoading"
3750    x-transition.opacity.duration.200ms
3751>
3752    <div class="flex gap-10 items-center p-4">
3753        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57 57" width="57" height="57" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
3754    <style>
3755        @keyframes spinner-ball-triangle1 {
3756            0% { transform: translate(0%, 0%); }
3757            33% { transform: translate(38%, -79%); }
3758            66% { transform: translate(77%, 0%); }
3759            100% { transform: translate(0%, 0%); }
3760        }
3761
3762        @keyframes spinner-ball-triangle2 {
3763            0% { transform: translate(0%, 0%); }
3764            33% { transform: translate(38%, 79%); }
3765            66% { transform: translate(-38%, 79%); }
3766            100% { transform: translate(0%, 0%); }
3767        }
3768
3769        @keyframes spinner-ball-triangle3 {
3770            0% { transform: translate(0%, 0%); }
3771            33% { transform: translate(-77%, 0%); }
3772            66% { transform: translate(-38%, -79%); }
3773            100% { transform: translate(0%, 0%); }
3774        }
3775    </style>
3776    <circle cx="5" cy="50" r="5" style="animation: spinner-ball-triangle1 2.2s linear infinite"/>
3777    <circle cx="27" cy="5" r="5" style="animation: spinner-ball-triangle2 2.2s linear infinite"/>
3778    <circle cx="49" cy="50" r="5" style="animation: spinner-ball-triangle3 2.2s linear infinite"/>
3779</svg>
3780        <span class="text-xl select-none">
3781            Ładuję...        </span>
3782    </div>
3783</div>
3784    </div>
3785
3786</section>
3787
3788    <!--Authentication Pop-Up-->
3789    
3789<script>
3790    function initAuthentication() {
3791        return {
3792            open: false,
3793            close() {
3794                this.open = false;
3795            },
3796            forceAuthentication: false,
3797            checkoutUrl: 'https://www.trefl.com/checkout/index/',
3798            errors: 0,
3799            hasCaptchaToken: 0,
3800            displayErrorMessage: false,
3801            errorMessages: [],
3802            setErrorMessages(message) {
3803                this.errorMessages = [message];
3804                this.displayErrorMessage = true;
3805            },
3806            submitForm() {
3807                // Do not rename $form, the variable is expected to be declared in the recaptcha output
3808                const $form = document.querySelector('#login-form');
3809                
3810                if (this.errors === 0) {
3811                    this.dispatchLoginRequest($form);
3812                }
3813            },
3814            onPrivateContentLoaded() {
3815                const data = this.$event.detail.data;
3816                const isLoggedIn = data.customer && data.customer.firstname;
3817                if (data.cart && !isLoggedIn) {
3818                    this.forceAuthentication = !data.cart.isGuestCheckoutAllowed;
3819                }
3820            },
3821            redirectIfAuthenticated() {
3822                const event = this.$event;
3823                this.open = this.forceAuthentication;
3824
3825                if (event.detail && event.detail.url) {
3826                    this.checkoutUrl = event.detail.url;
3827                }
3828                if (!this.forceAuthentication) {
3829                    window.location.href = this.checkoutUrl;
3830                }
3831            },
3832            resetErrors() {
3833                this.errors = 0;
3834            },
3835            dispatchLoginRequest(form) {
3836                this.isLoading = true;
3837                const username = this.$refs['customer-email'].value;
3838                const password = this.$refs['customer-password'].value;
3839                const formKey = hyva.getFormKey();
3840                const bodyFields = {
3841                    'username': username,
3842                    'password': password,
3843                    'formKey': formKey
3844                };
3845                                const fieldName = 'g\u002Drecaptcha\u002Dresponse';
3846                const recaptchaField = fieldName && form[fieldName];
3847                if (recaptchaField) {
3848                    bodyFields[fieldName] = recaptchaField.value;
3849                }
3850                fetch('https://www.trefl.com/customer/ajax/login/', {
3851                        method: 'POST',
3852                        headers: {
3853                            'Content-Type': 'application/json',
3854                            'X-Requested-With': 'XMLHttpRequest'
3855                        },
3856                        body: JSON.stringify(bodyFields)
3857                    }
3858                ).then(response => {
3859                        return response.json()
3860                    }
3861                ).then(data => {
3862                    this.isLoading = false;
3863                    if (data.errors) {
3864                        this.setErrorMessages(data.message);
3865                        this.errors = 1;
3866                        this.hasCaptchaToken = 0;
3867                    } else {
3868                        window.location.href = this.checkoutUrl;
3869                    }
3870                });
3871            }
3872        }
3873    }
3874
3875    window.addEventListener('alpine:init', () => Alpine.data('initAuthentication', initAuthentication), {once: true})
3876</script>
3876
3877<section id="authentication-popup"
3878         x-data="initAuthentication"
3879         @private-content-loaded.window="onPrivateContentLoaded"
3880         @toggle-authentication.window="redirectIfAuthenticated"
3881         @keydown.window.escape="close"
3882>
3883    <div
3884        class="backdrop"
3885        aria-hidden="true"
3886        x-cloak
3887        x-show="open"
3888        x-transition:enter="ease-in-out duration-500"
3889        x-transition:enter-start="opacity-0"
3890        x-transition:enter-end="opacity-100"
3891        x-transition:leave="ease-in-out duration-500"
3892        x-transition:leave-start="opacity-100"
3893        x-transition:leave-end="opacity-0"
3894        @click="close"
3895    ></div>
3896    <div role="dialog"
3897         aria-modal="true"
3898         @click.outside="close"
3899         class="inset-y-0 right-0 z-30 flex max-w-full fixed"
3900         x-cloak
3901         x-show="open"
3902    >
3903        <div class="relative w-screen max-w-md pt-16 bg-container-lighter"
3904             x-show="open"
3905             x-cloak
3906             x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700"
3907             x-transition:enter-start="translate-x-full"
3908             x-transition:enter-end="translate-x-0"
3909             x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700"
3910             x-transition:leave-start="translate-x-0"
3911             x-transition:leave-end="translate-x-full"
3912        >
3913            <div
3914                x-show="open"
3915                x-cloak
3916                x-transition:enter="ease-in-out duration-500"
3917                x-transition:enter-start="opacity-0"
3918                x-transition:enter-end="opacity-100"
3919                x-transition:leave="ease-in-out duration-500"
3920                x-transition:leave-start="opacity-100"
3921                x-transition:leave-end="opacity-0" class="absolute top-0 right-2 flex p-2 mt-2">
3922                <button
3923                    type="button"
3924                    @click="close"
3925                    aria-label="Close&#x20;panel"
3926                    class="p-2 text-gray-300 transition duration-150 ease-in-out hover:text-black"
3927                >
3928                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
3929  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
3930</svg>
3931                </button>
3932            </div>
3933            <template x-if="open">
3934                <div class="flex flex-col h-full py-6 space-y-6 bg-white shadow-xl overflow-y-auto">
3935                    <div class="mx-4">
3936                        <div class="message error mb-0" x-show="errors" x-cloak>
3937                            <template x-for="(message, index) in errorMessages" :key="index">
3938                                <div>
3939                                    <template x-if="message">
3940                                        <span x-html="message"></span>
3941                                    </template>
3942                                </div>
3943                            </template>
3944                        </div>
3945                    </div>
3946                    <div class="block-customer-login bg-container border border-container mx-4 p-4 shadow-sm">
3947                        <p id="authenticate-customer-login" class="text-lg leading-7 text-gray-900">
3948                            <strong class="font-medium">Checkout using your account</strong>
3949                        </p>
3950
3951                        <form class="form form-login"
3952                              method="post"
3953                              @submit.prevent="submitForm"
3954                              id="login-form"
3955                        >
3956                                                        <div class="fieldset login">
3957                                <div class="field email required">
3958                                    <label class="label" for="form-login-username" form="login-form" >
3959                                        <span>Adres e-mail</span>
3960                                    </label>
3961                                    <div class="control">
3962                                        <input name="username"
3963                                               id="form-login-username"
3964                                               x-ref="customer-email"
3965                                               @change="resetErrors"
3966                                               type="email"
3967                                               required
3968                                               autocomplete="off"
3969                                               class="form-input"
3970                                        >
3971                                    </div>
3972                                </div>
3973                                <div class="field password required">
3974                                    <label for="form-login-password" class="label" form="login-form">
3975                                        <span>Hasło</span>
3976                                    </label>
3977                                    <div class="control">
3978                                        <input name="password"
3979                                               id="form-login-password"
3980                                               type="password"
3981                                               class="form-input"
3982                                               required
3983                                               x-ref="customer-password"
3984                                               autocomplete="off"
3985                                               @change="resetErrors"
3986                                        >
3987                                    </div>
3988                                </div>
3989
3990                                <input name="context" type="hidden" value="checkout" />
3991                                <div class="actions-toolbar pt-6 pb-2">
3992                                    <button type="submit"                                            class="inline-flex btn btn-primary disabled:opacity-75"
3993                                    >
3994                                        Zaloguj się                                    </button>
3995                                    <a href="https://www.trefl.com/customer/account/forgotpassword/"
3996                                    >
3997                                        Zapomniałeś hasła?                                    </a>
3998                                </div>
3999
4000                            </div>
4001                        </form>
4002                    </div>
4003                    <div class="mx-4">
4004                                            </div>
4005                    <div class="block-new-customer bg-container border border-container mx-4 p-4 shadow-sm">
4006                        <p id="authenticate-new-customer" class="text-lg mb-2 leading-7 text-gray-900">
4007                            <strong class="font-medium">Checkout as a new customer</strong>
4008                        </p>
4009
4010                        <div class="block-content">
4011                            <p class="mb-1">
4012                                Stworzenie konta ma wiele korzyści:                            </p>
4013                            <ul class="list-disc pl-5">
4014                                <li> Zobacz zamówienie i stan wysyłki</li>
4015                                <li> Śledzenie historii zamówień</li>
4016                                <li> Zamawiaj szybciej</li>
4017                            </ul>
4018                            <div class="actions-toolbar mt-6 mb-2">
4019                                <a href="https://www.trefl.com/customer/account/create/"
4020                                   class="inline-flex btn btn-primary">
4021                                    Utwórz konto                                </a>
4022                            </div>
4023                        </div>
4024                    </div>
4025                </div>
4026            </template>
4027        </div>
4028    </div>
4029</section>
4030</div>
4031
4032
4033    
4033<script>
4034        'use strict';
4035
4036        const initTopmenuDesktop_6ab45a39a84df = () => ({
4037            openSubmenuId: null,
4038            toggleSubmenu(menuNode, state, $event) {
4039                if (state === true) {
4040                    this.openSubmenuId = menuNode;
4041                    this.focusFirstLinkInSubmenu(menuNode, $event);
4042                } else if (state === false) {
4043                    this.openSubmenuId = null;
4044                } else {
4045                    if (this.openSubmenuId === menuNode) {
4046                        this.openSubmenuId = null;
4047                    } else {
4048                        this.openSubmenuId = menuNode;
4049                        this.focusFirstLinkInSubmenu(menuNode, $event);
4050                    }
4051                }
4052
4053                if ($event.code === 'Escape') {
4054                    setTimeout(() => {
4055                        const parentEl = $event.target?.closest('.menu-desktop-item-wrap')?.querySelector('a');
4056                        console.log(parentEl)
4057                        if (parentEl) {
4058                            parentEl.focus();
4059                        }
4060                    }, 100);
4061                }
4062            },
4063            focusFirstLinkInSubmenu(menuNode, $event) {
4064                if ($event.code === 'Enter' || $event.code === 'Space') {
4065                    const submenu = this.$refs[`submenu-${menuNode}`];
4066                    if (submenu) {
4067                        const firstLink = submenu.querySelector('a');
4068                        if (firstLink) {
4069                            setTimeout(() => firstLink.focus(), 100);
4070                        }
4071                    }
4072                }
4073            },
4074            stickyObserver(navigationEl) {
4075                const headerEl = document.querySelector('header.page-header');
4076                new IntersectionObserver(
4077                    ([e]) => {
4078                        headerEl.classList.toggle('contents', e.intersectionRatio < 1)
4079                        navigationEl.classList.toggle('shadow-md', e.intersectionRatio < 1)
4080                    },
4081                    { threshold: [1] }
4082                ).observe(navigationEl);
4083            }
4084        })
4085    </script>
4085
4086
4087        <div x-data="initTopmenuDesktop_6ab45a39a84df()"
4088         x-init="stickyObserver($el)"
4089         class="            navigation hidden w-full lg:block sticky -top-px bg-white z-20 transition-shadow">
4090        <div class="overflow-x-hidden">
4091            <nav
4092                class="snowdog-topmenu-desktop menu-desktop container lg:flex justify-between items-center"
4093                aria-label="Menu&#x20;g&#x0142;&#xF3;wne"
4094            >
4095                <ul
4096                    class="flex gap-x-4"
4097                    @mouseleave="openSubmenuId = null"
4098                    role="menubar"
4099                >
4100                                                                    <li class="menu-desktop-item menu-desktop-item--level1 flex items-center
4101                                    "
4102                                                            @mouseenter="toggleSubmenu('4', null, $event)"
4103                                @keydown.enter.prevent="toggleSubmenu('4', null, $event)"
4104                                @keydown.space.prevent="toggleSubmenu('4', null, $event)"
4105                                @keydown.escape.prevent="toggleSubmenu('4', false, $event)"
4106                                aria-haspopup="true"
4107                                :aria-expanded="openSubmenuId === '4'"
4108                                :tabindex="openSubmenuId === '4' ? 0 : -1"
4109                                                        role="menuitem"
4110                            >
4111                            <div class="menu-desktop-item-wrap relative flex items-center">
4112                                
4113<a href="https://www.trefl.com/puzzle"
4114    class="snowdog-menu-link "
4115            data-menu="menu-4"
4116    >
4117    Puzzle</a>
4118
4119                                                                    <span class="flex items-center justify-center ml-1.5" aria-hidden="true">
4120                                        <svg viewBox="0 0 10.012074 6.0120745" fill="currentColor" class="text-gray-gray" aria-hidden="true" width="10.012074" height="6.0120745" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M.2927864.3052882a1 1 0 0 1 1.4140001 0l3.293 3.293 3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414z" clip-rule="evenodd"/></svg>
4121                                    </span>
4122                                                            </div>
4123
4124                                                                            <div
4125            x-ref="submenu-4"
4126            class="menu-desktop-submenu absolute left-0 top-full w-full z-30 bg-white flex border-t border-gray-light shadow-md"
4127            x-show="openSubmenuId === '4'"
4128            x-cloak
4129        >
4130            <div class="container h-full">
4131                    <ul
4132                    class="menu-desktop-list menu-desktop-list--level2                         bg-white flex flex-col flex-wrap items-start content-start justify-start h-full"
4133                    title="Submenu for Puzzle"
4134                >
4135                                                                    <li
4136                            class="menu-desktop-item menu-desktop-item--level2 "
4137                        >
4138                            
4139<a href="https://www.trefl.com/puzzle/dla-dzieci"
4140    class="snowdog-menu-link "
4141            data-menu="menu-359"
4142    >
4143    Puzzle dla dzieci</a>
4144                                                    </li>
4145
4146                                                                                            <li
4147                            class="menu-desktop-item menu-desktop-item--level2 "
4148                        >
4149                            
4150<a href="https://www.trefl.com/puzzle/dla-doroslych"
4151    class="snowdog-menu-link "
4152            data-menu="menu-6"
4153    >
4154    Puzzle dla dorosłych</a>
4155                                                    </li>
4156
4157                                                                                            <li
4158                            class="menu-desktop-item menu-desktop-item--level2 "
4159                        >
4160                            
4161<a href="https://www.trefl.com/puzzle/500-elementow"
4162    class="snowdog-menu-link "
4163            data-menu="menu-217"
4164    >
4165    Puzzle 500 elementów</a>
4166                                                    </li>
4167
4168                                                                                            <li
4169                            class="menu-desktop-item menu-desktop-item--level2 "
4170                        >
4171                            
4172<a href="https://www.trefl.com/puzzle/1000-elementow"
4173    class="snowdog-menu-link "
4174            data-menu="menu-218"
4175    >
4176    Puzzle 1000 elementów</a>
4177                                                    </li>
4178
4179                                                                                            <li
4180                            class="menu-desktop-item menu-desktop-item--level2 "
4181                        >
4182                            
4183<a href="https://www.trefl.com/puzzle/1500-elementow"
4184    class="snowdog-menu-link "
4185            data-menu="menu-219"
4186    >
4187    Puzzle 1500 elementów</a>
4188                                                    </li>
4189
4190                                                                                            <li
4191                            class="menu-desktop-item menu-desktop-item--level2 "
4192                        >
4193                            
4194<a href="https://www.trefl.com/puzzle/2000-elementow"
4195    class="snowdog-menu-link "
4196            data-menu="menu-220"
4197    >
4198    Puzzle 2000 elementów</a>
4199                                                    </li>
4200
4201                                                                                            <li
4202                            class="menu-desktop-item menu-desktop-item--level2 "
4203                        >
4204                            
4205<a href="https://www.trefl.com/puzzle/3000-elementow"
4206    class="snowdog-menu-link "
4207            data-menu="menu-221"
4208    >
4209    Puzzle 3000 elementów</a>
4210                                                    </li>
4211
4212                                                                                            <li
4213                            class="menu-desktop-item menu-desktop-item--level2 "
4214                        >
4215                            
4216<a href="https://www.trefl.com/puzzle/4000-elementow"
4217    class="snowdog-menu-link "
4218            data-menu="menu-222"
4219    >
4220    Puzzle 4000 elementów</a>
4221                                                    </li>
4222
4223                                                    <span class="menu-desktop-separator" aria-hidden="true"></span>
4224                                                                                            <li
4225                            class="menu-desktop-item menu-desktop-item--level2 "
4226                        >
4227                            
4228<a href="https://www.trefl.com/puzzle/6000-elementow"
4229    class="snowdog-menu-link "
4230            data-menu="menu-223"
4231    >
4232    Puzzle 6000 elementów</a>
4233                                                    </li>
4234
4235                                                                                            <li
4236                            class="menu-desktop-item menu-desktop-item--level2 "
4237                        >
4238                            
4239<a href="https://www.trefl.com/puzzle/8000-elementow"
4240    class="snowdog-menu-link "
4241            data-menu="menu-628"
4242    >
4243    Puzzle 8000 elementów</a>
4244                                                    </li>
4245
4246                                                                                            <li
4247                            class="menu-desktop-item menu-desktop-item--level2 "
4248                        >
4249                            
4250<a href="https://www.trefl.com/puzzle/prime-uft/prime-9000"
4251    class="snowdog-menu-link "
4252            data-menu="menu-261"
4253    >
4254    Puzzle 9000 elementów</a>
4255                                                    </li>
4256
4257                                                                                            <li
4258                            class="menu-desktop-item menu-desktop-item--level2 "
4259                        >
4260                            
4261        <a href="https://www.trefl.com/puzzle-premium-plus-quality-10000-el-windows-of-the-seasons-81051"
4262        class="snowdog-menu-link "
4263                    data-menu="menu-630"
4264                        data-menu="menu-630"    >
4265        Puzzle 10 000 elementów    </a>
4266                                                    </li>
4267
4268                                                                                            <li
4269                            class="menu-desktop-item menu-desktop-item--level2 "
4270                        >
4271                            
4272<a href="https://www.trefl.com/puzzle/prime-uft/prime-13500"
4273    class="snowdog-menu-link "
4274            data-menu="menu-262"
4275    >
4276    Puzzle 13 500 elementów</a>
4277                                                    </li>
4278
4279                                                                                            <li
4280                            class="menu-desktop-item menu-desktop-item--level2 "
4281                        >
4282                            
4283        <a href="https://www.trefl.com/puzzle-prime-21000-el-earth-chronicles-from-the-creation-to-the-future-81040"
4284        class="snowdog-menu-link "
4285                    data-menu="menu-263"
4286                        data-menu="menu-263"    >
4287        Puzzle 21 000 elementów    </a>
4288                                                    </li>
4289
4290                                                                                            <li
4291                            class="menu-desktop-item menu-desktop-item--level2 "
4292                        >
4293                            
4294<a href="https://www.trefl.com/puzzle/puzzle-premium-plus-quality"
4295    class="snowdog-menu-link "
4296            data-menu="menu-224"
4297    >
4298    Puzzle Premium Plus Quality</a>
4299                                                    </li>
4300
4301                                                    <span class="menu-desktop-separator" aria-hidden="true"></span>
4302                                                                                            <li
4303                            class="menu-desktop-item menu-desktop-item--level2 "
4304                        >
4305                            
4306<a href="https://www.trefl.com/puzzle/drewniane"
4307    class="snowdog-menu-link "
4308            data-menu="menu-235"
4309    >
4310    Puzzle drewniane</a>
4311                                                    </li>
4312
4313                                                                                            <li
4314                            class="menu-desktop-item menu-desktop-item--level2 "
4315                        >
4316                            
4317<a href="https://www.trefl.com/puzzle/puzzle-filmowe"
4318    class="snowdog-menu-link "
4319            data-menu="menu-237"
4320    >
4321    Puzzle filmowe</a>
4322                                                    </li>
4323
4324                                                                                            <li
4325                            class="menu-desktop-item menu-desktop-item--level2 "
4326                        >
4327                            
4328<a href="https://www.trefl.com/puzzle/puzzle-jubileuszowe"
4329    class="snowdog-menu-link "
4330            data-menu="menu-5"
4331    >
4332    Puzzle jubileuszowe na 40-lecie</a>
4333                                                    </li>
4334
4335                                                                                            <li
4336                            class="menu-desktop-item menu-desktop-item--level2 "
4337                        >
4338                            
4339<a href="https://www.trefl.com/puzzle/puzzle-kosmos"
4340    class="snowdog-menu-link "
4341            data-menu="menu-238"
4342    >
4343    Puzzle kosmos</a>
4344                                                    </li>
4345
4346                                                                                            <li
4347                            class="menu-desktop-item menu-desktop-item--level2 "
4348                        >
4349                            
4350<a href="https://www.trefl.com/puzzle/puzzle-krajobrazy"
4351    class="snowdog-menu-link "
4352            data-menu="menu-239"
4353    >
4354    Puzzle krajobrazy</a>
4355                                                    </li>
4356
4357                                                                                            <li
4358                            class="menu-desktop-item menu-desktop-item--level2 "
4359                        >
4360                            
4361<a href="https://www.trefl.com/puzzle/puzzle-kulinarne"
4362    class="snowdog-menu-link "
4363            data-menu="menu-240"
4364    >
4365    Puzzle kulinarne</a>
4366                                                    </li>
4367
4368                                                                                            <li
4369                            class="menu-desktop-item menu-desktop-item--level2 "
4370                        >
4371                            
4372<a href="https://www.trefl.com/puzzle/puzzle-mapy"
4373    class="snowdog-menu-link "
4374            data-menu="menu-241"
4375    >
4376    Puzzle mapy</a>
4377                                                    </li>
4378
4379                                                    <span class="menu-desktop-separator" aria-hidden="true"></span>
4380                                                                                            <li
4381                            class="menu-desktop-item menu-desktop-item--level2 "
4382                        >
4383                            
4384<a href="https://www.trefl.com/puzzle/puzzle-miasta"
4385    class="snowdog-menu-link "
4386            data-menu="menu-242"
4387    >
4388    Puzzle miasta</a>
4389                                                    </li>
4390
4391                                                                                            <li
4392                            class="menu-desktop-item menu-desktop-item--level2 "
4393                        >
4394                            
4395<a href="https://www.trefl.com/puzzle/puzzle-obrazy"
4396    class="snowdog-menu-link "
4397            data-menu="menu-243"
4398    >
4399    Puzzle obrazy</a>
4400                                                    </li>
4401
4402                                                                                            <li
4403                            class="menu-desktop-item menu-desktop-item--level2 "
4404                        >
4405                            
4406<a href="https://www.trefl.com/puzzle/puzzle-panoramiczne"
4407    class="snowdog-menu-link "
4408            data-menu="menu-244"
4409    >
4410    Puzzle panoramiczne</a>
4411                                                    </li>
4412
4413                                                                                            <li
4414                            class="menu-desktop-item menu-desktop-item--level2 "
4415                        >
4416                            
4417<a href="https://www.trefl.com/puzzle/puzzle-samochody"
4418    class="snowdog-menu-link "
4419            data-menu="menu-245"
4420    >
4421    Puzzle samochody</a>
4422                                                    </li>
4423
4424                                                                                            <li
4425                            class="menu-desktop-item menu-desktop-item--level2 "
4426                        >
4427                            
4428<a href="https://www.trefl.com/puzzle/puzzle-swiateczne"
4429    class="snowdog-menu-link "
4430            data-menu="menu-236"
4431    >
4432    Puzzle świąteczne</a>
4433                                                    </li>
4434
4435                                                                                            <li
4436                            class="menu-desktop-item menu-desktop-item--level2 "
4437                        >
4438                            
4439<a href="https://www.trefl.com/puzzle/akcesoria"
4440    class="snowdog-menu-link "
4441            data-menu="menu-8"
4442    >
4443    Akcesoria do puzzli</a>
4444                                                    </li>
4445
4446                                                            </ul>
4447                </div>
4448        </div>
4449                                                        </li>
4450                                                                    <li class="menu-desktop-item menu-desktop-item--level1 flex items-center
4451                                    "
4452                                                            @mouseenter="openSubmenuId = null"
4453                                                        role="menuitem"
4454                            >
4455                            <div class="menu-desktop-item-wrap relative flex items-center">
4456                                
4457<a href="https://www.trefl.com/puzzle/fotopuzzle"
4458    class="snowdog-menu-link "
4459            data-menu="menu-360"
4460    >
4461    Fotopuzzle</a>
4462
4463                                                            </div>
4464
4465                                                    </li>
4466                                                                    <li class="menu-desktop-item menu-desktop-item--level1 flex items-center
4467                                    "
4468                                                            @mouseenter="toggleSubmenu('9', null, $event)"
4469                                @keydown.enter.prevent="toggleSubmenu('9', null, $event)"
4470                                @keydown.space.prevent="toggleSubmenu('9', null, $event)"
4471                                @keydown.escape.prevent="toggleSubmenu('9', false, $event)"
4472                                aria-haspopup="true"
4473                                :aria-expanded="openSubmenuId === '9'"
4474                                :tabindex="openSubmenuId === '9' ? 0 : -1"
4475                                                        role="menuitem"
4476                            >
4477                            <div class="menu-desktop-item-wrap relative flex items-center">
4478                                
4479<a href="https://www.trefl.com/gry"
4480    class="snowdog-menu-link "
4481            data-menu="menu-9"
4482    >
4483    Gry</a>
4484
4485                                                                    <sp
4485an class="flex items-center justify-center ml-1.5" aria-hidden="true">
4486                                        <svg viewBox="0 0 10.012074 6.0120745" fill="currentColor" class="text-gray-gray" aria-hidden="true" width="10.012074" height="6.0120745" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M.2927864.3052882a1 1 0 0 1 1.4140001 0l3.293 3.293 3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414z" clip-rule="evenodd"/></svg>
4487                                    </span>
4488                                                            </div>
4489
4490                                                                            <div
4491            x-ref="submenu-9"
4492            class="menu-desktop-submenu absolute left-0 top-full w-full z-30 bg-white flex border-t border-gray-light shadow-md"
4493            x-show="openSubmenuId === '9'"
4494            x-cloak
4495        >
4496            <div class="container h-full">
4497                    <ul
4498                    class="menu-desktop-list menu-desktop-list--level2                         bg-white flex flex-col flex-wrap items-start content-start justify-start h-full"
4499                    title="Submenu for Gry"
4500                >
4501                                                                    <li
4502                            class="menu-desktop-item menu-desktop-item--level2 "
4503                        >
4504                            
4505<a href="https://www.trefl.com/gry/dla-dzieci"
4506    class="snowdog-menu-link "
4507            data-menu="menu-10"
4508    >
4509    Gry dla dzieci</a>
4510                                                    </li>
4511
4512                                                                                            <li
4513                            class="menu-desktop-item menu-desktop-item--level2 "
4514                        >
4515                            
4516<a href="https://www.trefl.com/gry/rodzinne"
4517    class="snowdog-menu-link "
4518            data-menu="menu-11"
4519    >
4520    Gry rodzinne</a>
4521                                                    </li>
4522
4523                                                                                            <li
4524                            class="menu-desktop-item menu-desktop-item--level2 "
4525                        >
4526                            
4527<a href="https://www.trefl.com/gry/towarzyskie"
4528    class="snowdog-menu-link "
4529            data-menu="menu-12"
4530    >
4531    Gry towarzyskie</a>
4532                                                    </li>
4533
4534                                                                                            <li
4535                            class="menu-desktop-item menu-desktop-item--level2 "
4536                        >
4537                            
4538<a href="https://www.trefl.com/gry/edukacyjne"
4539    class="snowdog-menu-link "
4540            data-menu="menu-13"
4541    >
4542    Gry edukacyjne</a>
4543                                                    </li>
4544
4545                                                                                            <li
4546                            class="menu-desktop-item menu-desktop-item--level2 "
4547                        >
4548                            
4549<a href="https://www.trefl.com/gry/dla-grup-przedszkoli"
4550    class="snowdog-menu-link "
4551            data-menu="menu-445"
4552    >
4553    Gry dla grup i przedszkoli</a>
4554                                                    </li>
4555
4556                                                                                            <li
4557                            class="menu-desktop-item menu-desktop-item--level2 "
4558                        >
4559                            
4560<a href="https://www.trefl.com/gry/planszowe-1"
4561    class="snowdog-menu-link "
4562            data-menu="menu-14"
4563    >
4564    Gry planszowe</a>
4565                                                    </li>
4566
4567                                                                                            <li
4568                            class="menu-desktop-item menu-desktop-item--level2 "
4569                        >
4570                            
4571<a href="https://www.trefl.com/gry/karciane"
4572    class="snowdog-menu-link "
4573            data-menu="menu-15"
4574    >
4575    Gry karciane</a>
4576                                                    </li>
4577
4578                                                                                            <li
4579                            class="menu-desktop-item menu-desktop-item--level2 "
4580                        >
4581                            
4582<a href="https://www.trefl.com/gry/domino-i-memos"
4583    class="snowdog-menu-link "
4584            data-menu="menu-16"
4585    >
4586    Domino i Memos</a>
4587                                                    </li>
4588
4589                                                    <span class="menu-desktop-separator" aria-hidden="true"></span>
4590                                                                                            <li
4591                            class="menu-desktop-item menu-desktop-item--level2 "
4592                        >
4593                            
4594<a href="https://www.trefl.com/gry/dla-3-latka"
4595    class="snowdog-menu-link "
4596            data-menu="menu-321"
4597    >
4598    Gry dla 3 latka</a>
4599                                                    </li>
4600
4601                                                                                            <li
4602                            class="menu-desktop-item menu-desktop-item--level2 "
4603                        >
4604                            
4605<a href="https://www.trefl.com/gry/dla-4-latka"
4606    class="snowdog-menu-link "
4607            data-menu="menu-322"
4608    >
4609    Gry dla 4 latka</a>
4610                                                    </li>
4611
4612                                                                                            <li
4613                            class="menu-desktop-item menu-desktop-item--level2 "
4614                        >
4615                            
4616<a href="https://www.trefl.com/gry/dla-dzieci-4-6-lat"
4617    class="snowdog-menu-link "
4618            data-menu="menu-323"
4619    >
4620    Gry dla dzieci 4-6 lat</a>
4621                                                    </li>
4622
4623                                                                                            <li
4624                            class="menu-desktop-item menu-desktop-item--level2 "
4625                        >
4626                            
4627<a href="https://www.trefl.com/gry/dla-dzieci-6-8-lat"
4628    class="snowdog-menu-link "
4629            data-menu="menu-324"
4630    >
4631    Gry dla dzieci 6-8 lat</a>
4632                                                    </li>
4633
4634                                                                                            <li
4635                            class="menu-desktop-item menu-desktop-item--level2 "
4636                        >
4637                            
4638<a href="https://www.trefl.com/gry/dla-dzieci-8-10-lat"
4639    class="snowdog-menu-link "
4640            data-menu="menu-325"
4641    >
4642    Gry dla dzieci 8-10 lat</a>
4643                                                    </li>
4644
4645                                                                                            <li
4646                            class="menu-desktop-item menu-desktop-item--level2 "
4647                        >
4648                            
4649<a href="https://www.trefl.com/gry/dla-dzieci-12-lat"
4650    class="snowdog-menu-link "
4651            data-menu="menu-326"
4652    >
4653    Gry dla dzieci 12+</a>
4654                                                    </li>
4655
4656                                                            </ul>
4657                </div>
4658        </div>
4659                                                        </li>
4660                                                                    <li class="menu-desktop-item menu-desktop-item--level1 flex items-center
4661                                    "
4662                                                            @mouseenter="toggleSubmenu('17', null, $event)"
4663                                @keydown.enter.prevent="toggleSubmenu('17', null, $event)"
4664                                @keydown.space.prevent="toggleSubmenu('17', null, $event)"
4665                                @keydown.escape.prevent="toggleSubmenu('17', false, $event)"
4666                                aria-haspopup="true"
4667                                :aria-expanded="openSubmenuId === '17'"
4668                                :tabindex="openSubmenuId === '17' ? 0 : -1"
4669                                                        role="menuitem"
4670                            >
4671                            <div class="menu-desktop-item-wrap relative flex items-center">
4672                                
4673<a href="https://www.trefl.com/zabawki"
4674    class="snowdog-menu-link "
4675            data-menu="menu-17"
4676    >
4677    Zabawki</a>
4678
4679                                                                    <sp
4679an class="flex items-center justify-center ml-1.5" aria-hidden="true">
4680                                        <svg viewBox="0 0 10.012074 6.0120745" fill="currentColor" class="text-gray-gray" aria-hidden="true" width="10.012074" height="6.0120745" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M.2927864.3052882a1 1 0 0 1 1.4140001 0l3.293 3.293 3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414z" clip-rule="evenodd"/></svg>
4681                                    </span>
4682                                                            </div>
4683
4684                                                                            <div
4685            x-ref="submenu-17"
4686            class="menu-desktop-submenu absolute left-0 top-full w-full z-30 bg-white flex border-t border-gray-light shadow-md"
4687            x-show="openSubmenuId === '17'"
4688            x-cloak
4689        >
4690            <div class="container h-full">
4691                    <ul
4692                    class="menu-desktop-list menu-desktop-list--level2                         bg-white flex flex-col flex-wrap items-start content-start justify-start h-full"
4693                    title="Submenu for Zabawki"
4694                >
4695                                                                    <li
4696                            class="menu-desktop-item menu-desktop-item--level2 "
4697                        >
4698                            
4699<a href="https://www.trefl.com/zabawki/dla-niemowlaka"
4700    class="snowdog-menu-link "
4701            data-menu="menu-18"
4702    >
4703    Zabawki dla niemowlaka</a>
4704                                                    </li>
4705
4706                                                                                            <li
4707                            class="menu-desktop-item menu-desktop-item--level2 "
4708                        >
4709                            
4710<a href="https://www.trefl.com/zabawki/1-3-lata"
4711    class="snowdog-menu-link "
4712            data-menu="menu-19"
4713    >
4714    Zabawki dla dzieci 1-3</a>
4715                                                    </li>
4716
4717                                                                                            <li
4718                            class="menu-desktop-item menu-desktop-item--level2 "
4719                        >
4720                            
4721<a href="https://www.trefl.com/zabawki/3-lata"
4722    class="snowdog-menu-link "
4723            data-menu="menu-20"
4724    >
4725    Zabawki dla 3 latka</a>
4726                                                    </li>
4727
4728                                                                                            <li
4729                            class="menu-desktop-item menu-desktop-item--level2 "
4730                        >
4731                            
4732<a href="https://www.trefl.com/zabawki/4-lata"
4733    class="snowdog-menu-link "
4734            data-menu="menu-21"
4735    >
4736    Zabawki dla 4 latka</a>
4737                                                    </li>
4738
4739                                                                                            <li
4740                            class="menu-desktop-item menu-desktop-item--level2 "
4741                        >
4742                            
4743<a href="https://www.trefl.com/zabawki/4-6-lat"
4744    class="snowdog-menu-link "
4745            data-menu="menu-22"
4746    >
4747    Zabawki dla dzieci 4-6</a>
4748                                                    </li>
4749
4750                                                                                            <li
4751                            class="menu-desktop-item menu-desktop-item--level2 "
4752                        >
4753                            
4754<a href="https://www.trefl.com/zabawki/6-8-lat"
4755    class="snowdog-menu-link "
4756            data-menu="menu-23"
4757    >
4758    Zabawki dla dzieci 6-8</a>
4759                                                    </li>
4760
4761                                                                                            <li
4762                            class="menu-desktop-item menu-desktop-item--level2 "
4763                        >
4764                            
4765<a href="https://www.trefl.com/zabawki/8-10-lat"
4766    class="snowdog-menu-link "
4767            data-menu="menu-24"
4768    >
4769    Zabawki dla dzieci 8-10</a>
4770                                                    </li>
4771
4772                                                                                            <li
4773                            class="menu-desktop-item menu-desktop-item--level2 "
4774                        >
4775                            
4776<a href="https://www.trefl.com/zabawki/do-kapieli"
4777    class="snowdog-menu-link "
4778            data-menu="menu-25"
4779    >
4780    Zabawki do kąpieli</a>
4781                                                    </li>
4782
4783                                                    <span class="menu-desktop-separator" aria-hidden="true"></span>
4784                                                                                            <li
4785                            class="menu-desktop-item menu-desktop-item--level2 "
4786                        >
4787                            
4788<a href="https://www.trefl.com/zabawki/drewniane"
4789    class="snowdog-menu-link "
4790            data-menu="menu-26"
4791    >
4792    Zabawki drewniane</a>
4793                                                    </li>
4794
4795                                                                                            <li
4796                            class="menu-desktop-item menu-desktop-item--level2 "
4797                        >
4798                            
4799<a href="https://www.trefl.com/zabawki/interaktywne"
4800    class="snowdog-menu-link "
4801            data-menu="menu-27"
4802    >
4803    Zabawki interaktywne</a>
4804                                                    </li>
4805
4806                                                                                            <li
4807                            class="menu-desktop-item menu-desktop-item--level2 "
4808                        >
4809                            
4810<a href="https://www.trefl.com/zabawki/klocki"
4811    class="snowdog-menu-link "
4812            data-menu="menu-28"
4813    >
4814    Klocki</a>
4815                                                    </li>
4816
4817                                                                                            <li
4818                            class="menu-desktop-item menu-desktop-item--level2 "
4819                        >
4820                            
4821<a href="https://www.trefl.com/zabawki/klocki/klocki-ceramiczne"
4822    class="snowdog-menu-link "
4823            data-menu="menu-399"
4824    >
4825    Klocki ceramiczne Brick Trick</a>
4826                                                    </li>
4827
4828                                                                                            <li
4829                            class="menu-desktop-item menu-desktop-item--level2 "
4830                        >
4831                            
4832<a href="https://www.trefl.com/zabawki/klocki/konstrukcyjne"
4833    class="snowdog-menu-link "
4834            data-menu="menu-599"
4835    >
4836    Klocki konstrukcyjne</a>
4837                                                    </li>
4838
4839                                                                                            <li
4840                            class="menu-desktop-item menu-desktop-item--level2 "
4841                        >
4842                            
4843<a href="https://www.trefl.com/zabawki/magiczne-sztuczki"
4844    class="snowdog-menu-link "
4845            data-menu="menu-449"
4846    >
4847    Magiczne Sztuczki</a>
4848                                                    </li>
4849
4850                                                                                            <li
4851                            class="menu-desktop-item menu-desktop-item--level2 "
4852                        >
4853                            
4854<a href="https://www.trefl.com/zabawki/modele"
4855    class="snowdog-menu-link "
4856            data-menu="menu-29"
4857    >
4858    Modele aut i pojazdów</a>
4859                                                    </li>
4860
4861                                                    <span class="menu-desktop-separator" aria-hidden="true"></span>
4862                                                                                            <li
4863                            class="menu-desktop-item menu-desktop-item--level2 "
4864                        >
4865                            
4866<a href="https://www.trefl.com/zabawki/outdoorowe"
4867    class="snowdog-menu-link "
4868            data-menu="menu-30"
4869    >
4870    Zabawki outdoorowe</a>
4871                                                    </li>
4872
4873                                                                                            <li
4874                            class="menu-desktop-item menu-desktop-item--level2 "
4875                        >
4876                            
4877<a href="https://www.trefl.com/zabawki/pilki"
4878    class="snowdog-menu-link "
4879            data-menu="menu-31"
4880    >
4881    Piłki</a>
4882                                                    </li>
4883
4884                                                                                            <li
4885                            class="menu-desktop-item menu-desktop-item--level2 "
4886                        >
4887                            
4888<a href="https://www.trefl.com/zabawki/kreatywne"
4889    class="snowdog-menu-link "
4890            data-menu="menu-392"
4891    >
4892    Zabawki kreatywne</a>
4893                                                    </li>
4894
4895                                                                                            <li
4896                            class="menu-desktop-item menu-desktop-item--level2 "
4897                        >
4898                            
4899<a href="https://www.trefl.com/zabawki/sensoryczne"
4900    class="snowdog-menu-link "
4901            data-menu="menu-32"
4902    >
4903    Zabawki sensoryczne</a>
4904                                                    </li>
4905
4906                                                                                            <li
4907                            class="menu-desktop-item menu-desktop-item--level2 "
4908                        >
4909                            
4910<a href="https://www.trefl.com/zabawki/hape"
4911    class="snowdog-menu-link "
4912            data-menu="menu-33"
4913    >
4914    Zabawki Hape</a>
4915                                                    </li>
4916
4917                                                                                            <li
4918                            class="menu-desktop-item menu-desktop-item--level2 "
4919                        >
4920                            
4921<a href="https://www.trefl.com/zabawki/zestawy-naukowe"
4922    class="snowdog-menu-link "
4923            data-menu="menu-34"
4924    >
4925    Zabawki naukowe</a>
4926                                                    </li>
4927
4928                                                            </ul>
4929                </div>
4930        </div>
4931                                                        </li>
4932                                                                    <li class="menu-desktop-item menu-desktop-item--level1 flex items-center
4933                                    "
4934                                                            @mouseenter="toggleSubmenu('35', null, $event)"
4935                                @keydown.enter.prevent="toggleSubmenu('35', null, $event)"
4936                                @keydown.space.prevent="toggleSubmenu('35', null, $event)"
4937                                @keydown.escape.prevent="toggleSubmenu('35', false, $event)"
4938                                aria-haspopup="true"
4939                                :aria-expanded="openSubmenuId === '35'"
4940                                :tabindex="openSubmenuId === '35' ? 0 : -1"
4941                                                        role="menuitem"
4942                            >
4943                            <div class="menu-desktop-item-wrap relative flex items-center">
4944                                
4945<a href="https://www.trefl.com/ksiazki"
4946    class="snowdog-menu-link "
4947            data-menu="menu-35"
4948    >
4949    Książki</a>
4950
4951                                                                    <sp
4951an class="flex items-center justify-center ml-1.5" aria-hidden="true">
4952                                        <svg viewBox="0 0 10.012074 6.0120745" fill="currentColor" class="text-gray-gray" aria-hidden="true" width="10.012074" height="6.0120745" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M.2927864.3052882a1 1 0 0 1 1.4140001 0l3.293 3.293 3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414z" clip-rule="evenodd"/></svg>
4953                                    </span>
4954                                                            </div>
4955
4956                                                                            <div
4957            x-ref="submenu-35"
4958            class="menu-desktop-submenu absolute left-0 top-full w-full z-30 bg-white flex border-t border-gray-light shadow-md"
4959            x-show="openSubmenuId === '35'"
4960            x-cloak
4961        >
4962            <div class="container h-full">
4963                    <ul
4964                    class="menu-desktop-list menu-desktop-list--level2                         bg-white flex flex-col flex-wrap items-start content-start justify-start h-full"
4965                    title="Submenu for Ksi&#x0105;&#x017C;ki"
4966                >
4967                                                                    <li
4968                            class="menu-desktop-item menu-desktop-item--level2 "
4969                        >
4970                            
4971<a href="https://www.trefl.com/ksiazki/dla-dzieci/dla-dzieci-1-2-lata"
4972    class="snowdog-menu-link "
4973            data-menu="menu-602"
4974    >
4975    Książki dla dzieci 1-2 lata</a>
4976                                                    </li>
4977
4978                                                                                            <li
4979                            class="menu-desktop-item menu-desktop-item--level2 "
4980                        >
4981                            
4982<a href="https://www.trefl.com/ksiazki/dla-dzieci/dla-dzieci-3-5-lat"
4983    class="snowdog-menu-link "
4984            data-menu="menu-603"
4985    >
4986    Książki dla dzieci 3-5 lat</a>
4987                                                    </li>
4988
4989                                                                                            <li
4990                            class="menu-desktop-item menu-desktop-item--level2 "
4991                        >
4992                            
4993<a href="https://www.trefl.com/ksiazki/dla-dzieci/dla-dzieci-6-8-lat"
4994    class="snowdog-menu-link "
4995            data-menu="menu-604"
4996    >
4997    Książki dla dzieci 6-8 lat</a>
4998                                                    </li>
4999
5000                                                                                            <li
5001                            class="menu-desktop-item menu-desktop-item--level2 "
5002                        >
5003                            
5004<a href="https://www.trefl.com/ksiazki/dla-dzieci/dla-dzieci-9-12-lat"
5005    class="snowdog-menu-link "
5006            data-menu="menu-605"
5007    >
5008    Książki dla dzieci 9-12 lat</a>
5009                                                    </li>
5010
5011                                                                                            <li
5012                            class="menu-desktop-item menu-desktop-item--level2 "
5013                        >
5014                            
5015<a href="https://www.trefl.com/ksiazki/ksiazki-dla-rodzicow"
5016    class="snowdog-menu-link "
5017            data-menu="menu-37"
5018    >
5019    Książki dla rodziców</a>
5020                                                    </li>
5021
5022                                                                                            <li
5023                            class="menu-desktop-item menu-desktop-item--level2 "
5024                        >
5025                            
5026<a href="https://www.trefl.com/ksiazki/kolorowanki"
5027    class="snowdog-menu-link "
5028            data-menu="menu-606"
5029    >
5030    Kolorowanki</a>
5031                                                    </li>
5032
5033                                                            </ul>
5034                </div>
5035        </div>
5036                                                        </li>
5037                                                                    <li class="menu-desktop-item menu-desktop-item--level1 flex items-center
5038                                    "
5039                                                            @mouseenter="toggleSubmenu('39', null, $event)"
5040                                @keydown.enter.prevent="toggleSubmenu('39', null, $event)"
5041                                @keydown.space.prevent="toggleSubmenu('39', null, $event)"
5042                                @keydown.escape.prevent="toggleSubmenu('39', false, $event)"
5043                                aria-haspopup="true"
5044                                :aria-expanded="openSubmenuId === '39'"
5045                                :tabindex="openSubmenuId === '39' ? 0 : -1"
5046                                                        role="menuitem"
5047                            >
5048                            <div class="menu-desktop-item-wrap relative flex items-center">
5049                                
5050<a href="https://www.trefl.com/rodzina-treflikow"
5051    class="snowdog-menu-link "
5052            data-menu="menu-39"
5053    >
5054    Trefliki</a>
5055
5056                                                                    <sp
5056an class="flex items-center justify-center ml-1.5" aria-hidden="true">
5057                                        <svg viewBox="0 0 10.012074 6.0120745" fill="currentColor" class="text-gray-gray" aria-hidden="true" width="10.012074" height="6.0120745" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M.2927864.3052882a1 1 0 0 1 1.4140001 0l3.293 3.293 3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414z" clip-rule="evenodd"/></svg>
5058                                    </span>
5059                                                            </div>
5060
5061                                                                            <div
5062            x-ref="submenu-39"
5063            class="menu-desktop-submenu absolute left-0 top-full w-full z-30 bg-white flex border-t border-gray-light shadow-md"
5064            x-show="openSubmenuId === '39'"
5065            x-cloak
5066        >
5067            <div class="container h-full">
5068                    <ul
5069                    class="menu-desktop-list menu-desktop-list--level2                         bg-white flex flex-col flex-wrap items-start content-start justify-start h-full"
5070                    title="Submenu for Trefliki"
5071                >
5072                                                                    <li
5073                            class="menu-desktop-item menu-desktop-item--level2 "
5074                        >
5075                            
5076<a href="https://www.trefl.com/rodzina-treflikow/puzzle"
5077    class="snowdog-menu-link "
5078            data-menu="menu-40"
5079    >
5080    Puzzle Rodzina Treflików</a>
5081                                                    </li>
5082
5083                                                                                            <li
5084                            class="menu-desktop-item menu-desktop-item--level2 "
5085                        >
5086                            
5087<a href="https://www.trefl.com/rodzina-treflikow/gry"
5088    class="snowdog-menu-link "
5089            data-menu="menu-41"
5090    >
5091    Gry Rodzina Treflików</a>
5092                                                    </li>
5093
5094                                                                                            <li
5095                            class="menu-desktop-item menu-desktop-item--level2 "
5096                        >
5097                            
5098<a href="https://www.trefl.com/rodzina-treflikow/zabawki"
5099    class="snowdog-menu-link "
5100            data-menu="menu-42"
5101    >
5102    Zabawki Rodzina Treflików</a>
5103                                                    </li>
5104
5105                                                                                            <li
5106                            class="menu-desktop-item menu-desktop-item--level2 "
5107                        >
5108                            
5109<a href="https://www.trefl.com/rodzina-treflikow/ksiazki"
5110    class="snowdog-menu-link "
5111            data-menu="menu-43"
5112    >
5113    Książki Rodzina Treflików</a>
5114                                                    </li>
5115
5116                                                            </ul>
5117                </div>
5118        </div>
5119                                                        </li>
5120                                                                    <li class="menu-desktop-item menu-desktop-item--level1 flex items-center
5121                                    "
5122                                                            @mouseenter="toggleSubmenu('44', null, $event)"
5123                                @keydown.enter.prevent="toggleSubmenu('44', null, $event)"
5124                                @keydown.space.prevent="toggleSubmenu('44', null, $event)"
5125                                @keydown.escape.prevent="toggleSubmenu('44', false, $event)"
5126                                aria-haspopup="true"
5127                                :aria-expanded="openSubmenuId === '44'"
5128                                :tabindex="openSubmenuId === '44' ? 0 : -1"
5129                                                        role="menuitem"
5130                            >
5131                            <div class="menu-desktop-item-wrap relative flex items-center">
5132                                
5133<a href="https://www.trefl.com/prezenty"
5134    class="snowdog-menu-link "
5135            data-menu="menu-44"
5136    >
5137    Prezenty</a>
5138
5139                                                                    <sp
5139an class="flex items-center justify-center ml-1.5" aria-hidden="true">
5140                                        <svg viewBox="0 0 10.012074 6.0120745" fill="currentColor" class="text-gray-gray" aria-hidden="true" width="10.012074" height="6.0120745" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M.2927864.3052882a1 1 0 0 1 1.4140001 0l3.293 3.293 3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414z" clip-rule="evenodd"/></svg>
5141                                    </span>
5142                                                            </div>
5143
5144                                                                            <div
5145            x-ref="submenu-44"
5146            class="menu-desktop-submenu absolute left-0 top-full w-full z-30 bg-white flex border-t border-gray-light shadow-md"
5147            x-show="openSubmenuId === '44'"
5148            x-cloak
5149        >
5150            <div class="container h-full">
5151                    <ul
5152                    class="menu-desktop-list menu-desktop-list--level2                         bg-white flex flex-col flex-wrap items-start content-start justify-start h-full"
5153                    title="Submenu for Prezenty"
5154                >
5155                                                                    <li
5156                            class="menu-desktop-item menu-desktop-item--level2 "
5157                        >
5158                            
5159<a href="https://www.trefl.com/prezenty/dla-dzieci"
5160    class="snowdog-menu-link "
5161            data-menu="menu-578"
5162    >
5163    Prezenty dla dzieci</a>
5164                                                    </li>
5165
5166                                                                                            <li
5167                            class="menu-desktop-item menu-desktop-item--level2 "
5168                        >
5169                            
5170<a href="https://www.trefl.com/prezenty/dla-dzieci/0-2-lata"
5171    class="snowdog-menu-link "
5172            data-menu="menu-490"
5173    >
5174    Prezenty dla dzieci 0-2 lata</a>
5175                                                    </li>
5176
5177                                                                                            <li
5178                            class="menu-desktop-item menu-desktop-item--level2 "
5179                        >
5180                            
5181<a href="https://www.trefl.com/prezenty/dla-dzieci/3-5-lat"
5182    class="snowdog-menu-link "
5183            data-menu="menu-491"
5184    >
5185    Prezenty dla dzieci 3-5 lat</a>
5186                                                    </li>
5187
5188                                                                                            <li
5189                            class="menu-desktop-item menu-desktop-item--level2 "
5190                        >
5191                            
5192<a href="https://www.trefl.com/prezenty/dla-dzieci/6-8-lat"
5193    class="snowdog-menu-link "
5194            data-menu="menu-492"
5195    >
5196    Prezenty dla dzieci 6-8 lat</a>
5197                                                    </li>
5198
5199                                                                                            <li
5200                            class="menu-desktop-item menu-desktop-item--level2 "
5201                        >
5202                            
5203<a href="https://www.trefl.com/prezenty/dla-dzieci/9-12-lat"
5204    class="snowdog-menu-link "
5205            data-menu="menu-493"
5206    >
5207    Prezenty dla dzieci 9-12 lat</a>
5208                                                    </li>
5209
5210                                                                                            <li
5211                            class="menu-desktop-item menu-desktop-item--level2 "
5212                        >
5213                            
5214<a href="https://www.trefl.com/prezenty/dla-dzieci/13-lat-i-dorosli"
5215    class="snowdog-menu-link "
5216            data-menu="menu-494"
5217    >
5218    Prezenty dla dzieci 13+ i dorosłych</a>
5219                                                    </li>
5220
5221                                                                                            <li
5222                            class="menu-desktop-item menu-desktop-item--level2 "
5223                        >
5224                            
5225<a href="https://www.trefl.com/prezenty/swiateczne"
5226    class="snowdog-menu-link "
5227            data-menu="menu-465"
5228    >
5229    Prezenty świąteczne</a>
5230                                                    </li>
5231
5232                                                                                            <li
5233                            class="menu-desktop-item menu-desktop-item--level2 "
5234                        >
5235                            
5236<a href="https://www.trefl.com/prezenty/urodzinowe"
5237    class="snowdog-menu-link "
5238            data-menu="menu-466"
5239    >
5240    Prezenty urodzinowe</a>
5241                                                    </li>
5242
5243                                                    <span class="menu-desktop-separator" aria-hidden="true"></span>
5244                                                                                            <li
5245                            class="menu-desktop-item menu-desktop-item--level2 "
5246                        >
5247                            
5248<a href="https://www.trefl.com/prezenty/rodzinne"
5249    class="snowdog-menu-link "
5250            data-menu="menu-467"
5251    >
5252    Prezenty rodzinne</a>
5253                                                    </li>
5254
5255                                                                                            <li
5256                            class="menu-desktop-item menu-desktop-item--level2 "
5257                        >
5258                            
5259<a href="https://www.trefl.com/prezenty/wielkanocne-i-wiosenne"
5260    class="snowdog-menu-link "
5261            data-menu="menu-468"
5262    >
5263    Prezenty wielkanocne i wiosenne</a>
5264                                                    </li>
5265
5266                                                                                            <li
5267                            class="menu-desktop-item menu-desktop-item--level2 "
5268                        >
5269                            
5270<a href="https://www.trefl.com/prezenty/gry-planszowe-na-prezent"
5271    class="snowdog-menu-link "
5272            data-menu="menu-469"
5273    >
5274    Gry planszowe na prezent</a>
5275                                                    </li>
5276
5277                                                            </ul>
5278                </div>
5279        </div>
5280                                                        </li>
5281                                                                    <li class="menu-desktop-item menu-desktop-item--level1 flex items-center
5282                                    "
5283                                                            @mouseenter="openSubmenuId = null"
5284                                                        role="menuitem"
5285                            >
5286                            <div class="menu-desktop-item-wrap relative flex items-center">
5287                                
5288<a href="https://www.trefl.com/nowosci"
5289    class="snowdog-menu-link "
5290            data-menu="menu-457"
5291    >
5292    Nowości</a>
5293
5294                                                            </div>
5295
5296                                                    </li>
5297                                                                    <li class="menu-desktop-item menu-desktop-item--level1 flex items-center
5298                                    "
5299                                                            @mouseenter="openSubmenuId = null"
5300                                                        role="menuitem"
5301                            >
5302                            <div class="menu-desktop-item-wrap relative flex items-center">
5303                                
5304<a href="https://www.trefl.com/puzzle-gry-zabawki-tylko-u-nas"
5305    class="snowdog-menu-link "
5306            data-menu="menu-568"
5307    >
5308    Tylko u nas!</a>
5309
5310                                                            </div>
5311
5312                                                    </li>
5313                                                                    <li class="menu-desktop-item menu-desktop-item--level1 flex items-center
5314                                    "
5315                                                            @mouseenter="toggleSubmenu('45', null, $event)"
5316                                @keydown.enter.prevent="toggleSubmenu('45', null, $event)"
5317                                @keydown.space.prevent="toggleSubmenu('45', null, $event)"
5318                                @keydown.escape.prevent="toggleSubmenu('45', false, $event)"
5319                                aria-haspopup="true"
5320                                :aria-expanded="openSubmenuId === '45'"
5321                                :tabindex="openSubmenuId === '45' ? 0 : -1"
5322                                                        role="menuitem"
5323                            >
5324                            <div class="menu-desktop-item-wrap relative flex items-center">
5325                                
5326<a href="https://www.trefl.com/promocje"
5327    class="snowdog-menu-link "
5328            data-menu="menu-45"
5329    >
5330    Promocje</a>
5331
5332                                                                    <sp
5332an class="flex items-center justify-center ml-1.5" aria-hidden="true">
5333                                        <svg viewBox="0 0 10.012074 6.0120745" fill="currentColor" class="text-gray-gray" aria-hidden="true" width="10.012074" height="6.0120745" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M.2927864.3052882a1 1 0 0 1 1.4140001 0l3.293 3.293 3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414z" clip-rule="evenodd"/></svg>
5334                                    </span>
5335                                                            </div>
5336
5337                                                                            <div
5338            x-ref="submenu-45"
5339            class="menu-desktop-submenu absolute left-0 top-full w-full z-30 bg-white flex border-t border-gray-light shadow-md"
5340            x-show="openSubmenuId === '45'"
5341            x-cloak
5342        >
5343            <div class="container h-full">
5344                    <ul
5345                    class="menu-desktop-list menu-desktop-list--level2                         bg-white flex flex-col flex-wrap items-start content-start justify-start h-full"
5346                    title="Submenu for Promocje"
5347                >
5348                                                                    <li
5349                            class="menu-desktop-item menu-desktop-item--level2 "
5350                        >
5351                            
5352<a href="https://www.trefl.com/promocje/puzzle"
5353    class="snowdog-menu-link "
5354            data-menu="menu-583"
5355    >
5356    Puzzle w promocji</a>
5357                                                    </li>
5358
5359                                                                                            <li
5360                            class="menu-desktop-item menu-desktop-item--level2 "
5361                        >
5362                            
5363<a href="https://www.trefl.com/promocje/gry"
5364    class="snowdog-menu-link "
5365            data-menu="menu-584"
5366    >
5367    Gry w promocji</a>
5368                                                    </li>
5369
5370                                                                                            <li
5371                            class="menu-desktop-item menu-desktop-item--level2 "
5372                        >
5373                            
5374<a href="https://www.trefl.com/promocje/zabawki"
5375    class="snowdog-menu-link "
5376            data-menu="menu-585"
5377    >
5378    Zabawki w promocji</a>
5379                                                    </li>
5380
5381                                                                                            <li
5382                            class="menu-desktop-item menu-desktop-item--level2 "
5383                        >
5384                            
5385<a href="https://www.trefl.com/promocje/ksiazki"
5386    class="snowdog-menu-link "
5387            data-menu="menu-586"
5388    >
5389    Książki w promocji</a>
5390                                                    </li>
5391
5392                                                            </ul>
5393                </div>
5394        </div>
5395                                                        </li>
5396                                    </ul>
5397
5398                    <div class="free-delivery-truck-animation flex items-center font-sans gap-x-3">
5399        <span class="font-medium leading-5" style="font-size: 0.775rem;">
5400            Darmowa dostawa
5401            <span class="block font-bold">
5402                już od 150 zł            </span>
5403        </span>
5404
5405        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1446 1024" class="overflow-visible transform-gpu" width="26" height="26" style="color: #858585" aria-hidden="true">
5406<path class="truck" fill="currentColor" d="M1439.681 518.326l-91.421-117.134-101.625-212.84c-31.63-65.709-97.951-107.747-170.803-107.951h-185.087v-48.976c0-17.346-14.285-31.426-31.63-31.426h-674.64c-17.346 0-31.426 14.081-31.426 31.63s14.081 31.63 31.63 31.63h643.010v353.033c0 17.346 14.081 31.63 31.63 31.63h445.679l78.973 100.808v269.366h-121.419c-16.937-95.299-107.747-158.967-203.045-142.029-72.443 12.856-129.173 69.586-142.029 142.029h-313.444c-16.937-95.299-107.747-1
540658.967-203.045-142.029-72.443 12.856-129.173 69.586-142.029 142.029h-90.197c-17.346 0-31.63 14.081-31.63 31.63 0 17.346 14.081 31.63 31.63 31.63h90.401c17.754 95.299 109.583 157.947 204.678 140.193 71.219-13.264 126.725-68.974 140.193-140.193h312.628c17.754 95.299 109.583 157.947 204.678 140.193 71.219-13.264 126.725-68.974 140.193-140.193h121.623c34.895 0 63.056-28.161 63.056-63.056v-280.59c0-6.938-2.245-13.876-6.53-19.386zM890.745 385.071v-241.613h185.495c48.568 0 93.054 27.957 113.868 72.035l81.014 169.782h-380.378zM543.834 848.708c0 62.036-50.404 112.236-112.236 112.236-62.036 0-112.644-50.2-112.644-112.236s50.2-112.644 112.236-112.644c62.036 0 112.644 50.2 112.644 112.236 0 0.204 0 0.204 0 0.408zM1201.537 848.708c0 62.036-50.404 112.236-112.44 112.236s-112.44-50.404-112.44-112.44c0-62.036 50.404-112.44 112.44-112.44 62.24 0 112.44 50.404 112.44 112.644 0-0.204 0 0 0 0z"/>
5407<path class="truck-line-bottom" fill="currentColor" d="M315.485 606.482c0-17.346-14.081-31.63-31.63-31.63h-173.456c-17.346 0-31.63 14.081-31.63 31.63s14.081 31.63 31.63 31.63h173.456c17.55-0.204 31.63-14.285 31.63-31.63z"/>
5408<path class="truck-line-middle" fill="currentColor" d="M425.884 417.11c0-17.346-14.081-31.63-31.63-31.63h-362.624c-17.346 0-31.63 14.081-31.63 31.63 0 17.346 14.081 31.63 31.63 31.63h362.828c17.346 0 31.426-14.285 31.426-31.63z"/>
5409<path class="truck-line-top" fill="currentColor" d="M110.399 259.367h362.828c17.346 0 31.63-14.081 31.63-31.63s-14.081-31.63-31.63-31.63h-362.828c-17.346 0-31.63 14.081-31.63 31.63s14.285 31.63 31.63 31.63z"/>
5410</svg>
5411    </div>
5412
5413    <style>
5414    .free-delivery-truck-animation {
5415        .truck,
5416        .truck-line-bottom,
5417        .truck-line-middle,
5418        .truck-line-top {
5419            animation-duration: 3s;
5420            animation-iteration-count: infinite;
5421            transform: translateX(-3000px);
5422            will-change: transform;
5423        }
5424
5425        .truck {
5426            animation-name: move-truck;
5427        }
5428
5429        .truck-line-bottom,
5430        .truck-line-middle,
5431        .truck-line-top {
5432            animation-name: move-truck-line;
5433        }
5434
5435        .truck-line-middle {
5436            animation-delay: 25ms;
5437        }
5438
5439        .truck-line-bottom {
5440            animation-delay: 50ms;
5441        }
5442    }
5443
5444    @media (prefers-reduced-motion: reduce) {
5445        .free-delivery-truck-animation {
5446            .truck,
5447            .truck-line-bottom,
5448            .truck-line-middle,
5449            .truck-line-top {
5450                animation-duration: 0s;
5451                transform: translateX(0);
5452            }
5453        }
5454    }
5455
5456    @keyframes move-truck {
5457        0% {
5458            transform: translateX(-3000px);
5459        }
5460        10% {
5461            transform: rotate(6deg);
5462        }
5463        20% {
5464            transform:rotate(4deg);
5465        }
5466        60% {
5467            transform: translateX(-400px);
5468        }
5469        70% {
5470            opacity: 1;
5471        }
5472        92% {
5473            opacity: 0;
5474        }
5475        100% {
5476            transform: translateX(6000px);
5477            opacity: 0;
5478        }
5479    }
5480
5481    @keyframes move-truck-line {
5482        0% {
5483            transform: translateX(-3000px);
5484        }
5485        10% {
5486            transform: rotate(4deg);
5487        }
5488        20% {
5489            transform: rotate(2deg);
5490        }
5491        55%, 60%, 65% {
5492            transform: translateX(-400px);
5493        }
5494        70% {
5495            opacity: 1;
5496        }
5497        92% {
5498            opacity: 0;
5499        }
5500        100% {
5501            transform: translateX(6000px);
5502            opacity: 0;
5503        }
5504    }
5505</style>
5506            </nav>
5507        </div>
5508    </div>
5509</header><main id="maincontent" class="page-main"><div id="contentarea" tabindex="-1"></div>
5510<div class="page messages">
5510<script>
5511        function initMessages() {
5512        "use strict";
5513        return {
5514            messages: window.mageMessages || [],
5515            isEmpty() {
5516                return this.messages.reduce(
5517                    function (isEmpty, message) {
5518                        return isEmpty && message === undefined
5519                    }, true
5520                )
5521            },
5522            hasMessages() {
5523                return !this.isEmpty();
5524            },
5525            hasMessage() {
5526                return !!this.message;
5527            },
5528            removeMessage() {
5529                this.messages[this.index] = undefined;
5530            },
5531            addMessages(messages, hideAfter) {
5532                messages.map((message) => {
5533                    this.messages = this.messages.concat(message);
5534                    if (hideAfter === undefined && message.type === 'success' && window.defaultSuccessMessageTimeout) {
5535                        hideAfter = window.defaultSuccessMessageTimeout;
5536                    }
5537                    if (hideAfter) {
5538                        this.setHideTimeOut(this.messages.length -1, hideAfter);
5539                    }
5540                });
5541            },
5542            setHideTimeOut(messageIndex, hideAfter) {
5543                setTimeout((messageIndex) => {
5544                    this.messages[messageIndex] = undefined;
5545                }, hideAfter, messageIndex);
5546            },
5547            eventListeners: {
5548                ['@messages-loaded.window'](event) {
5549                    this.addMessages(event.detail.messages, event.detail.hideAfter)
5550                },
5551                ['@private-content-loaded.window'](event) {
5552                    const data = event.detail.data;
5553                    if (
5554                        data.messages &&
5555                        data.messages.messages &&
5556                        data.messages.messages.length
5557                    ) {
5558                        this.addMessages(data.messages.messages);
5559                    }
5560                },
5561                ['@clear-messages.window']() {
5562                    this.messages = [];
5563                }
5564            },
5565            getMessageUiId() {
5566                return 'message-' + this.message.type;
5567            }
5568        }
5569    }
5570
5571    window.addEventListener('alpine:init', () => Alpine.data('initMessages', initMessages), {once: true})
5572</script>
5572
5573<section id="messages"
5574         x-data="initMessages"
5575         x-bind="eventListeners"
5576         role="alert"
5577>
5578    <template x-if="hasMessages">
5579        <div class="w-full">
5580            <div class="messages container mx-auto py-3">
5581                <template x-for="(message, index) in messages" :key="index">
5582                    <div>
5583                        <template x-if="hasMessage">
5584                            <div class="message"
5585                                 :class="message.type"
5586                                 :ui-id="getMessageUiId"
5587                            >
5588                                <span x-html="message.text"></span>
5589                                <button
5590                                    type="button"
5591                                    class="text-gray-600 hover:text-black"
5592                                    aria-label="Zamknij wiadomość"
5593                                    @click.prevent="removeMessage"
5594                                >
5595                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="stroke-current" width="18" height="18" aria-hidden="true">
5596  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
5597</svg>
5598                                </button>
5599                            </div>
5600                        </template>
5601                    </div>
5602                </template>
5603            </div>
5604        </div>
5605    </template>
5606</section>
5607</div><div id="page-title" class="bg-gray-light mb-6 lg:mb-12"><div class="container py-8 lg:py-16 flex flex-col lg:flex-row justify-between items-center gap-4">    <div class="flex flex-col">
5608        <h1 class="font-sans font-normal text-2xl lg:text-4xl text-black"
5609            >
5610            <span class="base" data-ui-id="page-title-wrapper" >Promocje Trefl</span>        </h1>
5611            </div>
5612    <nav class="breadcrumbs" aria-label="Breadcrumb">
5613        <ol class="items list-reset flex flex-wrap text-xs text-gray-dark font-medium max-w-md">
5614                            <li class="item flex home">
5615                                                                <a href="https://www.trefl.com/"
5616                           title="Przejd&#x017A;&#x20;na&#x20;stron&#x0119;&#x20;g&#x0142;&#xF3;wn&#x0105;"
5617                           class="hover:underline"
5618                        >Strona główna</a>
5619                                    </li>
5620                            <li class="item flex category26">
5621                                            <span aria-hidden="true" class="separator px-2">/</span>
5622                                                                <span
5623                            class="text-primary line-clamp-1"
5624                            aria-current="page"
5625                        >Promocje Trefl</span>
5626                                    </li>
5627                    </ol>
5628    </nav>
5629    
5629<script type="application/ld+json">
5630        {
5631                "@context": "http://schema.org",
5632        "@type": "BreadcrumbList",
5633        "itemListElement": [
5634            {
5635            "@type": "ListItem",
5636            "position": "1",
5637            "item": {
5638                "@id": "https://www.trefl.com/",
5639                "name": "Strona główna"
5640            }
5641    }
5642        ,            {
5643            "@type": "ListItem",
5644            "position": "2",
5645            "item": {
5646                "@id": "",
5647                "name": "Promocje Trefl"
5648            }
5649    }
5650                        ]
5651    }
5652    </script>
5652
5653</div></div><div class="columns"><aside class="sidebar sidebar-main">
5654    <div x-data="mobileFilters()">
5655        <input id="mobile-filters-switch"
5656               type="checkbox"
5657               class="hidden"
5658               aria-hidden="true"
5659               @change="$dispatch('toggle-mobile-filters', { isOpen: $el.checked })"
5660        />
5661
5662        <div
5663            role="region"
5664            aria-label="Filtry&#x20;produkt&#xF3;w"
5665            class="block filters-container md:min-w-56 md:border-0 xl:pr-4 xl:max-w-72"
5666        >
5667            <p class="block-title hidden md:flex items-center justify-between mb-3">
5668                <span class="text-black text-md md:text-xl font-medium leading-7">
5669                    Kategorie                </span>
5670            </p>
5671
5672            <label for="mobile-filters-switch"
5673                   class="bg-primary h-14 w-full flex items-center justify-between text-white font-bold px-4 md:hidden z-10 sticky top-0"
5674            >
5675                Filtrowanie                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-white" width="26" height="26" role="img">
5676  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
5677<title>x</title></svg>
5678            </label>
5679
5680            <div id="filters-content"
5681                 class="block-content filter-content pt-3"
5682            >
5683                                <a
5684                    href="#product-list"
5685                    class="sr-only focus:not-sr-only bg-primary font-bold text-white p-4 text-center block rounded-lg"
5686                >
5687                    Przejdź do listy produktów                </a>
5688                                                            <div
5689                            role="group"
5690                            aria-labelledby="filter-option-0-title"
5691                            class="filter-option filter-option-0 mb-12"
5692                        >
5693                            
5694                            <div
5695                                id="filter-option-0-content"
5696                                class="filter-options-content"
5697                            >
5698                                
5699
5700
5701    <ul class="level1">
5702                    
5703            <li x-data="{ isOpened: true }"
5704                x-show="isOpened"
5705                class="level1"
5706                            >
5707                <a
5708                    href="https://www.trefl.com/puzzle"
5709                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 my-1 font-medium"
5710                >
5711                    Puzzle
5712                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-gray-gray ml-2" width="20" height="16" role="img">
5713  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
5714<title>chevron-down</title></svg>
5715                                    </a>
5716
5717                
5718    <ul class="level2">
5719                    
5720            <li x-data="{ isOpened: false }"
5721                x-show="isOpened"
5722                class="level2"
5723                                    x-cloak
5724                            >
5725                <a
5726                    href="https://www.trefl.com/puzzle/dla-dzieci"
5727                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
5728                >
5729                    Puzzle dla dzieci
5730                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-gray-gray ml-2" width="20" height="16" role="img">
5731  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
5732<title>chevron-down</title></svg>
5733                                    </a>
5734
5735                
5736    <ul class="level3">
5737                    
5738            <li x-data="{ isOpened: false }"
5739                x-show="isOpened"
5740                class="level3"
5741                                    x-cloak
5742                            >
5743                <a
5744                    href="https://www.trefl.com/puzzle/dla-dzieci/auta"
5745                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 roun
5745ded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
5746                >
5747                    Puzzle Auta
5748                                    </a>
5749
5750                            </li>
5751                    
5752            <li x-data="{ isOpened: false }"
5753                x-show="isOpened"
5754                class="level3"
5755                                    x-cloak
5756                            >
5757                <a
5758                    href="https://www.trefl.com/puzzle/dla-dzieci/baby-shark"
5759                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
5760                >
5761                    Puzzle Baby Shark
5762                                    </a>
5763
5764                            </li>
5765                    
5766            <li x-data="{ isOpened: false }"
5767                x-show="isOpened"
5768                class="level3"
5769                                    x-cloak
5770                            >
5771                <a
5772                    href="https://www.trefl.com/puzzle/dla-dzieci/bing"
5773                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
5774                >
5775                    Puzzle Bing
5776                                    </a>
5777
5778                            </li>
5779                    
5780            <li x-data="{ isOpened: false }"
5781                x-show="isOpened"
5782                class="level3"
5783                                    x-cloak
5784                            >
5785                <a
5786                    href="https://www.trefl.com/puzzle/dla-dzieci/bob-budowniczy"
5787                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
5788                >
5789                    Puzzle Bob Budowniczy
5790                                    </a>
5791
5792                            </li>
5793                    
5794            <li x-data="{ isOpened: false }"
5795                x-show="isOpened"
5796                class="level3"
5797                                    x-cloak
5798                            >
5799                <a
5800                    href="https://www.trefl.com/puzzle/dla-dzieci/enchantimals"
5801                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
5802                >
5803                    Puzzle EnchanTimals
5804                                    </a>
5805
5806                            </li>
5807                    
5808            <li x-data="{ isOpened: false }"
5809                x-show="isOpened"
5810                class="level3"
5811                                    x-cloak
5812                            >
5813                <a
5814                    href="https://www.trefl.com/puzzle/dla-dzieci/kicia-kocia"
5815                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
5816                >
5817                    Puzzle Kicia Kocia
5818                                    </a>
5819
5820                            </li>
5821                    
5822            <li x-data="{ isOpened: false }"
5823                x-show="isOpened"
5824                class="level3"
5825                                    x-cloak
5826                            >
5827                <a
5828                    href="https://www.trefl.com/puzzle/dla-dzieci/puzzle-koci-domek-gabi"
5829                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
5830                >
5831                    Puzzle Koci Domek Gabi
5832                                    </a>
5833
5834                            </li>
5835                    
5836            <li x-data="{ isOpened: false }"
5837                x-show="isOpened"
5838                class="level3"
5839                                    x-cloak
5840                            >
5841                <a
5842                    href="https://www.trefl.com/puzzle/dla-dzieci/kraina-lodu"
5843                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 roun
5843ded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
5844                >
5845                    Puzzle Kraina Lodu
5846                                    </a>
5847
5848                            </li>
5849                    
5850            <li x-data="{ isOpened: false }"
5851                x-show="isOpened"
5852                class="level3"
5853                                    x-cloak
5854                            >
5855                <a
5856                    href="https://www.trefl.com/puzzle/dla-dzieci/kubus-puchatek"
5857                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
5858                >
5859                    Puzzle Kubuś Puchatek
5860                                    </a>
5861
5862                            </li>
5863                    
5864            <li x-data="{ isOpened: false }"
5865                x-show="isOpened"
5866                class="level3"
5867                                    x-cloak
5868                            >
5869                <a
5870                    href="https://www.trefl.com/puzzle/dla-dzieci/minionki"
5871                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
5872                >
5873                    Puzzle Minionki
5874                                    </a>
5875
5876                            </li>
5877                    
5878            <li x-data="{ isOpened: false }"
5879                x-show="isOpened"
5880                class="level3"
5881                                    x-cloak
5882                            >
5883                <a
5884                    href="https://www.trefl.com/puzzle/dla-dzieci/minnie"
5885                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
5886                >
5887                    Puzzle Minnie
5888                                    </a>
5889
5890                            </li>
5891                    
5892            <li x-data="{ isOpened: false }"
5893                x-show="isOpened"
5894                class="level3"
5895                                    x-cloak
5896                            >
5897                <a
5898                    href="https://www.trefl.com/puzzle/dla-dzieci/muminki"
5899                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
5900                >
5901                    Puzzle Muminki
5902                                    </a>
5903
5904                            </li>
5905                    
5906            <li x-data="{ isOpened: false }"
5907                x-show="isOpened"
5908                class="level3"
5909                                    x-cloak
5910                            >
5911                <a
5912                    href="https://www.trefl.com/puzzle/dla-dzieci/my-little-pony"
5913                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
5914                >
5915                    Puzzle My Little Pony
5916                                    </a>
5917
5918                            </li>
5919                    
5920            <li x-data="{ isOpened: false }"
5921                x-show="isOpened"
5922                class="level3"
5923                                    x-cloak
5924                            >
5925                <a
5926                    href="https://www.trefl.com/puzzle/dla-dzieci/myszka-miki"
5927                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
5928                >
5929                    Puzzle Myszka Miki
5930                                    </a>
5931
5932                            </li>
5933                    
5934            <li x-data="{ isOpened: false }"
5935                x-show="isOpened"
5936                class="level3"
5937                                    x-cloak
5938                            >
5939                <a
5940                    href="https://www.trefl.com/puzzle/dla-dzieci/puzzle-obserwacyjne-spy-guy"
5941                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 roun
5941ded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
5942                >
5943                    Puzzle obserwacyjne Spy Guy
5944                                    </a>
5945
5946                            </li>
5947                    
5948            <li x-data="{ isOpened: false }"
5949                x-show="isOpened"
5950                class="level3"
5951                                    x-cloak
5952                            >
5953                <a
5954                    href="https://www.trefl.com/puzzle/dla-dzieci/puzzle-primo"
5955                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
5956                >
5957                    Puzzle Primo 
5958                                    </a>
5959
5960                            </li>
5961                    
5962            <li x-data="{ isOpened: false }"
5963                x-show="isOpened"
5964                class="level3"
5965                                    x-cloak
5966                            >
5967                <a
5968                    href="https://www.trefl.com/puzzle/dla-dzieci/psi-patrol"
5969                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
5970                >
5971                    Puzzle Psi Patrol
5972                                    </a>
5973
5974                            </li>
5975                    
5976            <li x-data="{ isOpened: false }"
5977                x-show="isOpened"
5978                class="level3"
5979                                    x-cloak
5980                            >
5981                <a
5982                    href="https://www.trefl.com/puzzle/dla-dzieci/strazak-sam"
5983                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
5984                >
5985                    Puzzle Strażak Sam
5986                                    </a>
5987
5988                            </li>
5989                    
5990            <li x-data="{ isOpened: false }"
5991                x-show="isOpened"
5992                class="level3"
5993                                    x-cloak
5994                            >
5995                <a
5996                    href="https://www.trefl.com/puzzle/dla-dzieci/swinka-peppa"
5997                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
5998                >
5999                    Puzzle Świnka Peppa
6000                                    </a>
6001
6002                            </li>
6003                    
6004            <li x-data="{ isOpened: false }"
6005                x-show="isOpened"
6006                class="level3"
6007                                    x-cloak
6008                            >
6009                <a
6010                    href="https://www.trefl.com/puzzle/dla-dzieci/tomek-i-przyjaciele"
6011                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6012                >
6013                    Puzzle Tomek i Przyjaciele
6014                                    </a>
6015
6016                            </li>
6017                    
6018            <li x-data="{ isOpened: false }"
6019                x-show="isOpened"
6020                class="level3"
6021                                    x-cloak
6022                            >
6023                <a
6024                    href="https://www.trefl.com/puzzle/dla-dzieci/puzzle-3-w-1"
6025                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6026                >
6027                    Puzzle 3 w 1
6028                                    </a>
6029
6030                            </li>
6031                    
6032            <li x-data="{ isOpened: false }"
6033                x-show="isOpened"
6034                class="level3"
6035                                    x-cloak
6036                            >
6037                <a
6038                    href="https://www.trefl.com/puzzle/dla-dzieci/puzzle-4-w-1"
6039                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 roun
6039ded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6040                >
6041                    Puzzle 4 w 1
6042                                    </a>
6043
6044                            </li>
6045                    
6046            <li x-data="{ isOpened: false }"
6047                x-show="isOpened"
6048                class="level3"
6049                                    x-cloak
6050                            >
6051                <a
6052                    href="https://www.trefl.com/puzzle/dla-dzieci/1-3-lata"
6053                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6054                >
6055                    Puzzle dla dzieci 1-3
6056                                    </a>
6057
6058                            </li>
6059                    
6060            <li x-data="{ isOpened: false }"
6061                x-show="isOpened"
6062                class="level3"
6063                                    x-cloak
6064                            >
6065                <a
6066                    href="https://www.trefl.com/puzzle/dla-dzieci/3-lata"
6067                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6068                >
6069                    Puzzle dla 3 latka
6070                                    </a>
6071
6072                            </li>
6073                    
6074            <li x-data="{ isOpened: false }"
6075                x-show="isOpened"
6076                class="level3"
6077                                    x-cloak
6078                            >
6079                <a
6080                    href="https://www.trefl.com/puzzle/dla-dzieci/4-lata"
6081                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6082                >
6083                    Puzzle dla 4 latka
6084                                    </a>
6085
6086                            </li>
6087                    
6088            <li x-data="{ isOpened: false }"
6089                x-show="isOpened"
6090                class="level3"
6091                                    x-cloak
6092                            >
6093                <a
6094                    href="https://www.trefl.com/puzzle/dla-dzieci/4-6-lat"
6095                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6096                >
6097                    Puzzle dla dzieci 4-6
6098                                    </a>
6099
6100                            </li>
6101                    
6102            <li x-data="{ isOpened: false }"
6103                x-show="isOpened"
6104                class="level3"
6105                                    x-cloak
6106                            >
6107                <a
6108                    href="https://www.trefl.com/puzzle/dla-dzieci/6-8-lat"
6109                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6110                >
6111                    Puzzle dla dzieci 6-8
6112                                    </a>
6113
6114                            </li>
6115                    
6116            <li x-data="{ isOpened: false }"
6117                x-show="isOpened"
6118                class="level3"
6119                                    x-cloak
6120                            >
6121                <a
6122                    href="https://www.trefl.com/puzzle/dla-dzieci/8-10-lat"
6123                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6124                >
6125                    Puzzle dla dzieci 8-10
6126                                    </a>
6127
6128                            </li>
6129            </ul>            </li>
6130                    
6131            <li x-data="{ isOpened: false }"
6132                x-show="isOpened"
6133                class="level2"
6134                                    x-cloak
6135                            >
6136                <a
6137                    href="https://www.trefl.com/puzzle/dla-doroslych"
6138                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 roun
6138ded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6139                >
6140                    Puzzle dla dorosłych
6141                                    </a>
6142
6143                            </li>
6144                    
6145            <li x-data="{ isOpened: false }"
6146                x-show="isOpened"
6147                class="level2"
6148                                    x-cloak
6149                            >
6150                <a
6151                    href="https://www.trefl.com/puzzle/akcesoria"
6152                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6153                >
6154                    Akcesoria do puzzli
6155                                    </a>
6156
6157                            </li>
6158                    
6159            <li x-data="{ isOpened: false }"
6160                x-show="isOpened"
6161                class="level2"
6162                                    x-cloak
6163                            >
6164                <a
6165                    href="https://www.trefl.com/puzzle/secret-puzzle"
6166                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6167                >
6168                    Secret Puzzle
6169                                    </a>
6170
6171                            </li>
6172                    
6173            <li x-data="{ isOpened: false }"
6174                x-show="isOpened"
6175                class="level2"
6176                                    x-cloak
6177                            >
6178                <a
6179                    href="https://www.trefl.com/puzzle/2w1"
6180                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6181                >
6182                    Puzzle 2w1
6183                                    </a>
6184
6185                            </li>
6186                    
6187            <li x-data="{ isOpened: false }"
6188                x-show="isOpened"
6189                class="level2"
6190                                    x-cloak
6191                            >
6192                <a
6193                    href="https://www.trefl.com/puzzle/puzzle-100-elementow"
6194                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6195                >
6196                    Puzzle 100 elementów
6197                                    </a>
6198
6199                            </li>
6200                    
6201            <li x-data="{ isOpened: false }"
6202                x-show="isOpened"
6203                class="level2"
6204                                    x-cloak
6205                            >
6206                <a
6207                    href="https://www.trefl.com/puzzle/200-elementow"
6208                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6209                >
6210                    Puzzle 200 elementów
6211                                    </a>
6212
6213                            </li>
6214                    
6215            <li x-data="{ isOpened: false }"
6216                x-show="isOpened"
6217                class="level2"
6218                                    x-cloak
6219                            >
6220                <a
6221                    href="https://www.trefl.com/puzzle/300-elementow"
6222                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6223                >
6224                    Puzzle 300 elementów
6225                                    </a>
6226
6227                            </li>
6228                    
6229            <li x-data="{ isOpened: false }"
6230                x-show="isOpened"
6231                class="level2"
6232                                    x-cloak
6233                            >
6234                <a
6235                    href="https://www.trefl.com/puzzle/500-elementow"
6236                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 roun
6236ded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6237                >
6238                    Puzzle 500 elementów
6239                                    </a>
6240
6241                            </li>
6242                    
6243            <li x-data="{ isOpened: false }"
6244                x-show="isOpened"
6245                class="level2"
6246                                    x-cloak
6247                            >
6248                <a
6249                    href="https://www.trefl.com/puzzle/1000-elementow"
6250                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6251                >
6252                    Puzzle 1000 elementów
6253                                    </a>
6254
6255                            </li>
6256                    
6257            <li x-data="{ isOpened: false }"
6258                x-show="isOpened"
6259                class="level2"
6260                                    x-cloak
6261                            >
6262                <a
6263                    href="https://www.trefl.com/puzzle/1500-elementow"
6264                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6265                >
6266                    Puzzle 1500 elementów
6267                                    </a>
6268
6269                            </li>
6270                    
6271            <li x-data="{ isOpened: false }"
6272                x-show="isOpened"
6273                class="level2"
6274                                    x-cloak
6275                            >
6276                <a
6277                    href="https://www.trefl.com/puzzle/2000-elementow"
6278                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6279                >
6280                    Puzzle 2000 elementów
6281                                    </a>
6282
6283                            </li>
6284                    
6285            <li x-data="{ isOpened: false }"
6286                x-show="isOpened"
6287                class="level2"
6288                                    x-cloak
6289                            >
6290                <a
6291                    href="https://www.trefl.com/puzzle/3000-elementow"
6292                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6293                >
6294                    Puzzle 3000 elementów
6295                                    </a>
6296
6297                            </li>
6298                    
6299            <li x-data="{ isOpened: false }"
6300                x-show="isOpened"
6301                class="level2"
6302                                    x-cloak
6303                            >
6304                <a
6305                    href="https://www.trefl.com/puzzle/4000-elementow"
6306                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6307                >
6308                    Puzzle 4000 elementów
6309                                    </a>
6310
6311                            </li>
6312                    
6313            <li x-data="{ isOpened: false }"
6314                x-show="isOpened"
6315                class="level2"
6316                                    x-cloak
6317                            >
6318                <a
6319                    href="https://www.trefl.com/puzzle/6000-elementow"
6320                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6321                >
6322                    Puzzle 6000 elementów
6323                                    </a>
6324
6325                            </li>
6326                    
6327            <li x-data="{ isOpened: false }"
6328                x-show="isOpened"
6329                class="level2"
6330                                    x-cloak
6331                            >
6332                <a
6333                    href="https://www.trefl.com/puzzle/crazy-shapes"
6334                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 roun
6334ded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6335                >
6336                    Puzzle Crazy Shapes
6337                                    </a>
6338
6339                            </li>
6340                    
6341            <li x-data="{ isOpened: false }"
6342                x-show="isOpened"
6343                class="level2"
6344                                    x-cloak
6345                            >
6346                <a
6347                    href="https://www.trefl.com/puzzle/drewniane"
6348                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6349                >
6350                    Puzzle drewniane
6351                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-gray-gray ml-2" width="20" height="16" role="img">
6352  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
6353<title>chevron-down</title></svg>
6354                                    </a>
6355
6356                
6357    <ul class="level3">
6358                    
6359            <li x-data="{ isOpened: false }"
6360                x-show="isOpened"
6361                class="level3"
6362                                    x-cloak
6363                            >
6364                <a
6365                    href="https://www.trefl.com/puzzle/drewniane/puzzle-drewniane-24"
6366                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6367                >
6368                    Puzzle drewniane 24
6369                                    </a>
6370
6371                            </li>
6372                    
6373            <li x-data="{ isOpened: false }"
6374                x-show="isOpened"
6375                class="level3"
6376                                    x-cloak
6377                            >
6378                <a
6379                    href="https://www.trefl.com/puzzle/drewniane/puzzle-drewniane-50"
6380                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6381                >
6382                    Puzzle drewniane 50
6383                                    </a>
6384
6385                            </li>
6386                    
6387            <li x-data="{ isOpened: false }"
6388                x-show="isOpened"
6389                class="level3"
6390                                    x-cloak
6391                            >
6392                <a
6393                    href="https://www.trefl.com/puzzle/drewniane/puzzle-drewniane-160"
6394                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6395                >
6396                    Puzzle drewniane 160 
6397                                    </a>
6398
6399                            </li>
6400                    
6401            <li x-data="{ isOpened: false }"
6402                x-show="isOpened"
6403                class="level3"
6404                                    x-cloak
6405                            >
6406                <a
6407                    href="https://www.trefl.com/puzzle/drewniane/puzzle-drewniane-200"
6408                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6409                >
6410                    Puzzle drewniane 200
6411                                    </a>
6412
6413                            </li>
6414                    
6415            <li x-data="{ isOpened: false }"
6416                x-show="isOpened"
6417                class="level3"
6418                                    x-cloak
6419                            >
6420                <a
6421                    href="https://www.trefl.com/puzzle/drewniane/puzzle-drewniane-500"
6422                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6423                >
6424                    Puzzle drewniane 500
6425                                    </a>
6426
6427                            </li>
6428                    
6429            <li x-data="{ isOpened: false }"
6430                x-show="isOpened"
6431                class="level3"
6432                                    x-cloak
6433                            >
6434                <a
6435                    href="https://www.trefl.com/puzzle/drewniane/puzzle-drewniane-1000"
6436                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 roun
6436ded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6437                >
6438                    Puzzle drewniane 1000
6439                                    </a>
6440
6441                            </li>
6442            </ul>            </li>
6443                    
6444            <li x-data="{ isOpened: false }"
6445                x-show="isOpened"
6446                class="level2"
6447                                    x-cloak
6448                            >
6449                <a
6450                    href="https://www.trefl.com/puzzle/puzzle-filmowe"
6451                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6452                >
6453                    Puzzle filmowe
6454                                    </a>
6455
6456                            </li>
6457                    
6458            <li x-data="{ isOpened: false }"
6459                x-show="isOpened"
6460                class="level2"
6461                                    x-cloak
6462                            >
6463                <a
6464                    href="https://www.trefl.com/puzzle/harry-potter"
6465                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6466                >
6467                    Puzzle Harry Potter
6468                                    </a>
6469
6470                            </li>
6471                    
6472            <li x-data="{ isOpened: false }"
6473                x-show="isOpened"
6474                class="level2"
6475                                    x-cloak
6476                            >
6477                <a
6478                    href="https://www.trefl.com/puzzle/puzzle-jubileuszowe"
6479                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6480                >
6481                    Puzzle jubileuszowe
6482                                    </a>
6483
6484                            </li>
6485                    
6486            <li x-data="{ isOpened: false }"
6487                x-show="isOpened"
6488                class="level2"
6489                                    x-cloak
6490                            >
6491                <a
6492                    href="https://www.trefl.com/puzzle/puzzle-konie"
6493                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6494                >
6495                    Puzzle konie
6496                                    </a>
6497
6498                            </li>
6499                    
6500            <li x-data="{ isOpened: false }"
6501                x-show="isOpened"
6502                class="level2"
6503                                    x-cloak
6504                            >
6505                <a
6506                    href="https://www.trefl.com/puzzle/puzzle-kosmos"
6507                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6508                >
6509                    Puzzle kosmos
6510                                    </a>
6511
6512                            </li>
6513                    
6514            <li x-data="{ isOpened: false }"
6515                x-show="isOpened"
6516                class="level2"
6517                                    x-cloak
6518                            >
6519                <a
6520                    href="https://www.trefl.com/puzzle/puzzle-krajobrazy"
6521                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6522                >
6523                    Puzzle krajobrazy
6524                                    </a>
6525
6526                            </li>
6527                    
6528            <li x-data="{ isOpened: false }"
6529                x-show="isOpened"
6530                class="level2"
6531                                    x-cloak
6532                            >
6533                <a
6534                    href="https://www.trefl.com/puzzle/puzzle-kulinarne"
6535                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 roun
6535ded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6536                >
6537                    Puzzle kulinarne
6538                                    </a>
6539
6540                            </li>
6541                    
6542            <li x-data="{ isOpened: false }"
6543                x-show="isOpened"
6544                class="level2"
6545                                    x-cloak
6546                            >
6547                <a
6548                    href="https://www.trefl.com/puzzle/puzzle-mapy"
6549                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6550                >
6551                    Puzzle mapy
6552                                    </a>
6553
6554                            </li>
6555                    
6556            <li x-data="{ isOpened: false }"
6557                x-show="isOpened"
6558                class="level2"
6559                                    x-cloak
6560                            >
6561                <a
6562                    href="https://www.trefl.com/puzzle/puzzle-miasta"
6563                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6564                >
6565                    Puzzle miasta
6566                                    </a>
6567
6568                            </li>
6569                    
6570            <li x-data="{ isOpened: false }"
6571                x-show="isOpened"
6572                class="level2"
6573                                    x-cloak
6574                            >
6575                <a
6576                    href="https://www.trefl.com/puzzle/puzzle-obrazy"
6577                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6578                >
6579                    Puzzle obrazy
6580                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-gray-gray ml-2" width="20" height="16" role="img">
6581  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
6582<title>chevron-down</title></svg>
6583                                    </a>
6584
6585                
6586    <ul class="level3">
6587                    
6588            <li x-data="{ isOpened: false }"
6589                x-show="isOpened"
6590                class="level3"
6591                                    x-cloak
6592                            >
6593                <a
6594                    href="https://www.trefl.com/puzzle/puzzle-obrazy/puzzle-art-collection"
6595                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6596                >
6597                    puzzle Art Collection
6598                                    </a>
6599
6600                            </li>
6601            </ul>            </li>
6602                    
6603            <li x-data="{ isOpened: false }"
6604                x-show="isOpened"
6605                class="level2"
6606                                    x-cloak
6607                            >
6608                <a
6609                    href="https://www.trefl.com/puzzle/puzzle-panoramiczne"
6610                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6611                >
6612                    Puzzle panoramiczne
6613                                    </a>
6614
6615                            </li>
6616                    
6617            <li x-data="{ isOpened: false }"
6618                x-show="isOpened"
6619                class="level2"
6620                                    x-cloak
6621                            >
6622                <a
6623                    href="https://www.trefl.com/puzzle/puzzle-premium-plus-quality"
6624                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6625                >
6626                    Puzzle Premium Plus Quality
6627                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-gray-gray ml-2" width="20" height="16" role="img">
6628  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
6629<title>chevron-down</title></svg>
6630                                    </a>
6631
6632                
6633    <ul class="level3">
6634                    
6635            <li x-data="{ isOpened: false }"
6636                x-show="isOpened"
6637                class="level3"
6638                                    x-cloak
6639                            >
6640                <a
6641                    href="https://www.trefl.com/puzzle/puzzle-premium-plus-quality/iconic-moments"
6642                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 roun
6642ded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6643                >
6644                    Iconic Moments
6645                                    </a>
6646
6647                            </li>
6648                    
6649            <li x-data="{ isOpened: false }"
6650                x-show="isOpened"
6651                class="level3"
6652                                    x-cloak
6653                            >
6654                <a
6655                    href="https://www.trefl.com/puzzle/puzzle-premium-plus-quality/tea-time"
6656                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6657                >
6658                    Tea Time
6659                                    </a>
6660
6661                            </li>
6662                    
6663            <li x-data="{ isOpened: false }"
6664                x-show="isOpened"
6665                class="level3"
6666                                    x-cloak
6667                            >
6668                <a
6669                    href="https://www.trefl.com/puzzle/puzzle-premium-plus-quality/photo-odyssey"
6670                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6671                >
6672                    Photo Odyssey
6673                                    </a>
6674
6675                            </li>
6676                    
6677            <li x-data="{ isOpened: false }"
6678                x-show="isOpened"
6679                class="level3"
6680                                    x-cloak
6681                            >
6682                <a
6683                    href="https://www.trefl.com/puzzle/puzzle-premium-plus-quality/superprodukcje"
6684                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6685                >
6686                    Superprodukcje
6687                                    </a>
6688
6689                            </li>
6690                    
6691            <li x-data="{ isOpened: false }"
6692                x-show="isOpened"
6693                class="level3"
6694                                    x-cloak
6695                            >
6696                <a
6697                    href="https://www.trefl.com/puzzle/puzzle-premium-plus-quality/the-art-of-colour"
6698                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6699                >
6700                    The Art of Colour
6701                                    </a>
6702
6703                            </li>
6704                    
6705            <li x-data="{ isOpened: false }"
6706                x-show="isOpened"
6707                class="level3"
6708                                    x-cloak
6709                            >
6710                <a
6711                    href="https://www.trefl.com/puzzle/puzzle-premium-plus-quality/fantasy-collection"
6712                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6713                >
6714                    Fantasy Collection
6715                                    </a>
6716
6717                            </li>
6718                    
6719            <li x-data="{ isOpened: false }"
6720                x-show="isOpened"
6721                class="level3"
6722                                    x-cloak
6723                            >
6724                <a
6725                    href="https://www.trefl.com/puzzle/puzzle-premium-plus-quality/magic-collection"
6726                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6727                >
6728                    Magic Collection
6729                                    </a>
6730
6731                            </li>
6732                    
6733            <li x-data="{ isOpened: false }"
6734                x-show="isOpened"
6735                class="level3"
6736                                    x-cloak
6737                            >
6738                <a
6739                    href="https://www.trefl.com/puzzle/puzzle-premium-plus-quality/mistrzostwa-europy"
6740                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 roun
6740ded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6741                >
6742                    Mistrzostwa Europy
6743                                    </a>
6744
6745                            </li>
6746                    
6747            <li x-data="{ isOpened: false }"
6748                x-show="isOpened"
6749                class="level3"
6750                                    x-cloak
6751                            >
6752                <a
6753                    href="https://www.trefl.com/puzzle/puzzle-premium-plus-quality/puzzle-mistrzostwa-polski"
6754                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6755                >
6756                    Mistrzostwa Polski
6757                                    </a>
6758
6759                            </li>
6760            </ul>            </li>
6761                    
6762            <li x-data="{ isOpened: false }"
6763                x-show="isOpened"
6764                class="level2"
6765                                    x-cloak
6766                            >
6767                <a
6768                    href="https://www.trefl.com/puzzle/prime-uft"
6769                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6770                >
6771                    Puzzle Prime UFT
6772                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-gray-gray ml-2" width="20" height="16" role="img">
6773  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
6774<title>chevron-down</title></svg>
6775                                    </a>
6776
6777                
6778    <ul class="level3">
6779                    
6780            <li x-data="{ isOpened: false }"
6781                x-show="isOpened"
6782                class="level3"
6783                                    x-cloak
6784                            >
6785                <a
6786                    href="https://www.trefl.com/puzzle/prime-uft/puzzle-eye-spy"
6787                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6788                >
6789                    Puzzle Eye-Spy
6790                                    </a>
6791
6792                            </li>
6793                    
6794            <li x-data="{ isOpened: false }"
6795                x-show="isOpened"
6796                class="level3"
6797                                    x-cloak
6798                            >
6799                <a
6800                    href="https://www.trefl.com/puzzle/prime-uft/puzzle-vacay-time"
6801                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6802                >
6803                    Puzzle Vacay Time
6804                                    </a>
6805
6806                            </li>
6807                    
6808            <li x-data="{ isOpened: false }"
6809                x-show="isOpened"
6810                class="level3"
6811                                    x-cloak
6812                            >
6813                <a
6814                    href="https://www.trefl.com/puzzle/prime-uft/prime-9000"
6815                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6816                >
6817                    Puzzle Prime 9000
6818                                    </a>
6819
6820                            </li>
6821                    
6822            <li x-data="{ isOpened: false }"
6823                x-show="isOpened"
6824                class="level3"
6825                                    x-cloak
6826                            >
6827                <a
6828                    href="https://www.trefl.com/puzzle/prime-uft/prime-13500"
6829                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6830                >
6831                    Puzzle Prime 13500
6832                                    </a>
6833
6834                            </li>
6835                    
6836            <li x-data="{ isOpened: false }"
6837                x-show="isOpened"
6838                class="level3"
6839                                    x-cloak
6840                            >
6841                <a
6842                    href="https://www.trefl.com/puzzle/prime-uft/velvet"
6843                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 roun
6843ded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
6844                >
6845                    Puzzle Velvet
6846                                    </a>
6847
6848                            </li>
6849            </ul>            </li>
6850                    
6851            <li x-data="{ isOpened: false }"
6852                x-show="isOpened"
6853                class="level2"
6854                                    x-cloak
6855                            >
6856                <a
6857                    href="https://www.trefl.com/puzzle/puzzle-samochody"
6858                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6859                >
6860                    Puzzle samochody
6861                                    </a>
6862
6863                            </li>
6864                    
6865            <li x-data="{ isOpened: false }"
6866                x-show="isOpened"
6867                class="level2"
6868                                    x-cloak
6869                            >
6870                <a
6871                    href="https://www.trefl.com/puzzle/puzzle-spy-guy-lost-items"
6872                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6873                >
6874                    Puzzle Spy Guy Lost Items
6875                                    </a>
6876
6877                            </li>
6878                    
6879            <li x-data="{ isOpened: false }"
6880                x-show="isOpened"
6881                class="level2"
6882                                    x-cloak
6883                            >
6884                <a
6885                    href="https://www.trefl.com/puzzle/star-wars"
6886                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6887                >
6888                    Puzzle Star Wars
6889                                    </a>
6890
6891                            </li>
6892                    
6893            <li x-data="{ isOpened: false }"
6894                x-show="isOpened"
6895                class="level2"
6896                                    x-cloak
6897                            >
6898                <a
6899                    href="https://www.trefl.com/puzzle/puzzle-swiateczne"
6900                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6901                >
6902                    Puzzle świąteczne
6903                                    </a>
6904
6905                            </li>
6906                    
6907            <li x-data="{ isOpened: false }"
6908                x-show="isOpened"
6909                class="level2"
6910                                    x-cloak
6911                            >
6912                <a
6913                    href="https://www.trefl.com/puzzle/puzzle-zwierzeta"
6914                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6915                >
6916                    Puzzle zwierzęta
6917                                    </a>
6918
6919                            </li>
6920                    
6921            <li x-data="{ isOpened: false }"
6922                x-show="isOpened"
6923                class="level2"
6924                                    x-cloak
6925                            >
6926                <a
6927                    href="https://www.trefl.com/puzzle/dla-chlopcow"
6928                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6929                >
6930                    Puzzle dla chłopców
6931                                    </a>
6932
6933                            </li>
6934                    
6935            <li x-data="{ isOpened: false }"
6936                x-show="isOpened"
6937                class="level2"
6938                                    x-cloak
6939                            >
6940                <a
6941                    href="https://www.trefl.com/puzzle/puzzle-dla-dziewczynki"
6942                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 roun
6942ded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6943                >
6944                    Puzzle dla dziewczynek
6945                                    </a>
6946
6947                            </li>
6948                    
6949            <li x-data="{ isOpened: false }"
6950                x-show="isOpened"
6951                class="level2"
6952                                    x-cloak
6953                            >
6954                <a
6955                    href="https://www.trefl.com/puzzle/puzzloramy"
6956                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6957                >
6958                    PuzzloRamy - puzzle w ramie
6959                                    </a>
6960
6961                            </li>
6962                    
6963            <li x-data="{ isOpened: false }"
6964                x-show="isOpened"
6965                class="level2"
6966                                    x-cloak
6967                            >
6968                <a
6969                    href="https://www.trefl.com/puzzle/puzzle-formula-1"
6970                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6971                >
6972                    Puzzle Formuła 1
6973                                    </a>
6974
6975                            </li>
6976                    
6977            <li x-data="{ isOpened: false }"
6978                x-show="isOpened"
6979                class="level2"
6980                                    x-cloak
6981                            >
6982                <a
6983                    href="https://www.trefl.com/puzzle/puzzle-flamingo-by-trefl"
6984                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6985                >
6986                    Puzzle Flamingo by Trefl
6987                                    </a>
6988
6989                            </li>
6990                    
6991            <li x-data="{ isOpened: false }"
6992                x-show="isOpened"
6993                class="level2"
6994                                    x-cloak
6995                            >
6996                <a
6997                    href="https://www.trefl.com/puzzle/8000-elementow"
6998                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
6999                >
7000                    Puzzle 8000 elementów
7001                                    </a>
7002
7003                            </li>
7004            </ul>            </li>
7005                    
7006            <li x-data="{ isOpened: true }"
7007                x-show="isOpened"
7008                class="level1"
7009                            >
7010                <a
7011                    href="https://www.trefl.com/gry"
7012                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 my-1 font-medium"
7013                >
7014                    Gry
7015                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-gray-gray ml-2" width="20" height="16" role="img">
7016  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
7017<title>chevron-down</title></svg>
7018                                    </a>
7019
7020                
7021    <ul class="level2">
7022                    
7023            <li x-data="{ isOpened: false }"
7024                x-show="isOpened"
7025                class="level2"
7026                                    x-cloak
7027                            >
7028                <a
7029                    href="https://www.trefl.com/gry/chinczyk"
7030                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7031                >
7032                    Gra planszowa Chińczyk - klasyczna rozrywka dla całej rodziny
7033                                    </a>
7034
7035                            </li>
7036                    
7037            <li x-data="{ isOpened: false }"
7038                x-show="isOpened"
7039                class="level2"
7040                                    x-cloak
7041                            >
7042                <a
7043                    href="https://www.trefl.com/gry/dla-dzieci"
7044                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 roun
7044ded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7045                >
7046                    Gry dla dzieci
7047                                    </a>
7048
7049                            </li>
7050                    
7051            <li x-data="{ isOpened: false }"
7052                x-show="isOpened"
7053                class="level2"
7054                                    x-cloak
7055                            >
7056                <a
7057                    href="https://www.trefl.com/gry/planszowe-1"
7058                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7059                >
7060                    Gry planszowe
7061                                    </a>
7062
7063                            </li>
7064                    
7065            <li x-data="{ isOpened: false }"
7066                x-show="isOpened"
7067                class="level2"
7068                                    x-cloak
7069                            >
7070                <a
7071                    href="https://www.trefl.com/gry/gry-podrozne"
7072                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7073                >
7074                    Gry podróżne
7075                                    </a>
7076
7077                            </li>
7078                    
7079            <li x-data="{ isOpened: false }"
7080                x-show="isOpened"
7081                class="level2"
7082                                    x-cloak
7083                            >
7084                <a
7085                    href="https://www.trefl.com/gry/edukacyjne"
7086                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7087                >
7088                    Gry edukacyjne dla dzieci
7089                                    </a>
7090
7091                            </li>
7092                    
7093            <li x-data="{ isOpened: false }"
7094                x-show="isOpened"
7095                class="level2"
7096                                    x-cloak
7097                            >
7098                <a
7099                    href="https://www.trefl.com/gry/level-up"
7100                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7101                >
7102                    Gry Level Up 
7103                                    </a>
7104
7105                            </li>
7106                    
7107            <li x-data="{ isOpened: false }"
7108                x-show="isOpened"
7109                class="level2"
7110                                    x-cloak
7111                            >
7112                <a
7113                    href="https://www.trefl.com/gry/karciane"
7114                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7115                >
7116                    Gry karciane dla dzieci
7117                                    </a>
7118
7119                            </li>
7120                    
7121            <li x-data="{ isOpened: false }"
7122                x-show="isOpened"
7123                class="level2"
7124                                    x-cloak
7125                            >
7126                <a
7127                    href="https://www.trefl.com/catalog/category/view/s/ksiazeczki/id/53/"
7128                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7129                >
7130                    Książeczki
7131                                    </a>
7132
7133                            </li>
7134                    
7135            <li x-data="{ isOpened: false }"
7136                x-show="isOpened"
7137                class="level2"
7138                                    x-cloak
7139                            >
7140                <a
7141                    href="https://www.trefl.com/gry/domino-i-memos"
7142                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 roun
7142ded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7143                >
7144                    Memory dla dzieci
7145                                    </a>
7146
7147                            </li>
7148                    
7149            <li x-data="{ isOpened: false }"
7150                x-show="isOpened"
7151                class="level2"
7152                                    x-cloak
7153                            >
7154                <a
7155                    href="https://www.trefl.com/gry/mistakos"
7156                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7157                >
7158                    Mistakos
7159                                    </a>
7160
7161                            </li>
7162                    
7163            <li x-data="{ isOpened: false }"
7164                x-show="isOpened"
7165                class="level2"
7166                                    x-cloak
7167                            >
7168                <a
7169                    href="https://www.trefl.com/catalog/category/view/s/planszowe/id/14/"
7170                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7171                >
7172                    Gry planszowe 
7173                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-gray-gray ml-2" width="20" height="16" role="img">
7174  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
7175<title>chevron-down</title></svg>
7176                                    </a>
7177
7178                
7179    <ul class="level3">
7180                    
7181            <li x-data="{ isOpened: false }"
7182                x-show="isOpened"
7183                class="level3"
7184                                    x-cloak
7185                            >
7186                <a
7187                    href="https://www.trefl.com/gry/board/dla-dzieci"
7188                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
7189                >
7190                    Gry planszowe dla dzieci
7191                                    </a>
7192
7193                            </li>
7194            </ul>            </li>
7195                    
7196            <li x-data="{ isOpened: false }"
7197                x-show="isOpened"
7198                class="level2"
7199                                    x-cloak
7200                            >
7201                <a
7202                    href="https://www.trefl.com/gry/rodzinne"
7203                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7204                >
7205                    Gry planszowe rodzinne
7206                                    </a>
7207
7208                            </li>
7209                    
7210            <li x-data="{ isOpened: false }"
7211                x-show="isOpened"
7212                class="level2"
7213                                    x-cloak
7214                            >
7215                <a
7216                    href="https://www.trefl.com/gry/skoczki"
7217                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7218                >
7219                    Skoczki
7220                                    </a>
7221
7222                            </li>
7223                    
7224            <li x-data="{ isOpened: false }"
7225                x-show="isOpened"
7226                class="level2"
7227                                    x-cloak
7228                            >
7229                <a
7230                    href="https://www.trefl.com/gry/towarzyskie"
7231                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7232                >
7233                    Gry towarzyskie
7234                                    </a>
7235
7236                            </li>
7237                    
7238            <li x-data="{ isOpened: false }"
7239                x-show="isOpened"
7240                class="level2"
7241                                    x-cloak
7242                            >
7243                <a
7244                    href="https://www.trefl.com/gry/warcaby"
7245                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 roun
7245ded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7246                >
7247                    Warcaby
7248                                    </a>
7249
7250                            </li>
7251                    
7252            <li x-data="{ isOpened: false }"
7253                x-show="isOpened"
7254                class="level2"
7255                                    x-cloak
7256                            >
7257                <a
7258                    href="https://www.trefl.com/gry/zrecznosciowe"
7259                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7260                >
7261                    Gry zręcznościowe
7262                                    </a>
7263
7264                            </li>
7265                    
7266            <li x-data="{ isOpened: false }"
7267                x-show="isOpened"
7268                class="level2"
7269                                    x-cloak
7270                            >
7271                <a
7272                    href="https://www.trefl.com/gry/boom-boom"
7273                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7274                >
7275                    Gry Boom Boom
7276                                    </a>
7277
7278                            </li>
7279                    
7280            <li x-data="{ isOpened: false }"
7281                x-show="isOpened"
7282                class="level2"
7283                                    x-cloak
7284                            >
7285                <a
7286                    href="https://www.trefl.com/gry/5-sekund"
7287                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7288                >
7289                    Gry 5 sekund
7290                                    </a>
7291
7292                            </li>
7293                    
7294            <li x-data="{ isOpened: false }"
7295                x-show="isOpened"
7296                class="level2"
7297                                    x-cloak
7298                            >
7299                <a
7300                    href="https://www.trefl.com/gry/gry-spy-guy"
7301                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7302                >
7303                    Gry Spy Guy
7304                                    </a>
7305
7306                            </li>
7307                    
7308            <li x-data="{ isOpened: false }"
7309                x-show="isOpened"
7310                class="level2"
7311                                    x-cloak
7312                            >
7313                <a
7314                    href="https://www.trefl.com/gry/vabang"
7315                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7316                >
7317                    Gry Vabang
7318                                    </a>
7319
7320                            </li>
7321                    
7322            <li x-data="{ isOpened: false }"
7323                x-show="isOpened"
7324                class="level2"
7325                                    x-cloak
7326                            >
7327                <a
7328                    href="https://www.trefl.com/gry/1st-game"
7329                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7330                >
7331                    1st GAME
7332                                    </a>
7333
7334                            </li>
7335                    
7336            <li x-data="{ isOpened: false }"
7337                x-show="isOpened"
7338                class="level2"
7339                                    x-cloak
7340                            >
7341                <a
7342                    href="https://www.trefl.com/gry/junior-game"
7343                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7344                >
7345                    Junior Game
7346                                    </a>
7347
7348                            </li>
7349                    
7350            <li x-data="{ isOpened: false }"
7351                x-show="isOpened"
7352                class="level2"
7353                                    x-cloak
7354                            >
7355                <a
7356                    href="https://www.trefl.com/gry/gry-dla-3-latka"
7357                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 roun
7357ded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7358                >
7359                    Gry dla 3 latka
7360                                    </a>
7361
7362                            </li>
7363                    
7364            <li x-data="{ isOpened: false }"
7365                x-show="isOpened"
7366                class="level2"
7367                                    x-cloak
7368                            >
7369                <a
7370                    href="https://www.trefl.com/gry/dla-4-latka"
7371                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7372                >
7373                    Gry dla 4 latka
7374                                    </a>
7375
7376                            </li>
7377                    
7378            <li x-data="{ isOpened: false }"
7379                x-show="isOpened"
7380                class="level2"
7381                                    x-cloak
7382                            >
7383                <a
7384                    href="https://www.trefl.com/gry/dla-dzieci-4-6-lat"
7385                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7386                >
7387                    Gry dla dzieci 4-6 lat
7388                                    </a>
7389
7390                            </li>
7391                    
7392            <li x-data="{ isOpened: false }"
7393                x-show="isOpened"
7394                class="level2"
7395                                    x-cloak
7396                            >
7397                <a
7398                    href="https://www.trefl.com/gry/dla-dzieci-6-8-lat"
7399                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7400                >
7401                    Gra dla dzieci 6-8 lat
7402                                    </a>
7403
7404                            </li>
7405                    
7406            <li x-data="{ isOpened: false }"
7407                x-show="isOpened"
7408                class="level2"
7409                                    x-cloak
7410                            >
7411                <a
7412                    href="https://www.trefl.com/gry/gry-dla-dzieci-8-10-lat"
7413                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7414                >
7415                    Gry dla dzieci 8-10 lat
7416                                    </a>
7417
7418                            </li>
7419                    
7420            <li x-data="{ isOpened: false }"
7421                x-show="isOpened"
7422                class="level2"
7423                                    x-cloak
7424                            >
7425                <a
7426                    href="https://www.trefl.com/gry/dla-dzieci-12-lat"
7427                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7428                >
7429                    Gry dla dzieci 12+
7430                                    </a>
7431
7432                            </li>
7433                    
7434            <li x-data="{ isOpened: false }"
7435                x-show="isOpened"
7436                class="level2"
7437                                    x-cloak
7438                            >
7439                <a
7440                    href="https://www.trefl.com/gry/gry-dla-grup"
7441                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7442                >
7443                    Gry dla grup
7444                                    </a>
7445
7446                            </li>
7447            </ul>            </li>
7448                    
7449            <li x-data="{ isOpened: true }"
7450                x-show="isOpened"
7451                class="level1"
7452                            >
7453                <a
7454                    href="https://www.trefl.com/zabawki"
7455                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 roun
7455ded-md border border-transparent hover:border-red/50 my-1 font-medium"
7456                >
7457                    Zabawki dla dzieci
7458                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-gray-gray ml-2" width="20" height="16" role="img">
7459  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
7460<title>chevron-down</title></svg>
7461                                    </a>
7462
7463                
7464    <ul class="level2">
7465                    
7466            <li x-data="{ isOpened: false }"
7467                x-show="isOpened"
7468                class="level2"
7469                                    x-cloak
7470                            >
7471                <a
7472                    href="https://www.trefl.com/zabawki/zabawki-dla-niemowlat"
7473                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7474                >
7475                    Zabawki dla niemowlaka
7476                                    </a>
7477
7478                            </li>
7479                    
7480            <li x-data="{ isOpened: false }"
7481                x-show="isOpened"
7482                class="level2"
7483                                    x-cloak
7484                            >
7485                <a
7486                    href="https://www.trefl.com/zabawki/zabawki-dla-dzieci-1-3-lata"
7487                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7488                >
7489                    Zabawki dla dzieci 1-3 lata
7490                                    </a>
7491
7492                            </li>
7493                    
7494            <li x-data="{ isOpened: false }"
7495                x-show="isOpened"
7496                class="level2"
7497                                    x-cloak
7498                            >
7499                <a
7500                    href="https://www.trefl.com/zabawki/zabawki-dla-3-latka"
7501                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7502                >
7503                    Zabawki dla 3 latka
7504                                    </a>
7505
7506                            </li>
7507                    
7508            <li x-data="{ isOpened: false }"
7509                x-show="isOpened"
7510                class="level2"
7511                                    x-cloak
7512                            >
7513                <a
7514                    href="https://www.trefl.com/zabawki/zabawki-dla-4-latka"
7515                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7516                >
7517                    Zabawki dla 4 latka
7518                                    </a>
7519
7520                            </li>
7521                    
7522            <li x-data="{ isOpened: false }"
7523                x-show="isOpened"
7524                class="level2"
7525                                    x-cloak
7526                            >
7527                <a
7528                    href="https://www.trefl.com/zabawki/zabawki-dla-dzieci-4-6-lat"
7529                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7530                >
7531                    Zabawki dla dzieci 4-6
7532                                    </a>
7533
7534                            </li>
7535                    
7536            <li x-data="{ isOpened: false }"
7537                x-show="isOpened"
7538                class="level2"
7539                                    x-cloak
7540                            >
7541                <a
7542                    href="https://www.trefl.com/zabawki/zabawki-dla-dzieci-6-8-lat"
7543                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7544                >
7545                    Zabawki dla dzieci 6-8
7546                                    </a>
7547
7548                            </li>
7549                    
7550            <li x-data="{ isOpened: false }"
7551                x-show="isOpened"
7552                class="level2"
7553                                    x-cloak
7554                            >
7555                <a
7556                    href="https://www.trefl.com/zabawki/zabawki-dla-dzieci-8-10-lat"
7557                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 roun
7557ded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7558                >
7559                    Zabawki dla dzieci 8-10
7560                                    </a>
7561
7562                            </li>
7563                    
7564            <li x-data="{ isOpened: false }"
7565                x-show="isOpened"
7566                class="level2"
7567                                    x-cloak
7568                            >
7569                <a
7570                    href="https://www.trefl.com/zabawki/zabawki-dla-dzieci-12"
7571                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7572                >
7573                    Zabawki dla dzieci 12+
7574                                    </a>
7575
7576                            </li>
7577                    
7578            <li x-data="{ isOpened: false }"
7579                x-show="isOpened"
7580                class="level2"
7581                                    x-cloak
7582                            >
7583                <a
7584                    href="https://www.trefl.com/zabawki/do-kapieli"
7585                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7586                >
7587                    Zabawki do kąpieli
7588                                    </a>
7589
7590                            </li>
7591                    
7592            <li x-data="{ isOpened: false }"
7593                x-show="isOpened"
7594                class="level2"
7595                                    x-cloak
7596                            >
7597                <a
7598                    href="https://www.trefl.com/zabawki/drewniane"
7599                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7600                >
7601                    Drewniane zabawki dla dzieci
7602                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-gray-gray ml-2" width="20" height="16" role="img">
7603  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
7604<title>chevron-down</title></svg>
7605                                    </a>
7606
7607                
7608    <ul class="level3">
7609                    
7610            <li x-data="{ isOpened: false }"
7611                x-show="isOpened"
7612                class="level3"
7613                                    x-cloak
7614                            >
7615                <a
7616                    href="https://www.trefl.com/zabawki/drewniane/edukacyjne"
7617                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
7618                >
7619                    Edukacyjne zabawki drewniane
7620                                    </a>
7621
7622                            </li>
7623                    
7624            <li x-data="{ isOpened: false }"
7625                x-show="isOpened"
7626                class="level3"
7627                                    x-cloak
7628                            >
7629                <a
7630                    href="https://www.trefl.com/zabawki/drewniane/grzechotki"
7631                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
7632                >
7633                    Grzechotki drewniane
7634                                    </a>
7635
7636                            </li>
7637                    
7638            <li x-data="{ isOpened: false }"
7639                x-show="isOpened"
7640                class="level3"
7641                                    x-cloak
7642                            >
7643                <a
7644                    href="https://www.trefl.com/zabawki/drewniane/instrumenty"
7645                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
7646                >
7647                    Instrumenty drewniane
7648                                    </a>
7649
7650                            </li>
7651                    
7652            <li x-data="{ isOpened: false }"
7653                x-show="isOpened"
7654                class="level3"
7655                                    x-cloak
7656                            >
7657                <a
7658                    href="https://www.trefl.com/zabawki/drewniane/kolejki"
7659                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 roun
7659ded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
7660                >
7661                    Kolejki drewniane
7662                                    </a>
7663
7664                            </li>
7665                    
7666            <li x-data="{ isOpened: false }"
7667                x-show="isOpened"
7668                class="level3"
7669                                    x-cloak
7670                            >
7671                <a
7672                    href="https://www.trefl.com/zabawki/drewniane/kuchnie"
7673                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
7674                >
7675                    Kuchnie drewniane
7676                                    </a>
7677
7678                            </li>
7679                    
7680            <li x-data="{ isOpened: false }"
7681                x-show="isOpened"
7682                class="level3"
7683                                    x-cloak
7684                            >
7685                <a
7686                    href="https://www.trefl.com/zabawki/drewniane/liczydla"
7687                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
7688                >
7689                    Liczydła drewniane
7690                                    </a>
7691
7692                            </li>
7693                    
7694            <li x-data="{ isOpened: false }"
7695                x-show="isOpened"
7696                class="level3"
7697                                    x-cloak
7698                            >
7699                <a
7700                    href="https://www.trefl.com/zabawki/drewniane/sortery"
7701                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
7702                >
7703                    Sortery drewniane
7704                                    </a>
7705
7706                            </li>
7707                    
7708            <li x-data="{ isOpened: false }"
7709                x-show="isOpened"
7710                class="level3"
7711                                    x-cloak
7712                            >
7713                <a
7714                    href="https://www.trefl.com/zabawki/drewniane/zabawki-do-ciagniecia"
7715                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
7716                >
7717                    Zabawki drewniane do ciągnięcia
7718                                    </a>
7719
7720                            </li>
7721            </ul>            </li>
7722                    
7723            <li x-data="{ isOpened: false }"
7724                x-show="isOpened"
7725                class="level2"
7726                                    x-cloak
7727                            >
7728                <a
7729                    href="https://www.trefl.com/zabawki/interaktywne"
7730                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7731                >
7732                    Zabawki interaktywne
7733                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-gray-gray ml-2" width="20" height="16" role="img">
7734  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
7735<title>chevron-down</title></svg>
7736                                    </a>
7737
7738                
7739    <ul class="level3">
7740                    
7741            <li x-data="{ isOpened: false }"
7742                x-show="isOpened"
7743                class="level3"
7744                                    x-cloak
7745                            >
7746                <a
7747                    href="https://www.trefl.com/zabawki/interaktywne/tut-tut-autka"
7748                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
7749                >
7750                    Tut Tut Autka
7751                                    </a>
7752
7753                            </li>
7754            </ul>            </li>
7755                    
7756            <li x-data="{ isOpened: false }"
7757                x-show="isOpened"
7758                class="level2"
7759                                    x-cloak
7760                            >
7761                <a
7762                    href="https://www.trefl.com/zabawki/klocki"
7763                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 roun
7763ded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7764                >
7765                    Klocki
7766                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-gray-gray ml-2" width="20" height="16" role="img">
7767  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
7768<title>chevron-down</title></svg>
7769                                    </a>
7770
7771                
7772    <ul class="level3">
7773                    
7774            <li x-data="{ isOpened: false }"
7775                x-show="isOpened"
7776                class="level3"
7777                                    x-cloak
7778                            >
7779                <a
7780                    href="https://www.trefl.com/zabawki/klocki/klocki-ceramiczne"
7781                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
7782                >
7783                    Klocki ceramiczne
7784                                    </a>
7785
7786                            </li>
7787                    
7788            <li x-data="{ isOpened: false }"
7789                x-show="isOpened"
7790                class="level3"
7791                                    x-cloak
7792                            >
7793                <a
7794                    href="https://www.trefl.com/zabawki/klocki/connect"
7795                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
7796                >
7797                    Klocki konstrukcyjne
7798                                    </a>
7799
7800                            </li>
7801                    
7802            <li x-data="{ isOpened: false }"
7803                x-show="isOpened"
7804                class="level3"
7805                                    x-cloak
7806                            >
7807                <a
7808                    href="https://www.trefl.com/zabawki/klocki/klocki"
7809                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
7810                >
7811                    Klocki drewniane
7812                                    </a>
7813
7814                            </li>
7815                    
7816            <li x-data="{ isOpened: false }"
7817                x-show="isOpened"
7818                class="level3"
7819                                    x-cloak
7820                            >
7821                <a
7822                    href="https://www.trefl.com/zabawki/klocki/klocki-magnetyczne-geomag"
7823                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
7824                >
7825                    Klocki magnetyczne
7826                                    </a>
7827
7828                            </li>
7829            </ul>            </li>
7830                    
7831            <li x-data="{ isOpened: false }"
7832                x-show="isOpened"
7833                class="level2"
7834                                    x-cloak
7835                            >
7836                <a
7837                    href="https://www.trefl.com/zabawki/modele"
7838                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7839                >
7840                    Zabawki Siku
7841                                    </a>
7842
7843                            </li>
7844                    
7845            <li x-data="{ isOpened: false }"
7846                x-show="isOpened"
7847                class="level2"
7848                                    x-cloak
7849                            >
7850                <a
7851                    href="https://www.trefl.com/zabawki/outdoorowe"
7852                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7853                >
7854                    Outdoorowe - Gry do ogrodu
7855                                    </a>
7856
7857                            </li>
7858                    
7859            <li x-data="{ isOpened: false }"
7860                x-show="isOpened"
7861                class="level2"
7862                                    x-cloak
7863                            >
7864                <a
7865                    href="https://www.trefl.com/zabawki/pilki"
7866                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 roun
7866ded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7867                >
7868                    Piłki dla dzieci
7869                                    </a>
7870
7871                            </li>
7872                    
7873            <li x-data="{ isOpened: false }"
7874                x-show="isOpened"
7875                class="level2"
7876                                    x-cloak
7877                            >
7878                <a
7879                    href="https://www.trefl.com/zabawki/sensoryczne"
7880                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7881                >
7882                    Zabawki sensoryczne
7883                                    </a>
7884
7885                            </li>
7886                    
7887            <li x-data="{ isOpened: false }"
7888                x-show="isOpened"
7889                class="level2"
7890                                    x-cloak
7891                            >
7892                <a
7893                    href="https://www.trefl.com/zabawki/zestawy-kreatywne-dla-dzieci"
7894                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7895                >
7896                    Zestawy kreatywne dla dzieci
7897                                    </a>
7898
7899                            </li>
7900                    
7901            <li x-data="{ isOpened: false }"
7902                x-show="isOpened"
7903                class="level2"
7904                                    x-cloak
7905                            >
7906                <a
7907                    href="https://www.trefl.com/zabawki/zestawy-naukowe"
7908                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7909                >
7910                    Zestawy naukowe dla dzieci
7911                                    </a>
7912
7913                            </li>
7914                    
7915            <li x-data="{ isOpened: false }"
7916                x-show="isOpened"
7917                class="level2"
7918                                    x-cloak
7919                            >
7920                <a
7921                    href="https://www.trefl.com/catalog/category/view/s/ciastolina/id/8/"
7922                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7923                >
7924                    Masy plastyczne
7925                                    </a>
7926
7927                            </li>
7928                    
7929            <li x-data="{ isOpened: false }"
7930                x-show="isOpened"
7931                class="level2"
7932                                    x-cloak
7933                            >
7934                <a
7935                    href="https://www.trefl.com/zabawki/figurki"
7936                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7937                >
7938                    Figurki
7939                                    </a>
7940
7941                            </li>
7942                    
7943            <li x-data="{ isOpened: false }"
7944                x-show="isOpened"
7945                class="level2"
7946                                    x-cloak
7947                            >
7948                <a
7949                    href="https://www.trefl.com/zabawki/magiczne-sztuczki"
7950                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7951                >
7952                    Magiczne Sztuczki
7953                                    </a>
7954
7955                            </li>
7956            </ul>            </li>
7957                    
7958            <li x-data="{ isOpened: true }"
7959                x-show="isOpened"
7960                class="level1"
7961                            >
7962                <a
7963                    href="https://www.trefl.com/ksiazki"
7964                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 my-1 font-medium"
7965                >
7966                    Książki
7967                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-gray-gray ml-2" width="20" height="16" role="img">
7968  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
7969<title>chevron-down</title></svg>
7970                                    </a>
7971
7972                
7973    <ul class="level2">
7974                    
7975            <li x-data="{ isOpened: false }"
7976                x-show="isOpened"
7977                class="level2"
7978                                    x-cloak
7979                            >
7980                <a
7981                    href="https://www.trefl.com/ksiazki/dla-dzieci"
7982                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
7983                >
7984                    Książki dla dzieci
7985                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-gray-gray ml-2" width="20" height="16" role="img">
7986  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
7987<title>chevron-down</title></svg>
7988                                    </a>
7989
7990                
7991    <ul class="level3">
7992                    
7993            <li x-data="{ isOpened: false }"
7994                x-show="isOpened"
7995                class="level3"
7996                                    x-cloak
7997                            >
7998                <a
7999                    href="https://www.trefl.com/ksiazki/dla-dzieci/dla-dzieci-1-2-lata"
8000                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 roun
8000ded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
8001                >
8002                    Książki dla dzieci 1-2 lata
8003                                    </a>
8004
8005                            </li>
8006                    
8007            <li x-data="{ isOpened: false }"
8008                x-show="isOpened"
8009                class="level3"
8010                                    x-cloak
8011                            >
8012                <a
8013                    href="https://www.trefl.com/ksiazki/dla-dzieci/dla-dzieci-3-5-lat"
8014                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
8015                >
8016                    Książki dla dzieci 3-5 lat
8017                                    </a>
8018
8019                            </li>
8020                    
8021            <li x-data="{ isOpened: false }"
8022                x-show="isOpened"
8023                class="level3"
8024                                    x-cloak
8025                            >
8026                <a
8027                    href="https://www.trefl.com/ksiazki/dla-dzieci/dla-dzieci-6-8-lat"
8028                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
8029                >
8030                    Książki dla dzieci 6-8 lat
8031                                    </a>
8032
8033                            </li>
8034                    
8035            <li x-data="{ isOpened: false }"
8036                x-show="isOpened"
8037                class="level3"
8038                                    x-cloak
8039                            >
8040                <a
8041                    href="https://www.trefl.com/ksiazki/dla-dzieci/dla-dzieci-9-12-lat"
8042                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
8043                >
8044                    Książki dla dzieci 9-12 lat
8045                                    </a>
8046
8047                            </li>
8048            </ul>            </li>
8049                    
8050            <li x-data="{ isOpened: false }"
8051                x-show="isOpened"
8052                class="level2"
8053                                    x-cloak
8054                            >
8055                <a
8056                    href="https://www.trefl.com/ksiazki/kolorowanki"
8057                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
8058                >
8059                    Kolorowanki
8060                                    </a>
8061
8062                            </li>
8063                    
8064            <li x-data="{ isOpened: false }"
8065                x-show="isOpened"
8066                class="level2"
8067                                    x-cloak
8068                            >
8069                <a
8070                    href="https://www.trefl.com/ksiazki/poradniki"
8071                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
8072                >
8073                    Poradniki
8074                                    </a>
8075
8076                            </li>
8077            </ul>            </li>
8078                    
8079            <li x-data="{ isOpened: true }"
8080                x-show="isOpened"
8081                class="level1"
8082                            >
8083                <a
8084                    href="https://www.trefl.com/rodzina-treflikow"
8085                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 my-1 font-medium"
8086                >
8087                    Rodzina Treflików
8088                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-gray-gray ml-2" width="20" height="16" role="img">
8089  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
8090<title>chevron-down</title></svg>
8091                                    </a>
8092
8093                
8094    <ul class="level2">
8095                    
8096            <li x-data="{ isOpened: false }"
8097                x-show="isOpened"
8098                class="level2"
8099                                    x-cloak
8100                            >
8101                <a
8102                    href="https://www.trefl.com/rodzina-treflikow/puzzle"
8103                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 roun
8103ded-md border border-transparent hover:border-red/50 mt-1 ml-4"
8104                >
8105                    Puzzle Rodzina Treflików
8106                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-gray-gray ml-2" width="20" height="16" role="img">
8107  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
8108<title>chevron-down</title></svg>
8109                                    </a>
8110
8111                
8112    <ul class="level3">
8113                    
8114            <li x-data="{ isOpened: false }"
8115                x-show="isOpened"
8116                class="level3"
8117                                    x-cloak
8118                            >
8119                <a
8120                    href="https://www.trefl.com/rodzina-treflikow/puzzle/puzzle-uft-trefliki-w-kosmosie"
8121                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
8122                >
8123                    UFT Trefliki w kosmosie
8124                                    </a>
8125
8126                            </li>
8127                    
8128            <li x-data="{ isOpened: false }"
8129                x-show="isOpened"
8130                class="level3"
8131                                    x-cloak
8132                            >
8133                <a
8134                    href="https://www.trefl.com/rodzina-treflikow/puzzle/puzzle-inspired-by-art"
8135                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 ml-8 text-gray-dark"
8136                >
8137                    Inspired by: art
8138                                    </a>
8139
8140                            </li>
8141            </ul>            </li>
8142                    
8143            <li x-data="{ isOpened: false }"
8144                x-show="isOpened"
8145                class="level2"
8146                                    x-cloak
8147                            >
8148                <a
8149                    href="https://www.trefl.com/rodzina-treflikow/gry"
8150                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
8151                >
8152                    Gry Rodzina Treflików
8153                                    </a>
8154
8155                            </li>
8156                    
8157            <li x-data="{ isOpened: false }"
8158                x-show="isOpened"
8159                class="level2"
8160                                    x-cloak
8161                            >
8162                <a
8163                    href="https://www.trefl.com/rodzina-treflikow/ksiazki"
8164                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
8165                >
8166                    Książki Rodzina Treflików
8167                                    </a>
8168
8169                            </li>
8170                    
8171            <li x-data="{ isOpened: false }"
8172                x-show="isOpened"
8173                class="level2"
8174                                    x-cloak
8175                            >
8176                <a
8177                    href="https://www.trefl.com/rodzina-treflikow/zabawki"
8178                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 mt-1 ml-4"
8179                >
8180                    Zabawki Rodzina Treflików
8181                                    </a>
8182
8183                            </li>
8184            </ul>            </li>
8185                    
8186            <li x-data="{ isOpened: true }"
8187                x-show="isOpened"
8188                class="level1"
8189                            >
8190                <a
8191                    href="https://www.trefl.com/nowosci"
8192                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 my-1 font-medium"
8193                >
8194                    Nowe puzzle, gry i zabawki
8195                                    </a>
8196
8197                            </li>
8198                    
8199            <li x-data="{ isOpened: true }"
8200                x-show="isOpened"
8201                class="level1"
8202                            >
8203                <a
8204                    href="https://www.trefl.com/promocje"
8205                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 roun
8205ded-md border border-transparent hover:border-red/50 my-1 font-medium"
8206                >
8207                    Promocje Trefl
8208                                    </a>
8209
8210                            </li>
8211                    
8212            <li x-data="{ isOpened: true }"
8213                x-show="isOpened"
8214                class="level1"
8215                            >
8216                <a
8217                    href="https://www.trefl.com/puzzle-gry-zabawki-tylko-u-nas"
8218                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 my-1 font-medium"
8219                >
8220                    Puzzle, gry, zabawki - tylko u nas!
8221                                    </a>
8222
8223                            </li>
8224                    
8225            <li x-data="{ isOpened: true }"
8226                x-show="isOpened"
8227                class="level1"
8228                            >
8229                <a
8230                    href="https://www.trefl.com/nowosc"
8231                    class="flex items-center justify-between text-black text-sm leading-6 py-2 px-4 rounded-md border border-transparent hover:border-red/50 my-1 font-medium"
8232                >
8233                    Nowość
8234                                    </a>
8235
8236                            </li>
8237            </ul>                            </div>
8238                        </div>
8239                                                                                                        <div
8240                            role="group"
8241                            aria-labelledby="filter-option-1-title"
8242                            class="filter-option filter-option-1 mb-12"
8243                        >
8244                                                            <p
8245                                    id="filter-option-1-title"
8246                                    class="filter-options-title text-lg md:text-xl text-black font-medium leading-7 pb-4"
8247                                >
8248                                    Dostępność                                    <span class="sr-only"> - filtr</span>
8249                                </p>
8250                            
8251                            <div
8252                                id="filter-option-1-content"
8253                                class="filter-options-content"
8254                            >
8255                                    
8255<script>
8256    function initSmileAttibute_6ab4612212b93() {
8257        "use strict";
8258
8259        return {
8260            options             : {"component":"Smile_ElasticsuiteCatalog\/js\/attribute-filter","maxSize":10,"displayProductCount":true,"hasMoreItems":false,"displayRelNofollow":"","ajaxLoadUrl":"https:\/\/www.trefl.com\/catalog\/navigation_filter\/ajax\/id\/26\/?cat=26&filterName=availability","items":[{"label":"Poka\u017c dost\u0119pne produkty","count":370,"url":"https:\/\/www.trefl.com\/promocje?availability=Poka%C5%BC+dost%C4%99pne+produkty","is_selected":false}]},
8261            searchLabel         : 'Search (%s)',
8262            showMoreLabel       : 'Pokaż więcej',
8263            showLessLabel       : 'Pokaż mniej',
8264            noSearchResultLabel : 'No value matching the search <b>%s</b>.',
8265            expanded: false,
8266            items: [],
8267            lastSelectIndex: 0,
8268            maxSize: 0,
8269            displaySearch: false,
8270            displayedItems: [],
8271            fulltextSearch: null,
8272            searchPlaceholder: '',
8273            result: 0,
8274
8275            /**
8276             * Component initialization
8277             */
8278            initialize: function () {
8279
8280                this.items = this.options.items.map(this.addItemId.bind(this));
8281
8282                var lastSelectedIndex = Math.max.apply(null, (this.items.map(
8283                    function (v, k) {return v['is_selected'] ? k : 0;}))
8284                );
8285                this.maxSize = Math.max(this.options.maxSize, lastSelectedIndex + 1);
8286
8287                this.initSearchPlaceholder();
8288                this.onShowLess();
8289                this.displaySearch = this.displayShowMore();
8290                this.displayedItems = this.getDisplayedItems();
8291            },
8292
8293            /**
8294             * Init the place holder
8295             */
8296            initSearchPlaceholder: function () {
8297                var examples = this.items.slice(0, 2).map(function (item) {return item.label});
8298
8299                if (this.items.length > 2) {
8300                    examples.push('...');
8301                }
8302
8303                // Tip to make html chars interpretable by the browser when the value is get from JS.
8304                let placeholder = document.createElement('div');
8305                placeholder.innerHTML = this.searchLabel.replace('%s', examples.join(', '));
8306
8307                this.searchPlaceholder = placeholder.textContent;
8308            },
8309
8310            /**
8311             * Triggered when typing on the search input
8312             */
8313            onSearchChange: function (event) {
8314                var text = event.target.value;
8315                if (text.trim() === "") {
8316                    this.fulltextSearch = null;
8317                    this.onShowLess();
8318                } else {
8319                    this.fulltextSearch = text;
8320                    this.onShowMore();
8321                }
8322
8323                return true;
8324            },
8325
8326            /**
8327             * Triggered when leaving the search field.
8328             */
8329            onSearchFocusOut: function(event) {
8330                var text = event.target.value;
8331                if (text.trim() === "") {
8332                    this.fulltextSearch = null;
8333                }
8334            },
8335
8336            /**
8337             * Retrieve additional Results
8338             *
8339             * @param callback
8340             */
8341            loadAdditionalItems: function (callback) {
8342                fetch(this.options.ajaxLoadUrl, {
8343                    method: 'GET',
8344                    headers: {
8345                        'X-Requested-With': 'XMLHttpRequest',
8346                    },
8347                })
8348                .then((response) =>  response.json())
8349                .then((data) => {
8350                        this.items = data.map(this.addItemId.bind(this));
8351                        this.options.hasMoreItems = false;
8352
8353                        if (callback) {
8354                            return callback();
8355                        }
8356                    }
8357                );
8358            },
8359
8360            /**
8361             * Retrieve items to display
8362             *
8363             * @returns {*}
8364             */
8365            getDisplayedItems: function () {
8366                var items = this.items;
8367
8368                if (this.expanded === false) {
8369                    items = this.items.slice(0, this.maxSize);
8370                }
8371
8372                if (this.getFulltextSearch()) {
8373                    var searchTokens    = this.slugify(this.getFulltextSearch()).split('-');
8374                    var lastSearchToken = searchTokens.splice(-1, 1)[0];
8375
8376                    items = items.filter(function(item) {
8377                        var isValidItem = true;
8378                        var itemTokens = this.slugify(item.label).split('-');
8379                        searchTokens.forEach(function(currentToken) {
8380                            if (itemTokens.indexOf(currentToken) === -1) {
8381                                isValidItem = false;
8382                            }
8383                        })
8384                        if (isValidItem && lastSearchToken) {
8385                            var ngrams = itemTokens.map(function(token) {return token.substring(0, lastSearchToken.length)});
8386                            isValidItem = ngrams.indexOf(lastSearchToken) !== -1;
8387                        }
8388                        return isValidItem;
8389                    }.bind(this))
8390                }
8391                this.result = items.length;
8392                return items;
8393            },
8394
8395            /**
8396             * Does the search have a result
8397             */
8398            hasSearchResult: function () {
8399                return this.getDisplayedItems().length > 0
8400            },
8401
8402            /**
8403             * Search result message
8404             */
8405            getSearchResultMessage : function() {
8406                return this.noSearchResultLabel.replace("%s", '"' + this.getFulltextSearch() + '"')
8407            },
8408
8409            getFulltextSearch : function() {
8410                return this.fulltextSearch;
8411            },
8412
8413            /**
8414             * Callback for the "Show more" button
8415             */
8416            onShowMore: function () {
8417                if (this.options.hasMoreItems) {
8418                    this.loadAdditionalItems(this.onShowMore.bind(this));
8419                } else {
8420                    this.expanded = true;
8421                }
8422
8423                this.displayedItems = this.getDisplayedItems();
8424            },
8425
8426            /**
8427             * Index the text to be searched.
8428             */
8429            slugify: function(text) {
8430                return text.toString().toLowerCase()
8431                    .replace(/\s+/g, '-')                                              // Replace spaces with -
8432                    .replace(/[^\w\u0400-\u052F\u2DE0-\u2DFF\uA640-\uA69F'\-]+/g, '')  // Remove all non-word chars
8433                    .replace(/\-\-+/g, '-')                                            // Replace multiple - with single -
8434                    .replace(/^-+/, '')                                                // Trim - from start of text
8435            },
8436
8437            /**
8438             * Callback for the "Show less" button
8439             */
8440            onShowLess: function () {
8441                this.expanded = false;
8442                this.displayedItems = this.getDisplayedItems();
8443            },
8444
8445            /**
8446             * Check if the filter can be expanded
8447             *
8448             * @returns {boolean}
8449             */
8450            enableExpansion : function () {
8451                return this.options.hasMoreItems || this.items.length > this.maxSize;
8452            },
8453
8454            /**
8455             * Displays the "Show More" link
8456             *
8457             * @returns {*|boolean}
8458             */
8459            displayShowMore: function () {
8460                return this.enableExpansion() && this.expanded === false && !this.getFulltextSearch();
8461            },
8462
8463            /**
8464             * Displays the "Show Less" link
8465             *
8466             * @returns {*|boolean}
8467             */
8468            displayShowLess: function () {
8469                return this.enableExpansion() && this.expanded === true && !this.getFulltextSearch();
8470            },
8471
8472            /**
8473             * Add an id to items.
8474             */
8475            addItemId: function (item) {
8476                item.id = Math.floor(Math.random() * 1000000) + "_option_";
8477                item.displayProductCount = this.options.displayProductCount && (item.count >= 1);
8478
8479                return item;
8480            },
8481        };
8482    };
8483</script>
8483
8484
8485    <div
8486        class="availabilityFilter"
8487        x-data="initSmileAttibute_6ab4612212b93()"
8488        x-init="initialize();"
8489    >
8490        <div class="field search"  x-show="displaySearch">
8491            <div class="control">
8492                <input class="filter-search form-input w-full mb-4"
8493                       type="text"
8494                       aria-label="Szukaj&#x20;Dost&#x0119;pno&#x015B;&#x0107;"
8495                       autocomplete="off"
8496                       :placeholder="searchPlaceholder"
8497                       @keyup="onSearchChange"
8498                       @focusout="onSearchFocusOut" />
8499            </div>
8500        </div>
8501        <ol class="items flex flex-wrap gap-x-2 gap-y-4"
8502            aria-label="Dost&#x0119;pno&#x015B;&#x0107;&#x20;filter&#x20;options"
8503            tabindex="-1"
8504            x-ref="closestItems_6ab4612212b93"
8505        >
8506            <template x-for="attribute in displayedItems" hidden>
8507                <li class="item">
8508                    <a
8509                        class="flex items-center font-medium text-sm leading-6 px-4 py-1 rounded-full transition-colors "
8510                        :class="{
8511                            'bg-secondary-darker text-white': attribute.is_selected,
8512                            'bg-gray-wildsand text-black hover:bg-gray-lighter': !attribute.is_selected
8513                        }"
8514                        :href="attribute.url"
8515                        x-show="attribute.count >= 1"
8516                        :rel="options.displayRelNofollow"
8517                    >
8518                        <span x-html="attribute.label"></span>
8519                        <span class="sr-only" x-show="attribute.is_selected">
8520                             - filtr zaznaczony                        </span>
8521                    </a>
8522
8523                    <div x-show="attribute.count < 1">
8524                        <span x-html="attribute.label"></span>
8525                        <span class="count" x-text="attribute.count"></span>
8526                    </div>
8527                </li>
8528            </template>
8529        </ol>
8530
8531        <div class="no-results-message" x-model="result" x-show="getFulltextSearch() && !hasSearchResult()" class="empty">
8532            <p x-html="getSearchResultMessage()"></p>
8533        </div>
8534
8535        <div class="actions my-4" x-show="enableExpansion()">
8536            <button class="btn btn-primary btn-size-sm show-more"
8537                    @click.prevent="onShowMore(); $refs.closestItems_6ab4612212b93.focus()"
8538                    x-show="displayShowMore()">
8539                <span>Pokaż więcej +</span>
8540            </button>
8541            <button class="btn btn-primary btn-size-sm show-less"
8542                    @click.prevent="onShowLess(); $refs.closestItems_6ab4612212b93.focus()"
8543                    x-show="displayShowLess()">
8544                <span>Pokaż mniej -</span>
8545            </button>
8546        </div>
8547    </div>
8548
8549                            </div>
8550                        </div>
8551                                                                                                        <div
8552                            role="group"
8553                            aria-labelledby="filter-option-2-title"
8554                            class="filter-option filter-option-2 mb-12"
8555                        >
8556                                                            <p
8557                                    id="filter-option-2-title"
8558                                    class="filter-options-title text-lg md:text-xl text-black font-medium leading-7 pb-4"
8559                                >
8560                                    Cena                                    <span class="sr-only"> - filtr</span>
8561                                </p>
8562                            
8563                            <div
8564                                id="filter-option-2-content"
8565                                class="filter-options-content"
8566                            >
8567                                
8568<script>
8569    function rangeSlider_6ab46122132c0(options) {
8570        "use strict";
8571
8572        return {
8573            options: {"minValue":6,"maxValue":300,"currentValue":{"from":6,"to":300},"fieldFormat":{"pattern":"%s\u00a0z\u0142","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":"\u00a0","groupLength":3,"integerRequired":false},"intervals":[{"value":6,"count":2},{"value":9,"count":3},{"value":10,"count":5},{"value":11,"count":5},{"value":12,"count":8},{"value":13,"count":13},{"value":14,"count":11},{"value":15,"count":23},{"value":16,"count":11},{"value":17,"count":18},{"value":18,"count":14},{"value":19,"count":24},{"value":20,"count":19},{"value":21,"count":5},{"value":22,"count":12},{"value":23,"count":25},{"value":24,"count":10},{"value":25,"count":42},{"value":26,"count":3},{"value":27,"count":27},{"value":28,"count":19},{"value":29,"count":15},{"value":31,"count":25},{"value":32,"count":4},{"value":33,"count":7},{"value":34,"count":3},{"value":35,"count":20},{"value":37,"count":2},{"value":38,"count":1},{"value":39,"count":7},{"value":41,"count":3},{"value":43,"count":6},{"value":44,"count":2},{"value":45,"count":1},{"value":47,"count":9},{"value":49,"count":7},{"value":54,"count":2},{"value":55,"count":8},{"value":59,"count":8},{"value":62,"count":1},{"value":63,"count":7},{"value":64,"count":1},{"value":65,"count":4},{"value":66,"count":1},{"value":67,"count":1},{"value":69,"count":6},{"value":71,"count":1},{"value":72,"count":1},{"value":74,"count":1},{"value":75,"count":1},{"value":76,"count":1},{"value":79,"count":4},{"value":84,"count":3},{"value":89,"count":3},{"value":103,"count":1},{"value":135,"count":6},{"value":169,"count":2},{"value":207,"count":1},{"value":212,"count":1},{"value":229,"count":1},{"value":299,"count":11}],"adaptiveIntervals":[],"showAdaptiveSlider":false,"urlTemplate":"https:\/\/www.trefl.com\/promocje?price=<%- from %>-<%- to %>","messageTemplates":{"displayOne":"1 product","displayCount":"<%- count %> products","displayEmpty":"No products in the selected range."},"step":1,"rate":1},
8574            priceSlider: true,
8575            lastThumbUpdatedMax: true,
8576            minfocused: false,
8577            maxfocused: false,
8578            sliderZindex: 20,
8579            messageTemplates: {
8580                "displayOne": '<span class="msg">1 produkt</span>',
8581                "displayCount": '<span class="msg"><%- count %> produktów</span>',
8582                "displayEmpty": '<span class="msg-error">Brak produktów w wybranym zakresie.</span>'
8583            },
8584            minprice: 0,
8585            maxprice: 0,
8586            fromLabel: '',
8587            toLabel: '',
8588            min: 0,
8589            max: 0,
8590            minZindex: 0,
8591            maxZindex: 0,
8592            minthumb: 0,
8593            maxthumb: 0,
8594            message: '',
8595            url: '',
8596            intervals: [],
8597
8598            initialize: function () {
8599                this.options = Object.assign({}, this.options, options);
8600                this.url = this.options.urlTemplate;
8601
8602                if (this.options.sliderZindex !== undefined) {
8603                    this.sliderZindex = this.options.sliderZindex;
8604                }
8605
8606                this.showAdaptiveSlider =  false;
8607                if (this.options.showAdaptiveSlider !== undefined) {
8608                    this.showAdaptiveSlider = this.options.showAdaptiveSlider;
8609                }
8610                if (this.options.maxLabelOffset === undefined) {
8611                    this.options.maxLabelOffset = this.priceSlider ? 0.01 : 0;
8612                }
8613
8614                if (this.options.rate === undefined) {
8615                    this.options.rate = 1.0000;
8616                }
8617
8618                if (this.showAdaptiveSlider) {
8619                    this._initAdaptiveSliderValues();
8620                } else {
8621                    this._initSliderValues();
8622                }
8623
8624                this.mintrigger();
8625                this.maxtrigger();
8626            },
8627            _initSliderValues: function () {
8628                this.rate = parseFloat(this.options.rate);
8629                this.minprice = Math.floor(this.options.currentValue.from * this.rate);
8630                this.maxprice = Math.round(this.options.currentValue.to * this.rate);
8631                this.intervals    = this.options.intervals.map(
8632                    function(item) { item.value = Math.round(item.value * this.rate); return item}.bind(this)
8633                );
8634                this.min = Math.floor(this.options.minValue * this.rate);
8635                this.max = Math.round(this.options.maxValue * this.rate);
8636            },
8637
8638            _initAdaptiveSliderValues: function () {
8639                this.intervals = this.options.adaptiveIntervals;
8640                this.options.adaptiveIntervals[0].value = Math.floor(this.options.adaptiveIntervals[0].value);
8641                this.minprice = this._getAdaptiveValue(Number(this.options.currentValue.from));
8642                this.maxprice = this._getAdaptiveValue(Number(this.options.currentValue.to));
8643                this.rate = parseFloat(this.options.rate);
8644                this.intervals = this.intervals.map(
8645                    function(item) { item.originalValue = Math.ceil(item.originalValue * this.rate); return item}.bind(this)
8646                );
8647                this.min = this.intervals[0].value;
8648                this.max = this.intervals[this.intervals.length - 1].value;
8649            },
8650            mintrigger: function () {
8651                this.lastThumbUpdatedMax = false;
8652                this.validation();
8653                this.minprice = this._getClosestAdaptiveValue(Math.min(this.minprice, this.maxprice));
8654                this.minthumb = ((this.minprice - this.min) / (this.max - this.min)) * 100;
8655                this._onChangeAfter();
8656            },
8657            maxtrigger: function () {
8658                this.lastThumbUpdatedMax = true;
8659                this.validation();
8660                this.maxprice = this._getClosestAdaptiveValue(Math.max(this.maxprice, this.minprice));
8661                this.maxthumb = ((this.maxprice - this.min) / (this.max - this.min)) * 100;
8662                this._onChangeAfter();
8663            },
8664            updateFocusState: function (targetName, stateValue) {
8665                this[`${targetName}focused`] = stateValue
8666            },
8667            _onChangeAfter: function () {
8668                this._updateSliderZindexes();
8669                this._applyRange();
8670                this._refreshDisplay();
8671            },
8672            validation: function () {
8673                if (/^[\d.]*$/.test(this.minprice)) {
8674                    if (this.minprice > this.max) {
8675                        this.minprice = this._getAdaptiveValue(Number(this.options.currentValue.from));
8676                    }
8677                    if (this.minprice < this.min) {
8678                        this.minprice = this.min;
8679                    }
8680                } else {
8681                    this.minprice = this._getAdaptiveValue(Number(this.options.currentValue.from));
8682                }
8683                if (/^[\d.]*$/.test(this.maxprice)) {
8684                    if (this.maxprice > this.max) {
8685                        this.maxprice = this.max;
8686                    }
8687                    if (this.maxprice < this.min) {
8688                        this.maxprice = this._getAdaptiveValue(Number(this.options.currentValue.to));
8689                    }
8690                } else {
8691                    this.maxprice = this._getAdaptiveValue(Number(this.options.currentValue.to))
8692                }
8693            },
8694            getItemCount: function () {
8695                var from = this.minprice, to = this.maxprice, intervals = this.intervals;
8696                return intervals.map(function (item) {
8697                    return item.value >= from && item.value < to ? item.count : 0;
8698                })
8699                    .reduce(function (a, b) {
8700                        return a + b;
8701                    });
8702            },
8703            _refreshDisplay: function () {
8704                this.count = this.getItemCount();
8705                let minprice = this._getOriginalValue(this.minprice);
8706                if (minprice >= this._getOriginalValue(this.max) ) {
8707                    minprice = this._getOriginalValue(this.max) - this.options.maxLabelOffset;
8708                }
8709                this.fromLabel = this._formatLabel(minprice);
8710
8711                let maxprice = this._getOriginalValue(this.maxprice) - this.options.maxLabelOffset;
8712                if (maxprice < this._getOriginalValue(this.min)) {
8713                    maxprice = this._getOriginalValue(this.maxprice);
8714                }
8715                this.toLabel = this._formatLabel(maxprice);
8716
8717                var messageTemplate = this.messageTemplates[this.count > 0 ? (this.count > 1 ? 'displayCount' : 'displayOne') : 'displayEmpty'];
8718                this.message = this._unescape(messageTemplate.replace('<%- count %>', this.count));
8719            },
8720            _formatLabel: function (value) {
8721                var formattedValue = value;
8722
8723                if (this.priceSlider && this.options.fieldFormat) {
8724                    formattedValue = this._formatPrice(value);
8725                } else if (this.options.fieldFormat && this.options.fieldFormat.pattern) {
8726                     formattedValue = this.options.fieldFormat.pattern.replace(
8727                         '%s',
8728                         Number.parseFloat(formattedValue).toFixed(this.options.fieldFormat.precision)
8729                     );
8730                }
8731
8732                return formattedValue;
8733            },
8734            _formatPrice: function (value) {
8735                var formatter = new Intl.NumberFormat(
8736                    document.documentElement.lang,
8737                    {
8738                        style: 'currency',
8739                        currency: 'PLN',
8740                    }
8741                );
8742
8743                return formatter.format(value);
8744            },
8745            _applyRange: function () {
8746                var range = {
8747                    from : this._getOriginalValue(this.minprice) * (1 / this.rate),
8748                    to   : this._getOriginalValue(this.maxprice) * (1 / this.rate),
8749                };
8750
8751                this.url = this._unescape(this.options.urlTemplate.replace('<%- from %>', range.from).replace('<%- to %>', range.to));
8752            },
8753            _updateSliderZindexes: function () {
8754                this.minZindex = this.sliderZindex;
8755                this.maxZindex = this.sliderZindex;
8756                if (this.minprice == this.maxprice) {
8757                    if (this.minprice === this.min || (this.minprice !== this.min && this.lastThumbUpdatedMax)) {
8758                        this.maxZindex = this.sliderZindex + 1;
8759                    }
8760
8761                    if (this.maxprice === this.max || (this.maxprice !== this.max && !this.lastThumbUpdatedMax)) {
8762                        this.minZindex = this.sliderZindex + 1;
8763                    }
8764
8765                }
8766            },
8767            _getAdaptiveValue : function (value) {
8768                if (!this.showAdaptiveSlider) {
8769                    return value;
8770                }
8771
8772                var adaptiveValue = this.intervals[0].value;
8773                var found = false;
8774                this.intervals.forEach(function (item) {
8775                    if (found === false && item.originalValue === value) {
8776                        adaptiveValue = item.value;
8777                        found = true;
8778                    }
8779
8780                    if (found === false && item.originalValue < value) {
8781                        adaptiveValue = item.value;
8782                    }
8783                });
8784
8785                return adaptiveValue;
8786            },
8787
8788            _getClosestAdaptiveValue : function (value) {
8789                if (!this.showAdaptiveSlider) {
8790                    return value;
8791                }
8792
8793                var closestValue = this.intervals[0].value;
8794                var found = false;
8795                this.intervals.forEach(function (item) {
8796                    if (item.value === value) {
8797                        closestValue = value;
8798                        found = true;
8799                    }
8800
8801                    if (found === false && item.value < value) {
8802                        closestValue = item.value;
8803                    }
8804                });
8805
8806                return closestValue;
8807            },
8808
8809            _getOriginalValue : function (value) {
8810                if (!this.showAdaptiveSlider) {
8811                    return value;
8812                }
8813
8814                var originalValue = null;
8815                this.intervals.forEach(function (item) {
8816                    if (item.value === value) {
8817                        originalValue = item.originalValue;
8818                    }
8819                });
8820
8821                return originalValue;
8822            },
8823
8824            _unescape: function (str) {
8825                return str.replace(/&lt;%|%3C%/g, '<%').replace(/%&gt;|%%3E/g, '%>');
8826            },
8827        }
8828    }
8829</script>
8829
8830<style>
8831    .es-range-slider input[type=range] {
8832        pointer-events: none;
8833    }
8834
8835    .es-range-slider input[type=range] {
8836        margin-top: -0.5rem;
8837        height: 1.5rem;
8838    }
8839
8840    .es-range-slider input[type=range]::-webkit-slider-thumb {
8841        pointer-events: all;
8842        width: 1.5rem;
8843        height: 1.5rem;
8844        border-radius: 0;
8845        border: 0 none;
8846        -webkit-appearance: none;
8847    }
8848
8849    .es-range-slider input[type=range]::-moz-range-thumb {
8850        pointer-events: all;
8851        width: 1.5rem;
8852        height: 1.5rem;
8853        border-radius: 0;
8854        border: 0 none;
8855        -webkit-appearance: none;
8856    }
8857
8858    .es-range-slider input[type=range]::-ms-thumb {
8859        pointer-events: all;
8860        width: 1.5rem;
8861        height: 1.5rem;
8862        border-radius: 0;
8863        border: 0 none;
8864        -webkit-appearance: none;
8865    }
8866</style>
8867<div class="smile-es-range-slider" data-role="range-price-slider-price">
8868    <div x-data="rangeSlider_6ab46122132c0({})" x-init="initialize()" class="relative max-w-xl w-full">
8869        <div class="flex justify-between items-center mb-2.5 mx-1.5">
8870            <div>
8871                <span class="sr-only">Wartość minimalna</span>
8872                <span x-model="minprice" x-text="fromLabel" class="text-sm text-gray-dark text-left"></span>
8873            </div>
8874            <div>
8875                <span class="sr-only">Wartość maksymalna</span>
8876                <span x-model="maxprice" x-text="toLabel" class="text-sm text-gray-dark text-right"></span>
8877            </div>
8878        </div>
8879
8880
8881        <div class="es-range-slider relative rounded-md bg-gray-200"
8882            role="group"
8883            aria-label="Suwak"
8884        >
8885            <input
8886                type="range"
8887                step="1" x-bind:min="min"
8888                x-bind:max="max"
8889                x-on:input="mintrigger"
8890                @focus="() => updateFocusState('min', true)"
8891                @blur="() => updateFocusState('min', false)"
8892                x-bind:style="'z-index: ' + minZindex"
8893                x-model="minprice"
8894                class="absolute pointer-events-none appearance-none h-2 w-full opacity-0 cursor-pointer"
8895                aria-label="Minimalna&#x20;warto&#x015B;&#x0107;&#x20;ceny,&#x20;u&#x017C;yj&#x20;strza&#x0142;ek&#x20;w&#x20;lewo&#x20;i&#x20;w&#x20;prawo,&#x20;aby&#x20;dostosowa&#x0107;."
8896            />
8897            <input
8898                type="range"
8899                step="1"
8900                x-bind:min="min"
8901                x-bind:max="max"
8902                x-on:input="maxtrigger"
8903                @focus="() => updateFocusState('max', true)"
8904                @blur="() => updateFocusState('max', false)"
8905                x-bind:style="'z-index: ' + maxZindex"
8906                x-model="maxprice"
8907                class="absolute pointer-events-none appearance-none h-2 w-full opacity-0 cursor-pointer"
8908                aria-label="Maksymalna&#x20;warto&#x015B;&#x0107;&#x20;ceny,&#x20;u&#x017C;yj&#x20;strza&#x0142;ek&#x20;w&#x20;lewo&#x20;i&#x20;w&#x20;prawo,&#x20;aby&#x20;dostosowa&#x0107;."
8909            />
8910
8911            <div class="relative z-10 h-1 mr-4">
8912                <div class="absolute z-10 left-0 right-0 bottom-0 top-0"></div>
8913                <div class="absolute z-20 top-0 bottom-0 rounded-md bg-primary" x-bind:style="'right:'+ (100 - 1 - maxthumb)+'%; left:'+ minthumb+'%'"></div>
8914                <div :class="{ 'ring': minfocused }" class="absolute z-30 w-4 h-4 top-0 left-0 bg-primary rounded-full -mt-1.5 thumb"  x-bind:style="'left: '+minthumb+'%'"></div>
8915                <div :class="{ 'ring': maxfocused }" class="absolute z-30 w-4 h-4 top-0 right-0 bg-primary rounded-full -mt-1.5 thumb" x-bind:style="'left: '+maxthumb+'%'"></div>
8916            </div>
8917        </div>
8918
8919        <div class="mt-8 mb-8 h-6 flex justify-between items-center gap-2">
8920            <small x-html="message" class="text-sm text-gray-dark text-left"></small>
8921            <a
8922                class="w-auto btn btn-primary justify-center text-sm px-4 md:px-2 lg:px-4"
8923                x-model="url"
8924                :href="url"
8925                :aria-label="
8926                    hyva.str('Zastosuj\u0020filtrowanie\u0020cen,\u0020minimalna\u0020cena\u0020\u00251,\u0020maksymalna\u0020cena\u0020\u00252', minprice, maxprice) + ', ' +
8927                    hyva.str('\u00251\u0020produkt\u0028\u00F3w\u0029\u0020dost\u0119pnych', count)
8928                "
8929            >
8930                <span>OK</span>
8931            </a>
8932        </div>
8933    </div>
8934</div>
8935
8936
8937                            </div>
8938                        </div>
8939                                                                                                                                            <div
8940                            role="group"
8941                            aria-labelledby="filter-option-3-title"
8942                            class="filter-option filter-option-3 mb-12"
8943                        >
8944                                                            <p
8945                                    id="filter-option-3-title"
8946                                    class="filter-options-title text-lg md:text-xl text-black font-medium leading-7 pb-4"
8947                                >
8948                                    Wiek                                    <span class="sr-only"> - filtr</span>
8949                                </p>
8950                            
8951                            <div
8952                                id="filter-option-3-content"
8953                                class="filter-options-content"
8954                            >
8955                                
8956<script>
8957    function rangeSlider_6ab4612213980(options) {
8958        "use strict";
8959
8960        return {
8961            options: {"minValue":1,"maxValue":19,"currentValue":{"from":1,"to":19},"fieldFormat":{"pattern":"","precision":0,"requiredPrecision":0,"decimalSymbol":",","groupSymbol":"\u00a0","groupLength":3,"integerRequired":false},"intervals":[{"value":1,"count":7},{"value":2,"count":11},{"value":3,"count":77},{"value":4,"count":82},{"value":5,"count":47},{"value":6,"count":23},{"value":7,"count":26},{"value":8,"count":33},{"value":9,"count":11},{"value":10,"count":22},{"value":12,"count":1},{"value":14,"count":122},{"value":18,"count":1}],"adaptiveIntervals":[],"showAdaptiveSlider":false,"urlTemplate":"https:\/\/www.trefl.com\/promocje?age_from=<%- from %>-<%- to %>","messageTemplates":{"displayOne":"1 product","displayCount":"<%- count %> products","displayEmpty":"No products in the selected range."}},
8962            priceSlider: false,
8963            lastThumbUpdatedMax: true,
8964            minfocused: false,
8965            maxfocused: false,
8966            sliderZindex: 20,
8967            messageTemplates: {
8968                "displayOne": '<span class="msg">1 produkt</span>',
8969                "displayCount": '<span class="msg"><%- count %> produktów</span>',
8970                "displayEmpty": '<span class="msg-error">Brak produktów w wybranym zakresie.</span>'
8971            },
8972            minprice: 0,
8973            maxprice: 0,
8974            fromLabel: '',
8975            toLabel: '',
8976            min: 0,
8977            max: 0,
8978            minZindex: 0,
8979            maxZindex: 0,
8980            minthumb: 0,
8981            maxthumb: 0,
8982            message: '',
8983            url: '',
8984            intervals: [],
8985
8986            initialize: function () {
8987                this.options = Object.assign({}, this.options, options);
8988                this.url = this.options.urlTemplate;
8989
8990                if (this.options.sliderZindex !== undefined) {
8991                    this.sliderZindex = this.options.sliderZindex;
8992                }
8993
8994                this.showAdaptiveSlider =  false;
8995                if (this.options.showAdaptiveSlider !== undefined) {
8996                    this.showAdaptiveSlider = this.options.showAdaptiveSlider;
8997                }
8998                if (this.options.maxLabelOffset === undefined) {
8999                    this.options.maxLabelOffset = this.priceSlider ? 0.01 : 0;
9000                }
9001
9002                if (this.options.rate === undefined) {
9003                    this.options.rate = 1.0000;
9004                }
9005
9006                if (this.showAdaptiveSlider) {
9007                    this._initAdaptiveSliderValues();
9008                } else {
9009                    this._initSliderValues();
9010                }
9011
9012                this.mintrigger();
9013                this.maxtrigger();
9014            },
9015            _initSliderValues: function () {
9016                this.rate = parseFloat(this.options.rate);
9017                this.minprice = Math.floor(this.options.currentValue.from * this.rate);
9018                this.maxprice = Math.round(this.options.currentValue.to * this.rate);
9019                this.intervals    = this.options.intervals.map(
9020                    function(item) { item.value = Math.round(item.value * this.rate); return item}.bind(this)
9021                );
9022                this.min = Math.floor(this.options.minValue * this.rate);
9023                this.max = Math.round(this.options.maxValue * this.rate);
9024            },
9025
9026            _initAdaptiveSliderValues: function () {
9027                this.intervals = this.options.adaptiveIntervals;
9028                this.options.adaptiveIntervals[0].value = Math.floor(this.options.adaptiveIntervals[0].value);
9029                this.minprice = this._getAdaptiveValue(Number(this.options.currentValue.from));
9030                this.maxprice = this._getAdaptiveValue(Number(this.options.currentValue.to));
9031                this.rate = parseFloat(this.options.rate);
9032                this.intervals = this.intervals.map(
9033                    function(item) { item.originalValue = Math.ceil(item.originalValue * this.rate); return item}.bind(this)
9034                );
9035                this.min = this.intervals[0].value;
9036                this.max = this.intervals[this.intervals.length - 1].value;
9037            },
9038            mintrigger: function () {
9039                this.lastThumbUpdatedMax = false;
9040                this.validation();
9041                this.minprice = this._getClosestAdaptiveValue(Math.min(this.minprice, this.maxprice));
9042                this.minthumb = ((this.minprice - this.min) / (this.max - this.min)) * 100;
9043                this._onChangeAfter();
9044            },
9045            maxtrigger: function () {
9046                this.lastThumbUpdatedMax = true;
9047                this.validation();
9048                this.maxprice = this._getClosestAdaptiveValue(Math.max(this.maxprice, this.minprice));
9049                this.maxthumb = ((this.maxprice - this.min) / (this.max - this.min)) * 100;
9050                this._onChangeAfter();
9051            },
9052            updateFocusState: function (targetName, stateValue) {
9053                this[`${targetName}focused`] = stateValue
9054            },
9055            _onChangeAfter: function () {
9056                this._updateSliderZindexes();
9057                this._applyRange();
9058                this._refreshDisplay();
9059            },
9060            validation: function () {
9061                if (/^[\d.]*$/.test(this.minprice)) {
9062                    if (this.minprice > this.max) {
9063                        this.minprice = this._getAdaptiveValue(Number(this.options.currentValue.from));
9064                    }
9065                    if (this.minprice < this.min) {
9066                        this.minprice = this.min;
9067                    }
9068                } else {
9069                    this.minprice = this._getAdaptiveValue(Number(this.options.currentValue.from));
9070                }
9071                if (/^[\d.]*$/.test(this.maxprice)) {
9072                    if (this.maxprice > this.max) {
9073                        this.maxprice = this.max;
9074                    }
9075                    if (this.maxprice < this.min) {
9076                        this.maxprice = this._getAdaptiveValue(Number(this.options.currentValue.to));
9077                    }
9078                } else {
9079                    this.maxprice = this._getAdaptiveValue(Number(this.options.currentValue.to))
9080                }
9081            },
9082            getItemCount: function () {
9083                var from = this.minprice, to = this.maxprice, intervals = this.intervals;
9084                return intervals.map(function (item) {
9085                    return item.value >= from && item.value < to ? item.count : 0;
9086                })
9087                    .reduce(function (a, b) {
9088                        return a + b;
9089                    });
9090            },
9091            _refreshDisplay: function () {
9092                this.count = this.getItemCount();
9093                let minprice = this._getOriginalValue(this.minprice);
9094                if (minprice >= this._getOriginalValue(this.max) ) {
9095                    minprice = this._getOriginalValue(this.max) - this.options.maxLabelOffset;
9096                }
9097                this.fromLabel = this._formatLabel(minprice);
9098
9099                let maxprice = this._getOriginalValue(this.maxprice) - this.options.maxLabelOffset;
9100                if (maxprice < this._getOriginalValue(this.min)) {
9101                    maxprice = this._getOriginalValue(this.maxprice);
9102                }
9103                this.toLabel = this._formatLabel(maxprice);
9104
9105                var messageTemplate = this.messageTemplates[this.count > 0 ? (this.count > 1 ? 'displayCount' : 'displayOne') : 'displayEmpty'];
9106                this.message = this._unescape(messageTemplate.replace('<%- count %>', this.count));
9107            },
9108            _formatLabel: function (value) {
9109                var formattedValue = value;
9110
9111                if (this.priceSlider && this.options.fieldFormat) {
9112                    formattedValue = this._formatPrice(value);
9113                } else if (this.options.fieldFormat && this.options.fieldFormat.pattern) {
9114                     formattedValue = this.options.fieldFormat.pattern.replace(
9115                         '%s',
9116                         Number.parseFloat(formattedValue).toFixed(this.options.fieldFormat.precision)
9117                     );
9118                }
9119
9120                return formattedValue;
9121            },
9122            _formatPrice: function (value) {
9123                var formatter = new Intl.NumberFormat(
9124                    document.documentElement.lang,
9125                    {
9126                        style: 'currency',
9127                        currency: 'PLN',
9128                    }
9129                );
9130
9131                return formatter.format(value);
9132            },
9133            _applyRange: function () {
9134                var range = {
9135                    from : this._getOriginalValue(this.minprice) * (1 / this.rate),
9136                    to   : this._getOriginalValue(this.maxprice) * (1 / this.rate),
9137                };
9138
9139                this.url = this._unescape(this.options.urlTemplate.replace('<%- from %>', range.from).replace('<%- to %>', range.to));
9140            },
9141            _updateSliderZindexes: function () {
9142                this.minZindex = this.sliderZindex;
9143                this.maxZindex = this.sliderZindex;
9144                if (this.minprice == this.maxprice) {
9145                    if (this.minprice === this.min || (this.minprice !== this.min && this.lastThumbUpdatedMax)) {
9146                        this.maxZindex = this.sliderZindex + 1;
9147                    }
9148
9149                    if (this.maxprice === this.max || (this.maxprice !== this.max && !this.lastThumbUpdatedMax)) {
9150                        this.minZindex = this.sliderZindex + 1;
9151                    }
9152
9153                }
9154            },
9155            _getAdaptiveValue : function (value) {
9156                if (!this.showAdaptiveSlider) {
9157                    return value;
9158                }
9159
9160                var adaptiveValue = this.intervals[0].value;
9161                var found = false;
9162                this.intervals.forEach(function (item) {
9163                    if (found === false && item.originalValue === value) {
9164                        adaptiveValue = item.value;
9165                        found = true;
9166                    }
9167
9168                    if (found === false && item.originalValue < value) {
9169                        adaptiveValue = item.value;
9170                    }
9171                });
9172
9173                return adaptiveValue;
9174            },
9175
9176            _getClosestAdaptiveValue : function (value) {
9177                if (!this.showAdaptiveSlider) {
9178                    return value;
9179                }
9180
9181                var closestValue = this.intervals[0].value;
9182                var found = false;
9183                this.intervals.forEach(function (item) {
9184                    if (item.value === value) {
9185                        closestValue = value;
9186                        found = true;
9187                    }
9188
9189                    if (found === false && item.value < value) {
9190                        closestValue = item.value;
9191                    }
9192                });
9193
9194                return closestValue;
9195            },
9196
9197            _getOriginalValue : function (value) {
9198                if (!this.showAdaptiveSlider) {
9199                    return value;
9200                }
9201
9202                var originalValue = null;
9203                this.intervals.forEach(function (item) {
9204                    if (item.value === value) {
9205                        originalValue = item.originalValue;
9206                    }
9207                });
9208
9209                return originalValue;
9210            },
9211
9212            _unescape: function (str) {
9213                return str.replace(/&lt;%|%3C%/g, '<%').replace(/%&gt;|%%3E/g, '%>');
9214            },
9215        }
9216    }
9217</script>
9217
9218<style>
9219    .es-range-slider input[type=range] {
9220        pointer-events: none;
9221    }
9222
9223    .es-range-slider input[type=range] {
9224        margin-top: -0.5rem;
9225        height: 1.5rem;
9226    }
9227
9228    .es-range-slider input[type=range]::-webkit-slider-thumb {
9229        pointer-events: all;
9230        width: 1.5rem;
9231        height: 1.5rem;
9232        border-radius: 0;
9233        border: 0 none;
9234        -webkit-appearance: none;
9235    }
9236
9237    .es-range-slider input[type=range]::-moz-range-thumb {
9238        pointer-events: all;
9239        width: 1.5rem;
9240        height: 1.5rem;
9241        border-radius: 0;
9242        border: 0 none;
9243        -webkit-appearance: none;
9244    }
9245
9246    .es-range-slider input[type=range]::-ms-thumb {
9247        pointer-events: all;
9248        width: 1.5rem;
9249        height: 1.5rem;
9250        border-radius: 0;
9251        border: 0 none;
9252        -webkit-appearance: none;
9253    }
9254</style>
9255<div class="smile-es-range-slider" data-role="range-slider-age_from">
9256    <div x-data="rangeSlider_6ab4612213980({})" x-init="initialize()" class="relative max-w-xl w-full">
9257        <div class="flex justify-between items-center mb-2.5 mx-1.5">
9258            <div>
9259                <span class="sr-only">Wartość minimalna</span>
9260                <span x-model="minprice" x-text="fromLabel" class="text-sm text-gray-dark text-left"></span>
9261            </div>
9262            <div>
9263                <span class="sr-only">Wartość maksymalna</span>
9264                <span x-model="maxprice" x-text="toLabel" class="text-sm text-gray-dark text-right"></span>
9265            </div>
9266        </div>
9267
9268
9269        <div class="es-range-slider relative rounded-md bg-gray-200"
9270            role="group"
9271            aria-label="Suwak"
9272        >
9273            <input
9274                type="range"
9275                step="1" x-bind:min="min"
9276                x-bind:max="max"
9277                x-on:input="mintrigger"
9278                @focus="() => updateFocusState('min', true)"
9279                @blur="() => updateFocusState('min', false)"
9280                x-bind:style="'z-index: ' + minZindex"
9281                x-model="minprice"
9282                class="absolute pointer-events-none appearance-none h-2 w-full opacity-0 cursor-pointer"
9283                aria-label="Minimalna&#x20;warto&#x015B;&#x0107;&#x20;ceny,&#x20;u&#x017C;yj&#x20;strza&#x0142;ek&#x20;w&#x20;lewo&#x20;i&#x20;w&#x20;prawo,&#x20;aby&#x20;dostosowa&#x0107;."
9284            />
9285            <input
9286                type="range"
9287                step="1"
9288                x-bind:min="min"
9289                x-bind:max="max"
9290                x-on:input="maxtrigger"
9291                @focus="() => updateFocusState('max', true)"
9292                @blur="() => updateFocusState('max', false)"
9293                x-bind:style="'z-index: ' + maxZindex"
9294                x-model="maxprice"
9295                class="absolute pointer-events-none appearance-none h-2 w-full opacity-0 cursor-pointer"
9296                aria-label="Maksymalna&#x20;warto&#x015B;&#x0107;&#x20;ceny,&#x20;u&#x017C;yj&#x20;strza&#x0142;ek&#x20;w&#x20;lewo&#x20;i&#x20;w&#x20;prawo,&#x20;aby&#x20;dostosowa&#x0107;."
9297            />
9298
9299            <div class="relative z-10 h-1 mr-4">
9300                <div class="absolute z-10 left-0 right-0 bottom-0 top-0"></div>
9301                <div class="absolute z-20 top-0 bottom-0 rounded-md bg-primary" x-bind:style="'right:'+ (100 - 1 - maxthumb)+'%; left:'+ minthumb+'%'"></div>
9302                <div :class="{ 'ring': minfocused }" class="absolute z-30 w-4 h-4 top-0 left-0 bg-primary rounded-full -mt-1.5 thumb"  x-bind:style="'left: '+minthumb+'%'"></div>
9303                <div :class="{ 'ring': maxfocused }" class="absolute z-30 w-4 h-4 top-0 right-0 bg-primary rounded-full -mt-1.5 thumb" x-bind:style="'left: '+maxthumb+'%'"></div>
9304            </div>
9305        </div>
9306
9307        <div class="mt-8 mb-8 h-6 flex justify-between items-center gap-2">
9308            <small x-html="message" class="text-sm text-gray-dark text-left"></small>
9309            <a
9310                class="w-auto btn btn-primary justify-center text-sm px-4 md:px-2 lg:px-4"
9311                x-model="url"
9312                :href="url"
9313                :aria-label="
9314                    hyva.str('Zastosuj\u0020filtrowanie\u0020cen,\u0020minimalna\u0020cena\u0020\u00251,\u0020maksymalna\u0020cena\u0020\u00252', minprice, maxprice) + ', ' +
9315                    hyva.str('\u00251\u0020produkt\u0028\u00F3w\u0029\u0020dost\u0119pnych', count)
9316                "
9317            >
9318                <span>OK</span>
9319            </a>
9320        </div>
9321    </div>
9322</div>
9323
9324
9325                            </div>
9326                        </div>
9327                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div
9328                            role="group"
9329                            aria-labelledby="filter-option-4-title"
9330                            class="filter-option filter-option-4 mb-12"
9331                        >
9332                                                            <p
9333                                    id="filter-option-4-title"
9334                                    class="filter-options-title text-lg md:text-xl text-black font-medium leading-7 pb-4"
9335                                >
9336                                    Edycje specjalne                                    <span class="sr-only"> - filtr</span>
9337                                </p>
9338                            
9339                            <div
9340                                id="filter-option-4-content"
9341                                class="filter-options-content"
9342                            >
9343                                    
9343<script>
9344    function initSmileAttibute_6ab4612213cd4() {
9345        "use strict";
9346
9347        return {
9348            options             : {"component":"Smile_ElasticsuiteCatalog\/js\/attribute-filter","maxSize":50,"displayProductCount":true,"hasMoreItems":false,"displayRelNofollow":"","ajaxLoadUrl":"https:\/\/www.trefl.com\/catalog\/navigation_filter\/ajax\/id\/26\/?cat=26&filterName=edycje_specjalne","items":[{"label":"Puzzle 4 w 1","count":2,"url":"https:\/\/www.trefl.com\/promocje?edycje_specjalne=Puzzle+4+w+1","is_selected":false},{"label":"Crazy Puzzle","count":1,"url":"https:\/\/www.trefl.com\/promocje?edycje_specjalne=Crazy+Puzzle","is_selected":false},{"label":"Panorama","count":1,"url":"https:\/\/www.trefl.com\/promocje?edycje_specjalne=Panorama","is_selected":false}]},
9349            searchLabel         : 'Search (%s)',
9350            showMoreLabel       : 'Pokaż więcej',
9351            showLessLabel       : 'Pokaż mniej',
9352            noSearchResultLabel : 'No value matching the search <b>%s</b>.',
9353            expanded: false,
9354            items: [],
9355            lastSelectIndex: 0,
9356            maxSize: 0,
9357            displaySearch: false,
9358            displayedItems: [],
9359            fulltextSearch: null,
9360            searchPlaceholder: '',
9361            result: 0,
9362
9363            /**
9364             * Component initialization
9365             */
9366            initialize: function () {
9367
9368                this.items = this.options.items.map(this.addItemId.bind(this));
9369
9370                var lastSelectedIndex = Math.max.apply(null, (this.items.map(
9371                    function (v, k) {return v['is_selected'] ? k : 0;}))
9372                );
9373                this.maxSize = Math.max(this.options.maxSize, lastSelectedIndex + 1);
9374
9375                this.initSearchPlaceholder();
9376                this.onShowLess();
9377                this.displaySearch = this.displayShowMore();
9378                this.displayedItems = this.getDisplayedItems();
9379            },
9380
9381            /**
9382             * Init the place holder
9383             */
9384            initSearchPlaceholder: function () {
9385                var examples = this.items.slice(0, 2).map(function (item) {return item.label});
9386
9387                if (this.items.length > 2) {
9388                    examples.push('...');
9389                }
9390
9391                // Tip to make html chars interpretable by the browser when the value is get from JS.
9392                let placeholder = document.createElement('div');
9393                placeholder.innerHTML = this.searchLabel.replace('%s', examples.join(', '));
9394
9395                this.searchPlaceholder = placeholder.textContent;
9396            },
9397
9398            /**
9399             * Triggered when typing on the search input
9400             */
9401            onSearchChange: function (event) {
9402                var text = event.target.value;
9403                if (text.trim() === "") {
9404                    this.fulltextSearch = null;
9405                    this.onShowLess();
9406                } else {
9407                    this.fulltextSearch = text;
9408                    this.onShowMore();
9409                }
9410
9411                return true;
9412            },
9413
9414            /**
9415             * Triggered when leaving the search field.
9416             */
9417            onSearchFocusOut: function(event) {
9418                var text = event.target.value;
9419                if (text.trim() === "") {
9420                    this.fulltextSearch = null;
9421                }
9422            },
9423
9424            /**
9425             * Retrieve additional Results
9426             *
9427             * @param callback
9428             */
9429            loadAdditionalItems: function (callback) {
9430                fetch(this.options.ajaxLoadUrl, {
9431                    method: 'GET',
9432                    headers: {
9433                        'X-Requested-With': 'XMLHttpRequest',
9434                    },
9435                })
9436                .then((response) =>  response.json())
9437                .then((data) => {
9438                        this.items = data.map(this.addItemId.bind(this));
9439                        this.options.hasMoreItems = false;
9440
9441                        if (callback) {
9442                            return callback();
9443                        }
9444                    }
9445                );
9446            },
9447
9448            /**
9449             * Retrieve items to display
9450             *
9451             * @returns {*}
9452             */
9453            getDisplayedItems: function () {
9454                var items = this.items;
9455
9456                if (this.expanded === false) {
9457                    items = this.items.slice(0, this.maxSize);
9458                }
9459
9460                if (this.getFulltextSearch()) {
9461                    var searchTokens    = this.slugify(this.getFulltextSearch()).split('-');
9462                    var lastSearchToken = searchTokens.splice(-1, 1)[0];
9463
9464                    items = items.filter(function(item) {
9465                        var isValidItem = true;
9466                        var itemTokens = this.slugify(item.label).split('-');
9467                        searchTokens.forEach(function(currentToken) {
9468                            if (itemTokens.indexOf(currentToken) === -1) {
9469                                isValidItem = false;
9470                            }
9471                        })
9472                        if (isValidItem && lastSearchToken) {
9473                            var ngrams = itemTokens.map(function(token) {return token.substring(0, lastSearchToken.length)});
9474                            isValidItem = ngrams.indexOf(lastSearchToken) !== -1;
9475                        }
9476                        return isValidItem;
9477                    }.bind(this))
9478                }
9479                this.result = items.length;
9480                return items;
9481            },
9482
9483            /**
9484             * Does the search have a result
9485             */
9486            hasSearchResult: function () {
9487                return this.getDisplayedItems().length > 0
9488            },
9489
9490            /**
9491             * Search result message
9492             */
9493            getSearchResultMessage : function() {
9494                return this.noSearchResultLabel.replace("%s", '"' + this.getFulltextSearch() + '"')
9495            },
9496
9497            getFulltextSearch : function() {
9498                return this.fulltextSearch;
9499            },
9500
9501            /**
9502             * Callback for the "Show more" button
9503             */
9504            onShowMore: function () {
9505                if (this.options.hasMoreItems) {
9506                    this.loadAdditionalItems(this.onShowMore.bind(this));
9507                } else {
9508                    this.expanded = true;
9509                }
9510
9511                this.displayedItems = this.getDisplayedItems();
9512            },
9513
9514            /**
9515             * Index the text to be searched.
9516             */
9517            slugify: function(text) {
9518                return text.toString().toLowerCase()
9519                    .replace(/\s+/g, '-')                                              // Replace spaces with -
9520                    .replace(/[^\w\u0400-\u052F\u2DE0-\u2DFF\uA640-\uA69F'\-]+/g, '')  // Remove all non-word chars
9521                    .replace(/\-\-+/g, '-')                                            // Replace multiple - with single -
9522                    .replace(/^-+/, '')                                                // Trim - from start of text
9523            },
9524
9525            /**
9526             * Callback for the "Show less" button
9527             */
9528            onShowLess: function () {
9529                this.expanded = false;
9530                this.displayedItems = this.getDisplayedItems();
9531            },
9532
9533            /**
9534             * Check if the filter can be expanded
9535             *
9536             * @returns {boolean}
9537             */
9538            enableExpansion : function () {
9539                return this.options.hasMoreItems || this.items.length > this.maxSize;
9540            },
9541
9542            /**
9543             * Displays the "Show More" link
9544             *
9545             * @returns {*|boolean}
9546             */
9547            displayShowMore: function () {
9548                return this.enableExpansion() && this.expanded === false && !this.getFulltextSearch();
9549            },
9550
9551            /**
9552             * Displays the "Show Less" link
9553             *
9554             * @returns {*|boolean}
9555             */
9556            displayShowLess: function () {
9557                return this.enableExpansion() && this.expanded === true && !this.getFulltextSearch();
9558            },
9559
9560            /**
9561             * Add an id to items.
9562             */
9563            addItemId: function (item) {
9564                item.id = Math.floor(Math.random() * 1000000) + "_option_";
9565                item.displayProductCount = this.options.displayProductCount && (item.count >= 1);
9566
9567                return item;
9568            },
9569        };
9570    };
9571</script>
9571
9572
9573    <div
9574        class="edycje_specjalneFilter"
9575        x-data="initSmileAttibute_6ab4612213cd4()"
9576        x-init="initialize();"
9577    >
9578        <div class="field search"  x-show="displaySearch">
9579            <div class="control">
9580                <input class="filter-search form-input w-full mb-4"
9581                       type="text"
9582                       aria-label="Szukaj&#x20;Edycje&#x20;specjalne"
9583                       autocomplete="off"
9584                       :placeholder="searchPlaceholder"
9585                       @keyup="onSearchChange"
9586                       @focusout="onSearchFocusOut" />
9587            </div>
9588        </div>
9589        <ol class="items flex flex-wrap gap-x-2 gap-y-4"
9590            aria-label="Edycje&#x20;specjalne&#x20;filter&#x20;options"
9591            tabindex="-1"
9592            x-ref="closestItems_6ab4612213cd4"
9593        >
9594            <template x-for="attribute in displayedItems" hidden>
9595                <li class="item">
9596                    <a
9597                        class="flex items-center font-medium text-sm leading-6 px-4 py-1 rounded-full transition-colors "
9598                        :class="{
9599                            'bg-secondary-darker text-white': attribute.is_selected,
9600                            'bg-gray-wildsand text-black hover:bg-gray-lighter': !attribute.is_selected
9601                        }"
9602                        :href="attribute.url"
9603                        x-show="attribute.count >= 1"
9604                        :rel="options.displayRelNofollow"
9605                    >
9606                        <span x-html="attribute.label"></span>
9607                        <span class="sr-only" x-show="attribute.is_selected">
9608                             - filtr zaznaczony                        </span>
9609                    </a>
9610
9611                    <div x-show="attribute.count < 1">
9612                        <span x-html="attribute.label"></span>
9613                        <span class="count" x-text="attribute.count"></span>
9614                    </div>
9615                </li>
9616            </template>
9617        </ol>
9618
9619        <div class="no-results-message" x-model="result" x-show="getFulltextSearch() && !hasSearchResult()" class="empty">
9620            <p x-html="getSearchResultMessage()"></p>
9621        </div>
9622
9623        <div class="actions my-4" x-show="enableExpansion()">
9624            <button class="btn btn-primary btn-size-sm show-more"
9625                    @click.prevent="onShowMore(); $refs.closestItems_6ab4612213cd4.focus()"
9626                    x-show="displayShowMore()">
9627                <span>Pokaż więcej +</span>
9628            </button>
9629            <button class="btn btn-primary btn-size-sm show-less"
9630                    @click.prevent="onShowLess(); $refs.closestItems_6ab4612213cd4.focus()"
9631                    x-show="displayShowLess()">
9632                <span>Pokaż mniej -</span>
9633            </button>
9634        </div>
9635    </div>
9636
9637                            </div>
9638                        </div>
9639                                                                                                                                                                                                                                                                                                </div>
9640        </div>
9641
9642        <div class="backdrop hidden"
9643             x-transition:enter="ease-in-out duration-500"
9644             x-transition:enter-start="opacity-0"
9645             x-transition:enter-end="opacity-100"
9646             x-transition:leave-end="opacity-0"
9647             x-cloak
9648             @click="document.getElementById('mobile-filters-switch').click()"
9649             style="background: rgba(0, 0, 0, 0.6);"
9650        ></div>
9651    </div>
9652
9653    
9653<script>
9654        function mobileFilters() {
9655            return {
9656                init() {
9657                    window.addEventListener('toggle-mobile-filters', (event) => {
9658                        document.body.classList.toggle('fixed, w-full', event.detail?.isOpen)
9659                    })
9660                }
9661            }
9662        }
9663    </script>
9663
9664</aside><div class="column main"><div class="widget block block-static-block">
9665    <style>#html-body [data-pb-style=LUK1O07]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=CGNLCES]{text-align:center;padding-bottom:30px;border-style:none}#html-body [data-pb-style=O1P6HUC],#html-body [data-pb-style=SJ70GT3]{max-width:100%;height:auto}@media only screen and (max-width: 768px) { #html-body [data-pb-style=CGNLCES]{border-style:none} }</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="" data-element="inner" data-pb-style="LUK1O07"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="CGNLCES"><img width="1150" height="169"  class="pagebuilder-mobile-hidden" src="https://www.trefl.com/media/wysiwyg/1150X150_kategoriaRABAT_1.png" alt="" title="" loading="lazy" data-element="desktop_image" data-pb-style="SJ70GT3"><img width="600" height="200"  class="pagebuilder-mobile-only" src="https://www.trefl.com/media/wysiwyg/600X200_kategoriaRABAT_2.png" alt="" title="" loading="lazy" data-element="mobile_image" data-pb-style="O1P6HUC"></figure></div></div></div>
9666<div class="widget block block-static-block">
9667    </div>
9668<div class="widget block block-static-block">
9669    <style>.cmsb146-visible {
9670visibility: visible
9671}
9672.cmsb146-absolute {
9673position: absolute
9674}
9675.cmsb146-relative {
9676position: relative
9677}
9678.cmsb146-flex {
9679display: flex
9680}
9681.cmsb146-transform {
9682transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
9683}
9684.cmsb146-flex-wrap {
9685flex-wrap: wrap
9686}
9687.cmsb146-blur {
9688--tw-blur: blur(8px);
9689filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
9690}
9691.cmsb146-filter {
9692filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
9693}
9694.cmsb146-transition {
9695transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
9696transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
9697transition-duration: 150ms
9698}</style>
9699<style>#html-body [data-pb-style=IHYL51X],#html-body [data-pb-style=W3JAKDT]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="" data-element="inner" data-pb-style="W3JAKDT"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><h3 style="font-size:18px; margin-bottom:10px; text-align: center;"><strong>Produkty w promocji:</strong></h3></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="" data-element="inner" data-pb-style="IHYL51X"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="trefl-kafelki-wrapper">
9700    <div class="trefl-kafelki-scroll">
9701        <a href="/promocje/puzzle" class="trefl-kafelek">Puzzle w promocji</a>
9702        <a href="/promocje/gry" class="trefl-kafelek">Gry w promocji</a>
9703        <a href="/promocje/zabawki" class="trefl-kafelek">Zabawki w promocji</a>
9704        <a href="/promocje/ksiazki" class="trefl-kafelek">Książki w promocji</a>
9705    </div>
9706</div>
9707
9708<style>
9709.trefl-kafelki-wrapper {
9710    position: relative;
9711    width: 100%;
9712}
9713
9714.trefl-kafelki-scroll {
9715    display: flex;
9716    gap: 15px;
9717    overflow-x: auto;
9718    -webkit-overflow-scrolling: touch;
9719    padding: 10px 0 30px 0;
9720    -ms-overflow-style: none;
9721    scrollbar-width: none;
9722}
9723
9724.trefl-kafelki-scroll::-webkit-scrollbar {
9725    display: none;
9726}
9727
9728.trefl-kafelek {
9729    flex: 0 0 auto;
9730    display: inline-block;
9731    text-decoration: none;
9732    font-family: 'Montserrat', sans-serif;
9733    font-weight: 500;
9734    background-color: #ffffff;
9735    color: #111213;
9736    padding: 18px 32px;
9737    border-radius: 0.5rem;
9738    min-width: 180px;
9739    text-align: center;
9740    white-space: nowrap;
9741    box-shadow: 0 4px 10px -2px rgba(0,0,0,0.16), 0 2px 6px -1px rgba(0,0,0,0.04);
9742    transition: transform 0.2s ease, box-shadow 0.2s ease;
9743    cursor: pointer;
9744}
9745
9746.trefl-kafelek:hover {
9747    transform: translateY(-3px);
9748    box-shadow: 0 6px 12px -2px rgba(0,0,0,0.1), 0 6px 20px -3px rgba(0,0,0,0.2);
9749}
9750
9751@media (max-width: 768px) {
9752    .trefl-kafelki-scroll {
9753        padding-left: 10px;
9754    }
9755
9756    .trefl-kafelki-wrapper::after {
9757        content: "";
9758        position: absolute;
9759        top: -10px;
9760        right: 0;
9761        bottom: -10px;
9762        width: 80px;
9763        pointer-events: none;
9764        border-radius: 0 10px 10px 0;
9765        background: linear-gradient(
9766            to left,
9767            rgba(248,249,252,1) 0%,
9768            rgba(248,249,252,0.9) 20%,
9769            rgba(248,249,252,0.7) 40%,
9770            rgba(248,249,252,0.4) 65%,
9771            rgba(248,249,252,0.15) 85%,
9772            rgba(248,249,252,0) 100%
9773        );
9774        filter: blur(0.5px);
9775    }
9776
9777    .trefl-kafelek {
9778        min-width: 140px;
9779        padding: 16px 26px;
9780        white-space: nowrap;
9781    }
9782}
9783
9784@media (min-width: 769px) {
9785    .trefl-kafelki-scroll {
9786        flex-wrap: nowrap;
9787        justify-content: center;
9788        overflow-x: visible;
9789    }
9790}
9791</style></div></div></div></div>
9792<script nonce="ZWR6OGM1dXducnBqcDNkbGJ2dGY4c3NzandxbHBjdTY=">
9793    var feedId = getUrlParam('ff'),
9794        product = getUrlParam('fp'),
9795        currentDate = new Date(),
9796        session = getCookie('feed_session');
9797
9798    if (!session) {
9799        session = '' + Math.floor(currentDate.getTime() / 1000) + Math.floor(Math.random() * 10000001);
9800    }
9801
9802    if (session && feedId > 0 && product > 0) {
9803        setCookie('feed_session', session, {expires: 365, path: '/'});
9804        setCookie('feed_id', feedId, 365);
9805
9806        var xhr = new XMLHttpRequest(),
9807            baseUrl = 'https://www.trefl.com/',
9808            url = BASE_URL + '?rnd=' + Math.floor(Math.random() * 10000001) + "&feed=" + feedId + "&session=" + session + "&product=" + product;
9809
9810        xhr.open('GET', url, true);
9811        xhr.setRequestHeader('Content-Type', 'application/json');
9812        xhr.send();
9813    }
9814
9815    function getUrlParam(name) {
9816        let results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
9817
9818        if (results === null) {
9819            return '';
9820        } else {
9821            return results[1] || 0;
9822        }
9823    }
9824
9825    function getCookie(cookieName) {
9826        var name = cookieName + "=",
9827            decodedCookie = decodeURIComponent(document.cookie),
9828            cookieArray = decodedCookie.split(';');
9829
9830        for (var i = 0; i < cookieArray.length; i++) {
9831            var cookie = cookieArray[i].trim();
9832            if (cookie.indexOf(name) === 0) {
9833                return cookie.substring(name.length, cookie.length);
9834            }
9835        }
9836
9837        return null;
9838    }
9839
9840    function setCookie(cookieName, cookieValue, expirationDays) {
9841        var d = new Date();
9842        d.setTime(d.getTime() + (expirationDays * 24 * 60 * 60 * 1000));
9843        var expires = "expires=" + d.toUTCString();
9844        document.cookie = cookieName + "=" + cookieValue + ";" + expires + ";path=/";
9845    }
9846</script>
9846
9847
9848        <section class="pb-8" id="product-list" aria-label="Lista&#x20;produkt&#xF3;w" tabindex="-1">
9849        
9850    <div class="toolbar toolbar-products px-2" x-data="initToolbar_6ab461223d00d()">
9851                    <div class="flex items-center gap-x-4 mb-6 md:mb-0 justify-between sm:justify-end">
9852                <label for="mobile-filters-switch"
9853                       class="btn btn-secondary inline-flex items-center min-w-32 justify-center md:hidden"
9854                >
9855                    Filtrowanie                </label>
9856                <div class="toolbar-sorter sorter flex items-center order-1 col-span-3 sm:col-span-6
9857        md:col-span-3 lg:col-span-6 justify-end md:pb-6 gap-x-3">
9858    <label class="inline-block">
9859        <label for="sorter" class="sr-only">
9860            Sortuj wg        </label>
9861        <select data-role="sorter"
9862                class="form-select bg-white border border-gray h-10 py-0 px-4 pr-8 w-auto"
9863                aria-label="Sortuj&#x20;wg"
9864                id="sorter"
9865                @change="
9866                    const val = $event.currentTarget.value;
9867                    const url = new URL(window.location.href);
9868                    if (val === 'is_new') {
9869                        url.searchParams.set('product_list_order', 'is_new');
9870                        url.searchParams.delete('product_list_dir');
9871                    } else {
9872                        const [order, dir] = val.split('|');
9873                        url.searchParams.set('product_list_order', order);
9874                        url.searchParams.set('product_list_dir', dir);
9875                    }
9876                    window.location.href = url.toString();
9877                "
9878                style="max-width:270px"
9879        >
9880            <option value="" selected disabled>Sortuj</option>
9881                                                                                                                                <option value="name&#x7C;asc"
9882                            >
9883                            Nazwa od A do Z                        </option>
9884                                                                    <option value="name&#x7C;desc"
9885                            >
9886                            Nazwa od Z do A                        </option>
9887                                                                                                                                                    <option value="price&#x7C;asc"
9888                            >
9889                            Cena od najniższej                        </option>
9890                                                                    <option value="price&#x7C;desc"
9891                            >
9892                            Cena od najwyższej                        </option>
9893                                                                                                    <option value="is_new"
9894                        >
9895                        Najnowsze                    </option>
9896                                    </select>
9897    </label>
9898</div>
9899            </div>
9900            </div>
9901
9902<script>
9903    function initToolbar_6ab461223d00d() {
9904        return {
9905            options: {"productListToolbarForm":{"mode":"product_list_mode","direction":"product_list_dir","order":"product_list_order","limit":"product_list_limit","modeDefault":"grid","directionDefault":"asc","orderDefault":"position","limitDefault":48,"url":"https:\/\/www.trefl.com\/promocje","formKey":"UKC9X8WYAFqrH6hZ","post":false,"page":"p"}}.productListToolbarForm || {},
9906            getUrlParams: function () {
9907                let decode = window.decodeURIComponent,
9908                    urlPaths = this.options.url.split('?'),
9909                    urlParams = urlPaths[1] ? urlPaths[1].split('&') : [],
9910                    params = {},
9911                    parameters, i;
9912
9913                for (i = 0; i < urlParams.length; i++) {
9914                    parameters = urlParams[i].split('=');
9915                    params[decode(parameters[0])] = parameters[1] !== undefined ?
9916                        decode(parameters[1].replace(/\+/g, '%20')) :
9917                        '';
9918                }
9919
9920                return params;
9921            },
9922            getCurrentLimit: function () {
9923                return this.getUrlParams()[this.options.limit] || this.options.limitDefault;
9924            },
9925            getCurrentPage: function () {
9926                return this.getUrlParams()[this.options.page] || 1;
9927            },
9928            changeUrl(paramName, paramValue, defaultValue) {
9929                let urlPaths = this.options.url.split('?'),
9930                    baseUrl = urlPaths[0],
9931                    paramData = this.getUrlParams(),
9932                    currentPage = this.getCurrentPage(),
9933                    newPage;
9934
9935                /**
9936                 * calculates the page on which the first item of the current page will
9937                 * be with the new limit and sets that number as the new page
9938                 */
9939                if (currentPage > 1 && paramName === this.options.limit) {
9940                    newPage = Math.floor(this.getCurrentLimit() * (currentPage - 1) / paramValue) + 1;
9941
9942                    if (newPage > 1) {
9943                        paramData[this.options.page] = newPage;
9944                    } else {
9945                        delete paramData[this.options.page];
9946                    }
9947                }
9948
9949                paramData[paramName] = paramValue;
9950
9951                if (this.options.post) {
9952                    hyva.postForm({action: baseUrl, data: paramData, skipUenc: true});
9953                } else {
9954                    if (paramValue === defaultValue.toString()) {
9955                        delete paramData[paramName];
9956                    }
9957                    paramData = Object.keys(paramData).length === 0
9958                        ? ''
9959                        : '?' + (new URLSearchParams(paramData));
9960                    location.href = baseUrl + paramData
9961                }
9962            },
9963        }
9964    }
9965</script>
9965
9966                        <div class="products wrapper mode-grid products-grid">
9967            <ul
9968                role="list"
9969                class="mx-auto pb-12 grid gap-8 lg:gap-12 grid-cols-1 grid-cols-2 xl:grid-cols-4"
9970            >
9971                                    <li>
9972                        
9973<form method="post"
9974      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/12711/"
9975      class="item product product-item product_addtocart_form flex flex-col size-full "
9976    >
9977    <input name="form_key" type="hidden" value="UKC9X8WYAFqrH6hZ" />    <input type="hidden" name="product" value="12711"/>
9978        
9979                        <a href="https://www.trefl.com/puzzle-3w1-krajobraz-400-500-600-dookola-swiata-londyn-nowy-jork-sydney-91876-online"
9980           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
9981           tabindex="-1"
9982        >
9983            <img class="size-full object-contain product-image-photo"
9984     x-data=""
9985     @update-gallery-12711.window="$root.src = $event.detail"
9986            loading="eager"
9987            fetchpriority="high"
9988        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/9/1/91876_150_01.png"
9989        width="360"
9990    height="360"
9991    alt="Puzzle&#x20;3w1&#x20;Krajobraz&#x20;400&#x2B;500&#x2B;600&#x3A;&#x20;Dooko&#x0142;a&#x20;&#x015A;wiata&#x3A;&#x20;Londyn,&#x20;Nowy&#x20;Jork,&#x20;Sydney"
9992/>
9993
9994            <div class="absolute top-2 left-2">
9995                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
9996                  style="color: #ffffff;background-color: #a42157;">
9997                  -10% z kodem SP10            </span>
9998        
9999            </div>
10000        </a>
10001        
10002        <div class="product-info flex flex-col grow">
10003            <div class="mt-2 mb-1 text-sm">
10004                <a
10005                    class="product-item-link line-clamp-2"
10006                    href="https://www.trefl.com/puzzle-3w1-krajobraz-400-500-600-dookola-swiata-londyn-nowy-jork-sydney-91876-online"
10007                    title="Puzzle 3w1 Krajobraz 400+500+600: Dookoła Świata: Londyn, Nowy Jork, Sydney"
10008                    :id="`slide-desc-12711-${$id('slider-id')}`"
10009                >
10010                    Puzzle 3w1 Krajobraz 400+500+600: Dookoła Świata: Londyn, Nowy Jork, Sydney                </a>
10011            </div>
10012
10013            
10014                            
10014<script nonce="ZWR6OGM1dXducnBqcDNkbGJ2dGY4c3NzandxbHBjdTY=">
10015    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_12711'] = {"item_id":"1136411","item_sku":"1136411","magento_sku":"1136411","magento_id":"12711","item_name":"Puzzle 3w1 Krajobraz 400+500+600: Dooko\u0142a \u015awiata: Londyn, Nowy Jork, Sydney","item_list_id":"26","item_list_name":"Promocje Trefl","price":39.99,"item_category":"Promocje Trefl","item_category2":"Puzzle","item_category3":"Puzzle dla doros\u0142ych","item_category4":"Puzzle 1000 element\u00f3w","item_category5":"Puzzle 1500 element\u00f3w","index":0};
10016</script>
10016
10017            
10018            
10019            
10020            <div class="pt-1"
10021                 x-data="initPriceBox()"
10022                 x-defer="intersect"
10023                 @update-prices-12711.window="updatePrice($event.detail);"
10024            >
10025                <div class="price-box price-final_price" data-role="priceBox" data-product-id="12711" data-price-box="product-id-12711">
10026    <span class="special-price">
10027        <span
10028    x-data x-id="['product\u002Dprice\u002D12711']"    class="price-container price-final_price&#x20;tax"
10029        >
10030            <span class="price-label">Cena promocyjna</span>
10031        <span  :id="$id('product\u002Dprice\u002D12711')"                data-price-amount="39.99"
10032        data-price-type="finalPrice"
10033        class="price-wrapper "
10034    ><span class="price">39,99 zł</span></span>
10035        </span>
10036    </span>
10037    <span class="old-price">
10038        <span
10039    x-data x-id="['old\u002Dprice\u002D12711']"    class="price-container price-final_price&#x20;tax"
10040        >
10041            <span class="price-label">Cena regularna</span>
10042        <span  :id="$id('old\u002Dprice\u002D12711')"                data-price-amount="69.99"
10043        data-price-type="oldPrice"
10044        class="price-wrapper "
10045    ><span class="price">69,99 zł</span></span>
10046        </span>
10047    </span>
10048
10049</div>            </div>
10050
10051                            <small class="text-xs text-gray-dark">
10052                    Najniższa cena z ostatnich 30 dni: 39,99 zł                </small>
10053            
10054            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
10055            ">
10056                                                                            <button
10057                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
10058                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Puzzle&#x20;3w1&#x20;Krajobraz&#x20;400&#x2B;500&#x2B;600&#x3A;&#x20;Dooko&#x0142;a&#x20;&#x015A;wiata&#x3A;&#x20;Londyn,&#x20;Nowy&#x20;Jork,&#x20;Sydney"
10059                            data-addto="cart"
10060                        >
10061                            <span class="hidden sm:inline">
10062                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
10063                            </span>
10064                            <span class="ml-2 whitespace-nowrap inline">
10065                                Do koszyka                            </span>
10066                        </button>
10067                    
10068                                <div class="flex flex-wrap gap-2">
10069                                            <button x-data="initWishlist()"
10070                                x-defer="intersect"
10071                                @click.prevent="addToWishlist(12711)"
10072                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;3w1&#x20;Krajobraz&#x20;400&#x2B;500&#x2B;600&#x3A;&#x20;Dooko&#x0142;a&#x20;&#x015A;wiata&#x3A;&#x20;Londyn,&#x20;Nowy&#x20;Jork,&#x20;Sydney"
10073                                type="button"
10074                                class="inline-flex shrink-0 hover:text-red transition-colors"
10075                                data-addto="wishlist"
10076                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;3w1&#x20;Krajobraz&#x20;400&#x2B;500&#x2B;600&#x3A;&#x20;Dooko&#x0142;a&#x20;&#x015A;wiata&#x3A;&#x20;Londyn,&#x20;Nowy&#x20;Jork,&#x20;Sydney"
10077                        >
10078                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1007814 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
10079                        </button>
10080                                                                                                                        </div>
10081            </div>
10082        </div>
10083        </form>
10084                    </li>
10085                                    <li>
10086                        
10087<form method="post"
10088      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/12721/"
10089      class="item product product-item product_addtocart_form flex flex-col size-full "
10090    >
10091    <input name="form_key" type="hidden" value="UKC9X8WYAFqrH6hZ" />    <input type="hidden" name="product" value="12721"/>
10092        
10093                        <a href="https://www.trefl.com/puzzle-4x1000-el-amalfi-barcelona-balony-i-pieski-93687"
10094           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
10095           tabindex="-1"
10096        >
10097            <img class="size-full object-contain product-image-photo"
10098     x-data=""
10099     @update-gallery-12721.window="$root.src = $event.detail"
10100            loading="eager"
10101            fetchpriority="high"
10102        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/9/3/93687_150_01.png"
10103        width="360"
10104    height="360"
10105    alt="Puzzle&#x20;4x1000&#x20;el.&#x20;Amalfi,&#x20;Barcelona,&#x20;Balony&#x20;i&#x20;Pieski"
10106/>
10107
10108            <div class="absolute top-2 left-2">
10109                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
10110                  style="color: #ffffff;background-color: #a42157;">
10111                  -10% z kodem SP10            </span>
10112        
10113            </div>
10114        </a>
10115        
10116        <div class="product-info flex flex-col grow">
10117            <div class="mt-2 mb-1 text-sm">
10118                <a
10119                    class="product-item-link line-clamp-2"
10120                    href="https://www.trefl.com/puzzle-4x1000-el-amalfi-barcelona-balony-i-pieski-93687"
10121                    title="Puzzle 4x1000 el. Amalfi, Barcelona, Balony i Pieski"
10122                    :id="`slide-desc-12721-${$id('slider-id')}`"
10123                >
10124                    Puzzle 4x1000 el. Amalfi, Barcelona, Balony i Pieski                </a>
10125            </div>
10126
10127            
10128                            
10128<script nonce="ZWR6OGM1dXducnBqcDNkbGJ2dGY4c3NzandxbHBjdTY=">
10129    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_12721'] = {"item_id":"1343211","item_sku":"1343211","magento_sku":"1343211","magento_id":"12721","item_name":"Puzzle 4x1000 el. Amalfi, Barcelona, Balony i Pieski","item_list_id":"3","item_list_name":"Puzzle","price":49.99,"item_category":"Promocje Trefl","item_category2":"Puzzle","item_category3":"Puzzle dla doros\u0142ych","item_category4":"Puzzle 1000 element\u00f3w","item_category5":"Produkty FSC\u00ae","index":1};
10130</script>
10130
10131            
10132            
10133            
10134            <div class="pt-1"
10135                 x-data="initPriceBox()"
10136                 x-defer="intersect"
10137                 @update-prices-12721.window="updatePrice($event.detail);"
10138            >
10139                <div class="price-box price-final_price" data-role="priceBox" data-product-id="12721" data-price-box="product-id-12721">
10140    <span class="special-price">
10141        <span
10142    x-data x-id="['product\u002Dprice\u002D12721']"    class="price-container price-final_price&#x20;tax"
10143        >
10144            <span class="price-label">Cena promocyjna</span>
10145        <span  :id="$id('product\u002Dprice\u002D12721')"                data-price-amount="49.99"
10146        data-price-type="finalPrice"
10147        class="price-wrapper "
10148    ><span class="price">49,99 zł</span></span>
10149        </span>
10150    </span>
10151    <span class="old-price">
10152        <span
10153    x-data x-id="['old\u002Dprice\u002D12721']"    class="price-container price-final_price&#x20;tax"
10154        >
10155            <span class="price-label">Cena regularna</span>
10156        <span  :id="$id('old\u002Dprice\u002D12721')"                data-price-amount="79.99"
10157        data-price-type="oldPrice"
10158        class="price-wrapper "
10159    ><span class="price">79,99 zł</span></span>
10160        </span>
10161    </span>
10162
10163</div>            </div>
10164
10165                            <small class="text-xs text-gray-dark">
10166                    Najniższa cena z ostatnich 30 dni: 49,99 zł                </small>
10167            
10168            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
10169            ">
10170                                                                            <button
10171                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
10172                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Puzzle&#x20;4x1000&#x20;el.&#x20;Amalfi,&#x20;Barcelona,&#x20;Balony&#x20;i&#x20;Pieski"
10173                            data-addto="cart"
10174                        >
10175                            <span class="hidden sm:inline">
10176                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
10177                            </span>
10178                            <span class="ml-2 whitespace-nowrap inline">
10179                                Do koszyka                            </span>
10180                        </button>
10181                    
10182                                <div class="flex flex-wrap gap-2">
10183                                            <button x-data="initWishlist()"
10184                                x-defer="intersect"
10185                                @click.prevent="addToWishlist(12721)"
10186                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;4x1000&#x20;el.&#x20;Amalfi,&#x20;Barcelona,&#x20;Balony&#x20;i&#x20;Pieski"
10187                                type="button"
10188                                class="inline-flex shrink-0 hover:text-red transition-colors"
10189                                data-addto="wishlist"
10190                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;4x1000&#x20;el.&#x20;Amalfi,&#x20;Barcelona,&#x20;Balony&#x20;i&#x20;Pieski"
10191                        >
10192                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1019214 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
10193                        </button>
10194                                                                                                                        </div>
10195            </div>
10196        </div>
10197        </form>
10198                    </li>
10199                                    <li>
10200                        
10201    <div class="item product product-item flex flex-col size-full ">
10202        
10203                        <a href="https://www.trefl.com/puzzle-4x1000-el-malowane-miasta-i-kapibary-94068"
10204           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
10205           tabindex="-1"
10206        >
10207            <img class="size-full object-contain product-image-photo"
10208     x-data=""
10209     @update-gallery-12709.window="$root.src = $event.detail"
10210            loading="eager"
10211            fetchpriority="high"
10212        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/9/4/94068_150_01.png"
10213        width="360"
10214    height="360"
10215    alt="Puzzle&#x20;4x1000&#x20;el.&#x20;Malowane&#x20;miasta&#x20;i&#x20;Kapibary"
10216/>
10217
10218            <div class="absolute top-2 left-2">
10219                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
10220                  style="color: #ffffff;background-color: #a42157;">
10221                  -10% z kodem SP10            </span>
10222        
10223            </div>
10224        </a>
10225        
10226        <div class="product-info flex flex-col grow">
10227            <div class="mt-2 mb-1 text-sm">
10228                <a
10229                    class="product-item-link line-clamp-2"
10230                    href="https://www.trefl.com/puzzle-4x1000-el-malowane-miasta-i-kapibary-94068"
10231                    title="Puzzle 4x1000 el. Malowane miasta i Kapibary"
10232                    :id="`slide-desc-12709-${$id('slider-id')}`"
10233                >
10234                    Puzzle 4x1000 el. Malowane miasta i Kapibary                </a>
10235            </div>
10236
10237            
10238            
10239            
10240            
10241            <div class="pt-1"
10242                 x-data="initPriceBox()"
10243                 x-defer="intersect"
10244                 @update-prices-12709.window="updatePrice($event.detail);"
10245            >
10246                <div class="price-box price-final_price" data-role="priceBox" data-product-id="12709" data-price-box="product-id-12709">
10247    <span class="special-price">
10248        <span
10249    x-data x-id="['product\u002Dprice\u002D12709']"    class="price-container price-final_price&#x20;tax"
10250        >
10251            <span class="price-label">Cena promocyjna</span>
10252        <span  :id="$id('product\u002Dprice\u002D12709')"                data-price-amount="59.99"
10253        data-price-type="finalPrice"
10254        class="price-wrapper "
10255    ><span class="price">59,99 zł</span></span>
10256        </span>
10257    </span>
10258    <span class="old-price">
10259        <span
10260    x-data x-id="['old\u002Dprice\u002D12709']"    class="price-container price-final_price&#x20;tax"
10261        >
10262            <span class="price-label">Cena regularna</span>
10263        <span  :id="$id('old\u002Dprice\u002D12709')"                data-price-amount="79.99"
10264        data-price-type="oldPrice"
10265        class="price-wrapper "
10266    ><span class="price">79,99 zł</span></span>
10267        </span>
10268    </span>
10269
10270</div>            </div>
10271
10272                            <small class="text-xs text-gray-dark">
10273                    Najniższa cena z ostatnich 30 dni: 59,99 zł                </small>
10274            
10275            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
10276            ">
10277                                    <div class="w-auto justify-center text-xs mr-auto">
10278                        <div class="pr-3 py-2 flex items-center gap-x-3">
10279            <span class="text-xs uppercase text-red font-semibold">
10280            Brak w magazynie        </span>
10281    </div>
10282                    </div>
10283                                <div class="flex flex-wrap gap-2">
10284                                            <button x-data="initWishlist()"
10285                                x-defer="intersect"
10286                                @click.prevent="addToWishlist(12709)"
10287                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;4x1000&#x20;el.&#x20;Malowane&#x20;miasta&#x20;i&#x20;Kapibary"
10288                                type="button"
10289                                class="inline-flex shrink-0 hover:text-red transition-colors"
10290                                data-addto="wishlist"
10291                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;4x1000&#x20;el.&#x20;Malowane&#x20;miasta&#x20;i&#x20;Kapibary"
10292                        >
10293                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1029314 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
10294                        </button>
10295                                                                                                                        </div>
10296            </div>
10297        </div>
10298            </div>
10299                    </li>
10300                                    <li>
10301                        
10302<form method="post"
10303      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/12718/"
10304      class="item product product-item product_addtocart_form flex flex-col size-full "
10305    >
10306    <input name="form_key" type="hidden" value="hnfKhwhR1oVDfyQB" />    <input type="hidden" name="product" value="12718"/>
10307        
10308                        <a href="https://www.trefl.com/puzzle-3x1000-el-nowy-jork-londyn-walencja"
10309           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
10310           tabindex="-1"
10311        >
10312            <img class="size-full object-contain product-image-photo"
10313     x-data=""
10314     @update-gallery-12718.window="$root.src = $event.detail"
10315        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/9/3/93504_150_01.png"
10316        loading="lazy"
10317        width="360"
10318    height="360"
10319    alt="Puzzle&#x20;3x1000&#x20;el.&#x20;Nowy&#x20;Jork,&#x20;Londyn,&#x20;Walencja"
10320/>
10321
10322            <div class="absolute top-2 left-2">
10323                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
10324                  style="color: #ffffff;background-color: #a42157;">
10325                  -10% z kodem SP10            </span>
10326        
10327            </div>
10328        </a>
10329        
10330        <div class="product-info flex flex-col grow">
10331            <div class="mt-2 mb-1 text-sm">
10332                <a
10333                    class="product-item-link line-clamp-2"
10334                    href="https://www.trefl.com/puzzle-3x1000-el-nowy-jork-londyn-walencja"
10335                    title="Puzzle 3x1000 el. Nowy Jork, Londyn, Walencja"
10336                    :id="`slide-desc-12718-${$id('slider-id')}`"
10337                >
10338                    Puzzle 3x1000 el. Nowy Jork, Londyn, Walencja                </a>
10339            </div>
10340
10341            
10342                            
10342<script nonce="eTNpMGMxaG9zdnNmbTdjb3YxOW0weG4zeXE1OGQwN3U=">
10343    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_12718'] = {"item_id":"1290354","item_sku":"1290354","magento_sku":"1290354","magento_id":"12718","item_name":"Puzzle 3x1000 el. Nowy Jork, Londyn, Walencja","item_list_id":"3","item_list_name":"Puzzle","price":59.99,"item_category":"Puzzle","item_category2":"Puzzle dla doros\u0142ych","item_category3":"Promocje Trefl","item_category4":"Puzzle 1000 element\u00f3w","item_category5":"Puzzle 3000 element\u00f3w","index":0};
10344</script>
10344
10345            
10346            
10347            
10348            <div class="pt-1"
10349                 x-data="initPriceBox()"
10350                 x-defer="intersect"
10351                 @update-prices-12718.window="updatePrice($event.detail);"
10352            >
10353                <div class="price-box price-final_price" data-role="priceBox" data-product-id="12718" data-price-box="product-id-12718">
10354    <span class="special-price">
10355        <span
10356    x-data x-id="['product\u002Dprice\u002D12718']"    class="price-container price-final_price&#x20;tax"
10357        >
10358            <span class="price-label">Cena promocyjna</span>
10359        <span  :id="$id('product\u002Dprice\u002D12718')"                data-price-amount="59.99"
10360        data-price-type="finalPrice"
10361        class="price-wrapper "
10362    ><span class="price">59,99 zł</span></span>
10363        </span>
10364    </span>
10365    <span class="old-price">
10366        <span
10367    x-data x-id="['old\u002Dprice\u002D12718']"    class="price-container price-final_price&#x20;tax"
10368        >
10369            <span class="price-label">Cena regularna</span>
10370        <span  :id="$id('old\u002Dprice\u002D12718')"                data-price-amount="74.99"
10371        data-price-type="oldPrice"
10372        class="price-wrapper "
10373    ><span class="price">74,99 zł</span></span>
10374        </span>
10375    </span>
10376
10377</div>            </div>
10378
10379                            <small class="text-xs text-gray-dark">
10380                    Najniższa cena z ostatnich 30 dni: 59,99 zł                </small>
10381            
10382            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
10383            ">
10384                                                                            <button
10385                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
10386                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Puzzle&#x20;3x1000&#x20;el.&#x20;Nowy&#x20;Jork,&#x20;Londyn,&#x20;Walencja"
10387                            data-addto="cart"
10388                        >
10389                            <span class="hidden sm:inline">
10390                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
10391                            </span>
10392                            <span class="ml-2 whitespace-nowrap inline">
10393                                Do koszyka                            </span>
10394                        </button>
10395                    
10396                                <div class="flex flex-wrap gap-2">
10397                                            <button x-data="initWishlist()"
10398                                x-defer="intersect"
10399                                @click.prevent="addToWishlist(12718)"
10400                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;3x1000&#x20;el.&#x20;Nowy&#x20;Jork,&#x20;Londyn,&#x20;Walencja"
10401                                type="button"
10402                                class="inline-flex shrink-0 hover:text-red transition-colors"
10403                                data-addto="wishlist"
10404                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;3x1000&#x20;el.&#x20;Nowy&#x20;Jork,&#x20;Londyn,&#x20;Walencja"
10405                        >
10406                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1040614 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
10407                        </button>
10408                                                                                                                        </div>
10409            </div>
10410        </div>
10411        </form>
10412                    </li>
10413                                    <li>
10414                        
10415<form method="post"
10416      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/7436/"
10417      class="item product product-item product_addtocart_form flex flex-col size-full "
10418    >
10419    <input name="form_key" type="hidden" value="ddR7JC8QEtD9scZM" />    <input type="hidden" name="product" value="7436"/>
10420        
10421                        <a href="https://www.trefl.com/puzzle-1000-el-wakacyjne-pocztowki-10714"
10422           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
10423           tabindex="-1"
10424        >
10425            <img class="size-full object-contain product-image-photo"
10426     x-data=""
10427     @update-gallery-7436.window="$root.src = $event.detail"
10428        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/1/0/10714_150_01.png"
10429        loading="lazy"
10430        width="360"
10431    height="360"
10432    alt="Wakacyjne&#x20;poczt&#xF3;wki,&#x20;puzzle&#x20;1000&#x20;element&#xF3;w&#x20;Trefl,&#x20;zdj&#x0119;cie&#x20;1"
10433/>
10434
10435            <div class="absolute top-2 left-2">
10436                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
10437                  style="color: #ffffff;background-color: #a42157;">
10438                  -10% z kodem SP10            </span>
10439        
10440            </div>
10441        </a>
10442        
10443        <div class="product-info flex flex-col grow">
10444            <div class="mt-2 mb-1 text-sm">
10445                <a
10446                    class="product-item-link line-clamp-2"
10447                    href="https://www.trefl.com/puzzle-1000-el-wakacyjne-pocztowki-10714"
10448                    title="Puzzle 1000 el. Wakacyjne pocztówki"
10449                    :id="`slide-desc-7436-${$id('slider-id')}`"
10450                >
10451                    Puzzle 1000 el. Wakacyjne pocztówki                </a>
10452            </div>
10453
10454            
10455                            
10455<script nonce="bXBpeHB3ODdrYWJjczMyNnVmNTJ0MDVnOG9idmZtMTA=">
10456    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_7436'] = {"item_id":"1138991","item_sku":"1138991","magento_sku":"1138991","magento_id":"7436","item_name":"Puzzle 1000 el. Wakacyjne poczt\u00f3wki","item_list_id":"3","item_list_name":"Puzzle","price":28.89,"item_category":"Puzzle","item_category2":"Puzzle dla doros\u0142ych","item_category3":"Promocje Trefl","item_category4":"Puzzle 1000 element\u00f3w","index":0};
10457</script>
10457
10458            
10459            
10460            
10461            <div class="pt-1"
10462                 x-data="initPriceBox()"
10463                 x-defer="intersect"
10464                 @update-prices-7436.window="updatePrice($event.detail);"
10465            >
10466                <div class="price-box price-final_price" data-role="priceBox" data-product-id="7436" data-price-box="product-id-7436">
10467    <span class="special-price">
10468        <span
10469    x-data x-id="['product\u002Dprice\u002D7436']"    class="price-container price-final_price&#x20;tax"
10470        >
10471            <span class="price-label">Cena promocyjna</span>
10472        <span  :id="$id('product\u002Dprice\u002D7436')"                data-price-amount="28.89"
10473        data-price-type="finalPrice"
10474        class="price-wrapper "
10475    ><span class="price">28,89 zł</span></span>
10476        </span>
10477    </span>
10478    <span class="old-price">
10479        <span
10480    x-data x-id="['old\u002Dprice\u002D7436']"    class="price-container price-final_price&#x20;tax"
10481        >
10482            <span class="price-label">Cena regularna</span>
10483        <span  :id="$id('old\u002Dprice\u002D7436')"                data-price-amount="33.99"
10484        data-price-type="oldPrice"
10485        class="price-wrapper "
10486    ><span class="price">33,99 zł</span></span>
10487        </span>
10488    </span>
10489
10490</div>            </div>
10491
10492                            <small class="text-xs text-gray-dark">
10493                    Najniższa cena z ostatnich 30 dni: 28,89 zł                </small>
10494            
10495            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
10496            ">
10497                                                                            <button
10498                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
10499                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Puzzle&#x20;1000&#x20;el.&#x20;Wakacyjne&#x20;poczt&#xF3;wki"
10500                            data-addto="cart"
10501                        >
10502                            <span class="hidden sm:inline">
10503                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
10504                            </span>
10505                            <span class="ml-2 whitespace-nowrap inline">
10506                                Do koszyka                            </span>
10507                        </button>
10508                    
10509                                <div class="flex flex-wrap gap-2">
10510                                            <button x-data="initWishlist()"
10511                                x-defer="intersect"
10512                                @click.prevent="addToWishlist(7436)"
10513                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;1000&#x20;el.&#x20;Wakacyjne&#x20;poczt&#xF3;wki"
10514                                type="button"
10515                                class="inline-flex shrink-0 hover:text-red transition-colors"
10516                                data-addto="wishlist"
10517                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;1000&#x20;el.&#x20;Wakacyjne&#x20;poczt&#xF3;wki"
10518                        >
10519                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1051914 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
10520                        </button>
10521                                                                                                                        </div>
10522            </div>
10523        </div>
10524        </form>
10525                    </li>
10526                                    <li>
10527                        
10528<form method="post"
10529      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/10890/"
10530      class="item product product-item product_addtocart_form flex flex-col size-full "
10531    >
10532    <input name="form_key" type="hidden" value="pp7ydniFYlrN2u7T" />    <input type="hidden" name="product" value="10890"/>
10533        
10534                        <a href="https://www.trefl.com/puzzle-premium-plus-quality-1000-el-iconic-moments-kopciuszek-10829"
10535           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
10536           tabindex="-1"
10537        >
10538            <img class="size-full object-contain product-image-photo"
10539     x-data=""
10540     @update-gallery-10890.window="$root.src = $event.detail"
10541        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/1/0/10829_150_01.png"
10542        loading="lazy"
10543        width="360"
10544    height="360"
10545    alt="Puzzle&#x20;Premium&#x20;Plus&#x20;Quality&#x20;1000&#x20;el.&#x20;Iconic&#x20;Moments&#x3A;&#x20;Kopciuszek&#x20;-&#x20;opakowanie"
10546/>
10547
10548            <div class="absolute top-2 left-2">
10549                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
10550                  style="color: #ffffff;background-color: #a42157;">
10551                  -10% z kodem SP10            </span>
10552        
10553            </div>
10554        </a>
10555        
10556        <div class="product-info flex flex-col grow">
10557            <div class="mt-2 mb-1 text-sm">
10558                <a
10559                    class="product-item-link line-clamp-2"
10560                    href="https://www.trefl.com/puzzle-premium-plus-quality-1000-el-iconic-moments-kopciuszek-10829"
10561                    title="Puzzle Premium Plus Quality 1000 el. Iconic Moments: Kopciuszek"
10562                    :id="`slide-desc-10890-${$id('slider-id')}`"
10563                >
10564                    Puzzle Premium Plus Quality 1000 el. Iconic Moments: Kopciuszek                </a>
10565            </div>
10566
10567            
10568                            
10568<script nonce="MTY5dTExNmdxNDZpcDJsM29oa2J6eWY1Mzl2cnZzN2U=">
10569    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_10890'] = {"item_id":"1262544","item_sku":"1262544","magento_sku":"1262544","magento_id":"10890","item_name":"Puzzle Premium Plus Quality 1000 el. Iconic Moments: Kopciuszek","item_list_id":"3","item_list_name":"Puzzle","price":33.99,"item_category":"Puzzle","item_category2":"Puzzle dla doros\u0142ych","item_category3":"Promocje Trefl","item_category4":"Puzzle 1000 element\u00f3w","item_category5":"Puzzle filmowe","index":13};
10570</script>
10570
10571            
10572            
10573            
10574            <div class="pt-1"
10575                 x-data="initPriceBox()"
10576                 x-defer="intersect"
10577                 @update-prices-10890.window="updatePrice($event.detail);"
10578            >
10579                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10890" data-price-box="product-id-10890">
10580    <span class="special-price">
10581        <span
10582    x-data x-id="['product\u002Dprice\u002D10890']"    class="price-container price-final_price&#x20;tax"
10583        >
10584            <span class="price-label">Cena promocyjna</span>
10585        <span  :id="$id('product\u002Dprice\u002D10890')"                data-price-amount="33.99"
10586        data-price-type="finalPrice"
10587        class="price-wrapper "
10588    ><span class="price">33,99 zł</span></span>
10589        </span>
10590    </span>
10591    <span class="old-price">
10592        <span
10593    x-data x-id="['old\u002Dprice\u002D10890']"    class="price-container price-final_price&#x20;tax"
10594        >
10595            <span class="price-label">Cena regularna</span>
10596        <span  :id="$id('old\u002Dprice\u002D10890')"                data-price-amount="39.99"
10597        data-price-type="oldPrice"
10598        class="price-wrapper "
10599    ><span class="price">39,99 zł</span></span>
10600        </span>
10601    </span>
10602
10603</div>            </div>
10604
10605                            <small class="text-xs text-gray-dark">
10606                    Najniższa cena z ostatnich 30 dni: 33,99 zł                </small>
10607            
10608            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
10609            ">
10610                                                                            <button
10611                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
10612                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Puzzle&#x20;Premium&#x20;Plus&#x20;Quality&#x20;1000&#x20;el.&#x20;Iconic&#x20;Moments&#x3A;&#x20;Kopciuszek"
10613                            data-addto="cart"
10614                        >
10615                            <span class="hidden sm:inline">
10616                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
10617                            </span>
10618                            <span class="ml-2 whitespace-nowrap inline">
10619                                Do koszyka                            </span>
10620                        </button>
10621                    
10622                                <div class="flex flex-wrap gap-2">
10623                                            <button x-data="initWishlist()"
10624                                x-defer="intersect"
10625                                @click.prevent="addToWishlist(10890)"
10626                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;Premium&#x20;Plus&#x20;Quality&#x20;1000&#x20;el.&#x20;Iconic&#x20;Moments&#x3A;&#x20;Kopciuszek"
10627                                type="button"
10628                                class="inline-flex shrink-0 hover:text-red transition-colors"
10629                                data-addto="wishlist"
10630                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;Premium&#x20;Plus&#x20;Quality&#x20;1000&#x20;el.&#x20;Iconic&#x20;Moments&#x3A;&#x20;Kopciuszek"
10631                        >
10632                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1063214 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
10633                        </button>
10634                                                                                                                        </div>
10635            </div>
10636        </div>
10637        </form>
10638                    </li>
10639                                    <li>
10640                        
10641<form method="post"
10642      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/11367/"
10643      class="item product product-item product_addtocart_form flex flex-col size-full "
10644    >
10645    <input name="form_key" type="hidden" value="L5pmzpLdogQ54rSW" />    <input type="hidden" name="product" value="11367"/>
10646        
10647                        <a href="https://www.trefl.com/puzzle-1000-el-40-lecie-trefl-trojmiasto-10924"
10648           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
10649           tabindex="-1"
10650        >
10651            <img class="size-full object-contain product-image-photo"
10652     x-data=""
10653     @update-gallery-11367.window="$root.src = $event.detail"
10654        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/1/0/10924_150_01.png"
10655        loading="lazy"
10656        width="360"
10657    height="360"
10658    alt="Puzzle&#x20;1000&#x20;el.&#x20;40-lecie&#x20;Trefl&#x20;-&#x20;Tr&#xF3;jmiasto&#x20;-&#x20;opakowanie"
10659/>
10660
10661            <div class="absolute top-2 left-2">
10662                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
10663                  style="color: #ffffff;background-color: #a42157;">
10664                  -10% z kodem SP10            </span>
10665        
10666            </div>
10667        </a>
10668        
10669        <div class="product-info flex flex-col grow">
10670            <div class="mt-2 mb-1 text-sm">
10671                <a
10672                    class="product-item-link line-clamp-2"
10673                    href="https://www.trefl.com/puzzle-1000-el-40-lecie-trefl-trojmiasto-10924"
10674                    title="Puzzle 1000 el. 40-lecie Trefl - Trójmiasto"
10675                    :id="`slide-desc-11367-${$id('slider-id')}`"
10676                >
10677                    Puzzle 1000 el. 40-lecie Trefl - Trójmiasto                </a>
10678            </div>
10679
10680            
10681                            
10681<script nonce="NmRqazJwejUwNGpkOXJ5ZjdkeXl2dHB4Z2ltYTNmd3M=">
10682    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_11367'] = {"item_id":"1306463","item_sku":"1306463","magento_sku":"1306463","magento_id":"11367","item_name":"Puzzle 1000 el. 40-lecie Trefl - Tr\u00f3jmiasto","item_list_id":"3","item_list_name":"Puzzle","price":32.99,"item_category":"Puzzle","item_category2":"Puzzle dla doros\u0142ych","item_category3":"Puzzle miasta","item_category4":"Puzzle 1000 element\u00f3w","item_category5":"Promocje Trefl","index":7};
10683</script>
10683
10684            
10685            
10686            
10687            <div class="pt-1"
10688                 x-data="initPriceBox()"
10689                 x-defer="intersect"
10690                 @update-prices-11367.window="updatePrice($event.detail);"
10691            >
10692                <div class="price-box price-final_price" data-role="priceBox" data-product-id="11367" data-price-box="product-id-11367">
10693    <span class="special-price">
10694        <span
10695    x-data x-id="['product\u002Dprice\u002D11367']"    class="price-container price-final_price&#x20;tax"
10696        >
10697            <span class="price-label">Cena promocyjna</span>
10698        <span  :id="$id('product\u002Dprice\u002D11367')"                data-price-amount="32.99"
10699        data-price-type="finalPrice"
10700        class="price-wrapper "
10701    ><span class="price">32,99 zł</span></span>
10702        </span>
10703    </span>
10704    <span class="old-price">
10705        <span
10706    x-data x-id="['old\u002Dprice\u002D11367']"    class="price-container price-final_price&#x20;tax"
10707        >
10708            <span class="price-label">Cena regularna</span>
10709        <span  :id="$id('old\u002Dprice\u002D11367')"                data-price-amount="35.99"
10710        data-price-type="oldPrice"
10711        class="price-wrapper "
10712    ><span class="price">35,99 zł</span></span>
10713        </span>
10714    </span>
10715
10716</div>            </div>
10717
10718                            <small class="text-xs text-gray-dark">
10719                    Najniższa cena z ostatnich 30 dni: 32,99 zł                </small>
10720            
10721            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
10722            ">
10723                                                                            <button
10724                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
10725                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Puzzle&#x20;1000&#x20;el.&#x20;40-lecie&#x20;Trefl&#x20;-&#x20;Tr&#xF3;jmiasto"
10726                            data-addto="cart"
10727                        >
10728                            <span class="hidden sm:inline">
10729                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
10730                            </span>
10731                            <span class="ml-2 whitespace-nowrap inline">
10732                                Do koszyka                            </span>
10733                        </button>
10734                    
10735                                <div class="flex flex-wrap gap-2">
10736                                            <button x-data="initWishlist()"
10737                                x-defer="intersect"
10738                                @click.prevent="addToWishlist(11367)"
10739                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;1000&#x20;el.&#x20;40-lecie&#x20;Trefl&#x20;-&#x20;Tr&#xF3;jmiasto"
10740                                type="button"
10741                                class="inline-flex shrink-0 hover:text-red transition-colors"
10742                                data-addto="wishlist"
10743                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;1000&#x20;el.&#x20;40-lecie&#x20;Trefl&#x20;-&#x20;Tr&#xF3;jmiasto"
10744                        >
10745                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1074514 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
10746                        </button>
10747                                                                                                                        </div>
10748            </div>
10749        </div>
10750        </form>
10751                    </li>
10752                                    <li>
10753                        
10754<form method="post"
10755      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/11445/"
10756      class="item product product-item product_addtocart_form flex flex-col size-full "
10757    >
10758    <input name="form_key" type="hidden" value="L5pmzpLdogQ54rSW" />    <input type="hidden" name="product" value="11445"/>
10759        
10760                        <a href="https://www.trefl.com/puzzle-z-efektem-3d-1000-el-40-lecie-trefl-londyn-40043"
10761           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
10762           tabindex="-1"
10763        >
10764            <img class="size-full object-contain product-image-photo"
10765     x-data=""
10766     @update-gallery-11445.window="$root.src = $event.detail"
10767        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/4/0/40043_150_01.png"
10768        loading="lazy"
10769        width="360"
10770    height="360"
10771    alt="Puzzle&#x20;z&#x20;efektem&#x20;3D&#x20;1000&#x20;el.&#x20;40-lecie&#x20;Trefl&#x20;-&#x20;Londyn&#x20;-&#x20;opakowanie"
10772/>
10773
10774            <div class="absolute top-2 left-2">
10775                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
10776                  style="color: #ffffff;background-color: #a42157;">
10777                  -10% z kodem SP10            </span>
10778        
10779            </div>
10780        </a>
10781        
10782        <div class="product-info flex flex-col grow">
10783            <div class="mt-2 mb-1 text-sm">
10784                <a
10785                    class="product-item-link line-clamp-2"
10786                    href="https://www.trefl.com/puzzle-z-efektem-3d-1000-el-40-lecie-trefl-londyn-40043"
10787                    title="Puzzle z efektem 3D 1000 el. 40-lecie Trefl - Londyn"
10788                    :id="`slide-desc-11445-${$id('slider-id')}`"
10789                >
10790                    Puzzle z efektem 3D 1000 el. 40-lecie Trefl - Londyn                </a>
10791            </div>
10792
10793            
10794                            
10794<script nonce="NmRqazJwejUwNGpkOXJ5ZjdkeXl2dHB4Z2ltYTNmd3M=">
10795    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_11445'] = {"item_id":"1323874","item_sku":"1323874","magento_sku":"1323874","magento_id":"11445","item_name":"Puzzle z efektem 3D 1000 el. 40-lecie Trefl - Londyn","item_list_id":"3","item_list_name":"Puzzle","price":32.39,"item_category":"Puzzle","item_category2":"Puzzle dla doros\u0142ych","item_category3":"Produkty FSC\u00ae","item_category4":"Puzzle 1000 element\u00f3w","item_category5":"Puzzle Premium Plus Quality","index":6};
10796</script>
10796
10797            
10798            
10799            
10800            <div class="pt-1"
10801                 x-data="initPriceBox()"
10802                 x-defer="intersect"
10803                 @update-prices-11445.window="updatePrice($event.detail);"
10804            >
10805                <div class="price-box price-final_price" data-role="priceBox" data-product-id="11445" data-price-box="product-id-11445">
10806    <span class="special-price">
10807        <span
10808    x-data x-id="['product\u002Dprice\u002D11445']"    class="price-container price-final_price&#x20;tax"
10809        >
10810            <span class="price-label">Cena promocyjna</span>
10811        <span  :id="$id('product\u002Dprice\u002D11445')"                data-price-amount="32.39"
10812        data-price-type="finalPrice"
10813        class="price-wrapper "
10814    ><span class="price">32,39 zł</span></span>
10815        </span>
10816    </span>
10817    <span class="old-price">
10818        <span
10819    x-data x-id="['old\u002Dprice\u002D11445']"    class="price-container price-final_price&#x20;tax"
10820        >
10821            <span class="price-label">Cena regularna</span>
10822        <span  :id="$id('old\u002Dprice\u002D11445')"                data-price-amount="35.99"
10823        data-price-type="oldPrice"
10824        class="price-wrapper "
10825    ><span class="price">35,99 zł</span></span>
10826        </span>
10827    </span>
10828
10829</div>            </div>
10830
10831                            <small class="text-xs text-gray-dark">
10832                    Najniższa cena z ostatnich 30 dni: 32,39 zł                </small>
10833            
10834            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
10835            ">
10836                                                                            <button
10837                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
10838                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Puzzle&#x20;z&#x20;efektem&#x20;3D&#x20;1000&#x20;el.&#x20;40-lecie&#x20;Trefl&#x20;-&#x20;Londyn"
10839                            data-addto="cart"
10840                        >
10841                            <span class="hidden sm:inline">
10842                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
10843                            </span>
10844                            <span class="ml-2 whitespace-nowrap inline">
10845                                Do koszyka                            </span>
10846                        </button>
10847                    
10848                                <div class="flex flex-wrap gap-2">
10849                                            <button x-data="initWishlist()"
10850                                x-defer="intersect"
10851                                @click.prevent="addToWishlist(11445)"
10852                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;z&#x20;efektem&#x20;3D&#x20;1000&#x20;el.&#x20;40-lecie&#x20;Trefl&#x20;-&#x20;Londyn"
10853                                type="button"
10854                                class="inline-flex shrink-0 hover:text-red transition-colors"
10855                                data-addto="wishlist"
10856                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;z&#x20;efektem&#x20;3D&#x20;1000&#x20;el.&#x20;40-lecie&#x20;Trefl&#x20;-&#x20;Londyn"
10857                        >
10858                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1085814 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
10859                        </button>
10860                                                                                                                        </div>
10861            </div>
10862        </div>
10863        </form>
10864                    </li>
10865                                    <li>
10866                        
10867    <div class="item product product-item flex flex-col size-full ">
10868        
10869                        <a href="https://www.trefl.com/puzzle-z-efektem-3d-160-el-40-lecie-trefl-dinozaur-40048"
10870           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
10871           tabindex="-1"
10872        >
10873            <img class="size-full object-contain product-image-photo"
10874     x-data=""
10875     @update-gallery-11454.window="$root.src = $event.detail"
10876        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/4/0/40048_150_01.png"
10877        loading="lazy"
10878        width="360"
10879    height="360"
10880    alt="Puzzle&#x20;z&#x20;efektem&#x20;3D&#x20;160&#x20;el.&#x20;40-lecie&#x20;Trefl&#x20;-&#x20;Dinozaur&#x20;-&#x20;opakowanie"
10881/>
10882
10883            <div class="absolute top-2 left-2">
10884                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
10885                  style="color: #ffffff;background-color: #a42157;">
10886                  -10% z kodem SP10            </span>
10887        
10888            </div>
10889        </a>
10890        
10891        <div class="product-info flex flex-col grow">
10892            <div class="mt-2 mb-1 text-sm">
10893                <a
10894                    class="product-item-link line-clamp-2"
10895                    href="https://www.trefl.com/puzzle-z-efektem-3d-160-el-40-lecie-trefl-dinozaur-40048"
10896                    title="Puzzle z efektem 3D 160 el. 40-lecie Trefl - Dinozaur"
10897                    :id="`slide-desc-11454-${$id('slider-id')}`"
10898                >
10899                    Puzzle z efektem 3D 160 el. 40-lecie Trefl - Dinozaur                </a>
10900            </div>
10901
10902            
10903            
10904            
10905            
10906            <div class="pt-1"
10907                 x-data="initPriceBox()"
10908                 x-defer="intersect"
10909                 @update-prices-11454.window="updatePrice($event.detail);"
10910            >
10911                <div class="price-box price-final_price" data-role="priceBox" data-product-id="11454" data-price-box="product-id-11454">
10912    <span class="special-price">
10913        <span
10914    x-data x-id="['product\u002Dprice\u002D11454']"    class="price-container price-final_price&#x20;tax"
10915        >
10916            <span class="price-label">Cena promocyjna</span>
10917        <span  :id="$id('product\u002Dprice\u002D11454')"                data-price-amount="16.19"
10918        data-price-type="finalPrice"
10919        class="price-wrapper "
10920    ><span class="price">16,19 zł</span></span>
10921        </span>
10922    </span>
10923    <span class="old-price">
10924        <span
10925    x-data x-id="['old\u002Dprice\u002D11454']"    class="price-container price-final_price&#x20;tax"
10926        >
10927            <span class="price-label">Cena regularna</span>
10928        <span  :id="$id('old\u002Dprice\u002D11454')"                data-price-amount="17.99"
10929        data-price-type="oldPrice"
10930        class="price-wrapper "
10931    ><span class="price">17,99 zł</span></span>
10932        </span>
10933    </span>
10934
10935</div>            </div>
10936
10937                            <small class="text-xs text-gray-dark">
10938                    Najniższa cena z ostatnich 30 dni: 16,19 zł                </small>
10939            
10940            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
10941            ">
10942                                    <div class="w-auto justify-center text-xs mr-auto">
10943                        <div class="pr-3 py-2 flex items-center gap-x-3">
10944            <span class="text-xs uppercase text-red font-semibold">
10945            Brak w magazynie        </span>
10946    </div>
10947                    </div>
10948                                <div class="flex flex-wrap gap-2">
10949                                            <button x-data="initWishlist()"
10950                                x-defer="intersect"
10951                                @click.prevent="addToWishlist(11454)"
10952                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;z&#x20;efektem&#x20;3D&#x20;160&#x20;el.&#x20;40-lecie&#x20;Trefl&#x20;-&#x20;Dinozaur"
10953                                type="button"
10954                                class="inline-flex shrink-0 hover:text-red transition-colors"
10955                                data-addto="wishlist"
10956                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;z&#x20;efektem&#x20;3D&#x20;160&#x20;el.&#x20;40-lecie&#x20;Trefl&#x20;-&#x20;Dinozaur"
10957                        >
10958                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.914 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
10959                        </button>
10960                                                                                                                        </div>
10961            </div>
10962        </div>
10963            </div>
10964                    </li>
10965                                    <li>
10966                        
10967<form method="post"
10968      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/11452/"
10969      class="item product product-item product_addtocart_form flex flex-col size-full "
10970    >
10971    <input name="form_key" type="hidden" value="L5pmzpLdogQ54rSW" />    <input type="hidden" name="product" value="11452"/>
10972        
10973                        <a href="https://www.trefl.com/puzzle-z-efektem-3d-1000-el-40-lecie-trefl-paryz-40044"
10974           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
10975           tabindex="-1"
10976        >
10977            <img class="size-full object-contain product-image-photo"
10978     x-data=""
10979     @update-gallery-11452.window="$root.src = $event.detail"
10980        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/4/0/40044_150_01.png"
10981        loading="lazy"
10982        width="360"
10983    height="360"
10984    alt="Puzzle&#x20;z&#x20;efektem&#x20;3D&#x20;1000&#x20;el.&#x20;40-lecie&#x20;Trefl&#x20;-&#x20;Pary&#x017C;&#x20;-&#x20;opakowanie"
10985/>
10986
10987            <div class="absolute top-2 left-2">
10988                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
10989                  style="color: #ffffff;background-color: #a42157;">
10990                  -10% z kodem SP10            </span>
10991        
10992            </div>
10993        </a>
10994        
10995        <div class="product-info flex flex-col grow">
10996            <div class="mt-2 mb-1 text-sm">
10997                <a
10998                    class="product-item-link line-clamp-2"
10999                    href="https://www.trefl.com/puzzle-z-efektem-3d-1000-el-40-lecie-trefl-paryz-40044"
11000                    title="Puzzle z efektem 3D 1000 el. 40-lecie Trefl - Paryż"
11001                    :id="`slide-desc-11452-${$id('slider-id')}`"
11002                >
11003                    Puzzle z efektem 3D 1000 el. 40-lecie Trefl - Paryż                </a>
11004            </div>
11005
11006            
11007                            
11007<script nonce="NmRqazJwejUwNGpkOXJ5ZjdkeXl2dHB4Z2ltYTNmd3M=">
11008    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_11452'] = {"item_id":"1323879","item_sku":"1323879","magento_sku":"1323879","magento_id":"11452","item_name":"Puzzle z efektem 3D 1000 el. 40-lecie Trefl - Pary\u017c","item_list_id":"3","item_list_name":"Puzzle","price":32.39,"item_category":"Puzzle","item_category2":"Puzzle dla doros\u0142ych","item_category3":"Puzzle miasta","item_category4":"Produkty FSC\u00ae","item_category5":"Puzzle 1000 element\u00f3w","index":5};
11009</script>
11009
11010            
11011            
11012            
11013            <div class="pt-1"
11014                 x-data="initPriceBox()"
11015                 x-defer="intersect"
11016                 @update-prices-11452.window="updatePrice($event.detail);"
11017            >
11018                <div class="price-box price-final_price" data-role="priceBox" data-product-id="11452" data-price-box="product-id-11452">
11019    <span class="special-price">
11020        <span
11021    x-data x-id="['product\u002Dprice\u002D11452']"    class="price-container price-final_price&#x20;tax"
11022        >
11023            <span class="price-label">Cena promocyjna</span>
11024        <span  :id="$id('product\u002Dprice\u002D11452')"                data-price-amount="32.39"
11025        data-price-type="finalPrice"
11026        class="price-wrapper "
11027    ><span class="price">32,39 zł</span></span>
11028        </span>
11029    </span>
11030    <span class="old-price">
11031        <span
11032    x-data x-id="['old\u002Dprice\u002D11452']"    class="price-container price-final_price&#x20;tax"
11033        >
11034            <span class="price-label">Cena regularna</span>
11035        <span  :id="$id('old\u002Dprice\u002D11452')"                data-price-amount="35.99"
11036        data-price-type="oldPrice"
11037        class="price-wrapper "
11038    ><span class="price">35,99 zł</span></span>
11039        </span>
11040    </span>
11041
11042</div>            </div>
11043
11044                            <small class="text-xs text-gray-dark">
11045                    Najniższa cena z ostatnich 30 dni: 32,39 zł                </small>
11046            
11047            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
11048            ">
11049                                                                            <button
11050                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
11051                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Puzzle&#x20;z&#x20;efektem&#x20;3D&#x20;1000&#x20;el.&#x20;40-lecie&#x20;Trefl&#x20;-&#x20;Pary&#x017C;"
11052                            data-addto="cart"
11053                        >
11054                            <span class="hidden sm:inline">
11055                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
11056                            </span>
11057                            <span class="ml-2 whitespace-nowrap inline">
11058                                Do koszyka                            </span>
11059                        </button>
11060                    
11061                                <div class="flex flex-wrap gap-2">
11062                                            <button x-data="initWishlist()"
11063                                x-defer="intersect"
11064                                @click.prevent="addToWishlist(11452)"
11065                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;z&#x20;efektem&#x20;3D&#x20;1000&#x20;el.&#x20;40-lecie&#x20;Trefl&#x20;-&#x20;Pary&#x017C;"
11066                                type="button"
11067                                class="inline-flex shrink-0 hover:text-red transition-colors"
11068                                data-addto="wishlist"
11069                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;z&#x20;efektem&#x20;3D&#x20;1000&#x20;el.&#x20;40-lecie&#x20;Trefl&#x20;-&#x20;Pary&#x017C;"
11070                        >
11071                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1107114 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
11072                        </button>
11073                                                                                                                        </div>
11074            </div>
11075        </div>
11076        </form>
11077                    </li>
11078                                    <li>
11079                        
11080<form method="post"
11081      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/11451/"
11082      class="item product product-item product_addtocart_form flex flex-col size-full "
11083    >
11084    <input name="form_key" type="hidden" value="UKC9X8WYAFqrH6hZ" />    <input type="hidden" name="product" value="11451"/>
11085        
11086                        <a href="https://www.trefl.com/puzzle-z-efektem-3d-160-el-40-lecie-trefl-dzungla-40051"
11087           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
11088           tabindex="-1"
11089        >
11090            <img class="size-full object-contain product-image-photo"
11091     x-data=""
11092     @update-gallery-11451.window="$root.src = $event.detail"
11093        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/4/0/40051_150_01.png"
11094        loading="lazy"
11095        width="360"
11096    height="360"
11097    alt="Puzzle&#x20;z&#x20;efektem&#x20;3D&#x20;160&#x20;el.&#x20;40-lecie&#x20;Trefl&#x20;-&#x20;D&#x017C;ungla&#x20;-&#x20;opakowanie"
11098/>
11099
11100            <div class="absolute top-2 left-2">
11101                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
11102                  style="color: #ffffff;background-color: #a42157;">
11103                  -10% z kodem SP10            </span>
11104        
11105            </div>
11106        </a>
11107        
11108        <div class="product-info flex flex-col grow">
11109            <div class="mt-2 mb-1 text-sm">
11110                <a
11111                    class="product-item-link line-clamp-2"
11112                    href="https://www.trefl.com/puzzle-z-efektem-3d-160-el-40-lecie-trefl-dzungla-40051"
11113                    title="Puzzle z efektem 3D 160 el. 40-lecie Trefl - Dżungla"
11114                    :id="`slide-desc-11451-${$id('slider-id')}`"
11115                >
11116                    Puzzle z efektem 3D 160 el. 40-lecie Trefl - Dżungla                </a>
11117            </div>
11118
11119            
11120                            
11120<script nonce="ZWR6OGM1dXducnBqcDNkbGJ2dGY4c3NzandxbHBjdTY=">
11121    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_11451'] = {"item_id":"1324333","item_sku":"1324333","magento_sku":"1324333","magento_id":"11451","item_name":"Puzzle z efektem 3D 160 el. 40-lecie Trefl - D\u017cungla","item_list_id":"387","item_list_name":"Puzzle jubileuszowe","price":16.19,"item_category":"Promocje Trefl","item_category2":"Puzzle","item_category3":"Produkty FSC\u00ae","item_category4":"Puzzle jubileuszowe","item_category5":"Puzzle dla dzieci","index":2};
11122</script>
11122
11123            
11124            
11125            
11126            <div class="pt-1"
11127                 x-data="initPriceBox()"
11128                 x-defer="intersect"
11129                 @update-prices-11451.window="updatePrice($event.detail);"
11130            >
11131                <div class="price-box price-final_price" data-role="priceBox" data-product-id="11451" data-price-box="product-id-11451">
11132    <span class="special-price">
11133        <span
11134    x-data x-id="['product\u002Dprice\u002D11451']"    class="price-container price-final_price&#x20;tax"
11135        >
11136            <span class="price-label">Cena promocyjna</span>
11137        <span  :id="$id('product\u002Dprice\u002D11451')"                data-price-amount="16.19"
11138        data-price-type="finalPrice"
11139        class="price-wrapper "
11140    ><span class="price">16,19 zł</span></span>
11141        </span>
11142    </span>
11143    <span class="old-price">
11144        <span
11145    x-data x-id="['old\u002Dprice\u002D11451']"    class="price-container price-final_price&#x20;tax"
11146        >
11147            <span class="price-label">Cena regularna</span>
11148        <span  :id="$id('old\u002Dprice\u002D11451')"                data-price-amount="17.99"
11149        data-price-type="oldPrice"
11150        class="price-wrapper "
11151    ><span class="price">17,99 zł</span></span>
11152        </span>
11153    </span>
11154
11155</div>            </div>
11156
11157                            <small class="text-xs text-gray-dark">
11158                    Najniższa cena z ostatnich 30 dni: 16,19 zł                </small>
11159            
11160            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
11161            ">
11162                                                                            <button
11163                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
11164                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Puzzle&#x20;z&#x20;efektem&#x20;3D&#x20;160&#x20;el.&#x20;40-lecie&#x20;Trefl&#x20;-&#x20;D&#x017C;ungla"
11165                            data-addto="cart"
11166                        >
11167                            <span class="hidden sm:inline">
11168                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
11169                            </span>
11170                            <span class="ml-2 whitespace-nowrap inline">
11171                                Do koszyka                            </span>
11172                        </button>
11173                    
11174                                <div class="flex flex-wrap gap-2">
11175                                            <button x-data="initWishlist()"
11176                                x-defer="intersect"
11177                                @click.prevent="addToWishlist(11451)"
11178                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;z&#x20;efektem&#x20;3D&#x20;160&#x20;el.&#x20;40-lecie&#x20;Trefl&#x20;-&#x20;D&#x017C;ungla"
11179                                type="button"
11180                                class="inline-flex shrink-0 hover:text-red transition-colors"
11181                                data-addto="wishlist"
11182                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;z&#x20;efektem&#x20;3D&#x20;160&#x20;el.&#x20;40-lecie&#x20;Trefl&#x20;-&#x20;D&#x017C;ungla"
11183                        >
11184                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1118414 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
11185                        </button>
11186                                                                                                                        </div>
11187            </div>
11188        </div>
11189        </form>
11190                    </li>
11191                                    <li>
11192                        
11193<form method="post"
11194      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/11449/"
11195      class="item product product-item product_addtocart_form flex flex-col size-full "
11196    >
11197    <input name="form_key" type="hidden" value="JDnWQFvjLzVDqTj9" />    <input type="hidden" name="product" value="11449"/>
11198        
11199                        <a href="https://www.trefl.com/puzzle-z-efektem-3d-1000-el-40-lecie-trefl-wilk-40041"
11200           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
11201           tabindex="-1"
11202        >
11203            <img class="size-full object-contain product-image-photo"
11204     x-data=""
11205     @update-gallery-11449.window="$root.src = $event.detail"
11206        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/4/0/40041_150_01.png"
11207        loading="lazy"
11208        width="360"
11209    height="360"
11210    alt="Puzzle&#x20;z&#x20;efektem&#x20;3D&#x20;1000&#x20;el.&#x20;40-lecie&#x20;Trefl&#x20;-&#x20;Wilk&#x20;-&#x20;opakowanie"
11211/>
11212
11213            <div class="absolute top-2 left-2">
11214                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
11215                  style="color: #ffffff;background-color: #a42157;">
11216                  -10% z kodem SP10            </span>
11217        
11218            </div>
11219        </a>
11220        
11221        <div class="product-info flex flex-col grow">
11222            <div class="mt-2 mb-1 text-sm">
11223                <a
11224                    class="product-item-link line-clamp-2"
11225                    href="https://www.trefl.com/puzzle-z-efektem-3d-1000-el-40-lecie-trefl-wilk-40041"
11226                    title="Puzzle z efektem 3D 1000 el. 40-lecie Trefl - Wilk"
11227                    :id="`slide-desc-11449-${$id('slider-id')}`"
11228                >
11229                    Puzzle z efektem 3D 1000 el. 40-lecie Trefl - Wilk                </a>
11230            </div>
11231
11232            
11233                            
11233<script nonce="ZGp4bWlwbm13OTFqdWNtb3dybDNxdTd5eTZvbmw1bWs=">
11234    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_11449'] = {"item_id":"1323865","item_sku":"1323865","magento_sku":"1323865","magento_id":"11449","item_name":"Puzzle z efektem 3D 1000 el. 40-lecie Trefl - Wilk","item_list_id":"3","item_list_name":"Puzzle","price":32.39,"item_category":"Puzzle","item_category2":"Puzzle dla doros\u0142ych","item_category3":"Puzzle zwierz\u0119ta","item_category4":"Produkty FSC\u00ae","item_category5":"Promocje Trefl","index":3};
11235</script>
11235
11236            
11237            
11238            
11239            <div class="pt-1"
11240                 x-data="initPriceBox()"
11241                 x-defer="intersect"
11242                 @update-prices-11449.window="updatePrice($event.detail);"
11243            >
11244                <div class="price-box price-final_price" data-role="priceBox" data-product-id="11449" data-price-box="product-id-11449">
11245    <span class="special-price">
11246        <span
11247    x-data x-id="['product\u002Dprice\u002D11449']"    class="price-container price-final_price&#x20;tax"
11248        >
11249            <span class="price-label">Cena promocyjna</span>
11250        <span  :id="$id('product\u002Dprice\u002D11449')"                data-price-amount="32.39"
11251        data-price-type="finalPrice"
11252        class="price-wrapper "
11253    ><span class="price">32,39 zł</span></span>
11254        </span>
11255    </span>
11256    <span class="old-price">
11257        <span
11258    x-data x-id="['old\u002Dprice\u002D11449']"    class="price-container price-final_price&#x20;tax"
11259        >
11260            <span class="price-label">Cena regularna</span>
11261        <span  :id="$id('old\u002Dprice\u002D11449')"                data-price-amount="35.99"
11262        data-price-type="oldPrice"
11263        class="price-wrapper "
11264    ><span class="price">35,99 zł</span></span>
11265        </span>
11266    </span>
11267
11268</div>            </div>
11269
11270                            <small class="text-xs text-gray-dark">
11271                    Najniższa cena z ostatnich 30 dni: 32,39 zł                </small>
11272            
11273            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
11274            ">
11275                                                                            <button
11276                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
11277                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Puzzle&#x20;z&#x20;efektem&#x20;3D&#x20;1000&#x20;el.&#x20;40-lecie&#x20;Trefl&#x20;-&#x20;Wilk"
11278                            data-addto="cart"
11279                        >
11280                            <span class="hidden sm:inline">
11281                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
11282                            </span>
11283                            <span class="ml-2 whitespace-nowrap inline">
11284                                Do koszyka                            </span>
11285                        </button>
11286                    
11287                                <div class="flex flex-wrap gap-2">
11288                                            <button x-data="initWishlist()"
11289                                x-defer="intersect"
11290                                @click.prevent="addToWishlist(11449)"
11291                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;z&#x20;efektem&#x20;3D&#x20;1000&#x20;el.&#x20;40-lecie&#x20;Trefl&#x20;-&#x20;Wilk"
11292                                type="button"
11293                                class="inline-flex shrink-0 hover:text-red transition-colors"
11294                                data-addto="wishlist"
11295                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;z&#x20;efektem&#x20;3D&#x20;1000&#x20;el.&#x20;40-lecie&#x20;Trefl&#x20;-&#x20;Wilk"
11296                        >
11297                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1129714 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
11298                        </button>
11299                                                                                                                        </div>
11300            </div>
11301        </div>
11302        </form>
11303                    </li>
11304                                    <li>
11305                        
11306<form method="post"
11307      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/6825/"
11308      class="item product product-item product_addtocart_form flex flex-col size-full "
11309    >
11310    <input name="form_key" type="hidden" value="CFs6PkGj1SVt7GZk" />    <input type="hidden" name="product" value="6825"/>
11311        
11312                        <a href="https://www.trefl.com/kalejdoskop-25-gier-rodzina-treflikow-02119"
11313           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
11314           tabindex="-1"
11315        >
11316            <img class="size-full object-contain product-image-photo"
11317     x-data=""
11318     @update-gallery-6825.window="$root.src = $event.detail"
11319        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/0/2/02119_150_01-removebg-preview_2_.png"
11320        loading="lazy"
11321        width="360"
11322    height="360"
11323    alt="Rodzina&#x20;Treflik&#xF3;w&#x20;Kalejdoskop"
11324/>
11325
11326            <div class="absolute top-2 left-2">
11327                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
11328                  style="color: #ffffff;background-color: #a42157;">
11329                  -10% z kodem SP10            </span>
11330        
11331            </div>
11332        </a>
11333        
11334        <div class="product-info flex flex-col grow">
11335            <div class="mt-2 mb-1 text-sm">
11336                <a
11337                    class="product-item-link line-clamp-2"
11338                    href="https://www.trefl.com/kalejdoskop-25-gier-rodzina-treflikow-02119"
11339                    title="Gra planszowa Rodzina Treflików Kalejdoskop 25 gier"
11340                    :id="`slide-desc-6825-${$id('slider-id')}`"
11341                >
11342                    Gra planszowa Rodzina Treflików Kalejdoskop 25 gier                </a>
11343            </div>
11344
11345            
11346                            
11346<script nonce="NHN0b253NjJmbHgzMjN5bjI3aTExMzFna2IzbGZ1MG4=">
11347    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_6825'] = {"item_id":"1062108","item_sku":"1062108","magento_sku":"1062108","magento_id":"6825","item_name":"Gra planszowa Rodzina Treflik\u00f3w Kalejdoskop 25 gier","item_list_id":"4","item_list_name":"Gry","price":37.99,"item_category":"Gry","item_category2":"Gry planszowe ","item_category3":"Gry Rodzina Treflik\u00f3w","item_category4":"Promocje Trefl","item_category5":"Rodzina Treflik\u00f3w","index":26};
11348</script>
11348
11349            
11350            
11351            
11352            <div class="pt-1"
11353                 x-data="initPriceBox()"
11354                 x-defer="intersect"
11355                 @update-prices-6825.window="updatePrice($event.detail);"
11356            >
11357                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6825" data-price-box="product-id-6825">
11358    <span class="special-price">
11359        <span
11360    x-data x-id="['product\u002Dprice\u002D6825']"    class="price-container price-final_price&#x20;tax"
11361        >
11362            <span class="price-label">Cena promocyjna</span>
11363        <span  :id="$id('product\u002Dprice\u002D6825')"                data-price-amount="37.99"
11364        data-price-type="finalPrice"
11365        class="price-wrapper "
11366    ><span class="price">37,99 zł</span></span>
11367        </span>
11368    </span>
11369    <span class="old-price">
11370        <span
11371    x-data x-id="['old\u002Dprice\u002D6825']"    class="price-container price-final_price&#x20;tax"
11372        >
11373            <span class="price-label">Cena regularna</span>
11374        <span  :id="$id('old\u002Dprice\u002D6825')"                data-price-amount="46.99"
11375        data-price-type="oldPrice"
11376        class="price-wrapper "
11377    ><span class="price">46,99 zł</span></span>
11378        </span>
11379    </span>
11380
11381</div>            </div>
11382
11383                            <small class="text-xs text-gray-dark">
11384                    Najniższa cena z ostatnich 30 dni: 37,99 zł                </small>
11385            
11386            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
11387            ">
11388                                                                            <button
11389                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
11390                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Gra&#x20;planszowa&#x20;Rodzina&#x20;Treflik&#xF3;w&#x20;Kalejdoskop&#x20;25&#x20;gier"
11391                            data-addto="cart"
11392                        >
11393                            <span class="hidden sm:inline">
11394                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
11395                            </span>
11396                            <span class="ml-2 whitespace-nowrap inline">
11397                                Do koszyka                            </span>
11398                        </button>
11399                    
11400                                <div class="flex flex-wrap gap-2">
11401                                            <button x-data="initWishlist()"
11402                                x-defer="intersect"
11403                                @click.prevent="addToWishlist(6825)"
11404                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;planszowa&#x20;Rodzina&#x20;Treflik&#xF3;w&#x20;Kalejdoskop&#x20;25&#x20;gier"
11405                                type="button"
11406                                class="inline-flex shrink-0 hover:text-red transition-colors"
11407                                data-addto="wishlist"
11408                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;planszowa&#x20;Rodzina&#x20;Treflik&#xF3;w&#x20;Kalejdoskop&#x20;25&#x20;gier"
11409                        >
11410                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1141014 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
11411                        </button>
11412                                                                                                                        </div>
11413            </div>
11414        </div>
11415        </form>
11416                    </li>
11417                                    <li>
11418                        
11419<form method="post"
11420      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/6157/"
11421      class="item product product-item product_addtocart_form flex flex-col size-full "
11422    >
11423    <input name="form_key" type="hidden" value="soJJN4cyXtCZIRbQ" />    <input type="hidden" name="product" value="6157"/>
11424        
11425                        <a href="https://www.trefl.com/kalejdoskop-15-trefliki-01922"
11426           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
11427           tabindex="-1"
11428        >
11429            <img class="size-full object-contain product-image-photo"
11430     x-data=""
11431     @update-gallery-6157.window="$root.src = $event.detail"
11432        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/0/1/01922_150_01_1_.png"
11433        loading="lazy"
11434        width="360"
11435    height="360"
11436    alt="Kalejdoskop&#x20;15&#x20;Rodzina&#x20;Treflik&#xF3;w&#x20;zdj&#x0119;cie&#x20;1"
11437/>
11438
11439            <div class="absolute top-2 left-2">
11440                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
11441                  style="color: #ffffff;background-color: #a42157;">
11442                  -10% z kodem SP10            </span>
11443        
11444            </div>
11445        </a>
11446        
11447        <div class="product-info flex flex-col grow">
11448            <div class="mt-2 mb-1 text-sm">
11449                <a
11450                    class="product-item-link line-clamp-2"
11451                    href="https://www.trefl.com/kalejdoskop-15-trefliki-01922"
11452                    title="Gra planszowa Rodzina Treflików Kalejdoskop 15 gier Trefliki"
11453                    :id="`slide-desc-6157-${$id('slider-id')}`"
11454                >
11455                    Gra planszowa Rodzina Treflików Kalejdoskop 15 gier Trefliki                </a>
11456            </div>
11457
11458            
11459                            
11459<script nonce="eWpkaTYyMmxuMDk1ZmhpNnlvcm14Zno4MXBoOTFzbzE=">
11460    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_6157'] = {"item_id":"984642","item_sku":"984642","magento_sku":"984642","magento_id":"6157","item_name":"Gra planszowa Rodzina Treflik\u00f3w Kalejdoskop 15 gier Trefliki","item_list_id":"4","item_list_name":"Gry","price":27.99,"item_category":"Rodzina Treflik\u00f3w","item_category2":"Gry","item_category3":"Gry planszowe ","item_category4":"Gry Rodzina Treflik\u00f3w","item_category5":"Gry dla dzieci","index":24};
11461</script>
11461
11462            
11463            
11464            
11465            <div class="pt-1"
11466                 x-data="initPriceBox()"
11467                 x-defer="intersect"
11468                 @update-prices-6157.window="updatePrice($event.detail);"
11469            >
11470                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6157" data-price-box="product-id-6157">
11471    <span class="special-price">
11472        <span
11473    x-data x-id="['product\u002Dprice\u002D6157']"    class="price-container price-final_price&#x20;tax"
11474        >
11475            <span class="price-label">Cena promocyjna</span>
11476        <span  :id="$id('product\u002Dprice\u002D6157')"                data-price-amount="27.99"
11477        data-price-type="finalPrice"
11478        class="price-wrapper "
11479    ><span class="price">27,99 zł</span></span>
11480        </span>
11481    </span>
11482    <span class="old-price">
11483        <span
11484    x-data x-id="['old\u002Dprice\u002D6157']"    class="price-container price-final_price&#x20;tax"
11485        >
11486            <span class="price-label">Cena regularna</span>
11487        <span  :id="$id('old\u002Dprice\u002D6157')"                data-price-amount="34.99"
11488        data-price-type="oldPrice"
11489        class="price-wrapper "
11490    ><span class="price">34,99 zł</span></span>
11491        </span>
11492    </span>
11493
11494</div>            </div>
11495
11496                            <small class="text-xs text-gray-dark">
11497                    Najniższa cena z ostatnich 30 dni: 27,99 zł                </small>
11498            
11499            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
11500            ">
11501                                                                            <button
11502                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
11503                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Gra&#x20;planszowa&#x20;Rodzina&#x20;Treflik&#xF3;w&#x20;Kalejdoskop&#x20;15&#x20;gier&#x20;Trefliki"
11504                            data-addto="cart"
11505                        >
11506                            <span class="hidden sm:inline">
11507                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
11508                            </span>
11509                            <span class="ml-2 whitespace-nowrap inline">
11510                                Do koszyka                            </span>
11511                        </button>
11512                    
11513                                <div class="flex flex-wrap gap-2">
11514                                            <button x-data="initWishlist()"
11515                                x-defer="intersect"
11516                                @click.prevent="addToWishlist(6157)"
11517                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;planszowa&#x20;Rodzina&#x20;Treflik&#xF3;w&#x20;Kalejdoskop&#x20;15&#x20;gier&#x20;Trefliki"
11518                                type="button"
11519                                class="inline-flex shrink-0 hover:text-red transition-colors"
11520                                data-addto="wishlist"
11521                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;planszowa&#x20;Rodzina&#x20;Treflik&#xF3;w&#x20;Kalejdoskop&#x20;15&#x20;gier&#x20;Trefliki"
11522                        >
11523                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1152314 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
11524                        </button>
11525                                                                                                                        </div>
11526            </div>
11527        </div>
11528        </form>
11529                    </li>
11530                                    <li>
11531                        
11532<form method="post"
11533      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/6812/"
11534      class="item product product-item product_addtocart_form flex flex-col size-full "
11535    >
11536    <input name="form_key" type="hidden" value="CFs6PkGj1SVt7GZk" />    <input type="hidden" name="product" value="6812"/>
11537        
11538                        <a href="https://www.trefl.com/boom-boom-rodzina-treflikow-02122"
11539           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
11540           tabindex="-1"
11541        >
11542            <img class="size-full object-contain product-image-photo"
11543     x-data=""
11544     @update-gallery-6812.window="$root.src = $event.detail"
11545        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/0/2/02122_150_01_1.png"
11546        loading="lazy"
11547        width="360"
11548    height="360"
11549    alt="Boom&#x20;Boom&#x20;Rodzina&#x20;Treflik&#xF3;w&#x20;"
11550/>
11551
11552            <div class="absolute top-2 left-2">
11553                
11554            </div>
11555        </a>
11556        
11557        <div class="product-info flex flex-col grow">
11558            <div class="mt-2 mb-1 text-sm">
11559                <a
11560                    class="product-item-link line-clamp-2"
11561                    href="https://www.trefl.com/boom-boom-rodzina-treflikow-02122"
11562                    title="Gra zręcznościowa Boom Boom Rodzina Treflików"
11563                    :id="`slide-desc-6812-${$id('slider-id')}`"
11564                >
11565                    Gra zręcznościowa Boom Boom Rodzina Treflików                </a>
11566            </div>
11567
11568            
11569                            
11569<script nonce="NHN0b253NjJmbHgzMjN5bjI3aTExMzFna2IzbGZ1MG4=">
11570    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_6812'] = {"item_id":"1063764","item_sku":"1063764","magento_sku":"1063764","magento_id":"6812","item_name":"Gra zr\u0119czno\u015bciowa Boom Boom Rodzina Treflik\u00f3w","item_list_id":"4","item_list_name":"Gry","price":54.99,"item_category":"Gry","item_category2":"Gry Rodzina Treflik\u00f3w","item_category3":"Gry dla dzieci","item_category4":"Gry planszowe","item_category5":"Gry planszowe dla dzieci","index":27};
11571</script>
11571
11572            
11573            
11574            
11575            <div class="pt-1"
11576                 x-data="initPriceBox()"
11577                 x-defer="intersect"
11578                 @update-prices-6812.window="updatePrice($event.detail);"
11579            >
11580                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6812" data-price-box="product-id-6812">
11581    <span
11582    x-data x-id="['product\u002Dprice\u002D6812']"    class="price-container price-final_price&#x20;tax"
11583        >
11584        <span  :id="$id('product\u002Dprice\u002D6812')"                data-price-amount="54.99"
11585        data-price-type="finalPrice"
11586        class="price-wrapper "
11587    ><span class="price">54,99 zł</span></span>
11588        </span>
11589
11590</div>            </div>
11591
11592            
11593            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
11594            ">
11595                                                                            <button
11596                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
11597                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Gra&#x20;zr&#x0119;czno&#x015B;ciowa&#x20;Boom&#x20;Boom&#x20;Rodzina&#x20;Treflik&#xF3;w"
11598                            data-addto="cart"
11599                        >
11600                            <span class="hidden sm:inline">
11601                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
11602                            </span>
11603                            <span class="ml-2 whitespace-nowrap inline">
11604                                Do koszyka                            </span>
11605                        </button>
11606                    
11607                                <div class="flex flex-wrap gap-2">
11608                                            <button x-data="initWishlist()"
11609                                x-defer="intersect"
11610                                @click.prevent="addToWishlist(6812)"
11611                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;zr&#x0119;czno&#x015B;ciowa&#x20;Boom&#x20;Boom&#x20;Rodzina&#x20;Treflik&#xF3;w"
11612                                type="button"
11613                                class="inline-flex shrink-0 hover:text-red transition-colors"
11614                                data-addto="wishlist"
11615                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;zr&#x0119;czno&#x015B;ciowa&#x20;Boom&#x20;Boom&#x20;Rodzina&#x20;Treflik&#xF3;w"
11616                        >
11617                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.914 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
11618                        </button>
11619                                                                                                                        </div>
11620            </div>
11621        </div>
11622        </form>
11623                    </li>
11624                                    <li>
11625                        
11626<form method="post"
11627      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/7154/"
11628      class="item product product-item product_addtocart_form flex flex-col size-full "
11629    >
11630    <input name="form_key" type="hidden" value="UKC9X8WYAFqrH6hZ" />    <input type="hidden" name="product" value="7154"/>
11631        
11632                        <a href="https://www.trefl.com/brick-trick-zamek-61539"
11633           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
11634           tabindex="-1"
11635        >
11636            <img class="size-full object-contain product-image-photo"
11637     x-data=""
11638     @update-gallery-7154.window="$root.src = $event.detail"
11639        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/6/1/61539_150_01.png"
11640        loading="lazy"
11641        width="360"
11642    height="360"
11643    alt="Brick&#x20;Trick&#x20;Zamek"
11644/>
11645
11646            <div class="absolute top-2 left-2">
11647                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
11648                  style="color: #ffffff;background-color: #a42157;">
11649                  -10% z kodem SP10            </span>
11650        
11651            </div>
11652        </a>
11653        
11654        <div class="product-info flex flex-col grow">
11655            <div class="mt-2 mb-1 text-sm">
11656                <a
11657                    class="product-item-link line-clamp-2"
11658                    href="https://www.trefl.com/brick-trick-zamek-61539"
11659                    title="Brick Trick Zamek"
11660                    :id="`slide-desc-7154-${$id('slider-id')}`"
11661                >
11662                    Brick Trick Zamek                </a>
11663            </div>
11664
11665            
11666                            
11666<script nonce="ZWR6OGM1dXducnBqcDNkbGJ2dGY4c3NzandxbHBjdTY=">
11667    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_7154'] = {"item_id":"1078222","item_sku":"1078222","magento_sku":"1078222","magento_id":"7154","item_name":"Brick Trick Zamek","item_list_id":"5","item_list_name":"Zabawki dla dzieci","price":72.24,"item_category":"Promocje Trefl","item_category2":"Zabawki dla dzieci","item_category3":"Klocki ceramiczne","item_category4":"Brick Trick Standard","item_category5":"Zabawki dla dzieci 6-8","index":3};
11668</script>
11668
11669            
11670            
11671            
11672            <div class="pt-1"
11673                 x-data="initPriceBox()"
11674                 x-defer="intersect"
11675                 @update-prices-7154.window="updatePrice($event.detail);"
11676            >
11677                <div class="price-box price-final_price" data-role="priceBox" data-product-id="7154" data-price-box="product-id-7154">
11678    <span class="special-price">
11679        <span
11680    x-data x-id="['product\u002Dprice\u002D7154']"    class="price-container price-final_price&#x20;tax"
11681        >
11682            <span class="price-label">Cena promocyjna</span>
11683        <span  :id="$id('product\u002Dprice\u002D7154')"                data-price-amount="72.24"
11684        data-price-type="finalPrice"
11685        class="price-wrapper "
11686    ><span class="price">72,24 zł</span></span>
11687        </span>
11688    </span>
11689    <span class="old-price">
11690        <span
11691    x-data x-id="['old\u002Dprice\u002D7154']"    class="price-container price-final_price&#x20;tax"
11692        >
11693            <span class="price-label">Cena regularna</span>
11694        <span  :id="$id('old\u002Dprice\u002D7154')"                data-price-amount="84.99"
11695        data-price-type="oldPrice"
11696        class="price-wrapper "
11697    ><span class="price">84,99 zł</span></span>
11698        </span>
11699    </span>
11700
11701</div>            </div>
11702
11703                            <small class="text-xs text-gray-dark">
11704                    Najniższa cena z ostatnich 30 dni: 72,24 zł                </small>
11705            
11706            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
11707            ">
11708                                                                            <button
11709                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
11710                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Brick&#x20;Trick&#x20;Zamek"
11711                            data-addto="cart"
11712                        >
11713                            <span class="hidden sm:inline">
11714                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
11715                            </span>
11716                            <span class="ml-2 whitespace-nowrap inline">
11717                                Do koszyka                            </span>
11718                        </button>
11719                    
11720                                <div class="flex flex-wrap gap-2">
11721                                            <button x-data="initWishlist()"
11722                                x-defer="intersect"
11723                                @click.prevent="addToWishlist(7154)"
11724                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Brick&#x20;Trick&#x20;Zamek"
11725                                type="button"
11726                                class="inline-flex shrink-0 hover:text-red transition-colors"
11727                                data-addto="wishlist"
11728                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Brick&#x20;Trick&#x20;Zamek"
11729                        >
11730                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1173014 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
11731                        </button>
11732                                                                                                                        </div>
11733            </div>
11734        </div>
11735        </form>
11736                    </li>
11737                                    <li>
11738                        
11739<form method="post"
11740      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/7164/"
11741      class="item product product-item product_addtocart_form flex flex-col size-full "
11742    >
11743    <input name="form_key" type="hidden" value="UKC9X8WYAFqrH6hZ" />    <input type="hidden" name="product" value="7164"/>
11744        
11745                        <a href="https://www.trefl.com/brick-trick-palac-na-wodzie-61545"
11746           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
11747           tabindex="-1"
11748        >
11749            <img class="size-full object-contain product-image-photo"
11750     x-data=""
11751     @update-gallery-7164.window="$root.src = $event.detail"
11752        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/6/1/61545_150_01.png"
11753        loading="lazy"
11754        width="360"
11755    height="360"
11756    alt="Brick&#x20;Trick&#x20;Pa&#x0142;ac&#x20;na&#x20;Wodzie&#x20;Trefl"
11757/>
11758
11759            <div class="absolute top-2 left-2">
11760                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
11761                  style="color: #ffffff;background-color: #a42157;">
11762                  -10% z kodem SP10            </span>
11763        
11764            </div>
11765        </a>
11766        
11767        <div class="product-info flex flex-col grow">
11768            <div class="mt-2 mb-1 text-sm">
11769                <a
11770                    class="product-item-link line-clamp-2"
11771                    href="https://www.trefl.com/brick-trick-palac-na-wodzie-61545"
11772                    title="Brick Trick  Pałac na wodzie"
11773                    :id="`slide-desc-7164-${$id('slider-id')}`"
11774                >
11775                    Brick Trick  Pałac na wodzie                </a>
11776            </div>
11777
11778            
11779                            
11779<script nonce="ZWR6OGM1dXducnBqcDNkbGJ2dGY4c3NzandxbHBjdTY=">
11780    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_7164'] = {"item_id":"1078354","item_sku":"1078354","magento_sku":"1078354","magento_id":"7164","item_name":"Brick Trick  Pa\u0142ac na wodzie","item_list_id":"5","item_list_name":"Zabawki dla dzieci","price":89.24,"item_category":"Promocje Trefl","item_category2":"Zabawki dla dzieci","item_category3":"Klocki ceramiczne","item_category4":"Brick Trick Standard","item_category5":"Zabawki dla dzieci 6-8","index":4};
11781</script>
11781
11782            
11783            
11784            
11785            <div class="pt-1"
11786                 x-data="initPriceBox()"
11787                 x-defer="intersect"
11788                 @update-prices-7164.window="updatePrice($event.detail);"
11789            >
11790                <div class="price-box price-final_price" data-role="priceBox" data-product-id="7164" data-price-box="product-id-7164">
11791    <span class="special-price">
11792        <span
11793    x-data x-id="['product\u002Dprice\u002D7164']"    class="price-container price-final_price&#x20;tax"
11794        >
11795            <span class="price-label">Cena promocyjna</span>
11796        <span  :id="$id('product\u002Dprice\u002D7164')"                data-price-amount="89.24"
11797        data-price-type="finalPrice"
11798        class="price-wrapper "
11799    ><span class="price">89,24 zł</span></span>
11800        </span>
11801    </span>
11802    <span class="old-price">
11803        <span
11804    x-data x-id="['old\u002Dprice\u002D7164']"    class="price-container price-final_price&#x20;tax"
11805        >
11806            <span class="price-label">Cena regularna</span>
11807        <span  :id="$id('old\u002Dprice\u002D7164')"                data-price-amount="104.99"
11808        data-price-type="oldPrice"
11809        class="price-wrapper "
11810    ><span class="price">104,99 zł</span></span>
11811        </span>
11812    </span>
11813
11814</div>            </div>
11815
11816                            <small class="text-xs text-gray-dark">
11817                    Najniższa cena z ostatnich 30 dni: 89,24 zł                </small>
11818            
11819            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
11820            ">
11821                                                                            <button
11822                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
11823                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Brick&#x20;Trick&#x20;&#x20;Pa&#x0142;ac&#x20;na&#x20;wodzie"
11824                            data-addto="cart"
11825                        >
11826                            <span class="hidden sm:inline">
11827                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
11828                            </span>
11829                            <span class="ml-2 whitespace-nowrap inline">
11830                                Do koszyka                            </span>
11831                        </button>
11832                    
11833                                <div class="flex flex-wrap gap-2">
11834                                            <button x-data="initWishlist()"
11835                                x-defer="intersect"
11836                                @click.prevent="addToWishlist(7164)"
11837                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Brick&#x20;Trick&#x20;&#x20;Pa&#x0142;ac&#x20;na&#x20;wodzie"
11838                                type="button"
11839                                class="inline-flex shrink-0 hover:text-red transition-colors"
11840                                data-addto="wishlist"
11841                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Brick&#x20;Trick&#x20;&#x20;Pa&#x0142;ac&#x20;na&#x20;wodzie"
11842                        >
11843                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1184314 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
11844                        </button>
11845                                                                                                                        </div>
11846            </div>
11847        </div>
11848        </form>
11849                    </li>
11850                                    <li>
11851                        
11852<form method="post"
11853      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/11037/"
11854      class="item product product-item product_addtocart_form flex flex-col size-full "
11855    >
11856    <input name="form_key" type="hidden" value="JYAkIrCodIMKadT2" />    <input type="hidden" name="product" value="11037"/>
11857        
11858                        <a href="https://www.trefl.com/gra-towarzyska-5-sekund-sztafeta-02601"
11859           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
11860           tabindex="-1"
11861        >
11862            <img class="size-full object-contain product-image-photo"
11863     x-data=""
11864     @update-gallery-11037.window="$root.src = $event.detail"
11865        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/0/2/02601_150_01.png"
11866        loading="lazy"
11867        width="360"
11868    height="360"
11869    alt="Gra&#x20;imprezowa&#x20;5&#x20;sekund&#x20;SZTAFETA&#x20;-&#x20;opakowanie"
11870/>
11871
11872            <div class="absolute top-2 left-2">
11873                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
11874                  style="color: #ffffff;background-color: #a42157;">
11875                  -10% z kodem SP10            </span>
11876        
11877            </div>
11878        </a>
11879        
11880        <div class="product-info flex flex-col grow">
11881            <div class="mt-2 mb-1 text-sm">
11882                <a
11883                    class="product-item-link line-clamp-2"
11884                    href="https://www.trefl.com/gra-towarzyska-5-sekund-sztafeta-02601"
11885                    title="Gra towarzyska 5 sekund SZTAFETA"
11886                    :id="`slide-desc-11037-${$id('slider-id')}`"
11887                >
11888                    Gra towarzyska 5 sekund SZTAFETA                </a>
11889            </div>
11890
11891            
11892                            
11892<script nonce="ejMzaWxieXFhdnFraDZxNHR3czBoeWZsOGsxMGQ2Z3Q=">
11893    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_11037'] = {"item_id":"1253311","item_sku":"1253311","magento_sku":"1253311","magento_id":"11037","item_name":"Gra towarzyska 5 sekund SZTAFETA","item_list_id":"4","item_list_name":"Gry","price":89.99,"item_category":"Gry","item_category2":"Gry dla dzieci 8-10 lat","item_category3":"Promocje Trefl","item_category4":"Gry towarzyskie","item_category5":"Gry 5 sekund","index":3};
11894</script>
11894
11895            
11896            
11897            
11898            <div class="pt-1"
11899                 x-data="initPriceBox()"
11900                 x-defer="intersect"
11901                 @update-prices-11037.window="updatePrice($event.detail);"
11902            >
11903                <div class="price-box price-final_price" data-role="priceBox" data-product-id="11037" data-price-box="product-id-11037">
11904    <span class="special-price">
11905        <span
11906    x-data x-id="['product\u002Dprice\u002D11037']"    class="price-container price-final_price&#x20;tax"
11907        >
11908            <span class="price-label">Cena promocyjna</span>
11909        <span  :id="$id('product\u002Dprice\u002D11037')"                data-price-amount="89.99"
11910        data-price-type="finalPrice"
11911        class="price-wrapper "
11912    ><span class="price">89,99 zł</span></span>
11913        </span>
11914    </span>
11915    <span class="old-price">
11916        <span
11917    x-data x-id="['old\u002Dprice\u002D11037']"    class="price-container price-final_price&#x20;tax"
11918        >
11919            <span class="price-label">Cena regularna</span>
11920        <span  :id="$id('old\u002Dprice\u002D11037')"                data-price-amount="119.99"
11921        data-price-type="oldPrice"
11922        class="price-wrapper "
11923    ><span class="price">119,99 zł</span></span>
11924        </span>
11925    </span>
11926
11927</div>            </div>
11928
11929                            <small class="text-xs text-gray-dark">
11930                    Najniższa cena z ostatnich 30 dni: 89,99 zł                </small>
11931            
11932            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
11933            ">
11934                                                                            <button
11935                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
11936                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Gra&#x20;towarzyska&#x20;5&#x20;sekund&#x20;SZTAFETA"
11937                            data-addto="cart"
11938                        >
11939                            <span class="hidden sm:inline">
11940                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
11941                            </span>
11942                            <span class="ml-2 whitespace-nowrap inline">
11943                                Do koszyka                            </span>
11944                        </button>
11945                    
11946                                <div class="flex flex-wrap gap-2">
11947                                            <button x-data="initWishlist()"
11948                                x-defer="intersect"
11949                                @click.prevent="addToWishlist(11037)"
11950                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;towarzyska&#x20;5&#x20;sekund&#x20;SZTAFETA"
11951                                type="button"
11952                                class="inline-flex shrink-0 hover:text-red transition-colors"
11953                                data-addto="wishlist"
11954                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;towarzyska&#x20;5&#x20;sekund&#x20;SZTAFETA"
11955                        >
11956                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1195614 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
11957                        </button>
11958                                                                                                                        </div>
11959            </div>
11960        </div>
11961        </form>
11962                    </li>
11963                                    <li>
11964                        
11965<form method="post"
11966      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/12717/"
11967      class="item product product-item product_addtocart_form flex flex-col size-full "
11968    >
11969    <input name="form_key" type="hidden" value="SVA98RVaN8uFSExs" />    <input type="hidden" name="product" value="12717"/>
11970        
11971                        <a href="https://www.trefl.com/gra-rodzinna-vabang-kobiety-kontra-mezczyzni-02390"
11972           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
11973           tabindex="-1"
11974        >
11975            <img class="size-full object-contain product-image-photo"
11976     x-data=""
11977     @update-gallery-12717.window="$root.src = $event.detail"
11978        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/0/2/02390_150_01.png"
11979        loading="lazy"
11980        width="360"
11981    height="360"
11982    alt="Gra&#x20;rodzinna&#x20;Vabang&#x21;&#x20;Kobiety&#x20;kontra&#x20;M&#x0119;&#x017C;czy&#x017A;ni"
11983/>
11984
11985            <div class="absolute top-2 left-2">
11986                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
11987                  style="color: #ffffff;background-color: #a42157;">
11988                  -10% z kodem SP10            </span>
11989        
11990            </div>
11991        </a>
11992        
11993        <div class="product-info flex flex-col grow">
11994            <div class="mt-2 mb-1 text-sm">
11995                <a
11996                    class="product-item-link line-clamp-2"
11997                    href="https://www.trefl.com/gra-rodzinna-vabang-kobiety-kontra-mezczyzni-02390"
11998                    title="Gra rodzinna Vabang! Kobiety kontra Mężczyźni"
11999                    :id="`slide-desc-12717-${$id('slider-id')}`"
12000                >
12001                    Gra rodzinna Vabang! Kobiety kontra Mężczyźni                </a>
12002            </div>
12003
12004            
12005                            
12005<script nonce="MXJpMmMwc3A3eDg5OWR4dHhzdXJ2dXRzaWxyb2hvNHg=">
12006    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_12717'] = {"item_id":"1167810","item_sku":"1167810","magento_sku":"1167810","magento_id":"12717","item_name":"Gra rodzinna Vabang! Kobiety kontra M\u0119\u017cczy\u017ani","item_list_id":"4","item_list_name":"Gry","price":79.99,"item_category":"Gry","item_category2":"Gry imprezowe","item_category3":"Produkty FSC\u00ae","item_category4":"Gry dla dzieci 12+","item_category5":"Gry zr\u0119czno\u015bciowe","index":29};
12007</script>
12007
12008            
12009            
12010            
12011            <div class="pt-1"
12012                 x-data="initPriceBox()"
12013                 x-defer="intersect"
12014                 @update-prices-12717.window="updatePrice($event.detail);"
12015            >
12016                <div class="price-box price-final_price" data-role="priceBox" data-product-id="12717" data-price-box="product-id-12717">
12017    <span class="special-price">
12018        <span
12019    x-data x-id="['product\u002Dprice\u002D12717']"    class="price-container price-final_price&#x20;tax"
12020        >
12021            <span class="price-label">Cena promocyjna</span>
12022        <span  :id="$id('product\u002Dprice\u002D12717')"                data-price-amount="79.99"
12023        data-price-type="finalPrice"
12024        class="price-wrapper "
12025    ><span class="price">79,99 zł</span></span>
12026        </span>
12027    </span>
12028    <span class="old-price">
12029        <span
12030    x-data x-id="['old\u002Dprice\u002D12717']"    class="price-container price-final_price&#x20;tax"
12031        >
12032            <span class="price-label">Cena regularna</span>
12033        <span  :id="$id('old\u002Dprice\u002D12717')"                data-price-amount="119.99"
12034        data-price-type="oldPrice"
12035        class="price-wrapper "
12036    ><span class="price">119,99 zł</span></span>
12037        </span>
12038    </span>
12039
12040</div>            </div>
12041
12042                            <small class="text-xs text-gray-dark">
12043                    Najniższa cena z ostatnich 30 dni: 79,99 zł                </small>
12044            
12045            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
12046            ">
12047                                                                            <button
12048                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
12049                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Gra&#x20;rodzinna&#x20;Vabang&#x21;&#x20;Kobiety&#x20;kontra&#x20;M&#x0119;&#x017C;czy&#x017A;ni"
12050                            data-addto="cart"
12051                        >
12052                            <span class="hidden sm:inline">
12053                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
12054                            </span>
12055                            <span class="ml-2 whitespace-nowrap inline">
12056                                Do koszyka                            </span>
12057                        </button>
12058                    
12059                                <div class="flex flex-wrap gap-2">
12060                                            <button x-data="initWishlist()"
12061                                x-defer="intersect"
12062                                @click.prevent="addToWishlist(12717)"
12063                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;rodzinna&#x20;Vabang&#x21;&#x20;Kobiety&#x20;kontra&#x20;M&#x0119;&#x017C;czy&#x017A;ni"
12064                                type="button"
12065                                class="inline-flex shrink-0 hover:text-red transition-colors"
12066                                data-addto="wishlist"
12067                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;rodzinna&#x20;Vabang&#x21;&#x20;Kobiety&#x20;kontra&#x20;M&#x0119;&#x017C;czy&#x017A;ni"
12068                        >
12069                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1206914 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
12070                        </button>
12071                                                                                                                        </div>
12072            </div>
12073        </div>
12074        </form>
12075                    </li>
12076                                    <li>
12077                        
12078    <div class="item product product-item flex flex-col size-full ">
12079        
12080                        <a href="https://www.trefl.com/gra-rodzinna-at-the-office-02527"
12081           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
12082           tabindex="-1"
12083        >
12084            <img class="size-full object-contain product-image-photo"
12085     x-data=""
12086     @update-gallery-8190.window="$root.src = $event.detail"
12087        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/0/2/02527_150_01.png"
12088        loading="lazy"
12089        width="360"
12090    height="360"
12091    alt="Opakowanie&#x20;gry&#x20;rodzinnej&#x20;At&#x20;the&#x20;Office"
12092/>
12093
12094            <div class="absolute top-2 left-2">
12095                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
12096                  style="color: #ffffff;background-color: #a42157;">
12097                  -10% z kodem SP10            </span>
12098        
12099            </div>
12100        </a>
12101        
12102        <div class="product-info flex flex-col grow">
12103            <div class="mt-2 mb-1 text-sm">
12104                <a
12105                    class="product-item-link line-clamp-2"
12106                    href="https://www.trefl.com/gra-rodzinna-at-the-office-02527"
12107                    title="Gra rodzinna At the Office"
12108                    :id="`slide-desc-8190-${$id('slider-id')}`"
12109                >
12110                    Gra rodzinna At the Office                </a>
12111            </div>
12112
12113            
12114            
12115            
12116            
12117            <div class="pt-1"
12118                 x-data="initPriceBox()"
12119                 x-defer="intersect"
12120                 @update-prices-8190.window="updatePrice($event.detail);"
12121            >
12122                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8190" data-price-box="product-id-8190">
12123    <span class="special-price">
12124        <span
12125    x-data x-id="['product\u002Dprice\u002D8190']"    class="price-container price-final_price&#x20;tax"
12126        >
12127            <span class="price-label">Cena promocyjna</span>
12128        <span  :id="$id('product\u002Dprice\u002D8190')"                data-price-amount="45.99"
12129        data-price-type="finalPrice"
12130        class="price-wrapper "
12131    ><span class="price">45,99 zł</span></span>
12132        </span>
12133    </span>
12134    <span class="old-price">
12135        <span
12136    x-data x-id="['old\u002Dprice\u002D8190']"    class="price-container price-final_price&#x20;tax"
12137        >
12138            <span class="price-label">Cena regularna</span>
12139        <span  :id="$id('old\u002Dprice\u002D8190')"                data-price-amount="59.99"
12140        data-price-type="oldPrice"
12141        class="price-wrapper "
12142    ><span class="price">59,99 zł</span></span>
12143        </span>
12144    </span>
12145
12146</div>            </div>
12147
12148                            <small class="text-xs text-gray-dark">
12149                    Najniższa cena z ostatnich 30 dni: 45,99 zł                </small>
12150            
12151            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
12152            ">
12153                                    <div class="w-auto justify-center text-xs mr-auto">
12154                        <div class="pr-3 py-2 flex items-center gap-x-3">
12155            <span class="text-xs uppercase text-red font-semibold">
12156            Brak w magazynie        </span>
12157    </div>
12158                    </div>
12159                                <div class="flex flex-wrap gap-2">
12160                                            <button x-data="initWishlist()"
12161                                x-defer="intersect"
12162                                @click.prevent="addToWishlist(8190)"
12163                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;rodzinna&#x20;At&#x20;the&#x20;Office"
12164                                type="button"
12165                                class="inline-flex shrink-0 hover:text-red transition-colors"
12166                                data-addto="wishlist"
12167                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;rodzinna&#x20;At&#x20;the&#x20;Office"
12168                        >
12169                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1216914 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
12170                        </button>
12171                                                                                                                        </div>
12172            </div>
12173        </div>
12174            </div>
12175                    </li>
12176                                    <li>
12177                        
12178<form method="post"
12179      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/7239/"
12180      class="item product product-item product_addtocart_form flex flex-col size-full "
12181    >
12182    <input name="form_key" type="hidden" value="SVA98RVaN8uFSExs" />    <input type="hidden" name="product" value="7239"/>
12183        
12184                        <a href="https://www.trefl.com/tajemnicze-podziemia-02305"
12185           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
12186           tabindex="-1"
12187        >
12188            <img class="size-full object-contain product-image-photo"
12189     x-data=""
12190     @update-gallery-7239.window="$root.src = $event.detail"
12191        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/0/2/02305_150_01.png"
12192        loading="lazy"
12193        width="360"
12194    height="360"
12195    alt="Tajemnicze&#x20;Podziemia&#x20;-&#x20;gra&#x20;rodzinna&#x20;od&#x20;Trefl&#x20;1"
12196/>
12197
12198            <div class="absolute top-2 left-2">
12199                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
12200                  style="color: #ffffff;background-color: #a42157;">
12201                  -10% z kodem SP10            </span>
12202        
12203            </div>
12204        </a>
12205        
12206        <div class="product-info flex flex-col grow">
12207            <div class="mt-2 mb-1 text-sm">
12208                <a
12209                    class="product-item-link line-clamp-2"
12210                    href="https://www.trefl.com/tajemnicze-podziemia-02305"
12211                    title="Gra rodzinna Tajemnicze Podziemia"
12212                    :id="`slide-desc-7239-${$id('slider-id')}`"
12213                >
12214                    Gra rodzinna Tajemnicze Podziemia                </a>
12215            </div>
12216
12217            
12218                            
12218<script nonce="MmsyMXNiYXR1YWZlNzZ4M2NwY3YzaG5md2M5d2xlOTU=">
12219    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_7239'] = {"item_id":"1119316","item_sku":"1119316","magento_sku":"1119316","magento_id":"7239","item_name":"Gra rodzinna Tajemnicze Podziemia","item_list_id":"4","item_list_name":"Gry","price":55.99,"item_category":"Gry","item_category2":"Gry planszowe rodzinne","item_category3":"Promocje Trefl","item_category4":"Gry Level Up ","item_category5":"Gry planszowe","index":3};
12220</script>
12220
12221            
12222            
12223            
12224            <div class="pt-1"
12225                 x-data="initPriceBox()"
12226                 x-defer="intersect"
12227                 @update-prices-7239.window="updatePrice($event.detail);"
12228            >
12229                <div class="price-box price-final_price" data-role="priceBox" data-product-id="7239" data-price-box="product-id-7239">
12230    <span class="special-price">
12231        <span
12232    x-data x-id="['product\u002Dprice\u002D7239']"    class="price-container price-final_price&#x20;tax"
12233        >
12234            <span class="price-label">Cena promocyjna</span>
12235        <span  :id="$id('product\u002Dprice\u002D7239')"                data-price-amount="55.99"
12236        data-price-type="finalPrice"
12237        class="price-wrapper "
12238    ><span class="price">55,99 zł</span></span>
12239        </span>
12240    </span>
12241    <span class="old-price">
12242        <span
12243    x-data x-id="['old\u002Dprice\u002D7239']"    class="price-container price-final_price&#x20;tax"
12244        >
12245            <span class="price-label">Cena regularna</span>
12246        <span  :id="$id('old\u002Dprice\u002D7239')"                data-price-amount="69.99"
12247        data-price-type="oldPrice"
12248        class="price-wrapper "
12249    ><span class="price">69,99 zł</span></span>
12250        </span>
12251    </span>
12252
12253</div>            </div>
12254
12255                            <small class="text-xs text-gray-dark">
12256                    Najniższa cena z ostatnich 30 dni: 55,99 zł                </small>
12257            
12258            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
12259            ">
12260                                                                            <button
12261                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
12262                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Gra&#x20;rodzinna&#x20;Tajemnicze&#x20;Podziemia"
12263                            data-addto="cart"
12264                        >
12265                            <span class="hidden sm:inline">
12266                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
12267                            </span>
12268                            <span class="ml-2 whitespace-nowrap inline">
12269                                Do koszyka                            </span>
12270                        </button>
12271                    
12272                                <div class="flex flex-wrap gap-2">
12273                                            <button x-data="initWishlist()"
12274                                x-defer="intersect"
12275                                @click.prevent="addToWishlist(7239)"
12276                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;rodzinna&#x20;Tajemnicze&#x20;Podziemia"
12277                                type="button"
12278                                class="inline-flex shrink-0 hover:text-red transition-colors"
12279                                data-addto="wishlist"
12280                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;rodzinna&#x20;Tajemnicze&#x20;Podziemia"
12281                        >
12282                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1228214 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
12283                        </button>
12284                                                                                                                        </div>
12285            </div>
12286        </div>
12287        </form>
12288                    </li>
12289                                    <li>
12290                        
12291<form method="post"
12292      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/11183/"
12293      class="item product product-item product_addtocart_form flex flex-col size-full "
12294    >
12295    <input name="form_key" type="hidden" value="czAPigDx61foPAmU" />    <input type="hidden" name="product" value="11183"/>
12296        
12297                        <a href="https://www.trefl.com/gra-rodzinna-wyspy-cooka-02598"
12298           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
12299           tabindex="-1"
12300        >
12301            <img class="size-full object-contain product-image-photo"
12302     x-data=""
12303     @update-gallery-11183.window="$root.src = $event.detail"
12304        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/0/2/02598_150_01.png"
12305        loading="lazy"
12306        width="360"
12307    height="360"
12308    alt="Gra&#x20;rodzinna&#x20;Wyspy&#x20;Cooka&#x20;-&#x20;opakowanie"
12309/>
12310
12311            <div class="absolute top-2 left-2">
12312                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
12313                  style="color: #ffffff;background-color: #a42157;">
12314                  -10% z kodem SP10            </span>
12315        
12316            </div>
12317        </a>
12318        
12319        <div class="product-info flex flex-col grow">
12320            <div class="mt-2 mb-1 text-sm">
12321                <a
12322                    class="product-item-link line-clamp-2"
12323                    href="https://www.trefl.com/gra-rodzinna-wyspy-cooka-02598"
12324                    title="Gra rodzinna Wyspy Cooka"
12325                    :id="`slide-desc-11183-${$id('slider-id')}`"
12326                >
12327                    Gra rodzinna Wyspy Cooka                </a>
12328            </div>
12329
12330            
12331                            
12331<script nonce="emowOGl0NTEzeTltampzdHBreHhkZGQyc2NtOG4za3A=">
12332    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_11183'] = {"item_id":"1245444","item_sku":"1245444","magento_sku":"1245444","magento_id":"11183","item_name":"Gra rodzinna Wyspy Cooka","item_list_id":"4","item_list_name":"Gry","price":103.99,"item_category":"Gry","item_category2":"Gry planszowe ","item_category3":"Gry planszowe rodzinne","item_category4":"Gry dla dzieci 8-10 lat","item_category5":"Gry dla dzieci 12+","index":21};
12333</script>
12333
12334            
12335            
12336            
12337            <div class="pt-1"
12338                 x-data="initPriceBox()"
12339                 x-defer="intersect"
12340                 @update-prices-11183.window="updatePrice($event.detail);"
12341            >
12342                <div class="price-box price-final_price" data-role="priceBox" data-product-id="11183" data-price-box="product-id-11183">
12343    <span class="special-price">
12344        <span
12345    x-data x-id="['product\u002Dprice\u002D11183']"    class="price-container price-final_price&#x20;tax"
12346        >
12347            <span class="price-label">Cena promocyjna</span>
12348        <span  :id="$id('product\u002Dprice\u002D11183')"                data-price-amount="103.99"
12349        data-price-type="finalPrice"
12350        class="price-wrapper "
12351    ><span class="price">103,99 zł</span></span>
12352        </span>
12353    </span>
12354    <span class="old-price">
12355        <span
12356    x-data x-id="['old\u002Dprice\u002D11183']"    class="price-container price-final_price&#x20;tax"
12357        >
12358            <span class="price-label">Cena regularna</span>
12359        <span  :id="$id('old\u002Dprice\u002D11183')"                data-price-amount="129.99"
12360        data-price-type="oldPrice"
12361        class="price-wrapper "
12362    ><span class="price">129,99 zł</span></span>
12363        </span>
12364    </span>
12365
12366</div>            </div>
12367
12368                            <small class="text-xs text-gray-dark">
12369                    Najniższa cena z ostatnich 30 dni: 103,99 zł                </small>
12370            
12371            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
12372            ">
12373                                                                            <button
12374                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
12375                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Gra&#x20;rodzinna&#x20;Wyspy&#x20;Cooka"
12376                            data-addto="cart"
12377                        >
12378                            <span class="hidden sm:inline">
12379                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
12380                            </span>
12381                            <span class="ml-2 whitespace-nowrap inline">
12382                                Do koszyka                            </span>
12383                        </button>
12384                    
12385                                <div class="flex flex-wrap gap-2">
12386                                            <button x-data="initWishlist()"
12387                                x-defer="intersect"
12388                                @click.prevent="addToWishlist(11183)"
12389                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;rodzinna&#x20;Wyspy&#x20;Cooka"
12390                                type="button"
12391                                class="inline-flex shrink-0 hover:text-red transition-colors"
12392                                data-addto="wishlist"
12393                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;rodzinna&#x20;Wyspy&#x20;Cooka"
12394                        >
12395                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1239514 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
12396                        </button>
12397                                                                                                                        </div>
12398            </div>
12399        </div>
12400        </form>
12401                    </li>
12402                                    <li>
12403                        
12404<form method="post"
12405      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/8262/"
12406      class="item product product-item product_addtocart_form flex flex-col size-full "
12407    >
12408    <input name="form_key" type="hidden" value="pp7ydniFYlrN2u7T" />    <input type="hidden" name="product" value="8262"/>
12409        
12410                        <a href="https://www.trefl.com/puzzle-minionki-1000-el-galeria-minionkow-10744"
12411           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
12412           tabindex="-1"
12413        >
12414            <img class="size-full object-contain product-image-photo"
12415     x-data=""
12416     @update-gallery-8262.window="$root.src = $event.detail"
12417        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/1/0/10744_150_01.png"
12418        loading="lazy"
12419        width="360"
12420    height="360"
12421    alt="Opakowanie&#x20;puzzli&#x20;Minionki&#x20;1000&#x20;el.&#x20;Galeria&#x20;Minionk&#xF3;w"
12422/>
12423
12424            <div class="absolute top-2 left-2">
12425                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
12426                  style="color: #ffffff;background-color: #a42157;">
12427                  -10% z kodem SP10            </span>
12428        
12429            </div>
12430        </a>
12431        
12432        <div class="product-info flex flex-col grow">
12433            <div class="mt-2 mb-1 text-sm">
12434                <a
12435                    class="product-item-link line-clamp-2"
12436                    href="https://www.trefl.com/puzzle-minionki-1000-el-galeria-minionkow-10744"
12437                    title="Puzzle Minionki 1000 el. Galeria Minionków"
12438                    :id="`slide-desc-8262-${$id('slider-id')}`"
12439                >
12440                    Puzzle Minionki 1000 el. Galeria Minionków                </a>
12441            </div>
12442
12443            
12444                            
12444<script nonce="MTY5dTExNmdxNDZpcDJsM29oa2J6eWY1Mzl2cnZzN2U=">
12445    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_8262'] = {"item_id":"1199563","item_sku":"1199563","magento_sku":"1199563","magento_id":"8262","item_name":"Puzzle Minionki 1000 el. Galeria Minionk\u00f3w","item_list_id":"3","item_list_name":"Puzzle","price":22.99,"item_category":"Puzzle","item_category2":"Puzzle dla doros\u0142ych","item_category3":"Promocje Trefl","item_category4":"Puzzle 1000 element\u00f3w","item_category5":"Puzzle filmowe","index":17};
12446</script>
12446
12447            
12448            
12449            
12450            <div class="pt-1"
12451                 x-data="initPriceBox()"
12452                 x-defer="intersect"
12453                 @update-prices-8262.window="updatePrice($event.detail);"
12454            >
12455                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8262" data-price-box="product-id-8262">
12456    <span class="special-price">
12457        <span
12458    x-data x-id="['product\u002Dprice\u002D8262']"    class="price-container price-final_price&#x20;tax"
12459        >
12460            <span class="price-label">Cena promocyjna</span>
12461        <span  :id="$id('product\u002Dprice\u002D8262')"                data-price-amount="22.99"
12462        data-price-type="finalPrice"
12463        class="price-wrapper "
12464    ><span class="price">22,99 zł</span></span>
12465        </span>
12466    </span>
12467    <span class="old-price">
12468        <span
12469    x-data x-id="['old\u002Dprice\u002D8262']"    class="price-container price-final_price&#x20;tax"
12470        >
12471            <span class="price-label">Cena regularna</span>
12472        <span  :id="$id('old\u002Dprice\u002D8262')"                data-price-amount="33.99"
12473        data-price-type="oldPrice"
12474        class="price-wrapper "
12475    ><span class="price">33,99 zł</span></span>
12476        </span>
12477    </span>
12478
12479</div>            </div>
12480
12481                            <small class="text-xs text-gray-dark">
12482                    Najniższa cena z ostatnich 30 dni: 22,99 zł                </small>
12483            
12484            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
12485            ">
12486                                                                            <button
12487                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
12488                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Puzzle&#x20;Minionki&#x20;1000&#x20;el.&#x20;Galeria&#x20;Minionk&#xF3;w"
12489                            data-addto="cart"
12490                        >
12491                            <span class="hidden sm:inline">
12492                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
12493                            </span>
12494                            <span class="ml-2 whitespace-nowrap inline">
12495                                Do koszyka                            </span>
12496                        </button>
12497                    
12498                                <div class="flex flex-wrap gap-2">
12499                                            <button x-data="initWishlist()"
12500                                x-defer="intersect"
12501                                @click.prevent="addToWishlist(8262)"
12502                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;Minionki&#x20;1000&#x20;el.&#x20;Galeria&#x20;Minionk&#xF3;w"
12503                                type="button"
12504                                class="inline-flex shrink-0 hover:text-red transition-colors"
12505                                data-addto="wishlist"
12506                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;Minionki&#x20;1000&#x20;el.&#x20;Galeria&#x20;Minionk&#xF3;w"
12507                        >
12508                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1250814 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
12509                        </button>
12510                                                                                                                        </div>
12511            </div>
12512        </div>
12513        </form>
12514                    </li>
12515                                    <li>
12516                        
12517    <div class="item product product-item flex flex-col size-full ">
12518        
12519                        <a href="https://www.trefl.com/puzzle-1000-el-riga-10748"
12520           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
12521           tabindex="-1"
12522        >
12523            <img class="size-full object-contain product-image-photo"
12524     x-data=""
12525     @update-gallery-12713.window="$root.src = $event.detail"
12526        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/1/0/10748_150_01.png"
12527        loading="lazy"
12528        width="360"
12529    height="360"
12530    alt="Puzzle&#x20;1000&#x20;el.&#x20;Riga"
12531/>
12532
12533            <div class="absolute top-2 left-2">
12534                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
12535                  style="color: #ffffff;background-color: #a42157;">
12536                  -10% z kodem SP10            </span>
12537        
12538            </div>
12539        </a>
12540        
12541        <div class="product-info flex flex-col grow">
12542            <div class="mt-2 mb-1 text-sm">
12543                <a
12544                    class="product-item-link line-clamp-2"
12545                    href="https://www.trefl.com/puzzle-1000-el-riga-10748"
12546                    title="Puzzle 1000 el. Riga"
12547                    :id="`slide-desc-12713-${$id('slider-id')}`"
12548                >
12549                    Puzzle 1000 el. Riga                </a>
12550            </div>
12551
12552            
12553            
12554            
12555            
12556            <div class="pt-1"
12557                 x-data="initPriceBox()"
12558                 x-defer="intersect"
12559                 @update-prices-12713.window="updatePrice($event.detail);"
12560            >
12561                <div class="price-box price-final_price" data-role="priceBox" data-product-id="12713" data-price-box="product-id-12713">
12562    <span class="special-price">
12563        <span
12564    x-data x-id="['product\u002Dprice\u002D12713']"    class="price-container price-final_price&#x20;tax"
12565        >
12566            <span class="price-label">Cena promocyjna</span>
12567        <span  :id="$id('product\u002Dprice\u002D12713')"                data-price-amount="19.99"
12568        data-price-type="finalPrice"
12569        class="price-wrapper "
12570    ><span class="price">19,99 zł</span></span>
12571        </span>
12572    </span>
12573    <span class="old-price">
12574        <span
12575    x-data x-id="['old\u002Dprice\u002D12713']"    class="price-container price-final_price&#x20;tax"
12576        >
12577            <span class="price-label">Cena regularna</span>
12578        <span  :id="$id('old\u002Dprice\u002D12713')"                data-price-amount="31.49"
12579        data-price-type="oldPrice"
12580        class="price-wrapper "
12581    ><span class="price">31,49 zł</span></span>
12582        </span>
12583    </span>
12584
12585</div>            </div>
12586
12587                            <small class="text-xs text-gray-dark">
12588                    Najniższa cena z ostatnich 30 dni: 19,99 zł                </small>
12589            
12590            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
12591            ">
12592                                    <div class="w-auto justify-center text-xs mr-auto">
12593                        <div class="pr-3 py-2 flex items-center gap-x-3">
12594            <span class="text-xs uppercase text-red font-semibold">
12595            Brak w magazynie        </span>
12596    </div>
12597                    </div>
12598                                <div class="flex flex-wrap gap-2">
12599                                            <button x-data="initWishlist()"
12600                                x-defer="intersect"
12601                                @click.prevent="addToWishlist(12713)"
12602                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;1000&#x20;el.&#x20;Riga"
12603                                type="button"
12604                                class="inline-flex shrink-0 hover:text-red transition-colors"
12605                                data-addto="wishlist"
12606                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;1000&#x20;el.&#x20;Riga"
12607                        >
12608                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1260814 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
12609                        </button>
12610                                                                                                                        </div>
12611            </div>
12612        </div>
12613            </div>
12614                    </li>
12615                                    <li>
12616                        
12617<form method="post"
12618      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/7247/"
12619      class="item product product-item product_addtocart_form flex flex-col size-full "
12620    >
12621    <input name="form_key" type="hidden" value="3oqQPdzxZTycCppA" />    <input type="hidden" name="product" value="7247"/>
12622        
12623                        <a href="https://www.trefl.com/peace-of-mind-10695"
12624           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
12625           tabindex="-1"
12626        >
12627            <img class="size-full object-contain product-image-photo"
12628     x-data=""
12629     @update-gallery-7247.window="$root.src = $event.detail"
12630        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/1/0/10695_150_01.png"
12631        loading="lazy"
12632        width="360"
12633    height="360"
12634    alt="Peace&#x20;of&#x20;mind,&#x20;Puzzle&#x20;1000&#x20;element&#xF3;w&#x20;od&#x20;Trefl&#x20;Prime&#x20;-&#x20;zdj&#x0119;cie&#x20;1&#x20;"
12635/>
12636
12637            <div class="absolute top-2 left-2">
12638                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
12639                  style="color: #ffffff;background-color: #a42157;">
12640                  -10% z kodem SP10            </span>
12641        
12642            </div>
12643        </a>
12644        
12645        <div class="product-info flex flex-col grow">
12646            <div class="mt-2 mb-1 text-sm">
12647                <a
12648                    class="product-item-link line-clamp-2"
12649                    href="https://www.trefl.com/peace-of-mind-10695"
12650                    title="Puzzle Prime 1000 el. Peace of Mind"
12651                    :id="`slide-desc-7247-${$id('slider-id')}`"
12652                >
12653                    Puzzle Prime 1000 el. Peace of Mind                </a>
12654            </div>
12655
12656            
12657                            
12657<script nonce="NmJzY3Y2bHVqODA5MGFncDg0MTZiNDB0c3hwcTUzNXo=">
12658    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_7247'] = {"item_id":"1117039","item_sku":"1117039","magento_sku":"1117039","magento_id":"7247","item_name":"Puzzle Prime 1000 el. Peace of Mind","item_list_id":"3","item_list_name":"Puzzle","price":29.99,"item_category":"Puzzle 1000 element\u00f3w","item_category2":"Puzzle","item_category3":"Puzzle dla doros\u0142ych","item_category4":"Promocje Trefl","item_category5":"Puzzle Prime UFT","index":2};
12659</script>
12659
12660            
12661            
12662            
12663            <div class="pt-1"
12664                 x-data="initPriceBox()"
12665                 x-defer="intersect"
12666                 @update-prices-7247.window="updatePrice($event.detail);"
12667            >
12668                <div class="price-box price-final_price" data-role="priceBox" data-product-id="7247" data-price-box="product-id-7247">
12669    <span class="special-price">
12670        <span
12671    x-data x-id="['product\u002Dprice\u002D7247']"    class="price-container price-final_price&#x20;tax"
12672        >
12673            <span class="price-label">Cena promocyjna</span>
12674        <span  :id="$id('product\u002Dprice\u002D7247')"                data-price-amount="29.99"
12675        data-price-type="finalPrice"
12676        class="price-wrapper "
12677    ><span class="price">29,99 zł</span></span>
12678        </span>
12679    </span>
12680    <span class="old-price">
12681        <span
12682    x-data x-id="['old\u002Dprice\u002D7247']"    class="price-container price-final_price&#x20;tax"
12683        >
12684            <span class="price-label">Cena regularna</span>
12685        <span  :id="$id('old\u002Dprice\u002D7247')"                data-price-amount="35.99"
12686        data-price-type="oldPrice"
12687        class="price-wrapper "
12688    ><span class="price">35,99 zł</span></span>
12689        </span>
12690    </span>
12691
12692</div>            </div>
12693
12694                            <small class="text-xs text-gray-dark">
12695                    Najniższa cena z ostatnich 30 dni: 29,99 zł                </small>
12696            
12697            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
12698            ">
12699                                                                            <button
12700                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
12701                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Puzzle&#x20;Prime&#x20;1000&#x20;el.&#x20;Peace&#x20;of&#x20;Mind"
12702                            data-addto="cart"
12703                        >
12704                            <span class="hidden sm:inline">
12705                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
12706                            </span>
12707                            <span class="ml-2 whitespace-nowrap inline">
12708                                Do koszyka                            </span>
12709                        </button>
12710                    
12711                                <div class="flex flex-wrap gap-2">
12712                                            <button x-data="initWishlist()"
12713                                x-defer="intersect"
12714                                @click.prevent="addToWishlist(7247)"
12715                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;Prime&#x20;1000&#x20;el.&#x20;Peace&#x20;of&#x20;Mind"
12716                                type="button"
12717                                class="inline-flex shrink-0 hover:text-red transition-colors"
12718                                data-addto="wishlist"
12719                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;Prime&#x20;1000&#x20;el.&#x20;Peace&#x20;of&#x20;Mind"
12720                        >
12721                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1272114 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
12722                        </button>
12723                                                                                                                        </div>
12724            </div>
12725        </div>
12726        </form>
12727                    </li>
12728                                    <li>
12729                        
12730<form method="post"
12731      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/7254/"
12732      class="item product product-item product_addtocart_form flex flex-col size-full "
12733    >
12734    <input name="form_key" type="hidden" value="UKC9X8WYAFqrH6hZ" />    <input type="hidden" name="product" value="7254"/>
12735        
12736                        <a href="https://www.trefl.com/cubic-gradient-10700"
12737           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
12738           tabindex="-1"
12739        >
12740            <img class="size-full object-contain product-image-photo"
12741     x-data=""
12742     @update-gallery-7254.window="$root.src = $event.detail"
12743        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/1/0/10700_150_01_1_.png"
12744        loading="lazy"
12745        width="360"
12746    height="360"
12747    alt="Cubic&#x20;Gradient&#x20;&#x7C;&#x20;Puzzle&#x20;1000&#x20;element&#xF3;w&#x20;od&#x20;Trefl&#x20;Prime&#x20;-&#x20;zdj&#x0119;cie&#x20;1&#x20;"
12748/>
12749
12750            <div class="absolute top-2 left-2">
12751                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
12752                  style="color: #ffffff;background-color: #a42157;">
12753                  -10% z kodem SP10            </span>
12754        
12755            </div>
12756        </a>
12757        
12758        <div class="product-info flex flex-col grow">
12759            <div class="mt-2 mb-1 text-sm">
12760                <a
12761                    class="product-item-link line-clamp-2"
12762                    href="https://www.trefl.com/cubic-gradient-10700"
12763                    title="Puzzle Prime 1000 el. Cubic Gradient"
12764                    :id="`slide-desc-7254-${$id('slider-id')}`"
12765                >
12766                    Puzzle Prime 1000 el. Cubic Gradient                </a>
12767            </div>
12768
12769            
12770                            
12770<script nonce="ZWR6OGM1dXducnBqcDNkbGJ2dGY4c3NzandxbHBjdTY=">
12771    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_7254'] = {"item_id":"1117064","item_sku":"1117064","magento_sku":"1117064","magento_id":"7254","item_name":"Puzzle Prime 1000 el. Cubic Gradient","item_list_id":"3","item_list_name":"Puzzle","price":29.99,"item_category":"Promocje Trefl","item_category2":"Puzzle","item_category3":"Puzzle dla doros\u0142ych","item_category4":"Puzzle 1000 element\u00f3w","item_category5":"Puzzle Prime UFT","index":5};
12772</script>
12772
12773            
12774            
12775            
12776            <div class="pt-1"
12777                 x-data="initPriceBox()"
12778                 x-defer="intersect"
12779                 @update-prices-7254.window="updatePrice($event.detail);"
12780            >
12781                <div class="price-box price-final_price" data-role="priceBox" data-product-id="7254" data-price-box="product-id-7254">
12782    <span class="special-price">
12783        <span
12784    x-data x-id="['product\u002Dprice\u002D7254']"    class="price-container price-final_price&#x20;tax"
12785        >
12786            <span class="price-label">Cena promocyjna</span>
12787        <span  :id="$id('product\u002Dprice\u002D7254')"                data-price-amount="29.99"
12788        data-price-type="finalPrice"
12789        class="price-wrapper "
12790    ><span class="price">29,99 zł</span></span>
12791        </span>
12792    </span>
12793    <span class="old-price">
12794        <span
12795    x-data x-id="['old\u002Dprice\u002D7254']"    class="price-container price-final_price&#x20;tax"
12796        >
12797            <span class="price-label">Cena regularna</span>
12798        <span  :id="$id('old\u002Dprice\u002D7254')"                data-price-amount="35.99"
12799        data-price-type="oldPrice"
12800        class="price-wrapper "
12801    ><span class="price">35,99 zł</span></span>
12802        </span>
12803    </span>
12804
12805</div>            </div>
12806
12807                            <small class="text-xs text-gray-dark">
12808                    Najniższa cena z ostatnich 30 dni: 29,99 zł                </small>
12809            
12810            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
12811            ">
12812                                                                            <button
12813                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
12814                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Puzzle&#x20;Prime&#x20;1000&#x20;el.&#x20;Cubic&#x20;Gradient"
12815                            data-addto="cart"
12816                        >
12817                            <span class="hidden sm:inline">
12818                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
12819                            </span>
12820                            <span class="ml-2 whitespace-nowrap inline">
12821                                Do koszyka                            </span>
12822                        </button>
12823                    
12824                                <div class="flex flex-wrap gap-2">
12825                                            <button x-data="initWishlist()"
12826                                x-defer="intersect"
12827                                @click.prevent="addToWishlist(7254)"
12828                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;Prime&#x20;1000&#x20;el.&#x20;Cubic&#x20;Gradient"
12829                                type="button"
12830                                class="inline-flex shrink-0 hover:text-red transition-colors"
12831                                data-addto="wishlist"
12832                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;Prime&#x20;1000&#x20;el.&#x20;Cubic&#x20;Gradient"
12833                        >
12834                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1283414 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
12835                        </button>
12836                                                                                                                        </div>
12837            </div>
12838        </div>
12839        </form>
12840                    </li>
12841                                    <li>
12842                        
12843    <div class="item product product-item flex flex-col size-full ">
12844        
12845                        <a href="https://www.trefl.com/puzzle-super-shape-xxl-rodzina-treflikow-60-el-trefliki-w-stadninie-koni-50031"
12846           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
12847           tabindex="-1"
12848        >
12849            <img class="size-full object-contain product-image-photo"
12850     x-data=""
12851     @update-gallery-8244.window="$root.src = $event.detail"
12852        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/5/0/50031_150_01_1_1_.png"
12853        loading="lazy"
12854        width="360"
12855    height="360"
12856    alt="Puzzle&#x20;Super&#x20;Shape&#x20;XXL&#x20;Rodzina&#x20;Treflik&#xF3;w&#x20;60&#x20;el.&#x20;Trefliki&#x20;w&#x20;stadninie&#x20;koni&#x20;-&#x20;pude&#x0142;ko"
12857/>
12858
12859            <div class="absolute top-2 left-2">
12860                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
12861                  style="color: #ffffff;background-color: #a42157;">
12862                  -10% z kodem SP10            </span>
12863        
12864            </div>
12865        </a>
12866        
12867        <div class="product-info flex flex-col grow">
12868            <div class="mt-2 mb-1 text-sm">
12869                <a
12870                    class="product-item-link line-clamp-2"
12871                    href="https://www.trefl.com/puzzle-super-shape-xxl-rodzina-treflikow-60-el-trefliki-w-stadninie-koni-50031"
12872                    title="Puzzle Super Shape XXL Rodzina Treflików 60 el. Trefliki w stadninie koni"
12873                    :id="`slide-desc-8244-${$id('slider-id')}`"
12874                >
12875                    Puzzle Super Shape XXL Rodzina Treflików 60 el. Trefliki w stadninie koni                </a>
12876            </div>
12877
12878            
12879            
12880            
12881            
12882            <div class="pt-1"
12883                 x-data="initPriceBox()"
12884                 x-defer="intersect"
12885                 @update-prices-8244.window="updatePrice($event.detail);"
12886            >
12887                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8244" data-price-box="product-id-8244">
12888    <span class="special-price">
12889        <span
12890    x-data x-id="['product\u002Dprice\u002D8244']"    class="price-container price-final_price&#x20;tax"
12891        >
12892            <span class="price-label">Cena promocyjna</span>
12893        <span  :id="$id('product\u002Dprice\u002D8244')"                data-price-amount="22.19"
12894        data-price-type="finalPrice"
12895        class="price-wrapper "
12896    ><span class="price">22,19 zł</span></span>
12897        </span>
12898    </span>
12899    <span class="old-price">
12900        <span
12901    x-data x-id="['old\u002Dprice\u002D8244']"    class="price-container price-final_price&#x20;tax"
12902        >
12903            <span class="price-label">Cena regularna</span>
12904        <span  :id="$id('old\u002Dprice\u002D8244')"                data-price-amount="36.99"
12905        data-price-type="oldPrice"
12906        class="price-wrapper "
12907    ><span class="price">36,99 zł</span></span>
12908        </span>
12909    </span>
12910
12911</div>            </div>
12912
12913                            <small class="text-xs text-gray-dark">
12914                    Najniższa cena z ostatnich 30 dni: 22,19 zł                </small>
12915            
12916            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
12917            ">
12918                                    <div class="w-auto justify-center text-xs mr-auto">
12919                        <div class="pr-3 py-2 flex items-center gap-x-3">
12920            <span class="text-xs uppercase text-red font-semibold">
12921            Brak w magazynie        </span>
12922    </div>
12923                    </div>
12924                                <div class="flex flex-wrap gap-2">
12925                                            <button x-data="initWishlist()"
12926                                x-defer="intersect"
12927                                @click.prevent="addToWishlist(8244)"
12928                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;Super&#x20;Shape&#x20;XXL&#x20;Rodzina&#x20;Treflik&#xF3;w&#x20;60&#x20;el.&#x20;Trefliki&#x20;w&#x20;stadninie&#x20;koni"
12929                                type="button"
12930                                class="inline-flex shrink-0 hover:text-red transition-colors"
12931                                data-addto="wishlist"
12932                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;Super&#x20;Shape&#x20;XXL&#x20;Rodzina&#x20;Treflik&#xF3;w&#x20;60&#x20;el.&#x20;Trefliki&#x20;w&#x20;stadninie&#x20;koni"
12933                        >
12934                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.914 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
12935                        </button>
12936                                                                                                                        </div>
12937            </div>
12938        </div>
12939            </div>
12940                    </li>
12941                                    <li>
12942                        
12943<form method="post"
12944      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/11752/"
12945      class="item product product-item product_addtocart_form flex flex-col size-full "
12946    >
12947    <input name="form_key" type="hidden" value="SVA98RVaN8uFSExs" />    <input type="hidden" name="product" value="11752"/>
12948        
12949                        <a href="https://www.trefl.com/gra-anonino-dla-grupy-rodzina-treflikow-02427"
12950           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
12951           tabindex="-1"
12952        >
12953            <img class="size-full object-contain product-image-photo"
12954     x-data=""
12955     @update-gallery-11752.window="$root.src = $event.detail"
12956        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/a/n/anonimo1_1.png"
12957        loading="lazy"
12958        width="360"
12959    height="360"
12960    alt="Gra&#x20;Anonino&#x20;dla&#x20;grupy,&#x20;Rodzina&#x20;Treflik&#xF3;w"
12961/>
12962
12963            <div class="absolute top-2 left-2">
12964                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
12965                  style="color: #ffffff;background-color: #a42157;">
12966                  -10% z kodem SP10            </span>
12967        
12968            </div>
12969        </a>
12970        
12971        <div class="product-info flex flex-col grow">
12972            <div class="mt-2 mb-1 text-sm">
12973                <a
12974                    class="product-item-link line-clamp-2"
12975                    href="https://www.trefl.com/gra-anonino-dla-grupy-rodzina-treflikow-02427"
12976                    title="Gra Anonino dla grupy, Rodzina Treflików"
12977                    :id="`slide-desc-11752-${$id('slider-id')}`"
12978                >
12979                    Gra Anonino dla grupy, Rodzina Treflików                </a>
12980            </div>
12981
12982            
12983                            
12983<script nonce="b3h1b2o3dnE2M2VncTU3ZXlwa2k4aHIyaXJrczB6amU=">
12984    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_11752'] = {"item_id":"1178062","item_sku":"1178062","magento_sku":"1178062","magento_id":"11752","item_name":"Gra Anonino dla grupy, Rodzina Treflik\u00f3w","item_list_id":"4","item_list_name":"Gry","price":299,"item_category":"Gry","item_category2":"Gry edukacyjne dla dzieci","item_category3":"Produkty FSC\u00ae","item_category4":"Polecane gry dla dzieci","item_category5":"Gry dla dzieci","index":14};
12985</script>
12985
12986            
12987            
12988            
12989            <div class="pt-1"
12990                 x-data="initPriceBox()"
12991                 x-defer="intersect"
12992                 @update-prices-11752.window="updatePrice($event.detail);"
12993            >
12994                <div class="price-box price-final_price" data-role="priceBox" data-product-id="11752" data-price-box="product-id-11752">
12995    <span class="special-price">
12996        <span
12997    x-data x-id="['product\u002Dprice\u002D11752']"    class="price-container price-final_price&#x20;tax"
12998        >
12999            <span class="price-label">Cena promocyjna</span>
13000        <span  :id="$id('product\u002Dprice\u002D11752')"                data-price-amount="299"
13001        data-price-type="finalPrice"
13002        class="price-wrapper "
13003    ><span class="price">299,00 zł</span></span>
13004        </span>
13005    </span>
13006    <span class="old-price">
13007        <span
13008    x-data x-id="['old\u002Dprice\u002D11752']"    class="price-container price-final_price&#x20;tax"
13009        >
13010            <span class="price-label">Cena regularna</span>
13011        <span  :id="$id('old\u002Dprice\u002D11752')"                data-price-amount="350"
13012        data-price-type="oldPrice"
13013        class="price-wrapper "
13014    ><span class="price">350,00 zł</span></span>
13015        </span>
13016    </span>
13017
13018</div>            </div>
13019
13020                            <small class="text-xs text-gray-dark">
13021                    Najniższa cena z ostatnich 30 dni: 299,00 zł                </small>
13022            
13023            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
13024            ">
13025                                                                            <button
13026                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
13027                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Gra&#x20;Anonino&#x20;dla&#x20;grupy,&#x20;Rodzina&#x20;Treflik&#xF3;w"
13028                            data-addto="cart"
13029                        >
13030                            <span class="hidden sm:inline">
13031                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
13032                            </span>
13033                            <span class="ml-2 whitespace-nowrap inline">
13034                                Do koszyka                            </span>
13035                        </button>
13036                    
13037                                <div class="flex flex-wrap gap-2">
13038                                            <button x-data="initWishlist()"
13039                                x-defer="intersect"
13040                                @click.prevent="addToWishlist(11752)"
13041                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;Anonino&#x20;dla&#x20;grupy,&#x20;Rodzina&#x20;Treflik&#xF3;w"
13042                                type="button"
13043                                class="inline-flex shrink-0 hover:text-red transition-colors"
13044                                data-addto="wishlist"
13045                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;Anonino&#x20;dla&#x20;grupy,&#x20;Rodzina&#x20;Treflik&#xF3;w"
13046                        >
13047                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1304714 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
13048                        </button>
13049                                                                                                                        </div>
13050            </div>
13051        </div>
13052        </form>
13053                    </li>
13054                                    <li>
13055                        
13056<form method="post"
13057      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/11751/"
13058      class="item product product-item product_addtocart_form flex flex-col size-full "
13059    >
13060    <input name="form_key" type="hidden" value="SVA98RVaN8uFSExs" />    <input type="hidden" name="product" value="11751"/>
13061        
13062                        <a href="https://www.trefl.com/gra-logopedyczno-edukacyjna-dla-grupy-gimnastyka-buzi-i-jezyka-rodzina-treflikow-02465"
13063           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
13064           tabindex="-1"
13065        >
13066            <img class="size-full object-contain product-image-photo"
13067     x-data=""
13068     @update-gallery-11751.window="$root.src = $event.detail"
13069        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/g/i/gimanstyka1.png"
13070        loading="lazy"
13071        width="360"
13072    height="360"
13073    alt="Gimnastyka&#x20;buzi&#x20;i&#x20;j&#x0119;zyka&#x20;-&#x20;opakowanie"
13074/>
13075
13076            <div class="absolute top-2 left-2">
13077                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
13078                  style="color: #ffffff;background-color: #a42157;">
13079                  -10% z kodem SP10            </span>
13080        
13081            </div>
13082        </a>
13083        
13084        <div class="product-info flex flex-col grow">
13085            <div class="mt-2 mb-1 text-sm">
13086                <a
13087                    class="product-item-link line-clamp-2"
13088                    href="https://www.trefl.com/gra-logopedyczno-edukacyjna-dla-grupy-gimnastyka-buzi-i-jezyka-rodzina-treflikow-02465"
13089                    title="Gra logopedyczno-edukacyjna dla grupy Gimnastyka buzi i języka, Rodzina Treflików"
13090                    :id="`slide-desc-11751-${$id('slider-id')}`"
13091                >
13092                    Gra logopedyczno-edukacyjna dla grupy Gimnastyka buzi i języka, Rodzina Treflików                </a>
13093            </div>
13094
13095            
13096                            
13096<script nonce="b3h1b2o3dnE2M2VncTU3ZXlwa2k4aHIyaXJrczB6amU=">
13097    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_11751'] = {"item_id":"1194883","item_sku":"1194883","magento_sku":"1194883","magento_id":"11751","item_name":"Gra logopedyczno-edukacyjna dla grupy Gimnastyka buzi i j\u0119zyka, Rodzina Treflik\u00f3w","item_list_id":"26","item_list_name":"Promocje Trefl","price":299,"item_category":"Gry","item_category2":"Gry edukacyjne dla dzieci","item_category3":"Gry zr\u0119czno\u015bciowe","item_category4":"Polecane gry dla dzieci","item_category5":"Gry dla dzieci","index":15};
13098</script>
13098
13099            
13100            
13101            
13102            <div class="pt-1"
13103                 x-data="initPriceBox()"
13104                 x-defer="intersect"
13105                 @update-prices-11751.window="updatePrice($event.detail);"
13106            >
13107                <div class="price-box price-final_price" data-role="priceBox" data-product-id="11751" data-price-box="product-id-11751">
13108    <span class="special-price">
13109        <span
13110    x-data x-id="['product\u002Dprice\u002D11751']"    class="price-container price-final_price&#x20;tax"
13111        >
13112            <span class="price-label">Cena promocyjna</span>
13113        <span  :id="$id('product\u002Dprice\u002D11751')"                data-price-amount="299"
13114        data-price-type="finalPrice"
13115        class="price-wrapper "
13116    ><span class="price">299,00 zł</span></span>
13117        </span>
13118    </span>
13119    <span class="old-price">
13120        <span
13121    x-data x-id="['old\u002Dprice\u002D11751']"    class="price-container price-final_price&#x20;tax"
13122        >
13123            <span class="price-label">Cena regularna</span>
13124        <span  :id="$id('old\u002Dprice\u002D11751')"                data-price-amount="350"
13125        data-price-type="oldPrice"
13126        class="price-wrapper "
13127    ><span class="price">350,00 zł</span></span>
13128        </span>
13129    </span>
13130
13131</div>            </div>
13132
13133                            <small class="text-xs text-gray-dark">
13134                    Najniższa cena z ostatnich 30 dni: 299,00 zł                </small>
13135            
13136            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
13137            ">
13138                                                                            <button
13139                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
13140                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Gra&#x20;logopedyczno-edukacyjna&#x20;dla&#x20;grupy&#x20;Gimnastyka&#x20;buzi&#x20;i&#x20;j&#x0119;zyka,&#x20;Rodzina&#x20;Treflik&#xF3;w"
13141                            data-addto="cart"
13142                        >
13143                            <span class="hidden sm:inline">
13144                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
13145                            </span>
13146                            <span class="ml-2 whitespace-nowrap inline">
13147                                Do koszyka                            </span>
13148                        </button>
13149                    
13150                                <div class="flex flex-wrap gap-2">
13151                                            <button x-data="initWishlist()"
13152                                x-defer="intersect"
13153                                @click.prevent="addToWishlist(11751)"
13154                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;logopedyczno-edukacyjna&#x20;dla&#x20;grupy&#x20;Gimnastyka&#x20;buzi&#x20;i&#x20;j&#x0119;zyka,&#x20;Rodzina&#x20;Treflik&#xF3;w"
13155                                type="button"
13156                                class="inline-flex shrink-0 hover:text-red transition-colors"
13157                                data-addto="wishlist"
13158                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;logopedyczno-edukacyjna&#x20;dla&#x20;grupy&#x20;Gimnastyka&#x20;buzi&#x20;i&#x20;j&#x0119;zyka,&#x20;Rodzina&#x20;Treflik&#xF3;w"
13159                        >
13160                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1316014 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
13161                        </button>
13162                                                                                                                        </div>
13163            </div>
13164        </div>
13165        </form>
13166                    </li>
13167                                    <li>
13168                        
13169<form method="post"
13170      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/11750/"
13171      class="item product product-item product_addtocart_form flex flex-col size-full "
13172    >
13173    <input name="form_key" type="hidden" value="SVA98RVaN8uFSExs" />    <input type="hidden" name="product" value="11750"/>
13174        
13175                        <a href="https://www.trefl.com/gra-edukacyjna-ekonomiczno-matematyczna-dla-grupy-na-zakupy-rodzina-treflikow-02466"
13176           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
13177           tabindex="-1"
13178        >
13179            <img class="size-full object-contain product-image-photo"
13180     x-data=""
13181     @update-gallery-11750.window="$root.src = $event.detail"
13182        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/n/a/na_zakupu_opakowanie.png"
13183        loading="lazy"
13184        width="360"
13185    height="360"
13186    alt="Gra&#x20;edukacyjna&#x20;ekonomiczno-matematyczna&#x20;dla&#x20;grupy&#x20;Na&#x20;zakupy,&#x20;Rodzina&#x20;Treflik&#xF3;w&#x20;
13186-&#x20;opakowanie"
13187/>
13188
13189            <div class="absolute top-2 left-2">
13190                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
13191                  style="color: #ffffff;background-color: #a42157;">
13192                  -10% z kodem SP10            </span>
13193        
13194            </div>
13195        </a>
13196        
13197        <div class="product-info flex flex-col grow">
13198            <div class="mt-2 mb-1 text-sm">
13199                <a
13200                    class="product-item-link line-clamp-2"
13201                    href="https://www.trefl.com/gra-edukacyjna-ekonomiczno-matematyczna-dla-grupy-na-zakupy-rodzina-treflikow-02466"
13202                    title="Gra edukacyjna ekonomiczno-matematyczna dla grupy Na zakupy, Rodzina Treflików"
13203                    :id="`slide-desc-11750-${$id('slider-id')}`"
13204                >
13205                    Gra edukacyjna ekonomiczno-matematyczna dla grupy Na zakupy, Rodzina Treflików                </a>
13206            </div>
13207
13208            
13209                            
13209<script nonce="b3h1b2o3dnE2M2VncTU3ZXlwa2k4aHIyaXJrczB6amU=">
13210    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_11750'] = {"item_id":"1223479","item_sku":"1223479","magento_sku":"1223479","magento_id":"11750","item_name":"Gra edukacyjna ekonomiczno-matematyczna dla grupy Na zakupy, Rodzina Treflik\u00f3w","item_list_id":"4","item_list_name":"Gry","price":299,"item_category":"Gry","item_category2":"Gry edukacyjne dla dzieci","item_category3":"Polecane gry dla dzieci","item_category4":"Gry dla dzieci","item_category5":"Gry dla 3 latka","index":16};
13211</script>
13211
13212            
13213            
13214            
13215            <div class="pt-1"
13216                 x-data="initPriceBox()"
13217                 x-defer="intersect"
13218                 @update-prices-11750.window="updatePrice($event.detail);"
13219            >
13220                <div class="price-box price-final_price" data-role="priceBox" data-product-id="11750" data-price-box="product-id-11750">
13221    <span class="special-price">
13222        <span
13223    x-data x-id="['product\u002Dprice\u002D11750']"    class="price-container price-final_price&#x20;tax"
13224        >
13225            <span class="price-label">Cena promocyjna</span>
13226        <span  :id="$id('product\u002Dprice\u002D11750')"                data-price-amount="299"
13227        data-price-type="finalPrice"
13228        class="price-wrapper "
13229    ><span class="price">299,00 zł</span></span>
13230        </span>
13231    </span>
13232    <span class="old-price">
13233        <span
13234    x-data x-id="['old\u002Dprice\u002D11750']"    class="price-container price-final_price&#x20;tax"
13235        >
13236            <span class="price-label">Cena regularna</span>
13237        <span  :id="$id('old\u002Dprice\u002D11750')"                data-price-amount="350"
13238        data-price-type="oldPrice"
13239        class="price-wrapper "
13240    ><span class="price">350,00 zł</span></span>
13241        </span>
13242    </span>
13243
13244</div>            </div>
13245
13246                            <small class="text-xs text-gray-dark">
13247                    Najniższa cena z ostatnich 30 dni: 299,00 zł                </small>
13248            
13249            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
13250            ">
13251                                                                            <button
13252                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
13253                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Gra&#x20;edukacyjna&#x20;ekonomiczno-matematyczna&#x20;dla&#x20;grupy&#x20;Na&#x20;zakupy,&#x20;Rodzina&#x20;Treflik&#xF3;w"
13254                            data-addto="cart"
13255                        >
13256                            <span class="hidden sm:inline">
13257                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
13258                            </span>
13259                            <span class="ml-2 whitespace-nowrap inline">
13260                                Do koszyka                            </span>
13261                        </button>
13262                    
13263                                <div class="flex flex-wrap gap-2">
13264                                            <button x-data="initWishlist()"
13265                                x-defer="intersect"
13266                                @click.prevent="addToWishlist(11750)"
13267                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;edukacyjna&#x20;ekonomiczno-matematyczna&#x20;dla&#x20;grupy&#x20;Na&#x20;zakupy,&#x20;Rodzina&#x20;Treflik&#xF3;w"
13268                                type="button"
13269                                class="inline-flex shrink-0 hover:text-red transition-colors"
13270                                data-addto="wishlist"
13271                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;edukacyjna&#x20;ekonomiczno-matematyczna&#x20;dla&#x20;grupy&#x20;Na&#x20;zakupy,&#x20;Rodzina&#x20;Treflik&#xF3;w"
13272                        >
13273                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1327314 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
13274                        </button>
13275                                                                                                                        </div>
13276            </div>
13277        </div>
13278        </form>
13279                    </li>
13280                                    <li>
13281                        
13282<form method="post"
13283      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/11749/"
13284      class="item product product-item product_addtocart_form flex flex-col size-full "
13285    >
13286    <input name="form_key" type="hidden" value="SVA98RVaN8uFSExs" />    <input type="hidden" name="product" value="11749"/>
13287        
13288                        <a href="https://www.trefl.com/gra-spoleczno-edukacyjna-dla-grupy-tus-owe-rozgrywki-rodzina-treflikow-02467"
13289           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
13290           tabindex="-1"
13291        >
13292            <img class="size-full object-contain product-image-photo"
13293     x-data=""
13294     @update-gallery-11749.window="$root.src = $event.detail"
13295        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/t/u/tus1_1.png"
13296        loading="lazy"
13297        width="360"
13298    height="360"
13299    alt="Gra&#x20;spo&#x0142;eczno-edukacyjna&#x20;dla&#x20;grup&#x20;TUS-owe&#x20;rozgrywki,&#x20;Rodzina&#x20;Treflik&#xF3;w&#x20;
13299-&#x20;opakowanie"
13300/>
13301
13302            <div class="absolute top-2 left-2">
13303                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
13304                  style="color: #ffffff;background-color: #a42157;">
13305                  -10% z kodem SP10            </span>
13306        
13307            </div>
13308        </a>
13309        
13310        <div class="product-info flex flex-col grow">
13311            <div class="mt-2 mb-1 text-sm">
13312                <a
13313                    class="product-item-link line-clamp-2"
13314                    href="https://www.trefl.com/gra-spoleczno-edukacyjna-dla-grupy-tus-owe-rozgrywki-rodzina-treflikow-02467"
13315                    title="Gra społeczno-edukacyjna dla grupy TUS-owe rozgrywki, Rodzina Treflików"
13316                    :id="`slide-desc-11749-${$id('slider-id')}`"
13317                >
13318                    Gra społeczno-edukacyjna dla grupy TUS-owe rozgrywki, Rodzina Treflików                </a>
13319            </div>
13320
13321            
13322                            
13322<script nonce="b3h1b2o3dnE2M2VncTU3ZXlwa2k4aHIyaXJrczB6amU=">
13323    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_11749'] = {"item_id":"1194875","item_sku":"1194875","magento_sku":"1194875","magento_id":"11749","item_name":"Gra spo\u0142eczno-edukacyjna dla grupy TUS-owe rozgrywki, Rodzina Treflik\u00f3w","item_list_id":"26","item_list_name":"Promocje Trefl","price":299,"item_category":"Gry","item_category2":"Gry edukacyjne dla dzieci","item_category3":"Gry zr\u0119czno\u015bciowe","item_category4":"Polecane gry dla dzieci","item_category5":"Gry dla dzieci","index":17};
13324</script>
13324
13325            
13326            
13327            
13328            <div class="pt-1"
13329                 x-data="initPriceBox()"
13330                 x-defer="intersect"
13331                 @update-prices-11749.window="updatePrice($event.detail);"
13332            >
13333                <div class="price-box price-final_price" data-role="priceBox" data-product-id="11749" data-price-box="product-id-11749">
13334    <span class="special-price">
13335        <span
13336    x-data x-id="['product\u002Dprice\u002D11749']"    class="price-container price-final_price&#x20;tax"
13337        >
13338            <span class="price-label">Cena promocyjna</span>
13339        <span  :id="$id('product\u002Dprice\u002D11749')"                data-price-amount="299"
13340        data-price-type="finalPrice"
13341        class="price-wrapper "
13342    ><span class="price">299,00 zł</span></span>
13343        </span>
13344    </span>
13345    <span class="old-price">
13346        <span
13347    x-data x-id="['old\u002Dprice\u002D11749']"    class="price-container price-final_price&#x20;tax"
13348        >
13349            <span class="price-label">Cena regularna</span>
13350        <span  :id="$id('old\u002Dprice\u002D11749')"                data-price-amount="350"
13351        data-price-type="oldPrice"
13352        class="price-wrapper "
13353    ><span class="price">350,00 zł</span></span>
13354        </span>
13355    </span>
13356
13357</div>            </div>
13358
13359                            <small class="text-xs text-gray-dark">
13360                    Najniższa cena z ostatnich 30 dni: 299,00 zł                </small>
13361            
13362            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
13363            ">
13364                                                                            <button
13365                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
13366                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Gra&#x20;spo&#x0142;eczno-edukacyjna&#x20;dla&#x20;grupy&#x20;TUS-owe&#x20;rozgrywki,&#x20;Rodzina&#x20;Treflik&#xF3;w"
13367                            data-addto="cart"
13368                        >
13369                            <span class="hidden sm:inline">
13370                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
13371                            </span>
13372                            <span class="ml-2 whitespace-nowrap inline">
13373                                Do koszyka                            </span>
13374                        </button>
13375                    
13376                                <div class="flex flex-wrap gap-2">
13377                                            <button x-data="initWishlist()"
13378                                x-defer="intersect"
13379                                @click.prevent="addToWishlist(11749)"
13380                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;spo&#x0142;eczno-edukacyjna&#x20;dla&#x20;grupy&#x20;TUS-owe&#x20;rozgrywki,&#x20;Rodzina&#x20;Treflik&#xF3;w"
13381                                type="button"
13382                                class="inline-flex shrink-0 hover:text-red transition-colors"
13383                                data-addto="wishlist"
13384                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;spo&#x0142;eczno-edukacyjna&#x20;dla&#x20;grupy&#x20;TUS-owe&#x20;rozgrywki,&#x20;Rodzina&#x20;Treflik&#xF3;w"
13385                        >
13386                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1338614 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
13387                        </button>
13388                                                                                                                        </div>
13389            </div>
13390        </div>
13391        </form>
13392                    </li>
13393                                    <li>
13394                        
13395<form method="post"
13396      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/11743/"
13397      class="item product product-item product_addtocart_form flex flex-col size-full "
13398    >
13399    <input name="form_key" type="hidden" value="SVA98RVaN8uFSExs" />    <input type="hidden" name="product" value="11743"/>
13400        
13401                        <a href="https://www.trefl.com/gra-spy-guy-dla-grupy-rodzina-treflikow-02440"
13402           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
13403           tabindex="-1"
13404        >
13405            <img class="size-full object-contain product-image-photo"
13406     x-data=""
13407     @update-gallery-11743.window="$root.src = $event.detail"
13408        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/s/g/sg1.png"
13409        loading="lazy"
13410        width="360"
13411    height="360"
13412    alt="Spy&#x20;Guy&#x20;dla&#x20;grupy&#x20;-&#x20;opakowanie"
13413/>
13414
13415            <div class="absolute top-2 left-2">
13416                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
13417                  style="color: #ffffff;background-color: #a42157;">
13418                  -10% z kodem SP10            </span>
13419        
13420            </div>
13421        </a>
13422        
13423        <div class="product-info flex flex-col grow">
13424            <div class="mt-2 mb-1 text-sm">
13425                <a
13426                    class="product-item-link line-clamp-2"
13427                    href="https://www.trefl.com/gra-spy-guy-dla-grupy-rodzina-treflikow-02440"
13428                    title="Gra Spy Guy dla grupy, Rodzina Treflików"
13429                    :id="`slide-desc-11743-${$id('slider-id')}`"
13430                >
13431                    Gra Spy Guy dla grupy, Rodzina Treflików                </a>
13432            </div>
13433
13434            
13435                            
13435<script nonce="b3h1b2o3dnE2M2VncTU3ZXlwa2k4aHIyaXJrczB6amU=">
13436    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_11743'] = {"item_id":"1194763","item_sku":"1194763","magento_sku":"1194763","magento_id":"11743","item_name":"Gra Spy Guy dla grupy, Rodzina Treflik\u00f3w","item_list_id":"26","item_list_name":"Promocje Trefl","price":299.99,"item_category":"Gry","item_category2":"Gry edukacyjne dla dzieci","item_category3":"Gry zr\u0119czno\u015bciowe","item_category4":"Produkty FSC\u00ae","item_category5":"Polecane gry dla dzieci","index":21};
13437</script>
13437
13438            
13439            
13440            
13441            <div class="pt-1"
13442                 x-data="initPriceBox()"
13443                 x-defer="intersect"
13444                 @update-prices-11743.window="updatePrice($event.detail);"
13445            >
13446                <div class="price-box price-final_price" data-role="priceBox" data-product-id="11743" data-price-box="product-id-11743">
13447    <span class="special-price">
13448        <span
13449    x-data x-id="['product\u002Dprice\u002D11743']"    class="price-container price-final_price&#x20;tax"
13450        >
13451            <span class="price-label">Cena promocyjna</span>
13452        <span  :id="$id('product\u002Dprice\u002D11743')"                data-price-amount="299.99"
13453        data-price-type="finalPrice"
13454        class="price-wrapper "
13455    ><span class="price">299,99 zł</span></span>
13456        </span>
13457    </span>
13458    <span class="old-price">
13459        <span
13460    x-data x-id="['old\u002Dprice\u002D11743']"    class="price-container price-final_price&#x20;tax"
13461        >
13462            <span class="price-label">Cena regularna</span>
13463        <span  :id="$id('old\u002Dprice\u002D11743')"                data-price-amount="350"
13464        data-price-type="oldPrice"
13465        class="price-wrapper "
13466    ><span class="price">350,00 zł</span></span>
13467        </span>
13468    </span>
13469
13470</div>            </div>
13471
13472                            <small class="text-xs text-gray-dark">
13473                    Najniższa cena z ostatnich 30 dni: 299,99 zł                </small>
13474            
13475            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
13476            ">
13477                                                                            <button
13478                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
13479                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Gra&#x20;Spy&#x20;Guy&#x20;dla&#x20;grupy,&#x20;Rodzina&#x20;Treflik&#xF3;w"
13480                            data-addto="cart"
13481                        >
13482                            <span class="hidden sm:inline">
13483                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
13484                            </span>
13485                            <span class="ml-2 whitespace-nowrap inline">
13486                                Do koszyka                            </span>
13487                        </button>
13488                    
13489                                <div class="flex flex-wrap gap-2">
13490                                            <button x-data="initWishlist()"
13491                                x-defer="intersect"
13492                                @click.prevent="addToWishlist(11743)"
13493                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;Spy&#x20;Guy&#x20;dla&#x20;grupy,&#x20;Rodzina&#x20;Treflik&#xF3;w"
13494                                type="button"
13495                                class="inline-flex shrink-0 hover:text-red transition-colors"
13496                                data-addto="wishlist"
13497                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;Spy&#x20;Guy&#x20;dla&#x20;grupy,&#x20;Rodzina&#x20;Treflik&#xF3;w"
13498                        >
13499                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1349914 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
13500                        </button>
13501                                                                                                                        </div>
13502            </div>
13503        </div>
13504        </form>
13505                    </li>
13506                                    <li>
13507                        
13508<form method="post"
13509      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/11747/"
13510      class="item product product-item product_addtocart_form flex flex-col size-full "
13511    >
13512    <input name="form_key" type="hidden" value="SVA98RVaN8uFSExs" />    <input type="hidden" name="product" value="11747"/>
13513        
13514                        <a href="https://www.trefl.com/gra-edukacyjna-dla-grupy-ekomisja-rodzina-treflikow-02468"
13515           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
13516           tabindex="-1"
13517        >
13518            <img class="size-full object-contain product-image-photo"
13519     x-data=""
13520     @update-gallery-11747.window="$root.src = $event.detail"
13521        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/e/k/ekomisja1.png"
13522        loading="lazy"
13523        width="360"
13524    height="360"
13525    alt="Ekomisja&#x20;-&#x20;opakowanie"
13526/>
13527
13528            <div class="absolute top-2 left-2">
13529                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
13530                  style="color: #ffffff;background-color: #a42157;">
13531                  -10% z kodem SP10            </span>
13532        
13533            </div>
13534        </a>
13535        
13536        <div class="product-info flex flex-col grow">
13537            <div class="mt-2 mb-1 text-sm">
13538                <a
13539                    class="product-item-link line-clamp-2"
13540                    href="https://www.trefl.com/gra-edukacyjna-dla-grupy-ekomisja-rodzina-treflikow-02468"
13541                    title="Gra edukacyjna dla grupy EkoMisja, Rodzina Treflików"
13542                    :id="`slide-desc-11747-${$id('slider-id')}`"
13543                >
13544                    Gra edukacyjna dla grupy EkoMisja, Rodzina Treflików                </a>
13545            </div>
13546
13547            
13548                            
13548<script nonce="b3h1b2o3dnE2M2VncTU3ZXlwa2k4aHIyaXJrczB6amU=">
13549    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_11747'] = {"item_id":"1236368","item_sku":"1236368","magento_sku":"1236368","magento_id":"11747","item_name":"Gra edukacyjna dla grupy EkoMisja, Rodzina Treflik\u00f3w","item_list_id":"4","item_list_name":"Gry","price":299,"item_category":"Gry","item_category2":"Gry edukacyjne dla dzieci","item_category3":"Produkty FSC\u00ae","item_category4":"Gry dla dzieci","item_category5":"Gry dla 3 latka","index":18};
13550</script>
13550
13551            
13552            
13553            
13554            <div class="pt-1"
13555                 x-data="initPriceBox()"
13556                 x-defer="intersect"
13557                 @update-prices-11747.window="updatePrice($event.detail);"
13558            >
13559                <div class="price-box price-final_price" data-role="priceBox" data-product-id="11747" data-price-box="product-id-11747">
13560    <span class="special-price">
13561        <span
13562    x-data x-id="['product\u002Dprice\u002D11747']"    class="price-container price-final_price&#x20;tax"
13563        >
13564            <span class="price-label">Cena promocyjna</span>
13565        <span  :id="$id('product\u002Dprice\u002D11747')"                data-price-amount="299"
13566        data-price-type="finalPrice"
13567        class="price-wrapper "
13568    ><span class="price">299,00 zł</span></span>
13569        </span>
13570    </span>
13571    <span class="old-price">
13572        <span
13573    x-data x-id="['old\u002Dprice\u002D11747']"    class="price-container price-final_price&#x20;tax"
13574        >
13575            <span class="price-label">Cena regularna</span>
13576        <span  :id="$id('old\u002Dprice\u002D11747')"                data-price-amount="350"
13577        data-price-type="oldPrice"
13578        class="price-wrapper "
13579    ><span class="price">350,00 zł</span></span>
13580        </span>
13581    </span>
13582
13583</div>            </div>
13584
13585                            <small class="text-xs text-gray-dark">
13586                    Najniższa cena z ostatnich 30 dni: 299,00 zł                </small>
13587            
13588            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
13589            ">
13590                                                                            <button
13591                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
13592                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Gra&#x20;edukacyjna&#x20;dla&#x20;grupy&#x20;EkoMisja,&#x20;Rodzina&#x20;Treflik&#xF3;w"
13593                            data-addto="cart"
13594                        >
13595                            <span class="hidden sm:inline">
13596                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
13597                            </span>
13598                            <span class="ml-2 whitespace-nowrap inline">
13599                                Do koszyka                            </span>
13600                        </button>
13601                    
13602                                <div class="flex flex-wrap gap-2">
13603                                            <button x-data="initWishlist()"
13604                                x-defer="intersect"
13605                                @click.prevent="addToWishlist(11747)"
13606                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;edukacyjna&#x20;dla&#x20;grupy&#x20;EkoMisja,&#x20;Rodzina&#x20;Treflik&#xF3;w"
13607                                type="button"
13608                                class="inline-flex shrink-0 hover:text-red transition-colors"
13609                                data-addto="wishlist"
13610                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;edukacyjna&#x20;dla&#x20;grupy&#x20;EkoMisja,&#x20;Rodzina&#x20;Treflik&#xF3;w"
13611                        >
13612                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1361214 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
13613                        </button>
13614                                                                                                                        </div>
13615            </div>
13616        </div>
13617        </form>
13618                    </li>
13619                                    <li>
13620                        
13621<form method="post"
13622      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/11748/"
13623      class="item product product-item product_addtocart_form flex flex-col size-full "
13624    >
13625    <input name="form_key" type="hidden" value="x4NPRY83xAnGtKxP" />    <input type="hidden" name="product" value="11748"/>
13626        
13627                        <a href="https://www.trefl.com/puzzle-edukacyjne-dla-grupy-witaminowe-cyferki-rodzina-treflikow-93329"
13628           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
13629           tabindex="-1"
13630        >
13631            <img class="size-full object-contain product-image-photo"
13632     x-data=""
13633     @update-gallery-11748.window="$root.src = $event.detail"
13634        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/c/y/cyferki1.png"
13635        loading="lazy"
13636        width="360"
13637    height="360"
13638    alt="Witaminowe&#x20;cyferki&#x20;-&#x20;opakowanie"
13639/>
13640
13641            <div class="absolute top-2 left-2">
13642                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
13643                  style="color: #ffffff;background-color: #a42157;">
13644                  -10% z kodem SP10            </span>
13645        
13646            </div>
13647        </a>
13648        
13649        <div class="product-info flex flex-col grow">
13650            <div class="mt-2 mb-1 text-sm">
13651                <a
13652                    class="product-item-link line-clamp-2"
13653                    href="https://www.trefl.com/puzzle-edukacyjne-dla-grupy-witaminowe-cyferki-rodzina-treflikow-93329"
13654                    title="Puzzle edukacyjne dla grupy Witaminowe cyferki, Rodzina Treflików"
13655                    :id="`slide-desc-11748-${$id('slider-id')}`"
13656                >
13657                    Puzzle edukacyjne dla grupy Witaminowe cyferki, Rodzina Treflików                </a>
13658            </div>
13659
13660            
13661                            
13661<script nonce="M2d5cWYwY2hsM3QyOTIwaDhsM3F3cTg4bHgxcnRpM2s=">
13662    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_11748'] = {"item_id":"1183983","item_sku":"1183983","magento_sku":"1183983","magento_id":"11748","item_name":"Puzzle edukacyjne dla grupy Witaminowe cyferki, Rodzina Treflik\u00f3w","item_list_id":"26","item_list_name":"Promocje Trefl","price":299,"item_category":"Puzzle","item_category2":"Promocje Trefl","item_category3":"Gry","item_category4":"Puzzle dla dzieci","item_category5":"Gry edukacyjne dla dzieci","index":4};
13663</script>
13663
13664            
13665            
13666            
13667            <div class="pt-1"
13668                 x-data="initPriceBox()"
13669                 x-defer="intersect"
13670                 @update-prices-11748.window="updatePrice($event.detail);"
13671            >
13672                <div class="price-box price-final_price" data-role="priceBox" data-product-id="11748" data-price-box="product-id-11748">
13673    <span class="special-price">
13674        <span
13675    x-data x-id="['product\u002Dprice\u002D11748']"    class="price-container price-final_price&#x20;tax"
13676        >
13677            <span class="price-label">Cena promocyjna</span>
13678        <span  :id="$id('product\u002Dprice\u002D11748')"                data-price-amount="299"
13679        data-price-type="finalPrice"
13680        class="price-wrapper "
13681    ><span class="price">299,00 zł</span></span>
13682        </span>
13683    </span>
13684    <span class="old-price">
13685        <span
13686    x-data x-id="['old\u002Dprice\u002D11748']"    class="price-container price-final_price&#x20;tax"
13687        >
13688            <span class="price-label">Cena regularna</span>
13689        <span  :id="$id('old\u002Dprice\u002D11748')"                data-price-amount="350"
13690        data-price-type="oldPrice"
13691        class="price-wrapper "
13692    ><span class="price">350,00 zł</span></span>
13693        </span>
13694    </span>
13695
13696</div>            </div>
13697
13698                            <small class="text-xs text-gray-dark">
13699                    Najniższa cena z ostatnich 30 dni: 299,00 zł                </small>
13700            
13701            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
13702            ">
13703                                                                            <button
13704                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
13705                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Puzzle&#x20;edukacyjne&#x20;dla&#x20;grupy&#x20;Witaminowe&#x20;cyferki,&#x20;Rodzina&#x20;Treflik&#xF3;w"
13706                            data-addto="cart"
13707                        >
13708                            <span class="hidden sm:inline">
13709                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
13710                            </span>
13711                            <span class="ml-2 whitespace-nowrap inline">
13712                                Do koszyka                            </span>
13713                        </button>
13714                    
13715                                <div class="flex flex-wrap gap-2">
13716                                            <button x-data="initWishlist()"
13717                                x-defer="intersect"
13718                                @click.prevent="addToWishlist(11748)"
13719                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;edukacyjne&#x20;dla&#x20;grupy&#x20;Witaminowe&#x20;cyferki,&#x20;Rodzina&#x20;Treflik&#xF3;w"
13720                                type="button"
13721                                class="inline-flex shrink-0 hover:text-red transition-colors"
13722                                data-addto="wishlist"
13723                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;edukacyjne&#x20;dla&#x20;grupy&#x20;Witaminowe&#x20;cyferki,&#x20;Rodzina&#x20;Treflik&#xF3;w"
13724                        >
13725                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1372514 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
13726                        </button>
13727                                                                                                                        </div>
13728            </div>
13729        </div>
13730        </form>
13731                    </li>
13732                                    <li>
13733                        
13734<form method="post"
13735      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/11745/"
13736      class="item product product-item product_addtocart_form flex flex-col size-full "
13737    >
13738    <input name="form_key" type="hidden" value="SVA98RVaN8uFSExs" />    <input type="hidden" name="product" value="11745"/>
13739        
13740                        <a href="https://www.trefl.com/gra-edukacyjna-dla-grup-jestem-bezpieczny-rodzina-treflikow-02441"
13741           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
13742           tabindex="-1"
13743        >
13744            <img class="size-full object-contain product-image-photo"
13745     x-data=""
13746     @update-gallery-11745.window="$root.src = $event.detail"
13747        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/j/e/jestembez1.png"
13748        loading="lazy"
13749        width="360"
13750    height="360"
13751    alt="Jestem&#x20;bezpieczny&#x20;-&#x20;opakowanie"
13752/>
13753
13754            <div class="absolute top-2 left-2">
13755                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
13756                  style="color: #ffffff;background-color: #a42157;">
13757                  -10% z kodem SP10            </span>
13758        
13759            </div>
13760        </a>
13761        
13762        <div class="product-info flex flex-col grow">
13763            <div class="mt-2 mb-1 text-sm">
13764                <a
13765                    class="product-item-link line-clamp-2"
13766                    href="https://www.trefl.com/gra-edukacyjna-dla-grup-jestem-bezpieczny-rodzina-treflikow-02441"
13767                    title="Gra edukacyjna dla grup Jestem Bezpieczny, Rodzina Treflików"
13768                    :id="`slide-desc-11745-${$id('slider-id')}`"
13769                >
13770                    Gra edukacyjna dla grup Jestem Bezpieczny, Rodzina Treflików                </a>
13771            </div>
13772
13773            
13774                            
13774<script nonce="b3h1b2o3dnE2M2VncTU3ZXlwa2k4aHIyaXJrczB6amU=">
13775    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_11745'] = {"item_id":"1194871","item_sku":"1194871","magento_sku":"1194871","magento_id":"11745","item_name":"Gra edukacyjna dla grup Jestem Bezpieczny, Rodzina Treflik\u00f3w","item_list_id":"26","item_list_name":"Promocje Trefl","price":299,"item_category":"Gry","item_category2":"Gry edukacyjne dla dzieci","item_category3":"Polecane gry dla dzieci","item_category4":"Gry dla dzieci","item_category5":"Gry dla 3 latka","index":19};
13776</script>
13776
13777            
13778            
13779            
13780            <div class="pt-1"
13781                 x-data="initPriceBox()"
13782                 x-defer="intersect"
13783                 @update-prices-11745.window="updatePrice($event.detail);"
13784            >
13785                <div class="price-box price-final_price" data-role="priceBox" data-product-id="11745" data-price-box="product-id-11745">
13786    <span class="special-price">
13787        <span
13788    x-data x-id="['product\u002Dprice\u002D11745']"    class="price-container price-final_price&#x20;tax"
13789        >
13790            <span class="price-label">Cena promocyjna</span>
13791        <span  :id="$id('product\u002Dprice\u002D11745')"                data-price-amount="299"
13792        data-price-type="finalPrice"
13793        class="price-wrapper "
13794    ><span class="price">299,00 zł</span></span>
13795        </span>
13796    </span>
13797    <span class="old-price">
13798        <span
13799    x-data x-id="['old\u002Dprice\u002D11745']"    class="price-container price-final_price&#x20;tax"
13800        >
13801            <span class="price-label">Cena regularna</span>
13802        <span  :id="$id('old\u002Dprice\u002D11745')"                data-price-amount="350"
13803        data-price-type="oldPrice"
13804        class="price-wrapper "
13805    ><span class="price">350,00 zł</span></span>
13806        </span>
13807    </span>
13808
13809</div>            </div>
13810
13811                            <small class="text-xs text-gray-dark">
13812                    Najniższa cena z ostatnich 30 dni: 299,00 zł                </small>
13813            
13814            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
13815            ">
13816                                                                            <button
13817                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
13818                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Gra&#x20;edukacyjna&#x20;dla&#x20;grup&#x20;Jestem&#x20;Bezpieczny,&#x20;Rodzina&#x20;Treflik&#xF3;w"
13819                            data-addto="cart"
13820                        >
13821                            <span class="hidden sm:inline">
13822                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
13823                            </span>
13824                            <span class="ml-2 whitespace-nowrap inline">
13825                                Do koszyka                            </span>
13826                        </button>
13827                    
13828                                <div class="flex flex-wrap gap-2">
13829                                            <button x-data="initWishlist()"
13830                                x-defer="intersect"
13831                                @click.prevent="addToWishlist(11745)"
13832                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;edukacyjna&#x20;dla&#x20;grup&#x20;Jestem&#x20;Bezpieczny,&#x20;Rodzina&#x20;Treflik&#xF3;w"
13833                                type="button"
13834                                class="inline-flex shrink-0 hover:text-red transition-colors"
13835                                data-addto="wishlist"
13836                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;edukacyjna&#x20;dla&#x20;grup&#x20;Jestem&#x20;Bezpieczny,&#x20;Rodzina&#x20;Treflik&#xF3;w"
13837                        >
13838                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1383814 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
13839                        </button>
13840                                                                                                                        </div>
13841            </div>
13842        </div>
13843        </form>
13844                    </li>
13845                                    <li>
13846                        
13847<form method="post"
13848      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/11741/"
13849      class="item product product-item product_addtocart_form flex flex-col size-full "
13850    >
13851    <input name="form_key" type="hidden" value="SVA98RVaN8uFSExs" />    <input type="hidden" name="product" value="11741"/>
13852        
13853                        <a href="https://www.trefl.com/gra-planszowa-dla-grupy-grzybobranie-rodzina-treflikow-02469"
13854           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
13855           tabindex="-1"
13856        >
13857            <img class="size-full object-contain product-image-photo"
13858     x-data=""
13859     @update-gallery-11741.window="$root.src = $event.detail"
13860        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/g/r/grzebob1.png"
13861        loading="lazy"
13862        width="360"
13863    height="360"
13864    alt="Grzybobranie&#x20;dla&#x20;grup&#x20;-&#x20;opakowanie"
13865/>
13866
13867            <div class="absolute top-2 left-2">
13868                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
13869                  style="color: #ffffff;background-color: #a42157;">
13870                  -10% z kodem SP10            </span>
13871        
13872            </div>
13873        </a>
13874        
13875        <div class="product-info flex flex-col grow">
13876            <div class="mt-2 mb-1 text-sm">
13877                <a
13878                    class="product-item-link line-clamp-2"
13879                    href="https://www.trefl.com/gra-planszowa-dla-grupy-grzybobranie-rodzina-treflikow-02469"
13880                    title="Gra planszowa dla grupy Grzybobranie, Rodzina Treflików"
13881                    :id="`slide-desc-11741-${$id('slider-id')}`"
13882                >
13883                    Gra planszowa dla grupy Grzybobranie, Rodzina Treflików                </a>
13884            </div>
13885
13886            
13887                            
13887<script nonce="b3h1b2o3dnE2M2VncTU3ZXlwa2k4aHIyaXJrczB6amU=">
13888    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_11741'] = {"item_id":"1230696","item_sku":"1230696","magento_sku":"1230696","magento_id":"11741","item_name":"Gra planszowa dla grupy Grzybobranie, Rodzina Treflik\u00f3w","item_list_id":"4","item_list_name":"Gry","price":299,"item_category":"Gry","item_category2":"Gry edukacyjne dla dzieci","item_category3":"Produkty FSC\u00ae","item_category4":"Polecane gry dla dzieci","item_category5":"Gry dla dzieci","index":22};
13889</script>
13889
13890            
13891            
13892            
13893            <div class="pt-1"
13894                 x-data="initPriceBox()"
13895                 x-defer="intersect"
13896                 @update-prices-11741.window="updatePrice($event.detail);"
13897            >
13898                <div class="price-box price-final_price" data-role="priceBox" data-product-id="11741" data-price-box="product-id-11741">
13899    <span class="special-price">
13900        <span
13901    x-data x-id="['product\u002Dprice\u002D11741']"    class="price-container price-final_price&#x20;tax"
13902        >
13903            <span class="price-label">Cena promocyjna</span>
13904        <span  :id="$id('product\u002Dprice\u002D11741')"                data-price-amount="299"
13905        data-price-type="finalPrice"
13906        class="price-wrapper "
13907    ><span class="price">299,00 zł</span></span>
13908        </span>
13909    </span>
13910    <span class="old-price">
13911        <span
13912    x-data x-id="['old\u002Dprice\u002D11741']"    class="price-container price-final_price&#x20;tax"
13913        >
13914            <span class="price-label">Cena regularna</span>
13915        <span  :id="$id('old\u002Dprice\u002D11741')"                data-price-amount="350"
13916        data-price-type="oldPrice"
13917        class="price-wrapper "
13918    ><span class="price">350,00 zł</span></span>
13919        </span>
13920    </span>
13921
13922</div>            </div>
13923
13924                            <small class="text-xs text-gray-dark">
13925                    Najniższa cena z ostatnich 30 dni: 299,00 zł                </small>
13926            
13927            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
13928            ">
13929                                                                            <button
13930                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
13931                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Gra&#x20;planszowa&#x20;dla&#x20;grupy&#x20;Grzybobranie,&#x20;Rodzina&#x20;Treflik&#xF3;w"
13932                            data-addto="cart"
13933                        >
13934                            <span class="hidden sm:inline">
13935                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
13936                            </span>
13937                            <span class="ml-2 whitespace-nowrap inline">
13938                                Do koszyka                            </span>
13939                        </button>
13940                    
13941                                <div class="flex flex-wrap gap-2">
13942                                            <button x-data="initWishlist()"
13943                                x-defer="intersect"
13944                                @click.prevent="addToWishlist(11741)"
13945                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;planszowa&#x20;dla&#x20;grupy&#x20;Grzybobranie,&#x20;Rodzina&#x20;Treflik&#xF3;w"
13946                                type="button"
13947                                class="inline-flex shrink-0 hover:text-red transition-colors"
13948                                data-addto="wishlist"
13949                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;planszowa&#x20;dla&#x20;grupy&#x20;Grzybobranie,&#x20;Rodzina&#x20;Treflik&#xF3;w"
13950                        >
13951                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1395114 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
13952                        </button>
13953                                                                                                                        </div>
13954            </div>
13955        </div>
13956        </form>
13957                    </li>
13958                                    <li>
13959                        
13960<form method="post"
13961      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/11744/"
13962      class="item product product-item product_addtocart_form flex flex-col size-full "
13963    >
13964    <input name="form_key" type="hidden" value="SVA98RVaN8uFSExs" />    <input type="hidden" name="product" value="11744"/>
13965        
13966                        <a href="https://www.trefl.com/gra-edukacyjna-dla-grupy-wyscig-po-wiedze-rodzina-treflikow-02553"
13967           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
13968           tabindex="-1"
13969        >
13970            <img class="size-full object-contain product-image-photo"
13971     x-data=""
13972     @update-gallery-11744.window="$root.src = $event.detail"
13973        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/1/_/1_30_1.png"
13974        loading="lazy"
13975        width="360"
13976    height="360"
13977    alt="Wy&#x015B;cig&#x20;po&#x20;wiedz&#x0119;&#x20;-&#x20;opakowanie"
13978/>
13979
13980            <div class="absolute top-2 left-2">
13981                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
13982                  style="color: #ffffff;background-color: #a42157;">
13983                  -10% z kodem SP10            </span>
13984        
13985            </div>
13986        </a>
13987        
13988        <div class="product-info flex flex-col grow">
13989            <div class="mt-2 mb-1 text-sm">
13990                <a
13991                    class="product-item-link line-clamp-2"
13992                    href="https://www.trefl.com/gra-edukacyjna-dla-grupy-wyscig-po-wiedze-rodzina-treflikow-02553"
13993                    title="Gra edukacyjna dla grupy Wyścig po wiedzę, Rodzina Treflików"
13994                    :id="`slide-desc-11744-${$id('slider-id')}`"
13995                >
13996                    Gra edukacyjna dla grupy Wyścig po wiedzę, Rodzina Treflików                </a>
13997            </div>
13998
13999            
14000                            
14000<script nonce="b3h1b2o3dnE2M2VncTU3ZXlwa2k4aHIyaXJrczB6amU=">
14001    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_11744'] = {"item_id":"1223418","item_sku":"1223418","magento_sku":"1223418","magento_id":"11744","item_name":"Gra edukacyjna dla grupy Wy\u015bcig po wiedz\u0119, Rodzina Treflik\u00f3w","item_list_id":"4","item_list_name":"Gry","price":299,"item_category":"Gry","item_category2":"Gry edukacyjne dla dzieci","item_category3":"Polecane gry dla dzieci","item_category4":"Gry dla dzieci","item_category5":"Marki","index":20};
14002</script>
14002
14003            
14004            
14005            
14006            <div class="pt-1"
14007                 x-data="initPriceBox()"
14008                 x-defer="intersect"
14009                 @update-prices-11744.window="updatePrice($event.detail);"
14010            >
14011                <div class="price-box price-final_price" data-role="priceBox" data-product-id="11744" data-price-box="product-id-11744">
14012    <span class="special-price">
14013        <span
14014    x-data x-id="['product\u002Dprice\u002D11744']"    class="price-container price-final_price&#x20;tax"
14015        >
14016            <span class="price-label">Cena promocyjna</span>
14017        <span  :id="$id('product\u002Dprice\u002D11744')"                data-price-amount="299"
14018        data-price-type="finalPrice"
14019        class="price-wrapper "
14020    ><span class="price">299,00 zł</span></span>
14021        </span>
14022    </span>
14023    <span class="old-price">
14024        <span
14025    x-data x-id="['old\u002Dprice\u002D11744']"    class="price-container price-final_price&#x20;tax"
14026        >
14027            <span class="price-label">Cena regularna</span>
14028        <span  :id="$id('old\u002Dprice\u002D11744')"                data-price-amount="350"
14029        data-price-type="oldPrice"
14030        class="price-wrapper "
14031    ><span class="price">350,00 zł</span></span>
14032        </span>
14033    </span>
14034
14035</div>            </div>
14036
14037                            <small class="text-xs text-gray-dark">
14038                    Najniższa cena z ostatnich 30 dni: 299,00 zł                </small>
14039            
14040            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
14041            ">
14042                                                                            <button
14043                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
14044                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Gra&#x20;edukacyjna&#x20;dla&#x20;grupy&#x20;Wy&#x015B;cig&#x20;po&#x20;wiedz&#x0119;,&#x20;Rodzina&#x20;Treflik&#xF3;w"
14045                            data-addto="cart"
14046                        >
14047                            <span class="hidden sm:inline">
14048                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
14049                            </span>
14050                            <span class="ml-2 whitespace-nowrap inline">
14051                                Do koszyka                            </span>
14052                        </button>
14053                    
14054                                <div class="flex flex-wrap gap-2">
14055                                            <button x-data="initWishlist()"
14056                                x-defer="intersect"
14057                                @click.prevent="addToWishlist(11744)"
14058                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;edukacyjna&#x20;dla&#x20;grupy&#x20;Wy&#x015B;cig&#x20;po&#x20;wiedz&#x0119;,&#x20;Rodzina&#x20;Treflik&#xF3;w"
14059                                type="button"
14060                                class="inline-flex shrink-0 hover:text-red transition-colors"
14061                                data-addto="wishlist"
14062                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;edukacyjna&#x20;dla&#x20;grupy&#x20;Wy&#x015B;cig&#x20;po&#x20;wiedz&#x0119;,&#x20;Rodzina&#x20;Treflik&#xF3;w"
14063                        >
14064                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1406414 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
14065                        </button>
14066                                                                                                                        </div>
14067            </div>
14068        </div>
14069        </form>
14070                    </li>
14071                                    <li>
14072                        
14073    <div class="item product product-item flex flex-col size-full ">
14074        
14075                        <a href="https://www.trefl.com/puzzle-premium-plus-quality-1000-el-magic-collection-ekspres-czarownic-10897"
14076           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
14077           tabindex="-1"
14078        >
14079            <img class="size-full object-contain product-image-photo"
14080     x-data=""
14081     @update-gallery-11155.window="$root.src = $event.detail"
14082        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/1/0/10897_150_01_1.png"
14083        loading="lazy"
14084        width="360"
14085    height="360"
14086    alt="Puzzle&#x20;Premium&#x20;Plus&#x20;Quality&#x20;1000&#x20;el.&#x20;Magic&#x20;Collection&#x3A;&#x20;Ekspres&#x20;czarownic&#x20;-&#x20;opakowanie"
14087/>
14088
14089            <div class="absolute top-2 left-2">
14090                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
14091                  style="color: #ffffff;background-color: #a42157;">
14092                  -10% z kodem SP10            </span>
14093        
14094            </div>
14095        </a>
14096        
14097        <div class="product-info flex flex-col grow">
14098            <div class="mt-2 mb-1 text-sm">
14099                <a
14100                    class="product-item-link line-clamp-2"
14101                    href="https://www.trefl.com/puzzle-premium-plus-quality-1000-el-magic-collection-ekspres-czarownic-10897"
14102                    title="Puzzle Premium Plus Quality 1000 el. Magic Collection: Ekspres czarownic"
14103                    :id="`slide-desc-11155-${$id('slider-id')}`"
14104                >
14105                    Puzzle Premium Plus Quality 1000 el. Magic Collection: Ekspres czarownic                </a>
14106            </div>
14107
14108            
14109            
14110            
14111            
14112            <div class="pt-1"
14113                 x-data="initPriceBox()"
14114                 x-defer="intersect"
14115                 @update-prices-11155.window="updatePrice($event.detail);"
14116            >
14117                <div class="price-box price-final_price" data-role="priceBox" data-product-id="11155" data-price-box="product-id-11155">
14118    <span class="special-price">
14119        <span
14120    x-data x-id="['product\u002Dprice\u002D11155']"    class="price-container price-final_price&#x20;tax"
14121        >
14122            <span class="price-label">Cena promocyjna</span>
14123        <span  :id="$id('product\u002Dprice\u002D11155')"                data-price-amount="33.99"
14124        data-price-type="finalPrice"
14125        class="price-wrapper "
14126    ><span class="price">33,99 zł</span></span>
14127        </span>
14128    </span>
14129    <span class="old-price">
14130        <span
14131    x-data x-id="['old\u002Dprice\u002D11155']"    class="price-container price-final_price&#x20;tax"
14132        >
14133            <span class="price-label">Cena regularna</span>
14134        <span  :id="$id('old\u002Dprice\u002D11155')"                data-price-amount="39.99"
14135        data-price-type="oldPrice"
14136        class="price-wrapper "
14137    ><span class="price">39,99 zł</span></span>
14138        </span>
14139    </span>
14140
14141</div>            </div>
14142
14143                            <small class="text-xs text-gray-dark">
14144                    Najniższa cena z ostatnich 30 dni: 33,99 zł                </small>
14145            
14146            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
14147            ">
14148                                    <div class="w-auto justify-center text-xs mr-auto">
14149                        <div class="pr-3 py-2 flex items-center gap-x-3">
14150            <span class="text-xs uppercase text-red font-semibold">
14151            Brak w magazynie        </span>
14152    </div>
14153                    </div>
14154                                <div class="flex flex-wrap gap-2">
14155                                            <button x-data="initWishlist()"
14156                                x-defer="intersect"
14157                                @click.prevent="addToWishlist(11155)"
14158                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;Premium&#x20;Plus&#x20;Quality&#x20;1000&#x20;el.&#x20;Magic&#x20;Collection&#x3A;&#x20;Ekspres&#x20;czarownic"
14159                                type="button"
14160                                class="inline-flex shrink-0 hover:text-red transition-colors"
14161                                data-addto="wishlist"
14162                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;Premium&#x20;Plus&#x20;Quality&#x20;1000&#x20;el.&#x20;Magic&#x20;Collection&#x3A;&#x20;Ekspres&#x20;czarownic"
14163                        >
14164                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.914 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
14165                        </button>
14166                                                                                                                        </div>
14167            </div>
14168        </div>
14169            </div>
14170                    </li>
14171                                    <li>
14172                        
14173    <div class="item product product-item flex flex-col size-full ">
14174        
14175                        <a href="https://www.trefl.com/puzzle-premium-plus-quality-1000-el-magic-collection-kotomania-10896"
14176           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
14177           tabindex="-1"
14178        >
14179            <img class="size-full object-contain product-image-photo"
14180     x-data=""
14181     @update-gallery-11145.window="$root.src = $event.detail"
14182        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/1/0/10896_150_01.png"
14183        loading="lazy"
14184        width="360"
14185    height="360"
14186    alt="Puzzle&#x20;Premium&#x20;Plus&#x20;Quality&#x20;1000&#x20;el.&#x20;Magic&#x20;Collection&#x3A;&#x20;Kotomania&#x20;-&#x20;opakowanie"
14187/>
14188
14189            <div class="absolute top-2 left-2">
14190                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
14191                  style="color: #ffffff;background-color: #a42157;">
14192                  -10% z kodem SP10            </span>
14193        
14194            </div>
14195        </a>
14196        
14197        <div class="product-info flex flex-col grow">
14198            <div class="mt-2 mb-1 text-sm">
14199                <a
14200                    class="product-item-link line-clamp-2"
14201                    href="https://www.trefl.com/puzzle-premium-plus-quality-1000-el-magic-collection-kotomania-10896"
14202                    title="Puzzle Premium Plus Quality 1000 el. Magic Collection: Kotomania"
14203                    :id="`slide-desc-11145-${$id('slider-id')}`"
14204                >
14205                    Puzzle Premium Plus Quality 1000 el. Magic Collection: Kotomania                </a>
14206            </div>
14207
14208            
14209            
14210            
14211            
14212            <div class="pt-1"
14213                 x-data="initPriceBox()"
14214                 x-defer="intersect"
14215                 @update-prices-11145.window="updatePrice($event.detail);"
14216            >
14217                <div class="price-box price-final_price" data-role="priceBox" data-product-id="11145" data-price-box="product-id-11145">
14218    <span class="special-price">
14219        <span
14220    x-data x-id="['product\u002Dprice\u002D11145']"    class="price-container price-final_price&#x20;tax"
14221        >
14222            <span class="price-label">Cena promocyjna</span>
14223        <span  :id="$id('product\u002Dprice\u002D11145')"                data-price-amount="33.99"
14224        data-price-type="finalPrice"
14225        class="price-wrapper "
14226    ><span class="price">33,99 zł</span></span>
14227        </span>
14228    </span>
14229    <span class="old-price">
14230        <span
14231    x-data x-id="['old\u002Dprice\u002D11145']"    class="price-container price-final_price&#x20;tax"
14232        >
14233            <span class="price-label">Cena regularna</span>
14234        <span  :id="$id('old\u002Dprice\u002D11145')"                data-price-amount="39.99"
14235        data-price-type="oldPrice"
14236        class="price-wrapper "
14237    ><span class="price">39,99 zł</span></span>
14238        </span>
14239    </span>
14240
14241</div>            </div>
14242
14243                            <small class="text-xs text-gray-dark">
14244                    Najniższa cena z ostatnich 30 dni: 33,99 zł                </small>
14245            
14246            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
14247            ">
14248                                    <div class="w-auto justify-center text-xs mr-auto">
14249                        <div class="pr-3 py-2 flex items-center gap-x-3">
14250            <span class="text-xs uppercase text-red font-semibold">
14251            Brak w magazynie        </span>
14252    </div>
14253                    </div>
14254                                <div class="flex flex-wrap gap-2">
14255                                            <button x-data="initWishlist()"
14256                                x-defer="intersect"
14257                                @click.prevent="addToWishlist(11145)"
14258                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;Premium&#x20;Plus&#x20;Quality&#x20;1000&#x20;el.&#x20;Magic&#x20;Collection&#x3A;&#x20;Kotomania"
14259                                type="button"
14260                                class="inline-flex shrink-0 hover:text-red transition-colors"
14261                                data-addto="wishlist"
14262                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;Premium&#x20;Plus&#x20;Quality&#x20;1000&#x20;el.&#x20;Magic&#x20;Collection&#x3A;&#x20;Kotomania"
14263                        >
14264                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.914 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
14265                        </button>
14266                                                                                                                        </div>
14267            </div>
14268        </div>
14269            </div>
14270                    </li>
14271                                    <li>
14272                        
14273<form method="post"
14274      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/8349/"
14275      class="item product product-item product_addtocart_form flex flex-col size-full "
14276    >
14277    <input name="form_key" type="hidden" value="czAPigDx61foPAmU" />    <input type="hidden" name="product" value="8349"/>
14278        
14279                        <a href="https://www.trefl.com/gra-rodzinna-kupcy-i-zeglarze-02599"
14280           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
14281           tabindex="-1"
14282        >
14283            <img class="size-full object-contain product-image-photo"
14284     x-data=""
14285     @update-gallery-8349.window="$root.src = $event.detail"
14286        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/0/2/02599_150_01.png"
14287        loading="lazy"
14288        width="360"
14289    height="360"
14290    alt="Gra&#x20;rodzinna&#x20;Kupcy&#x20;i&#x20;&#x017B;eglarze&#x20;-&#x20;opakowanie"
14291/>
14292
14293            <div class="absolute top-2 left-2">
14294                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
14295                  style="color: #ffffff;background-color: #a42157;">
14296                  -10% z kodem SP10            </span>
14297        
14298            </div>
14299        </a>
14300        
14301        <div class="product-info flex flex-col grow">
14302            <div class="mt-2 mb-1 text-sm">
14303                <a
14304                    class="product-item-link line-clamp-2"
14305                    href="https://www.trefl.com/gra-rodzinna-kupcy-i-zeglarze-02599"
14306                    title="Gra rodzinna Kupcy i Żeglarze"
14307                    :id="`slide-desc-8349-${$id('slider-id')}`"
14308                >
14309                    Gra rodzinna Kupcy i Żeglarze                </a>
14310            </div>
14311
14312            
14313                            
14313<script nonce="emowOGl0NTEzeTltampzdHBreHhkZGQyc2NtOG4za3A=">
14314    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_8349'] = {"item_id":"1245438","item_sku":"1245438","magento_sku":"1245438","magento_id":"8349","item_name":"Gra rodzinna Kupcy i \u017beglarze","item_list_id":"4","item_list_name":"Gry","price":47.99,"item_category":"Gry","item_category2":"Gry planszowe rodzinne","item_category3":"Gry dla dzieci 8-10 lat","item_category4":"Gry dla dzieci 12+","item_category5":"Prezenty dla dzieci 13+ i doros\u0142ych","index":25};
14315</script>
14315
14316            
14317            
14318            
14319            <div class="pt-1"
14320                 x-data="initPriceBox()"
14321                 x-defer="intersect"
14322                 @update-prices-8349.window="updatePrice($event.detail);"
14323            >
14324                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8349" data-price-box="product-id-8349">
14325    <span class="special-price">
14326        <span
14327    x-data x-id="['product\u002Dprice\u002D8349']"    class="price-container price-final_price&#x20;tax"
14328        >
14329            <span class="price-label">Cena promocyjna</span>
14330        <span  :id="$id('product\u002Dprice\u002D8349')"                data-price-amount="47.99"
14331        data-price-type="finalPrice"
14332        class="price-wrapper "
14333    ><span class="price">47,99 zł</span></span>
14334        </span>
14335    </span>
14336    <span class="old-price">
14337        <span
14338    x-data x-id="['old\u002Dprice\u002D8349']"    class="price-container price-final_price&#x20;tax"
14339        >
14340            <span class="price-label">Cena regularna</span>
14341        <span  :id="$id('old\u002Dprice\u002D8349')"                data-price-amount="59.99"
14342        data-price-type="oldPrice"
14343        class="price-wrapper "
14344    ><span class="price">59,99 zł</span></span>
14345        </span>
14346    </span>
14347
14348</div>            </div>
14349
14350                            <small class="text-xs text-gray-dark">
14351                    Najniższa cena z ostatnich 30 dni: 47,99 zł                </small>
14352            
14353            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
14354            ">
14355                                                                            <button
14356                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
14357                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Gra&#x20;rodzinna&#x20;Kupcy&#x20;i&#x20;&#x017B;eglarze"
14358                            data-addto="cart"
14359                        >
14360                            <span class="hidden sm:inline">
14361                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
14362                            </span>
14363                            <span class="ml-2 whitespace-nowrap inline">
14364                                Do koszyka                            </span>
14365                        </button>
14366                    
14367                                <div class="flex flex-wrap gap-2">
14368                                            <button x-data="initWishlist()"
14369                                x-defer="intersect"
14370                                @click.prevent="addToWishlist(8349)"
14371                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;rodzinna&#x20;Kupcy&#x20;i&#x20;&#x017B;eglarze"
14372                                type="button"
14373                                class="inline-flex shrink-0 hover:text-red transition-colors"
14374                                data-addto="wishlist"
14375                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;rodzinna&#x20;Kupcy&#x20;i&#x20;&#x017B;eglarze"
14376                        >
14377                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1437714 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
14378                        </button>
14379                                                                                                                        </div>
14380            </div>
14381        </div>
14382        </form>
14383                    </li>
14384                                    <li>
14385                        
14386<form method="post"
14387      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/7898/"
14388      class="item product product-item product_addtocart_form flex flex-col size-full "
14389    >
14390    <input name="form_key" type="hidden" value="UKC9X8WYAFqrH6hZ" />    <input type="hidden" name="product" value="7898"/>
14391        
14392                        <a href="https://www.trefl.com/puzzle-transformers-1000-el-transformers-przebudzenie-bestii-10764"
14393           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
14394           tabindex="-1"
14395        >
14396            <img class="size-full object-contain product-image-photo"
14397     x-data=""
14398     @update-gallery-7898.window="$root.src = $event.detail"
14399        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/1/0/10764_150_01.png"
14400        loading="lazy"
14401        width="360"
14402    height="360"
14403    alt="Opakowanie&#x20;puzzli&#x20;1000&#x20;element&#xF3;w&#x20;
14403-&#x20;Transformers&#x3A;&#x20;Przebudzenie&#x20;bestii"
14404/>
14405
14406            <div class="absolute top-2 left-2">
14407                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
14408                  style="color: #ffffff;background-color: #a42157;">
14409                  -10% z kodem SP10            </span>
14410        
14411            </div>
14412        </a>
14413        
14414        <div class="product-info flex flex-col grow">
14415            <div class="mt-2 mb-1 text-sm">
14416                <a
14417                    class="product-item-link line-clamp-2"
14418                    href="https://www.trefl.com/puzzle-transformers-1000-el-transformers-przebudzenie-bestii-10764"
14419                    title="Puzzle Transformers 1000 el. Transformers: Przebudzenie bestii"
14420                    :id="`slide-desc-7898-${$id('slider-id')}`"
14421                >
14422                    Puzzle Transformers 1000 el. Transformers: Przebudzenie bestii                </a>
14423            </div>
14424
14425            
14426                            
14426<script nonce="ZWR6OGM1dXducnBqcDNkbGJ2dGY4c3NzandxbHBjdTY=">
14427    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_7898'] = {"item_id":"1200206","item_sku":"1200206","magento_sku":"1200206","magento_id":"7898","item_name":"Puzzle Transformers 1000 el. Transformers: Przebudzenie bestii","item_list_id":"3","item_list_name":"Puzzle","price":28.89,"item_category":"Promocje Trefl","item_category2":"Puzzle","item_category3":"Puzzle dla doros\u0142ych","item_category4":"Puzzle 1000 element\u00f3w","item_category5":"Puzzle filmowe","index":6};
14428</script>
14428
14429            
14430            
14431            
14432            <div class="pt-1"
14433                 x-data="initPriceBox()"
14434                 x-defer="intersect"
14435                 @update-prices-7898.window="updatePrice($event.detail);"
14436            >
14437                <div class="price-box price-final_price" data-role="priceBox" data-product-id="7898" data-price-box="product-id-7898">
14438    <span class="special-price">
14439        <span
14440    x-data x-id="['product\u002Dprice\u002D7898']"    class="price-container price-final_price&#x20;tax"
14441        >
14442            <span class="price-label">Cena promocyjna</span>
14443        <span  :id="$id('product\u002Dprice\u002D7898')"                data-price-amount="28.89"
14444        data-price-type="finalPrice"
14445        class="price-wrapper "
14446    ><span class="price">28,89 zł</span></span>
14447        </span>
14448    </span>
14449    <span class="old-price">
14450        <span
14451    x-data x-id="['old\u002Dprice\u002D7898']"    class="price-container price-final_price&#x20;tax"
14452        >
14453            <span class="price-label">Cena regularna</span>
14454        <span  :id="$id('old\u002Dprice\u002D7898')"                data-price-amount="33.99"
14455        data-price-type="oldPrice"
14456        class="price-wrapper "
14457    ><span class="price">33,99 zł</span></span>
14458        </span>
14459    </span>
14460
14461</div>            </div>
14462
14463                            <small class="text-xs text-gray-dark">
14464                    Najniższa cena z ostatnich 30 dni: 28,89 zł                </small>
14465            
14466            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
14467            ">
14468                                                                            <button
14469                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
14470                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Puzzle&#x20;Transformers&#x20;1000&#x20;el.&#x20;Transformers&#x3A;&#x20;Przebudzenie&#x20;bestii"
14471                            data-addto="cart"
14472                        >
14473                            <span class="hidden sm:inline">
14474                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
14475                            </span>
14476                            <span class="ml-2 whitespace-nowrap inline">
14477                                Do koszyka                            </span>
14478                        </button>
14479                    
14480                                <div class="flex flex-wrap gap-2">
14481                                            <button x-data="initWishlist()"
14482                                x-defer="intersect"
14483                                @click.prevent="addToWishlist(7898)"
14484                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;Transformers&#x20;1000&#x20;el.&#x20;Transformers&#x3A;&#x20;Przebudzenie&#x20;bestii"
14485                                type="button"
14486                                class="inline-flex shrink-0 hover:text-red transition-colors"
14487                                data-addto="wishlist"
14488                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;Transformers&#x20;1000&#x20;el.&#x20;Transformers&#x3A;&#x20;Przebudzenie&#x20;bestii"
14489                        >
14490                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1449014 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
14491                        </button>
14492                                                                                                                        </div>
14493            </div>
14494        </div>
14495        </form>
14496                    </li>
14497                                    <li>
14498                        
14499<form method="post"
14500      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/5644/"
14501      class="item product product-item product_addtocart_form flex flex-col size-full "
14502    >
14503    <input name="form_key" type="hidden" value="SVA98RVaN8uFSExs" />    <input type="hidden" name="product" value="5644"/>
14504        
14505                        <a href="https://www.trefl.com/gra-rodzinna-szalone-gary-01767"
14506           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
14507           tabindex="-1"
14508        >
14509            <img class="size-full object-contain product-image-photo"
14510     x-data=""
14511     @update-gallery-5644.window="$root.src = $event.detail"
14512        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/0/1/01767_150_01.png"
14513        loading="lazy"
14514        width="360"
14515    height="360"
14516    alt="Szalone&#x20;gary&#x20;-&#x20;rodzinna&#x20;gra&#x20;od&#x20;Trefl"
14517/>
14518
14519            <div class="absolute top-2 left-2">
14520                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
14521                  style="color: #ffffff;background-color: #a42157;">
14522                  -10% z kodem SP10            </span>
14523        
14524            </div>
14525        </a>
14526        
14527        <div class="product-info flex flex-col grow">
14528            <div class="mt-2 mb-1 text-sm">
14529                <a
14530                    class="product-item-link line-clamp-2"
14531                    href="https://www.trefl.com/gra-rodzinna-szalone-gary-01767"
14532                    title="Gra rodzinna Szalone Gary"
14533                    :id="`slide-desc-5644-${$id('slider-id')}`"
14534                >
14535                    Gra rodzinna Szalone Gary                </a>
14536            </div>
14537
14538            
14539                            
14539<script nonce="Nzk0bWhrc3R2MnVibzJqMDN5cjBrb2k1bzljMHd2dWc=">
14540    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_5644'] = {"item_id":"878546","item_sku":"878546","magento_sku":"878546","magento_id":"5644","item_name":"Gra rodzinna Szalone Gary","item_list_id":"4","item_list_name":"Gry","price":55.99,"item_category":"Gry","item_category2":"Gry dla dzieci","item_category3":"Gry planszowe","item_category4":"Gry planszowe dla dzieci","item_category5":"Gry planszowe rodzinne","index":11};
14541</script>
14541
14542            
14543            
14544            
14545            <div class="pt-1"
14546                 x-data="initPriceBox()"
14547                 x-defer="intersect"
14548                 @update-prices-5644.window="updatePrice($event.detail);"
14549            >
14550                <div class="price-box price-final_price" data-role="priceBox" data-product-id="5644" data-price-box="product-id-5644">
14551    <span class="special-price">
14552        <span
14553    x-data x-id="['product\u002Dprice\u002D5644']"    class="price-container price-final_price&#x20;tax"
14554        >
14555            <span class="price-label">Cena promocyjna</span>
14556        <span  :id="$id('product\u002Dprice\u002D5644')"                data-price-amount="55.99"
14557        data-price-type="finalPrice"
14558        class="price-wrapper "
14559    ><span class="price">55,99 zł</span></span>
14560        </span>
14561    </span>
14562    <span class="old-price">
14563        <span
14564    x-data x-id="['old\u002Dprice\u002D5644']"    class="price-container price-final_price&#x20;tax"
14565        >
14566            <span class="price-label">Cena regularna</span>
14567        <span  :id="$id('old\u002Dprice\u002D5644')"                data-price-amount="69.99"
14568        data-price-type="oldPrice"
14569        class="price-wrapper "
14570    ><span class="price">69,99 zł</span></span>
14571        </span>
14572    </span>
14573
14574</div>            </div>
14575
14576                            <small class="text-xs text-gray-dark">
14577                    Najniższa cena z ostatnich 30 dni: 55,99 zł                </small>
14578            
14579            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
14580            ">
14581                                                                            <button
14582                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
14583                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Gra&#x20;rodzinna&#x20;Szalone&#x20;Gary"
14584                            data-addto="cart"
14585                        >
14586                            <span class="hidden sm:inline">
14587                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
14588                            </span>
14589                            <span class="ml-2 whitespace-nowrap inline">
14590                                Do koszyka                            </span>
14591                        </button>
14592                    
14593                                <div class="flex flex-wrap gap-2">
14594                                            <button x-data="initWishlist()"
14595                                x-defer="intersect"
14596                                @click.prevent="addToWishlist(5644)"
14597                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;rodzinna&#x20;Szalone&#x20;Gary"
14598                                type="button"
14599                                class="inline-flex shrink-0 hover:text-red transition-colors"
14600                                data-addto="wishlist"
14601                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Gra&#x20;rodzinna&#x20;Szalone&#x20;Gary"
14602                        >
14603                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1460314 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
14604                        </button>
14605                                                                                                                        </div>
14606            </div>
14607        </div>
14608        </form>
14609                    </li>
14610                                    <li>
14611                        
14612<form method="post"
14613      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/15912/"
14614      class="item product product-item product_addtocart_form flex flex-col size-full "
14615    >
14616    <input name="form_key" type="hidden" value="x4NPRY83xAnGtKxP" />    <input type="hidden" name="product" value="15912"/>
14617        
14618                        <a href="https://www.trefl.com/puzzle-prime-1000-el-xmas-dreaming-of-winter-10754"
14619           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
14620           tabindex="-1"
14621        >
14622            <img class="size-full object-contain product-image-photo"
14623     x-data=""
14624     @update-gallery-15912.window="$root.src = $event.detail"
14625        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/1/0/10754_150_01.png"
14626        loading="lazy"
14627        width="360"
14628    height="360"
14629    alt="Puzzle&#x20;Prime&#x20;1000&#x20;el.&#x20;XMAS&#x20;Dreaming&#x20;of&#x20;Winter&#x20;-&#x20;opakowanie&#x20;"
14630/>
14631
14632            <div class="absolute top-2 left-2">
14633                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
14634                  style="color: #ffffff;background-color: #a42157;">
14635                  -10% z kodem SP10            </span>
14636        
14637            </div>
14638        </a>
14639        
14640        <div class="product-info flex flex-col grow">
14641            <div class="mt-2 mb-1 text-sm">
14642                <a
14643                    class="product-item-link line-clamp-2"
14644                    href="https://www.trefl.com/puzzle-prime-1000-el-xmas-dreaming-of-winter-10754"
14645                    title="Puzzle Prime 1000 el. XMAS Dreaming of Winter"
14646                    :id="`slide-desc-15912-${$id('slider-id')}`"
14647                >
14648                    Puzzle Prime 1000 el. XMAS Dreaming of Winter                </a>
14649            </div>
14650
14651            
14652                            
14652<script nonce="cTluY2J3Y3Y2ZTRocm92YTRmbnB1Y2lsZjhwd28xdzM=">
14653    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_15912'] = {"item_id":"1200211","item_sku":"1200211","magento_sku":"1200211","magento_id":"15912","item_name":"Puzzle Prime 1000 el. XMAS Dreaming of Winter","item_list_id":"26","item_list_name":"Promocje Trefl","price":29.99,"item_category":"Puzzle 1000 element\u00f3w","item_category2":"Promocje Trefl","item_category3":"Puzzle Prime UFT","item_category4":"Puzzle \u015bwi\u0105teczne","index":8};
14654</script>
14654
14655            
14656            
14657            
14658            <div class="pt-1"
14659                 x-data="initPriceBox()"
14660                 x-defer="intersect"
14661                 @update-prices-15912.window="updatePrice($event.detail);"
14662            >
14663                <div class="price-box price-final_price" data-role="priceBox" data-product-id="15912" data-price-box="product-id-15912">
14664    <span class="special-price">
14665        <span
14666    x-data x-id="['product\u002Dprice\u002D15912']"    class="price-container price-final_price&#x20;tax"
14667        >
14668            <span class="price-label">Cena promocyjna</span>
14669        <span  :id="$id('product\u002Dprice\u002D15912')"                data-price-amount="29.99"
14670        data-price-type="finalPrice"
14671        class="price-wrapper "
14672    ><span class="price">29,99 zł</span></span>
14673        </span>
14674    </span>
14675    <span class="old-price">
14676        <span
14677    x-data x-id="['old\u002Dprice\u002D15912']"    class="price-container price-final_price&#x20;tax"
14678        >
14679            <span class="price-label">Cena regularna</span>
14680        <span  :id="$id('old\u002Dprice\u002D15912')"                data-price-amount="35.99"
14681        data-price-type="oldPrice"
14682        class="price-wrapper "
14683    ><span class="price">35,99 zł</span></span>
14684        </span>
14685    </span>
14686
14687</div>            </div>
14688
14689                            <small class="text-xs text-gray-dark">
14690                    Najniższa cena z ostatnich 30 dni: 35,99 zł                </small>
14691            
14692            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
14693            ">
14694                                                                            <button
14695                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
14696                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Puzzle&#x20;Prime&#x20;1000&#x20;el.&#x20;XMAS&#x20;Dreaming&#x20;of&#x20;Winter"
14697                            data-addto="cart"
14698                        >
14699                            <span class="hidden sm:inline">
14700                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
14701                            </span>
14702                            <span class="ml-2 whitespace-nowrap inline">
14703                                Do koszyka                            </span>
14704                        </button>
14705                    
14706                                <div class="flex flex-wrap gap-2">
14707                                            <button x-data="initWishlist()"
14708                                x-defer="intersect"
14709                                @click.prevent="addToWishlist(15912)"
14710                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;Prime&#x20;1000&#x20;el.&#x20;XMAS&#x20;Dreaming&#x20;of&#x20;Winter"
14711                                type="button"
14712                                class="inline-flex shrink-0 hover:text-red transition-colors"
14713                                data-addto="wishlist"
14714                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;Prime&#x20;1000&#x20;el.&#x20;XMAS&#x20;Dreaming&#x20;of&#x20;Winter"
14715                        >
14716                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1471614 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
14717                        </button>
14718                                                                                                                        </div>
14719            </div>
14720        </div>
14721        </form>
14722                    </li>
14723                                    <li>
14724                        
14725<form method="post"
14726      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/15509/"
14727      class="item product product-item product_addtocart_form flex flex-col size-full "
14728    >
14729    <input name="form_key" type="hidden" value="UKC9X8WYAFqrH6hZ" />    <input type="hidden" name="product" value="15509"/>
14730        
14731                        <a href="https://www.trefl.com/ksiazeczka-liczydlo-michal-rusinek-ks68762"
14732           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
14733           tabindex="-1"
14734        >
14735            <img class="size-full object-contain product-image-photo"
14736     x-data=""
14737     @update-gallery-15509.window="$root.src = $event.detail"
14738        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/k/s/ks68762_150_01.png"
14739        loading="lazy"
14740        width="360"
14741    height="360"
14742    alt="Ksi&#x0105;&#x017C;eczka&#x20;Liczyd&#x0142;o,&#x20;Micha&#x0142;&#x20;Rusinek&#x20;-&#x20;opakowanie&#x20;"
14743/>
14744
14745            <div class="absolute top-2 left-2">
14746                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
14747                  style="color: #ffffff;background-color: #a42157;">
14748                  -10% z kodem SP10            </span>
14749        
14750            </div>
14751        </a>
14752        
14753        <div class="product-info flex flex-col grow">
14754            <div class="mt-2 mb-1 text-sm">
14755                <a
14756                    class="product-item-link line-clamp-2"
14757                    href="https://www.trefl.com/ksiazeczka-liczydlo-michal-rusinek-ks68762"
14758                    title="Książeczka Liczydło, Michał Rusinek "
14759                    :id="`slide-desc-15509-${$id('slider-id')}`"
14760                >
14761                    Książeczka Liczydło, Michał Rusinek                 </a>
14762            </div>
14763
14764            
14765                            
14765<script nonce="ZWR6OGM1dXducnBqcDNkbGJ2dGY4c3NzandxbHBjdTY=">
14766    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_15509'] = {"item_id":"1219899","item_sku":"1219899","magento_sku":"1219899","magento_id":"15509","item_name":"Ksi\u0105\u017ceczka Liczyd\u0142o, Micha\u0142 Rusinek ","item_list_id":"26","item_list_name":"Promocje Trefl","price":39.99,"item_category":"Promocje Trefl","item_category2":"Ksi\u0105\u017ceczki","item_category3":"Ksi\u0105\u017cki","item_category4":"Ksi\u0105\u017cki dla dzieci","index":7};
14767</script>
14767
14768            
14769            
14770            
14771            <div class="pt-1"
14772                 x-data="initPriceBox()"
14773                 x-defer="intersect"
14774                 @update-prices-15509.window="updatePrice($event.detail);"
14775            >
14776                <div class="price-box price-final_price" data-role="priceBox" data-product-id="15509" data-price-box="product-id-15509">
14777    <span class="special-price">
14778        <span
14779    x-data x-id="['product\u002Dprice\u002D15509']"    class="price-container price-final_price&#x20;tax"
14780        >
14781            <span class="price-label">Cena promocyjna</span>
14782        <span  :id="$id('product\u002Dprice\u002D15509')"                data-price-amount="39.99"
14783        data-price-type="finalPrice"
14784        class="price-wrapper "
14785    ><span class="price">39,99 zł</span></span>
14786        </span>
14787    </span>
14788    <span class="old-price">
14789        <span
14790    x-data x-id="['old\u002Dprice\u002D15509']"    class="price-container price-final_price&#x20;tax"
14791        >
14792            <span class="price-label">Cena regularna</span>
14793        <span  :id="$id('old\u002Dprice\u002D15509')"                data-price-amount="49.99"
14794        data-price-type="oldPrice"
14795        class="price-wrapper "
14796    ><span class="price">49,99 zł</span></span>
14797        </span>
14798    </span>
14799
14800</div>            </div>
14801
14802                            <small class="text-xs text-gray-dark">
14803                    Najniższa cena z ostatnich 30 dni: 49,99 zł                </small>
14804            
14805            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
14806            ">
14807                                                                            <button
14808                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
14809                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Ksi&#x0105;&#x017C;eczka&#x20;Liczyd&#x0142;o,&#x20;Micha&#x0142;&#x20;Rusinek&#x20;"
14810                            data-addto="cart"
14811                        >
14812                            <span class="hidden sm:inline">
14813                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
14814                            </span>
14815                            <span class="ml-2 whitespace-nowrap inline">
14816                                Do koszyka                            </span>
14817                        </button>
14818                    
14819                                <div class="flex flex-wrap gap-2">
14820                                            <button x-data="initWishlist()"
14821                                x-defer="intersect"
14822                                @click.prevent="addToWishlist(15509)"
14823                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Ksi&#x0105;&#x017C;eczka&#x20;Liczyd&#x0142;o,&#x20;Micha&#x0142;&#x20;Rusinek&#x20;"
14824                                type="button"
14825                                class="inline-flex shrink-0 hover:text-red transition-colors"
14826                                data-addto="wishlist"
14827                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Ksi&#x0105;&#x017C;eczka&#x20;Liczyd&#x0142;o,&#x20;Micha&#x0142;&#x20;Rusinek&#x20;"
14828                        >
14829                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1482914 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
14830                        </button>
14831                                                                                                                        </div>
14832            </div>
14833        </div>
14834        </form>
14835                    </li>
14836                                    <li>
14837                        
14838<form method="post"
14839      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/15433/"
14840      class="item product product-item product_addtocart_form flex flex-col size-full "
14841    >
14842    <input name="form_key" type="hidden" value="UKC9X8WYAFqrH6hZ" />    <input type="hidden" name="product" value="15433"/>
14843        
14844                        <a href="https://www.trefl.com/trefl-active-matalaki-zwierzaki-61048"
14845           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
14846           tabindex="-1"
14847        >
14848            <img class="size-full object-contain product-image-photo"
14849     x-data=""
14850     @update-gallery-15433.window="$root.src = $event.detail"
14851        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/g/r/gra-ruchowa-matalaki-zwierzaki.jpg"
14852        loading="lazy"
14853        width="360"
14854    height="360"
14855    alt="Trefl&#x20;Active&#x20;-&#x20;Matalaki&#x20;-&#x20;Zwierzaki&#x20;-&#x20;opakowanie&#x20;i&#x20;zawarto&#x015B;&#x0107;&#x20;"
14856/>
14857
14858            <div class="absolute top-2 left-2">
14859                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
14860                  style="color: #ffffff;background-color: #a42157;">
14861                  -10% z kodem SP10            </span>
14862        
14863            </div>
14864        </a>
14865        
14866        <div class="product-info flex flex-col grow">
14867            <div class="mt-2 mb-1 text-sm">
14868                <a
14869                    class="product-item-link line-clamp-2"
14870                    href="https://www.trefl.com/trefl-active-matalaki-zwierzaki-61048"
14871                    title="Trefl Active - Matalaki - Zwierzaki"
14872                    :id="`slide-desc-15433-${$id('slider-id')}`"
14873                >
14874                    Trefl Active - Matalaki - Zwierzaki                </a>
14875            </div>
14876
14877            
14878                            
14878<script nonce="ZWR6OGM1dXducnBqcDNkbGJ2dGY4c3NzandxbHBjdTY=">
14879    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_15433'] = {"item_id":"851897","item_sku":"851897","magento_sku":"851897","magento_id":"15433","item_name":"Trefl Active - Matalaki - Zwierzaki","item_list_id":"26","item_list_name":"Promocje Trefl","price":47.99,"item_category":"Promocje Trefl","index":8};
14880</script>
14880
14881            
14882            
14883            
14884            <div class="pt-1"
14885                 x-data="initPriceBox()"
14886                 x-defer="intersect"
14887                 @update-prices-15433.window="updatePrice($event.detail);"
14888            >
14889                <div class="price-box price-final_price" data-role="priceBox" data-product-id="15433" data-price-box="product-id-15433">
14890    <span class="special-price">
14891        <span
14892    x-data x-id="['product\u002Dprice\u002D15433']"    class="price-container price-final_price&#x20;tax"
14893        >
14894            <span class="price-label">Cena promocyjna</span>
14895        <span  :id="$id('product\u002Dprice\u002D15433')"                data-price-amount="47.99"
14896        data-price-type="finalPrice"
14897        class="price-wrapper "
14898    ><span class="price">47,99 zł</span></span>
14899        </span>
14900    </span>
14901    <span class="old-price">
14902        <span
14903    x-data x-id="['old\u002Dprice\u002D15433']"    class="price-container price-final_price&#x20;tax"
14904        >
14905            <span class="price-label">Cena regularna</span>
14906        <span  :id="$id('old\u002Dprice\u002D15433')"                data-price-amount="79.99"
14907        data-price-type="oldPrice"
14908        class="price-wrapper "
14909    ><span class="price">79,99 zł</span></span>
14910        </span>
14911    </span>
14912
14913</div>            </div>
14914
14915                            <small class="text-xs text-gray-dark">
14916                    Najniższa cena z ostatnich 30 dni: 63,99 zł                </small>
14917            
14918            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
14919            ">
14920                                                                            <button
14921                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
14922                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Trefl&#x20;Active&#x20;-&#x20;Matalaki&#x20;-&#x20;Zwierzaki"
14923                            data-addto="cart"
14924                        >
14925                            <span class="hidden sm:inline">
14926                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
14927                            </span>
14928                            <span class="ml-2 whitespace-nowrap inline">
14929                                Do koszyka                            </span>
14930                        </button>
14931                    
14932                                <div class="flex flex-wrap gap-2">
14933                                            <button x-data="initWishlist()"
14934                                x-defer="intersect"
14935                                @click.prevent="addToWishlist(15433)"
14936                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Trefl&#x20;Active&#x20;-&#x20;Matalaki&#x20;-&#x20;Zwierzaki"
14937                                type="button"
14938                                class="inline-flex shrink-0 hover:text-red transition-colors"
14939                                data-addto="wishlist"
14940                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Trefl&#x20;Active&#x20;-&#x20;Matalaki&#x20;-&#x20;Zwierzaki"
14941                        >
14942                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1494214 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
14943                        </button>
14944                                                                                                                        </div>
14945            </div>
14946        </div>
14947        </form>
14948                    </li>
14949                                    <li>
14950                        
14951    <div class="item product product-item flex flex-col size-full ">
14952        
14953                        <a href="https://www.trefl.com/puzzle-hidden-shapes-1011-el-kocie-wakacje-10674"
14954           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
14955           tabindex="-1"
14956        >
14957            <img class="size-full object-contain product-image-photo"
14958     x-data=""
14959     @update-gallery-15421.window="$root.src = $event.detail"
14960        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/1/0/10674_150_01_1.png"
14961        loading="lazy"
14962        width="360"
14963    height="360"
14964    alt="Puzzle&#x20;Hidden&#x20;Shapes&#x20;1011&#x20;el.&#x20;Kocie&#x20;wakacje&#x20;-&#x20;opakowanie&#x20;"
14965/>
14966
14967            <div class="absolute top-2 left-2">
14968                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
14969                  style="color: #ffffff;background-color: #a42157;">
14970                  -10% z kodem SP10            </span>
14971        
14972            </div>
14973        </a>
14974        
14975        <div class="product-info flex flex-col grow">
14976            <div class="mt-2 mb-1 text-sm">
14977                <a
14978                    class="product-item-link line-clamp-2"
14979                    href="https://www.trefl.com/puzzle-hidden-shapes-1011-el-kocie-wakacje-10674"
14980                    title="Puzzle Hidden Shapes 1011 el. Kocie wakacje"
14981                    :id="`slide-desc-15421-${$id('slider-id')}`"
14982                >
14983                    Puzzle Hidden Shapes 1011 el. Kocie wakacje                </a>
14984            </div>
14985
14986            
14987            
14988            
14989            
14990            <div class="pt-1"
14991                 x-data="initPriceBox()"
14992                 x-defer="intersect"
14993                 @update-prices-15421.window="updatePrice($event.detail);"
14994            >
14995                <div class="price-box price-final_price" data-role="priceBox" data-product-id="15421" data-price-box="product-id-15421">
14996    <span class="special-price">
14997        <span
14998    x-data x-id="['product\u002Dprice\u002D15421']"    class="price-container price-final_price&#x20;tax"
14999        >
15000            <span class="price-label">Cena promocyjna</span>
15001        <span  :id="$id('product\u002Dprice\u002D15421')"                data-price-amount="25.19"
15002        data-price-type="finalPrice"
15003        class="price-wrapper "
15004    ><span class="price">25,19 zł</span></span>
15005        </span>
15006    </span>
15007    <span class="old-price">
15008        <span
15009    x-data x-id="['old\u002Dprice\u002D15421']"    class="price-container price-final_price&#x20;tax"
15010        >
15011            <span class="price-label">Cena regularna</span>
15012        <span  :id="$id('old\u002Dprice\u002D15421')"                data-price-amount="31.49"
15013        data-price-type="oldPrice"
15014        class="price-wrapper "
15015    ><span class="price">31,49 zł</span></span>
15016        </span>
15017    </span>
15018
15019</div>            </div>
15020
15021                            <small class="text-xs text-gray-dark">
15022                    Najniższa cena z ostatnich 30 dni: 31,49 zł                </small>
15023            
15024            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
15025            ">
15026                                    <div class="w-auto justify-center text-xs mr-auto">
15027                        <div class="pr-3 py-2 flex items-center gap-x-3">
15028            <span class="text-xs uppercase text-red font-semibold">
15029            Brak w magazynie        </span>
15030    </div>
15031                    </div>
15032                                <div class="flex flex-wrap gap-2">
15033                                            <button x-data="initWishlist()"
15034                                x-defer="intersect"
15035                                @click.prevent="addToWishlist(15421)"
15036                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;Hidden&#x20;Shapes&#x20;1011&#x20;el.&#x20;Kocie&#x20;wakacje"
15037                                type="button"
15038                                class="inline-flex shrink-0 hover:text-red transition-colors"
15039                                data-addto="wishlist"
15040                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;Hidden&#x20;Shapes&#x20;1011&#x20;el.&#x20;Kocie&#x20;wakacje"
15041                        >
15042                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1504214 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
15043                        </button>
15044                                                                                                                        </div>
15045            </div>
15046        </div>
15047            </div>
15048                    </li>
15049                                    <li>
15050                        
15051<form method="post"
15052      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/15420/"
15053      class="item product product-item product_addtocart_form flex flex-col size-full "
15054    >
15055    <input name="form_key" type="hidden" value="SVA98RVaN8uFSExs" />    <input type="hidden" name="product" value="15420"/>
15056        
15057                        <a href="https://www.trefl.com/trefl-active-matalaki-potworki-61046"
15058           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
15059           tabindex="-1"
15060        >
15061            <img class="size-full object-contain product-image-photo"
15062     x-data=""
15063     @update-gallery-15420.window="$root.src = $event.detail"
15064        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/i/-/i-trefl-active-matalaki-potworki-61045.jpg"
15065        loading="lazy"
15066        width="360"
15067    height="360"
15068    alt="Trefl&#x20;Active&#x20;-&#x20;Matalaki&#x20;-&#x20;Potworki&#x20;-&#x20;opakowanie&#x20;"
15069/>
15070
15071            <div class="absolute top-2 left-2">
15072                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
15073                  style="color: #ffffff;background-color: #a42157;">
15074                  -10% z kodem SP10            </span>
15075        
15076            </div>
15077        </a>
15078        
15079        <div class="product-info flex flex-col grow">
15080            <div class="mt-2 mb-1 text-sm">
15081                <a
15082                    class="product-item-link line-clamp-2"
15083                    href="https://www.trefl.com/trefl-active-matalaki-potworki-61046"
15084                    title="Trefl Active - Matalaki - Potworki"
15085                    :id="`slide-desc-15420-${$id('slider-id')}`"
15086                >
15087                    Trefl Active - Matalaki - Potworki                </a>
15088            </div>
15089
15090            
15091                            
15091<script nonce="MXJpMmMwc3A3eDg5OWR4dHhzdXJ2dXRzaWxyb2hvNHg=">
15092    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_15420'] = {"item_id":"851893","item_sku":"851893","magento_sku":"851893","magento_id":"15420","item_name":"Trefl Active - Matalaki - Potworki","item_list_id":"26","item_list_name":"Promocje Trefl","price":47.99,"item_category":"Gry","item_category2":"Gry dla dzieci","item_category3":"Gry zr\u0119czno\u015bciowe","item_category4":"Gry dla dzieci 4-6 lat","item_category5":"Promocje Trefl","index":11};
15093</script>
15093
15094            
15095            
15096            
15097            <div class="pt-1"
15098                 x-data="initPriceBox()"
15099                 x-defer="intersect"
15100                 @update-prices-15420.window="updatePrice($event.detail);"
15101            >
15102                <div class="price-box price-final_price" data-role="priceBox" data-product-id="15420" data-price-box="product-id-15420">
15103    <span class="special-price">
15104        <span
15105    x-data x-id="['product\u002Dprice\u002D15420']"    class="price-container price-final_price&#x20;tax"
15106        >
15107            <span class="price-label">Cena promocyjna</span>
15108        <span  :id="$id('product\u002Dprice\u002D15420')"                data-price-amount="47.99"
15109        data-price-type="finalPrice"
15110        class="price-wrapper "
15111    ><span class="price">47,99 zł</span></span>
15112        </span>
15113    </span>
15114    <span class="old-price">
15115        <span
15116    x-data x-id="['old\u002Dprice\u002D15420']"    class="price-container price-final_price&#x20;tax"
15117        >
15118            <span class="price-label">Cena regularna</span>
15119        <span  :id="$id('old\u002Dprice\u002D15420')"                data-price-amount="79.99"
15120        data-price-type="oldPrice"
15121        class="price-wrapper "
15122    ><span class="price">79,99 zł</span></span>
15123        </span>
15124    </span>
15125
15126</div>            </div>
15127
15128                            <small class="text-xs text-gray-dark">
15129                    Najniższa cena z ostatnich 30 dni: 47,99 zł                </small>
15130            
15131            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
15132            ">
15133                                                                            <button
15134                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
15135                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Trefl&#x20;Active&#x20;-&#x20;Matalaki&#x20;-&#x20;Potworki"
15136                            data-addto="cart"
15137                        >
15138                            <span class="hidden sm:inline">
15139                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
15140                            </span>
15141                            <span class="ml-2 whitespace-nowrap inline">
15142                                Do koszyka                            </span>
15143                        </button>
15144                    
15145                                <div class="flex flex-wrap gap-2">
15146                                            <button x-data="initWishlist()"
15147                                x-defer="intersect"
15148                                @click.prevent="addToWishlist(15420)"
15149                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Trefl&#x20;Active&#x20;-&#x20;Matalaki&#x20;-&#x20;Potworki"
15150                                type="button"
15151                                class="inline-flex shrink-0 hover:text-red transition-colors"
15152                                data-addto="wishlist"
15153                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Trefl&#x20;Active&#x20;-&#x20;Matalaki&#x20;-&#x20;Potworki"
15154                        >
15155                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1515514 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
15156                        </button>
15157                                                                                                                        </div>
15158            </div>
15159        </div>
15160        </form>
15161                    </li>
15162                                    <li>
15163                        
15164<form method="post"
15165      action="https://www.trefl.com/checkout/cart/add/uenc/%25uenc%25/product/15415/"
15166      class="item product product-item product_addtocart_form flex flex-col size-full "
15167    >
15168    <input name="form_key" type="hidden" value="SVA98RVaN8uFSExs" />    <input type="hidden" name="product" value="15415"/>
15169        
15170                        <a href="https://www.trefl.com/puzzle-1000-el-wiktorianski-dom-10355"
15171           class="product photo product-item-photo block mx-auto mb-3 relative rounded-lg overflow-hidden w-full aspect-square hover:scale-105 transition-transform "
15172           tabindex="-1"
15173        >
15174            <img class="size-full object-contain product-image-photo"
15175     x-data=""
15176     @update-gallery-15415.window="$root.src = $event.detail"
15177        src="https://www.trefl.com/media/catalog/product/cache/5510b375ed3ad070e7c450e56463c580/1/0/10355_150_01_1.png"
15178        loading="lazy"
15179        width="360"
15180    height="360"
15181    alt="Puzzle&#x20;1000&#x20;el.&#x20;Wiktoria&#x0144;ski&#x20;dom&#x20;-&#x20;opakowanie&#x20;"
15182/>
15183
15184            <div class="absolute top-2 left-2">
15185                            <span class="px-2 py-1 text-xs mb-4 flex self-start font-medium rounded-md" data-el="sparsh-product-label"
15186                  style="color: #ffffff;background-color: #a42157;">
15187                  -10% z kodem SP10            </span>
15188        
15189            </div>
15190        </a>
15191        
15192        <div class="product-info flex flex-col grow">
15193            <div class="mt-2 mb-1 text-sm">
15194                <a
15195                    class="product-item-link line-clamp-2"
15196                    href="https://www.trefl.com/puzzle-1000-el-wiktorianski-dom-10355"
15197                    title="Puzzle 1000 el. Wiktoriański dom"
15198                    :id="`slide-desc-15415-${$id('slider-id')}`"
15199                >
15200                    Puzzle 1000 el. Wiktoriański dom                </a>
15201            </div>
15202
15203            
15204                            
15204<script nonce="eXZ0azBjcW93cGJuZmJvenZjOWRhdzFreW0yanJjN2w=">
15205    window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_15415'] = {"item_id":"211084","item_sku":"211084","magento_sku":"211084","magento_id":"15415","item_name":"Puzzle 1000 el. Wiktoria\u0144ski dom","item_list_id":"26","item_list_name":"Promocje Trefl","price":27.19,"item_category":"Puzzle 1000 element\u00f3w","item_category2":"Promocje Trefl","item_category3":"Puzzle dla doros\u0142ych","index":3};
15206</script>
15206
15207            
15208            
15209            
15210            <div class="pt-1"
15211                 x-data="initPriceBox()"
15212                 x-defer="intersect"
15213                 @update-prices-15415.window="updatePrice($event.detail);"
15214            >
15215                <div class="price-box price-final_price" data-role="priceBox" data-product-id="15415" data-price-box="product-id-15415">
15216    <span class="special-price">
15217        <span
15218    x-data x-id="['product\u002Dprice\u002D15415']"    class="price-container price-final_price&#x20;tax"
15219        >
15220            <span class="price-label">Cena promocyjna</span>
15221        <span  :id="$id('product\u002Dprice\u002D15415')"                data-price-amount="27.19"
15222        data-price-type="finalPrice"
15223        class="price-wrapper "
15224    ><span class="price">27,19 zł</span></span>
15225        </span>
15226    </span>
15227    <span class="old-price">
15228        <span
15229    x-data x-id="['old\u002Dprice\u002D15415']"    class="price-container price-final_price&#x20;tax"
15230        >
15231            <span class="price-label">Cena regularna</span>
15232        <span  :id="$id('old\u002Dprice\u002D15415')"                data-price-amount="33.99"
15233        data-price-type="oldPrice"
15234        class="price-wrapper "
15235    ><span class="price">33,99 zł</span></span>
15236        </span>
15237    </span>
15238
15239</div>            </div>
15240
15241                            <small class="text-xs text-gray-dark">
15242                    Najniższa cena z ostatnich 30 dni: 33,99 zł                </small>
15243            
15244            <div class="mt-auto pt-3 flex flex-nowrap items-center justify-between gap-y-4 gap-x-2
15245            ">
15246                                                                            <button
15247                            class="w-full sm:w-auto btn btn-secondary justify-center lowercase text-xs font-medium"
15248                            aria-label="Dodaj&#x20;do&#x20;koszyka&#x20;Puzzle&#x20;1000&#x20;el.&#x20;Wiktoria&#x0144;ski&#x20;dom"
15249                            data-addto="cart"
15250                        >
15251                            <span class="hidden sm:inline">
15252                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="20" height="20" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
15253                            </span>
15254                            <span class="ml-2 whitespace-nowrap inline">
15255                                Do koszyka                            </span>
15256                        </button>
15257                    
15258                                <div class="flex flex-wrap gap-2">
15259                                            <button x-data="initWishlist()"
15260                                x-defer="intersect"
15261                                @click.prevent="addToWishlist(15415)"
15262                                aria-label="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;1000&#x20;el.&#x20;Wiktoria&#x0144;ski&#x20;dom"
15263                                type="button"
15264                                class="inline-flex shrink-0 hover:text-red transition-colors"
15265                                data-addto="wishlist"
15266                                title="Dodaj&#x20;do&#x20;ulubionych&#x20;Puzzle&#x20;1000&#x20;el.&#x20;Wiktoria&#x0144;ski&#x20;dom"
15267                        >
15268                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" class="size-5" width="19" height="17" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.9
1526814 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
15269                        </button>
15270                                                                                                                        </div>
15271            </div>
15272        </div>
15273        </form>
15274                    </li>
15275                            </ul>
15276        </div>
15277        
15278    <div class="toolbar toolbar-products px-2" x-data="initToolbar_6ab4612350f9a()">
15279                    
15280    
15281    
15282    <div class="flex justify-center order-2 col-span-4">
15283                    <nav class="inline-flex items-center pages" aria-label="pagination">
15284                <ol class="relative z-0 inline-flex items pages-items gap-x-2">
15285                    <li class="item pages-item-previous">
15286                                                                            <a
15287                                role="link"
15288                                class="previous cursor-not-allowed opacity-65 relative inline-flex items-center justify-center text-sm text-gray-dark font-medium leading-5 bg-white border border-container-lighter rounded-lg w-10 h-10 !p-0"
15289                                aria-disabled="true"
15290                                aria-label="Wstecz"
15291                            >
15292                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="16" height="16" aria-hidden="true">
15293  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
15294</svg>
15295                            </a>
15296                                            </li>
15297
15298                    
15299                    
15300                                                                        <li class="item -ml-px">
15301                                <a
15302                                    href="https://www.trefl.com/promocje"
15303                                    class="page relative inline-flex items-center justify-center text-sm text-gray-dark font-medium leading-5 bg-white border border-container-lighter rounded-lg w-10 h-10 !p-0 transition-color duration-150 ease-in-out hover:border-container-darker hover:text-black focus:outline-none focus:border-container-darker !text-white !bg-primary !border-red"
15304                                    aria-current="page"
15305                                >
15306                                    <span class="sr-only label">
15307                                        Aktualnie czytasz stronę                                    </span>
15308                                    1                                </a>
15309                            </li>
15310                                                                                                <li class="item -ml-px">
15311                                <a
15312                                    href="https://www.trefl.com/promocje?p=2"
15313                                    class="page relative inline-flex items-center justify-center text-sm text-gray-dark font-medium leading-5 bg-white border border-container-lighter rounded-lg w-10 h-10 !p-0 transition-color duration-150 ease-in-out hover:border-container-darker hover:text-black focus:outline-none focus:border-container-darker"
15314                                >
15315                                    <span class="sr-only label">Strona</span>
15316                                    <span>2</span>
15317                                </a>
15318                            </li>
15319                                                                                                <li class="item -ml-px">
15320                                <a
15321                                    href="https://www.trefl.com/promocje?p=3"
15322                                    class="page relative inline-flex items-center justify-center text-sm text-gray-dark font-medium leading-5 bg-white border border-container-lighter rounded-lg w-10 h-10 !p-0 transition-color duration-150 ease-in-out hover:border-container-darker hover:text-black focus:outline-none focus:border-container-darker"
15323                                >
15324                                    <span class="sr-only label">Strona</span>
15325                                    <span>3</span>
15326                                </a>
15327                            </li>
15328                                                                                                <li class="item -ml-px">
15329                                <a
15330                                    href="https://www.trefl.com/promocje?p=4"
15331                                    class="page relative inline-flex items-center justify-center text-sm text-gray-dark font-medium leading-5 bg-white border border-container-lighter rounded-lg w-10 h-10 !p-0 transition-color duration-150 ease-in-out hover:border-container-darker hover:text-black focus:outline-none focus:border-container-darker"
15332                                >
15333                                    <span class="sr-only label">Strona</span>
15334                                    <span>4</span>
15335                                </a>
15336                            </li>
15337                                                                                                <li class="item -ml-px">
15338                                <a
15339                                    href="https://www.trefl.com/promocje?p=5"
15340                                    class="page relative inline-flex items-center justify-center text-sm text-gray-dark font-medium leading-5 bg-white border border-container-lighter rounded-lg w-10 h-10 !p-0 transition-color duration-150 ease-in-out hover:border-container-darker hover:text-black focus:outline-none focus:border-container-darker"
15341                                >
15342                                    <span class="sr-only label">Strona</span>
15343                                    <span>5</span>
15344                                </a>
15345                            </li>
15346                                            
15347                    
15348                    
15349                    <li class="item pages-item-next -ml-px">
15350                                                                                <a
15351                                href="https://www.trefl.com/promocje?p=2"
15352                                class="next relative inline-flex items-center justify-center text-sm text-gray-dark font-medium leading-5 bg-white border border-container-lighter rounded-lg w-10 h-10 !p-0 transition-color duration-150 ease-in-out hover:border-container-darker hover:text-black focus:outline-none focus:border-container-darker"
15353                                                                    aria-label="Nast&#x0119;pne"
15354                                                            >
15355                                                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="16" height="16" aria-hidden="true">
15356  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
15357</svg>
15358                                                            </a>
15359                                            </li>
15360                </ol>
15361            </nav>
15362            </div>
15363
15364    
15365    
15366            </div>
15367
15368<script>
15369    function initToolbar_6ab4612350f9a() {
15370        return {
15371            options: {"productListToolbarForm":{"mode":"product_list_mode","direction":"product_list_dir","order":"product_list_order","limit":"product_list_limit","modeDefault":"grid","directionDefault":"asc","orderDefault":"position","limitDefault":48,"url":"https:\/\/www.trefl.com\/promocje","formKey":"UKC9X8WYAFqrH6hZ","post":false,"page":"p"}}.productListToolbarForm || {},
15372            getUrlParams: function () {
15373                let decode = window.decodeURIComponent,
15374                    urlPaths = this.options.url.split('?'),
15375                    urlParams = urlPaths[1] ? urlPaths[1].split('&') : [],
15376                    params = {},
15377                    parameters, i;
15378
15379                for (i = 0; i < urlParams.length; i++) {
15380                    parameters = urlParams[i].split('=');
15381                    params[decode(parameters[0])] = parameters[1] !== undefined ?
15382                        decode(parameters[1].replace(/\+/g, '%20')) :
15383                        '';
15384                }
15385
15386                return params;
15387            },
15388            getCurrentLimit: function () {
15389                return this.getUrlParams()[this.options.limit] || this.options.limitDefault;
15390            },
15391            getCurrentPage: function () {
15392                return this.getUrlParams()[this.options.page] || 1;
15393            },
15394            changeUrl(paramName, paramValue, defaultValue) {
15395                let urlPaths = this.options.url.split('?'),
15396                    baseUrl = urlPaths[0],
15397                    paramData = this.getUrlParams(),
15398                    currentPage = this.getCurrentPage(),
15399                    newPage;
15400
15401                /**
15402                 * calculates the page on which the first item of the current page will
15403                 * be with the new limit and sets that number as the new page
15404                 */
15405                if (currentPage > 1 && paramName === this.options.limit) {
15406                    newPage = Math.floor(this.getCurrentLimit() * (currentPage - 1) / paramValue) + 1;
15407
15408                    if (newPage > 1) {
15409                        paramData[this.options.page] = newPage;
15410                    } else {
15411                        delete paramData[this.options.page];
15412                    }
15413                }
15414
15415                paramData[paramName] = paramValue;
15416
15417                if (this.options.post) {
15418                    hyva.postForm({action: baseUrl, data: paramData, skipUenc: true});
15419                } else {
15420                    if (paramValue === defaultValue.toString()) {
15421                        delete paramData[paramName];
15422                    }
15423                    paramData = Object.keys(paramData).length === 0
15424                        ? ''
15425                        : '?' + (new URLSearchParams(paramData));
15426                    location.href = baseUrl + paramData
15427                }
15428            },
15429        }
15430    }
15431</script>
15431
15432    </section>
15433</div></div></main><footer class="page-footer"><div class="footer content">
15433<script>
15434  addEventListener('DOMContentLoaded', () => {
15435      for (const [selector, label] of Object.entries({"aside.sidebar-main":"Sidebar Main"})) {
15436          const target = document.querySelector(selector);
15437          target && target.setAttribute('aria-label', label);
15438      }
15439  }, {once: true})
15440</script>
15440
15441<template id="trustedshops-badge_6ab4612352f27">
15442</template>
15443<script>
15444window.addEventListener('init-external-scripts', () => {
15445    const template = document.getElementById('trustedshops-badge_6ab4612352f27');
15446    if (template?.content) {
15447        const clone = document.importNode(template.content, true);
15448        document.body.appendChild(clone);
15449    }
15450}, {once: true, passive: true});
15451</script>
15451
15452<div class="container">
15453    <div id="newsletter-form-sm" style="width: 100%; max-width: 1200px; margin: 0 auto;"></div>
15454</div>
15455<section data-el="footer-yarn" class="bg-white py-8 lg:py-16 overflow-clip" aria-hidden="true">
15456    <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 141" class="w-full">
15457        <g clip-path="url(#footer-yarn-bg)"><path d="M0 110.625h132.699c122.671 0 209.069-37.945 248.88-17.772 19.906 10.079 45.331 9.078 62.941-4.65 2.131-1.658 4.18-3.523 5.396-5.937 1.216-2.413 1.462-5.472 0-7.748-2.022-3.195-6.995-3.675-9.959-1.33-2.965 2.345-3.812 6.774-2.473 10.312 1.339 3.538 4.536 6.157 8.074 7.447 3.552 1.275 7.432 1.343 11.176.905 10.519-1.22 20.534-6.446 27.597-14.372 2.418-2.715 4.918-5.979 8.525-6.35 2.555-.26 5.041 1.07 6.968 2.785 1.926 1.714 3.456 3.826 5.328 5.595 6.899 6.555 17.432 3.675 27.925 2.605l2.978-.274c30.111-3.305 34.688-18.801 39.579-25.095 4.891-6.309 7.241-.96 7.241-.96s7.746 11.89 13.088 5.238c11.134-13.85-7.241-11.642-10.315-14.097-3.088-2.455 3.252-8.434 6.599-12.712 3.087-3.95 1.27-5.664 1.27-5.664s-5-5.663-10.847-9.393c-4.577-2.921-5.438-.042-5.602 1.357-.109.919-.287 1.824-.587 2.702-1.093 3.14-4.03 8.42-10.943 4.8-7.542-3.95-2.009-13.536 1.543-14.317 4.359-.96.164-4.06.164-4.06s-9.891-6.938-12.446-8.337c-2.554-1.399-3.729 0-3.729 0s-4.044 5.87-6.708 9.613c-2.664 3.744-7.036 3.318-7.87-.11-1.065-4.347-8.511-11.108-13.511-3.305-5.001 7.803 4.932 10.45 8.62 11.108 6.9 1.22 4.017 3.387 1.913 6.198-.861 1.139-5.451 7.529-8.238 11.643a4.205 4.205 0 0 0 1.024 5.787c3.594 2.578 8.935 6.445 9.987 7.35 1.599 1.385 7.446 4.17 7.979-2.03.533-6.198 5.957-11.422 11.599-7.267 5.642 4.169.956 11.327-2.978 12.383-3.935 1.07-4.263 4.594-2.664 6.939 1.598 2.345 31.709 18.69 31.709 18.69l4.467 2.14 2.241.96c15.11 6.46 36.081 5.527 50.932-3.346 6.571-3.936 12.227-9.311 18.976-12.945 6.749-3.634 15.302-5.294 21.901-1.413 4.563 2.702 7.404 7.556 11.435 10.998 4.03 3.442 10.834 5.047 14.235.974 3.402-4.087 1.38-11.547 5.834-14.44 2.295-1.495 5.383-.96 7.815.288 2.432 1.248 4.536 3.085 6.981 4.292 6.694 3.278 14.741 1.193 21.531-1.879 13.649-6.157 19.127-28.331 34.101-28.468 75.523-.74-44.06 116.974 16.121 103.809 60.181-13.165 45.521-99.901 119.583-81.306s40.508 52.275 207.145 52.275H1440" stroke="#000" stroke-miterlimit="10"/></g><defs><clipPath id="footer-yarn-bg"><path fill="#fff" d="M0 0h1440v141H0z"/></clipPath></defs>
15458    </svg>
15459</section>
15460
15461<section data-el="footer-description" class="container mb-12 lg:mb-28 trefl-scrollbar__wrapper" aria-hidden="true">
15462    <div class="trefl-scrollbar max-h-80 prose w-full max-w-none" data-utility="trefl-scrollbar">
15463        <div id="category-view-container" class="category-view container"><style>.cc26-relative {
15464position: relative
15465}
15466.cc26-flex {
15467display: flex
15468}
15469.cc26-hidden {
15470display: none
15471}
15472.cc26-flex-shrink {
15473flex-shrink: 1
15474}
15475.cc26-transform {
15476transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
15477}
15478.cc26-border {
15479border-width: 1px
15480}
15481.cc26-transition {
15482transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
15483transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
15484transition-duration: 150ms
15485}</style>
15486    <div class="category-description">
15487                            <style>#html-body [data-pb-style=EYXVQQ8],#html-body [data-pb-style=PXM4P7G],#html-body [data-pb-style=SAFNQKV]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="" data-element="inner" data-pb-style="PXM4P7G"><div data-content-type="text" data-appearance="default" data-element="main"><h2 id="B0ROIKB"><strong>Tanie zabawki od Trefl &ndash; dobra zabawa w dobrej cenie</strong></h2>
15488<p>Wiemy, &#380;e dzi&#347; wielu rodzic&oacute;
15488w szuka sposob&oacute;w, aby kupowa&#263; <strong>tanie zabawki</strong>, ale jednocze&#347;nie nie chce rezygnowa&#263; z jako&#347;ci i bezpiecze&#324;stwa. Dlatego w <strong>Trefl </strong>przygotowali&#347;my szerok&#261; ofert&#281; produkt&oacute;w, kt&oacute;re &#322;&#261;cz&#261; rozs&#261;dn&#261; cen&#281; z dopracowanym wykonaniem i pomys&#322;ami na warto&#347;ciow&#261; zabaw&#281;. W tej kategorii znajdziesz tanie zabawki dla dzieci, kt&oacute;re nie tylko bawi&#261;, ale te&#380; rozwijaj&#261; wyobra&#378;ni&#281;, kreatywno&#347;&#263; i umiej&#281;tno&#347;ci poznawcze.</p>
15489<p>W naszej ofercie przygotowali&#347;my mi&#281;dzy innymi:</p>
15490<ul>
15491<li><a tabindex="0" href="https://www.trefl.com/promocje/puzzle"><strong>tanie puzzle</strong></a> dla dzieci i doros&#322;ych,</li>
15492<li><a tabindex="0" href="https://www.trefl.com/promocje/gry"><strong>tanie gry planszowe</strong></a> dla ca&#322;ej rodziny,</li>
15493<li>zabawki edukacyjne wspieraj&#261;ce rozw&oacute;j dziecka,</li>
15494<li>kreatywne zabawki, kt&oacute;re pobudzaj&#261; wyobra&#378;ni&#281;.</li>
15495</ul>
15496<p>Staramy si&#281;, aby ka&#380;dy m&oacute;g&#322; znale&#378;&#263; co&#347; dla siebie &ndash; od prostych zabawek dla najm&#322;odszych po bardziej rozbudowane gry rodzinne. Wierzymy, &#380;e dobra zabawa nie musi by&#263; droga, a wsp&oacute;lnie sp&#281;dzony czas jest jedn&#261; z najcenniejszych rzeczy, jakie mo&#380;emy podarowa&#263; dzieciom.</p>
15497<p>Regularnie przygotowujemy te&#380; specjalne promocje oraz sekcj&#281; <strong>tanie zabawki wyprzeda&#380;</strong>, w kt&oacute;rej pojawiaj&#261; si&#281; wyj&#261;tkowe okazje cenowe. Dzi&#281;ki temu mo&#380;na kupi&#263; ulubione produkty w jeszcze lepszych cenach i sprawi&#263; dzieciom rado&#347;&#263; bez nadwyr&#281;&#380;ania domowego bud&#380;etu.</p>
15498<h2><strong>Gdzie znale&#378;&#263; tanie zabawki dla dzieci?</strong></h2>
15499<p>Z do&#347;wiadczenia wiemy, &#380;e znalezienie <strong>niedrogich zabawek dla dzieci</strong> wcale nie musi by&#263; trudne &ndash; trzeba tylko wiedzie&#263;, gdzie szuka&#263;. Warto zwraca&#263; uwag&#281; na oferty sprawdzonych producent&oacute;w oraz oficjalne sklepy internetowe, w kt&oacute;rych cz&#281;sto pojawiaj&#261; si&#281; promocje, wyprzeda&#380;e i sezonowe rabaty.</p>
15500<p>W <strong>sklepie online Trefl</strong> staramy si&#281; regularnie przygotowywa&#263; atrakcyjne okazje cenowe. Dzi&#281;ki temu w jednym miejscu mo&#380;na znale&#378;&#263;:</p>
15501<ul>
15502<li>tanie puzzle dla dzieci i doros&#322;ych,</li>
15503<li>gry planszowe tanie, kt&oacute;re sprawdz&#261; si&#281; podczas rodzinnych wieczor&oacute;w,</li>
15504<li>zestawy edukacyjne wspieraj&#261;ce rozw&oacute;j dziecka,</li>
15505<li>kreatywne zabawki do wsp&oacute;lnej zabawy.</li>
15506</ul>
15507<p>Dobrym pomys&#322;em jest tak&#380;e &#347;ledzenie naszych promocji sezonowych. W okresie &#347;wi&#261;t, Dnia Dziecka czy pocz&#261;tku roku szkolnego cz&#281;sto pojawiaj&#261; si&#281; nowe okazje, kt&oacute;re pozwalaj&#261; kupi&#263; zabawki w naprawd&#281; atrakcyjnych cenach.</p>
15508<p>Kiedy wybieramy tanie zabawki dla dzieci, zwracamy szczeg&oacute;ln&#261; uwag&#281; na to, aby by&#322;y one:</p>
15509<ul>
15510<li>bezpieczne i zgodne z obowi&#261;zuj&#261;cymi normami,</li>
15511<li>trwa&#322;e i odporne na intensywn&#261; zabaw&#281;,</li>
15512<li>dopasowane do wieku i mo&#380;liwo&#347;ci dziecka,</li>
15513<li>ciekawe i rozwijaj&#261;ce.</li>
15514</ul>
15515<p>Dzi&#281;ki temu nawet zabawka kupiona w promocyjnej cenie <strong>mo&#380;e przynie&#347;&#263; dzieciom wiele rado&#347;ci</strong> i s&#322;u&#380;y&#263; przez d&#322;ugi czas.</p>
15516<h2><strong>Tanie zabawki Trefl &ndash; jako&#347;&#263;, kt&oacute;rej mo&#380;esz zaufa&#263;</strong></h2>
15517<p>Jako marka Trefl od lat tworzymy zabawki, kt&oacute;re maj&#261; sprawia&#263; rado&#347;&#263; dzieciom i ca&#322;ym rodzinom. Naszym celem jest <strong>&#322;&#261;czenie dobrej zabawy z rozwojem</strong> - dlatego projektuj&#261;c produkty, staramy si&#281; my&#347;le&#263; zar&oacute;wno o dzieciach, jak i o rodzicach.</p>
15518<p>Nasze zabawki cz&#281;sto trafiaj&#261; nie tylko do dom&oacute;w rodzinnych, ale tak&#380;e do:</p>
15519<ul>
15520<li>przedszkoli i szk&oacute;&#322;,</li>
15521<li>&#347;wietlic i klub&oacute;w dzieci&#281;cych,</li>
15522<li>miejsc, w kt&oacute;rych organizowane s&#261; zaj&#281;cia edukacyjne.</li>
15523</ul>
15524<p>To dla nas najlepszy dow&oacute;d na to, &#380;e dobra zabawa i dobra jako&#347;&#263; mog&#261; i&#347;&#263; w parze z rozs&#261;dn&#261; cen&#261;.</p>
15525<h2><strong>Tanie puzzle &ndash; zabawa, kt&oacute;ra wci&#261;ga na d&#322;ugo</strong></h2>
15526<p>Tanie <a tabindex="0" href="https://www.trefl.com/puzzle"><strong>
15526puzzle </strong></a>od lat nale&#380;&#261; do najch&#281;tniej wybieranych zabawek. Nic dziwnego - uk&#322;adanie puzzli daje ogromn&#261; satysfakcj&#281; i pozwala na chwil&#281; oderwa&#263; si&#281; od codziennych obowi&#261;zk&oacute;w.</p>
15527<p>W naszej ofercie przygotowali&#347;my tanie puzzle dla r&oacute;&#380;nych grup wiekowych. Mo&#380;na w&#347;r&oacute;d nich znale&#378;&#263;:</p>
15528<ul>
15529<li>puzzle dla najm&#322;odszych z du&#380;ymi elementami,</li>
15530<li><a tabindex="0" href="https://www.trefl.com/puzzle/dla-dzieci"><strong>puzzle dla dzieci</strong></a> z ulubionymi bohaterami,</li>
15531<li>puzzle rodzinne o &#347;rednim poziomie trudno&#347;ci,</li>
15532<li>zestawy dla starszych dzieci i doros&#322;ych.</li>
15533</ul>
15534<p>Uk&#322;adanie puzzli to nie tylko zabawa. To r&oacute;wnie&#380; aktywno&#347;&#263;, kt&oacute;ra pomaga rozwija&#263;:</p>
15535<ul>
15536<li>koncentracj&#281;,</li>
15537<li>spostrzegawczo&#347;&#263;,</li>
15538<li>zdolno&#347;ci manualne,</li>
15539<li>cierpliwo&#347;&#263; i wytrwa&#322;o&#347;&#263;.</li>
15540</ul>
15541<p>Bardzo lubimy moment, kiedy puzzle zaczynaj&#261; powoli tworzy&#263; obrazek, a na ko&#324;cu pojawia si&#281; satysfakcja z uko&#324;czonej uk&#322;adanki. Dlatego tanie puzzle s&#261; &#347;wietnym pomys&#322;em na spokojny wiecz&oacute;r w domu &ndash; samemu lub w gronie rodziny.</p>
15542<h2><strong>Tanie gry planszowe &ndash; wsp&oacute;lne chwile przy stole</strong></h2>
15543<p>Coraz cz&#281;&#347;ciej s&#322;yszymy od rodzic&oacute;w, &#380;e chc&#261; sp&#281;dza&#263; wi&#281;cej czasu z dzie&#263;mi bez telefon&oacute;w i ekran&oacute;w. W&#322;a&#347;nie dlatego gry planszowe tanie zn&oacute;w ciesz&#261; si&#281; tak du&#380;&#261; popularno&#347;ci&#261;.</p>
15544<p><strong>W Trefl tworzymy tanie <a tabindex="0" href="https://www.trefl.com/gry">gry planszowe</a></strong>, kt&oacute;re maj&#261; przede wszystkim zach&#281;ca&#263; do wsp&oacute;lnej zabawy. W naszej ofercie mo&#380;na znale&#378;&#263;:</p>
15545<ul>
15546<li>gry rodzinne,</li>
15547<li>gry edukacyjne dla dzieci,</li>
15548<li>gry logiczne rozwijaj&#261;ce my&#347;lenie strategiczne,</li>
15549<li>gry imprezowe dla wi&#281;kszej liczby graczy.</li>
15550</ul>
15551<p>Plansz&oacute;wki pomagaj&#261; rozwija&#263; wiele umiej&#281;tno&#347;ci, takich jak:</p>
15552<ul>
15553<li>planowanie i podejmowanie decyzji,</li>
15554<li>logiczne my&#347;lenie,</li>
15555<li>koncentracja,</li>
15556<li>wsp&oacute;&#322;praca i zdrowa rywalizacja.</li>
15557</ul>
15558<p>Dla nas najwa&#380;niejsze jest jednak to, &#380;e gry planszowe tanie pomagaj&#261; tworzy&#263; wsp&oacute;lne wspomnienia. Czas sp&#281;dzony przy planszy cz&#281;sto zamienia si&#281; w &#347;miech, emocje i rozmowy &ndash; a to w&#322;a&#347;nie takie chwile dzieci zapami&#281;tuj&#261; na d&#322;ugo.</p>
15559<h2><strong>Tanie zabawki wyprzeda&#380; &ndash; najlepsze okazje cenowe</strong></h2>
15560<p>Je&#347;li kto&#347; lubi polowa&#263; na okazje, zdecydowanie warto zajrze&#263; do sekcji <strong>tanie zabawki - wyprzeda&#380;</strong>. To miejsce, w kt&oacute;rym regularnie pojawiaj&#261; si&#281; produkty w obni&#380;onych cenach.</p>
15561<p>Podczas wyprzeda&#380;y mo&#380;na znale&#378;&#263; mi&#281;dzy innymi:</p>
15562<ul>
15563<li>tanie puzzle dla dzieci i doros&#322;ych,</li>
15564<li>gry planszowe tanie dla ca&#322;ej rodziny,</li>
15565<li>zabawki edukacyjne wspieraj&#261;ce rozw&oacute;j,</li>
15566<li>kreatywne zestawy dla najm&#322;odszych,</li>
15567<li>produkty idealne na prezent.</li>
15568</ul>
15569<p>Dla wielu rodzic&oacute;w to &#347;wietna okazja, aby:</p>
15570<ul>
15571<li>rozbudowa&#263; domow&#261; kolekcj&#281; gier i puzzli,</li>
15572<li>przygotowa&#263; prezenty na r&oacute;&#380;ne okazje,</li>
15573<li>kupi&#263; kilka zabawek w cenie jednej,</li>
15574<li>wypr&oacute;bowa&#263; nowe produkty w dobrej cenie.</li>
15575</ul>
15576<p>Cieszy nas, &#380;e dzi&#281;ki takim promocjom tanie zabawki Trefl mog&#261; trafia&#263; do jeszcze wi&#281;kszej liczby rodzin.</p></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="" data-element="inner" data-pb-style="SAFNQKV"><div data-content-type="text" data-appearance="default" data-element="main"><h2><strong>FAQ - tanie zabawki od Trefl</strong></h2></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="" data-element="inner" data-pb-style="EYXVQQ8"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="trefl-faq-container">
15577    <!-- Pytanie 1 -->
15578    <details class="faq-item">
15579        <summary class="faq-question">
15580            <h3>Czy tanie zabawki mogą być dobrej jakości?</h3>
15581        </summary>
15582        <div class="faq-answer">
15583            <p>Tak. W Trefl wierzymy, że dobra zabawka nie musi być droga. Nasze tanie zabawki powstają z trwałych materiałów i spełniają wszystkie normy bezpieczeństwa, dzięki czemu mogą służyć dzieciom przez długi czas.</p>
15584        </div>
15585    </details>
15586
15587    <!-- Pytanie 2 -->
15588    <details class="faq-item">
15589        <summary class="faq-question">
15590            <h3>Jakie tanie zabawki dla dzieci warto kupić?</h3>
15591        </summary>
15592        <div class="faq-answer">
15593            <p>Najczęściej polecamy produkty, które łączą zabawę z rozwojem, takie jak:</p>
15594            <ul>
15595                <li>tanie puzzle,</li>
15596                <li>tanie gry planszowe,</li>
15597                <li>tanie zabawki edukacyjne,</li>
15598                <li>tanie, kreatywne zabawki rozwijające wyobraźnię.</li>
15599            </ul>
15600        </div>
15601    </details>
15602
15603    <!-- Pytanie 3 -->
15604    <details class="faq-item">
15605        <summary class="faq-question">
15606            <h3>Czy tanie puzzle nadają się dla całej rodziny?</h3>
15607        </summary>
15608        <div class="faq-answer">
15609            <p>Zdecydowanie tak. Tanie puzzle są dostępne w wielu poziomach trudności, dlatego mogą je układać zarówno najmłodsze dzieci, jak i starsi członkowie rodziny.</p>
15610        </div>
15611    </details>
15612
15613    <!-- Pytanie 4 -->
15614    <details class="faq-item">
15615        <summary class="faq-question">
15616            <h3>Jak znaleźć gry planszowe tanie, ale ciekawe?</h3>
15617        </summary>
15618        <div class="faq-answer">
15619            <p>
15619Najlepiej regularnie sprawdzać ofertę producentów, takich jak Trefl oraz promocje w sklepach internetowych. W sklepie internetowym Trefl często pojawiają się gry planszowe tanie, które oferują ciekawą i angażującą rozgrywkę.</p>
15620        </div>
15621    </details>
15622
15623    <!-- Pytanie 5 -->
15624    <details class="faq-item">
15625        <summary class="faq-question">
15626            <h3>Czy gry planszowe tanie mogą mieć walory edukacyjne?</h3>
15627        </summary>
15628        <div class="faq-answer">
15629            <p>Tak. Wiele tanich gier planszowych pomaga dzieciom rozwijać logiczne myślenie, planowanie, koncentrację oraz umiejętności społeczne.</p>
15630        </div>
15631    </details>
15632
15633    <!-- Pytanie 6 -->
15634    <details class="faq-item">
15635        <summary class="faq-question">
15636            <h3>Kiedy pojawia się tanie zabawki wyprzedaż?</h3>
15637        </summary>
15638        <div class="faq-answer">
15639            <p>Najczęściej podczas różnych promocji sezonowych, na przykład:</p>
15640            <ul>
15641                <li>przed świętami,</li>
15642                <li>przed Dniem Dziecka,</li>
15643                <li>przy zmianach kolekcji,</li>
15644                <li>podczas specjalnych akcji promocyjnych w sklepie Trefl.</li>
15645            </ul>
15646        </div>
15647    </details>
15648
15649    <!-- Pytanie 7 -->
15650    <details class="faq-item">
15651        <summary class="faq-question">
15652            <h3>Czy tanie zabawki Trefl nadają się na prezent?</h3>
15653        </summary>
15654        <div class="faq-answer">
15655            <p>Oczywiście! Tanie puzzle i tanie gry planszowe Trefl bardzo często wybierane są jako prezenty na urodziny, święta czy inne okazje.</p>
15656        </div>
15657    </details>
15658
15659    <!-- Pytanie 8 -->
15660    <details class="faq-item">
15661        <summary class="faq-question">
15662            <h3>Gdzie kupić tanie zabawki?</h3>
15663        </summary>
15664        <div class="faq-answer">
15665            <p>Niedrogie zabawki, takie jak puzzle, planszówki, klocki, możesz kupić online - przede wszystkim w naszym oficjalnym sklepie internetowym www.trefl.com w specjalnej sekcji "Promocje". Kupno tanich zabawek przez internet, to przede wszystkim ogromny wybór, bezpieczeństwo oraz szybka dostawa wprost do Twojego domu lub wybranego punktu odbioru.</p>
15666        </div>
15667    </details>
15668
15669    <!-- Pytanie 9 -->
15670    <details class="faq-item">
15671        <summary class="faq-question">
15672            <h3>Dlaczego warto wybrać tanie zabawki od Trefl?</h3>
15673        </summary>
15674        <div class="faq-answer">
15675            <p>Ponieważ staramy się łączyć kilka ważnych rzeczy:</p>
15676            <ul>
15677                <li>rozsądną cenę,</li>
15678                <li>dobrą jakość wykonania,</li>
15679                <li>bezpieczeństwo użytkowania,</li>
15680                <li>pomysły na wspólną i rozwijającą zabawę dla całej rodziny.</li>
15681            </ul>
15682        </div>
15683    </details>
15684</div>
15685
15686<style>
15687    /* Import fontu Montserrat */
15688    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');
15689
15690    .trefl-faq-container {
15691        font-family: 'Montserrat', sans-serif;
15692        max-width: 1220px;
15693        width: 100%;
15694        margin: 20px auto;
15695        padding: 0 20px;
15696        box-sizing: border-box;
15697        color: #333333;
15698        text-align: left; /* Wymuszenie wyrównania kontenera do lewej */
15699    }
15700
15701    .faq-item {
15702        background: #ffffff;
15703        border: 1px solid #e0e0e0;
15704        border-radius: 8px;
15705        margin-bottom: 15px;
15706        overflow: hidden;
15707        transition: border-color 0.3s ease, box-shadow 0.3s ease;
15708    }
15709
15710    .faq-item[open] {
15711        border-color: #e2060d;
15712        box-shadow: 0 4px 12px rgba(226, 6, 13, 0.08);
15713    }
15714
15715    .faq-question {
15716        padding: 20px 24px;
15717        cursor: pointer;
15718        list-style: none;
15719        position: relative;
15720        display: flex;
15721        justify-content: space-between;
15722        align-items: center;
15723        user-select: none;
15724        transition: color 0.2s ease;
15725        text-align: left; /* Wyrównanie tekstu pytania do lewej */
15726    }
15727
15728    /* Reset domyślnych styli h3 wewnątrz akordeonu */
15729    .faq-question h3 {
15730        margin: 0;
15731        font-family: 'Montserrat', sans-serif;
15732        font-weight: 600;
15733        font-size: 16px;
15734        color: inherit;
15735        line-height: 1.4;
15736    }
15737
15738    .faq-question:hover {
15739        color: #e2060d;
15740    }
15741
15742    .faq-question::-webkit-details-marker {
15743        display: none;
15744    }
15745
15746    .faq-question::after {
15747        content: '+';
15748        font-size: 22px;
15749        font-weight: 400;
15750        color: #888888;
15751        margin-left: 20px; /* Margines oddzielający tekst od ikony przy pełnym wyrównaniu do lewej */
15752        flex-shrink: 0;
15753        transition: transform 0.3s ease, color 0.3s ease;
15754    }
15755
15756    .faq-item[open] .faq-question {
15757        color: #e2060d;
15758        border-bottom: 1px solid #f5f5f5;
15759    }
15760
15761    .faq-item[open] .faq-question::after {
15762        content: '−';
15763        transform: rotate(180px);
15764        color: #e2060d;
15765    }
15766
15767    .faq-answer {
15768        padding: 20px 24px;
15769        font-size: 15px;
15770        line-height: 1.6;
15771        color: #555555;
15772        background-color: #fafafa;
15773        text-align: left; /* Wyrównanie treści odpowiedzi do lewej */
15774    }
15775
15776    .faq-answer p {
15777        margin: 0 0 10px 0;
15778        text-align: left;
15779    }
15780    
15781    .faq-answer p:last-child {
15782        margin-bottom: 0;
15783    }
15784
15785    .faq-answer ul {
15786        margin: 0;
15787        padding-left: 20px;
15788        text-align: left;
15789    }
15790
15791    .faq-answer ul li {
15792        margin-bottom: 6px;
15793    }
15794
15795    .faq-answer ul li:last-child {
15796        margin-bottom: 0;
15797    }
15798
15799    @media (max-width: 768px) {
15800        .trefl-faq-container {
15801            margin: 15px auto;
15802            padding: 0 15px;
15803        }
15804        .faq-question {
15805            padding: 16px 18px;
15806        }
15807        .faq-question h3 {
15808            font-size: 15px;
15809        }
15810        .faq-answer {
15811            padding: 16px 18px;
15812            font-size: 14px;
15813        }
15814    }
15815</style></div></div></div>            </div>
15816</div>    </div>
15817</section>
15818
15819<section data-el="footer-social" class="relative z-10">
15820    <ul class="social-menu">
15821                    <li>
15822            <a href="https://www.facebook.com/Trefl.toys/"
15823                                  title="Przejdź na Trefl Facebook"
15824                               target="_blank"                class="text-header-top"
15825            >
15826                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" fill="none" width="24" height="24" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 1.5A2.5 2.5 0 0 0 1.5 4v6.003A2.497 2.497 0 0 0 3.997 12.5h6.006a2.497 2.497 0 0 0 2.497-2.497V3.997A2.497 2.497 0 0 0 10.003 1.5H4Zm0-1A3.5 3.5 0 0 0 .5 4v6.003A3.497 3.497 0 0 0 3.997 13.5h6.006a3.497 3.497 0 0 0 3.497-3.497V3.997A3.498 3.498 0 0 0 10.003.5H4Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.9 7.6a.5.5 0 0 1 .5-.5H10a.5.5 0 0 1 0 1H6.4a.5.5 0 0 1-.5-.5Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.765 4.765A2.27 2.27 0 0 1 9.37 4.1H10a.5.5 0 0 1 0 1h-.63A1.27 1.27 0 0 0 8.1 6.37V13a.5.5 0 0 1-1 0V6.37c0-.602.24-1.18.665-1.605Z" fill="currentColor"/></svg>
15827            </a>
15828        </li>
15829                    <li>
15830            <a href="https://pl.linkedin.com/company/trefl-s-a-"
15831                                  title="Przejdź na Trefl LinkedIn"
15832                               target="_blank"                class="text-header-top"
15833            >
15834                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" fill="none" width="24" height="24" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 1.5A2.5 2.5 0 0 0 1.5 4v6.003A2.497 2.497 0 0 0 3.997 12.5h6.006a2.497 2.497 0 0 0 2.497-2.497V3.997A2.497 2.497 0 0 0 10.003 1.5H4Zm0-1A3.5 3.5 0 0 0 .5 4v6.003A3.497 3.497 0 0 0 3.997 13.5h6.006a3.497 3.497 0 0 0 3.497-3.497V3.997A3.498 3.498 0 0 0 10.003.5H4Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.413 5.9a.5.5 0 0 1 .5.5V10a.5.5 0 1 1-1 0V6.4a.5.5 0 0 1 .5-.5ZM8.313 6.9a1 1 0 0 0-1 1V10a.5.5 0 1 1-1 0V7.9a2 2 0 1 1 4 0V10a.5.5 0 1 1-1 0V7.9a1 1 0 0 0-1-1ZM4.41 3.725a.65.65 0 1 1 .006 1.3.65.65 0 0 1-.006-1.3Z" fill="currentColor"/></svg>
15835            </a>
15836        </li>
15837                    <li>
15838            <a href="mailto:[email protected]"
15839                                  title="Wyślij e-mail na [email protected]"
15840                               target="_blank"                class="text-header-top"
15841            >
15842                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 12" fill="none" width="24" height="24" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.545 10.183h10.91c.056 0 .1-.047.1-.104V1.922a.103.103 0 0 0-.1-.105H1.544c-.055 0-.1.047-.1.105v8.157a.103.103 0 0 0 .062.096.099.099 0 0 0 .038.008Zm0 1.15h10.91c.669 0 1.212-.561 1.212-1.254V1.922c0-.693-.543-1.255-1.213-1.255H1.545C.876.667.333 1.229.333 1.922v8.157a1.293 1.293 0 0 0 .355.887 1.176 1.176 0 0 0 .857.367Z" fill="currentColor"/><path d="m1.08 2.05 5.129 3.669a1.333 1.333 0 0 0 1.55.001l5.158-3.68" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
15843            </a>
15844        </li>
15845    </ul></section>
15846
15847<section data-el="footer-menu" class="bg-gray-light py-12 lg:py-28" aria-hidden="true">
15848    <div class="container">
15849        <div x-data="{ activeTab: 0 }"
15850         role="tablist"
15851         @keydown.right.prevent.stop="activeTab = Math.min(activeTab + 1, 1)"
15852         @keydown.left.prevent.stop="activeTab = Math.max(activeTab - 1, 0)"
15853         x-defer="intersect"
15854    >
15855
15856        <div class="flex gap-x-8 overflow-x-auto">
15857                                            <button class="px-3.5 py-1 cursor-pointer font-medium transition-colors
15858                                bg-white text-red"
15859                        role="tab"
15860                        @click.prevent="activeTab = 0"
15861                        @keypress.enter="activeTab = 0"
15862                        :aria-controls="'tab-panel-' + 0"
15863                        :aria-selected="activeTab === 0"
15864                        :tabindex="activeTab === 0 ? 0 : -1"
15865                        class=""
15866                        :class="{
15867                            'bg-white text-red': activeTab === 0,
15868                            'hover:bg-white/50 focus:bg-white/50': activeTab !== 0                        }"
15869                >
15870                    Popularne kategorie                </button>
15871                                            <button class="px-3.5 py-1 cursor-pointer font-medium transition-colors
15872                                hover:bg-white/50 focus:bg-white/50"
15873                        role="tab"
15874                        @click.prevent="activeTab = 1"
15875                        @keypress.enter="activeTab = 1"
15876                        :aria-controls="'tab-panel-' + 1"
15877                        :aria-selected="activeTab === 1"
15878                        :tabindex="activeTab === 1 ? 0 : -1"
15879                        class=""
15880                        :class="{
15881                            'bg-white text-red': activeTab === 1,
15882                            'hover:bg-white/50 focus:bg-white/50': activeTab !== 1                        }"
15883                >
15884                    Popularne marki                </button>
15885                    </div>
15886
15887                <div x-show="activeTab === 0"
15888             role="tabpanel"
15889             tabindex="0"
15890             id="'tab-panel-' + 0"
15891             aria-labelledby="'tab-' + 0"
15892             :hidden="activeTab !== 0"
15893                     >
15894            <div class="grid grid-cols-2 md:grid-cols-none md:grid-flow-col md:auto-cols-auto gap-4">
15895                                                        <ul class="list-none mt-7">
15896                                            <li class="[&>
15896a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
15897                            
15898<a
15899    href="https://www.trefl.com/puzzle/puzzle-jubileuszowe"
15900    class="__inner-link"
15901     data-menu="menu-64">
15902    Puzzle na 40-lecie Trefl</a>
15903
15904                        </li>
15905                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
15906                            
15907<a
15908    href="https://www.trefl.com/puzzle/500-elementow"
15909    class="__inner-link"
15910     data-menu="menu-338">
15911    Puzzle 500 elementów</a>
15912
15913                        </li>
15914                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
15915                            
15916<a
15917    href="https://www.trefl.com/puzzle/1000-elementow"
15918    class="__inner-link"
15919     data-menu="menu-65">
15920    Puzzle 1000 elementów</a>
15921
15922                        </li>
15923                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
15924                            
15925<a
15926    href="https://www.trefl.com/puzzle/2000-elementow"
15927    class="__inner-link"
15928     data-menu="menu-66">
15929    Puzzle 2000 elementów</a>
15930
15931                        </li>
15932                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
15933                            
15934<a
15935    href="https://www.trefl.com/puzzle/3000-elementow"
15936    class="__inner-link"
15937     data-menu="menu-67">
15938    Puzzle 3000 elementów</a>
15939
15940                        </li>
15941                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
15942                            
15943<a
15944    href="https://www.trefl.com/puzzle/4000-elementow"
15945    class="__inner-link"
15946     data-menu="menu-68">
15947    Puzzle 4000 elementów</a>
15948
15949                        </li>
15950                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
15951                            
15952<a
15953    href="https://www.trefl.com/puzzle/6000-elementow"
15954    class="__inner-link"
15955     data-menu="menu-69">
15956    Puzzle 6000 elementów</a>
15957
15958                        </li>
15959                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
15960                            
15961<a
15962    href="https://www.trefl.com/puzzle/prime-uft/prime-9000"
15963    class="__inner-link"
15964     data-menu="menu-70">
15965    Puzzle 9000 elementów</a>
15966
15967                        </li>
15968                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
15969                            
15970<a
15971    href="https://www.trefl.com/puzzle/prime-uft/prime-13500"
15972    class="__inner-link"
15973     data-menu="menu-71">
15974    Puzzle 13500 elementów</a>
15975
15976                        </li>
15977                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
15978                            
15979<a
15980    href="https://www.trefl.com/puzzle/prime-uft/prime-21000"
15981    class="__inner-link"
15982     data-menu="menu-339">
15983    Puzzle 21000 elementów</a>
15984
15985                        </li>
15986                                        </ul>
15987                                                                            <ul class="list-none mt-7">
15988                                            <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
15989                            
15990<a
15991    href="https://www.trefl.com/puzzle/dla-dzieci/puzzle-3-w-1"
15992    class="__inner-link"
15993     data-menu="menu-72">
15994    Puzzle 3 w 1</a>
15995
15996                        </li>
15997                                                                                <li class="[&>
15997a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
15998                            
15999<a
16000    href="https://www.trefl.com/puzzle/dla-dzieci/puzzle-4-w-1"
16001    class="__inner-link"
16002     data-menu="menu-73">
16003    Puzzle 4 w 1</a>
16004
16005                        </li>
16006                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16007                            
16008<a
16009    href="https://www.trefl.com/puzzle/prime-uft/velvet"
16010    class="__inner-link"
16011     data-menu="menu-74">
16012    Puzzle Velvet</a>
16013
16014                        </li>
16015                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16016                            
16017<a
16018    href="https://www.trefl.com/puzzle/puzzle-premium-plus-quality"
16019    class="__inner-link"
16020     data-menu="menu-75">
16021    Puzzle Premium Plus</a>
16022
16023                        </li>
16024                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16025                            
16026<a
16027    href="https://www.trefl.com/puzzle/drewniane"
16028    class="__inner-link"
16029     data-menu="menu-76">
16030    Puzzle drewniane</a>
16031
16032                        </li>
16033                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16034                            
16035<a
16036    href="https://www.trefl.com/puzzle/puzzle-filmowe"
16037    class="__inner-link"
16038     data-menu="menu-77">
16039    Puzzle filmowe</a>
16040
16041                        </li>
16042                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16043                            
16044<a
16045    href="https://www.trefl.com/puzzle/puzzle-kosmos"
16046    class="__inner-link"
16047     data-menu="menu-78">
16048    Puzzle kosmos</a>
16049
16050                        </li>
16051                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16052                            
16053<a
16054    href="https://www.trefl.com/puzzle/puzzle-krajobrazy"
16055    class="__inner-link"
16056     data-menu="menu-79">
16057    Puzzle krajobrazy</a>
16058
16059                        </li>
16060                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16061                            
16062<a
16063    href="https://www.trefl.com/puzzle/puzzle-kulinarne"
16064    class="__inner-link"
16065     data-menu="menu-80">
16066    Puzzle kulinarne</a>
16067
16068                        </li>
16069                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16070                            
16071<a
16072    href="https://www.trefl.com/puzzle/puzzle-mapy"
16073    class="__inner-link"
16074     data-menu="menu-81">
16075    Puzzle mapy</a>
16076
16077                        </li>
16078                                        </ul>
16079                                                                            <ul class="list-none mt-7">
16080                                            <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16081                            
16082<a
16083    href="https://www.trefl.com/puzzle/puzzle-miasta"
16084    class="__inner-link"
16085     data-menu="menu-82">
16086    Puzzle miasta</a>
16087
16088                        </li>
16089                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16090                            
16091<a
16092    href="https://www.trefl.com/puzzle/puzzle-obrazy"
16093    class="__inner-link"
16094     data-menu="menu-83">
16095    Puzzle obrazy</a>
16096
16097                        </li>
16098                                                                                <li class="[&>
16098a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16099                            
16100<a
16101    href="https://www.trefl.com/puzzle/puzzle-samochody"
16102    class="__inner-link"
16103     data-menu="menu-84">
16104    Puzzle samochody</a>
16105
16106                        </li>
16107                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16108                            
16109<a
16110    href="https://www.trefl.com/puzzle/puzzle-statki"
16111    class="__inner-link"
16112     data-menu="menu-340">
16113    Puzzle statki</a>
16114
16115                        </li>
16116                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16117                            
16118<a
16119    href="https://www.trefl.com/puzzle/puzzle-zwierzeta"
16120    class="__inner-link"
16121     data-menu="menu-85">
16122    Puzzle zwierzęta</a>
16123
16124                        </li>
16125                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16126                            
16127<a
16128    href="https://www.trefl.com/puzzle/puzzle-swiateczne"
16129    class="__inner-link"
16130     data-menu="menu-86">
16131    Puzzle świąteczne</a>
16132
16133                        </li>
16134                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16135                            
16136<a
16137    href="https://www.trefl.com/puzzle/puzzloramy"
16138    class="__inner-link"
16139     data-menu="menu-87">
16140    PuzzloRamy</a>
16141
16142                        </li>
16143                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16144                            
16145<a
16146    href="https://www.trefl.com/puzzle/fotopuzzle"
16147    class="__inner-link"
16148     data-menu="menu-395">
16149    Fotopuzzle</a>
16150
16151                        </li>
16152                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16153                            
16154<a
16155    href="https://www.trefl.com/puzzle/akcesoria"
16156    class="__inner-link"
16157     data-menu="menu-350">
16158    Akcesoria do puzzli</a>
16159
16160                        </li>
16161                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16162                            
16163<a
16164    href="https://www.trefl.com/gry/rodzinne"
16165    class="__inner-link"
16166     data-menu="menu-88">
16167    Gry rodzinne</a>
16168
16169                        </li>
16170                                        </ul>
16171                                                                            <ul class="list-none mt-7">
16172                                            <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16173                            
16174<a
16175    href="https://www.trefl.com/gry/towarzyskie"
16176    class="__inner-link"
16177     data-menu="menu-89">
16178    Gry towarzyskie</a>
16179
16180                        </li>
16181                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16182                            
16183<a
16184    href="https://www.trefl.com/gry/zrecznosciowe"
16185    class="__inner-link"
16186     data-menu="menu-90">
16187    Gry zręcznościowe</a>
16188
16189                        </li>
16190                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16191                            
16192<a
16193    href="https://www.trefl.com/gry/edukacyjne"
16194    class="__inner-link"
16195     data-menu="menu-91">
16196    Gry edukacyjne dla dzieci</a>
16197
16198                        </li>
16199                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16200                            
16201<a
16202    href="https://www.trefl.com/gry/dla-grup-przedszkoli"
16203    class="__inner-link"
16204     data-menu="menu-447">
16205    Gry dla grup i przedszkoli</a>
16206
16207                        </li>
16208                                                                                <li class="[&>
16208a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16209                            
16210<a
16211    href="https://www.trefl.com/gry/imprezowe"
16212    class="__inner-link"
16213     data-menu="menu-92">
16214    Gry imprezowe</a>
16215
16216                        </li>
16217                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16218                            
16219<a
16220    href="https://www.trefl.com/gry/domino-i-memos"
16221    class="__inner-link"
16222     data-menu="menu-93">
16223    Gry memory</a>
16224
16225                        </li>
16226                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16227                            
16228<a
16229    href="https://www.trefl.com/gry/1st-game"
16230    class="__inner-link"
16231     data-menu="menu-94">
16232    Pierwsze gry / 1st games</a>
16233
16234                        </li>
16235                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16236                            
16237<a
16238    href="https://www.trefl.com/gry/karciane"
16239    class="__inner-link"
16240     data-menu="menu-95">
16241    Gry karciane</a>
16242
16243                        </li>
16244                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16245                            
16246<a
16247    href="https://www.trefl.com/gry/gry-fantasy"
16248    class="__inner-link"
16249     data-menu="menu-98">
16250    Gry fantasy</a>
16251
16252                        </li>
16253                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16254                            
16255<a
16256    href="https://www.trefl.com/gry/5-sekund"
16257    class="__inner-link"
16258     data-menu="menu-96">
16259    Gry 5 sekund</a>
16260
16261                        </li>
16262                                        </ul>
16263                                                                            <ul class="list-none mt-7">
16264                                            <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16265                            
16266<a
16267    href="https://www.trefl.com/gry/boom-boom"
16268    class="__inner-link"
16269     data-menu="menu-97">
16270    Gry Boom Boom</a>
16271
16272                        </li>
16273                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16274                            
16275<a
16276    href="https://www.trefl.com/gry/magajaja"
16277    class="__inner-link"
16278     data-menu="menu-352">
16279    Gry Magajaja</a>
16280
16281                        </li>
16282                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16283                            
16284<a
16285    href="https://www.trefl.com/gry/mistakos"
16286    class="__inner-link"
16287     data-menu="menu-353">
16288    Gry Mistakos</a>
16289
16290                        </li>
16291                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16292                            
16293<a
16294    href="https://www.trefl.com/gry/gry-spy-guy"
16295    class="__inner-link"
16296     data-menu="menu-99">
16297    Gry Spy Guy</a>
16298
16299                        </li>
16300                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16301                            
16302<a
16303    href="https://www.trefl.com/gry/skoczki"
16304    class="__inner-link"
16305     data-menu="menu-101">
16306    Gry Skoczki</a>
16307
16308                        </li>
16309                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16310                            
16311<a
16312    href="https://www.trefl.com/gry/level-up"
16313    class="__inner-link"
16314     data-menu="menu-100">
16315    Gry level up</a>
16316
16317                        </li>
16318                                                                                <li class="[&>
16318a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16319                            
16320<a
16321    href="https://www.trefl.com/gry/chinczyk"
16322    class="__inner-link"
16323     data-menu="menu-102">
16324    Chińczyk</a>
16325
16326                        </li>
16327                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16328                            
16329<a
16330    href="https://www.trefl.com/gry/warcaby"
16331    class="__inner-link"
16332     data-menu="menu-351">
16333    Warcaby</a>
16334
16335                        </li>
16336                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16337                            
16338<a
16339    href="https://www.trefl.com/zabawki/interaktywne"
16340    class="__inner-link"
16341     data-menu="menu-103">
16342    Zabawki interaktywne</a>
16343
16344                        </li>
16345                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16346                            
16347<a
16348    href="https://www.trefl.com/zabawki/klocki/klocki-ceramiczne"
16349    class="__inner-link"
16350     data-menu="menu-104">
16351    Klocki ceramiczne</a>
16352
16353                        </li>
16354                                        </ul>
16355                                                                            <ul class="list-none mt-7">
16356                                            <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16357                            
16358<a
16359    href="https://www.trefl.com/zabawki/klocki/konstrukcyjne"
16360    class="__inner-link"
16361     data-menu="menu-354">
16362    Klocki konstrukcyjne</a>
16363
16364                        </li>
16365                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16366                            
16367<a
16368    href="https://www.trefl.com/zabawki/klocki/klocki-magnetyczne-geomag"
16369    class="__inner-link"
16370     data-menu="menu-105">
16371    Klocki magnetyczne</a>
16372
16373                        </li>
16374                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16375                            
16376<a
16377    href="https://www.trefl.com/zabawki/magiczne-sztuczki"
16378    class="__inner-link"
16379     data-menu="menu-489">
16380    Magiczne Sztuczki</a>
16381
16382                        </li>
16383                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16384                            
16385<a
16386    href="https://www.trefl.com/zabawki/drewniane"
16387    class="__inner-link"
16388     data-menu="menu-106">
16389    Zabawki drewniane</a>
16390
16391                        </li>
16392                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16393                            
16394<a
16395    href="https://www.trefl.com/zabawki/outdoorowe"
16396    class="__inner-link"
16397     data-menu="menu-107">
16398    Zabawki do ogrodu</a>
16399
16400                        </li>
16401                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16402                            
16403<a
16404    href="https://www.trefl.com/zabawki/zestawy-naukowe"
16405    class="__inner-link"
16406     data-menu="menu-108">
16407    Zabawki naukowe</a>
16408
16409                        </li>
16410                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16411                            
16412<a
16413    href="https://www.trefl.com/zabawki/modele"
16414    class="__inner-link"
16415     data-menu="menu-109">
16416    Modele pojazdów</a>
16417
16418                        </li>
16419                                                                                <li class="[&>
16419a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16420                            
16421<a
16422    href="https://www.trefl.com/ksiazki"
16423    class="__inner-link"
16424     data-menu="menu-110">
16425    Książki dla dzieci</a>
16426
16427                        </li>
16428                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16429                            
16430<a
16431    href="https://www.trefl.com/ksiazki/ksiazki-dla-rodzicow"
16432    class="__inner-link"
16433     data-menu="menu-355">
16434    Książki dla rodziców</a>
16435
16436                        </li>
16437                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16438                            
16439<a
16440    href="https://www.trefl.com/produkty-fsc"
16441    class="__inner-link"
16442     data-menu="menu-111">
16443    Produkty FSC</a>
16444
16445                        </li>
16446                                        </ul>
16447                                                </div>
16448        </div>
16449                <div x-show="activeTab === 1"
16450             role="tabpanel"
16451             tabindex="0"
16452             id="'tab-panel-' + 1"
16453             aria-labelledby="'tab-' + 1"
16454             :hidden="activeTab !== 1"
16455             x-cloak        >
16456            <div class="grid grid-cols-2 md:grid-cols-none md:grid-flow-col md:auto-cols-auto gap-4">
16457                                                        <ul class="list-none mt-7">
16458                                            <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16459                            
16460<a
16461    href="https://www.trefl.com/marki/44-cats"
16462    class="__inner-link"
16463     data-menu="menu-113">
16464    44 Cats</a>
16465
16466                        </li>
16467                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16468                            
16469<a
16470    href="https://www.trefl.com/marki/avengers"
16471    class="__inner-link"
16472     data-menu="menu-114">
16473    Avengers</a>
16474
16475                        </li>
16476                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16477                            
16478<a
16479    href="https://www.trefl.com/marki/baby-shark"
16480    class="__inner-link"
16481     data-menu="menu-115">
16482    Baby Shark</a>
16483
16484                        </li>
16485                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16486                            
16487<a
16488    href="https://www.trefl.com/marki/barbie"
16489    class="__inner-link"
16490     data-menu="menu-116">
16491    Barbie</a>
16492
16493                        </li>
16494                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16495                            
16496<a
16497    href="https://www.trefl.com/marki/basia"
16498    class="__inner-link"
16499     data-menu="menu-117">
16500    Basia</a>
16501
16502                        </li>
16503                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16504                            
16505<a
16506    href="https://www.trefl.com/marki/bing"
16507    class="__inner-link"
16508     data-menu="menu-118">
16509    Bing</a>
16510
16511                        </li>
16512                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16513                            
16514<a
16515    href="https://www.trefl.com/marki/bobaski-i-mis"
16516    class="__inner-link"
16517     data-menu="menu-119">
16518    Bobaski i Miś</a>
16519
16520                        </li>
16521                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16522                            
16523<a
16524    href="https://www.trefl.com/marki/cars"
16525    class="__inner-link"
16526     data-menu="menu-120">
16527    Cars</a>
16528
16529                        </li>
16530                                                                                <li class="[&>
16530a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16531                            
16532<a
16533    href="https://www.trefl.com/marki/cocomelon"
16534    class="__inner-link"
16535     data-menu="menu-356">
16536    Cocomelon</a>
16537
16538                        </li>
16539                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16540                            
16541<a
16542    href="https://www.trefl.com/marki/diplodok"
16543    class="__inner-link"
16544     data-menu="menu-121">
16545    Diplodok</a>
16546
16547                        </li>
16548                                        </ul>
16549                                                                            <ul class="list-none mt-7">
16550                                            <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16551                            
16552<a
16553    href="https://www.trefl.com/marki/disney"
16554    class="__inner-link"
16555     data-menu="menu-341">
16556    Disney</a>
16557
16558                        </li>
16559                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16560                            
16561<a
16562    href="#"
16563    class="__inner-link"
16564     data-menu="menu-122">
16565    Dungeons & Dragons</a>
16566
16567                        </li>
16568                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16569                            
16570<a
16571    href="https://www.trefl.com/marki/enchantimals"
16572    class="__inner-link"
16573     data-menu="menu-123">
16574    Enchantimals</a>
16575
16576                        </li>
16577                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16578                            
16579<a
16580    href="https://www.trefl.com/marki/friends"
16581    class="__inner-link"
16582     data-menu="menu-124">
16583    Friends</a>
16584
16585                        </li>
16586                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16587                            
16588<a
16589    href="https://www.trefl.com/marki/kraina-lodu"
16590    class="__inner-link"
16591     data-menu="menu-125">
16592    Frozen / Kraina Lodu</a>
16593
16594                        </li>
16595                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16596                            
16597<a
16598    href="https://www.trefl.com/marki/garfield"
16599    class="__inner-link"
16600     data-menu="menu-342">
16601    Garfield</a>
16602
16603                        </li>
16604                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16605                            
16606<a
16607    href="https://www.trefl.com/marki/harry-potter"
16608    class="__inner-link"
16609     data-menu="menu-126">
16610    Harry Potter</a>
16611
16612                        </li>
16613                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16614                            
16615<a
16616    href="https://www.trefl.com/marki/hello-kitty"
16617    class="__inner-link"
16618     data-menu="menu-343">
16619    Hello Kitty</a>
16620
16621                        </li>
16622                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16623                            
16624<a
16625    href="https://www.trefl.com/marki/kicia-kocia"
16626    class="__inner-link"
16627     data-menu="menu-127">
16628    Kicia Kocia</a>
16629
16630                        </li>
16631                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16632                            
16633<a
16634    href="https://www.trefl.com/marki/koci-domek-gabi"
16635    class="__inner-link"
16636     data-menu="menu-128">
16637    Koci Domek Gabi</a>
16638
16639                        </li>
16640                                        </ul>
16641                                                                            <ul class="list-none mt-7">
16642                                            <li class="[&>
16642a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16643                            
16644<a
16645    href="https://www.trefl.com/marki/kucyki-pony"
16646    class="__inner-link"
16647     data-menu="menu-129">
16648    Kucyki Pony</a>
16649
16650                        </li>
16651                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16652                            
16653<a
16654    href="https://www.trefl.com/marki/lilo-stitch"
16655    class="__inner-link"
16656     data-menu="menu-130">
16657    Lilo & Stitch</a>
16658
16659                        </li>
16660                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16661                            
16662<a
16663    href="https://www.trefl.com/marki/lol-surprise"
16664    class="__inner-link"
16665     data-menu="menu-344">
16666    LOL Surprise</a>
16667
16668                        </li>
16669                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16670                            
16671<a
16672    href="https://www.trefl.com/marki/minionki"
16673    class="__inner-link"
16674     data-menu="menu-131">
16675    Minionki</a>
16676
16677                        </li>
16678                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16679                            
16680<a
16681    href="https://www.trefl.com/marki/myszka-mickey"
16682    class="__inner-link"
16683     data-menu="menu-132">
16684    Myszka Miki</a>
16685
16686                        </li>
16687                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16688                            
16689<a
16690    href="https://www.trefl.com/marki/myszka-minnie"
16691    class="__inner-link"
16692     data-menu="menu-133">
16693    Myszka Minnie</a>
16694
16695                        </li>
16696                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16697                            
16698<a
16699    href="https://www.trefl.com/marki/park-jurajski"
16700    class="__inner-link"
16701     data-menu="menu-134">
16702    Park Jurajski</a>
16703
16704                        </li>
16705                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16706                            
16707<a
16708    href="https://www.trefl.com/marki/psi-patrol"
16709    class="__inner-link"
16710     data-menu="menu-135">
16711    Psi Patrol</a>
16712
16713                        </li>
16714                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16715                            
16716<a
16717    href="https://www.trefl.com/marki/pusheen"
16718    class="__inner-link"
16719     data-menu="menu-345">
16720    Pusheen</a>
16721
16722                        </li>
16723                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16724                            
16725<a
16726    href="https://www.trefl.com/marki/rainbow-high"
16727    class="__inner-link"
16728     data-menu="menu-136">
16729    Rainbow High</a>
16730
16731                        </li>
16732                                        </ul>
16733                                                                            <ul class="list-none mt-7">
16734                                            <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16735                            
16736<a
16737    href="https://www.trefl.com/marki/rick-i-morty"
16738    class="__inner-link"
16739     data-menu="menu-346">
16740    Rick i Morty</a>
16741
16742                        </li>
16743                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16744                            
16745<a
16746    href="https://www.trefl.com/rodzina-treflikow"
16747    class="__inner-link"
16748     data-menu="menu-137">
16749    Rodzina Treflików</a>
16750
16751                        </li>
16752                                                                                <li class="[&>
16752a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16753                            
16754<a
16755    href="https://www.trefl.com/marki/smerfy"
16756    class="__inner-link"
16757     data-menu="menu-138">
16758    Smerfy</a>
16759
16760                        </li>
16761                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16762                            
16763<a
16764    href="https://www.trefl.com/marki/smiley-world"
16765    class="__inner-link"
16766     data-menu="menu-357">
16767    Smiley World</a>
16768
16769                        </li>
16770                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16771                            
16772<a
16773    href="https://www.trefl.com/marki/spiderman"
16774    class="__inner-link"
16775     data-menu="menu-139">
16776    Spiderman</a>
16777
16778                        </li>
16779                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16780                            
16781<a
16782    href="https://www.trefl.com/marki/spidey"
16783    class="__inner-link"
16784     data-menu="menu-140">
16785    Spidey</a>
16786
16787                        </li>
16788                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16789                            
16790<a
16791    href="https://www.trefl.com/marki/spongebob-kanciastoporty"
16792    class="__inner-link"
16793     data-menu="menu-347">
16794    SpongeBob Kanciastoporty</a>
16795
16796                        </li>
16797                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16798                            
16799<a
16800    href="https://www.trefl.com/marki/spy-guy"
16801    class="__inner-link"
16802     data-menu="menu-358">
16803    Spy Guy</a>
16804
16805                        </li>
16806                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16807                            
16808<a
16809    href="https://www.trefl.com/marki/star-wars"
16810    class="__inner-link"
16811     data-menu="menu-141">
16812    Star Wars</a>
16813
16814                        </li>
16815                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16816                            
16817<a
16818    href="https://www.trefl.com/marki/strazak-sam"
16819    class="__inner-link"
16820     data-menu="menu-142">
16821    Strażak Sam</a>
16822
16823                        </li>
16824                                        </ul>
16825                                                                            <ul class="list-none mt-7">
16826                                            <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16827                            
16828<a
16829    href="https://www.trefl.com/marki/swinka-peppa"
16830    class="__inner-link"
16831     data-menu="menu-143">
16832    Świnka Peppa</a>
16833
16834                        </li>
16835                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16836                            
16837<a
16838    href="https://www.trefl.com/marki/tomek-i-przyjaciele"
16839    class="__inner-link"
16840     data-menu="menu-144">
16841    Tomek i Przyjaciele</a>
16842
16843                        </li>
16844                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16845                            
16846<a
16847    href="https://www.trefl.com/marki/w-glowie-sie-nie-miesci-2"
16848    class="__inner-link"
16849     data-menu="menu-348">
16850    W głowie się nie mieści</a>
16851
16852                        </li>
16853                                                                                <li class="[&>a:hover]:hover:underline [&>a]:w-full [&>a]:block py-1 text-xs md:text-sm">
16854                            
16855<a
16856    href="https://www.trefl.com/marki/wladca-pierscieni"
16857    class="__inner-link"
16858     data-menu="menu-349">
16859    Władca Pierścieni</a>
16860
16861                        </li>
16862                                                </div>
16863        </div>
16864            </div>    </div>
16865</section>
16866
16867<section class="bg-white py-16 relative overflow-clip trefl-bg-logo bg-no-repeat bg-left-bottom"
16868         style="background-size: auto 80%;">
16869    <div class="container grid grid-cols-1 md:grid-cols-4 gap-4">
16870        <div class="col-span-1 relative">
16871            <img src="https://www.trefl.com/static/version1789064390/frontend/Trefl/hyva-trefl/pl_PL/images/logo.svg"
16872                 alt=""
16873                 width="94"
16874                 height="47"
16875                 decoding="async"
16876                 aria-hidden="true"
16877            />
16878
16879                        <div class="mt-10 [&_a:hover]:underline">
16880                <p style="display: block;"><img class="lazyload" alt="" data-src="https://www.trefl.com/media/wysiwyg/logo_small.png"></p>
16881<p>ul. Kontenerowa 25</p>
16882<p>81-155 Gdynia</p>
16883<p><a href="mailto:[email protected]">[email protected]</a></p>
16884<p>+48 58 66 67 333</p>            </div>
16885            
16886                        <div class="mt-10">
16887                
16888<div class="field flex gap-4 items-center">
16889    <label class="label" for="language-selector">
16890        Język:
16891    </label>
16892    <div class="control">
16893        <select class="form-select lowercase select-none"
16894                id="language-selector"
16895                onchange="window.location.href = event.target.value">
16896                            <option value="https://www.trefl.com/"
16897                    selected                >
16898                    polski                </option>
16899                            <option value="https://www.trefl.com/en/"
16900                                    >
16901                    english                </option>
16902                    </select>
16903    </div>
16904</div>
16905            </div>
16906                    </div>
16907        <div class="col-span-3">
16908                        
16909<div class="grid md:grid-flow-col grid-cols-2 md:grid-cols-none md:auto-cols-max justify-end gap-y-6 gap-x-12 md:mt-10" style="padding-top: 47px;">
16910            <ul class="flex flex-col [&_a:hover]:underline text-xs gap-2" role="menu">
16911                            <li role="menuitem">
16912<a
16913    href="https://www.trefl.com/komunikacja-z-akcjonariuszami"
16914    class="trtre__inner-link"
16915     data-menu="menu-166">
16916    Dla akcjonariuszy</a>
16917</li>
16918                            <li role="menuitem">
16919<a
16920    href="https://www.trefl.com/projekty-unijne"
16921    class="trtre__inner-link"
16922     data-menu="menu-165">
16923    Projekty unijne</a>
16924</li>
16925                            <li role="menuitem">
16926<a
16927    href="https://www.trefl.com/sygnalisci"
16928    class="trtre__inner-link"
16929     data-menu="menu-168">
16930    Sygnaliści</a>
16931</li>
16932                            <li role="menuitem">
16933<a
16934    href="https://www.trefl.com/strategia-podatkowa"
16935    class="trtre__inner-link"
16936     data-menu="menu-167">
16937    Strategia podatkowa</a>
16938</li>
16939                    </ul>
16940            <ul class="flex flex-col [&_a:hover]:underline text-xs gap-2" role="menu">
16941                            <li role="menuitem">    <a
16942        href="/blog"
16943        data-menu="menu-406" class="trtre__inner-link"    >
16944        Blog    </a>
16945
16946</li>
16947                            <li role="menuitem">
16948<a
16949    href="https://www.trefl.com/grupa-trefl"
16950    class="trtre__inner-link"
16951     data-menu="menu-407">
16952    Grupa Trefl</a>
16953</li>
16954                            <li role="menuitem">
16955<a
16956    href="https://www.trefl.com/kariera"
16957    class="trtre__inner-link"
16958     data-menu="menu-408">
16959    Kariera</a>
16960</li>
16961                            <li role="menuitem">    <a
16962        href="https://www.trefl.com/logo-trefl"
16963        data-menu="menu-409" class="trtre__inner-link"    >
16964        Logo Trefl    </a>
16965
16966</li>
16967                            <li role="menuitem">
16968<a
16969    href="https://www.trefl.com/regulamin-materialow-promocyjnych"
16970    class="trtre__inner-link"
16971     data-menu="menu-411">
16972    Materiały promocyjne</a>
16973</li>
16974                            <li role="menuitem">    <a
16975        href="https://b2b.trefl.com/"
16976        data-menu="menu-412" class="trtre__inner-link" target="_blank" rel="noopener"    >
16977        Platforma zamówień B2B    </a>
16978
16979</li>
16980                            <li role="menuitem">
16981<a
16982    href="https://www.trefl.com/b2b"
16983    class="trtre__inner-link"
16984     data-menu="menu-448">
16985    Oferta B2B</a>
16986</li>
16987                            <li role="menuitem">
16988<a
16989    href="https://www.trefl.com/ankieta"
16990    class="trtre__inner-link"
16991     data-menu="menu-413">
16992    Przekaż nam opinię</a>
16993</li>
16994                    </ul>
16995            <ul class="flex flex-col [&_a:hover]:underline text-xs gap-2" role="menu">
16996                            <li role="menuitem">    <a
16997        href="https://katalogi.trefl.com/"
16998        data-menu="menu-150" class="trtre__inner-link" target="_blank" rel="noopener"    >
16999        E-katalog Trefl PL/EN/DE    </a>
17000
17001</li>
17002                            <li role="menuitem">    <a
17003        href="https://trefl-magento-prod.s3.eu-central-1.amazonaws.com/pr/katalog_AW2026.pdf"
17004        data-menu="menu-151" class="trtre__inner-link" target="_blank" rel="noopener"    >
17005        Katalog Puzzle/Gry/Zabawki 2026 AW    </a>
17006
17007</li>
17008                            <li role="menuitem">    <a
17009        href="https://trefl-magento-prod.s3.eu-central-1.amazonaws.com/pr/Trefl-Catalogue-SS-2026.pdf"
17010        data-menu="menu-626" class="trtre__inner-link" target="_blank" rel="noopener"    >
17011        Katalog Puzzle/Gry/Zabawki 2026 SS    </a>
17012
17013</li>
17014                            <li role="menuitem">    <a
17015        href="https://trefl-magento-prod.s3.eu-central-1.amazonaws.com/pr/Trefl-Catalogue-DE-2025.pdf"
17016        data-menu="menu-336" class="trtre__inner-link" target="_blank" rel="noopener"    >
17017        Katalog Puzzle/Gry DE 2025    </a>
17018
17019</li>
17020                            <li role="menuitem">    <a
17021        href="https://trefl-magento-prod.s3.eu-central-1.amazonaws.com/pr/The-Treflik_Family-Catalogue-SS-2025.pdf"
17022        data-menu="menu-152" class="trtre__inner-link" target="_blank" rel="noopener"    >
17023        Katalog Rodzina Treflików 2025 SS    </a>
17024
17025</li>
17026                            <li role="menuitem">    <a
17027        href="https://trefl-magento-prod.s3.eu-central-1.amazonaws.com/pr/Katalog+Norymberga+2024.pdf"
17028        data-menu="menu-153" class="trtre__inner-link" target="_blank" rel="noopener"    >
17029        Katalog Spielwarenmesse 2024    </a>
17030
17031</li>
17032                            <li role="menuitem">
17033<a
17034    href="https://www.trefl.com/instrukcje-gier-w-jezyku-ukrainskim"
17035    class="trtre__inner-link"
17036     data-menu="menu-159">
17037    Instrukcje gier UA/інструкції до гри</a>
17038</li>
17039                    </ul>
17040            <ul class="flex flex-col [&_a:hover]:underline text-xs gap-2" role="menu">
17041                            <li role="menuitem">
17042<a
17043    href="https://www.trefl.com/regulamin"
17044    class="trtre__inner-link"
17045     data-menu="menu-171">
17046    Regulamin</a>
17047</li>
17048                            <li role="menuitem">
17049<a
17050    href="https://www.trefl.com/polityka-prywatnosci"
17051    class="trtre__inner-link"
17052     data-menu="menu-172">
17053    Polityka prywatności</a>
17054</li>
17055                            <li role="menuitem">
17056<a
17057    href="https://www.trefl.com/dostawa"
17058    class="trtre__inner-link"
17059     data-menu="menu-174">
17060    Dostawa</a>
17061</li>
17062                            <li role="menuitem">
17063<a
17064    href="https://www.trefl.com/formy-platnosci"
17065    class="trtre__inner-link"
17066     data-menu="menu-175">
17067    Formy płatności</a>
17068</li>
17069                            <li role="menuitem">    <a
17070        href="/pomoc#Zwroty"
17071        data-menu="menu-178" class="trtre__inner-link"    >
17072        Zwroty    </a>
17073
17074</li>
17075                            <li role="menuitem">
17076<a
17077    href="https://www.trefl.com/reklamacje"
17078    class="trtre__inner-link"
17079     data-menu="menu-176">
17080    Reklamacje</a>
17081</li>
17082                            <li role="menuitem">
17083<a
17084    href="https://www.trefl.com/reklamacje-puzzle-prime"
17085    class="trtre__inner-link"
17086     data-menu="menu-177">
17087    Reklamacje Puzzle Prime</a>
17088</li>
17089                            <li role="menuitem">    <a
17090        href="https://www.trefl.com/pomoc"
17091        data-menu="menu-179" class="trtre__inner-link"    >
17092        Pomoc / FAQ    </a>
17093
17094</li>
17095                            <li role="menuitem">    <a
17096        href="/contact"
17097        data-menu="menu-169" class="trtre__inner-link"    >
17098        Kontakt    </a>
17099
17100</li>
17101                    </ul>
17102    </div>
17103                    </div>
17104    </div>
17105</section>
17106
17107<div class="container relative">
17108    <button x-data="usercentricsMobile"
17109            @click.prevent="showUserCentricsLayer"
17110            title="Ustawienia&#x20;prywatno&#x015B;ci"
17111            @resize.debounce.100.window="initUsercentricsMobile"
17112            class="absolute right-2 bottom-2 w-11 h-11 bg-primary text-white rounded-full flex items-center justify-center shadow-xl md:!hidden"
17113            x-show="isAvailable"
17114            x-cloak>
17115        <svg xmlns="http://www.w3.org/2000/svg" height="100%" viewB
17115ox="0 0 24 24" width="100%" fill="currentColor" aria-hidden="true" class="size-5"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M11.19 1.36l-7 3.11C3.47 4.79 3 5.51 3 6.3V11c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V6.3c0-.79-.47-1.51-1.19-1.83l-7-3.11c-.51-.23-1.11-.23-1.62 0zm-1.9 14.93L6.7 13.7c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0L10 14.17l5.88-5.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-6.59 6.59c-.38.39-1.02.39-1.41 0z"></path></svg>
17116    </button>
17117</div>
17118
17119<script>
17120    function usercentricsMobile() {
17121        return {
17122            isAvailable: false,
17123            originalButton: null,
17124            isInitialized: false,
17125            init() {
17126                if (!this.isInitialized && window.innerWidth <= 768) {
17127                    window.addEventListener('UC_UI_INITIALIZED', function () {
17128                        this.initUsercentricsMobile()
17129                    }.bind(this));
17130                }
17131            },
17132            initUsercentricsMobile() {
17133                if (this.isInitialized || window.innerWidth > 768) {
17134                    return;
17135                }
17136
17137                if (typeof UC_UI !== 'undefined' && 'showSecondLayer' in UC_UI) {
17138                    this.isAvailable = true;
17139                    this.isInitialized = true;
17140                    this.originalButton = document.getElementById('usercentrics-root');
17141
17142                                        if (localStorage.getItem('uc_user_interaction') === 'true') {
17143                        this.toggleOriginalButton(false);
17144                    }
17145
17146                    window.addEventListener('UC_UI_VIEW_CHANGED', (event) => {
17147                        const view = event.detail?.view || 'NONE';
17148
17149                        if (view === 'PRIVACY_BUTTON' || view === 'NONE') {
17150                            this.toggleOriginalButton(false);
17151                        } else if (view === 'SECOND_LAYER') {
17152                            this.toggleOriginalButton(true);
17153                        }
17154                    });
17155                }
17156            },
17157            showUserCentricsLayer() {
17158                if (typeof UC_UI !== 'undefined' && 'showSecondLayer' in UC_UI) {
17159                    UC_UI.showSecondLayer()
17160                }
17161            },
17162            toggleOriginalButton(state) {
17163                if (!this.originalButton) {
17164                    return;
17165                }
17166                this.originalButton.classList.toggle('hidden', !state);
17167            },
17168        }
17169    }
17170    window.addEventListener(
17171        'alpine:init',
17172        () => Alpine.data('usercentricsMobile', usercentricsMobile),
17173        {once: true}
17174    )
17175</script>
17175
17176
17177<div class="mobile-nav-bar bg-white w-screen py-2 fixed bottom-0 left-0 flex z-10 divide-x divide-gray-lighter md:hidden"
17178     x-data="initMobileNavBar()"
17179     @private-content-loaded.window="getData(event.detail.data)"
17180>
17181    <!--Wishlist Icon-->
17182            <a href="https://www.trefl.com/wishlist/"
17183           class="mobile-nav-bar-item"
17184           title="Ulubione"
17185        >
17186            <span class="mobile-nav-bar-item-icon">
17187                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18" width="26" height="24" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.304 1.75c-2.652 0-4.554 2.526-4.554 5.005 0 2.59 1.624 4.965 3.587 6.742.97.878 1.99 1.58 2.867 2.06.438.24.83.418 1.154.535.338.123.549.158.642.158.093 0 .304-.035.642-.158a8.482 8.482 0 0 0 1.154-.535 15.411 15.411 0 0 0 2.867-2.06c1.963-1.777 3.587-4.152 3.587-6.742 0-2.479-1.902-5.005-4.554-5.005-1.534 0-2.534.756-3.126 1.448a.75.75 0 0 1-1.14 0C8.838 2.506 7.838 1.75 6.304 1.75ZM.25 6.755C.25 3.684 2.606.25 6.304.25 7.964.25 9.176.91 10 1.642A5.445 5.445 0 0 1 13.696.25c3.698 0 6.054 3.434 6.054 6.505 0 3.21-1.987 5.959-4.08 7.854a16.914 16.914 0 0 1-3.154 2.264 9.958 9.958 0 0 1-1.364.63c-.397.143-.8.247-1.152.247-.352 0-.755-.104-1.152-.247a9.961 9.961 0 0 1-1.364-.63 16.913 16.913 0 0 1-3.154-2.264C2.237 12.714.25 9.966.25 6.755Z" fill="currentColor"/></svg>
17188            </span>
17189
17190            <span class="mobile-nav-bar-item-label">
17191                Ulubione            </span>
17192        </a>
17193    
17194    <!--Cart Icon-->
17195    <a id="menu-cart-icon"
17196       class="mobile-nav-bar-item"
17197       x-ref="cartButton"
17198       :aria-disabled="isCartEmpty()"
17199       :aria-label="`
17200            View&#x20;cart,
17201            ${isCartEmpty()
17202                ? 'Koszyk&#x20;jest&#x20;pusty'
17203                : cart.summary_count > 1
17204                    ? hyva.str('&#x25;1&#x20;element&#xF3;w', cart.summary_count)
17205                    : hyva.str('&#x25;1&#x20;item', cart.summary_count)
17206            }`
17207       "
17208       href="https://www.trefl.com/checkout/cart/index/"
17209       title="View&#x20;cart"
17210    >
17211        <span class="mobile-nav-bar-item-icon relative" aria-hidden="true">
17212            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 32" width="26" height="26" aria-hidden="true"><path d="M9.386 5.564 8.454 0H-.001v2.782h6.1l.734 4.403 1.397 9.074c.549 2.929 2.252 4.613 4.677 4.613H28.54c1.531 0 4.179-.613 4.69-4.658l1.64-10.643H9.385zm21.089 10.261c-.262 2.087-1.098 2.259-1.933 2.259H12.909c-.37 0-1.506 0-1.94-2.297l-1.142-7.44h21.797l-1.149 7.478zM13.215 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.696-.313-.696-.695s.313-.695.695-.695.695.313.695.695-.313.695-.695.695zM28.51 25.045a3.478 3.478 0 1 0 0 6.956 3.478 3.478 0 0 0 0-6.956zm0 4.173c-.383 0-.695-.313-.695-.695s.313-.695.695-.695c.383 0 .695.313.695.695s-.306.695-.695.695z" fill="currentColor"/></svg>
17213            <span
17214                x-text="cart.summary_count"
17215                x-show="!isCartEmpty()"
17216                x-cloak
17217                class="absolute -top-1 -right-2.5 h-4 px-1.5 rounded-full bg-primary text-white
17218                       font-semibold leading-4 uppercase tabular-nums"
17219                style="font-size: 10px;"
17220            ></span>
17221        </span>
17222
17223        <span class="mobile-nav-bar-item-label">
17224            Koszyk        </span>
17225    </a>
17226
17227    <!--Customer-->
17228    
17229<a href="https://www.trefl.com/customer/account/login/"
17230   class="mobile-nav-bar-item"
17231>
17232    <span class="mobile-nav-bar-item-icon">
17233        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" fill="none" width="22" height="24" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 1.75c-2.046 0-3.733 1.706-3.733 3.767A3.744 3.744 0 0 0 9 9.25c2.046 0 3.733-1.706 3.733-3.767A3.744 3.744 0 0 0 9 1.75ZM3.767 5.517C3.767 2.642 6.112.25 9 .25a5.244 5.244 0 0 1 5.233 5.233c0 2.875-2.345 5.267-5.233 5.267a5.244 5.244 0 0 1-5.233-5.233ZM5 13.75A3.262 3.262 0 0 0 1.75 17v1c0 .136.114.25.25.25h14c.136 0 .25-.114.25-.25v-1A3.262 3.262 0 0 0 13 13.75H5ZM.25 17A4.762 4.762 0 0 1 5 12.25h8A4.762 4.762 0 0 1 17.75 17v1c0 .964-.786 1.75-1.75 1.75H2c-.964 0-1.75-.786-1.75-1.75v-1Z" fill="currentColor"/></svg>
17234    </span>
17235
17236    <span class="mobile-nav-bar-item-label">
17237        Zaloguj się    </span>
17238</a>
17239
17240
17241    <!--Mobile menu trigger-->
17242    <label for="mobile-menu-switch" class="mobile-nav-bar-item">
17243        <span class="mobile-nav-bar-item-icon">
17244            <svg xmlns="http://www.w3.org/2000/svg" width="29" height="24" viewBox="0 0 29 29" fill="none" aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M2.719 6.042c0-.5.405-.907.906-.907h21.75a.906.906 0 0 1 0 1.813H3.625a.906.906 0 0 1-.906-.906ZM2.719 14.5c0-.5.405-.906.906-.906h21.75a.906.906 0 1 1 0 1.812H3.625a.906.906 0 0 1-.906-.906ZM2.719 22.958c0-.5.405-.906.906-.906h21.75a.906.906 0 1 1 0 1.813H3.625a.906.906 0 0 1-.906-.907Z" clip-rule="evenodd"/></svg>
17245        </span>
17246
17247        <span class="mobile-nav-bar-item-label">
17248            Menu        </span>
17249    </label>
17250</div>
17251
17252<script>
17253    function initMobileNavBar() {
17254        return {
17255            cart: {},
17256            getData(data) {
17257                if (data.cart) { this.cart = data.cart }
17258            },
17259            isCartEmpty() {
17260                return !this.cart.summary_count
17261            },
17262        }
17263    }
17264</script>
17264
17265</div></footer><template id="trustedshops-badge_6ab4612359964">
17266            <!-- added by Trusted Shops app: Start -->
17267                
17267<script                                     async                                                 data-desktop-y-offset="-30"                                                 data-mobile-y-offset="0"                                                 data-desktop-disable-reviews="false"                                                 data-desktop-enable-custom="false"                                                 data-desktop-position="right"                                                 data-desktop-custom-width="100"                                                 data-desktop-enable-fadeout="false"                                                 data-disable-mobile="false"                                                 data-disable-trustbadge="false"                                                 data-mobile-custom-width="100"                                                 data-mobile-disable-reviews="false"                                                 data-mobile-enable-custom="false"                                                 data-mobile-position="right"                                                 charset="UTF-8"                                                 src="//widgets.trustedshops.com/js/X3232207565856AA7A36E50C23F871137.js"                            ></script>
17267                <!-- End -->
17268    </template>
17269<script>
17270window.addEventListener('init-external-scripts', () => {
17271    const template = document.getElementById('trustedshops-badge_6ab4612359964');
17272    if (template?.content) {
17273        const clone = document.importNode(template.content, true);
17274        document.body.appendChild(clone);
17275    }
17276}, {once: true, passive: true});
17277</script>
17277
17278
17279
vendor: 2,348 bytes, lines 17280-17339
17280<script>
17281    (() => {
17282        function src_default(Alpine) {
17283            Alpine.directive("intersect", Alpine.skipDuringClone((el, { value, expression, modifiers }, { evaluateLater, cleanup }) => {
17284                let evaluate = evaluateLater(expression);
17285                let options = {
17286                    rootMargin: getRootMargin(modifiers),
17287                    threshold: getThreshold(modifiers)
17288                };
17289                let observer = new IntersectionObserver((entries) => {
17290                    entries.forEach((entry) => {
17291                        if (entry.isIntersecting === (value === "leave"))
17292                            return;
17293                        evaluate();
17294                        modifiers.includes("once") && observer.disconnect();
17295                    });
17296                }, options);
17297                observer.observe(el);
17298                cleanup(() => {
17299                    observer.disconnect();
17300                });
17301            }));
17302        }
17303        function getThreshold(modifiers) {
17304            if (modifiers.includes("full"))
17305                return 0.99;
17306            if (modifiers.includes("half"))
17307                return 0.5;
17308            if (!modifiers.includes("threshold"))
17309                return 0;
17310            let threshold = modifiers[modifiers.indexOf("threshold") + 1];
17311            if (threshold === "100")
17312                return 1;
17313            if (threshold === "0")
17314                return 0;
17315            return Number(`.${threshold}`);
17316        }
17317        function getLengthValue(rawValue) {
17318            let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/);
17319            return match ? match[1] + (match[2] || "px") : void 0;
17320        }
17321        function getRootMargin(modifiers) {
17322            const key = "margin";
17323            const fallback = "0px 0px 0px 0px";
17324            const index = modifiers.indexOf(key);
17325            if (index === -1)
17326                return fallback;
17327            let values = [];
17328            for (let i = 1; i < 5; i++) {
17329                values.push(getLengthValue(modifiers[index + i] || ""));
17330            }
17331            values = values.filter((v) => v !== void 0);
17332            return values.length ? values.join(" ").trim() : fallback;
17333        }
17334
17335        document.addEventListener("alpine:init", () => {
17336            window.Alpine.plugin(src_default);
17337        });
17338    })();
17339</script>
vendor: 1 bytes, line 17339
17339
17340<script>
17341    for (const [selector, deferUntil] of Object.entries({".product-slider section[x-data]":"intersect",".product-info [x-data]":"intersect","#filters-content [x-data]":"intersect","#review_form":"intersect","section[x-data^=initRecentlyViewedProductsComponent]":"intersect","div[x-data^=initBundleOptions]":"intersect","#product_addtocart_form [x-data]":"intersect","#notice-cookie-block":"idle"})) {
17342        document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`));
17343    }
17344</script>
vendor: 1 bytes, line 17344
17344
17345<script>
17346    (function () {
17347        "use strict";
17348
17349        const hasAlpine = new Promise(resolve => {
17350            window.addEventListener('alpine:initialized', resolve, {once: true, passive: true});
17351        });
17352
17353        const hasInteract = new Promise(resolve => {
17354            (events => {
17355                const onInteract = () => {
17356                    resolve();
17357                    events.forEach(type => window.removeEventListener(type, onInteract));
17358                }
17359                events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true}))
17360            })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])
17361        });
17362
17363        const onIntersect = (el) => {
17364            return new Promise(resolve => {
17365                const observer = new IntersectionObserver(entries => {
17366                    for (const entry of entries) {
17367                        if (entry.isIntersecting) {
17368                            observer.disconnect()
17369                            resolve();
17370                        }
17371                    }
17372                }, {});
17373                observer.observe(el);
17374            });
17375        }
17376
17377        function runComponent(el) {
17378            hasAlpine.then(() => {
17379                el.removeAttribute('x-ignore');
17380                queueMicrotask(() => Alpine.initTree(el));
17381            });
17382        }
17383
17384        function initDeferredComponents() {
17385            document.querySelectorAll('[x-data][x-defer]').forEach(el => {
17386                el.setAttribute('x-ignore', '');
17387                const deferUntil = (el.getAttribute('x-defer') || '').trim();
17388                switch (deferUntil) {
17389                    case 'interact':
17390                        hasInteract.then(() => runComponent(el));
17391                        break;
17392                    case 'intersect':
17393                        onIntersect(el).then(() => runComponent(el))
17394                        break;
17395                    case 'idle':
17396                        window.requestIdleCallback
17397                            ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000})
17398                            : setTimeout(() => runComponent(el), 4000);
17399                        break;
17400                    case 'eager':
17401                        runComponent(el);
17402                        break;
17403                    default:
17404                        if (deferUntil.startsWith('event:') && deferUntil.length > 6) {
17405                            window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true});
17406                        }
17407                }
17408            });
17409        }
17410
17411        window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true});
17412    })()
17413</script>
vendor: 1 bytes, line 17413
17413
vendor: 1,455 bytes, lines 17414-17416
17414<script>
17415(()=>{function g(n){n.directive("collapse",e),e.inline=(t,{modifiers:i})=>{i.includes("min")&&(t._x_doShow=()=>{},t._x_doHide=()=>{})};function e(t,{modifiers:i}){let r=l(i,"duration",250)/1e3,u=l(i,"min",0),h=!i.includes("min");t._x_isShown||(t.style.height=`${u}px`),!t._x_isShown&&h&&(t.hidden=!0),t._x_isShown||(t.style.overflow="hidden");let c=(d,s)=>{let o=n.setStyles(d,s);return s.height?()=>{}:o},f={transitionProperty:"height",transitionDuration:`${r}s`,transitionTimingFunction:"cubic-bezier(0.4, 0.0, 0.2, 1)"};t._x_transition={in(d=()=>{},s=()=>{}){h&&(t.hidden=!1),h&&(t.style.display=null);let o=t.getBoundingClientRect().height;t.style.height="auto";let a=t.getBoundingClientRect().height;o===a&&(o=u),n.transition(t,n.setStyles,{during:f,start:{height:o+"px"},end:{height:a+"px"}},()=>t._x_isShown=!0,()=>{t.getBoundingClientRect().height==a&&(t.style.overflow=null)})},out(d=()=>{},s=()=>{}){let o=t.getBoundingClientRect().height;n.transition(t,c,{during:f,start:{height:o+"px"},end:{height:u+"px"}},()=>t.style.overflow="hidden",()=>{t._x_isShown=!1,t.style.height==`${u}px`&&h&&(t.style.display="none",t.hidden=!0)})}}}}function l(n,e,t){if(n.indexOf(e)===-1)return t;let i=n[n.indexOf(e)+1];if(!i)return t;if(e==="duration"){let r=i.match(/([0-9]+)ms/);if(r)return r[1]}if(e==="min"){let r=i.match(/([0-9]+)px/);if(r)return r[1]}return i}document.addEventListener("alpine:init",()=>{window.Alpine.plugin(g)});})();
17416</script>
17416
17417
17418<script>
17419    function createAjaxLoader() {
17420        const loader = document.createElement('div');
17421        loader.className = 'absolute inset-0 flex justify-center items-center loader';
17422        loader.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57 57" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" class="w-full h-full p-2" role="img">
17423    <style>
17424        @keyframes spinner-ball-triangle1 {
17425            0% { transform: translate(0%, 0%); }
17426            33% { transform: translate(38%, -79%); }
17427            66% { transform: translate(77%, 0%); }
17428            100% { transform: translate(0%, 0%); }
17429        }
17430
17431        @keyframes spinner-ball-triangle2 {
17432            0% { transform: translate(0%, 0%); }
17433            33% { transform: translate(38%, 79%); }
17434            66% { transform: translate(-38%, 79%); }
17435            100% { transform: translate(0%, 0%); }
17436        }
17437
17438        @keyframes spinner-ball-triangle3 {
17439            0% { transform: translate(0%, 0%); }
17440            33% { transform: translate(-77%, 0%); }
17441            66% { transform: translate(-38%, -79%); }
17442            100% { transform: translate(0%, 0%); }
17443        }
17444    </style>
17445    <circle cx="5" cy="50" r="5" style="animation: spinner-ball-triangle1 2.2s linear infinite"/>
17446    <circle cx="27" cy="5" r="5" style="animation: spinner-ball-triangle2 2.2s linear infinite"/>
17447    <circle cx="49" cy="50" r="5" style="animation: spinner-ball-triangle3 2.2s linear infinite"/>
17448<title>&#x141;aduj&#x119;...</title></svg>
17449`;
17450        return loader;
17451    }
17452
17453    function addAjaxLoader(button, loader) {
17454        button.setAttribute('data-label', button.getAttribute('aria-label'));
17455        button.removeAttribute('aria-label');
17456        button.prepend(loader);
17457        button.classList.add('relative', '[&>:not(.loader)]:invisible');
17458        button.disabled = true;
17459    }
17460
17461    function removeAjaxLoader(button, loader) {
17462        button.setAttribute('aria-label', button.getAttribute('data-label'));
17463        button.removeAttribute('data-label');
17464        loader.remove();
17465        button.classList.remove('[&>:not(.loader)]:invisible');
17466        button.disabled = false;
17467    }
17468
17469    async function addAjaxCartForm(form, extraDelay = 500) {
17470        if (!form) return;
17471        event.preventDefault();
17472
17473        if (!form.reportValidity()) {
17474            return form.submit();
17475        }
17476
17477        const formData = new FormData(form);
17478        const button = form.querySelector('button:not([type=button], [type=reset])')
17479            ? form.querySelector('button:not([type=button], [type=reset])')
17480            : document.getElementById('product-addtocart-button');
17481        const loader = createAjaxLoader(button);
17482        const formUenc = hyva.getUenc();
17483        const postUrl = event.target.action.replace('%25uenc%25', formUenc);
17484
17485        let bodyUrl = new URLSearchParams(formData);
17486        bodyUrl.append("uenc", formUenc);
17487        addAjaxLoader(button, loader);
17488
17489        try {
17490            const response = await fetch(postUrl, {
17491                method: 'POST',
17492                body: bodyUrl.toString(),
17493                mode: "cors",
17494                credentials: "include",
17495                headers: {
17496                    'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
17497                    'X-Requested-With': 'XMLHttpRequest'
17498                }
17499            });
17500
17501            if (!response.ok) {
17502                return form.submit();
17503            } else {
17504                window.dispatchEvent(new CustomEvent("cart-item-added", {
17505                    detail: {
17506                        form
17507                    }
17508                }));
17509            }
17510
17511            if (response.redirected) {
17512                return window.location.href = response.url;
17513            }
17514
17515            const responseData = await response.json();
17516            if (responseData.backUrl) {
17517                return window.location.href = responseData.backUrl;
17518            }
17519
17520            window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
17521
17522                    } catch (err) {
17523            console.warn(err);
17524            window.dispatchEvent(new CustomEvent('product-addtocart-error'));
17525
17526            if (typeof window.dispatchMessages === "undefined") return;
17527            window.dispatchMessages([{
17528                text:'Wyst\u0105pi\u0142\u0020problem\u0020podczas\u0020dodawania\u0020do\u0020koszyka.',
17529                type: 'error'
17530            }], 5000);
17531        } finally {
17532            setTimeout(() => removeAjaxLoader(button, loader), extraDelay);
17533        }
17534    }
17535
17536    function removeAjaxCartForm(form) {
17537        removeEventListener('submit', form);
17538    }
17539
17540    document.addEventListener('submit', function(event) {
17541        if (!event.target.matches('#product_addtocart_form, .product_addtocart_form')) return;
17542        addAjaxCartForm(event.target, 500);
17543    });
17544</script>
17544
17545
17546
17547
17548
17549<script>
17550    const CONFETTI_CONFIG = {
17551        productPageAddToCartId: 'product-addtocart-button',
17552        catalogAddToCartSelector: '[data-addto="cart"]'
17553    };
17554
17555    window.addEventListener('init-external-scripts', () => {
17556        if (document.querySelector(CONFETTI_CONFIG.catalogAddToCartSelector) || document.getElementById(CONFETTI_CONFIG.productPageAddToCartId)) {
17557            const confetti_script = document.createElement('script');
17558            confetti_script.src = 'https\u003A\u002F\u002Fwww.trefl.com\u002Fstatic\u002Fversion1789064390\u002Ffrontend\u002FTrefl\u002Fhyva\u002Dtrefl\u002Fpl_PL\u002Fjs\u002Fcanvas\u002Dconfetti.min.js';
17559            confetti_script.onload = () => initAddToCartConfetti();
17560            document.head.appendChild(confetti_script);
17561        }
17562    }, { once: true, passive: true });
17563
17564    function initAddToCartConfetti() {
17565        const CONFETTI_OPTIONS = {
17566            spread: 50,
17567            disableForReducedMotion: true,
17568            useWorker: true,
17569            resize: true,
17570            colors: [
17571                '#8bd93e',
17572                '#de0712',
17573                '#fbaf5d',
17574                '#2e3192'
17575            ],
17576        }
17577
17578        function randomInRange(min, max) {
17579            return Math.random() * (max - min) + min;
17580        }
17581
17582        function celebrateAddToCart(triggeringElement) {
17583            const { top, height, left, width, } = triggeringElement.getBoundingClientRect();
17584            const x = (left + width / 2) / window.innerWidth;
17585            const y = (top + height / 2) / window.innerHeight;
17586
17587            confetti({
17588                ...CONFETTI_OPTIONS,
17589                origin: { x, y},
17590                angle: randomInRange(55, 125),
17591                spread: randomInRange(50, 70),
17592                particleCount: randomInRange(100, 140),
17593            });
17594        }
17595
17596        window.addEventListener('cart-item-added', (event) => {
17597            if (typeof confetti !== 'function') {
17598                return
17599            }
17600
17601            const eventForm = event.detail?.form;
17602            const confettiElement = eventForm.querySelector(CONFETTI_CONFIG.catalogAddToCartSelector)
17603                || document.getElementById(CONFETTI_CONFIG.productPageAddToCartId)
17604                || eventForm;
17605
17606            celebrateAddToCart(confettiElement);
17607        });
17608    }
17609</script>
17609
17610
17611<script type="module"
17612        src="https://www.trefl.com/static/version1789064390/frontend/Trefl/hyva-trefl/pl_PL/Hyva_Theme/js/alpine3.min.js"
17613        defer
17614        crossorigin
17615></script>
vendor: 1 bytes, line 17615
17615
17616<script>
17617    'use strict';
17618    function dispatchMessages(messages, hideAfter) {
17619        const messagesEvent = new CustomEvent("messages-loaded", {
17620            detail: {
17621                messages: messages,
17622                hideAfter: hideAfter
17623            }
17624        });
17625        window.dispatchEvent(messagesEvent);
17626    }
17627
17628    if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
17629        console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
17630    }
17631
17632    (function( hyva, undefined ) {
17633
17634        hyva.initFormKey = () => {
17635            const inputSelector = 'input[name="form_key"]',
17636                formKey = hyva.getFormKey();
17637
17638            Array.from(document.querySelectorAll(inputSelector)).map(function (input) {
17639                input.value = formKey
17640            });
17641        }
17642
17643        hyva.initMessages = () => {
17644            try {
17645                const messages = hyva.getCookie('mage-messages');
17646                window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : [];
17647
17648                dispatchMessages(window.mageMessages);
17649
17650                                // empty `mage-messages` cookie
17651                const skipSetDomain = true;
17652                hyva.setCookie('mage-messages','', -1, skipSetDomain);
17653
17654            } catch (error) {
17655                console.warn('Error parsing Cookie Messages:', error);
17656            }
17657        }
17658
17659        window.addEventListener('DOMContentLoaded', hyva.initFormKey);
17660        hyva.alpineInitialized(hyva.initMessages)
17661
17662    }( window.hyva = window.hyva || {} ));
17663</script>
vendor: 1 bytes, line 17663
17663
17664<script>
17665    'use strict';
17666    {
17667        const private_content_key = 'mage-cache-storage';
17668        const private_content_expire_key = 'mage-cache-timeout';
17669        const private_content_version_key = 'private_content_version';
17670        const section_data_ids_key = 'section_data_ids';
17671        const mage_cache_session_id_key = 'mage-cache-sessid';
17672        const last_visited_store_key = 'last_visited_store';
17673
17674        const ttl = 3600;
17675
17676        if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
17677            console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
17678        }
17679
17680        function loadSectionData () {
17681            const browserStorage = hyva.getBrowserStorage();
17682            if (!browserStorage) {
17683                typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
17684                    [{
17685                        type: "warning",
17686                        text: "Please enable LocalStorage in your browser."
17687                    }]
17688                );
17689                return;
17690            }
17691            try {
17692                let isInvalid = false;
17693
17694                if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) {
17695                    isInvalid = true;
17696                }
17697                hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false);
17698
17699                if (!hyva.getCookie(mage_cache_session_id_key)) {
17700                    isInvalid = true;
17701                    browserStorage.removeItem(private_content_key);
17702                    const skipSetDomain = true;
17703                    const days = false;
17704                    hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain)
17705                }
17706
17707                const cookieVersion = hyva.getCookie(private_content_version_key);
17708                const storageVersion = browserStorage.getItem(private_content_version_key);
17709
17710                if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) {
17711                    isInvalid = true;
17712                }
17713
17714                const privateContentExpires = browserStorage.getItem(private_content_expire_key);
17715                if (privateContentExpires && new Date(privateContentExpires) < new Date()) {
17716                    browserStorage.removeItem(private_content_key);
17717                }
17718
17719                if (isInvalid && cookieVersion) {
17720                    fetchPrivateContent([]);
17721                } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) {
17722                    const privateContent = JSON.parse(browserStorage.getItem(private_content_key));
17723                    if (
17724                        privateContent &&
17725                        privateContentExpires &&
17726                        privateContent.cart &&
17727                        privateContent.customer
17728                    ) {
17729                        dispatchPrivateContent(privateContent);
17730                    } else {
17731                        fetchPrivateContent([]);
17732                    }
17733                } else {
17734                    if (document.getElementById('default-section-data')) {
17735                        const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim());
17736                        dispatchPrivateContent(privateContent);
17737                    } else {
17738                        dispatchPrivateContent({});
17739                    }
17740                }
17741
17742            } catch (error) {
17743                console.warn('Error retrieving Private Content:', error);
17744            }
17745        }
17746
17747        hyva.alpineInitialized(loadSectionData)
17748        window.addEventListener('reload-customer-section-data', loadSectionData);
17749
17750        window.processSectionDataBeforeDispatch = window.processSectionDataBeforeDispatch || (data => data);
17751
17752        function dispatchPrivateContent(data) {
17753
17754            const privateContentEvent = new CustomEvent("private-content-loaded", {
17755                detail: {
17756                    data: window.processSectionDataBeforeDispatch(data)
17757                }
17758            });
17759            window.dispatchEvent(privateContentEvent);
17760        }
17761
17762        function fetchPrivateContent(sections) {
17763            fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, {
17764                method: 'GET',
17765                headers: {
17766                    'Content-Type': 'application/json',
17767                    'X-Requested-With': 'XMLHttpRequest'
17768                }
17769            })
17770                .then(response => response.ok && response.json())
17771                .then(
17772                    data => {
17773                        if (data) {
17774                            try {
17775                                const browserStorage = hyva.getBrowserStorage();
17776
17777                                // merge new data preserving non-invalidated sections
17778                                const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {};
17779
17780                                if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) {
17781                                    delete oldSectionData['checkout-data'];
17782                                }
17783                                const newSectionData = Object.assign(oldSectionData, data);
17784
17785                                dispatchPrivateContent(newSectionData);
17786
17787                                // don't persist messages, they've been dispatched already
17788                                if (newSectionData.messages && newSectionData.messages.messages ) {
17789                                    newSectionData.messages.messages = [];
17790                                }
17791
17792                                browserStorage.setItem(private_content_key, JSON.stringify(newSectionData));
17793
17794                                const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString();
17795                                browserStorage.setItem(private_content_expire_key, expiresAt);
17796
17797                                const newCookieVersion = hyva.getCookie(private_content_version_key);
17798                                browserStorage.setItem(private_content_version_key, newCookieVersion);
17799
17800                                // We don't need the section_data_ids in Hyvä, but we store them for compatibility
17801                                // with Luma Fallback. Otherwise, not all sections are loaded in Luma Checkout
17802                                hyva.setCookie(
17803                                    section_data_ids_key,
17804                                    JSON.stringify(
17805                                        Object.keys(data).reduce((sectionDataIds, sectionKey) => {
17806                                            sectionDataIds[sectionKey] = data[sectionKey]['data_id'];
17807                                            return sectionDataIds;
17808                                        }, {})
17809                                    ),
17810                                    false,
17811                                    true
17812                                );
17813                            } catch (error) {
17814                                console.warn("Couldn't store privateContent", error);
17815                            }
17816                        }
17817                    }
17818                );
17819        }
17820    }
17821</script>
vendor: 1 bytes, line 17821
17821
17822<script>
17823    (() => {
17824        document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc()));
17825    })()
17826</script>
vendor: 1 bytes, line 17826
17826
17827<script>
17828    (events => {
17829        const dispatchUserInteractionEvent = () => {
17830            events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent))
17831            window.dispatchEvent(new Event('init-external-scripts'))
17832        };
17833        events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true}))
17834    })(['touchstart', 'mousemove', 'wheel', 'scroll', 'keydown'])
17835</script>
vendor: 1 bytes, line 17835
17835
17836<script>
17837    function initWishlist() {
17838        return {
17839            addToWishlist(productId) {
17840                const formKey = hyva.getFormKey();
17841                const postUrl = BASE_URL + 'wishlist/index/add/';
17842
17843                fetch(postUrl, {
17844                    "headers": {
17845                        "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
17846                    },
17847                    "body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(),
17848                    "method": "POST",
17849                    "mode": "cors",
17850                    "credentials": "include"
17851                }).then(function (response) {
17852                    if (response.redirected) {
17853                        window.location.href = response.url;
17854                    } else if (response.ok) {
17855                        return response.json();
17856                    } else {
17857                        typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
17858                            [{
17859                                type: "warning",
17860                                text: "Could\u0020not\u0020add\u0020item\u0020to\u0020wishlist."
17861                            }], 5000
17862                        );
17863                    }
17864                }).then(function (response) {
17865                    if (!response) { return }
17866                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
17867                        [{
17868                            type: (response.success) ? "success" : "error",
17869                            text: (response.success)
17870                                ? "Produkt\u0020Produkt\u0020zosta\u0142\u0020dodany\u0020do\u0020ulubionych."
17871                                : response.error_message
17872                        }], 5000
17873                    );
17874                    const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data");
17875                    window.dispatchEvent(reloadCustomerDataEvent);
17876                }).catch(function (error) {
17877                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
17878                        [{
17879                            type: "error",
17880                            text: error
17881                        }], 5000
17882                    );
17883                });
17884            }
17885        }
17886    }
17887</script>
vendor: 1 bytes, line 17887
17887
17888<script>
17889    function initPriceBox()
17890    {
17891        return {
17892            updatePrice(priceData) {
17893                const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
17894                const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
17895                const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
17896                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
17897                    regularPriceLabel && regularPriceLabel.classList.add('hidden');
17898                } else {
17899                    regularPriceLabel && regularPriceLabel.classList.remove('hidden');
17900                }
17901                regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
17902                basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
17903            }
17904        }
17905    }
17906</script>
17906
17907
17908<script type="application/ld+json">
17909{
17910"@context": "https://schema.org/",
17911"@type": "WebSite",
17912"url": "https://www.trefl.com/",
17913"potentialAction": {
17914"@type": "SearchAction",
17915"target": "https://www.trefl.com/catalogsearch/result/?q={search_term_string}",
17916"query-input": "required name=search_term_string"
17917}
17918}
17919</script>
17919<script>
17920    'use strict';
17921
17922    const grecaptchaV2LoadCallbacks = [];
17923
17924    function executeRecaptchaLoadCallbacks () {
17925        while (window.grecaptcha && grecaptchaV2LoadCallbacks.length > 0) {
17926            const callback = grecaptchaV2LoadCallbacks.pop();
17927            typeof callback === 'string' ? window[callback]() : callback();
17928        }
17929    }
17930
17931    (function() {
17932        const loadRecaptchaScript = (event) => {
17933
17934            if (window.grecaptcha || !event.target.form) {
17935                return;
17936            }
17937
17938            const url = 'https://www.google.com/recaptcha/api.js?onload=executeRecaptchaLoadCallbacks';
17939            const siteKey = '6LfQvvEiAAAAANp2t9xf_A7oO5yxUbASHE3tZjzo';
17940            const script = document.createElement('script');
17941            script.type = 'text/javascript';
17942            script.src = siteKey ? `${url}&render=${siteKey}` : `${url}&render=explicit`;
17943            script.async = true;
17944            document.head.appendChild(script);
17945
17946            script.addEventListener('load', () => {
17947                Array.from(document.querySelectorAll('button[data-recaptcha-btn]:disabled')).forEach(btn => btn.removeAttribute('disabled'));
17948            });
17949        }
17950
17951        window.forceLoadRecaptchaScript = (form) => {
17952            loadRecaptchaScript({target: {form: form || 'dummy'}});
17953            executeRecaptchaLoadCallbacks();
17954        };
17955
17956        document.body.addEventListener('input', loadRecaptchaScript, { once: true });
17957        document.body.addEventListener('focus', loadRecaptchaScript, { once: true });
17958
17959    }());
17960
17961</script>
17961
17962
17963<script>
17964    'use strict';
17965
17966    (function () {
17967        const modals = [];
17968        const excludedFromFocusTrapping = new Set();
17969
17970        function trapFocusInNextModalWithOverlay() {
17971            for (let idx = modals.length -1; idx >= 0; idx--) {
17972                const nextOnStack = modals[idx];
17973                const nextDialogElement = nextOnStack.instance.$refs[nextOnStack.name];
17974                if (! isOverlayDisabled(nextDialogElement)) {
17975                    hyva.trapFocus(nextDialogElement);
17976                    break;
17977                }
17978            }
17979        }
17980
17981        function focusables(dialogElement) {
17982            const selector = 'button, [href], input, textarea, select, details, [tabindex]:not([tabindex="-1"])';
17983            return Array.from(dialogElement.querySelectorAll(selector))
17984                .filter(el => !el.hasAttribute('disabled'));
17985        }
17986
17987        function firstVisible(elements) {
17988            const a = Array.from(elements);
17989            for (let i = 0; i < a.length; i++) {
17990                if (a[i].offsetWidth || a[i].offsetHeight || a[i].getClientRects().length) return a[i];
17991            }
17992            return null;
17993        }
17994
17995        function isInViewport(element) {
17996            const rect = element && element.getBoundingClientRect();
17997            return rect &&
17998                rect.top >= 0 &&
17999                rect.left >= 0 &&
18000                rect.right <= window.innerWidth &&
18001                rect.bottom <= window.innerHeight;
18002        }
18003
18004        function setFocusAfterTransition(dialogElement, duration) {
18005                        const nested = Array.from(dialogElement.querySelectorAll('[role="dialog"]'));
18006            const candidates = Array.from(dialogElement.querySelectorAll('[x-focus-first]'));
18007            next: for (let candidate of candidates) {
18008                for (let child of nested) {
18009                    if (child.contains(candidate)) continue next;
18010                }
18011                setTimeout(() => candidate.focus(), 50);
18012                break;
18013            }
18014            window.setTimeout(() => {
18015                const focusElement = firstVisible(dialogElement.querySelectorAll('[x-focus-first]')) ||
18016                    focusables(dialogElement)[0] ||
18017                    null;
18018                focusElement && isInViewport(focusElement) && focusElement.focus();
18019            }, Math.max(1, duration));
18020        }
18021
18022        function determineTrigger($refs, dialog, trigger) {
18023                        if (typeof trigger === 'undefined' && typeof dialog === 'object' && dialog.target instanceof HTMLElement) {
18024                return dialog.target;
18025            }
18026                        if (typeof dialog === 'string' && typeof trigger === 'object' && trigger.target instanceof HTMLElement) {
18027                return trigger.target;
18028            }
18029                        if (typeof trigger === 'string') {
18030                try {
18031                    return $refs[trigger] || document.querySelector(trigger)
18032                } catch (e) {}
18033            }
18034                        if (trigger instanceof Element) {
18035                return trigger;
18036            }
18037
18038                        return null;
18039        }
18040
18041        function isOverlayDisabled(dialog) {
18042            return dialog && dialog.hasAttribute('x-no-overlay')
18043        }
18044
18045        function areRemainingModalsWithoutOverlay(modals)
18046        {
18047            const overflowDisabled = modals.map(modal => modal.instance.$refs[modal.name]).filter(isOverlayDisabled);
18048
18049            return overflowDisabled.length === modals.length;
18050        }
18051
18052        window.hyva.modal = function(options = {}) {
18053                        if (this.$el && this.$el.dataset && this.$el.dataset.options) {
18054                try {
18055                    options = Object.assign(options, JSON.parse(this.$el.dataset.options || '{}'));
18056                } catch (e) {
18057                    throw new Error('Cannot read the dialog options from the data-options attribute: not valid JSON');
18058                }
18059            }
18060
18061            const config = Object.assign({
18062                dialog: 'dialog',                 duration: 300,                 transitionEnter: 'transition ease-out duration-300',
18063                transitionEnterStart: 'opacity-0',
18064                transitionEnterEnd: 'opacity-100',
18065                transitionLeave: 'transition ease-in duration-300',
18066                transitionLeaveStart: 'opacity-100',
18067                transitionLeaveEnd: 'opacity-0',
18068            }, options);
18069            let lastHide = 0;
18070
18071            return {
18072                opened: {},
18073                show(dialog, trigger) {
18074                    const focusTargetAfterHide = determineTrigger(this.$refs, dialog, trigger);
18075                    const name = typeof dialog === 'string' ? dialog : config.dialog;
18076                    const dialogElement = this.$refs[name];
18077                    if (! dialogElement) {
18078                                                return;
18079                    }
18080                    const useOverlay = ! dialogElement.hasAttribute('x-no-overlay');
18081
18082                    dialogElement.scrollTop = 0;
18083
18084                                        if (this.opened[name]) {
18085                        return;
18086                    }
18087
18088                    if (focusTargetAfterHide) {
18089                        focusTargetAfterHide.setAttribute('aria-expanded', 'true');
18090                    }
18091
18092                    this.opened[name] = true;
18093                    useOverlay && this.$nextTick(() => hyva.trapFocus(dialogElement));
18094                    setFocusAfterTransition(dialogElement, config.duration);
18095
18096                    const frame = {name, instance: this, focusTarget: focu
18096sTargetAfterHide, time: Date.now()};
18097
18098                    modals.push(frame);
18099                    if (useOverlay) {
18100                        document.body.classList.add('overflow-hidden');
18101                    }
18102                    return new Promise(resolve => frame.resolve = resolve);
18103                },
18104                cancel() {
18105                    this.hide(false);
18106                },
18107                ok() {
18108                    this.hide(true);
18109                },
18110                hide(value) {
18111                                        if (Date.now() - lastHide < config.duration) {
18112                        return;
18113                    }
18114                    lastHide = Date.now();
18115
18116                    const modal = modals.pop() || {};
18117                    if (! modal.instance) {
18118                        return;
18119                    }
18120
18121                    const name = modal.name;
18122                    this.opened[name] = false;
18123                    hyva.releaseFocus(modal.instance.$refs[modal.name])
18124                    trapFocusInNextModalWithOverlay();
18125
18126                    const nextFocusAfterHide = modal.focusTarget;
18127                    nextFocusAfterHide && setTimeout(() => {
18128                        nextFocusAfterHide.setAttribute('aria-expanded', 'false');
18129                        nextFocusAfterHide.focus()
18130                    }, config.duration);
18131
18132                    if (modals.length === 0 || areRemainingModalsWithoutOverlay(modals)) {
18133                        document.body.classList.remove('overflow-hidden');
18134                    }
18135
18136                    modal.resolve(value);
18137                },
18138                overlay(dialog) {
18139                    dialog = this.$el.dataset.dialogRefName || dialog;
18140                    const name = typeof dialog === 'string' ? dialog : config.dialog;
18141                    return {
18142                        ['x-show']() {
18143                            return this.opened[name]
18144                        },
18145                        ['x-transition:enter']: config.transitionEnter,
18146                        ['x-transition:enter-start']: config.transitionEnterStart,
18147                        ['x-transition:enter-end']: config.transitionEnterEnd,
18148                        ['x-transition:leave']: config.transitionLeave,
18149                        ['x-transition:leave-start']: config.transitionLeaveStart,
18150                        ['x-transition:leave-end']: config.transitionLeaveEnd,
18151                        ['@hyva-modal-show.window'](event) {
18152                            event.detail && event.detail.dialog === name && this.show(name, event.detail.focusAfterHide)
18153                        }
18154                    };
18155                },
18156                showDialogOnInit() {
18157                    const parent = this.$el.closest('[data-dialog-ref-name]');
18158                    if (parent && parent.dataset.dialogRefName) {
18159                        this.$dispatch('hyva-modal-show', {dialog: parent.dataset.dialogRefName})
18160                    }
18161                }
18162            };
18163        }
18164
18165        window.hyva.modal.peek = () => modals.length > 0 && modals[modals.length -1]
18166
18167        window.hyva.modal.pop = function () {
18168            if (modals.length > 0) {
18169                const modal = modals[modals.length -1];
18170                modal.instance.hide();
18171            }
18172        }
18173
18174        window.hyva.modal.excludeSelectorsFromFocusTrap = function (selectors) {
18175            typeof selectors === 'string' || selectors instanceof String
18176                ? excludedFromFocusTrapping.add(selectors)
18177                : selectors.map(selector => excludedFromFocusTrapping.add(selector));
18178        }
18179
18180        window.hyva.modal.eventListeners = {
18181            keydown: event => {
18182                if (event.key === 'Escape') {
18183                    window.hyva.modal.pop();
18184                }
18185            },
18186                        click: event => {
18187                if (modals.length > 0) {
18188                    const modal = modals[modals.length -1];
18189                    const dialog = modal.instance.$refs[modal.name];
18190                    if (modal.time + 50 < Date.now() && // if last click processing is more than 50ms ago
18191                        ! isOverlayDisabled(dialog) && // if dialog has overlay
18192                        ! dialog.contains(event.target)) { // if click is outside of dialog
18193                        modal.instance.hide();
18194                    }
18195                }
18196            }
18197        };
18198
18199        document.addEventListener('keydown', window.hyva.modal.eventListeners.keydown);
18200
18201        document.addEventListener('click', window.hyva.modal.eventListeners.click);
18202    })();
18203    window.addEventListener('alpine:init', () => {
18204        Alpine.data('hyvaModal', window.hyva.modal);
18205    }, {once: true});
18206</script>
18206
18207
18208<section x-data="{isLoading: false}"
18209         @amgdpr-loading-start.window="isLoading = true" @amgdpr-loading-stop.window="isLoading = false">
18210    <div
18211    class="z-50 fixed inset-0 grid place-items-center bg-white/70 text-slate-800"
18212    x-cloak
18213    x-show="isLoading"
18214    x-transition.opacity.duration.200ms
18215>
18216    <div class="flex gap-10 items-center p-4">
18217        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57 57" width="57" height="57" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
18218    <style>
18219        @keyframes spinner-ball-triangle1 {
18220            0% { transform: translate(0%, 0%); }
18221            33% { transform: translate(38%, -79%); }
18222            66% { transform: translate(77%, 0%); }
18223            100% { transform: translate(0%, 0%); }
18224        }
18225
18226        @keyframes spinner-ball-triangle2 {
18227            0% { transform: translate(0%, 0%); }
18228            33% { transform: translate(38%, 79%); }
18229            66% { transform: translate(-38%, 79%); }
18230            100% { transform: translate(0%, 0%); }
18231        }
18232
18233        @keyframes spinner-ball-triangle3 {
18234            0% { transform: translate(0%, 0%); }
18235            33% { transform: translate(-77%, 0%); }
18236            66% { transform: translate(-38%, -79%); }
18237            100% { transform: translate(0%, 0%); }
18238        }
18239    </style>
18240    <circle cx="5" cy="50" r="5" style="animation: spinner-ball-triangle1 2.2s linear infinite"/>
18241    <circle cx="27" cy="5" r="5" style="animation: spinner-ball-triangle2 2.2s linear infinite"/>
18242    <circle cx="49" cy="50" r="5" style="animation: spinner-ball-triangle3 2.2s linear infinite"/>
18243</svg>
18244        <span class="text-xl select-none">
18245            Ładuję...        </span>
18246    </div>
18247</div>
18248</section>
18249
18250<script>var _smid='p17e0wlol3lt2dk6'; var _smapp=5; var _smcustom = true; var _smclt = 864000; (function(w, r, a, sm, s ) { w['SalesmanagoObject'] = r; w[r] = w[r] || function () {( w[r].q = w[r].q || [] ).push(arguments)}; sm = document.createElement('script'); sm.type = 'text/javascript'; sm.async = true; sm.src = a; s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sm, s); })(window, 'sm', ('https:' == document.location.protocol ? 'https://' : 'http://') + 'app3.salesmanago.pl/static/sm.js');</script>
18250<script type="text/json" id="default-section-data">
18251    {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":[],"directory-data":{"PL":{"name":"Polska","regions":{"686":{"code":"PL-02","name":"dolno\u015bl\u0105skie"},"687":{"code":"PL-04","name":"kujawsko-pomorskie"},"688":{"code":"PL-06","name":"lubelskie"},"689":{"code":"PL-08","name":"lubuskie"},"692":{"code":"PL-14","name":"mazowieckie"},"691":{"code":"PL-12","name":"ma\u0142opolskie"},"693":{"code":"PL-16","name":"opolskie"},"694":{"code":"PL-18","name":"podkarpackie"},"695":{"code":"PL-20","name":"podlaskie"},"696":{"code":"PL-22","name":"pomorskie"},"697":{"code":"PL-24","name":"\u015bl\u0105skie"},"698":{"code":"PL-26","name":"\u015bwi\u0119tokrzyskie"},"699":{"code":"PL-28","name":"warmi\u0144sko-mazurskie"},"700":{"code":"PL-30","name":"wielkopolskie"},"701":{"code":"PL-32","name":"zachodniopomorskie"},"690":{"code":"PL-10","name":"\u0142\u00f3dzkie"}}},"data_id":1790206243},"captcha":[],"loggedAsCustomer":[],"persistent":[],"review":[],"wishlist":{"items":[]},"hyva_checkout":[],"gtm-checkout":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[],"paypal-billing-agreement":[]}</script>
18251
18252<!-- Facebook Pixel Code -->
18253<script type="text/plain" data-usercentrics="Facebook Pixel">
18254!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
18255n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
18256n.push=n;n.loaded=!0;n.version='2.0';n.agent='dvapptrian';n.queue=[];
18257t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];
18258s.parentNode.insertBefore(t,s)}(window,
18259document,'script','https://connect.facebook.net/en_US/fbevents.js');
18260
18261fbq('init', '235878593557272');
18262fbq('track', 'PageView');
18263
18264
18265
18266</script>
18266
18267<noscript><img height="1" width="1" style="display:none" alt="Facebook Pixel"
18268src="https://www.facebook.com/tr?id=235878593557272&ev=PageView&noscript=1"
18269/></noscript>
18270<!-- End Facebook Pixel Code -->
18271<!-- Structured Data by outer/edge (https://outeredge.agency) -->
18272<script type="application/ld+json" id="structured-data">
18273{
18274    "@context": "https://schema.org/",
18275    "@type": "CollectionPage",
18276    "publisher": {
18277        "@type": "Organization",
18278        "name": "Trefl S.A",
18279        "url": "https://www.trefl.com/",
18280        "logo": {
18281            "@type": "ImageObject",
18282            "url": "https://www.trefl.com/media/logo/stores/1/logo_small.png"
18283        }
18284    }
18285        ,
18286    "mainEntity": {"@type":"ItemList","itemListElement":[{"@context":"https://schema.org/","@type":"ListItem","position":1,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fpuzzle\\u002D3w1\\u002Dkrajobraz\\u002D400\\u002D500\\u002D600\\u002Ddookola\\u002Dswiata\\u002Dlondyn\\u002Dnowy\\u002Djork\\u002Dsydney\\u002D91876\\u002Donline","name":"Puzzle\\u00203w1\\u0020Krajobraz\\u0020400\\u002B500\\u002B600\\u003A\\u0020Dooko\\u0142a\\u0020\\u015Awiata\\u003A\\u0020Londyn,\\u0020Nowy\\u0020Jork,\\u0020Sydney","price":"39.99","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":2,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fpuzzle\\u002D4x1000\\u002Del\\u002Damalfi\\u002Dbarcelona\\u002Dbalony\\u002Di\\u002Dpieski\\u002D93687","name":"Puzzle\\u00204x1000\\u0020el.\\u0020Amalfi,\\u0020Barcelona,\\u0020Balony\\u0020i\\u0020Pieski","price":"49.99","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":3,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fpuzzle\\u002D4x1000\\u002Del\\u002Dmalowane\\u002Dmiasta\\u002Di\\u002Dkapibary\\u002D94068","name":"Puzzle\\u00204x1000\\u0020el.\\u0020Malowane\\u0020miasta\\u0020i\\u0020Kapibary","price":"59.99","priceCurrency":"PLN","availability":"https://schema.org/OutOfStock"},{"@context":"https://schema.org/","@type":"ListItem","position":4,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fpuzzle\\u002D3x1000\\u002Del\\u002Dnowy\\u002Djork\\u002Dlondyn\\u002Dwalencja","name":"Puzzle\\u00203x1000\\u0020el.\\u0020Nowy\\u0020Jork,\\u0020Londyn,\\u0020Walencja","price":"59.99","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":5,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fpuzzle\\u002D1000\\u002Del\\u002Dwakacyjne\\u002Dpocztowki\\u002D10714","name":"Puzzle\\u00201000\\u0020el.\\u0020Wakacyjne\\u0020poczt\\u00F3wki","price":"28.89","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":6,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fpuzzle\\u002Dpremium\\u002Dplus\\u002Dquality\\u002D1000\\u002Del\\u002Diconic\\u002Dmoments\\u002Dkopciuszek\\u002D10829","name":"Puzzle\\u0020Premium\\u0020Plus\\u0020Quality\\u00201000\\u0020el.\\u0020Iconic\\u0020Moments\\u003A\\u0020Kopciuszek","price":"33.99","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":7,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fpuzzle\\u002D1000\\u002Del\\u002D40\\u002Dlecie\\u002Dtrefl\\u002Dtrojmiasto\\u002D10924","name":"Puzzle\\u00201000\\u0020el.\\u002040\\u002Dlecie\\u0020Trefl\\u0020\\u002D\\u0020Tr\\u00F3jmiasto","price":"32.99","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":8,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fpuzzle\\u002Dz\\u002Defektem\\u002D3d\\u002D1000\\u002Del\\u002D40\\u002Dlecie\\u002Dtrefl\\u002Dlondyn\\u002D40043","name":"Puzzle\\u0020z\\u0020efektem\\u00203D\\u00201000\\u0020el.\\u002040\\u002Dlecie\\u0020Trefl\\u0020\\u002D\\u0020Londyn","price":"32.39","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":9,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fpuzzle\\u002Dz\\u002Defektem\\u002D3d\\u002D160\\u002Del\\u002D40\\u002Dlecie\\u002Dtrefl\\u002Ddinozaur\\u002D40048","name":"Puzzle\\u0020z\\u0020efektem\\u00203D\\u0020160\\u0020el.\\u002040\\u002Dlecie\\u0020Trefl\\u0020\\u002D\\u0020Dinozaur","price":"16.19","priceCurrency":"PLN","availability":"https://schema.org/OutOfStock"},{"@context":"https://schema.org/","@type":"ListItem","position":10,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fpuzzle\\u002Dz\\u002Defektem\\u002D3d\\u002D1000\\u002Del\\u002D40\\u002Dlecie\\u002Dtrefl\\u002Dparyz\\u002D40044","name":"Puzzle\\u0020z\\u0020efektem\\u00203D\\u00201000\\u0020el.\\u002040\\u002Dlecie\\u0020Trefl\\u0020\\u002D\\u0020Pary\\u017C","price":"32.39","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":11,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fpuzzle\\u002Dz\\u002Defektem\\u002D3d\\u002D160\\u002Del\\u002D40\\u002Dlecie\\u002Dtrefl\\u002Ddzungla\\u002D40051","
18286name":"Puzzle\\u0020z\\u0020efektem\\u00203D\\u0020160\\u0020el.\\u002040\\u002Dlecie\\u0020Trefl\\u0020\\u002D\\u0020D\\u017Cungla","price":"16.19","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":12,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fpuzzle\\u002Dz\\u002Defektem\\u002D3d\\u002D1000\\u002Del\\u002D40\\u002Dlecie\\u002Dtrefl\\u002Dwilk\\u002D40041","name":"Puzzle\\u0020z\\u0020efektem\\u00203D\\u00201000\\u0020el.\\u002040\\u002Dlecie\\u0020Trefl\\u0020\\u002D\\u0020Wilk","price":"32.39","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":13,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fkalejdoskop\\u002D25\\u002Dgier\\u002Drodzina\\u002Dtreflikow\\u002D02119","name":"Gra\\u0020planszowa\\u0020Rodzina\\u0020Treflik\\u00F3w\\u0020Kalejdoskop\\u002025\\u0020gier","price":"37.99","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":14,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fkalejdoskop\\u002D15\\u002Dtrefliki\\u002D01922","name":"Gra\\u0020planszowa\\u0020Rodzina\\u0020Treflik\\u00F3w\\u0020Kalejdoskop\\u002015\\u0020gier\\u0020Trefliki","price":"27.99","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":15,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fboom\\u002Dboom\\u002Drodzina\\u002Dtreflikow\\u002D02122","name":"Gra\\u0020zr\\u0119czno\\u015Bciowa\\u0020Boom\\u0020Boom\\u0020Rodzina\\u0020Treflik\\u00F3w","price":"54.99","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":16,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fbrick\\u002Dtrick\\u002Dzamek\\u002D61539","name":"Brick\\u0020Trick\\u0020Zamek","price":"72.24","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":17,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fbrick\\u002Dtrick\\u002Dpalac\\u002Dna\\u002Dwodzie\\u002D61545","name":"Brick\\u0020Trick\\u0020\\u0020Pa\\u0142ac\\u0020na\\u0020wodzie","price":"89.24","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":18,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fgra\\u002Dtowarzyska\\u002D5\\u002Dsekund\\u002Dsztafeta\\u002D02601","name":"Gra\\u0020towarzyska\\u00205\\u0020sekund\\u0020SZTAFETA","price":"89.99","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":19,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fgra\\u002Drodzinna\\u002Dvabang\\u002Dkobiety\\u002Dkontra\\u002Dmezczyzni\\u002D02390","name":"Gra\\u0020rodzinna\\u0020Vabang\\u0021\\u0020Kobiety\\u0020kontra\\u0020M\\u0119\\u017Cczy\\u017Ani","price":"79.99","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":20,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fgra\\u002Drodzinna\\u002Dat\\u002Dthe\\u002Doffice\\u002D02527","name":"Gra\\u0020rodzinna\\u0020At\\u0020the\\u0020Office","price":"45.99","priceCurrency":"PLN","availability":"https://schema.org/OutOfStock"},{"@context":"https://schema.org/","@type":"ListItem","position":21,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Ftajemnicze\\u002Dpodziemia\\u002D02305","name":"Gra\\u0020rodzinna\\u0020Tajemnicze\\u0020Podziemia","price":"55.99","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":22,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fgra\\u002Drodzinna\\u002Dwyspy\\u002Dcooka\\u002D02598","name":"Gra\\u0020rodzinna\\u0020Wyspy\\u0020Cooka","price":"103.99","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":23,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fpuzzle\\u002Dminionki\\u002D1000\\u002Del\\u002Dgaleria\\u002Dminionkow\\u002D10744","name":"Puzzle\\u0020Minionki\\u00201000\\u0020el.\\u0020Galeria\\u0020Minionk\\u00F3w","price":"22.99","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":24,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fpuzzle\\u002D1000\\u002Del\\u002Driga\\u002D10748","name":"Puzzle\\u00201000\\u0020el.\\u0020Riga","price":"19.99","priceCurrency":"PLN","availability":"https://schema.org/OutOfStock"},{"@context":"https://schema.org/","@type":"ListItem","position":25,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fpeace\\u002Dof\\u002Dmind\\u002D10695","name":"Puzzle\\u0020Prime\\u00201000\\u0020el.\\u0020Peace\\u0020of\\u0020Mind","price":"29.99","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":26,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fcubic\\u002Dgradient\\u002D10700","name":"Puzzle\\u0020Prime\\u00201000\\u0020el.\\u0020Cubic\\u0020Gradient","price":"29.99","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":27,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fpuzzle\\u002Dsuper\\u002Dshape\\u002Dxxl\\u002Drodzina\\u002Dtreflikow\\u002D60\\u002Del\\u002Dtrefliki\\u002Dw\\u002Dstadninie\\u002Dkoni\\u002D50031","name":"Puzzle\\u0020Super\\u0020Shape\\u0020XXL\\u0020Rodzina\\u0020Treflik\\u00F3w\\u002060\\u0020el.\\u0020Trefliki\\u0020w\\u0020stadninie\\u0020koni","price":"22.19","priceCurrency":"PLN","availability":"https://schema.org/OutOfStock"},{"@context":"https://schema.org/","@type":"ListItem","position":28,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fgra\\u002Danonino\\u002Ddla\\u002Dgrupy\\u002Drodzina\\u002Dtreflikow\\u002D02427","name":"Gra\\u0020Anonino\\u0020dla\\u0020grupy,\\u0020Rodzina\\u0020Treflik\\u00F3w","price":"299.00","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":29,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fgra\\u002Dlogopedyczno\\u002Dedukacyjna\\u002Ddla\\u002Dgrupy\\u002Dgimnastyka\\u002Dbuzi\\u002Di\\u002Djezyka\\u002Drodzina\\u002Dtreflikow\\u002D02465","name":"Gra\\u0020logopedyczno\\u002Dedukacyjna\\u0020dla\\u0020grupy\\u0020Gimnastyka\\u0020buzi\\u0020i\\u0020j\\u0119zyka,\\u0020Rodzina\\u0020Treflik\\u00F3w","price":"299.00","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":30,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fgra\\u002Dedukacyjna\\u002Dekonomiczno\\u002Dmatematyczna\\u002Ddla\\u002Dgrupy\\u002Dna\\u002Dzakupy\\u002Drodzina\\u002Dtreflikow\\u002D02466","name":"Gra\\u0020edukacyjna\\u0020ekonomiczno\\u002Dmatematyczna\\u0020dla\\u0020grupy\\u0020Na\\u0020zakupy,\\u0020Rodzina\\u0020Treflik\\u00F3w","price":"299.00","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":31,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fgra\\u002Dspoleczno\\u002Dedukacyjna\\u002Ddla\\u002Dgrupy\\u002Dtus\\u002Dowe\\u002Drozgrywki\\u002Drodzina\\u002Dtreflikow\\u002D02467","name":"Gra\\u0020spo\\u0142eczno\\u002Dedukacyjna\\u0020dla\\u0020grupy\\u0020TUS\\u002Dowe\\u0020rozgrywki,\\u0020Rodzina\\u0020Treflik\\u00F3w","price":"299.00","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":32,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fgra\\u002Dspy\\u002Dguy\\u002Ddla\\u002Dgrupy\\u002Drodzina\\u002Dtreflikow\\u002D02440","name":"Gra\\u0020Spy\\u0020Guy\\u0020dla\\u0020grupy,\\u0020Rodzina\\u0020Treflik\\u00F3w","price":"299.99","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":33,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fgra\\u002Dedukacyjna\\u002Ddla\\u002Dgrupy\\u002Dekomisja\\u002Drodzina\\u002Dtreflikow\\u002D02468","name":"Gra\\u0020edukacyjna\\u0020dla\\u0020grupy\\u0020EkoMisja,\\u0020Rodzina\\u0020Treflik\\u00F3w","price":"299.00","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":34,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fpuzzle\\u002Dedukacyjne\\u002Ddla\\u002Dgrupy\\u002Dwitaminowe\\u002Dcyferki\\u002Drodzina\\u002Dtreflikow\\u002D93329","name":"Puzzle\\u0020edukacyjne\\u0020dla\\u0020grupy\\u0020Witaminowe\\u0020cyferki,\\u0020Rodzina\\u0020Treflik\\u00F3w","price":"299.00","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":35,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fgra\\u002Dedukacyjna\\u002Ddla\\u002Dgrup\\u002Djestem\\u002Dbezpieczny\\u002Drodzina\\u002Dtreflikow\\u002D02441","name":"Gra\\u0020edukacyjna\\u0020dla\\u0020grup\\u0020Jestem\\u0020Bezpieczny,\\u0020Rodzina\\u0020Treflik\\u00F3w","price":"299.00","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":36,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fgra\\u002Dplanszowa\\u002Ddla\\u002Dgrupy\\u002Dgrzybobranie\\u002Drodzina\\u002Dtreflikow\\u002D02469","name":"Gra\\u0020planszowa\\u0020dla\\u0020grupy\\u0020Grzybobranie,\\u0020Rodzina\\u0020Treflik\\u00F3w","price":"299.00","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":37,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fgra\\u002Dedukacyjna\\u002Ddla\\u002Dgrupy\\u002Dwyscig\\u002Dpo\\u002Dwiedze\\u002Drodzina\\u002Dtreflikow\\u002D02553","name":"Gra\\u0020edukacyjna\\u0020dla\\u0020grupy\\u0020Wy\\u015Bcig\\u0020po\\u0020wiedz\\u0119,\\u0020Rodzina\\u0020Treflik\\u00F3w","price":"299.00","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":38,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fpuzzle\\u002Dpremium\\u002Dplus\\u002Dquality\\u002D1000\\u002Del\\u002Dmagic\\u002Dcollection\\u002Dekspres\\u002Dczarownic\\u002D10897","name":"Puzzle\\u0020Premium\\u0020Plus\\u0020Quality\\u00201000\\u0020el.\\u0020Magic\\u0020Collection\\u003A\\u0020Ekspres\\u0020czarownic","price":"33.99","priceCurrency":"PLN","availability":"https://schema.org/OutOfStock"},{"@context":"https://schema.org/","@type":"ListItem","position":39,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fpuzzle\\u002Dpremium\\u002Dplus\\u002Dquality\\u002D1000\\u002Del\\u002Dmagic\\u002Dcollection\\u002Dkotomania\\u002D10896","name":"Puzzle\\u0020Premium\\u0020Plus\\u0020Quality\\u00201000\\u0020el.\\u0020Magic\\u0020Collection\\u003A\\u0020Kotomania","price":"33.99","priceCurrency":"PLN","availability":"https://schema.org/OutOfStock"},{"@context":"https://schema.org/","@type":"ListItem","position":40,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fgra\\u002Drodzinna\\u002Dkupcy\\u002Di\\u002Dzeglarze\\u002D02599","name":"Gra\\u0020rodzinna\\u0020Kupcy\\u0020i\\u0020\\u017Beglarze","price":"47.99","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":41,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fpuzzle\\u002Dtransformers\\u002D1000\\u002Del\\u002Dtransformers\\u002Dprzebudzenie\\u002Dbestii\\u002D10764","name":"Puzzle\\u0020Transformers\\u00201000\\u0020el.\\u0020Transformers\\u003A\\u0020Przebudzenie\\u0020bestii","price":"28.89","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":42,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fgra\\u002Drodzinna\\u002Dszalone\\u002Dgary\\u002D01767","name":"Gra\\u0020rodzinna\\u0020Szalone\\u0020Gary","price":"55.99","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":43,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fpuzzle\\u002Dprime\\u002D1000\\u002Del\\u002Dxmas\\u002Ddreaming\\u002Dof\\u002Dwinter\\u002D10754","name":"Puzzle\\u0020Prime\\u00201000\\u0020el.\\u0020XMAS\\u0020Dreaming\\u0020of\\u0020Winter","price":"29.99","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":44,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fksiazeczka\\u002Dliczydlo\\u002Dmichal\\u002Drusinek\\u002Dks68762","name":"Ksi\\u0105\\u017Ceczka\\u0020Liczyd\\u0142o,\\u0020Micha\\u0142\\u0020Rusinek\\u0020","price":"39.99","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":45,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Ftrefl\\u002Dactive\\u002Dmatalaki\\u002Dzwierzaki\\u002D61048","name":"Trefl\\u0020Active\\u0020\\u002D\\u0020Matalaki\\u0020\\u002D\\u0020Zwierzaki","price":"47.99","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":46,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fpuzzle\\u002Dhidden\\u002Dshapes\\u002D1011\\u002Del\\u002Dkocie\\u002Dwakacje\\u002D10674","name":"Puzzle\\u0020Hidden\\u0020Shapes\\u00201011\\u0020el.\\u0020Kocie\\u0020wakacje","price":"25.19","priceCurrency":"PLN","availability":"https://schema.org/OutOfStock"},{"@context":"https://schema.org/","@type":"ListItem","position":47,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Ftrefl\\u002Dactive\\u002Dmatalaki\\u002Dpotworki\\u002D61046","name":"Trefl\\u0020Active\\u0020\\u002D\\u0020Matalaki\\u0020\\u002D\\u0020Potworki","price":"47.99","priceCurrency":"PLN","availability":"https://schema.org/InStock"},{"@context":"https://schema.org/","@type":"ListItem","position":48,"url":"https\\u003A\\u002F\\u002Fwww.trefl.com\\u002Fpuzzle\\u002D1000\\u002Del\\u002Dwiktorianski\\u002Ddom\\u002D10355","name":"Puzzle\\u00201000\\u0020el.\\u0020Wiktoria\\u0144ski\\u
182860020dom","price":"27.19","priceCurrency":"PLN","availability":"https://schema.org/InStock"}]}        }
18287</script>
18287
18288<!-- added by Trusted Shops app: Start -->
18289<script src="https://integrations.etrusted.com/applications/widget.js/v2" async defer></script>
18289
18290<!-- added by Trusted Shops app: End -->
18291</div>
18291<script nonce="ZWR6OGM1dXducnBqcDNkbGJ2dGY4c3NzandxbHBjdTY=">
18292    yireoGoogleTagManager2Pusher({"version":"3.9.13","page_type":"category","page_path":"https:\/\/www.trefl.com\/promocje","page_title":"Tanie zabawki online - kultowe puzzle i gry w niskich cenach | Trefl","virtual_page":"\/promocje","breadcrumb":["Promocje Trefl"],"user":{"has_transacted":false},"category_size":48,"products":[{"item_id":"1136411","item_sku":"1136411","magento_sku":"1136411","magento_id":"12711","item_name":"Puzzle 3w1 Krajobraz 400+500+600: Dooko\u0142a \u015awiata: Londyn, Nowy Jork, Sydney","item_list_id":"26","item_list_name":"Promocje Trefl","price":39.99,"item_category":"Promocje Trefl","item_category2":"Puzzle","item_category3":"Puzzle dla doros\u0142ych","item_category4":"Puzzle 1000 element\u00f3w","item_category5":"Puzzle 1500 element\u00f3w","index":1,"quantity":1},{"item_id":"1343211","item_sku":"1343211","magento_sku":"1343211","magento_id":"12721","item_name":"Puzzle 4x1000 el. Amalfi, Barcelona, Balony i Pieski","item_list_id":"3","item_list_name":"Puzzle","price":49.99,"item_category":"Promocje Trefl","item_category2":"Puzzle","item_category3":"Puzzle dla doros\u0142ych","item_category4":"Puzzle 1000 element\u00f3w","item_category5":"Produkty FSC\u00ae","index":2,"quantity":1},{"item_id":"1343200","item_sku":"1343200","magento_sku":"1343200","magento_id":"12709","item_name":"Puzzle 4x1000 el. Malowane miasta i Kapibary","item_list_id":"3","item_list_name":"Puzzle","price":59.99,"item_category":"Promocje Trefl","item_category2":"Puzzle","item_category3":"Puzzle dla doros\u0142ych","item_category4":"Puzzle 1000 element\u00f3w","item_category5":"Produkty FSC\u00ae","index":3,"quantity":1}],"category_id":"26","category_name":"Promocje Trefl"}, 'push (initial page) [data-layer.phtml]');
18293        yireoGoogleTagManager2Pusher({"event":"view_item_list","ecommerce":{"items":[{"item_id":"1136411","item_sku":"1136411","magento_sku":"1136411","magento_id":"12711","item_name":"Puzzle 3w1 Krajobraz 400+500+600: Dooko\u0142a \u015awiata: Londyn, Nowy Jork, Sydney","item_list_id":"26","item_list_name":"Promocje Trefl","price":39.99,"item_category":"Promocje Trefl","item_category2":"Puzzle","item_category3":"Puzzle dla doros\u0142ych","item_category4":"Puzzle 1000 element\u00f3w","item_category5":"Puzzle 1500 element\u00f3w","index":1,"quantity":1},{"item_id":"1343211","item_sku":"1343211","magento_sku":"1343211","magento_id":"12721","item_name":"Puzzle 4x1000 el. Amalfi, Barcelona, Balony i Pieski","item_list_id":"3","item_list_name":"Puzzle","price":49.99,"item_category":"Promocje Trefl","item_category2":"Puzzle","item_category3":"Puzzle dla doros\u0142ych","item_category4":"Puzzle 1000 element\u00f3w","item_category5":"Produkty FSC\u00ae","index":2,"quantity":1},{"item_id":"1343200","item_sku":"1343200","magento_sku":"1343200","magento_id":"12709","item_name":"Puzzle 4x1000 el. Malowane miasta i Kapibary","item_list_id":"3","item_list_name":"Puzzle","price":59.99,"item_category":"Promocje Trefl","item_category2":"Puzzle","item_category3":"Puzzle dla doros\u0142ych","item_category4":"Puzzle 1000 element\u00f3w","item_category5":"Produkty FSC\u00ae","index":3,"quantity":1}]}}, 'push (page-based event) [data-layer.phtml]');
18294    </script>
vendor: 1 bytes, line 18294
18294
18295<script nonce="ZWR6OGM1dXducnBqcDNkbGJ2dGY4c3NzandxbHBjdTY=">
18296    function yireoGoogleTagManager2FindParentElementWithName(element, parentTagName) {
18297        if (!element.parentElement) {
18298            return null;
18299        }
18300
18301        if (element.parentElement.tagName.toLowerCase() === parentTagName) {
18302            return element.parentElement;
18303        }
18304
18305        return yireoGoogleTagManager2FindParentElementWithName(element.parentElement, parentTagName);
18306    }
18307
18308    const products = document.querySelectorAll('.products a.product');
18309    if (products && products.length > 0) {
18310        products.forEach(function(product) {
18311            product.addEventListener('click', function(event, s) {
18312                let parentElement = yireoGoogleTagManager2FindParentElementWithName(event.target, 'form');
18313                const inputElement = parentElement.querySelector('input[name="product"]');
18314                const productId = inputElement.value;
18315                const productData = window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_' + productId] || {};
18316                productData.item_id = productId;
18317
18318                const eventData = {
18319                    'event': 'select_item',
18320                    'ecommerce': {
18321                        'items': [productData]
18322                    }
18323                }
18324
18325                yireoGoogleTagManager2Pusher(eventData, 'push (page event "select_item") [script-product-clicks.phtml]');
18326
18327                if (window['YIREO_GOOGLETAGMANAGER2_DEBUG_CLICKS'] && confirm("Press to continue with redirect") === false) {
18328                    event.preventDefault();
18329                }
18330            });
18331        })
18332    }
18333</script>
vendor: 1 bytes, line 18333
18333
18334<script nonce="ZWR6OGM1dXducnBqcDNkbGJ2dGY4c3NzandxbHBjdTY=">
18335    window.addEventListener('private-content-loaded', function(event) {
18336        window.dataLayer = window.dataLayer || [];
18337
18338        var isEmpty = function (variable) {
18339            if (typeof variable === 'undefined') {
18340                return true;
18341            }
18342
18343            if (Array.isArray(variable) && variable.length === 0) {
18344                return true;
18345            }
18346
18347            return typeof variable === 'object' && Object.keys(variable).length === 0;
18348        }
18349
18350        var getSectionNames = function () {
18351            return ['cart', 'customer'];
18352        }
18353
18354        getSectionNames().forEach(function (sectionName) {
18355            if (!event.detail.data[sectionName].gtm) {
18356                return;
18357            }
18358
18359            const attributes = event.detail.data[sectionName].gtm;
18360            if (!Object.keys(attributes).length > 0) {
18361                return;
18362            }
18363
18364            yireoGoogleTagManager2Pusher(attributes, 'push (attributes) [script-additions.phtml]');
18365        });
18366
18367        let attributes = {};
18368        getSectionNames().forEach(function (sectionName) {
18369            if (!event.detail.data[sectionName].gtm_events) {
18370                return;
18371            }
18372
18373            const gtmEvents = event.detail.data[sectionName].gtm_events;
18374            for (const [eventId, eventData] of Object.entries(gtmEvents)) {
18375                yireoGoogleTagManager2Logger('found event in section "' + sectionName + '"', eventData);
18376
18377                const metaData = eventData.meta;
18378                yireoGoogleTagManager2Pusher(eventData, 'push (customerData "' + sectionName + '"  event "' + eventId + '")');
18379
18380                if (!metaData || metaData.cacheable !== true) {
18381                    yireoGoogleTagManager2Logger('removing event "' + eventId + '" from section "' + sectionName + '"')
18382
18383                    let mageCacheStorage = event.detail.data;
18384
18385                    if (mageCacheStorage !== null
18386                        && typeof mageCacheStorage[sectionName] !== 'undefined'
18387                        && typeof mageCacheStorage[sectionName].gtm_events !== 'undefined'
18388                        && eventId in mageCacheStorage[sectionName].gtm_events) {
18389                        delete mageCacheStorage[sectionName].gtm_events[eventId];
18390                    }
18391
18392                    window.localStorage.setItem('mage-cache-storage', JSON.stringify(mageCacheStorage));
18393                }
18394            }
18395        });
18396
18397        if (false === isEmpty(attributes)) {
18398            yireoGoogleTagManager2Pusher(attributes, 'dataLayer (initial js) [script-additions.phtml]');
18399        }
18400    });
18401</script>
18401
18402</body>
18403</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.