Ksi膮偶ki dla dzieci 0-3 lat

<!doctype html> <html lang="pl"> <head> <base href="https://literia.pl/ksiazki/ksiazki-dla-dzieci/0-3-lata"> <meta charset="utf-8"> <script>/* <![CDATA[ */ ringDataLayer = {"context":{"variant":{"accelerator":"bGl0ZXJpYS5wbDo6cHJvZC1saXRlcmlh"},"id":{"website":"93013368-3cd1-40d1-bf1d-a7f55fdee78a"}}}; /* ]]> */</script> <script>/* <![CDATA[ */ accConf = {"events":{"endpointPaths":["/a8f4d8cd95e164917035b64b867a45dd"]}}; /* ]]> */</script> <meta name="title" content="Ksi膮偶ki dla dzieci 0-3 lat"> <meta name="robots" content="INDEX,FOLLOW"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Ksi膮偶ki dla dzieci 0-3 lat</title> <link rel="stylesheet" type="text/css" media="all" href="https://literia.pl/static/version1729671568/frontend/NineBits/Literia/pl_PL/Mageplaza_Blog/css/mpBlogIcon.css"> <link rel="stylesheet" type="text/css" media="all" href="https://literia.pl/static/version1729671568/frontend/NineBits/Literia/pl_PL/css/styles.css"> <link rel="stylesheet" type="text/css" media="all" href="https://literia.pl/static/version1729671568/frontend/NineBits/Literia/pl_PL/Mageplaza_Blog/css/splide.min.css"> <link rel="stylesheet" type="text/css" media="all" href="https://literia.pl/static/version1729671568/frontend/NineBits/Literia/pl_PL/Mageplaza_Blog/css/treeselectjs.css"> <script type="text/javascript" src="https://literia.pl/static/version1729671568/frontend/NineBits/Literia/pl_PL/Mageplaza_Blog/js/ckeditor.js"></script> <script type="text/javascript" src="https://literia.pl/static/version1729671568/frontend/NineBits/Literia/pl_PL/Mageplaza_Blog/js/splide.min.js"></script> <script type="text/javascript" src="https://literia.pl/static/version1729671568/frontend/NineBits/Literia/pl_PL/Mageplaza_Blog/js/treeselectjs.umd.js"></script> <link rel="canonical" href="https://literia.pl/ksiazki/ksiazki-dla-dzieci/0-3-lata"> <link rel="icon" type="image/x-icon" href="https://literia.pl/media/favicon/stores/1/favicon.png"> <link rel="shortcut icon" type="image/x-icon" href="https://literia.pl/media/favicon/stores/1/favicon.png"> <script> dlApi = { target: "LITERIA/AREALITERIA", autoslot: 1, async: 1, cmd: [ function (dlApi) { dlApi.hasVendorConsentByVendorName( [ "facebook", "google" ], function (consent) { if (consent) { // User allows Facebook and Google to use personal data for respective purposes } } ); } ] }; </script> <script defer src="//lib.onet.pl/s.csr/build/dlApi/dl.boot.min.js" async></script> <style> #thumbs { z-index: 51; } .catalogsearch-result-index .search.results .my-6 { display: none; } </style> <script>window.YIREO_GOOGLETAGMANAGER2_ENABLED = true; (function (events) { const initYireoGoogleTagManager2 = function () { events.forEach(function (eventType) { window.removeEventListener(eventType, initYireoGoogleTagManager2); }); (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'}); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com' + '/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-W5STBQ'); } events.forEach(function (eventType) { window.addEventListener(eventType, initYireoGoogleTagManager2, {once: true, passive: true}) }) })(['load', 'keydown', 'mouseover', 'scroll', 'touchstart', 'wheel']);</script> <script> var BASE_URL = 'https://literia.pl/'; var THEME_PATH = 'https://literia.pl/static/version1729671568/frontend/NineBits/Literia/pl_PL'; var COOKIE_CONFIG = { "expires": null, "path": "\u002F", "domain": ".literia.pl", "secure": true, "lifetime": "172800", "cookie_restriction_enabled": true }; var CURRENT_STORE_CODE = 'default'; var CURRENT_WEBSITE_ID = '1'; window.hyva = window.hyva || {} window.cookie_consent_groups = window.cookie_consent_groups || {} window.cookie_consent_groups['necessary'] = true; window.cookie_consent_config = window.cookie_consent_config || {}; window.cookie_consent_config['necessary'] = [].concat( window.cookie_consent_config['necessary'] || [], [ 'user_allowed_save_cookie', 'form_key', 'mage-messages', 'private_content_version', 'mage-cache-sessid', 'last_visited_store', 'section_data_ids' ] ); </script> <script> 'use strict'; (function( hyva, undefined ) { function lifetimeToExpires(options, defaults) { const lifetime = options.lifetime || defaults.lifetime; if (lifetime) { const date = new Date; date.setTime(date.getTime() + lifetime * 1000); return date; } return null; } function generateRandomString() { const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ', length = 16; let formKey = '', charactersLength = allowedCharacters.length; for (let i = 0; i < length; i++) { formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))] } return formKey; } const sessionCookieMarker = {noLifetime: true} const cookieTempStorage = {}; const internalCookie = { get(name) { const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); return v ? v[2] : null; }, set(name, value, days, skipSetDomain) { let expires, path, domain, secure, samesite; const defaultCookieConfig = { expires: null, path: '/', domain: null, secure: false, lifetime: null, samesite: 'lax' }; const cookieConfig = window.COOKIE_CONFIG || {}; expires = days && days !== sessionCookieMarker ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig) : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires; path = cookieConfig.path || defaultCookieConfig.path; domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain); secure = cookieConfig.secure || defaultCookieConfig.secure; samesite = cookieConfig.samesite || defaultCookieConfig.samesite; document.cookie = name + "=" + encodeURIComponent(value) + (expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') + (path ? '; path=' + path : '') + (domain ? '; domain=' + domain : '') + (secure ? '; secure' : '') + (samesite ? '; samesite=' + samesite : 'lax'); }, isWebsiteAllowedToSaveCookie() { const allowedCookies = this.get('user_allowed_save_cookie'); if (allowedCookies) { const allowedWebsites = JSON.parse(unescape(allowedCookies)); return allowedWebsites[CURRENT_WEBSITE_ID] === 1; } return false; }, getGroupByCookieName(name) { const cookieConsentConfig = window.cookie_consent_config || {}; let group = null; for (let prop in cookieConsentConfig) { if (!cookieConsentConfig.hasOwnProperty(prop)) continue; if (cookieConsentConfig[prop].includes(name)) { group = prop; break; } } return group; }, isCookieAllowed(name) { const cookieGroup = this.getGroupByCookieName(name); return cookieGroup ? window.cookie_consent_groups[cookieGroup] : this.isWebsiteAllowedToSaveCookie(); }, saveTempStorageCookies() { for (const [name, data] of Object.entries(cookieTempStorage)) { if (this.isCookieAllowed(name)) { this.set(name, data['value'], data['days'], data['skipSetDomain']); delete cookieTempStorage[name]; } } } }; hyva.getCookie = (name) => { const cookieConfig = window.COOKIE_CONFIG || {}; if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null; } return internalCookie.get(name); } hyva.setCookie = (name, value, days, skipSetDomain) => { const cookieConfig = window.COOKIE_CONFIG || {}; if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { cookieTempStorage[name] = {value, days, skipSetDomain}; return; } return internalCookie.set(name, value, days, skipSetDomain); } hyva.setSessionCookie = (name, value, skipSetDomain) => { return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain) } hyva.getBrowserStorage = () => { const browserStorage = window.localStorage || window.sessionStorage; if (!browserStorage) { console.warn('Browser Storage is unavailable'); return false; } try { browserStorage.setItem('storage_test', '1'); browserStorage.removeItem('storage_test'); } catch (error) { console.warn('Browser Storage is not accessible', error); return false; } return browserStorage; } hyva.postForm = (postParams) => { const form = document.createElement("form"); let data = postParams.data; if (! postParams.skipUenc && ! data.uenc) { data.uenc = btoa(window.location.href); } form.method = "POST"; form.action = postParams.action; Object.keys(postParams.data).map(key => { const field = document.createElement("input"); field.type = 'hidden' field.value = postParams.data[key]; field.name = key; form.appendChild(field); }); const form_key = document.createElement("input"); form_key.type = 'hidden'; form_key.value = hyva.getFormKey(); form_key.name="form_key"; form.appendChild(form_key); document.body.appendChild(form); form.submit(); } hyva.getFormKey = function () { let formKey = hyva.getCookie('form_key'); if (!formKey) { formKey = generateRandomString(); hyva.setCookie('form_key', formKey); } return formKey; } hyva.formatPrice = (value, showSign, options = {}) => { const formatter = new Intl.NumberFormat( 'pl\u002DPL', Object.assign({ style: 'currency', currency: 'PLN', signDisplay: showSign ? 'always' : 'auto' }, options) ); return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ? formatter.formatToParts(value).map(({type, value}) => { switch (type) { case 'currency': return 'z\u0142' || value; case 'minusSign': return '- '; case 'plusSign': return '+ '; default : return value; } }).reduce((string, part) => string + part) : formatter.format(value); } const formatStr = function (str, nStart) { const args = Array.from(arguments).slice(2); return str.replace(/(%+)([0-9]+)/g, (m, p, n) => { const idx = parseInt(n) - nStart; if (args[idx] === null || args[idx] === void 0) { return m; } return p.length % 2 ? p.slice(0, -1).replace('%%', '%') + args[idx] : p.replace('%%', '%') + n; }) } hyva.str = function (string) { const args = Array.from(arguments); args.splice(1, 0, 1); return formatStr.apply(undefined, args); } hyva.strf = function () { const args = Array.from(arguments); args.splice(1, 0, 0); return formatStr.apply(undefined, args); } /** * Take a html string as `content` parameter and * extract an element from the DOM to replace in * the current page under the same selector, * defined by `targetSelector` */ hyva.replaceDomElement = (targetSelector, content) => { // Parse the content and extract the DOM node using the `targetSelector` const parser = new DOMParser(); const doc = parser.parseFromString(content, 'text/html'); const contentNode = doc.querySelector(targetSelector); // Bail if content can't be found if (!contentNode) { return; } hyva.activateScripts(contentNode) // Replace the old DOM node with the new content document.querySelector(targetSelector).replaceWith(contentNode); // Reload customerSectionData and display cookie-messages if present window.dispatchEvent(new CustomEvent("reload-customer-section-data")); hyva.initMessages(); } hyva.activateScripts = (contentNode) => { // Extract all the script tags from the content. // Script tags won't execute when inserted into a dom-element directly, // therefore we need to inject them to the head of the document. const tmpScripts = contentNode.getElementsByTagName('script'); if (tmpScripts.length > 0) { // Push all script tags into an array // (to prevent dom manipulation while iterating over dom nodes) const scripts = []; for (let i = 0; i < tmpScripts.length; i++) { scripts.push(tmpScripts[i]); } // Iterate over all script tags and duplicate+inject each into the head for (let i = 0; i < scripts.length; i++) { let script = document.createElement('script'); script.innerHTML = scripts[i].innerHTML; document.head.appendChild(script); // Remove the original (non-executing) node from the content scripts[i].parentNode.removeChild(scripts[i]); } } return contentNode; } const replace = {['+']: '-', ['/']: '_', ['=']: ','}; hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]); let currentTrap; const focusableElements = (rootElement) => { const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]'; return Array.from(rootElement.querySelectorAll(selector)) .filter(el => { return el.style.display !== 'none' && !el.disabled && el.tabIndex !== -1 && (el.offsetWidth || el.offsetHeight || el.getClientRects().length) }) } const focusTrap = (e) => { const isTabPressed = e.key === 'Tab' || e.keyCode === 9; if (!isTabPressed) return; const focusable = focusableElements(currentTrap) const firstFocusableElement = focusable[0] const lastFocusableElement = focusable[focusable.length - 1] e.shiftKey ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault()) : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault()) }; hyva.releaseFocus = (rootElement) => { if (currentTrap && (!rootElement || rootElement === currentTrap)) { currentTrap.removeEventListener('keydown', focusTrap) currentTrap = null } } hyva.trapFocus = (rootElement) => { if (!rootElement) return; hyva.releaseFocus() currentTrap = rootElement rootElement.addEventListener('keydown', focusTrap) const firstElement = focusableElements(rootElement)[0] firstElement && firstElement.focus() } hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true}) window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies()) }( window.hyva = window.hyva || {} )); </script> <script> if (!window.IntersectionObserver) { window.IntersectionObserver = function (callback) { this.observe = el => el && callback(this.takeRecords()); this.takeRecords = () => [{isIntersecting: true, intersectionRatio: 1}]; this.disconnect = () => {}; this.unobserve = () => {}; } } </script> <meta http-equiv="X-Translated-By" content="Google"> <meta http-equiv="X-Translated-To" content="fr"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.omlEigW4xY8.O/am=DgY/d=1/rs=AN8SPfpjsL9kUWY0h-sp7Ilu7hZWGwEmeg/m=corsproxy" data-sourceurl="https://literia.pl/ksiazki/ksiazki-dla-dzieci/0-3-lata"></script> <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" rel="stylesheet"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.omlEigW4xY8.O/am=DgY/d=1/exm=corsproxy/ed=1/rs=AN8SPfpjsL9kUWY0h-sp7Ilu7hZWGwEmeg/m=phishing_protection" data-phishing-protection-enabled="false" data-forms-warning-enabled="true" data-source-url="https://literia.pl/ksiazki/ksiazki-dla-dzieci/0-3-lata"></script> <meta name="robots" content="none"> </head> <body id="html-body" class="page-with-filter page-products categorypath-ksiazki-ksiazki-dla-dzieci-0-3-lata category-0-3-lata catalog-category-view page-layout-2columns-left"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.omlEigW4xY8.O/am=DgY/d=1/exm=corsproxy,phishing_protection/ed=1/rs=AN8SPfpjsL9kUWY0h-sp7Ilu7hZWGwEmeg/m=navigationui" data-environment="prod" data-proxy-url="https://literia-pl.translate.goog" data-proxy-full-url="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/0-3-lata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" data-source-url="https://literia.pl/ksiazki/ksiazki-dla-dzieci/0-3-lata" data-source-language="pl" data-target-language="fr" data-display-language="en-GB" data-detected-source-language="" data-is-source-untranslated="false" data-source-untranslated-url="https://translate.google.com/website?sl=pl&tl=fr&hl=en-GB&u=https://literia.pl/ksiazki/ksiazki-dla-dzieci/0-3-lata&anno=2" data-client="tr"></script> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W5STBQ" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript><input name="form_key" type="hidden" value="dz8zAZTPNlvLrUIG"> <noscript> <section class="message global noscript border-b-2 border-blue-500 bg-blue-50 shadow-none m-0 px-0 rounded-none font-normal"> <div class="container text-center"> <p><strong>Wygl膮da na to, 偶e JavaScript jest wy艂膮czony w twojej przegl膮darce.</strong> <span> By w pe艂ni cieszy膰 si臋 nasz膮 stron膮, upewnij si臋, 偶e w艂膮czy艂e艣 JavaScript w swojej przegl膮darce. </span></p> </div> </section> </noscript> <script> document.body.addEventListener('touchstart', () => {}, {passive: true}) </script> <script>function yireoGoogleTagManager2Pusher(eventData, message) { window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS = window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS || []; const copyEventData = Object.assign({}, eventData); let metaData = {}; if (copyEventData.meta) { metaData = copyEventData.meta; delete copyEventData.meta; } const eventHash = btoa(encodeURIComponent(JSON.stringify(copyEventData))); if (window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS.includes(eventHash)) { yireoGoogleTagManager2Logger('Warning: Event already triggered', eventData); return; } if (metaData && metaData.allowed_pages && metaData.allowed_pages.length > 0 && false === metaData.allowed_pages.some(page => window.location.pathname.includes(page))) { yireoGoogleTagManager2Logger('Warning: Skipping event, not in allowed pages', window.location.pathname, eventData); return; } if (!message) { message = 'push (unknown) [unknown]'; } yireoGoogleTagManager2Logger(message, eventData); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ecommerce: null}); window.dataLayer.push(eventData); window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS.push(eventHash); }</script> <script>function yireoGoogleTagManager2Logger(...args) { const debug = window.YIREO_GOOGLETAGMANAGER2_DEBUG || false; if (false === debug) { return; } var color = 'gray'; if (args[0].toLowerCase().startsWith('push')) { color = 'green'; } if (args[0].toLowerCase().startsWith('warning')) { color = 'orange'; } var css = 'color:white; background-color:' + color + '; padding:1px;' console.log('%cYireo_GoogleTagManager2', css, ...args); }</script> <script> 'use strict'; (function(hyva) { const formValidationRules = { required(value, options, field, context) { const el = field.element.type === 'hidden' ? createTextInputFrom(field.element) : field.element, msg = 'To\u0020jest\u0020wymagane\u0020pole.'; if (el.type === 'radio' || el.type === 'checkbox') { return (value === undefined || value.length === 0) ? msg : true; } el.setAttribute('required', ''); el.checkValidity(); return el.validity.valueMissing ? msg : true; }, maxlength(value, options, field, context) { const n = Number(options) if (value.length > n) { return n === 1 ? hyva.strf('Please\u0020enter\u0020no\u0020more\u0020than\u00201\u0020character.') : hyva.strf('Please\u0020enter\u0020no\u0020more\u0020than\u0020\u00250\u0020characters.', options) } return true; }, minlength(value, options, field, context) { const n = Number(options) if (value.length > 0 && value.length < n) { return n === 1 ? hyva.strf('Please\u0020enter\u0020at\u0020least\u00201\u0020character.') : hyva.strf('Please\u0020enter\u0020at\u0020least\u0020\u00250\u0020characters.', options) } return true; }, max(value, options, field, context) { field.element.setAttribute('max', options); field.element.checkValidity(); if (field.element.validity.rangeOverflow) { return hyva.strf('Please\u0020enter\u0020a\u0020value\u0020less\u0020than\u0020or\u0020equal\u0020to\u0020\u0022\u00250\u0022.', options); } return true; }, min(value, options, field, context) { field.element.setAttribute('min', options); field.element.checkValidity(); if (field.element.validity.rangeUnderflow) { return hyva.strf('Please\u0020enter\u0020a\u0020value\u0020greater\u0020than\u0020or\u0020equal\u0020to\u0020\u0022\u00250\u0022.', options); } return true; }, step(value, options, field, context) { field.element.setAttribute('step', options); field.element.checkValidity(); if (field.element.validity.stepMismatch) { const val = Number(value); const step = Number(options); const msg = 'Please\u0020enter\u0020a\u0020valid\u0020value.\u0020The\u0020two\u0020nearest\u0020valid\u0020values\u0020are\u0020\u0022\u00250\u0022\u0020and\u0020\u0022\u00251\u0022.'; return hyva.strf(msg, Math.floor(val / step) * step, Math.ceil(val / step) * step); } return true; }, pattern(value, options, field, context) { field.element.setAttribute('pattern', options); field.element.checkValidity(); if (field.element.validity.patternMismatch) { return field.element.title ? hyva.strf('Please\u0020match\u0020the\u0020requested\u0020format\u003A\u0020\u00250.', field.element.title) : 'Please\u0020match\u0020the\u0020requested\u0020format.' } return true; }, email(value, options, field, context) { 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; if (value.length > 0 && !rule.test(value)) { return 'Prosimy\u0020wpisa\u0107\u0020poprawny\u0020adres\u0020e\u002Dmail'; } return true; }, password(value, options, field, context) { const rule = /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/; if (value.length > 0 && !rule.test(value)) { 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'; } return true; }, equalTo(value, options, field, context) { const dependencyField = context.fields[options].element; if (value !== dependencyField.value) { const dependencyFieldName = dependencyField.label || dependencyField.title || (dependencyField.labels && dependencyField.labels[0] && dependencyField.labels[0].innerText) || dependencyField.name; return hyva.strf('This\u0020field\u0020value\u0020must\u0020be\u0020the\u0020same\u0020as\u0020\u0022\u00250\u0022.', dependencyFieldName); } return true; } }; function raceSome(promises, pred) { return new Promise((resolve, reject) => { if (promises.length === 0) { return resolve(); } let settled = false, nDone = 0; const resolveIf = v => { if (!settled && (pred(v) || ++nDone === promises.length)) { settled = true; resolve(v); } return v; } promises.map(promise => { promise.then(resolveIf).catch(reason => { settled = true; reject(reason) }); return promise; }); }); } const INPUT_ATTRIBUTE_RULES = {min: 'min', max: 'max', required: 'required', minlength: 'minlength', maxlength: 'maxlength', step: 'step', pattern: 'pattern'} const INPUT_TYPE_RULES = {email: 'email'} function getRules(element) { let rules = {}; Object.keys(INPUT_ATTRIBUTE_RULES).forEach(attrName => { if (element.hasAttribute(attrName)) { rules[INPUT_ATTRIBUTE_RULES[attrName]] = element.getAttribute(attrName); } }) if (INPUT_TYPE_RULES[element.type]) { rules[INPUT_TYPE_RULES[element.type]] = true; } if (element.dataset.validate) { try { Object.assign(rules, JSON.parse(element.dataset.validate)); } catch (error) { console.error('Validator error. Cannot parse data-validate attribute of element:\n', element); } } return rules; } function isInvalidRuleResult(ruleState) { return typeof ruleState === 'string' || !ruleState || (ruleState.type && ruleState.content); } async function runValidateFn(rule, options, value, field) { return formValidationRules[rule](value, options, field, this); } function generateId() { let id; do { id = `${this.idPrefix}-${++this.idSeq}`; } while (document.getElementById(id)); return id; } function isVisible(element) { const el = element.type !== 'hidden' ? element : (element.parentElement || {}); return !!(el.offsetWidth || el.offsetHeight || el.getClientRects().length) } function elementWillValidate(element) { return (element.willValidate || element.type === 'hidden') && element.tagName !== 'BUTTON' && element.disabled === false && !(element.tagName === 'INPUT' && element.type === 'submit') && (element.hasAttribute('data-validate-hidden') || isVisible(element)) } function createMessageContainer(el, fieldWrapperClassName) { if (! el.parentElement) { return; } const refocus = document.activeElement === el; const wrapper = document.createElement('div'); wrapper.classList.add.apply(wrapper.classList, fieldWrapperClassName.split(' ')); el.parentElement.insertBefore(wrapper, el); wrapper.appendChild(el); refocus && document.activeElement !== el && el.focus(); return wrapper; } function containerNotFound(selector, el) { const msg = `Cannot find message container element ${selector} of ${el.name}`; console.error(msg, el); throw msg; } function createTextInputFrom(el) { const text = document.createElement('INPUT'); text.type = 'text'; text.value = el.value; return text; } function classNamesToSelector(classNames) { return classNames.split(' ') .filter(className => className.length > 0) .map(className => `.${className}`) .join('') } function hasMessagesWrapper(field, messagesWrapperClassName) { return this.getMessageContainer(field).querySelector(classNamesToSelector(messagesWrapperClassName)); } function getMessagesWrapper(field, messagesWrapperClassName) { if (hasMessagesWrapper.call(this, field, messagesWrapperClassName)) { return this.getMessageContainer(field).querySelector(classNamesToSelector(messagesWrapperClassName)); } const msgWrapper = document.createElement('ul'); const msgId = generateId.call(this); msgWrapper.id = msgId; field.element.setAttribute('aria-errormessage', msgId); field.element.setAttribute('aria-describedby', msgId); msgWrapper.classList.add.apply(msgWrapper.classList, messagesWrapperClassName.split(' ')); if (field.validateOnChange) { msgWrapper.setAttribute('aria-live', 'polite'); } this.getMessageContainer(field).appendChild(msgWrapper); return msgWrapper; } function getCheckedValues(field) { const name = field.element.name.replace(/([\\"])/g, '\\$1'); const elements = field.element.form.querySelectorAll('input[name="' + name + '"]:checked'); return Array.from(elements).map(el => el.value); } function escapeHtml(s) { const div = document.createElement('div') div.innerText = s; return div.innerHTML; } function formValidation(formElement, options) { // Disable browser default validation if (formElement.tagName === 'FORM') { formElement.setAttribute('novalidate', ''); } else { console.error('formValidation can be initialized only on FORM element', formElement); return; } options = Object.assign({ fieldWrapperClassName: 'field field-reserved', messagesWrapperClassName: 'messages', validClassName: 'field-success', invalidClassName: 'field-error', pageMessagesWrapperSelector: null, scrollToFirstError: true, }, options || {}); return { state: { valid: false, }, fields: {}, idSeq: 0, idPrefix: formElement.id || 'vld-msg', setupFields(elements) { this.fields = {}; Array.from(elements).forEach(element => { if (elementWillValidate(element)) { this.setupField(element); } }); }, setupField(element) { if (! element) return; const onChange = !!element.dataset.onChange; if (elementWillValidate(element)) { const rules = getRules(element); if (Object.keys(rules).length > 0) { if (this.fields[element.name]) { Object.assign(this.fields[element.name].rules, rules); } else { this.fields[element.name] = { element, rules: rules, validateOnChange: onChange, state: { valid: null, rules: {} } } } } } else { console.error('Element will not validate', element); } }, onSubmit(event) { if (event.target.tagName === 'FORM') { event.preventDefault(); this.validate() .then(() => event.target.submit()) .catch(invalidElements => {}); } }, onChange(event) { event.target.dataset.onChange = 'true'; if (!Object.keys(this.fields).length) { this.setupFields(formElement.elements); } if (!Object.keys(this.fields).includes(event.target.name)) { this.setupField(event.target); } const field = this.fields[event.target.name]; this.validateField(field); field && field.element.removeAttribute('data-on-change') }, validateSafe() { return new Promise(resolve => this.validate().then(() => resolve(true)).catch(() => {})) }, validate() { if (!Object.keys(this.fields).length || !Object.keys(this.fields).length !== formElement.elements.length) { this.setupFields(formElement.elements); } return new Promise(async (resolve, reject) => { if (formElement.elements) { await raceSome(this.validateFields(), result => result !== true) const invalidFields = Object.values(this.fields).filter(field => !field.state.valid); this.state.valid = invalidFields.length === 0; if (this.state.valid) { resolve(); } else { if (options.scrollToFirstError && invalidFields.length > 0) { invalidFields[0].element.focus() invalidFields[0].element.select && invalidFields[0].element.select(); } reject(invalidFields.map(field => field.element)); } } }); }, validateFields() { const fields = Object.values(this.fields); fields.forEach(field => { this.getMessageContainer(field).classList.remove(options.validClassName, options.invalidClassName) }); return fields.map(field => this.validateField(field)) }, validateField(field) { if (! field || ! elementWillValidate(field.element)) { return new Promise(resolve => resolve(true)) } let value; if (field.element.type === 'checkbox') { value = getCheckedValues(field); } else if (field.element.type === 'radio') { value = getCheckedValues(field)[0] || undefined; } else if (field.element.tagName === 'SELECT' && field.element.multiple) { value = Array.from(field.element.selectedOptions).map(opt => opt.value); } else { value = field.element.value; } const rules = field.rules || {}; field.state.valid = true; this.showFieldState(field); const fieldValidations = Object.keys(rules).filter(rule => formValidationRules[rule]).map(async rule => { return runValidateFn.call(this, rule, rules[rule], value, field).then(result => { field.state.rules[rule] = result; return result; }) }); return new Promise(resolve => { Promise.all(fieldValidations).then(results => { field.state.valid = !elementWillValidate(field.element) || rules.length === 0 || !results.some(isInvalidRuleResult) this.showFieldState(field); resolve(field.state.valid); }) }); }, getMessagesByField(field) { const messages = []; const invalidRules = Object.keys(field.state.rules).filter(rule => isInvalidRuleResult(field.state.rules[rule])); field.rules && Object.keys(field.rules).forEach((rule) => { if (invalidRules.includes(rule)) { const customMessage = field.element.getAttribute('data-msg-' + rule); const message = customMessage ? customMessage : field.state.rules[rule]; const ruleOptions = JSON.parse(JSON.stringify(field.rules[rule])); if (typeof message === 'undefined' || message === null || (typeof message !== 'string' && ! message.type)) { messages.push(hyva.strf('Validation rule "%0" failed.', rule)); } else if (Array.isArray(ruleOptions)) { ruleOptions.unshift(message.type ? message.content : message); const content = hyva.strf.apply(null, ruleOptions); messages.push(message.type ? {type: message.type, content} : content); } else { const content = hyva.strf(message.type ? message.content : message, ruleOptions) messages.push(message.type ? {type: message.type, content} : content); } } }); return messages; }, /** @deprecated */ getFieldWrapper(field) { return this.getMessageContainer(field) }, getMessageContainer(field) { let container; const pageSelector = field.element.getAttribute('data-validation-container') || options.pageMessagesContainerSelector; if (pageSelector) { container = document.querySelector(pageSelector) || containerNotFound(pageSelector, field.element) } else { const containerSelector = classNamesToSelector(options.fieldWrapperClassName); container = field.element.closest(containerSelector) || createMessageContainer(field.element, options.fieldWrapperClassName) || containerNotFound(containerSelector, field.element); } return container; }, showFieldState(field) { const container = this.getMessageContainer(field), hasErrorMessages = hasMessagesWrapper.call(this, field, options.messagesWrapperClassName), messages = this.getMessagesByField(field).map(m => { return m.type !== 'html' ? escapeHtml(m.type ? m.content : m) : m.content; }); container.classList.toggle(options.validClassName, field.state.valid && ! hasErrorMessages); container.classList.toggle(options.invalidClassName, !field.state.valid || hasErrorMessages); this.createHtmlErrorMessage(field, messages); if (field.state.valid) { field.element.removeAttribute('aria-invalid'); } else { field.element.setAttribute('aria-invalid', 'true'); if (! document.activeElement) { field.element.focus(); } } }, removeMessages(field, messagesClass) { if (! hasMessagesWrapper.call(this, field, messagesClass || options.messagesWrapperClassName)) { return; } const msgWrapper = getMessagesWrapper.call(this, field, messagesClass || options.messagesWrapperClassName); const messages = msgWrapper.querySelectorAll(`[data-msg-field='${field.element.name}']`); Array.from(messages).forEach(msg => msg.remove()); if (msgWrapper && msgWrapper.childElementCount === 0) { field.element.removeAttribute('aria-errormessage'); field.element.removeAttribute('aria-describedby'); msgWrapper.remove(); } }, createErrorMessage(field, messages) { const htmlMessages = (Array.isArray(messages) ? messages : [messages]).map(escapeHtml) this.createHtmlErrorMessage(field, htmlMessages); }, createHtmlErrorMessage(field, messages) { this.removeMessages(field, options.messagesWrapperClassName); field.element.removeAttribute('aria-errormessage'); field.element.removeAttribute('aria-describedby'); if (!field.state.valid) { const msgWrapper = this.addHtmlMessages(field, options.messagesWrapperClassName, messages); field.element.setAttribute('aria-errormessage', msgWrapper.id); field.element.setAttribute('aria-describedby', msgWrapper.id); } }, /** @deprecated */ createMessage(field, message) { return this.addMessages(field, options.messagesWrapperClassName, message); }, addMessages(field, messagesClass, messages) { const htmlMessages = (Array.isArray(messages) ? messages : [messages]).map(escapeHtml) return this.addHtmlMessages(field, messagesClass, htmlMessages); }, addHtmlMessages(field, messagesClass, htmlMessages) { const msgWrapper = getMessagesWrapper.call(this, field, messagesClass); (Array.isArray(htmlMessages) ? htmlMessages : [htmlMessages]).forEach((htmlMessage) => { const li = document.createElement('li'); li.innerHTML = htmlMessage; li.setAttribute('data-msg-field', field.element.name); msgWrapper.appendChild(li); }); return msgWrapper; }, setField(name, value) { this.fields[name].element.value = value; this.fields[name].element.dispatchEvent((new Event('input'))); this.validateField(this.fields[name]); } } } hyva.formValidation = formValidation; hyva.formValidation.rules = formValidationRules; hyva.formValidation.setInputAttributeRuleName = (attrName, ruleName) => INPUT_ATTRIBUTE_RULES[attrName] = ruleName || attrName; hyva.formValidation.setInputTypeRuleName = (typeName, ruleName) => INPUT_TYPE_RULES[typeName] = ruleName || typeName; hyva.formValidation.addRule = (name, validator) => formValidationRules[name] = validator; }(window.hyva = window.hyva || {})); </script> <div class="page-wrapper"> <header class="page-header"> <a class="action skip sr-only focus:not-sr-only focus:absolute focus:z-40 focus:bg-white contentarea" href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/0-3-lata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB#contentarea"> <span> Przejd藕 do tre艣ci </span> </a> <script> function initHeader() { return { searchOpen: false, cart: {}, getData(data) { if (data.cart) { this.cart = data.cart document.getElementById('cartSummaryCount').classList.remove('hidden'); document.getElementById('cart.subtotal').classList.remove('hidden'); } } } } function initCompareHeader() { return { compareProducts: null, itemCount: 0, receiveCompareData(data) { if (data['compare-products']) { this.compareProducts = data['compare-products']; this.itemCount = this.compareProducts.count; } } } } </script> <div x-data="{scrolAtTop: (window.pageYOffset < 15) || false}"> <div class="w-full" :class="{ 'theme-bg-grey6 fixed top-0 z-20 shadow-md header-sticky-top': !scrolAtTop }" @scroll.window="scrolAtTop = (window.pageYOffset >= 15) ? false : true; scrolAtTop ? document.body.classList.remove('scrolled') : document.body.classList.add('scrolled');"> <div id="header" class="relative z-30 w-full lg:border-b bg-container-lighter border-literia-light-yellow" x-data="initHeader()" @keydown.window.escape="searchOpen = false;" @private-content-loaded.window="getData(event.detail.data)"> <div class="flex flex-col"> <div class="container flex flex-nowrap items-center justify-between w-full px-1 sm:px-6 py-3 mx-auto mt-0"> <div class="relative flex flex-col lg:flex-row items-center w-full lg:max-w-[600px] xl:max-w-full"> <div class="hidden" :class="{ 'lg:block': !scrolAtTop }"> <div x-cloak x-data="initMenuMobile_6747e99c59b09()" class="z-20 navigation lg:hidden"> <div class="flex flex-col items-center justify-center space-y-1" :class="{ 'hidden' : !open }"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="md:h-6 md:w-6 mt-[5px] fill-literia-yellow" role="img"> <rect x="3" y="3" width="7" height="7" /><rect x="14" y="3" width="7" height="7" /><rect x="14" y="14" width="7" height="7" /><rect x="3" y="14" width="7" height="7" /> <title>grid</title> </svg><span class="text-sm hd"> Menu</span> </div> <div @load.window="setActiveMenu($root)" class="" :class="{'h-auto overflow-x-hidden fixed bottom-[70px] top-0 left-0 w-full bg-black/75' : open}" @toggle-mobile-menu.window="open = !open" @keydown.window.escape="open=false"> <div class="flex items-baseline justify-between menu-icon rounded-t-3xl bg-container-lighter" :class="{'mt-[58px]': open}"> <div class="flex justify-center w-full"><a class="flex items-center justify-center space-x-1" :class="{ 'flex-row text-center justify-center w-full': open, 'ml-auto flex-col justify-end cursor-pointer': !open,}"> <span class="font-bold pl-11 font-bold text-lg w-full" :class="{ 'hidden': !open }">Menu</span> <span class="cursor-pointer" @click="$dispatch('toggle-mobile-menu'), toggleBodyScroll()"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-1 rounded-full shrink-0 border-2 border-black m-5 mr-4 ml-auto" width="30" height="30" :class="{ 'hidden' : !open, 'block': open }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> <title>x</title> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="md:h-6 md:w-6 mt-[5px]" :class="{ 'hidden' : open, 'block': !open }" role="img"> <rect x="3" y="3" width="7" height="7" /><rect x="14" y="3" width="7" height="7" /><rect x="14" y="14" width="7" height="7" /><rect x="3" y="14" width="7" height="7" /> <title>grid</title> </svg></span> <span class="pt-1 text-sm mm" :class="{ 'hidden' : open }"> Menu</span> </a> </div> </div> <div class="hidden w-full bg-white h-auto min-h-[125vh] duration-150 ease-in-out transform border-t transition-display border-literia-light-yellow" :class="{ 'hidden' : !open }"> <nav> <div class="level-0 bg-white flex flex-col mx-6 [&:not(:last-child)]:border-b border-literia-light-yellow"><span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }"> <a class="flex items-center w-full mx-0 font-bold px-0 py-4 cursor-pointer bg-container-lighter level-0" href="https://literia-pl.translate.goog/prasa?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prasa"> Prasa </a> <a class="absolute right-0 flex w-12 h-12 mr-3 p-2 pr-0 cursor-pointer bg-container-lighter border-container" @click="mobilePanelActiveId = mobilePanelActiveId === 'category-node-4' ? 0 : 'category-node-4'"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-2" width="16" height="16" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> <title>chevron-right</title> </svg></a> </span> <div class="absolute min-h-[125vh] top-0 right-0 z-10 w-full transition-transform duration-200 ease-in-out transform bg-container-lighter mb-[-2px]" :class="{ 'translate-x-full h-full overflow-hidden' : mobilePanelActiveId !== 'category-node-4', 'translate-x-0' : mobilePanelActiveId === 'category-node-4',}"><span @click="mobilePanelActiveId = 0"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="absolute cursor-pointer p-1 top-[-50px] left-5 rounded-full shrink-0 border-2 border-black mr-auto" width="30" height="30" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7" /> <title>chevron-left</title> </svg></span> <a href="https://literia-pl.translate.goog/prasa?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prasa" class="flex items-center px-6 py-4 border-b-[20px] cursor-pointer bg-container-lighter border-literia-gray"> <span class="ml-0">Wszystkie <span class="lowercase">Prasa</span></span> </a><a class="flex items-center px-6 py-4 pb-0 font-bold"> <span class=""> Prasa </span> </a> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/prasa/miesiecznik-forbes?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes Polska" class="text-base font-semibold lg:ml-0"> Forbes Polska </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/miesiecznik-forbes/forbes-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes - prenumerata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Forbes - prenumerata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/miesiecznik-forbes/forbes-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes - wydania" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Forbes - wydania </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/prasa/forbes-women?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes Women" class="text-base font-semibold lg:ml-0"> Forbes Women </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/forbes-women/forbes-women-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes Women - prenumerata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Forbes Women - prenumerata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/forbes-women/forbes-women-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes Women - wydania" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Forbes Women - wydania </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/prasa/newsweek-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Polska" class="text-base font-semibold lg:ml-0"> Newsweek Polska </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-polska/tygodnik-newsweek-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tygodnik Newsweek - prenumerata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Tygodnik Newsweek - prenumerata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-polska/tygodnik-newsweek-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tygodnik Newsweek - wydania" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Tygodnik Newsweek - wydania </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/prasa/newsweek-psychologia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Psychologia" class="text-base font-semibold lg:ml-0"> Newsweek Psychologia </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-psychologia/newsweek-psychologia-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Psychologia - prenumerata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Newsweek Psychologia - prenumerata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-psychologia/newsweek-psychologia-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Psychologia - wydania" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Newsweek Psychologia - wydania </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/prasa/newsweek-extra?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Extra" class="text-base font-semibold lg:ml-0"> Newsweek Extra </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-extra/newsweek-extra-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Extra - prenumerata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Newsweek Extra - prenumerata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-extra/newsweek-extra-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Extra - wydania" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Newsweek Extra - wydania </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/prasa/newsweek-learning-english?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Learning English" class="text-base font-semibold lg:ml-0"> Newsweek Learning English </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-learning-english/nle-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="NLE - prenumerata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> NLE - prenumerata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-learning-english/nle-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="NLE - wydania" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> NLE - wydania </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/prasa/newsweek-historia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Historia" class="text-base font-semibold lg:ml-0"> Newsweek Historia </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-historia/newsweek-historia-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Historia - prenumerata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Newsweek Historia - prenumerata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-historia/newsweek-historia-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Historia - wydania" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Newsweek Historia - wydania </div></a> </template> </div><a href="https://literia-pl.translate.goog/prasa/newsweek-magazyn-kryminalny?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Magazyn Kryminalny" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Newsweek Magazyn Kryminalny </span> </a> <a href="https://literia-pl.translate.goog/prasa/newsweek-wydania-specjalne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Wydania Specjalne" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Newsweek Wydania Specjalne </span> </a> <a href="https://literia-pl.translate.goog/prasa/auto-swiat-classic?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Auto 艢wiat Classic" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Auto 艢wiat Classic </span> </a> <a href="https://literia-pl.translate.goog/prasa/auto-swiat-katalog?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Auto 艢wiat Katalog" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Auto 艢wiat Katalog </span> </a> <a href="https://literia-pl.translate.goog/prasa/komputer-swiat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Komputer 艢wiat </span> </a> <a href="https://literia-pl.translate.goog/prasa/komputer-swiat-twoj-niezbednik?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat Tw贸j Niezb臋dnik" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Komputer 艢wiat Tw贸j Niezb臋dnik </span> </a> <a href="https://literia-pl.translate.goog/prasa/zyj-lepiej-extra?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="呕yj Lepiej Extra" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> 呕yj Lepiej Extra </span> </a> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/prasa/przeglad-sportowy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przegl膮d Sportowy" class="text-base font-semibold lg:ml-0"> Przegl膮d Sportowy </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/przeglad-sportowy/skarb-kibica?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Skarb Kibica" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Skarb Kibica </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/przeglad-sportowy/wydania-specjalne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wydania specjalne" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Wydania specjalne </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/przeglad-sportowy/przeglad-sportowy-historia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przegl膮d Sportowy Historia" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Przegl膮d Sportowy Historia </div></a> </template> </div> </div> </div> <div class="level-0 bg-white flex flex-col mx-6 [&:not(:last-child)]:border-b border-literia-light-yellow"><span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }"> <a class="flex items-center w-full mx-0 font-bold px-0 py-4 cursor-pointer bg-container-lighter level-0" href="https://literia-pl.translate.goog/ksiazki/swieta?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Bo偶e Narodzenie"> Bo偶e Narodzenie </a> </span> </div> <div class="level-0 bg-white flex flex-col mx-6 [&:not(:last-child)]:border-b border-literia-light-yellow"><span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }"> <a class="flex items-center w-full mx-0 font-bold px-0 py-4 cursor-pointer bg-container-lighter level-0" href="https://literia-pl.translate.goog/kolekcje?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kolekcje"> Kolekcje </a> <a class="absolute right-0 flex w-12 h-12 mr-3 p-2 pr-0 cursor-pointer bg-container-lighter border-container" @click="mobilePanelActiveId = mobilePanelActiveId === 'category-node-5' ? 0 : 'category-node-5'"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-2" width="16" height="16" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> <title>chevron-right</title> </svg></a> </span> <div class="absolute min-h-[125vh] top-0 right-0 z-10 w-full transition-transform duration-200 ease-in-out transform bg-container-lighter mb-[-2px]" :class="{ 'translate-x-full h-full overflow-hidden' : mobilePanelActiveId !== 'category-node-5', 'translate-x-0' : mobilePanelActiveId === 'category-node-5',}"><span @click="mobilePanelActiveId = 0"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="absolute cursor-pointer p-1 top-[-50px] left-5 rounded-full shrink-0 border-2 border-black mr-auto" width="30" height="30" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7" /> <title>chevron-left</title> </svg></span> <a href="https://literia-pl.translate.goog/kolekcje?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kolekcje" class="flex items-center px-6 py-4 border-b-[20px] cursor-pointer bg-container-lighter border-literia-gray"> <span class="ml-0">Wszystkie <span class="lowercase">Kolekcje</span></span> </a><a class="flex items-center px-6 py-4 pb-0 font-bold"> <span class=""> Kolekcje </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/saga-o-ludziach-lodu?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Saga o Ludziach Lodu" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Saga o Ludziach Lodu </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/sladem-tajemnic-harlan-coben?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Harlan Coben. 艢ladem tajemnic " class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Harlan Coben. 艢ladem tajemnic </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/wielka-kolekcja-terry-pratchett?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wielka Kolekcja Terry Pratchett" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Wielka Kolekcja Terry Pratchett </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/nicholas-sparks-pisane-sercem?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Nicholas Sparks - Pisane sercem" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Nicholas Sparks - Pisane sercem </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/kolekcja-ksiazek-pauliny-swist?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kolekcja Ksi膮偶ek Pauliny 艢wist" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Kolekcja Ksi膮偶ek Pauliny 艢wist </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/zmyslowa-kolekcja?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zmys艂owa kolekcja" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Zmys艂owa kolekcja </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/saga-grzech-pierworodny?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Saga Grzech pierworodny" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Saga Grzech pierworodny </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/tytus-romek-i-a-tomek?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tytus, Romek i A'Tomek" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Tytus, Romek i A'Tomek </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/corka-morza?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="C贸rka morza" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> C贸rka morza </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/stephen-king?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Stephen King" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Stephen King </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/malowane-sny?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Malowane sny" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Malowane sny </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/czas-milczenia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Czas milczenia" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Czas milczenia </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/tanya-valko?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tanya Valko" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Tanya Valko </span> </a> </div> </div> <div class="level-0 bg-white flex flex-col mx-6 [&:not(:last-child)]:border-b border-literia-light-yellow"><span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }"> <a class="flex items-center w-full mx-0 font-bold px-0 py-4 cursor-pointer bg-container-lighter level-0" href="https://literia-pl.translate.goog/ksiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki"> Ksi膮偶ki </a> <a class="absolute right-0 flex w-12 h-12 mr-3 p-2 pr-0 cursor-pointer bg-container-lighter border-container" @click="mobilePanelActiveId = mobilePanelActiveId === 'category-node-50' ? 0 : 'category-node-50'"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-2" width="16" height="16" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> <title>chevron-right</title> </svg></a> </span> <div class="absolute min-h-[125vh] top-0 right-0 z-10 w-full transition-transform duration-200 ease-in-out transform bg-container-lighter mb-[-2px]" :class="{ 'translate-x-full h-full overflow-hidden' : mobilePanelActiveId !== 'category-node-50', 'translate-x-0' : mobilePanelActiveId === 'category-node-50',}"><span @click="mobilePanelActiveId = 0"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="absolute cursor-pointer p-1 top-[-50px] left-5 rounded-full shrink-0 border-2 border-black mr-auto" width="30" height="30" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7" /> <title>chevron-left</title> </svg></span> <a href="https://literia-pl.translate.goog/ksiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki" class="flex items-center px-6 py-4 border-b-[20px] cursor-pointer bg-container-lighter border-literia-gray"> <span class="ml-0">Wszystkie <span class="lowercase">Ksi膮偶ki</span></span> </a><a class="flex items-center px-6 py-4 pb-0 font-bold"> <span class=""> Ksi膮偶ki </span> </a> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki dla dzieci" class="text-base font-semibold lg:ml-0"> Ksi膮偶ki dla dzieci </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/0-3-lata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="0-3 lata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> 0-3 lata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/4-8-lat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="4-8 lat" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> 4-8 lat </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/9-12-lat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="9-12 lat" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> 9-12 lat </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/gry-i-zabawy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Gry i zabawy" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Gry i zabawy </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/kolorowanki-i-naklejki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kolorowanki i naklejki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Kolorowanki i naklejki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/wierszyki-i-rymowanki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wierszyki i rymowanki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Wierszyki i rymowanki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/edukacja-dla-najmlodszych?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Edukacja dla najm艂odszych" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Edukacja dla najm艂odszych </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazeczki-dzwiekowe-i-sensoryczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶eczki d藕wi臋kowe i sensoryczne" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶eczki d藕wi臋kowe i sensoryczne </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/bajki-basnie-legendy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Bajki, ba艣nie, legendy" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Bajki, ba艣nie, legendy </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/bajki-dla-niemowlat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Bajki dla niemowl膮t" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Bajki dla niemowl膮t </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/aktywizujace-i-interaktywne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Aktywizuj膮ce i interaktywne" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Aktywizuj膮ce i interaktywne </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/poznawanie-swiata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poznawanie 艣wiata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Poznawanie 艣wiata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/zabawki-maskotki-figurki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zabawki, maskotki, figurki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Zabawki, maskotki, figurki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-kosmosie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o kosmosie" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki o kosmosie </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-detektywistyczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki detektywistyczne" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki detektywistyczne </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-przygodowe?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki przygodowe" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki przygodowe </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-po-angielsku?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki po angielsku" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki po angielsku </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-kucharskie-dla-dzieci?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki kucharskie dla dzieci" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki kucharskie dla dzieci </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-emocjach?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o emocjach" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki o emocjach </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-popularnonaukowe?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki popularnonaukowe" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki popularnonaukowe </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-przyrodzie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o przyrodzie" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki o przyrodzie </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-zwierzetach?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o zwierz臋tach" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki o zwierz臋tach </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-dinozaurach?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o dinozaurach" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki o dinozaurach </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/kryminal-sensacja-thriller?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Krymina艂, sensacja, thriller" class="text-base font-semibold lg:ml-0"> Krymina艂, sensacja, thriller </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kryminal-sensacja-thriller/thriller?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Thriller" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Thriller </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kryminal-sensacja-thriller/sensacja?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Sensacja" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Sensacja </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kryminal-sensacja-thriller/kryminal?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Krymina艂" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Krymina艂 </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/poradniki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki" class="text-base font-semibold lg:ml-0"> Poradniki </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-o-rozwoju-osobistym?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki o rozwoju osobistym" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Poradniki o rozwoju osobistym </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/zdrowie-moda-i-uroda?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zdrowie, moda i uroda" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Zdrowie, moda i uroda </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-kulinarne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki kulinarne" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Poradniki kulinarne </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/dziecko-rodzina-zwiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Dziecko, rodzina, zwi膮zki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Dziecko, rodzina, zwi膮zki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-dla-domu-i-ogrodu?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki dla domu i ogrodu" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Poradniki dla domu i ogrodu </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/ksiazki-hobbystyczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki hobbystyczne" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki hobbystyczne </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-psychologiczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki psychologiczne" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Poradniki psychologiczne </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-motoryzacyjne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki motoryzacyjne" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Poradniki motoryzacyjne </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-sportowe?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki sportowe" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Poradniki sportowe </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-o-zwierzetach?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki o zwierz臋tach" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Poradniki o zwierz臋tach </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/komputery-i-informatyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputery i informatyka" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Komputery i informatyka </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/literatura-obyczajowa?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literatura obyczajowa" class="text-base font-semibold lg:ml-0"> Literatura obyczajowa </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-obyczajowa/erotyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Erotyka" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Erotyka </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-obyczajowa/romans?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Romans" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Romans </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-obyczajowa/ksiazki-obyczajowe?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki obyczajowe" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki obyczajowe </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literatura pi臋kna polska" class="text-base font-semibold lg:ml-0"> Literatura pi臋kna polska </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/proza-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Proza polska" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Proza polska </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/opowiadania-polskie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Opowiadania polskie" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Opowiadania polskie </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/eseje-polskie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Eseje polskie" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Eseje polskie </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/powiesc-historyczna-i-biograficzna-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Powie艣膰 historyczna i biograficzna polska" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Powie艣膰 historyczna i biograficzna polska </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/klasyka-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Klasyka polska" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Klasyka polska </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literatura pi臋kna obca" class="text-base font-semibold lg:ml-0"> Literatura pi臋kna obca </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/proza-obca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Proza obca" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Proza obca </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/opowiadania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Opowiadania" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Opowiadania </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/eseje-obce?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Eseje obce" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Eseje obce </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/powiesc-historyczna-i-biograficzna-obca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Powie艣膰 historyczna i biograficzna obca" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Powie艣膰 historyczna i biograficzna obca </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/klasyka-obca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Klasyka obca" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Klasyka obca </div></a> </template> </div><a href="https://literia-pl.translate.goog/ksiazki/religie-i-wyznania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Religie i wyznania" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Religie i wyznania </span> </a> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/literatura-faktu-i-reportaze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literatura faktu i reporta偶e" class="text-base font-semibold lg:ml-0"> Literatura faktu i reporta偶e </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-faktu-i-reportaze/wywiady?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wywiady" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Wywiady </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-faktu-i-reportaze/felietony-i-reportaze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Felietony i reporta偶e" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Felietony i reporta偶e </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-faktu-i-reportaze/publicystyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Publicystyka" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Publicystyka </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kultura i sztuka" class="text-base font-semibold lg:ml-0"> Kultura i sztuka </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka/architektura?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Architektura" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Architektura </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka/rzezba-malarstwo-fotografia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Rze藕ba, malarstwo, fotografia" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Rze藕ba, malarstwo, fotografia </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka/film-i-teatr?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Film i teatr" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Film i teatr </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka/muzyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Muzyka" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Muzyka </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/fantastyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fantastyka" class="text-base font-semibold lg:ml-0"> Fantastyka </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/fantastyka/wiedzmin?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wied藕min" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Wied藕min </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/fantastyka/horrory?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Horrory" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Horrory </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/fantastyka/fantasy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fantasy" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fantasy </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/fantastyka/science-fiction?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Science-fiction" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Science-fiction </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/biografie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie" class="text-base font-semibold lg:ml-0"> Biografie </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-i-autobiografie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie i autobiografie" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Biografie i autobiografie </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-znanych-osob?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie znanych os贸b" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Biografie znanych os贸b </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/postacie-historyczne-politycy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Postacie historyczne, politycy" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Postacie historyczne, politycy </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-aktorow-i-rezyserow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie aktor贸w i re偶yser贸w" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Biografie aktor贸w i re偶yser贸w </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-literatow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie literat贸w" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Biografie literat贸w </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/listy-i-wspomnienia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Listy i wspomnienia" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Listy i wspomnienia </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-naukowcow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie naukowc贸w" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Biografie naukowc贸w </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-sportowcow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie sportowc贸w" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Biografie sportowc贸w </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-muzykow-i-zespolow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie muzyk贸w i zespo艂贸w" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Biografie muzyk贸w i zespo艂贸w </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/pamietniki-i-dzienniki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Pami臋tniki i dzienniki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Pami臋tniki i dzienniki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/wywiady-biografie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wywiady, biografie" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Wywiady, biografie </div></a> </template> </div><a href="https://literia-pl.translate.goog/ksiazki/nauka-i-wiedza?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Nauka i wiedza" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Nauka i wiedza </span> </a> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-historyczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki historyczne" class="text-base font-semibold lg:ml-0"> Ksi膮偶ki historyczne </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-historyczne/historia-swiata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Historia 艣wiata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Historia 艣wiata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-historyczne/ii-wojna-swiatowa?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="II wojna 艣wiatowa" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> II wojna 艣wiatowa </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/albumy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy" class="text-base font-semibold lg:ml-0"> Albumy </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/albumy/albumy-o-architekturze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy o architekturze" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Albumy o architekturze </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/albumy/albumy-o-sztuce?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy o sztuce" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Albumy o sztuce </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/albumy/albumy-przyrodnicze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy przyrodnicze" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Albumy przyrodnicze </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/albumy/albumy-krajoznawcze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy krajoznawcze" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Albumy krajoznawcze </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/albumy/motoryzacja?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Motoryzacja" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Motoryzacja </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/podroze-i-turystyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Podr贸偶e i turystyka" class="text-base font-semibold lg:ml-0"> Podr贸偶e i turystyka </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/podroze-i-turystyka/mapy-i-atlasy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Mapy i atlasy" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Mapy i atlasy </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/komiksy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komiksy" class="text-base font-semibold lg:ml-0"> Komiksy </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/komiksy/tytus-romek-i-a-tomek?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tytus, Romek i A'Tomek" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Tytus, Romek i A'Tomek </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/psychologia-i-rozwoj-osobisty?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Psychologia i rozw贸j osobisty" class="text-base font-semibold lg:ml-0"> Psychologia i rozw贸j osobisty </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/psychologia-i-rozwoj-osobisty/dziecko-rodzina-zwiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Dziecko, rodzina, zwi膮zki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Dziecko, rodzina, zwi膮zki </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kulinaria i diety" class="text-base font-semibold lg:ml-0"> Kulinaria i diety </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/ciasta-desery-wypieki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ciasta, desery, wypieki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ciasta, desery, wypieki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/diety-zdrowe-zywienie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Diety, zdrowe 偶ywienie" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Diety, zdrowe 偶ywienie </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/kuchnie-swiata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kuchnie 艣wiata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Kuchnie 艣wiata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/kuchnia-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kuchnia polska" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Kuchnia polska </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/napoje?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Napoje" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Napoje </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/sport-i-wypoczynek?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Sport i wypoczynek" class="text-base font-semibold lg:ml-0"> Sport i wypoczynek </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/sport-i-wypoczynek/ludzie-sportu?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ludzie sportu" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ludzie sportu </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/sport-i-wypoczynek/pilka-nozna?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Pi艂ka no偶na" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Pi艂ka no偶na </div></a> </template> </div><a href="https://literia-pl.translate.goog/ksiazki/przewodniki-turystyczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przewodniki turystyczne" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Przewodniki turystyczne </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ekonomia-i-biznes?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ekonomia i biznes" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Ekonomia i biznes </span> </a> </div> </div> <div class="level-0 bg-white flex flex-col mx-6 [&:not(:last-child)]:border-b border-literia-light-yellow"><span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }"> <a class="flex items-center w-full mx-0 font-bold px-0 py-4 cursor-pointer bg-container-lighter level-0" href="https://literia-pl.translate.goog/subskrypcje?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Subskrypcje"> Subskrypcje </a> </span> </div> <div class="level-0 bg-white flex flex-col mx-6 [&:not(:last-child)]:border-b border-literia-light-yellow"><span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }"> <a class="flex items-center w-full mx-0 font-bold px-0 py-4 cursor-pointer bg-container-lighter level-0" href="https://literia-pl.translate.goog/literia-poleca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literia poleca"> Literia poleca </a> <a class="absolute right-0 flex w-12 h-12 mr-3 p-2 pr-0 cursor-pointer bg-container-lighter border-container" @click="mobilePanelActiveId = mobilePanelActiveId === 'category-node-483' ? 0 : 'category-node-483'"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-2" width="16" height="16" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> <title>chevron-right</title> </svg></a> </span> <div class="absolute min-h-[125vh] top-0 right-0 z-10 w-full transition-transform duration-200 ease-in-out transform bg-container-lighter mb-[-2px]" :class="{ 'translate-x-full h-full overflow-hidden' : mobilePanelActiveId !== 'category-node-483', 'translate-x-0' : mobilePanelActiveId === 'category-node-483',}"><span @click="mobilePanelActiveId = 0"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="absolute cursor-pointer p-1 top-[-50px] left-5 rounded-full shrink-0 border-2 border-black mr-auto" width="30" height="30" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7" /> <title>chevron-left</title> </svg></span> <a href="https://literia-pl.translate.goog/literia-poleca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literia poleca" class="flex items-center px-6 py-4 border-b-[20px] cursor-pointer bg-container-lighter border-literia-gray"> <span class="ml-0">Wszystkie <span class="lowercase">Literia poleca</span></span> </a><a class="flex items-center px-6 py-4 pb-0 font-bold"> <span class=""> Literia poleca </span> </a> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat" class="text-base font-semibold lg:ml-0"> Komputer 艢wiat </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat/biblioteczka-komputer-swiata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biblioteczka Komputer 艢wiata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Biblioteczka Komputer 艢wiata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat/komputer-swiat-twoj-niezbednik?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat Tw贸j Niezb臋dnik" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Komputer 艢wiat Tw贸j Niezb臋dnik </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat/miesiecznik-komputer-swiat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Miesi臋cznik Komputer 艢wiat" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Miesi臋cznik Komputer 艢wiat </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat/komputer-swiat-wydania-specjalne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat wydania specjalne" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Komputer 艢wiat wydania specjalne </div></a> </template> </div><a href="https://literia-pl.translate.goog/literia-poleca/forbes-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes prenumerata" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Forbes prenumerata </span> </a> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biblioteka Faktu" class="text-base font-semibold lg:ml-0"> Biblioteka Faktu </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/zwierzakowe-kolorowanki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zwierzakowe kolorowanki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Zwierzakowe kolorowanki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/naklejki-iskierki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Naklejki iskierki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Naklejki iskierki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-kolorowanki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt kolorowanki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt kolorowanki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-dla-dzieci?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt dla dzieci" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt dla dzieci </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-encyklopedia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt encyklopedia" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt encyklopedia </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-bajki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt bajki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt bajki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-dla-malucha?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt dla malucha" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt dla malucha </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-edukacja?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt edukacja" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt edukacja </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-dla-dziewczynek?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt dla dziewczynek" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt dla dziewczynek </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-dzieciom?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt dzieciom" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt dzieciom </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-naklejki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt naklejki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt naklejki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-bestseller?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt Bestseller" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt Bestseller </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-newsweeka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biblioteka Newsweeka" class="text-base font-semibold lg:ml-0"> Biblioteka Newsweeka </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-newsweeka/newsweek-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek prenumerata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Newsweek prenumerata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-newsweeka/newsweek-bestseller?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Historia Bestseller" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Newsweek Historia Bestseller </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biblioteka Przegl膮du Sportowego" class="text-base font-semibold lg:ml-0"> Biblioteka Przegl膮du Sportowego </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/skarb-kibica?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Skarb Kibica" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Skarb Kibica </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/przeglad-sportowy-historia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przegl膮d Sportowy Historia" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Przegl膮d Sportowy Historia </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/wydania-specjalne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wydania specjalne " class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Wydania specjalne </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/ksiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/gadzety-kolekcjonerskie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Gad偶ety kolekcjonerskie" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Gad偶ety kolekcjonerskie </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/plakaty?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Plakaty" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Plakaty </div></a> </template> </div><a href="https://literia-pl.translate.goog/literia-poleca/pakiety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Pakiety ksi膮偶ek" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Pakiety ksi膮偶ek </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/butelka-noizz?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Butelka Noizz" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Butelka Noizz </span> </a> </div> </div> <div class="level-0 bg-white flex flex-col mx-6 [&:not(:last-child)]:border-b border-literia-light-yellow"><span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }"> <a class="flex items-center w-full mx-0 font-bold px-0 py-4 cursor-pointer bg-container-lighter level-0" href="https://literia-pl.translate.goog/bestsellery?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Bestsellery"> Bestsellery </a> </span> </div> <div class="level-0 bg-white flex flex-col mx-6 [&:not(:last-child)]:border-b border-literia-light-yellow"><span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }"> <a class="flex items-center w-full mx-0 font-bold px-0 py-4 cursor-pointer bg-container-lighter level-0" href="https://literia-pl.translate.goog/zapowiedzi?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zapowiedzi"> Zapowiedzi </a> </span> </div> <div class="level-0 bg-white flex flex-col mx-6 [&:not(:last-child)]:border-b border-literia-light-yellow"><span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }"> <a class="flex items-center w-full mx-0 font-bold px-0 py-4 cursor-pointer bg-container-lighter level-0" href="https://literia-pl.translate.goog/prenumeraty?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumeraty"> Prenumeraty </a> </span> </div> <style>.cmsb33-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem } .cmsb33-mt-\[-1px\] { margin-top: -1px } .cmsb33-block { display: block } .cmsb33-flex { display: flex } .cmsb33-\!hidden { display: none !important } .cmsb33-hidden { display: none } .cmsb33-w-full { width: 100% } .cmsb33-transform { transform: var(--tw-transform) } .cmsb33-cursor-pointer { cursor: pointer } .cmsb33-flex-col { flex-direction: column } .cmsb33-items-center { align-items: center } .cmsb33-gap-1 { gap: 0.25rem } .cmsb33-border-t-\[20px\] { border-top-width: 20px } .cmsb33-border-b { border-bottom-width: 1px } .cmsb33-bg-white { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) } .cmsb33-px-0 { padding-left: 0px; padding-right: 0px } .cmsb33-py-4 { padding-top: 1rem; padding-bottom: 1rem } .cmsb33-font-bold { font-weight: 700 } .cmsb33-transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms } .cmsb33-duration-150 { transition-duration: 150ms } .cmsb33-ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) }</style> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> <div class="cmsb33-bg-white cmsb33-flex cmsb33-flex-col cmsb33-border-t-[20px] border-literia-gray cmsb33-mt-[-1px]" :class="{'cmsb33-!hidden': mobilePanelActiveId}"><span class="cmsb33-flex cmsb33-items-center cmsb33-transition-transform cmsb33-duration-150 cmsb33-ease-in-out cmsb33-transform"> <a x-cloak x-data="{hoverTag:false}" x-on:mouseleave="hoverTag = false" x-on:mouseenter="hoverTag = true" class="cmsb33-flex cmsb33-gap-1 cmsb33-items-center cmsb33-w-full cmsb33-mx-6 cmsb33-font-bold cmsb33-px-0 cmsb33-py-4 cmsb33-border-b cmsb33-cursor-pointer bg-container-lighter border-literia-light-yellow" href="https://literia-pl.translate.goog/okazje?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> <span :class="hoverTag ? 'hidden' : 'block'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-tag" role="img"> <path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z" /><line x1="7" y1="7" x2="7.01" y2="7" /> <title>feather/tag</title> </svg></span> <span :class="hoverTag ? 'block' : 'hidden'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="#FFD500" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-tag" role="img"> <path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z" /><line x1="7" y1="7" x2="7.01" y2="7" /> <title>tag-yellow</title> </svg></span> <span>OKAZJE</span> </a> </span> </div> <div class="cmsb33-bg-white cmsb33-flex cmsb33-flex-col" :class="{'cmsb33-!hidden': mobilePanelActiveId}"><span class="cmsb33-flex cmsb33-items-center cmsb33-transition-transform cmsb33-duration-150 cmsb33-ease-in-out cmsb33-transform"> <a class="cmsb33-flex cmsb33-items-center cmsb33-w-full cmsb33-mx-6 cmsb33-font-bold cmsb33-px-0 cmsb33-py-4 cmsb33-border-b cmsb33-cursor-pointer bg-container-lighter border-literia-light-yellow" href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/kolorowanki-i-naklejki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">POLECAMY </a> </span> </div> <div class="cmsb33-bg-white cmsb33-flex cmsb33-flex-col" :class="{'cmsb33-!hidden': mobilePanelActiveId}"><span class="cmsb33-flex cmsb33-items-center cmsb33-transition-transform cmsb33-duration-150 cmsb33-ease-in-out cmsb33-transform"> <a class="cmsb33-flex cmsb33-items-center cmsb33-w-full cmsb33-mx-6 cmsb33-font-bold cmsb33-px-0 cmsb33-py-4 cmsb33-border-b cmsb33-cursor-pointer bg-container-lighter border-literia-light-yellow" href="https://literia-pl.translate.goog/bestsellery?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">BESTSELLERY </a> </span> </div> <div class="cmsb33-bg-white cmsb33-flex cmsb33-flex-col" :class="{'cmsb33-!hidden': mobilePanelActiveId}"><span class="cmsb33-flex cmsb33-items-center cmsb33-transition-transform cmsb33-duration-150 cmsb33-ease-in-out cmsb33-transform"> <a class="cmsb33-flex cmsb33-items-center cmsb33-w-full cmsb33-mx-6 cmsb33-font-bold cmsb33-px-0 cmsb33-py-4 cmsb33-cursor-pointer bg-container-lighter" href="https://literia-pl.translate.goog/czeste-pytania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">POMOC I KONTAKT </a> </span> </div> </div> </nav> </div> </div> </div> <script> 'use strict'; var initMenuMobile_6747e99c59b09 = () => { return { mobilePanelActiveId: null, open: false, setActiveMenu(menuNode) { Array.from(menuNode.querySelectorAll('a')).filter(link => { return link.href === window.location.href.split('?')[0]; }).map(item => { item.classList.add('underline'); item.closest('div.level-0') && item.closest('div.level-0').querySelector('a.level-0').classList.add('underline'); }); } } } </script> <div x-cloak x-data="{opened: false, open:(isHomepage && scrolAtTop) || false}"> <div x-cloak x-data="initMenuDesktop_6747e99c82479()" class="z-30 order-2 sm:order-1 lg:order-2 navigation hidden lg:flex absolute" :class="{ '2xl:w-[320px] xl:w-[280px] lg:w-[250px]': (!scrolAtTop && open) || scrolAtTop, 'top-2' : !scrolAtTop}" @scroll.window="isHomepage && (open = (isHomepage && scrolAtTop) || (opened == true) || false)"> <div @mouseover.away="opened = false; open = (isHomepage && scrolAtTop) || false, hoverPanelActiveId = 0; setOverlay(false);" class="relative w-full"> <div class="flex z-30 relative items-baseline justify-between menu-icon rounded-full w-full" :class="{'bg-literia-yellow-light' : opened, 'bg-literia-yellow' : !opened}"> <div class="flex w-full"><a @mouseover="open = true; opened = true; setOverlay();" class="flex items-center w-full px-[15px]"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="p-3" width="48" height="48" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16" /> <title>menu</title> </svg><span class="font-bold" :class="{ 'hidden': !scrolAtTop && !open }"> KATEGORIE</span> </a> </div> </div> <nav x-show="open" class="mt-[-24px] pt-5 bg-container-lighter w-full rounded-b-3xl border-r-2 border-l-2 border-b-2 border-literia-light-yellow z-20 divide-y divide-literia-warmgray w-full overflow-x-auto " :class="{'max-h-[481px]': scrolAtTop}"> <div class="level-0 mx-6 text-black first:mt-5 has-children" @mouseenter="opened = true;hoverPanelActiveId = 'category-node-4'; setOverlay();"><span class="flex items-center block text-md"> <a class="menuText w-full text-base font-bold hover:text-black level-0 p-3 px-0 relative" :class="{'text-black' : hoverPanelActiveId === 'category-node-4'}" href="https://literia-pl.translate.goog/prasa?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prasa"> Prasa <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 absolute right-0 top-[50%] -translate-y-1/2" width="16" height="16" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> <title>chevron-right</title> </svg></a> </span> <div class="absolute z-[-10] ml-[-20px] hidden overflow-x-auto overflow-y-hidden px-6 pl-10 left-full right-unset bottom-0 top-unset h-[calc(100%-65px)] w-auto shadow-lg bg-container-lighter 2xl:w-[1188px] xl:w-[972px] lg:w-[746px] w-[528px] rounded-br-3xl border-t-0 border-literia-light-yellow" :class="{ 'hidden' : hoverPanelActiveId !== 'category-node-4', 'block' : hoverPanelActiveId === 'category-node-4 || open == true', 'h-[calc(100%-69px)]' : !scrolAtTop }"> <div class="flex flex-col flex-wrap py-4 overflow-y-hidden h-full w-auto"> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/miesiecznik-forbes?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes Polska" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Forbes Polska </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/prasa/miesiecznik-forbes/forbes-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes - prenumerata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Forbes - prenumerata </span> </a> <a href="https://literia-pl.translate.goog/prasa/miesiecznik-forbes/forbes-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes - wydania" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Forbes - wydania </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/forbes-women?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes Women" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Forbes Women </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/prasa/forbes-women/forbes-women-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes Women - prenumerata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Forbes Women - prenumerata </span> </a> <a href="https://literia-pl.translate.goog/prasa/forbes-women/forbes-women-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes Women - wydania" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Forbes Women - wydania </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/newsweek-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Polska" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Newsweek Polska </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/prasa/newsweek-polska/tygodnik-newsweek-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tygodnik Newsweek - prenumerata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Tygodnik Newsweek - prenumerata </span> </a> <a href="https://literia-pl.translate.goog/prasa/newsweek-polska/tygodnik-newsweek-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tygodnik Newsweek - wydania" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Tygodnik Newsweek - wydania </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/newsweek-psychologia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Psychologia" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Newsweek Psychologia </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/prasa/newsweek-psychologia/newsweek-psychologia-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Psychologia - prenumerata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Newsweek Psychologia - prenumerata </span> </a> <a href="https://literia-pl.translate.goog/prasa/newsweek-psychologia/newsweek-psychologia-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Psychologia - wydania" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Newsweek Psychologia - wydania </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/newsweek-extra?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Extra" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Newsweek Extra </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/prasa/newsweek-extra/newsweek-extra-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Extra - prenumerata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Newsweek Extra - prenumerata </span> </a> <a href="https://literia-pl.translate.goog/prasa/newsweek-extra/newsweek-extra-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Extra - wydania" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Newsweek Extra - wydania </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/newsweek-learning-english?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Learning English" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Newsweek Learning English </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/prasa/newsweek-learning-english/nle-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="NLE - prenumerata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> NLE - prenumerata </span> </a> <a href="https://literia-pl.translate.goog/prasa/newsweek-learning-english/nle-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="NLE - wydania" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> NLE - wydania </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/newsweek-historia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Historia" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Newsweek Historia </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/prasa/newsweek-historia/newsweek-historia-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Historia - prenumerata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Newsweek Historia - prenumerata </span> </a> <a href="https://literia-pl.translate.goog/prasa/newsweek-historia/newsweek-historia-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Historia - wydania" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Newsweek Historia - wydania </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/newsweek-magazyn-kryminalny?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Magazyn Kryminalny" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Newsweek Magazyn Kryminalny </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/newsweek-wydania-specjalne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Wydania Specjalne" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Newsweek Wydania Specjalne </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/auto-swiat-classic?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Auto 艢wiat Classic" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Auto 艢wiat Classic </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/auto-swiat-katalog?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Auto 艢wiat Katalog" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Auto 艢wiat Katalog </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/komputer-swiat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Komputer 艢wiat </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/komputer-swiat-twoj-niezbednik?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat Tw贸j Niezb臋dnik" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Komputer 艢wiat Tw贸j Niezb臋dnik </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/zyj-lepiej-extra?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="呕yj Lepiej Extra" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> 呕yj Lepiej Extra </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/przeglad-sportowy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przegl膮d Sportowy" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Przegl膮d Sportowy </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/prasa/przeglad-sportowy/skarb-kibica?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Skarb Kibica" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Skarb Kibica </span> </a> <a href="https://literia-pl.translate.goog/prasa/przeglad-sportowy/wydania-specjalne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wydania specjalne" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Wydania specjalne </span> </a> <a href="https://literia-pl.translate.goog/prasa/przeglad-sportowy/przeglad-sportowy-historia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przegl膮d Sportowy Historia" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Przegl膮d Sportowy Historia </span> </a> </div> </div> <div class="relative top-0 right-0 mr-0 ml-auto my-auto min-w-[314px] h-full" :class="{'scrolTop' : scrolAtTop, 'scrolDown' : !scrolAtTop}"> <style>#html-body [data-pb-style=CLM97VA],#html-body [data-pb-style=J1HVF2F]{background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=CLM97VA]{justify-content:center;display:flex;flex-direction:column;text-align:center;width:100%;align-self:stretch}#html-body [data-pb-style=J1HVF2F]{border-radius:30px}#html-body [data-pb-style=PXUUORA]{border-radius:30px;min-height:405px;background-color:transparent}</style> <div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main"> <div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="CLM97VA"> <div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main"> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/soll?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" target="" data-link-type="default" title="" data-element="link"> <div class="pagebuilder-banner-wrapper background-image-6747e99c845e3" data-background-images="{\"desktop_image\":\"https://literia.pl/media/wysiwyg/07_SOLL.jpg\",\"mobile_image\":\"https://literia.pl/media/wysiwyg/07_SOLL_1.jpg\"}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="J1HVF2F"> <div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="PXUUORA"> <div class="pagebuilder-poster-content"> <div data-element="content"></div> </div> </div> </div><style type="text/css">.background-image-6747e99c845e3 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-6747e99c845e3 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-6747e99c845e3 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}</style></a> </div> </div> </div> </div> </div> </div> </div> <div class="level-0 mx-6 text-black first:mt-5 " @mouseenter="opened = true;hoverPanelActiveId = 'category-node-883'; setOverlay();"><span class="flex items-center block text-md"> <a class="menuText w-full text-base font-bold hover:text-black level-0 p-3 px-0 relative" :class="{'text-black' : hoverPanelActiveId === 'category-node-883'}" href="https://literia-pl.translate.goog/ksiazki/swieta?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Bo偶e Narodzenie"> Bo偶e Narodzenie </a> </span> </div> <div class="level-0 mx-6 text-black first:mt-5 has-children" @mouseenter="opened = true;hoverPanelActiveId = 'category-node-5'; setOverlay();"><span class="flex items-center block text-md"> <a class="menuText w-full text-base font-bold hover:text-black level-0 p-3 px-0 relative" :class="{'text-black' : hoverPanelActiveId === 'category-node-5'}" href="https://literia-pl.translate.goog/kolekcje?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kolekcje"> Kolekcje <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 absolute right-0 top-[50%] -translate-y-1/2" width="16" height="16" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> <title>chevron-right</title> </svg></a> </span> <div class="absolute z-[-10] ml-[-20px] hidden overflow-x-auto overflow-y-hidden px-6 pl-10 left-full right-unset bottom-0 top-unset h-[calc(100%-65px)] w-auto shadow-lg bg-container-lighter 2xl:w-[1188px] xl:w-[972px] lg:w-[746px] w-[528px] rounded-br-3xl border-t-0 border-literia-light-yellow" :class="{ 'hidden' : hoverPanelActiveId !== 'category-node-5', 'block' : hoverPanelActiveId === 'category-node-5 || open == true', 'h-[calc(100%-69px)]' : !scrolAtTop }"> <div class="flex flex-col flex-wrap py-4 overflow-y-hidden h-full w-auto"> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/saga-o-ludziach-lodu?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Saga o Ludziach Lodu" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Saga o Ludziach Lodu </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/sladem-tajemnic-harlan-coben?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Harlan Coben. 艢ladem tajemnic " class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Harlan Coben. 艢ladem tajemnic </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/wielka-kolekcja-terry-pratchett?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wielka Kolekcja Terry Pratchett" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Wielka Kolekcja Terry Pratchett </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/nicholas-sparks-pisane-sercem?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Nicholas Sparks - Pisane sercem" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Nicholas Sparks - Pisane sercem </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/kolekcja-ksiazek-pauliny-swist?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kolekcja Ksi膮偶ek Pauliny 艢wist" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Kolekcja Ksi膮偶ek Pauliny 艢wist </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/zmyslowa-kolekcja?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zmys艂owa kolekcja" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Zmys艂owa kolekcja </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/saga-grzech-pierworodny?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Saga Grzech pierworodny" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Saga Grzech pierworodny </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/tytus-romek-i-a-tomek?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tytus, Romek i A'Tomek" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Tytus, Romek i A'Tomek </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/corka-morza?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="C贸rka morza" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> C贸rka morza </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/stephen-king?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Stephen King" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Stephen King </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/malowane-sny?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Malowane sny" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Malowane sny </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/czas-milczenia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Czas milczenia" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Czas milczenia </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/tanya-valko?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tanya Valko" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Tanya Valko </span> </a> </div> <div class="relative top-0 right-0 mr-0 ml-auto my-auto min-w-[314px] h-full" :class="{'scrolTop' : scrolAtTop, 'scrolDown' : !scrolAtTop}"> <style>#html-body [data-pb-style=CLM97VA],#html-body [data-pb-style=J1HVF2F]{background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=CLM97VA]{justify-content:center;display:flex;flex-direction:column;text-align:center;width:100%;align-self:stretch}#html-body [data-pb-style=J1HVF2F]{border-radius:30px}#html-body [data-pb-style=PXUUORA]{border-radius:30px;min-height:405px;background-color:transparent}</style> <div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main"> <div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="CLM97VA"> <div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main"> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/soll?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" target="" data-link-type="default" title="" data-element="link"> <div class="pagebuilder-banner-wrapper background-image-6747e99c8a31e" data-background-images="{\"desktop_image\":\"https://literia.pl/media/wysiwyg/07_SOLL.jpg\",\"mobile_image\":\"https://literia.pl/media/wysiwyg/07_SOLL_1.jpg\"}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="J1HVF2F"> <div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="PXUUORA"> <div class="pagebuilder-poster-content"> <div data-element="content"></div> </div> </div> </div><style type="text/css">.background-image-6747e99c8a31e {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-6747e99c8a31e {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-6747e99c8a31e {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}</style></a> </div> </div> </div> </div> </div> </div> </div> <div class="level-0 mx-6 text-black first:mt-5 has-children" @mouseenter="opened = true;hoverPanelActiveId = 'category-node-50'; setOverlay();"><span class="flex items-center block text-md"> <a class="menuText w-full text-base font-bold hover:text-black level-0 p-3 px-0 relative" :class="{'text-black' : hoverPanelActiveId === 'category-node-50'}" href="https://literia-pl.translate.goog/ksiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki"> Ksi膮偶ki <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 absolute right-0 top-[50%] -translate-y-1/2" width="16" height="16" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> <title>chevron-right</title> </svg></a> </span> <div class="absolute z-[-10] ml-[-20px] hidden overflow-x-auto overflow-y-hidden px-6 pl-10 left-full right-unset bottom-0 top-unset h-[calc(100%-65px)] w-auto shadow-lg bg-container-lighter 2xl:w-[1188px] xl:w-[972px] lg:w-[746px] w-[528px] rounded-br-3xl border-t-0 border-literia-light-yellow" :class="{ 'hidden' : hoverPanelActiveId !== 'category-node-50', 'block' : hoverPanelActiveId === 'category-node-50 || open == true', 'h-[calc(100%-69px)]' : !scrolAtTop }"> <div class="flex flex-col flex-wrap py-4 overflow-y-hidden h-full w-auto"> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki dla dzieci" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Ksi膮偶ki dla dzieci </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/0-3-lata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="0-3 lata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> 0-3 lata </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/4-8-lat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="4-8 lat" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> 4-8 lat </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/9-12-lat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="9-12 lat" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> 9-12 lat </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/gry-i-zabawy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Gry i zabawy" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Gry i zabawy </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/kolorowanki-i-naklejki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kolorowanki i naklejki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Kolorowanki i naklejki </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/wierszyki-i-rymowanki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wierszyki i rymowanki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Wierszyki i rymowanki </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/edukacja-dla-najmlodszych?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Edukacja dla najm艂odszych" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Edukacja dla najm艂odszych </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazeczki-dzwiekowe-i-sensoryczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶eczki d藕wi臋kowe i sensoryczne" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶eczki d藕wi臋kowe i sensoryczne </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/bajki-basnie-legendy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Bajki, ba艣nie, legendy" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Bajki, ba艣nie, legendy </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/bajki-dla-niemowlat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Bajki dla niemowl膮t" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Bajki dla niemowl膮t </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/aktywizujace-i-interaktywne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Aktywizuj膮ce i interaktywne" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Aktywizuj膮ce i interaktywne </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/poznawanie-swiata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poznawanie 艣wiata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Poznawanie 艣wiata </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/zabawki-maskotki-figurki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zabawki, maskotki, figurki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Zabawki, maskotki, figurki </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-kosmosie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o kosmosie" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki o kosmosie </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-detektywistyczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki detektywistyczne" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki detektywistyczne </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-przygodowe?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki przygodowe" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki przygodowe </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-po-angielsku?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki po angielsku" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki po angielsku </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-kucharskie-dla-dzieci?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki kucharskie dla dzieci" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki kucharskie dla dzieci </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-emocjach?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o emocjach" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki o emocjach </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-popularnonaukowe?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki popularnonaukowe" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki popularnonaukowe </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-przyrodzie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o przyrodzie" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki o przyrodzie </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-zwierzetach?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o zwierz臋tach" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki o zwierz臋tach </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-dinozaurach?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o dinozaurach" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki o dinozaurach </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/kryminal-sensacja-thriller?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Krymina艂, sensacja, thriller" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Krymina艂, sensacja, thriller </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/kryminal-sensacja-thriller/thriller?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Thriller" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Thriller </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/kryminal-sensacja-thriller/sensacja?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Sensacja" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Sensacja </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/kryminal-sensacja-thriller/kryminal?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Krymina艂" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Krymina艂 </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/poradniki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Poradniki </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-o-rozwoju-osobistym?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki o rozwoju osobistym" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Poradniki o rozwoju osobistym </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/zdrowie-moda-i-uroda?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zdrowie, moda i uroda" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Zdrowie, moda i uroda </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-kulinarne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki kulinarne" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Poradniki kulinarne </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/dziecko-rodzina-zwiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Dziecko, rodzina, zwi膮zki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Dziecko, rodzina, zwi膮zki </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-dla-domu-i-ogrodu?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki dla domu i ogrodu" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Poradniki dla domu i ogrodu </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/ksiazki-hobbystyczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki hobbystyczne" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki hobbystyczne </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-psychologiczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki psychologiczne" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Poradniki psychologiczne </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-motoryzacyjne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki motoryzacyjne" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Poradniki motoryzacyjne </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-sportowe?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki sportowe" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Poradniki sportowe </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-o-zwierzetach?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki o zwierz臋tach" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Poradniki o zwierz臋tach </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/komputery-i-informatyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputery i informatyka" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Komputery i informatyka </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/literatura-obyczajowa?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literatura obyczajowa" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Literatura obyczajowa </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/literatura-obyczajowa/erotyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Erotyka" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Erotyka </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-obyczajowa/romans?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Romans" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Romans </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-obyczajowa/ksiazki-obyczajowe?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki obyczajowe" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki obyczajowe </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literatura pi臋kna polska" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Literatura pi臋kna polska </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/proza-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Proza polska" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Proza polska </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/opowiadania-polskie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Opowiadania polskie" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Opowiadania polskie </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/eseje-polskie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Eseje polskie" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Eseje polskie </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/powiesc-historyczna-i-biograficzna-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Powie艣膰 historyczna i biograficzna polska" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Powie艣膰 historyczna i biograficzna polska </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/klasyka-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Klasyka polska" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Klasyka polska </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literatura pi臋kna obca" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Literatura pi臋kna obca </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/proza-obca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Proza obca" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Proza obca </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/opowiadania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Opowiadania" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Opowiadania </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/eseje-obce?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Eseje obce" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Eseje obce </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/powiesc-historyczna-i-biograficzna-obca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Powie艣膰 historyczna i biograficzna obca" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Powie艣膰 historyczna i biograficzna obca </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/klasyka-obca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Klasyka obca" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Klasyka obca </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/religie-i-wyznania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Religie i wyznania" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Religie i wyznania </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/literatura-faktu-i-reportaze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literatura faktu i reporta偶e" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Literatura faktu i reporta偶e </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/literatura-faktu-i-reportaze/wywiady?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wywiady" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Wywiady </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-faktu-i-reportaze/felietony-i-reportaze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Felietony i reporta偶e" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Felietony i reporta偶e </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-faktu-i-reportaze/publicystyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Publicystyka" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Publicystyka </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kultura i sztuka" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Kultura i sztuka </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka/architektura?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Architektura" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Architektura </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka/rzezba-malarstwo-fotografia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Rze藕ba, malarstwo, fotografia" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Rze藕ba, malarstwo, fotografia </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka/film-i-teatr?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Film i teatr" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Film i teatr </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka/muzyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Muzyka" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Muzyka </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/fantastyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fantastyka" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Fantastyka </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/fantastyka/wiedzmin?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wied藕min" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Wied藕min </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/fantastyka/horrory?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Horrory" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Horrory </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/fantastyka/fantasy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fantasy" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fantasy </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/fantastyka/science-fiction?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Science-fiction" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Science-fiction </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/biografie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Biografie </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-i-autobiografie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie i autobiografie" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Biografie i autobiografie </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-znanych-osob?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie znanych os贸b" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Biografie znanych os贸b </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/postacie-historyczne-politycy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Postacie historyczne, politycy" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Postacie historyczne, politycy </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-aktorow-i-rezyserow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie aktor贸w i re偶yser贸w" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Biografie aktor贸w i re偶yser贸w </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-literatow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie literat贸w" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Biografie literat贸w </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/listy-i-wspomnienia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Listy i wspomnienia" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Listy i wspomnienia </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-naukowcow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie naukowc贸w" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Biografie naukowc贸w </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-sportowcow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie sportowc贸w" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Biografie sportowc贸w </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-muzykow-i-zespolow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie muzyk贸w i zespo艂贸w" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Biografie muzyk贸w i zespo艂贸w </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/pamietniki-i-dzienniki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Pami臋tniki i dzienniki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Pami臋tniki i dzienniki </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/wywiady-biografie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wywiady, biografie" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Wywiady, biografie </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/nauka-i-wiedza?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Nauka i wiedza" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Nauka i wiedza </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-historyczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki historyczne" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Ksi膮偶ki historyczne </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-historyczne/historia-swiata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Historia 艣wiata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Historia 艣wiata </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-historyczne/ii-wojna-swiatowa?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="II wojna 艣wiatowa" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> II wojna 艣wiatowa </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/albumy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Albumy </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/albumy/albumy-o-architekturze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy o architekturze" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Albumy o architekturze </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/albumy/albumy-o-sztuce?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy o sztuce" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Albumy o sztuce </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/albumy/albumy-przyrodnicze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy przyrodnicze" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Albumy przyrodnicze </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/albumy/albumy-krajoznawcze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy krajoznawcze" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Albumy krajoznawcze </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/albumy/motoryzacja?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Motoryzacja" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Motoryzacja </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/podroze-i-turystyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Podr贸偶e i turystyka" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Podr贸偶e i turystyka </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/podroze-i-turystyka/mapy-i-atlasy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Mapy i atlasy" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Mapy i atlasy </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/komiksy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komiksy" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Komiksy </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/komiksy/tytus-romek-i-a-tomek?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tytus, Romek i A'Tomek" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Tytus, Romek i A'Tomek </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/psychologia-i-rozwoj-osobisty?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Psychologia i rozw贸j osobisty" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Psychologia i rozw贸j osobisty </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/psychologia-i-rozwoj-osobisty/dziecko-rodzina-zwiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Dziecko, rodzina, zwi膮zki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Dziecko, rodzina, zwi膮zki </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kulinaria i diety" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Kulinaria i diety </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/ciasta-desery-wypieki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ciasta, desery, wypieki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ciasta, desery, wypieki </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/diety-zdrowe-zywienie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Diety, zdrowe 偶ywienie" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Diety, zdrowe 偶ywienie </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/kuchnie-swiata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kuchnie 艣wiata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Kuchnie 艣wiata </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/kuchnia-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kuchnia polska" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Kuchnia polska </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/napoje?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Napoje" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Napoje </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/sport-i-wypoczynek?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Sport i wypoczynek" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Sport i wypoczynek </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/sport-i-wypoczynek/ludzie-sportu?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ludzie sportu" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ludzie sportu </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/sport-i-wypoczynek/pilka-nozna?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Pi艂ka no偶na" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Pi艂ka no偶na </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/przewodniki-turystyczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przewodniki turystyczne" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Przewodniki turystyczne </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/ekonomia-i-biznes?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ekonomia i biznes" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Ekonomia i biznes </span> </a> </div> <div class="relative top-0 right-0 mr-0 ml-auto my-auto min-w-[314px] h-full" :class="{'scrolTop' : scrolAtTop, 'scrolDown' : !scrolAtTop}"> <style>#html-body [data-pb-style=CLM97VA],#html-body [data-pb-style=J1HVF2F]{background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=CLM97VA]{justify-content:center;display:flex;flex-direction:column;text-align:center;width:100%;align-self:stretch}#html-body [data-pb-style=J1HVF2F]{border-radius:30px}#html-body [data-pb-style=PXUUORA]{border-radius:30px;min-height:405px;background-color:transparent}</style> <div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main"> <div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="CLM97VA"> <div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main"> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/soll?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" target="" data-link-type="default" title="" data-element="link"> <div class="pagebuilder-banner-wrapper background-image-6747e99c8bb60" data-background-images="{\"desktop_image\":\"https://literia.pl/media/wysiwyg/07_SOLL.jpg\",\"mobile_image\":\"https://literia.pl/media/wysiwyg/07_SOLL_1.jpg\"}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="J1HVF2F"> <div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="PXUUORA"> <div class="pagebuilder-poster-content"> <div data-element="content"></div> </div> </div> </div><style type="text/css">.background-image-6747e99c8bb60 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-6747e99c8bb60 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-6747e99c8bb60 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}</style></a> </div> </div> </div> </div> </div> </div> </div> <div class="level-0 mx-6 text-black first:mt-5 " @mouseenter="opened = true;hoverPanelActiveId = 'category-node-844'; setOverlay();"><span class="flex items-center block text-md"> <a class="menuText w-full text-base font-bold hover:text-black level-0 p-3 px-0 relative" :class="{'text-black' : hoverPanelActiveId === 'category-node-844'}" href="https://literia-pl.translate.goog/subskrypcje?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Subskrypcje"> Subskrypcje </a> </span> </div> <div class="level-0 mx-6 text-black first:mt-5 has-children" @mouseenter="opened = true;hoverPanelActiveId = 'category-node-483'; setOverlay();"><span class="flex items-center block text-md"> <a class="menuText w-full text-base font-bold hover:text-black level-0 p-3 px-0 relative" :class="{'text-black' : hoverPanelActiveId === 'category-node-483'}" href="https://literia-pl.translate.goog/literia-poleca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literia poleca"> Literia poleca <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 absolute right-0 top-[50%] -translate-y-1/2" width="16" height="16" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> <title>chevron-right</title> </svg></a> </span> <div class="absolute z-[-10] ml-[-20px] hidden overflow-x-auto overflow-y-hidden px-6 pl-10 left-full right-unset bottom-0 top-unset h-[calc(100%-65px)] w-auto shadow-lg bg-container-lighter 2xl:w-[1188px] xl:w-[972px] lg:w-[746px] w-[528px] rounded-br-3xl border-t-0 border-literia-light-yellow" :class="{ 'hidden' : hoverPanelActiveId !== 'category-node-483', 'block' : hoverPanelActiveId === 'category-node-483 || open == true', 'h-[calc(100%-69px)]' : !scrolAtTop }"> <div class="flex flex-col flex-wrap py-4 overflow-y-hidden h-full w-auto"> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Komputer 艢wiat </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat/biblioteczka-komputer-swiata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biblioteczka Komputer 艢wiata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Biblioteczka Komputer 艢wiata </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat/komputer-swiat-twoj-niezbednik?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat Tw贸j Niezb臋dnik" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Komputer 艢wiat Tw贸j Niezb臋dnik </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat/miesiecznik-komputer-swiat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Miesi臋cznik Komputer 艢wiat" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Miesi臋cznik Komputer 艢wiat </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat/komputer-swiat-wydania-specjalne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat wydania specjalne" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Komputer 艢wiat wydania specjalne </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/literia-poleca/forbes-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes prenumerata" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Forbes prenumerata </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biblioteka Faktu" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Biblioteka Faktu </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/zwierzakowe-kolorowanki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zwierzakowe kolorowanki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Zwierzakowe kolorowanki </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/naklejki-iskierki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Naklejki iskierki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Naklejki iskierki </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-kolorowanki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt kolorowanki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt kolorowanki </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-dla-dzieci?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt dla dzieci" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt dla dzieci </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-encyklopedia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt encyklopedia" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt encyklopedia </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-bajki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt bajki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt bajki </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-dla-malucha?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt dla malucha" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt dla malucha </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-edukacja?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt edukacja" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt edukacja </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-dla-dziewczynek?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt dla dziewczynek" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt dla dziewczynek </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-dzieciom?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt dzieciom" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt dzieciom </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-naklejki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt naklejki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt naklejki </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-bestseller?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt Bestseller" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt Bestseller </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-newsweeka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biblioteka Newsweeka" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Biblioteka Newsweeka </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-newsweeka/newsweek-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek prenumerata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Newsweek prenumerata </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-newsweeka/newsweek-bestseller?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Historia Bestseller" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Newsweek Historia Bestseller </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biblioteka Przegl膮du Sportowego" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Biblioteka Przegl膮du Sportowego </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/skarb-kibica?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Skarb Kibica" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Skarb Kibica </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/przeglad-sportowy-historia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przegl膮d Sportowy Historia" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Przegl膮d Sportowy Historia </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/wydania-specjalne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wydania specjalne " class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Wydania specjalne </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/ksiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/gadzety-kolekcjonerskie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Gad偶ety kolekcjonerskie" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Gad偶ety kolekcjonerskie </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/plakaty?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Plakaty" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Plakaty </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/literia-poleca/pakiety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Pakiety ksi膮偶ek" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Pakiety ksi膮偶ek </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/literia-poleca/butelka-noizz?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Butelka Noizz" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Butelka Noizz </span> </a> </div> <div class="relative top-0 right-0 mr-0 ml-auto my-auto min-w-[314px] h-full" :class="{'scrolTop' : scrolAtTop, 'scrolDown' : !scrolAtTop}"> <style>#html-body [data-pb-style=CLM97VA],#html-body [data-pb-style=J1HVF2F]{background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=CLM97VA]{justify-content:center;display:flex;flex-direction:column;text-align:center;width:100%;align-self:stretch}#html-body [data-pb-style=J1HVF2F]{border-radius:30px}#html-body [data-pb-style=PXUUORA]{border-radius:30px;min-height:405px;background-color:transparent}</style> <div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main"> <div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="CLM97VA"> <div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main"> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/soll?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" target="" data-link-type="default" title="" data-element="link"> <div class="pagebuilder-banner-wrapper background-image-6747e99c8d0c7" data-background-images="{\"desktop_image\":\"https://literia.pl/media/wysiwyg/07_SOLL.jpg\",\"mobile_image\":\"https://literia.pl/media/wysiwyg/07_SOLL_1.jpg\"}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="J1HVF2F"> <div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="PXUUORA"> <div class="pagebuilder-poster-content"> <div data-element="content"></div> </div> </div> </div><style type="text/css">.background-image-6747e99c8d0c7 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-6747e99c8d0c7 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-6747e99c8d0c7 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}</style></a> </div> </div> </div> </div> </div> </div> </div> <div class="level-0 mx-6 text-black first:mt-5 " @mouseenter="opened = true;hoverPanelActiveId = 'category-node-832'; setOverlay();"><span class="flex items-center block text-md"> <a class="menuText w-full text-base font-bold hover:text-black level-0 p-3 px-0 relative" :class="{'text-black' : hoverPanelActiveId === 'category-node-832'}" href="https://literia-pl.translate.goog/bestsellery?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Bestsellery"> Bestsellery </a> </span> </div> <div class="level-0 mx-6 text-black first:mt-5 " @mouseenter="opened = true;hoverPanelActiveId = 'category-node-834'; setOverlay();"><span class="flex items-center block text-md"> <a class="menuText w-full text-base font-bold hover:text-black level-0 p-3 px-0 relative" :class="{'text-black' : hoverPanelActiveId === 'category-node-834'}" href="https://literia-pl.translate.goog/zapowiedzi?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zapowiedzi"> Zapowiedzi </a> </span> </div> <div class="level-0 mx-6 text-black first:mt-5 " @mouseenter="opened = true;hoverPanelActiveId = 'category-node-835'; setOverlay();"><span class="flex items-center block text-md"> <a class="menuText w-full text-base font-bold hover:text-black level-0 p-3 px-0 relative" :class="{'text-black' : hoverPanelActiveId === 'category-node-835'}" href="https://literia-pl.translate.goog/prenumeraty?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumeraty"> Prenumeraty </a> </span> </div> </nav> </div> </div> </div> <script> 'use strict'; var baseUrlParts = (new URL(window.location)).pathname.replace(/\/$/, '').split('/'); var isHomepage = baseUrlParts[1] == undefined; var initMenuDesktop_6747e99c82479 = () => { return { hoverPanelActiveId: null, setActiveMenu(menuNode) { Array.from(menuNode.querySelectorAll('a')).filter(link => { return link.href === window.location.href.split('?')[0]; }).map(item => { item.classList.add('underline'); item.closest('div.level-0') && item.closest('div.level-0').querySelector('a.level-0').classList.add('underline'); }); }, setOverlay(setStatus){ if(open) { document.getElementById('maincontent').classList.add('menu-opened'); document.querySelectorAll('nav .menuText').forEach((el) => { el.classList.add('text-gray-light'); }); } if(setStatus == false) { document.getElementById('maincontent').classList.remove('menu-opened'); document.querySelectorAll('nav .menuText').forEach((el) => { el.classList.remove('text-gray-light'); }); } } } } </script> </div> <div class="w-auto pb-2 sm:pb-0" :class="{ 'hidden lg:block lg:pl-2.5': !scrolAtTop,'ml-[110px] mr-[30px]': !scrolAtTop }"><a class="flex items-center justify-center w-full text-xl font-medium tracking-wide text-gray-800 no-underline hover:no-underline font-title" href="https://literia-pl.translate.goog/?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="" aria-label="store logo"> <img src="https://literia.pl/media/logo/stores/1/logo.png" title="" alt="" width="189" height="64"> </a> </div> <div class="px-6 sm:px-0 w-full max-w-3xl" id="search-content"> <script> 'use strict'; function initMiniSearch() { return { minSearchLength: 3, suggestions: [], suggest() { const search = this.$refs.searchInput; if (search.value.length >= this.minSearchLength) { search.setCustomValidity(''); search.reportValidity(); this.fetchSuggestions(search.value); } else { this.suggestions = []; } }, fetchSuggestions(term) { fetch( window.BASE_URL + 'search/ajax/suggest?' + new URLSearchParams({q: term, _: String(Date.now())}), { headers: { 'X-Requested-With': 'XMLHttpRequest' } } ) .then(response => response.json()) .then(result => this.suggestions = result); }, search(term) { const search = this.$refs.searchInput; term = term || search.value; if (term.length < this.minSearchLength) { search.setCustomValidity('Minimalna\u0020d\u0142ugo\u015B\u0107\u0020zapytania\u0020wynosi\u00203'); search.reportValidity(); } else { search.setCustomValidity(''); search.value = term; this.$refs.form.submit(); } }, focusElement(element) { if (element && element.nodeName === "DIV") { element.focus(); return true; } else { return false; } }, closeSearch(e) { const searchContainer = document.getElementById('searchSuggestionsContainer'); if (e.target != searchContainer && e.target.parentNode != searchContainer) { this.suggestions['product'] = undefined; } }, highlightSearch(s) { if (search.value === '') return s; return s.replaceAll( new RegExp(`(${search.value.toLowerCase()})`, 'ig'), '<strong class="font-bold">$1</strong>' ) } } } </script> <div class="px-0 md:px-6 container py-2 mx-auto text-black" x-data="initMiniSearch()"> <form class="relative form minisearch" id="search_mini_form" x-ref="form" @submit.prevent="search()" action="https://literia.pl/catalogsearch/result/" method="get"><label class="hidden" for="search" data-role="minisearch-label"> <span>Search</span> </label> <div class=" relative h-12 z-[100]"><input id="search" x-ref="searchInput" type="search" autocomplete="off" name="q" value="" placeholder="Wpisz czego szukasz..." maxlength="64" class="w-full h-full text-base !pt-2 leading-normal transition appearance-none text-grey-800 rounded-full border-literia-light-yellow focus:ring-0 focus:outline-none focus:border-literia-yellow placeholder:text-gray-light" @focus.once="suggest" @input.debounce.300="suggest" @keydown.arrow-down.prevent="focusElement($root.querySelector('[tabindex]'))" @click.outside="closeSearch"> <button type="submit" title="Search" class="action search" aria-label="Search"> <span class="absolute flex items-center justify-center z-10 top-[5px] right-1 p-0 m-0.5 m-px h-9 w-9 rounded-full bg-white"> <svg class="h-5 w-5 fill-black" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="30" height="30" viewbox="0 0 30 30"><path d="M 13 3 C 7.4889971 3 3 7.4889971 3 13 C 3 18.511003 7.4889971 23 13 23 C 15.396508 23 17.597385 22.148986 19.322266 20.736328 L 25.292969 26.707031 A 1.0001 1.0001 0 1 0 26.707031 25.292969 L 20.736328 19.322266 C 22.148986 17.597385 23 15.396508 23 13 C 23 7.4889971 18.511003 3 13 3 z M 13 5 C 17.430123 5 21 8.5698774 21 13 C 21 17.430123 17.430123 21 13 21 C 8.5698774 21 5 17.430123 5 13 C 5 8.5698774 8.5698774 5 13 5 z"> </path> </svg></span> </button> </div> <div> <template x-if="suggestions['product'] !== undefined && suggestions['product'].length > 0"> <div id="searchSuggestionsContainer" class="mt-[-18px] pt-7 border border-t-0 rounded-b-content-large bg-white border-literia-light-yellow z-50 absolute w-full leading-normal transition appearance-none text-grey-800 flex flex-col px-5 py-2.5"> <p class="font-bold py-2.5">Propozycje</p> <template x-for="product in suggestions['product']"><a class="search-suggestions px-[22px] py-[15.5px] bg-literia-gray mb-2.5 cursor-pointer hover:bg-literia-light-yellow rounded-full text-xs sm:text-base" tabindex="0" @keydown.arrow-up.prevent=" focusElement($event.target.previousElementSibling) || $refs.searchInput.focus() " @keydown.arrow-down.prevent="focusElement($event.target.nextElementSibling)" x-bind:href="product.url" x-html="highlightSearch(product.name)"> </a> </template> </div> </template> </div> </form> </div> </div> </div> <div class="hidden lg:flex items-center justify-center"> <a id="compare-link" class="relative hidden invisible inline-block mx-1 no-underline sm:ml-3 hover:text-black" :class="{ 'invisible': !(itemCount > 0) }" href="https://literia-pl.translate.goog/catalog/product_compare/index/?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Por贸wnaj produkty" x-data="initCompareHeader()" @private-content-loaded.window="receiveCompareData($event.detail.data)"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-8 md:h-6 md:w-6 hover:text-black" width="25" height="25" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3" /> <title>scale</title> </svg><span class="sr-only label"> Por贸wnaj produkty </span> <span class="absolute top-0 right-0 h-5 px-2 py-1 -mt-5 -mr-4 text-xs font-semibold leading-none text-center text-white uppercase transform -translate-x-1 translate-y-1/2 bg-yellow-500 rounded-full"> <span x-text="itemCount"></span> <span x-show="itemCount === 1" class="sr-only"> produkt </span> <span x-show="itemCount > 1" class="sr-only"> produkty </span> </span> </a>  <a x-data="{hoverWishlist:false}" @mouseover.away="hoverWishlist = false" @mouseover="hoverWishlist = true" class="flex items-center space-x-1 rounded-full whitespace-nowrap py-1 px-3 hover:bg-literia-gray" href="https://literia-pl.translate.goog/wishlist/?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> <span class="hover:fill-amber-900"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="md:h-6 md:w-6" :class="{ 'fill-literia-yellow' : hoverWishlist, '': !hoverWishlist }" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></span> <span>Lista 偶ycze艅</span> </a> <div x-data="{ open: false }" class="relative inline-block ml-1 sm:ml-0"><a x-data="{hoverAccount:false}" @mouseover.away="hoverAccount = false" @mouseover="hoverAccount = true" href="https://literia-pl.translate.goog/customer/account/?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" id="customer-menu" class="flex items-center space-x-1 rounded-full whitespace-nowrap py-1 px-3 hover:bg-literia-gray hover:text-black" @click.prevent="open = true" :aria-expanded="open ? 'true' : 'false'" aria-label="Moje konto" defer> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="md:h-6 md:w-6" :class="{ 'fill-literia-yellow' : hoverAccount, '': !hoverAccount }" role="img"> <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" /><circle cx="12" cy="7" r="4" /> <title>user</title> </svg><span>Moje konto</span> </a> <nav class="absolute right-0 z-20 w-40 py-2 mt-2 -mr-4 px-1 overflow-auto origin-top-right rounded-sm shadow-lg sm:w-48 lg:mt-3 bg-container-lighter" x-cloak x-show="open" @click.outside="open = false" aria-labelledby="customer-menu" defer><a class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100" onclick="hyva.setCookie && hyva.setCookie( 'login_redirect', window.location.href, 1 )" href="https://literia-pl.translate.goog/customer/account/index/?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Zaloguj si臋 </a> <a class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100" href="https://literia-pl.translate.goog/customer/account/create/?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Utw贸rz konto </a> </nav> </div> <a id="menu-cart-icon" @click.prevent.stop="$dispatch('toggle-cart',{});" class="btn btn-primary relative inline-block lg:flex lg:justify-between rounded-full p-2 ml-1 no-underline sm:ml-3 lg:gap-4 lg:h-12 lg:py-0 lg:px-3 lg:items-center lg:justify-center text-base" href="https://literia-pl.translate.goog/checkout/cart/index/?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> <span class="sr-only label"> Koszyk </span> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-8 h-8 md:h-[18px] md:w-[18px] hover:text-black" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg><span x-text="cart.summary_count" class="absolute top-3 left-[30px] block h-4 min-w-[16px] flex items-center justify-center -mt-5 -mr-4 text-[10px] font-semibold leading-none text-center text-black uppercase transform -translate-x-1.5 translate-y-4 rounded-full bg-white hidden" id="cartSummaryCount"></span> <span x-html="cart.subtotal" class="hidden md:font-bold" id="cart.subtotal"></span> </a> </div> </div> <hr class="border-literia-light-yellow hidden lg:block" :class="{ 'lg:hidden': !scrolAtTop }"> <div class="container hidden lg:flex lg:space-x-16 xl:space-x-8 2xl:space-x-4 py-4 mx-auto w-full" :class="{ 'lg:hidden': !scrolAtTop }"> <div class="flex-[0_0_22%] max-w-[22%]"> <div x-cloak x-data="initMenuMobile_6747e99c59b09()" class="z-20 navigation lg:hidden"> <div class="flex flex-col items-center justify-center space-y-1" :class="{ 'hidden' : !open }"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="md:h-6 md:w-6 mt-[5px] fill-literia-yellow" role="img"> <rect x="3" y="3" width="7" height="7" /><rect x="14" y="3" width="7" height="7" /><rect x="14" y="14" width="7" height="7" /><rect x="3" y="14" width="7" height="7" /> <title>grid</title> </svg><span class="text-sm hd"> Menu</span> </div> <div @load.window="setActiveMenu($root)" class="" :class="{'h-auto overflow-x-hidden fixed bottom-[70px] top-0 left-0 w-full bg-black/75' : open}" @toggle-mobile-menu.window="open = !open" @keydown.window.escape="open=false"> <div class="flex items-baseline justify-between menu-icon rounded-t-3xl bg-container-lighter" :class="{'mt-[58px]': open}"> <div class="flex justify-center w-full"><a class="flex items-center justify-center space-x-1" :class="{ 'flex-row text-center justify-center w-full': open, 'ml-auto flex-col justify-end cursor-pointer': !open,}"> <span class="font-bold pl-11 font-bold text-lg w-full" :class="{ 'hidden': !open }">Menu</span> <span class="cursor-pointer" @click="$dispatch('toggle-mobile-menu'), toggleBodyScroll()"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-1 rounded-full shrink-0 border-2 border-black m-5 mr-4 ml-auto" width="30" height="30" :class="{ 'hidden' : !open, 'block': open }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> <title>x</title> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="md:h-6 md:w-6 mt-[5px]" :class="{ 'hidden' : open, 'block': !open }" role="img"> <rect x="3" y="3" width="7" height="7" /><rect x="14" y="3" width="7" height="7" /><rect x="14" y="14" width="7" height="7" /><rect x="3" y="14" width="7" height="7" /> <title>grid</title> </svg></span> <span class="pt-1 text-sm mm" :class="{ 'hidden' : open }"> Menu</span> </a> </div> </div> <div class="hidden w-full bg-white h-auto min-h-[125vh] duration-150 ease-in-out transform border-t transition-display border-literia-light-yellow" :class="{ 'hidden' : !open }"> <nav> <div class="level-0 bg-white flex flex-col mx-6 [&:not(:last-child)]:border-b border-literia-light-yellow"><span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }"> <a class="flex items-center w-full mx-0 font-bold px-0 py-4 cursor-pointer bg-container-lighter level-0" href="https://literia-pl.translate.goog/prasa?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prasa"> Prasa </a> <a class="absolute right-0 flex w-12 h-12 mr-3 p-2 pr-0 cursor-pointer bg-container-lighter border-container" @click="mobilePanelActiveId = mobilePanelActiveId === 'category-node-4' ? 0 : 'category-node-4'"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-2" width="16" height="16" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> <title>chevron-right</title> </svg></a> </span> <div class="absolute min-h-[125vh] top-0 right-0 z-10 w-full transition-transform duration-200 ease-in-out transform bg-container-lighter mb-[-2px]" :class="{ 'translate-x-full h-full overflow-hidden' : mobilePanelActiveId !== 'category-node-4', 'translate-x-0' : mobilePanelActiveId === 'category-node-4',}"><span @click="mobilePanelActiveId = 0"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="absolute cursor-pointer p-1 top-[-50px] left-5 rounded-full shrink-0 border-2 border-black mr-auto" width="30" height="30" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7" /> <title>chevron-left</title> </svg></span> <a href="https://literia-pl.translate.goog/prasa?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prasa" class="flex items-center px-6 py-4 border-b-[20px] cursor-pointer bg-container-lighter border-literia-gray"> <span class="ml-0">Wszystkie <span class="lowercase">Prasa</span></span> </a><a class="flex items-center px-6 py-4 pb-0 font-bold"> <span class=""> Prasa </span> </a> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/prasa/miesiecznik-forbes?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes Polska" class="text-base font-semibold lg:ml-0"> Forbes Polska </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/miesiecznik-forbes/forbes-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes - prenumerata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Forbes - prenumerata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/miesiecznik-forbes/forbes-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes - wydania" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Forbes - wydania </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/prasa/forbes-women?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes Women" class="text-base font-semibold lg:ml-0"> Forbes Women </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/forbes-women/forbes-women-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes Women - prenumerata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Forbes Women - prenumerata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/forbes-women/forbes-women-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes Women - wydania" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Forbes Women - wydania </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/prasa/newsweek-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Polska" class="text-base font-semibold lg:ml-0"> Newsweek Polska </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-polska/tygodnik-newsweek-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tygodnik Newsweek - prenumerata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Tygodnik Newsweek - prenumerata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-polska/tygodnik-newsweek-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tygodnik Newsweek - wydania" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Tygodnik Newsweek - wydania </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/prasa/newsweek-psychologia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Psychologia" class="text-base font-semibold lg:ml-0"> Newsweek Psychologia </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-psychologia/newsweek-psychologia-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Psychologia - prenumerata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Newsweek Psychologia - prenumerata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-psychologia/newsweek-psychologia-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Psychologia - wydania" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Newsweek Psychologia - wydania </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/prasa/newsweek-extra?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Extra" class="text-base font-semibold lg:ml-0"> Newsweek Extra </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-extra/newsweek-extra-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Extra - prenumerata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Newsweek Extra - prenumerata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-extra/newsweek-extra-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Extra - wydania" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Newsweek Extra - wydania </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/prasa/newsweek-learning-english?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Learning English" class="text-base font-semibold lg:ml-0"> Newsweek Learning English </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-learning-english/nle-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="NLE - prenumerata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> NLE - prenumerata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-learning-english/nle-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="NLE - wydania" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> NLE - wydania </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/prasa/newsweek-historia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Historia" class="text-base font-semibold lg:ml-0"> Newsweek Historia </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-historia/newsweek-historia-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Historia - prenumerata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Newsweek Historia - prenumerata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-historia/newsweek-historia-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Historia - wydania" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Newsweek Historia - wydania </div></a> </template> </div><a href="https://literia-pl.translate.goog/prasa/newsweek-magazyn-kryminalny?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Magazyn Kryminalny" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Newsweek Magazyn Kryminalny </span> </a> <a href="https://literia-pl.translate.goog/prasa/newsweek-wydania-specjalne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Wydania Specjalne" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Newsweek Wydania Specjalne </span> </a> <a href="https://literia-pl.translate.goog/prasa/auto-swiat-classic?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Auto 艢wiat Classic" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Auto 艢wiat Classic </span> </a> <a href="https://literia-pl.translate.goog/prasa/auto-swiat-katalog?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Auto 艢wiat Katalog" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Auto 艢wiat Katalog </span> </a> <a href="https://literia-pl.translate.goog/prasa/komputer-swiat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Komputer 艢wiat </span> </a> <a href="https://literia-pl.translate.goog/prasa/komputer-swiat-twoj-niezbednik?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat Tw贸j Niezb臋dnik" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Komputer 艢wiat Tw贸j Niezb臋dnik </span> </a> <a href="https://literia-pl.translate.goog/prasa/zyj-lepiej-extra?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="呕yj Lepiej Extra" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> 呕yj Lepiej Extra </span> </a> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/prasa/przeglad-sportowy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przegl膮d Sportowy" class="text-base font-semibold lg:ml-0"> Przegl膮d Sportowy </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/przeglad-sportowy/skarb-kibica?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Skarb Kibica" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Skarb Kibica </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/przeglad-sportowy/wydania-specjalne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wydania specjalne" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Wydania specjalne </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/przeglad-sportowy/przeglad-sportowy-historia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przegl膮d Sportowy Historia" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Przegl膮d Sportowy Historia </div></a> </template> </div> </div> </div> <div class="level-0 bg-white flex flex-col mx-6 [&:not(:last-child)]:border-b border-literia-light-yellow"><span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }"> <a class="flex items-center w-full mx-0 font-bold px-0 py-4 cursor-pointer bg-container-lighter level-0" href="https://literia-pl.translate.goog/ksiazki/swieta?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Bo偶e Narodzenie"> Bo偶e Narodzenie </a> </span> </div> <div class="level-0 bg-white flex flex-col mx-6 [&:not(:last-child)]:border-b border-literia-light-yellow"><span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }"> <a class="flex items-center w-full mx-0 font-bold px-0 py-4 cursor-pointer bg-container-lighter level-0" href="https://literia-pl.translate.goog/kolekcje?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kolekcje"> Kolekcje </a> <a class="absolute right-0 flex w-12 h-12 mr-3 p-2 pr-0 cursor-pointer bg-container-lighter border-container" @click="mobilePanelActiveId = mobilePanelActiveId === 'category-node-5' ? 0 : 'category-node-5'"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-2" width="16" height="16" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> <title>chevron-right</title> </svg></a> </span> <div class="absolute min-h-[125vh] top-0 right-0 z-10 w-full transition-transform duration-200 ease-in-out transform bg-container-lighter mb-[-2px]" :class="{ 'translate-x-full h-full overflow-hidden' : mobilePanelActiveId !== 'category-node-5', 'translate-x-0' : mobilePanelActiveId === 'category-node-5',}"><span @click="mobilePanelActiveId = 0"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="absolute cursor-pointer p-1 top-[-50px] left-5 rounded-full shrink-0 border-2 border-black mr-auto" width="30" height="30" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7" /> <title>chevron-left</title> </svg></span> <a href="https://literia-pl.translate.goog/kolekcje?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kolekcje" class="flex items-center px-6 py-4 border-b-[20px] cursor-pointer bg-container-lighter border-literia-gray"> <span class="ml-0">Wszystkie <span class="lowercase">Kolekcje</span></span> </a><a class="flex items-center px-6 py-4 pb-0 font-bold"> <span class=""> Kolekcje </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/saga-o-ludziach-lodu?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Saga o Ludziach Lodu" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Saga o Ludziach Lodu </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/sladem-tajemnic-harlan-coben?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Harlan Coben. 艢ladem tajemnic " class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Harlan Coben. 艢ladem tajemnic </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/wielka-kolekcja-terry-pratchett?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wielka Kolekcja Terry Pratchett" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Wielka Kolekcja Terry Pratchett </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/nicholas-sparks-pisane-sercem?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Nicholas Sparks - Pisane sercem" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Nicholas Sparks - Pisane sercem </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/kolekcja-ksiazek-pauliny-swist?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kolekcja Ksi膮偶ek Pauliny 艢wist" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Kolekcja Ksi膮偶ek Pauliny 艢wist </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/zmyslowa-kolekcja?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zmys艂owa kolekcja" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Zmys艂owa kolekcja </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/saga-grzech-pierworodny?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Saga Grzech pierworodny" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Saga Grzech pierworodny </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/tytus-romek-i-a-tomek?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tytus, Romek i A'Tomek" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Tytus, Romek i A'Tomek </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/corka-morza?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="C贸rka morza" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> C贸rka morza </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/stephen-king?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Stephen King" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Stephen King </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/malowane-sny?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Malowane sny" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Malowane sny </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/czas-milczenia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Czas milczenia" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Czas milczenia </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/tanya-valko?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tanya Valko" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Tanya Valko </span> </a> </div> </div> <div class="level-0 bg-white flex flex-col mx-6 [&:not(:last-child)]:border-b border-literia-light-yellow"><span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }"> <a class="flex items-center w-full mx-0 font-bold px-0 py-4 cursor-pointer bg-container-lighter level-0" href="https://literia-pl.translate.goog/ksiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki"> Ksi膮偶ki </a> <a class="absolute right-0 flex w-12 h-12 mr-3 p-2 pr-0 cursor-pointer bg-container-lighter border-container" @click="mobilePanelActiveId = mobilePanelActiveId === 'category-node-50' ? 0 : 'category-node-50'"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-2" width="16" height="16" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> <title>chevron-right</title> </svg></a> </span> <div class="absolute min-h-[125vh] top-0 right-0 z-10 w-full transition-transform duration-200 ease-in-out transform bg-container-lighter mb-[-2px]" :class="{ 'translate-x-full h-full overflow-hidden' : mobilePanelActiveId !== 'category-node-50', 'translate-x-0' : mobilePanelActiveId === 'category-node-50',}"><span @click="mobilePanelActiveId = 0"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="absolute cursor-pointer p-1 top-[-50px] left-5 rounded-full shrink-0 border-2 border-black mr-auto" width="30" height="30" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7" /> <title>chevron-left</title> </svg></span> <a href="https://literia-pl.translate.goog/ksiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki" class="flex items-center px-6 py-4 border-b-[20px] cursor-pointer bg-container-lighter border-literia-gray"> <span class="ml-0">Wszystkie <span class="lowercase">Ksi膮偶ki</span></span> </a><a class="flex items-center px-6 py-4 pb-0 font-bold"> <span class=""> Ksi膮偶ki </span> </a> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki dla dzieci" class="text-base font-semibold lg:ml-0"> Ksi膮偶ki dla dzieci </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/0-3-lata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="0-3 lata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> 0-3 lata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/4-8-lat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="4-8 lat" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> 4-8 lat </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/9-12-lat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="9-12 lat" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> 9-12 lat </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/gry-i-zabawy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Gry i zabawy" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Gry i zabawy </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/kolorowanki-i-naklejki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kolorowanki i naklejki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Kolorowanki i naklejki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/wierszyki-i-rymowanki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wierszyki i rymowanki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Wierszyki i rymowanki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/edukacja-dla-najmlodszych?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Edukacja dla najm艂odszych" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Edukacja dla najm艂odszych </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazeczki-dzwiekowe-i-sensoryczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶eczki d藕wi臋kowe i sensoryczne" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶eczki d藕wi臋kowe i sensoryczne </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/bajki-basnie-legendy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Bajki, ba艣nie, legendy" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Bajki, ba艣nie, legendy </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/bajki-dla-niemowlat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Bajki dla niemowl膮t" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Bajki dla niemowl膮t </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/aktywizujace-i-interaktywne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Aktywizuj膮ce i interaktywne" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Aktywizuj膮ce i interaktywne </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/poznawanie-swiata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poznawanie 艣wiata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Poznawanie 艣wiata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/zabawki-maskotki-figurki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zabawki, maskotki, figurki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Zabawki, maskotki, figurki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-kosmosie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o kosmosie" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki o kosmosie </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-detektywistyczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki detektywistyczne" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki detektywistyczne </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-przygodowe?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki przygodowe" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki przygodowe </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-po-angielsku?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki po angielsku" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki po angielsku </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-kucharskie-dla-dzieci?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki kucharskie dla dzieci" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki kucharskie dla dzieci </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-emocjach?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o emocjach" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki o emocjach </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-popularnonaukowe?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki popularnonaukowe" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki popularnonaukowe </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-przyrodzie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o przyrodzie" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki o przyrodzie </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-zwierzetach?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o zwierz臋tach" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki o zwierz臋tach </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-dinozaurach?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o dinozaurach" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki o dinozaurach </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/kryminal-sensacja-thriller?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Krymina艂, sensacja, thriller" class="text-base font-semibold lg:ml-0"> Krymina艂, sensacja, thriller </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kryminal-sensacja-thriller/thriller?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Thriller" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Thriller </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kryminal-sensacja-thriller/sensacja?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Sensacja" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Sensacja </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kryminal-sensacja-thriller/kryminal?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Krymina艂" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Krymina艂 </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/poradniki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki" class="text-base font-semibold lg:ml-0"> Poradniki </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-o-rozwoju-osobistym?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki o rozwoju osobistym" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Poradniki o rozwoju osobistym </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/zdrowie-moda-i-uroda?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zdrowie, moda i uroda" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Zdrowie, moda i uroda </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-kulinarne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki kulinarne" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Poradniki kulinarne </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/dziecko-rodzina-zwiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Dziecko, rodzina, zwi膮zki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Dziecko, rodzina, zwi膮zki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-dla-domu-i-ogrodu?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki dla domu i ogrodu" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Poradniki dla domu i ogrodu </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/ksiazki-hobbystyczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki hobbystyczne" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki hobbystyczne </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-psychologiczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki psychologiczne" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Poradniki psychologiczne </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-motoryzacyjne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki motoryzacyjne" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Poradniki motoryzacyjne </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-sportowe?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki sportowe" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Poradniki sportowe </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-o-zwierzetach?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki o zwierz臋tach" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Poradniki o zwierz臋tach </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/komputery-i-informatyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputery i informatyka" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Komputery i informatyka </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/literatura-obyczajowa?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literatura obyczajowa" class="text-base font-semibold lg:ml-0"> Literatura obyczajowa </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-obyczajowa/erotyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Erotyka" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Erotyka </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-obyczajowa/romans?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Romans" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Romans </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-obyczajowa/ksiazki-obyczajowe?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki obyczajowe" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki obyczajowe </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literatura pi臋kna polska" class="text-base font-semibold lg:ml-0"> Literatura pi臋kna polska </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/proza-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Proza polska" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Proza polska </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/opowiadania-polskie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Opowiadania polskie" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Opowiadania polskie </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/eseje-polskie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Eseje polskie" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Eseje polskie </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/powiesc-historyczna-i-biograficzna-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Powie艣膰 historyczna i biograficzna polska" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Powie艣膰 historyczna i biograficzna polska </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/klasyka-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Klasyka polska" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Klasyka polska </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literatura pi臋kna obca" class="text-base font-semibold lg:ml-0"> Literatura pi臋kna obca </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/proza-obca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Proza obca" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Proza obca </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/opowiadania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Opowiadania" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Opowiadania </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/eseje-obce?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Eseje obce" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Eseje obce </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/powiesc-historyczna-i-biograficzna-obca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Powie艣膰 historyczna i biograficzna obca" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Powie艣膰 historyczna i biograficzna obca </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/klasyka-obca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Klasyka obca" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Klasyka obca </div></a> </template> </div><a href="https://literia-pl.translate.goog/ksiazki/religie-i-wyznania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Religie i wyznania" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Religie i wyznania </span> </a> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/literatura-faktu-i-reportaze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literatura faktu i reporta偶e" class="text-base font-semibold lg:ml-0"> Literatura faktu i reporta偶e </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-faktu-i-reportaze/wywiady?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wywiady" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Wywiady </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-faktu-i-reportaze/felietony-i-reportaze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Felietony i reporta偶e" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Felietony i reporta偶e </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-faktu-i-reportaze/publicystyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Publicystyka" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Publicystyka </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kultura i sztuka" class="text-base font-semibold lg:ml-0"> Kultura i sztuka </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka/architektura?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Architektura" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Architektura </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka/rzezba-malarstwo-fotografia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Rze藕ba, malarstwo, fotografia" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Rze藕ba, malarstwo, fotografia </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka/film-i-teatr?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Film i teatr" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Film i teatr </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka/muzyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Muzyka" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Muzyka </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/fantastyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fantastyka" class="text-base font-semibold lg:ml-0"> Fantastyka </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/fantastyka/wiedzmin?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wied藕min" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Wied藕min </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/fantastyka/horrory?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Horrory" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Horrory </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/fantastyka/fantasy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fantasy" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fantasy </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/fantastyka/science-fiction?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Science-fiction" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Science-fiction </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/biografie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie" class="text-base font-semibold lg:ml-0"> Biografie </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-i-autobiografie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie i autobiografie" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Biografie i autobiografie </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-znanych-osob?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie znanych os贸b" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Biografie znanych os贸b </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/postacie-historyczne-politycy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Postacie historyczne, politycy" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Postacie historyczne, politycy </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-aktorow-i-rezyserow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie aktor贸w i re偶yser贸w" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Biografie aktor贸w i re偶yser贸w </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-literatow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie literat贸w" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Biografie literat贸w </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/listy-i-wspomnienia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Listy i wspomnienia" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Listy i wspomnienia </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-naukowcow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie naukowc贸w" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Biografie naukowc贸w </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-sportowcow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie sportowc贸w" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Biografie sportowc贸w </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-muzykow-i-zespolow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie muzyk贸w i zespo艂贸w" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Biografie muzyk贸w i zespo艂贸w </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/pamietniki-i-dzienniki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Pami臋tniki i dzienniki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Pami臋tniki i dzienniki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/wywiady-biografie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wywiady, biografie" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Wywiady, biografie </div></a> </template> </div><a href="https://literia-pl.translate.goog/ksiazki/nauka-i-wiedza?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Nauka i wiedza" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Nauka i wiedza </span> </a> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-historyczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki historyczne" class="text-base font-semibold lg:ml-0"> Ksi膮偶ki historyczne </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-historyczne/historia-swiata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Historia 艣wiata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Historia 艣wiata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-historyczne/ii-wojna-swiatowa?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="II wojna 艣wiatowa" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> II wojna 艣wiatowa </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/albumy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy" class="text-base font-semibold lg:ml-0"> Albumy </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/albumy/albumy-o-architekturze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy o architekturze" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Albumy o architekturze </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/albumy/albumy-o-sztuce?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy o sztuce" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Albumy o sztuce </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/albumy/albumy-przyrodnicze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy przyrodnicze" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Albumy przyrodnicze </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/albumy/albumy-krajoznawcze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy krajoznawcze" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Albumy krajoznawcze </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/albumy/motoryzacja?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Motoryzacja" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Motoryzacja </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/podroze-i-turystyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Podr贸偶e i turystyka" class="text-base font-semibold lg:ml-0"> Podr贸偶e i turystyka </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/podroze-i-turystyka/mapy-i-atlasy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Mapy i atlasy" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Mapy i atlasy </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/komiksy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komiksy" class="text-base font-semibold lg:ml-0"> Komiksy </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/komiksy/tytus-romek-i-a-tomek?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tytus, Romek i A'Tomek" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Tytus, Romek i A'Tomek </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/psychologia-i-rozwoj-osobisty?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Psychologia i rozw贸j osobisty" class="text-base font-semibold lg:ml-0"> Psychologia i rozw贸j osobisty </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/psychologia-i-rozwoj-osobisty/dziecko-rodzina-zwiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Dziecko, rodzina, zwi膮zki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Dziecko, rodzina, zwi膮zki </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kulinaria i diety" class="text-base font-semibold lg:ml-0"> Kulinaria i diety </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/ciasta-desery-wypieki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ciasta, desery, wypieki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ciasta, desery, wypieki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/diety-zdrowe-zywienie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Diety, zdrowe 偶ywienie" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Diety, zdrowe 偶ywienie </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/kuchnie-swiata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kuchnie 艣wiata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Kuchnie 艣wiata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/kuchnia-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kuchnia polska" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Kuchnia polska </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/napoje?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Napoje" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Napoje </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/sport-i-wypoczynek?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Sport i wypoczynek" class="text-base font-semibold lg:ml-0"> Sport i wypoczynek </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/sport-i-wypoczynek/ludzie-sportu?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ludzie sportu" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ludzie sportu </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/sport-i-wypoczynek/pilka-nozna?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Pi艂ka no偶na" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Pi艂ka no偶na </div></a> </template> </div><a href="https://literia-pl.translate.goog/ksiazki/przewodniki-turystyczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przewodniki turystyczne" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Przewodniki turystyczne </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ekonomia-i-biznes?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ekonomia i biznes" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Ekonomia i biznes </span> </a> </div> </div> <div class="level-0 bg-white flex flex-col mx-6 [&:not(:last-child)]:border-b border-literia-light-yellow"><span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }"> <a class="flex items-center w-full mx-0 font-bold px-0 py-4 cursor-pointer bg-container-lighter level-0" href="https://literia-pl.translate.goog/subskrypcje?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Subskrypcje"> Subskrypcje </a> </span> </div> <div class="level-0 bg-white flex flex-col mx-6 [&:not(:last-child)]:border-b border-literia-light-yellow"><span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }"> <a class="flex items-center w-full mx-0 font-bold px-0 py-4 cursor-pointer bg-container-lighter level-0" href="https://literia-pl.translate.goog/literia-poleca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literia poleca"> Literia poleca </a> <a class="absolute right-0 flex w-12 h-12 mr-3 p-2 pr-0 cursor-pointer bg-container-lighter border-container" @click="mobilePanelActiveId = mobilePanelActiveId === 'category-node-483' ? 0 : 'category-node-483'"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-2" width="16" height="16" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> <title>chevron-right</title> </svg></a> </span> <div class="absolute min-h-[125vh] top-0 right-0 z-10 w-full transition-transform duration-200 ease-in-out transform bg-container-lighter mb-[-2px]" :class="{ 'translate-x-full h-full overflow-hidden' : mobilePanelActiveId !== 'category-node-483', 'translate-x-0' : mobilePanelActiveId === 'category-node-483',}"><span @click="mobilePanelActiveId = 0"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="absolute cursor-pointer p-1 top-[-50px] left-5 rounded-full shrink-0 border-2 border-black mr-auto" width="30" height="30" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7" /> <title>chevron-left</title> </svg></span> <a href="https://literia-pl.translate.goog/literia-poleca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literia poleca" class="flex items-center px-6 py-4 border-b-[20px] cursor-pointer bg-container-lighter border-literia-gray"> <span class="ml-0">Wszystkie <span class="lowercase">Literia poleca</span></span> </a><a class="flex items-center px-6 py-4 pb-0 font-bold"> <span class=""> Literia poleca </span> </a> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat" class="text-base font-semibold lg:ml-0"> Komputer 艢wiat </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat/biblioteczka-komputer-swiata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biblioteczka Komputer 艢wiata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Biblioteczka Komputer 艢wiata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat/komputer-swiat-twoj-niezbednik?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat Tw贸j Niezb臋dnik" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Komputer 艢wiat Tw贸j Niezb臋dnik </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat/miesiecznik-komputer-swiat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Miesi臋cznik Komputer 艢wiat" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Miesi臋cznik Komputer 艢wiat </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat/komputer-swiat-wydania-specjalne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat wydania specjalne" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Komputer 艢wiat wydania specjalne </div></a> </template> </div><a href="https://literia-pl.translate.goog/literia-poleca/forbes-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes prenumerata" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Forbes prenumerata </span> </a> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biblioteka Faktu" class="text-base font-semibold lg:ml-0"> Biblioteka Faktu </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/zwierzakowe-kolorowanki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zwierzakowe kolorowanki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Zwierzakowe kolorowanki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/naklejki-iskierki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Naklejki iskierki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Naklejki iskierki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-kolorowanki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt kolorowanki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt kolorowanki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-dla-dzieci?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt dla dzieci" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt dla dzieci </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-encyklopedia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt encyklopedia" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt encyklopedia </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-bajki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt bajki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt bajki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-dla-malucha?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt dla malucha" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt dla malucha </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-edukacja?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt edukacja" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt edukacja </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-dla-dziewczynek?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt dla dziewczynek" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt dla dziewczynek </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-dzieciom?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt dzieciom" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt dzieciom </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-naklejki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt naklejki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt naklejki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-bestseller?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt Bestseller" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt Bestseller </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-newsweeka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biblioteka Newsweeka" class="text-base font-semibold lg:ml-0"> Biblioteka Newsweeka </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-newsweeka/newsweek-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek prenumerata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Newsweek prenumerata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-newsweeka/newsweek-bestseller?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Historia Bestseller" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Newsweek Historia Bestseller </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biblioteka Przegl膮du Sportowego" class="text-base font-semibold lg:ml-0"> Biblioteka Przegl膮du Sportowego </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/skarb-kibica?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Skarb Kibica" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Skarb Kibica </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/przeglad-sportowy-historia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przegl膮d Sportowy Historia" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Przegl膮d Sportowy Historia </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/wydania-specjalne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wydania specjalne " class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Wydania specjalne </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/ksiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/gadzety-kolekcjonerskie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Gad偶ety kolekcjonerskie" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Gad偶ety kolekcjonerskie </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/plakaty?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Plakaty" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Plakaty </div></a> </template> </div><a href="https://literia-pl.translate.goog/literia-poleca/pakiety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Pakiety ksi膮偶ek" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Pakiety ksi膮偶ek </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/butelka-noizz?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Butelka Noizz" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Butelka Noizz </span> </a> </div> </div> <div class="level-0 bg-white flex flex-col mx-6 [&:not(:last-child)]:border-b border-literia-light-yellow"><span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }"> <a class="flex items-center w-full mx-0 font-bold px-0 py-4 cursor-pointer bg-container-lighter level-0" href="https://literia-pl.translate.goog/bestsellery?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Bestsellery"> Bestsellery </a> </span> </div> <div class="level-0 bg-white flex flex-col mx-6 [&:not(:last-child)]:border-b border-literia-light-yellow"><span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }"> <a class="flex items-center w-full mx-0 font-bold px-0 py-4 cursor-pointer bg-container-lighter level-0" href="https://literia-pl.translate.goog/zapowiedzi?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zapowiedzi"> Zapowiedzi </a> </span> </div> <div class="level-0 bg-white flex flex-col mx-6 [&:not(:last-child)]:border-b border-literia-light-yellow"><span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }"> <a class="flex items-center w-full mx-0 font-bold px-0 py-4 cursor-pointer bg-container-lighter level-0" href="https://literia-pl.translate.goog/prenumeraty?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumeraty"> Prenumeraty </a> </span> </div> <style>.cmsb33-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem } .cmsb33-mt-\[-1px\] { margin-top: -1px } .cmsb33-block { display: block } .cmsb33-flex { display: flex } .cmsb33-\!hidden { display: none !important } .cmsb33-hidden { display: none } .cmsb33-w-full { width: 100% } .cmsb33-transform { transform: var(--tw-transform) } .cmsb33-cursor-pointer { cursor: pointer } .cmsb33-flex-col { flex-direction: column } .cmsb33-items-center { align-items: center } .cmsb33-gap-1 { gap: 0.25rem } .cmsb33-border-t-\[20px\] { border-top-width: 20px } .cmsb33-border-b { border-bottom-width: 1px } .cmsb33-bg-white { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) } .cmsb33-px-0 { padding-left: 0px; padding-right: 0px } .cmsb33-py-4 { padding-top: 1rem; padding-bottom: 1rem } .cmsb33-font-bold { font-weight: 700 } .cmsb33-transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms } .cmsb33-duration-150 { transition-duration: 150ms } .cmsb33-ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) }</style> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> <div class="cmsb33-bg-white cmsb33-flex cmsb33-flex-col cmsb33-border-t-[20px] border-literia-gray cmsb33-mt-[-1px]" :class="{'cmsb33-!hidden': mobilePanelActiveId}"><span class="cmsb33-flex cmsb33-items-center cmsb33-transition-transform cmsb33-duration-150 cmsb33-ease-in-out cmsb33-transform"> <a x-cloak x-data="{hoverTag:false}" x-on:mouseleave="hoverTag = false" x-on:mouseenter="hoverTag = true" class="cmsb33-flex cmsb33-gap-1 cmsb33-items-center cmsb33-w-full cmsb33-mx-6 cmsb33-font-bold cmsb33-px-0 cmsb33-py-4 cmsb33-border-b cmsb33-cursor-pointer bg-container-lighter border-literia-light-yellow" href="https://literia-pl.translate.goog/okazje?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> <span :class="hoverTag ? 'hidden' : 'block'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-tag" role="img"> <path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z" /><line x1="7" y1="7" x2="7.01" y2="7" /> <title>feather/tag</title> </svg></span> <span :class="hoverTag ? 'block' : 'hidden'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="#FFD500" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-tag" role="img"> <path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z" /><line x1="7" y1="7" x2="7.01" y2="7" /> <title>tag-yellow</title> </svg></span> <span>OKAZJE</span> </a> </span> </div> <div class="cmsb33-bg-white cmsb33-flex cmsb33-flex-col" :class="{'cmsb33-!hidden': mobilePanelActiveId}"><span class="cmsb33-flex cmsb33-items-center cmsb33-transition-transform cmsb33-duration-150 cmsb33-ease-in-out cmsb33-transform"> <a class="cmsb33-flex cmsb33-items-center cmsb33-w-full cmsb33-mx-6 cmsb33-font-bold cmsb33-px-0 cmsb33-py-4 cmsb33-border-b cmsb33-cursor-pointer bg-container-lighter border-literia-light-yellow" href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/kolorowanki-i-naklejki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">POLECAMY </a> </span> </div> <div class="cmsb33-bg-white cmsb33-flex cmsb33-flex-col" :class="{'cmsb33-!hidden': mobilePanelActiveId}"><span class="cmsb33-flex cmsb33-items-center cmsb33-transition-transform cmsb33-duration-150 cmsb33-ease-in-out cmsb33-transform"> <a class="cmsb33-flex cmsb33-items-center cmsb33-w-full cmsb33-mx-6 cmsb33-font-bold cmsb33-px-0 cmsb33-py-4 cmsb33-border-b cmsb33-cursor-pointer bg-container-lighter border-literia-light-yellow" href="https://literia-pl.translate.goog/bestsellery?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">BESTSELLERY </a> </span> </div> <div class="cmsb33-bg-white cmsb33-flex cmsb33-flex-col" :class="{'cmsb33-!hidden': mobilePanelActiveId}"><span class="cmsb33-flex cmsb33-items-center cmsb33-transition-transform cmsb33-duration-150 cmsb33-ease-in-out cmsb33-transform"> <a class="cmsb33-flex cmsb33-items-center cmsb33-w-full cmsb33-mx-6 cmsb33-font-bold cmsb33-px-0 cmsb33-py-4 cmsb33-cursor-pointer bg-container-lighter" href="https://literia-pl.translate.goog/czeste-pytania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">POMOC I KONTAKT </a> </span> </div> </div> </nav> </div> </div> </div> <script> 'use strict'; var initMenuMobile_6747e99c59b09 = () => { return { mobilePanelActiveId: null, open: false, setActiveMenu(menuNode) { Array.from(menuNode.querySelectorAll('a')).filter(link => { return link.href === window.location.href.split('?')[0]; }).map(item => { item.classList.add('underline'); item.closest('div.level-0') && item.closest('div.level-0').querySelector('a.level-0').classList.add('underline'); }); } } } </script> <div x-cloak x-data="{opened: false, open:(isHomepage && scrolAtTop) || false}"> <div x-cloak x-data="initMenuDesktop_6747e99c82479()" class="z-30 order-2 sm:order-1 lg:order-2 navigation hidden lg:flex absolute" :class="{ '2xl:w-[320px] xl:w-[280px] lg:w-[250px]': (!scrolAtTop && open) || scrolAtTop, 'top-2' : !scrolAtTop}" @scroll.window="isHomepage && (open = (isHomepage && scrolAtTop) || (opened == true) || false)"> <div @mouseover.away="opened = false; open = (isHomepage && scrolAtTop) || false, hoverPanelActiveId = 0; setOverlay(false);" class="relative w-full"> <div class="flex z-30 relative items-baseline justify-between menu-icon rounded-full w-full" :class="{'bg-literia-yellow-light' : opened, 'bg-literia-yellow' : !opened}"> <div class="flex w-full"><a @mouseover="open = true; opened = true; setOverlay();" class="flex items-center w-full px-[15px]"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="p-3" width="48" height="48" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16" /> <title>menu</title> </svg><span class="font-bold" :class="{ 'hidden': !scrolAtTop && !open }"> KATEGORIE</span> </a> </div> </div> <nav x-show="open" class="mt-[-24px] pt-5 bg-container-lighter w-full rounded-b-3xl border-r-2 border-l-2 border-b-2 border-literia-light-yellow z-20 divide-y divide-literia-warmgray w-full overflow-x-auto " :class="{'max-h-[481px]': scrolAtTop}"> <div class="level-0 mx-6 text-black first:mt-5 has-children" @mouseenter="opened = true;hoverPanelActiveId = 'category-node-4'; setOverlay();"><span class="flex items-center block text-md"> <a class="menuText w-full text-base font-bold hover:text-black level-0 p-3 px-0 relative" :class="{'text-black' : hoverPanelActiveId === 'category-node-4'}" href="https://literia-pl.translate.goog/prasa?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prasa"> Prasa <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 absolute right-0 top-[50%] -translate-y-1/2" width="16" height="16" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> <title>chevron-right</title> </svg></a> </span> <div class="absolute z-[-10] ml-[-20px] hidden overflow-x-auto overflow-y-hidden px-6 pl-10 left-full right-unset bottom-0 top-unset h-[calc(100%-65px)] w-auto shadow-lg bg-container-lighter 2xl:w-[1188px] xl:w-[972px] lg:w-[746px] w-[528px] rounded-br-3xl border-t-0 border-literia-light-yellow" :class="{ 'hidden' : hoverPanelActiveId !== 'category-node-4', 'block' : hoverPanelActiveId === 'category-node-4 || open == true', 'h-[calc(100%-69px)]' : !scrolAtTop }"> <div class="flex flex-col flex-wrap py-4 overflow-y-hidden h-full w-auto"> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/miesiecznik-forbes?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes Polska" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Forbes Polska </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/prasa/miesiecznik-forbes/forbes-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes - prenumerata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Forbes - prenumerata </span> </a> <a href="https://literia-pl.translate.goog/prasa/miesiecznik-forbes/forbes-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes - wydania" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Forbes - wydania </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/forbes-women?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes Women" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Forbes Women </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/prasa/forbes-women/forbes-women-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes Women - prenumerata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Forbes Women - prenumerata </span> </a> <a href="https://literia-pl.translate.goog/prasa/forbes-women/forbes-women-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes Women - wydania" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Forbes Women - wydania </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/newsweek-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Polska" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Newsweek Polska </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/prasa/newsweek-polska/tygodnik-newsweek-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tygodnik Newsweek - prenumerata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Tygodnik Newsweek - prenumerata </span> </a> <a href="https://literia-pl.translate.goog/prasa/newsweek-polska/tygodnik-newsweek-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tygodnik Newsweek - wydania" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Tygodnik Newsweek - wydania </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/newsweek-psychologia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Psychologia" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Newsweek Psychologia </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/prasa/newsweek-psychologia/newsweek-psychologia-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Psychologia - prenumerata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Newsweek Psychologia - prenumerata </span> </a> <a href="https://literia-pl.translate.goog/prasa/newsweek-psychologia/newsweek-psychologia-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Psychologia - wydania" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Newsweek Psychologia - wydania </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/newsweek-extra?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Extra" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Newsweek Extra </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/prasa/newsweek-extra/newsweek-extra-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Extra - prenumerata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Newsweek Extra - prenumerata </span> </a> <a href="https://literia-pl.translate.goog/prasa/newsweek-extra/newsweek-extra-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Extra - wydania" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Newsweek Extra - wydania </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/newsweek-learning-english?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Learning English" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Newsweek Learning English </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/prasa/newsweek-learning-english/nle-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="NLE - prenumerata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> NLE - prenumerata </span> </a> <a href="https://literia-pl.translate.goog/prasa/newsweek-learning-english/nle-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="NLE - wydania" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> NLE - wydania </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/newsweek-historia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Historia" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Newsweek Historia </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/prasa/newsweek-historia/newsweek-historia-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Historia - prenumerata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Newsweek Historia - prenumerata </span> </a> <a href="https://literia-pl.translate.goog/prasa/newsweek-historia/newsweek-historia-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Historia - wydania" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Newsweek Historia - wydania </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/newsweek-magazyn-kryminalny?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Magazyn Kryminalny" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Newsweek Magazyn Kryminalny </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/newsweek-wydania-specjalne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Wydania Specjalne" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Newsweek Wydania Specjalne </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/auto-swiat-classic?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Auto 艢wiat Classic" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Auto 艢wiat Classic </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/auto-swiat-katalog?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Auto 艢wiat Katalog" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Auto 艢wiat Katalog </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/komputer-swiat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Komputer 艢wiat </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/komputer-swiat-twoj-niezbednik?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat Tw贸j Niezb臋dnik" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Komputer 艢wiat Tw贸j Niezb臋dnik </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/zyj-lepiej-extra?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="呕yj Lepiej Extra" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> 呕yj Lepiej Extra </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/przeglad-sportowy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przegl膮d Sportowy" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Przegl膮d Sportowy </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/prasa/przeglad-sportowy/skarb-kibica?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Skarb Kibica" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Skarb Kibica </span> </a> <a href="https://literia-pl.translate.goog/prasa/przeglad-sportowy/wydania-specjalne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wydania specjalne" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Wydania specjalne </span> </a> <a href="https://literia-pl.translate.goog/prasa/przeglad-sportowy/przeglad-sportowy-historia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przegl膮d Sportowy Historia" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Przegl膮d Sportowy Historia </span> </a> </div> </div> <div class="relative top-0 right-0 mr-0 ml-auto my-auto min-w-[314px] h-full" :class="{'scrolTop' : scrolAtTop, 'scrolDown' : !scrolAtTop}"> <style>#html-body [data-pb-style=CLM97VA],#html-body [data-pb-style=J1HVF2F]{background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=CLM97VA]{justify-content:center;display:flex;flex-direction:column;text-align:center;width:100%;align-self:stretch}#html-body [data-pb-style=J1HVF2F]{border-radius:30px}#html-body [data-pb-style=PXUUORA]{border-radius:30px;min-height:405px;background-color:transparent}</style> <div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main"> <div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="CLM97VA"> <div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main"> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/soll?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" target="" data-link-type="default" title="" data-element="link"> <div class="pagebuilder-banner-wrapper background-image-6747e99c845e3" data-background-images="{\"desktop_image\":\"https://literia.pl/media/wysiwyg/07_SOLL.jpg\",\"mobile_image\":\"https://literia.pl/media/wysiwyg/07_SOLL_1.jpg\"}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="J1HVF2F"> <div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="PXUUORA"> <div class="pagebuilder-poster-content"> <div data-element="content"></div> </div> </div> </div><style type="text/css">.background-image-6747e99c845e3 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-6747e99c845e3 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-6747e99c845e3 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}</style></a> </div> </div> </div> </div> </div> </div> </div> <div class="level-0 mx-6 text-black first:mt-5 " @mouseenter="opened = true;hoverPanelActiveId = 'category-node-883'; setOverlay();"><span class="flex items-center block text-md"> <a class="menuText w-full text-base font-bold hover:text-black level-0 p-3 px-0 relative" :class="{'text-black' : hoverPanelActiveId === 'category-node-883'}" href="https://literia-pl.translate.goog/ksiazki/swieta?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Bo偶e Narodzenie"> Bo偶e Narodzenie </a> </span> </div> <div class="level-0 mx-6 text-black first:mt-5 has-children" @mouseenter="opened = true;hoverPanelActiveId = 'category-node-5'; setOverlay();"><span class="flex items-center block text-md"> <a class="menuText w-full text-base font-bold hover:text-black level-0 p-3 px-0 relative" :class="{'text-black' : hoverPanelActiveId === 'category-node-5'}" href="https://literia-pl.translate.goog/kolekcje?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kolekcje"> Kolekcje <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 absolute right-0 top-[50%] -translate-y-1/2" width="16" height="16" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> <title>chevron-right</title> </svg></a> </span> <div class="absolute z-[-10] ml-[-20px] hidden overflow-x-auto overflow-y-hidden px-6 pl-10 left-full right-unset bottom-0 top-unset h-[calc(100%-65px)] w-auto shadow-lg bg-container-lighter 2xl:w-[1188px] xl:w-[972px] lg:w-[746px] w-[528px] rounded-br-3xl border-t-0 border-literia-light-yellow" :class="{ 'hidden' : hoverPanelActiveId !== 'category-node-5', 'block' : hoverPanelActiveId === 'category-node-5 || open == true', 'h-[calc(100%-69px)]' : !scrolAtTop }"> <div class="flex flex-col flex-wrap py-4 overflow-y-hidden h-full w-auto"> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/saga-o-ludziach-lodu?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Saga o Ludziach Lodu" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Saga o Ludziach Lodu </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/sladem-tajemnic-harlan-coben?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Harlan Coben. 艢ladem tajemnic " class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Harlan Coben. 艢ladem tajemnic </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/wielka-kolekcja-terry-pratchett?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wielka Kolekcja Terry Pratchett" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Wielka Kolekcja Terry Pratchett </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/nicholas-sparks-pisane-sercem?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Nicholas Sparks - Pisane sercem" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Nicholas Sparks - Pisane sercem </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/kolekcja-ksiazek-pauliny-swist?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kolekcja Ksi膮偶ek Pauliny 艢wist" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Kolekcja Ksi膮偶ek Pauliny 艢wist </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/zmyslowa-kolekcja?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zmys艂owa kolekcja" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Zmys艂owa kolekcja </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/saga-grzech-pierworodny?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Saga Grzech pierworodny" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Saga Grzech pierworodny </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/tytus-romek-i-a-tomek?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tytus, Romek i A'Tomek" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Tytus, Romek i A'Tomek </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/corka-morza?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="C贸rka morza" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> C贸rka morza </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/stephen-king?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Stephen King" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Stephen King </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/malowane-sny?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Malowane sny" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Malowane sny </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/czas-milczenia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Czas milczenia" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Czas milczenia </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/tanya-valko?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tanya Valko" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Tanya Valko </span> </a> </div> <div class="relative top-0 right-0 mr-0 ml-auto my-auto min-w-[314px] h-full" :class="{'scrolTop' : scrolAtTop, 'scrolDown' : !scrolAtTop}"> <style>#html-body [data-pb-style=CLM97VA],#html-body [data-pb-style=J1HVF2F]{background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=CLM97VA]{justify-content:center;display:flex;flex-direction:column;text-align:center;width:100%;align-self:stretch}#html-body [data-pb-style=J1HVF2F]{border-radius:30px}#html-body [data-pb-style=PXUUORA]{border-radius:30px;min-height:405px;background-color:transparent}</style> <div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main"> <div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="CLM97VA"> <div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main"> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/soll?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" target="" data-link-type="default" title="" data-element="link"> <div class="pagebuilder-banner-wrapper background-image-6747e99c8a31e" data-background-images="{\"desktop_image\":\"https://literia.pl/media/wysiwyg/07_SOLL.jpg\",\"mobile_image\":\"https://literia.pl/media/wysiwyg/07_SOLL_1.jpg\"}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="J1HVF2F"> <div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="PXUUORA"> <div class="pagebuilder-poster-content"> <div data-element="content"></div> </div> </div> </div><style type="text/css">.background-image-6747e99c8a31e {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-6747e99c8a31e {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-6747e99c8a31e {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}</style></a> </div> </div> </div> </div> </div> </div> </div> <div class="level-0 mx-6 text-black first:mt-5 has-children" @mouseenter="opened = true;hoverPanelActiveId = 'category-node-50'; setOverlay();"><span class="flex items-center block text-md"> <a class="menuText w-full text-base font-bold hover:text-black level-0 p-3 px-0 relative" :class="{'text-black' : hoverPanelActiveId === 'category-node-50'}" href="https://literia-pl.translate.goog/ksiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki"> Ksi膮偶ki <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 absolute right-0 top-[50%] -translate-y-1/2" width="16" height="16" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> <title>chevron-right</title> </svg></a> </span> <div class="absolute z-[-10] ml-[-20px] hidden overflow-x-auto overflow-y-hidden px-6 pl-10 left-full right-unset bottom-0 top-unset h-[calc(100%-65px)] w-auto shadow-lg bg-container-lighter 2xl:w-[1188px] xl:w-[972px] lg:w-[746px] w-[528px] rounded-br-3xl border-t-0 border-literia-light-yellow" :class="{ 'hidden' : hoverPanelActiveId !== 'category-node-50', 'block' : hoverPanelActiveId === 'category-node-50 || open == true', 'h-[calc(100%-69px)]' : !scrolAtTop }"> <div class="flex flex-col flex-wrap py-4 overflow-y-hidden h-full w-auto"> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki dla dzieci" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Ksi膮偶ki dla dzieci </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/0-3-lata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="0-3 lata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> 0-3 lata </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/4-8-lat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="4-8 lat" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> 4-8 lat </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/9-12-lat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="9-12 lat" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> 9-12 lat </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/gry-i-zabawy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Gry i zabawy" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Gry i zabawy </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/kolorowanki-i-naklejki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kolorowanki i naklejki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Kolorowanki i naklejki </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/wierszyki-i-rymowanki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wierszyki i rymowanki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Wierszyki i rymowanki </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/edukacja-dla-najmlodszych?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Edukacja dla najm艂odszych" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Edukacja dla najm艂odszych </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazeczki-dzwiekowe-i-sensoryczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶eczki d藕wi臋kowe i sensoryczne" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶eczki d藕wi臋kowe i sensoryczne </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/bajki-basnie-legendy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Bajki, ba艣nie, legendy" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Bajki, ba艣nie, legendy </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/bajki-dla-niemowlat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Bajki dla niemowl膮t" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Bajki dla niemowl膮t </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/aktywizujace-i-interaktywne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Aktywizuj膮ce i interaktywne" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Aktywizuj膮ce i interaktywne </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/poznawanie-swiata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poznawanie 艣wiata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Poznawanie 艣wiata </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/zabawki-maskotki-figurki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zabawki, maskotki, figurki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Zabawki, maskotki, figurki </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-kosmosie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o kosmosie" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki o kosmosie </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-detektywistyczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki detektywistyczne" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki detektywistyczne </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-przygodowe?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki przygodowe" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki przygodowe </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-po-angielsku?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki po angielsku" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki po angielsku </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-kucharskie-dla-dzieci?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki kucharskie dla dzieci" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki kucharskie dla dzieci </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-emocjach?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o emocjach" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki o emocjach </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-popularnonaukowe?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki popularnonaukowe" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki popularnonaukowe </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-przyrodzie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o przyrodzie" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki o przyrodzie </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-zwierzetach?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o zwierz臋tach" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki o zwierz臋tach </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-dinozaurach?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o dinozaurach" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki o dinozaurach </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/kryminal-sensacja-thriller?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Krymina艂, sensacja, thriller" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Krymina艂, sensacja, thriller </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/kryminal-sensacja-thriller/thriller?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Thriller" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Thriller </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/kryminal-sensacja-thriller/sensacja?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Sensacja" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Sensacja </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/kryminal-sensacja-thriller/kryminal?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Krymina艂" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Krymina艂 </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/poradniki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Poradniki </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-o-rozwoju-osobistym?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki o rozwoju osobistym" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Poradniki o rozwoju osobistym </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/zdrowie-moda-i-uroda?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zdrowie, moda i uroda" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Zdrowie, moda i uroda </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-kulinarne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki kulinarne" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Poradniki kulinarne </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/dziecko-rodzina-zwiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Dziecko, rodzina, zwi膮zki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Dziecko, rodzina, zwi膮zki </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-dla-domu-i-ogrodu?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki dla domu i ogrodu" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Poradniki dla domu i ogrodu </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/ksiazki-hobbystyczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki hobbystyczne" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki hobbystyczne </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-psychologiczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki psychologiczne" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Poradniki psychologiczne </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-motoryzacyjne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki motoryzacyjne" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Poradniki motoryzacyjne </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-sportowe?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki sportowe" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Poradniki sportowe </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-o-zwierzetach?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki o zwierz臋tach" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Poradniki o zwierz臋tach </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/komputery-i-informatyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputery i informatyka" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Komputery i informatyka </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/literatura-obyczajowa?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literatura obyczajowa" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Literatura obyczajowa </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/literatura-obyczajowa/erotyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Erotyka" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Erotyka </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-obyczajowa/romans?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Romans" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Romans </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-obyczajowa/ksiazki-obyczajowe?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki obyczajowe" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki obyczajowe </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literatura pi臋kna polska" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Literatura pi臋kna polska </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/proza-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Proza polska" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Proza polska </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/opowiadania-polskie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Opowiadania polskie" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Opowiadania polskie </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/eseje-polskie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Eseje polskie" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Eseje polskie </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/powiesc-historyczna-i-biograficzna-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Powie艣膰 historyczna i biograficzna polska" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Powie艣膰 historyczna i biograficzna polska </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/klasyka-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Klasyka polska" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Klasyka polska </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literatura pi臋kna obca" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Literatura pi臋kna obca </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/proza-obca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Proza obca" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Proza obca </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/opowiadania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Opowiadania" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Opowiadania </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/eseje-obce?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Eseje obce" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Eseje obce </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/powiesc-historyczna-i-biograficzna-obca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Powie艣膰 historyczna i biograficzna obca" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Powie艣膰 historyczna i biograficzna obca </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/klasyka-obca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Klasyka obca" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Klasyka obca </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/religie-i-wyznania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Religie i wyznania" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Religie i wyznania </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/literatura-faktu-i-reportaze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literatura faktu i reporta偶e" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Literatura faktu i reporta偶e </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/literatura-faktu-i-reportaze/wywiady?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wywiady" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Wywiady </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-faktu-i-reportaze/felietony-i-reportaze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Felietony i reporta偶e" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Felietony i reporta偶e </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-faktu-i-reportaze/publicystyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Publicystyka" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Publicystyka </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kultura i sztuka" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Kultura i sztuka </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka/architektura?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Architektura" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Architektura </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka/rzezba-malarstwo-fotografia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Rze藕ba, malarstwo, fotografia" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Rze藕ba, malarstwo, fotografia </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka/film-i-teatr?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Film i teatr" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Film i teatr </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka/muzyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Muzyka" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Muzyka </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/fantastyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fantastyka" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Fantastyka </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/fantastyka/wiedzmin?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wied藕min" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Wied藕min </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/fantastyka/horrory?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Horrory" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Horrory </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/fantastyka/fantasy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fantasy" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fantasy </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/fantastyka/science-fiction?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Science-fiction" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Science-fiction </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/biografie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Biografie </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-i-autobiografie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie i autobiografie" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Biografie i autobiografie </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-znanych-osob?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie znanych os贸b" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Biografie znanych os贸b </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/postacie-historyczne-politycy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Postacie historyczne, politycy" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Postacie historyczne, politycy </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-aktorow-i-rezyserow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie aktor贸w i re偶yser贸w" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Biografie aktor贸w i re偶yser贸w </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-literatow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie literat贸w" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Biografie literat贸w </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/listy-i-wspomnienia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Listy i wspomnienia" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Listy i wspomnienia </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-naukowcow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie naukowc贸w" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Biografie naukowc贸w </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-sportowcow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie sportowc贸w" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Biografie sportowc贸w </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-muzykow-i-zespolow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie muzyk贸w i zespo艂贸w" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Biografie muzyk贸w i zespo艂贸w </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/pamietniki-i-dzienniki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Pami臋tniki i dzienniki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Pami臋tniki i dzienniki </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/wywiady-biografie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wywiady, biografie" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Wywiady, biografie </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/nauka-i-wiedza?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Nauka i wiedza" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Nauka i wiedza </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-historyczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki historyczne" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Ksi膮偶ki historyczne </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-historyczne/historia-swiata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Historia 艣wiata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Historia 艣wiata </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-historyczne/ii-wojna-swiatowa?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="II wojna 艣wiatowa" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> II wojna 艣wiatowa </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/albumy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Albumy </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/albumy/albumy-o-architekturze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy o architekturze" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Albumy o architekturze </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/albumy/albumy-o-sztuce?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy o sztuce" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Albumy o sztuce </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/albumy/albumy-przyrodnicze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy przyrodnicze" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Albumy przyrodnicze </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/albumy/albumy-krajoznawcze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy krajoznawcze" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Albumy krajoznawcze </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/albumy/motoryzacja?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Motoryzacja" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Motoryzacja </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/podroze-i-turystyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Podr贸偶e i turystyka" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Podr贸偶e i turystyka </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/podroze-i-turystyka/mapy-i-atlasy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Mapy i atlasy" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Mapy i atlasy </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/komiksy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komiksy" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Komiksy </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/komiksy/tytus-romek-i-a-tomek?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tytus, Romek i A'Tomek" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Tytus, Romek i A'Tomek </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/psychologia-i-rozwoj-osobisty?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Psychologia i rozw贸j osobisty" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Psychologia i rozw贸j osobisty </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/psychologia-i-rozwoj-osobisty/dziecko-rodzina-zwiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Dziecko, rodzina, zwi膮zki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Dziecko, rodzina, zwi膮zki </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kulinaria i diety" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Kulinaria i diety </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/ciasta-desery-wypieki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ciasta, desery, wypieki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ciasta, desery, wypieki </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/diety-zdrowe-zywienie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Diety, zdrowe 偶ywienie" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Diety, zdrowe 偶ywienie </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/kuchnie-swiata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kuchnie 艣wiata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Kuchnie 艣wiata </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/kuchnia-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kuchnia polska" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Kuchnia polska </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/napoje?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Napoje" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Napoje </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/sport-i-wypoczynek?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Sport i wypoczynek" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Sport i wypoczynek </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/sport-i-wypoczynek/ludzie-sportu?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ludzie sportu" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ludzie sportu </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/sport-i-wypoczynek/pilka-nozna?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Pi艂ka no偶na" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Pi艂ka no偶na </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/przewodniki-turystyczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przewodniki turystyczne" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Przewodniki turystyczne </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/ekonomia-i-biznes?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ekonomia i biznes" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Ekonomia i biznes </span> </a> </div> <div class="relative top-0 right-0 mr-0 ml-auto my-auto min-w-[314px] h-full" :class="{'scrolTop' : scrolAtTop, 'scrolDown' : !scrolAtTop}"> <style>#html-body [data-pb-style=CLM97VA],#html-body [data-pb-style=J1HVF2F]{background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=CLM97VA]{justify-content:center;display:flex;flex-direction:column;text-align:center;width:100%;align-self:stretch}#html-body [data-pb-style=J1HVF2F]{border-radius:30px}#html-body [data-pb-style=PXUUORA]{border-radius:30px;min-height:405px;background-color:transparent}</style> <div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main"> <div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="CLM97VA"> <div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main"> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/soll?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" target="" data-link-type="default" title="" data-element="link"> <div class="pagebuilder-banner-wrapper background-image-6747e99c8bb60" data-background-images="{\"desktop_image\":\"https://literia.pl/media/wysiwyg/07_SOLL.jpg\",\"mobile_image\":\"https://literia.pl/media/wysiwyg/07_SOLL_1.jpg\"}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="J1HVF2F"> <div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="PXUUORA"> <div class="pagebuilder-poster-content"> <div data-element="content"></div> </div> </div> </div><style type="text/css">.background-image-6747e99c8bb60 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-6747e99c8bb60 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-6747e99c8bb60 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}</style></a> </div> </div> </div> </div> </div> </div> </div> <div class="level-0 mx-6 text-black first:mt-5 " @mouseenter="opened = true;hoverPanelActiveId = 'category-node-844'; setOverlay();"><span class="flex items-center block text-md"> <a class="menuText w-full text-base font-bold hover:text-black level-0 p-3 px-0 relative" :class="{'text-black' : hoverPanelActiveId === 'category-node-844'}" href="https://literia-pl.translate.goog/subskrypcje?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Subskrypcje"> Subskrypcje </a> </span> </div> <div class="level-0 mx-6 text-black first:mt-5 has-children" @mouseenter="opened = true;hoverPanelActiveId = 'category-node-483'; setOverlay();"><span class="flex items-center block text-md"> <a class="menuText w-full text-base font-bold hover:text-black level-0 p-3 px-0 relative" :class="{'text-black' : hoverPanelActiveId === 'category-node-483'}" href="https://literia-pl.translate.goog/literia-poleca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literia poleca"> Literia poleca <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 absolute right-0 top-[50%] -translate-y-1/2" width="16" height="16" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> <title>chevron-right</title> </svg></a> </span> <div class="absolute z-[-10] ml-[-20px] hidden overflow-x-auto overflow-y-hidden px-6 pl-10 left-full right-unset bottom-0 top-unset h-[calc(100%-65px)] w-auto shadow-lg bg-container-lighter 2xl:w-[1188px] xl:w-[972px] lg:w-[746px] w-[528px] rounded-br-3xl border-t-0 border-literia-light-yellow" :class="{ 'hidden' : hoverPanelActiveId !== 'category-node-483', 'block' : hoverPanelActiveId === 'category-node-483 || open == true', 'h-[calc(100%-69px)]' : !scrolAtTop }"> <div class="flex flex-col flex-wrap py-4 overflow-y-hidden h-full w-auto"> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Komputer 艢wiat </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat/biblioteczka-komputer-swiata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biblioteczka Komputer 艢wiata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Biblioteczka Komputer 艢wiata </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat/komputer-swiat-twoj-niezbednik?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat Tw贸j Niezb臋dnik" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Komputer 艢wiat Tw贸j Niezb臋dnik </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat/miesiecznik-komputer-swiat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Miesi臋cznik Komputer 艢wiat" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Miesi臋cznik Komputer 艢wiat </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat/komputer-swiat-wydania-specjalne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat wydania specjalne" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Komputer 艢wiat wydania specjalne </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/literia-poleca/forbes-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes prenumerata" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Forbes prenumerata </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biblioteka Faktu" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Biblioteka Faktu </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/zwierzakowe-kolorowanki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zwierzakowe kolorowanki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Zwierzakowe kolorowanki </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/naklejki-iskierki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Naklejki iskierki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Naklejki iskierki </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-kolorowanki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt kolorowanki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt kolorowanki </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-dla-dzieci?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt dla dzieci" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt dla dzieci </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-encyklopedia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt encyklopedia" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt encyklopedia </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-bajki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt bajki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt bajki </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-dla-malucha?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt dla malucha" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt dla malucha </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-edukacja?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt edukacja" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt edukacja </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-dla-dziewczynek?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt dla dziewczynek" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt dla dziewczynek </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-dzieciom?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt dzieciom" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt dzieciom </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-naklejki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt naklejki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt naklejki </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-bestseller?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt Bestseller" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt Bestseller </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-newsweeka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biblioteka Newsweeka" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Biblioteka Newsweeka </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-newsweeka/newsweek-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek prenumerata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Newsweek prenumerata </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-newsweeka/newsweek-bestseller?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Historia Bestseller" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Newsweek Historia Bestseller </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biblioteka Przegl膮du Sportowego" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Biblioteka Przegl膮du Sportowego </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/skarb-kibica?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Skarb Kibica" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Skarb Kibica </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/przeglad-sportowy-historia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przegl膮d Sportowy Historia" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Przegl膮d Sportowy Historia </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/wydania-specjalne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wydania specjalne " class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Wydania specjalne </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/ksiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/gadzety-kolekcjonerskie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Gad偶ety kolekcjonerskie" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Gad偶ety kolekcjonerskie </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/plakaty?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Plakaty" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Plakaty </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/literia-poleca/pakiety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Pakiety ksi膮偶ek" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Pakiety ksi膮偶ek </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/literia-poleca/butelka-noizz?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Butelka Noizz" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Butelka Noizz </span> </a> </div> <div class="relative top-0 right-0 mr-0 ml-auto my-auto min-w-[314px] h-full" :class="{'scrolTop' : scrolAtTop, 'scrolDown' : !scrolAtTop}"> <style>#html-body [data-pb-style=CLM97VA],#html-body [data-pb-style=J1HVF2F]{background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=CLM97VA]{justify-content:center;display:flex;flex-direction:column;text-align:center;width:100%;align-self:stretch}#html-body [data-pb-style=J1HVF2F]{border-radius:30px}#html-body [data-pb-style=PXUUORA]{border-radius:30px;min-height:405px;background-color:transparent}</style> <div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main"> <div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="CLM97VA"> <div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main"> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/soll?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" target="" data-link-type="default" title="" data-element="link"> <div class="pagebuilder-banner-wrapper background-image-6747e99c8d0c7" data-background-images="{\"desktop_image\":\"https://literia.pl/media/wysiwyg/07_SOLL.jpg\",\"mobile_image\":\"https://literia.pl/media/wysiwyg/07_SOLL_1.jpg\"}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="J1HVF2F"> <div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="PXUUORA"> <div class="pagebuilder-poster-content"> <div data-element="content"></div> </div> </div> </div><style type="text/css">.background-image-6747e99c8d0c7 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-6747e99c8d0c7 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-6747e99c8d0c7 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}</style></a> </div> </div> </div> </div> </div> </div> </div> <div class="level-0 mx-6 text-black first:mt-5 " @mouseenter="opened = true;hoverPanelActiveId = 'category-node-832'; setOverlay();"><span class="flex items-center block text-md"> <a class="menuText w-full text-base font-bold hover:text-black level-0 p-3 px-0 relative" :class="{'text-black' : hoverPanelActiveId === 'category-node-832'}" href="https://literia-pl.translate.goog/bestsellery?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Bestsellery"> Bestsellery </a> </span> </div> <div class="level-0 mx-6 text-black first:mt-5 " @mouseenter="opened = true;hoverPanelActiveId = 'category-node-834'; setOverlay();"><span class="flex items-center block text-md"> <a class="menuText w-full text-base font-bold hover:text-black level-0 p-3 px-0 relative" :class="{'text-black' : hoverPanelActiveId === 'category-node-834'}" href="https://literia-pl.translate.goog/zapowiedzi?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zapowiedzi"> Zapowiedzi </a> </span> </div> <div class="level-0 mx-6 text-black first:mt-5 " @mouseenter="opened = true;hoverPanelActiveId = 'category-node-835'; setOverlay();"><span class="flex items-center block text-md"> <a class="menuText w-full text-base font-bold hover:text-black level-0 p-3 px-0 relative" :class="{'text-black' : hoverPanelActiveId === 'category-node-835'}" href="https://literia-pl.translate.goog/prenumeraty?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumeraty"> Prenumeraty </a> </span> </div> </nav> </div> </div> </div> <script> 'use strict'; var baseUrlParts = (new URL(window.location)).pathname.replace(/\/$/, '').split('/'); var isHomepage = baseUrlParts[1] == undefined; var initMenuDesktop_6747e99c82479 = () => { return { hoverPanelActiveId: null, setActiveMenu(menuNode) { Array.from(menuNode.querySelectorAll('a')).filter(link => { return link.href === window.location.href.split('?')[0]; }).map(item => { item.classList.add('underline'); item.closest('div.level-0') && item.closest('div.level-0').querySelector('a.level-0').classList.add('underline'); }); }, setOverlay(setStatus){ if(open) { document.getElementById('maincontent').classList.add('menu-opened'); document.querySelectorAll('nav .menuText').forEach((el) => { el.classList.add('text-gray-light'); }); } if(setStatus == false) { document.getElementById('maincontent').classList.remove('menu-opened'); document.querySelectorAll('nav .menuText').forEach((el) => { el.classList.remove('text-gray-light'); }); } } } } </script> </div> <div class="flex-[0_0_78%] max-w-[78%] flex items-center h-[48px]"> <style>.cmsb11-block { display: block } .cmsb11-flex { display: flex } .cmsb11-hidden { display: none } .cmsb11-flex-row { flex-direction: row } .cmsb11-items-center { align-items: center } .cmsb11-gap-7 { gap: 1.75rem } .cmsb11-gap-1 { gap: 0.25rem } .cmsb11-whitespace-nowrap { white-space: nowrap } .cmsb11-font-bold { font-weight: 700 } .cmsb11-hover\:underline:hover { text-decoration: underline } @media (min-width: 768px) { .cmsb11-md\:h-6 { height: 1.5rem } .cmsb11-md\:w-6 { width: 1.5rem } }</style> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> <div x-cloak class="cmsb11-flex cmsb11-flex-row cmsb11-gap-7"><a x-data="{hoverTag:false}" @mouseover.away="hoverTag = false" @mouseover="hoverTag = true" class="cmsb11-flex cmsb11-items-center cmsb11-gap-1 cmsb11-whitespace-nowrap cmsb11-font-bold cmsb11-hover:underline" href="https://literia-pl.translate.goog/okazje?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> <span :class="hoverTag ? 'hidden' : 'block'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cmsb11-md:h-6 cmsb11-md:w-6" role="img"> <path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z" /><line x1="7" y1="7" x2="7.01" y2="7" /> <title>feather/tag</title> </svg></span> <span :class="hoverTag ? 'block' : 'hidden'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="#FFD500" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cmsb11-md:h-6 cmsb11-md:w-6" role="img"> <path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z" /><line x1="7" y1="7" x2="7.01" y2="7" /> <title>tag-yellow</title> </svg></span> <span>OKAZJE</span></a> <a class="cmsb11-whitespace-nowrap cmsb11-font-bold cmsb11-hover:underline" href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/kolorowanki-i-naklejki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"><span>POLECAMY</span></a> <a class="cmsb11-whitespace-nowrap cmsb11-font-bold cmsb11-hover:underline" href="https://literia-pl.translate.goog/bestsellery?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"><span>BESTSELLERY</span></a> <a class="cmsb11-whitespace-nowrap cmsb11-font-bold cmsb11-hover:underline" href="https://literia-pl.translate.goog/czeste-pytania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"><span>POMOC I KONTAKT</span></a> <a class="cmsb11-whitespace-nowrap cmsb11-font-bold cmsb11-hover:underline" href="https://literia-pl.translate.goog/blog?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"><span>BLOG</span></a> </div> </div> </div> </div> </div> <script> function initCartDrawer() { return { open: false, isLoading: false, cart: {}, maxItemsToDisplay: 10, itemsCount: 0, totalCartAmount: 0, getData(data) { if (data.cart) { this.cart = data.cart; this.itemsCount = data.cart.items && data.cart.items.length || 0; this.totalCartAmount = this.cart.summary_count; this.setCartItems(); } this.isLoading = false; }, cartItems: [], getItemCountTitle() { return hyva.strf('(%0 z %1)', this.maxItemsToDisplay, this.itemsCount) }, setCartItems() { this.cartItems = this.cart.items && this.cart.items.sort((a, b) => b.item_id - a.item_id) || []; if (this.maxItemsToDisplay > 0) { this.cartItems = this.cartItems.slice(0, parseInt(this.maxItemsToDisplay, 10)); } }, deleteItemFromCart(itemId) { this.isLoading = true; const formKey = hyva.getFormKey(); const postUrl = BASE_URL + 'checkout/sidebar/removeItem/'; fetch(postUrl, { "headers": { "content-type": "application/x-www-form-urlencoded; charset=UTF-8", }, "body": "form_key=" + formKey + "&item_id=" + itemId, "method": "POST", "mode": "cors", "credentials": "include" }).then(response => { if (response.redirected) { window.location.href = response.url; } else if (response.ok) { return response.json(); } else { window.dispatchMessages && window.dispatchMessages([{ type: 'warning', text: 'Could\u0020not\u0020remove\u0020item\u0020from\u0020quote.' }]); this.isLoading = false; } }).then(result => { window.dispatchMessages && window.dispatchMessages([{ type: result.success ? 'success' : 'error', text: result.success ? 'Usuni\u0119to\u0020element.' : result.error_message }], result.success ? 5000 : 0) window.dispatchEvent(new CustomEvent('reload-customer-section-data')); }); } } } </script> <section id="cart-drawer" x-data="initCartDrawer()" @private-content-loaded.window="getData($event.detail.data)" @toggle-cart.window="open=true" @keydown.window.escape="open=false"> <template x-if="cart && cart.summary_count"> <div role="dialog" aria-labelledby="cart-drawer-title" aria-modal="true" @click.outside="open=false" class="fixed inset-y-0 right-0 z-[105] flex max-w-full"> <div class="backdrop" x-show="open" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @click="open=false" aria-label="Close panel"></div> <div class="relative w-screen max-w-md shadow-2xl" x-show="open" x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full"> <div x-show="open" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute top-0 right-0 flex p-2 mt-2"><button @click="open=false" aria-label="Close panel" class="p-2 text-gray-300 transition duration-150 ease-in-out hover:text-black"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> <title>x</title> </svg></button> </div> <div class="flex flex-col h-full py-6 space-y-6 bg-white shadow-xl"> <header class="px-4 sm:px-6"> <h2 id="cart-drawer-title" class="text-lg font-medium leading-7 text-gray-900">M贸j koszyk <span class="items-total text-xs" x-show="maxItemsToDisplay && maxItemsToDisplay < itemsCount" x-text="getItemCountTitle()"> </span></h2> </header> <div class="relative grid gap-6 px-4 py-6 overflow-y-auto bg-white border-b sm:gap-8 sm:px-6 border-container"> <template x-for="item in cartItems"> <div class="flex items-start p-3 -m-3 space-x-4 transition duration-150 ease-in-out rounded-lg hover:bg-gray-100"><a :href="item.product_url" class="w-1/4"> <img :src="item.product_image.src" :width="item.product_image.width" :height="item.product_image.height" loading="lazy"> </a> <div class="w-3/4 space-y-2"> <div> <p class="text-xl"><span x-html="item.qty"></span> x <span x-html="item.product_name"></span></p> <p class="text-sm hidden"><span x-html="item.product_sku"></span></p> </div> <template x-for="option in item.options"> <div class="pt-2"> <p class="font-semibold" x-text="option.label + ':'"></p> <p class="text-secondary" x-html="option.value"></p> </div> </template> <p><span x-html="item.product_price"></span></p> <template x-if="item.omnibus_price"> <div class="omnibus-content viewed w-full !mt-0"> <div x-data="{ showTooltip: false }" class="omnibus-tooltip"> <div class="tooltip-toggle flex items-center text-gray-light text-[10px]"><span> Najni偶sza cena z ostatnich 30 dni: <span x-html="hyva.formatPrice(item.omnibus_price)"></span> </span> <div class="relative"><span @mouseover="showTooltip = true" @mouseleave="showTooltip = false"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="ml-1 pointer-events-none" width="16" height="16" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> <title>question-mark-circle</title> </svg><span x-show="showTooltip" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="tooltip-content bg-white border p-2 absolute -top-[50px] -right-6 w-40 max-w-[160px] z-10 border border-literia-light-yellow rounded-xl text-center" x-cloak> Cena minimalna produktu z okresu ostatnich 30 dni </span> </span> </div> </div> </div> </div> </template> <div class="pt-4"><a :href="item.configure_url" x-show="item.product_type !== 'grouped'" class="inline-flex p-2 mr-2 btn btn-primary" @click="isLoading = true"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img"><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" /> <title>pencil</title> </svg></a> <button class="inline-flex p-2 btn btn-primary" @click="deleteItemFromCart(item.item_id)"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img"><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" /> <title>trash</title> </svg></button> </div> </div> </div> </template> </div> <div class="relative grid gap-6 px-4 py-6 bg-white sm:gap-8 sm:px-6"> <div class="w-full p-3 -m-3 space-x-4 transition duration-150 ease-in-out rounded-lg hover:bg-gray-100"> <p>Produkty w koszyku: <span x-html="cart.subtotal"></span></p> </div> <div class="w-full p-3 -m-3 space-x-4 transition duration-150 ease-in-out rounded-lg hover:bg-gray-100"><a @click.prevent.stop="$dispatch('toggle-authentication', {url: 'https://literia.pl/checkout/'});" href="https://literia-pl.translate.goog/checkout/?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="inline-flex btn btn-primary"> Zam贸wienie </a> <span>lub</span> <a href="https://literia-pl.translate.goog/checkout/cart/?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="underline" @click="isLoading = true"> Zobacz i edytuj koszyk </a> </div> </div> </div> </div> <div class="flex flex-row justify-center items-center w-full h-full fixed select-none z-50" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.7);" x-show="isLoading" x-cloak x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg> <div class="ml-10 text-primary text-xl"> 艁adowanie... </div> </div> </div> </template> </section> <script> function initAuthentication() { return { open: false, forceAuthentication: false, checkoutUrl: 'https://literia.pl/checkout/index/', errors: 0, hasCaptchaToken: 0, displayErrorMessage: false, errorMessages: [], setErrorMessages: function setErrorMessages(messages) { this.errorMessages = [messages]; this.displayErrorMessage = this.errorMessages.length; }, submitForm: function () { // Do not rename $form, the variable is expected to be declared in the recaptcha output const $form = document.querySelector('#login-form'); if (this.errors === 0) { this.dispatchLoginRequest($form); } }, onPrivateContentLoaded: function (data) { const isLoggedIn = data.customer; if (data.cart && !isLoggedIn) { this.forceAuthentication = !data.cart.isGuestCheckoutAllowed && !(document.referrer.indexOf('konto.onet.pl') > -1); } }, redirectIfAuthenticated: function (event) { if (event.detail && event.detail.url) { this.checkoutUrl = event.detail.url; } if (!this.forceAuthentication) { window.location.href = this.checkoutUrl; } }, dispatchLoginRequest: function (form) { this.isLoading = true; const username = this.$refs['customer-email'].value; const password = this.$refs['customer-password'].value; const formKey = hyva.getFormKey(); const bodyFields = { 'username': username, 'password': password, 'formKey': formKey }; const fieldName = 'g\u002Drecaptcha\u002Dresponse'; const recaptchaField = fieldName && form[fieldName]; if (recaptchaField) { bodyFields[fieldName] = recaptchaField.value; } fetch('https://literia.pl/customer/ajax/login/', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, body: JSON.stringify(bodyFields) } ).then(response => { return response.json() } ).then(data => { this.isLoading = false; if (data.errors) { dispatchMessages([{ type: 'error', text: data.message }], 5000); this.errors = 1; this.hasCaptchaToken = 0; } else { window.location.href = this.checkoutUrl; } }); } } } </script> <section id="authentication-popup" x-data="initAuthentication()" @private-content-loaded.window="onPrivateContentLoaded($event.detail.data)" @toggle-authentication.window="open = forceAuthentication; redirectIfAuthenticated(event)" @keydown.window.escape="open = false" defer> <div role="dialog" aria-modal="true" @click.outside="open = false" class="inset-y-0 right-0 z-[300] flex max-w-full w-full justify-center items-center bg-neutral-500/75" :class="{'fixed': open }" x-cloak x-show="open"> <div class="relative md:w-auto lg:w-9/12 max-w-screen-xl bg-container-lighter md:rounded-[30px] overflow-y-auto max-h-full" x-show="open" x-cloak=""> <div x-show="open" x-cloak="" class="popup-header relative justify-center top-0 right-0 flex p-2 mt-0 items-top"> <div class="flex justify-center items-center mx-auto py-3 lg:py-6 space-x-3 lg:space-x-6"><img class="img-responsive max-h-[18px] lg:max-h-[30px]" align="middle" alt="logo-literia" src="https://literia.pl/static/version1729671568/frontend/NineBits/Literia/pl_PL/svg/logo-literia.svg"> <span class="lg:text-[20px] font-bold md:ml-[2px] lg:ml-[4px]">+</span> <img class="img-responsive max-h-[18px] lg:max-h-[30px]" align="middle" alt="logo-okonto" src="https://literia.pl/static/version1729671568/frontend/NineBits/Literia/pl_PL/svg/logo-okonto.svg"> </div><button @click="open = false;" aria-label="Close panel" class="absolute right-0 flex pt-3 lg:pt-2 pr-2 lg:pr-4 text-gray-300 transition duration-150 ease-in-out hover:text-black"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> <title>x</title> </svg></button> </div> <div class="flex flex-col-reverse sm:flex-row-reverse h-full bg-white overflow-y-auto justify-center rounded-[30px] border border-literia-warmgray md:mx-5 mb-5"> <div class="block-customer-login px-5 py-6 flex flex-col justify-center items-center w-full sm:max-w-[50%] text-lg leading-7 align-center lg:py-12"> <div id="authenticate-customer-login" class="text-lg text-center space-y-5 mb-4 text-center leading-7"> <h1 class="mb-2">Masz ju偶 konto?</h1> <h4 class="text-center">Zaloguj si臋 na swoje O!Konto i z艂贸偶 zam贸wienie bez konieczno艣ci uzupe艂niania danych.</h4> </div><a href="https://literia-pl.translate.goog/customer/account/login/?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="inline-flex btn btn-secondary btn-size-lg w-full lg:w-auto lg:min-w-[320px]"> Zaloguj si臋 z O!Konto </a> </div> <div class="block-new-customer px-5 py-6 flex flex-col justify-center items-center w-full sm:max-w-[50%] text-lg leading-7 align-center lg:py-12 border-b md:border-b-0 md:border-r"> <div id="authenticate-new-customer" class="text-lg text-center space-y-5 mb-4 leading-7"> <h1 class="mb-2">Nie masz konta?</h1> <h4 class="text-center">Doko艅cz zakupy bez rejestracji lub za艂贸偶 O!Konto.</h4> </div><a href="https://literia-pl.translate.goog/customer/account/create/?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="inline-flex btn btn-secondary btn-size-lg w-full lg:w-auto lg:min-w-[320px]"> Za艂贸偶 O!Konto </a> </div> </div> <div class="flex flex-col py-6 bg-white overflow-y-auto pt-0 mx-5"> <p class="infobox infobox-horizontal"><img class="img-responsive max-w-[20px]" alt="logo-literia" src="https://literia.pl/static/version1729671568/frontend/NineBits/Literia/pl_PL/svg/help-circle.svg"> <span> O!Konto zapewnia dost臋p do wielu serwis贸w, us艂ug, ofert i promocji za pomoc膮 jednego loginu i has艂a, takich jak: Onet, Onet Poczta, Onet Premium, Fakt, Newsweek, Forbes i wiele wi臋cej! </span></p> <h3 class="mb-5">Dlaczego warto posiada膰 konto w sklepie?</h3> <div class="flex flex-col lg:flex-row lg:flex-wrap justify-start"><span class="flex items-center mb-3 lg:mb-5 space-x-3 lg:w-1/3"> <img class="img-responsive max-w-[32px]" alt="logo-literia" src="https://literia.pl/static/version1729671568/frontend/NineBits/Literia/pl_PL/svg/check-circle-bold.svg"> <span>Szybciej sk艂adaj zam贸wienia</span> </span> <span class="flex items-center mb-3 lg:mb-5 space-x-3 lg:w-1/3"> <img class="img-responsive max-w-[32px]" alt="logo-literia" src="https://literia.pl/static/version1729671568/frontend/NineBits/Literia/pl_PL/svg/check-circle-bold.svg"> <span>Zyskaj dost臋p do cyfrowej p贸艂ki</span> </span> <span class="flex items-center mb-3 lg:mb-5 space-x-3 lg:w-1/3"> <img class="img-responsive max-w-[32px]" alt="logo-literia" src="https://literia.pl/static/version1729671568/frontend/NineBits/Literia/pl_PL/svg/check-circle-bold.svg"> <span>Przegl膮daj histori臋 zam贸wie艅</span> </span> <span class="flex items-center mb-3 lg:mb-5 space-x-3 lg:w-1/3"> <img class="img-responsive max-w-[32px]" alt="logo-literia" src="https://literia.pl/static/version1729671568/frontend/NineBits/Literia/pl_PL/svg/check-circle-bold.svg"> <span>艢led藕 swoje zam贸wienia</span> </span> <span class="flex items-center mb-3 lg:mb-5 space-x-3 lg:w-1/3"> <img class="img-responsive max-w-[32px]" alt="logo-literia" src="https://literia.pl/static/version1729671568/frontend/NineBits/Literia/pl_PL/svg/check-circle-bold.svg"> <span>Ciesz si臋 specjalnymi ofertami</span> </span> </div> </div> </div> </div> </section> <div class="bottomBarContent flex lg:hidden justify-evenly fixed w-full h-[70px] bottom-0 z-[200] bg-white rounded-t-3xl shadow-[0px_0px_20px_#00000033]"><a class="flex flex-col items-center justify-center space-y-1 bottomBar" href="https://literia-pl.translate.goog/?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="md:h-6 md:w-6" role="img"> <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" /><polyline points="9 22 9 12 15 12 15 22" /> <title>home</title> </svg><span class="text-sm"> Start</span> </a> <div class="flex flex-col items-center justify-center" x-data="{ menuClick: false }"> <div @click="menuClick = ! menuClick" class="flex flex-col items-center justify-center space-y-1" :class="{ 'hidden' : !open }"> <div x-cloak x-data="initMenuMobile_6747e99c59b09()" class="z-20 navigation lg:hidden"> <div class="flex flex-col items-center justify-center space-y-1" :class="{ 'hidden' : !open }"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="md:h-6 md:w-6 mt-[5px] fill-literia-yellow" role="img"> <rect x="3" y="3" width="7" height="7" /><rect x="14" y="3" width="7" height="7" /><rect x="14" y="14" width="7" height="7" /><rect x="3" y="14" width="7" height="7" /> <title>grid</title> </svg><span class="text-sm hd"> Menu</span> </div> <div @load.window="setActiveMenu($root)" class="" :class="{'h-auto overflow-x-hidden fixed bottom-[70px] top-0 left-0 w-full bg-black/75' : open}" @toggle-mobile-menu.window="open = !open" @keydown.window.escape="open=false"> <div class="flex items-baseline justify-between menu-icon rounded-t-3xl bg-container-lighter" :class="{'mt-[58px]': open}"> <div class="flex justify-center w-full"><a class="flex items-center justify-center space-x-1" :class="{ 'flex-row text-center justify-center w-full': open, 'ml-auto flex-col justify-end cursor-pointer': !open,}"> <span class="font-bold pl-11 font-bold text-lg w-full" :class="{ 'hidden': !open }">Menu</span> <span class="cursor-pointer" @click="$dispatch('toggle-mobile-menu'), toggleBodyScroll()"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-1 rounded-full shrink-0 border-2 border-black m-5 mr-4 ml-auto" width="30" height="30" :class="{ 'hidden' : !open, 'block': open }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> <title>x</title> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="md:h-6 md:w-6 mt-[5px]" :class="{ 'hidden' : open, 'block': !open }" role="img"> <rect x="3" y="3" width="7" height="7" /><rect x="14" y="3" width="7" height="7" /><rect x="14" y="14" width="7" height="7" /><rect x="3" y="14" width="7" height="7" /> <title>grid</title> </svg></span> <span class="pt-1 text-sm mm" :class="{ 'hidden' : open }"> Menu</span> </a> </div> </div> <div class="hidden w-full bg-white h-auto min-h-[125vh] duration-150 ease-in-out transform border-t transition-display border-literia-light-yellow" :class="{ 'hidden' : !open }"> <nav> <div class="level-0 bg-white flex flex-col mx-6 [&:not(:last-child)]:border-b border-literia-light-yellow"><span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }"> <a class="flex items-center w-full mx-0 font-bold px-0 py-4 cursor-pointer bg-container-lighter level-0" href="https://literia-pl.translate.goog/prasa?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prasa"> Prasa </a> <a class="absolute right-0 flex w-12 h-12 mr-3 p-2 pr-0 cursor-pointer bg-container-lighter border-container" @click="mobilePanelActiveId = mobilePanelActiveId === 'category-node-4' ? 0 : 'category-node-4'"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-2" width="16" height="16" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> <title>chevron-right</title> </svg></a> </span> <div class="absolute min-h-[125vh] top-0 right-0 z-10 w-full transition-transform duration-200 ease-in-out transform bg-container-lighter mb-[-2px]" :class="{ 'translate-x-full h-full overflow-hidden' : mobilePanelActiveId !== 'category-node-4', 'translate-x-0' : mobilePanelActiveId === 'category-node-4',}"><span @click="mobilePanelActiveId = 0"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="absolute cursor-pointer p-1 top-[-50px] left-5 rounded-full shrink-0 border-2 border-black mr-auto" width="30" height="30" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7" /> <title>chevron-left</title> </svg></span> <a href="https://literia-pl.translate.goog/prasa?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prasa" class="flex items-center px-6 py-4 border-b-[20px] cursor-pointer bg-container-lighter border-literia-gray"> <span class="ml-0">Wszystkie <span class="lowercase">Prasa</span></span> </a><a class="flex items-center px-6 py-4 pb-0 font-bold"> <span class=""> Prasa </span> </a> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/prasa/miesiecznik-forbes?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes Polska" class="text-base font-semibold lg:ml-0"> Forbes Polska </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/miesiecznik-forbes/forbes-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes - prenumerata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Forbes - prenumerata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/miesiecznik-forbes/forbes-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes - wydania" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Forbes - wydania </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/prasa/forbes-women?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes Women" class="text-base font-semibold lg:ml-0"> Forbes Women </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/forbes-women/forbes-women-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes Women - prenumerata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Forbes Women - prenumerata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/forbes-women/forbes-women-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes Women - wydania" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Forbes Women - wydania </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/prasa/newsweek-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Polska" class="text-base font-semibold lg:ml-0"> Newsweek Polska </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-polska/tygodnik-newsweek-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tygodnik Newsweek - prenumerata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Tygodnik Newsweek - prenumerata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-polska/tygodnik-newsweek-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tygodnik Newsweek - wydania" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Tygodnik Newsweek - wydania </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/prasa/newsweek-psychologia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Psychologia" class="text-base font-semibold lg:ml-0"> Newsweek Psychologia </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-psychologia/newsweek-psychologia-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Psychologia - prenumerata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Newsweek Psychologia - prenumerata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-psychologia/newsweek-psychologia-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Psychologia - wydania" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Newsweek Psychologia - wydania </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/prasa/newsweek-extra?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Extra" class="text-base font-semibold lg:ml-0"> Newsweek Extra </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-extra/newsweek-extra-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Extra - prenumerata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Newsweek Extra - prenumerata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-extra/newsweek-extra-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Extra - wydania" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Newsweek Extra - wydania </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/prasa/newsweek-learning-english?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Learning English" class="text-base font-semibold lg:ml-0"> Newsweek Learning English </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-learning-english/nle-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="NLE - prenumerata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> NLE - prenumerata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-learning-english/nle-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="NLE - wydania" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> NLE - wydania </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/prasa/newsweek-historia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Historia" class="text-base font-semibold lg:ml-0"> Newsweek Historia </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-historia/newsweek-historia-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Historia - prenumerata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Newsweek Historia - prenumerata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-historia/newsweek-historia-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Historia - wydania" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Newsweek Historia - wydania </div></a> </template> </div><a href="https://literia-pl.translate.goog/prasa/newsweek-magazyn-kryminalny?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Magazyn Kryminalny" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Newsweek Magazyn Kryminalny </span> </a> <a href="https://literia-pl.translate.goog/prasa/newsweek-wydania-specjalne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Wydania Specjalne" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Newsweek Wydania Specjalne </span> </a> <a href="https://literia-pl.translate.goog/prasa/auto-swiat-classic?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Auto 艢wiat Classic" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Auto 艢wiat Classic </span> </a> <a href="https://literia-pl.translate.goog/prasa/auto-swiat-katalog?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Auto 艢wiat Katalog" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Auto 艢wiat Katalog </span> </a> <a href="https://literia-pl.translate.goog/prasa/komputer-swiat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Komputer 艢wiat </span> </a> <a href="https://literia-pl.translate.goog/prasa/komputer-swiat-twoj-niezbednik?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat Tw贸j Niezb臋dnik" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Komputer 艢wiat Tw贸j Niezb臋dnik </span> </a> <a href="https://literia-pl.translate.goog/prasa/zyj-lepiej-extra?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="呕yj Lepiej Extra" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> 呕yj Lepiej Extra </span> </a> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/prasa/przeglad-sportowy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przegl膮d Sportowy" class="text-base font-semibold lg:ml-0"> Przegl膮d Sportowy </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/przeglad-sportowy/skarb-kibica?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Skarb Kibica" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Skarb Kibica </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/przeglad-sportowy/wydania-specjalne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wydania specjalne" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Wydania specjalne </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/przeglad-sportowy/przeglad-sportowy-historia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przegl膮d Sportowy Historia" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Przegl膮d Sportowy Historia </div></a> </template> </div> </div> </div> <div class="level-0 bg-white flex flex-col mx-6 [&:not(:last-child)]:border-b border-literia-light-yellow"><span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }"> <a class="flex items-center w-full mx-0 font-bold px-0 py-4 cursor-pointer bg-container-lighter level-0" href="https://literia-pl.translate.goog/ksiazki/swieta?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Bo偶e Narodzenie"> Bo偶e Narodzenie </a> </span> </div> <div class="level-0 bg-white flex flex-col mx-6 [&:not(:last-child)]:border-b border-literia-light-yellow"><span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }"> <a class="flex items-center w-full mx-0 font-bold px-0 py-4 cursor-pointer bg-container-lighter level-0" href="https://literia-pl.translate.goog/kolekcje?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kolekcje"> Kolekcje </a> <a class="absolute right-0 flex w-12 h-12 mr-3 p-2 pr-0 cursor-pointer bg-container-lighter border-container" @click="mobilePanelActiveId = mobilePanelActiveId === 'category-node-5' ? 0 : 'category-node-5'"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-2" width="16" height="16" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> <title>chevron-right</title> </svg></a> </span> <div class="absolute min-h-[125vh] top-0 right-0 z-10 w-full transition-transform duration-200 ease-in-out transform bg-container-lighter mb-[-2px]" :class="{ 'translate-x-full h-full overflow-hidden' : mobilePanelActiveId !== 'category-node-5', 'translate-x-0' : mobilePanelActiveId === 'category-node-5',}"><span @click="mobilePanelActiveId = 0"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="absolute cursor-pointer p-1 top-[-50px] left-5 rounded-full shrink-0 border-2 border-black mr-auto" width="30" height="30" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7" /> <title>chevron-left</title> </svg></span> <a href="https://literia-pl.translate.goog/kolekcje?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kolekcje" class="flex items-center px-6 py-4 border-b-[20px] cursor-pointer bg-container-lighter border-literia-gray"> <span class="ml-0">Wszystkie <span class="lowercase">Kolekcje</span></span> </a><a class="flex items-center px-6 py-4 pb-0 font-bold"> <span class=""> Kolekcje </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/saga-o-ludziach-lodu?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Saga o Ludziach Lodu" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Saga o Ludziach Lodu </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/sladem-tajemnic-harlan-coben?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Harlan Coben. 艢ladem tajemnic " class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Harlan Coben. 艢ladem tajemnic </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/wielka-kolekcja-terry-pratchett?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wielka Kolekcja Terry Pratchett" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Wielka Kolekcja Terry Pratchett </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/nicholas-sparks-pisane-sercem?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Nicholas Sparks - Pisane sercem" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Nicholas Sparks - Pisane sercem </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/kolekcja-ksiazek-pauliny-swist?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kolekcja Ksi膮偶ek Pauliny 艢wist" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Kolekcja Ksi膮偶ek Pauliny 艢wist </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/zmyslowa-kolekcja?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zmys艂owa kolekcja" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Zmys艂owa kolekcja </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/saga-grzech-pierworodny?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Saga Grzech pierworodny" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Saga Grzech pierworodny </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/tytus-romek-i-a-tomek?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tytus, Romek i A'Tomek" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Tytus, Romek i A'Tomek </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/corka-morza?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="C贸rka morza" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> C贸rka morza </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/stephen-king?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Stephen King" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Stephen King </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/malowane-sny?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Malowane sny" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Malowane sny </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/czas-milczenia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Czas milczenia" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Czas milczenia </span> </a> <a href="https://literia-pl.translate.goog/kolekcje/tanya-valko?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tanya Valko" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Tanya Valko </span> </a> </div> </div> <div class="level-0 bg-white flex flex-col mx-6 [&:not(:last-child)]:border-b border-literia-light-yellow"><span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }"> <a class="flex items-center w-full mx-0 font-bold px-0 py-4 cursor-pointer bg-container-lighter level-0" href="https://literia-pl.translate.goog/ksiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki"> Ksi膮偶ki </a> <a class="absolute right-0 flex w-12 h-12 mr-3 p-2 pr-0 cursor-pointer bg-container-lighter border-container" @click="mobilePanelActiveId = mobilePanelActiveId === 'category-node-50' ? 0 : 'category-node-50'"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-2" width="16" height="16" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> <title>chevron-right</title> </svg></a> </span> <div class="absolute min-h-[125vh] top-0 right-0 z-10 w-full transition-transform duration-200 ease-in-out transform bg-container-lighter mb-[-2px]" :class="{ 'translate-x-full h-full overflow-hidden' : mobilePanelActiveId !== 'category-node-50', 'translate-x-0' : mobilePanelActiveId === 'category-node-50',}"><span @click="mobilePanelActiveId = 0"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="absolute cursor-pointer p-1 top-[-50px] left-5 rounded-full shrink-0 border-2 border-black mr-auto" width="30" height="30" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7" /> <title>chevron-left</title> </svg></span> <a href="https://literia-pl.translate.goog/ksiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki" class="flex items-center px-6 py-4 border-b-[20px] cursor-pointer bg-container-lighter border-literia-gray"> <span class="ml-0">Wszystkie <span class="lowercase">Ksi膮偶ki</span></span> </a><a class="flex items-center px-6 py-4 pb-0 font-bold"> <span class=""> Ksi膮偶ki </span> </a> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki dla dzieci" class="text-base font-semibold lg:ml-0"> Ksi膮偶ki dla dzieci </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/0-3-lata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="0-3 lata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> 0-3 lata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/4-8-lat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="4-8 lat" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> 4-8 lat </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/9-12-lat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="9-12 lat" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> 9-12 lat </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/gry-i-zabawy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Gry i zabawy" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Gry i zabawy </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/kolorowanki-i-naklejki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kolorowanki i naklejki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Kolorowanki i naklejki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/wierszyki-i-rymowanki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wierszyki i rymowanki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Wierszyki i rymowanki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/edukacja-dla-najmlodszych?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Edukacja dla najm艂odszych" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Edukacja dla najm艂odszych </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazeczki-dzwiekowe-i-sensoryczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶eczki d藕wi臋kowe i sensoryczne" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶eczki d藕wi臋kowe i sensoryczne </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/bajki-basnie-legendy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Bajki, ba艣nie, legendy" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Bajki, ba艣nie, legendy </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/bajki-dla-niemowlat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Bajki dla niemowl膮t" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Bajki dla niemowl膮t </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/aktywizujace-i-interaktywne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Aktywizuj膮ce i interaktywne" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Aktywizuj膮ce i interaktywne </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/poznawanie-swiata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poznawanie 艣wiata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Poznawanie 艣wiata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/zabawki-maskotki-figurki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zabawki, maskotki, figurki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Zabawki, maskotki, figurki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-kosmosie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o kosmosie" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki o kosmosie </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-detektywistyczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki detektywistyczne" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki detektywistyczne </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-przygodowe?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki przygodowe" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki przygodowe </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-po-angielsku?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki po angielsku" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki po angielsku </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-kucharskie-dla-dzieci?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki kucharskie dla dzieci" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki kucharskie dla dzieci </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-emocjach?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o emocjach" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki o emocjach </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-popularnonaukowe?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki popularnonaukowe" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki popularnonaukowe </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-przyrodzie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o przyrodzie" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki o przyrodzie </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-zwierzetach?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o zwierz臋tach" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki o zwierz臋tach </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-dinozaurach?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o dinozaurach" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki o dinozaurach </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/kryminal-sensacja-thriller?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Krymina艂, sensacja, thriller" class="text-base font-semibold lg:ml-0"> Krymina艂, sensacja, thriller </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kryminal-sensacja-thriller/thriller?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Thriller" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Thriller </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kryminal-sensacja-thriller/sensacja?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Sensacja" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Sensacja </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kryminal-sensacja-thriller/kryminal?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Krymina艂" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Krymina艂 </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/poradniki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki" class="text-base font-semibold lg:ml-0"> Poradniki </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-o-rozwoju-osobistym?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki o rozwoju osobistym" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Poradniki o rozwoju osobistym </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/zdrowie-moda-i-uroda?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zdrowie, moda i uroda" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Zdrowie, moda i uroda </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-kulinarne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki kulinarne" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Poradniki kulinarne </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/dziecko-rodzina-zwiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Dziecko, rodzina, zwi膮zki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Dziecko, rodzina, zwi膮zki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-dla-domu-i-ogrodu?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki dla domu i ogrodu" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Poradniki dla domu i ogrodu </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/ksiazki-hobbystyczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki hobbystyczne" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki hobbystyczne </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-psychologiczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki psychologiczne" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Poradniki psychologiczne </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-motoryzacyjne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki motoryzacyjne" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Poradniki motoryzacyjne </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-sportowe?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki sportowe" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Poradniki sportowe </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-o-zwierzetach?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki o zwierz臋tach" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Poradniki o zwierz臋tach </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/komputery-i-informatyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputery i informatyka" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Komputery i informatyka </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/literatura-obyczajowa?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literatura obyczajowa" class="text-base font-semibold lg:ml-0"> Literatura obyczajowa </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-obyczajowa/erotyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Erotyka" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Erotyka </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-obyczajowa/romans?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Romans" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Romans </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-obyczajowa/ksiazki-obyczajowe?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki obyczajowe" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki obyczajowe </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literatura pi臋kna polska" class="text-base font-semibold lg:ml-0"> Literatura pi臋kna polska </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/proza-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Proza polska" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Proza polska </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/opowiadania-polskie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Opowiadania polskie" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Opowiadania polskie </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/eseje-polskie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Eseje polskie" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Eseje polskie </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/powiesc-historyczna-i-biograficzna-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Powie艣膰 historyczna i biograficzna polska" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Powie艣膰 historyczna i biograficzna polska </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/klasyka-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Klasyka polska" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Klasyka polska </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literatura pi臋kna obca" class="text-base font-semibold lg:ml-0"> Literatura pi臋kna obca </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/proza-obca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Proza obca" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Proza obca </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/opowiadania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Opowiadania" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Opowiadania </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/eseje-obce?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Eseje obce" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Eseje obce </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/powiesc-historyczna-i-biograficzna-obca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Powie艣膰 historyczna i biograficzna obca" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Powie艣膰 historyczna i biograficzna obca </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/klasyka-obca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Klasyka obca" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Klasyka obca </div></a> </template> </div><a href="https://literia-pl.translate.goog/ksiazki/religie-i-wyznania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Religie i wyznania" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Religie i wyznania </span> </a> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/literatura-faktu-i-reportaze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literatura faktu i reporta偶e" class="text-base font-semibold lg:ml-0"> Literatura faktu i reporta偶e </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-faktu-i-reportaze/wywiady?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wywiady" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Wywiady </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-faktu-i-reportaze/felietony-i-reportaze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Felietony i reporta偶e" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Felietony i reporta偶e </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/literatura-faktu-i-reportaze/publicystyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Publicystyka" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Publicystyka </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kultura i sztuka" class="text-base font-semibold lg:ml-0"> Kultura i sztuka </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka/architektura?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Architektura" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Architektura </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka/rzezba-malarstwo-fotografia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Rze藕ba, malarstwo, fotografia" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Rze藕ba, malarstwo, fotografia </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka/film-i-teatr?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Film i teatr" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Film i teatr </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka/muzyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Muzyka" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Muzyka </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/fantastyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fantastyka" class="text-base font-semibold lg:ml-0"> Fantastyka </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/fantastyka/wiedzmin?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wied藕min" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Wied藕min </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/fantastyka/horrory?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Horrory" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Horrory </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/fantastyka/fantasy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fantasy" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fantasy </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/fantastyka/science-fiction?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Science-fiction" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Science-fiction </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/biografie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie" class="text-base font-semibold lg:ml-0"> Biografie </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-i-autobiografie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie i autobiografie" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Biografie i autobiografie </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-znanych-osob?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie znanych os贸b" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Biografie znanych os贸b </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/postacie-historyczne-politycy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Postacie historyczne, politycy" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Postacie historyczne, politycy </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-aktorow-i-rezyserow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie aktor贸w i re偶yser贸w" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Biografie aktor贸w i re偶yser贸w </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-literatow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie literat贸w" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Biografie literat贸w </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/listy-i-wspomnienia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Listy i wspomnienia" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Listy i wspomnienia </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-naukowcow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie naukowc贸w" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Biografie naukowc贸w </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-sportowcow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie sportowc贸w" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Biografie sportowc贸w </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-muzykow-i-zespolow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie muzyk贸w i zespo艂贸w" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Biografie muzyk贸w i zespo艂贸w </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/pamietniki-i-dzienniki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Pami臋tniki i dzienniki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Pami臋tniki i dzienniki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/biografie/wywiady-biografie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wywiady, biografie" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Wywiady, biografie </div></a> </template> </div><a href="https://literia-pl.translate.goog/ksiazki/nauka-i-wiedza?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Nauka i wiedza" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Nauka i wiedza </span> </a> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-historyczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki historyczne" class="text-base font-semibold lg:ml-0"> Ksi膮偶ki historyczne </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-historyczne/historia-swiata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Historia 艣wiata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Historia 艣wiata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-historyczne/ii-wojna-swiatowa?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="II wojna 艣wiatowa" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> II wojna 艣wiatowa </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/albumy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy" class="text-base font-semibold lg:ml-0"> Albumy </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/albumy/albumy-o-architekturze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy o architekturze" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Albumy o architekturze </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/albumy/albumy-o-sztuce?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy o sztuce" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Albumy o sztuce </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/albumy/albumy-przyrodnicze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy przyrodnicze" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Albumy przyrodnicze </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/albumy/albumy-krajoznawcze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy krajoznawcze" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Albumy krajoznawcze </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/albumy/motoryzacja?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Motoryzacja" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Motoryzacja </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/podroze-i-turystyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Podr贸偶e i turystyka" class="text-base font-semibold lg:ml-0"> Podr贸偶e i turystyka </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/podroze-i-turystyka/mapy-i-atlasy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Mapy i atlasy" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Mapy i atlasy </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/komiksy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komiksy" class="text-base font-semibold lg:ml-0"> Komiksy </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/komiksy/tytus-romek-i-a-tomek?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tytus, Romek i A'Tomek" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Tytus, Romek i A'Tomek </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/psychologia-i-rozwoj-osobisty?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Psychologia i rozw贸j osobisty" class="text-base font-semibold lg:ml-0"> Psychologia i rozw贸j osobisty </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/psychologia-i-rozwoj-osobisty/dziecko-rodzina-zwiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Dziecko, rodzina, zwi膮zki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Dziecko, rodzina, zwi膮zki </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kulinaria i diety" class="text-base font-semibold lg:ml-0"> Kulinaria i diety </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/ciasta-desery-wypieki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ciasta, desery, wypieki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ciasta, desery, wypieki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/diety-zdrowe-zywienie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Diety, zdrowe 偶ywienie" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Diety, zdrowe 偶ywienie </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/kuchnie-swiata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kuchnie 艣wiata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Kuchnie 艣wiata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/kuchnia-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kuchnia polska" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Kuchnia polska </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/napoje?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Napoje" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Napoje </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/ksiazki/sport-i-wypoczynek?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Sport i wypoczynek" class="text-base font-semibold lg:ml-0"> Sport i wypoczynek </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/sport-i-wypoczynek/ludzie-sportu?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ludzie sportu" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ludzie sportu </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/ksiazki/sport-i-wypoczynek/pilka-nozna?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Pi艂ka no偶na" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Pi艂ka no偶na </div></a> </template> </div><a href="https://literia-pl.translate.goog/ksiazki/przewodniki-turystyczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przewodniki turystyczne" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Przewodniki turystyczne </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ekonomia-i-biznes?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ekonomia i biznes" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Ekonomia i biznes </span> </a> </div> </div> <div class="level-0 bg-white flex flex-col mx-6 [&:not(:last-child)]:border-b border-literia-light-yellow"><span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }"> <a class="flex items-center w-full mx-0 font-bold px-0 py-4 cursor-pointer bg-container-lighter level-0" href="https://literia-pl.translate.goog/subskrypcje?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Subskrypcje"> Subskrypcje </a> </span> </div> <div class="level-0 bg-white flex flex-col mx-6 [&:not(:last-child)]:border-b border-literia-light-yellow"><span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }"> <a class="flex items-center w-full mx-0 font-bold px-0 py-4 cursor-pointer bg-container-lighter level-0" href="https://literia-pl.translate.goog/literia-poleca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literia poleca"> Literia poleca </a> <a class="absolute right-0 flex w-12 h-12 mr-3 p-2 pr-0 cursor-pointer bg-container-lighter border-container" @click="mobilePanelActiveId = mobilePanelActiveId === 'category-node-483' ? 0 : 'category-node-483'"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-2" width="16" height="16" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> <title>chevron-right</title> </svg></a> </span> <div class="absolute min-h-[125vh] top-0 right-0 z-10 w-full transition-transform duration-200 ease-in-out transform bg-container-lighter mb-[-2px]" :class="{ 'translate-x-full h-full overflow-hidden' : mobilePanelActiveId !== 'category-node-483', 'translate-x-0' : mobilePanelActiveId === 'category-node-483',}"><span @click="mobilePanelActiveId = 0"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="absolute cursor-pointer p-1 top-[-50px] left-5 rounded-full shrink-0 border-2 border-black mr-auto" width="30" height="30" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7" /> <title>chevron-left</title> </svg></span> <a href="https://literia-pl.translate.goog/literia-poleca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literia poleca" class="flex items-center px-6 py-4 border-b-[20px] cursor-pointer bg-container-lighter border-literia-gray"> <span class="ml-0">Wszystkie <span class="lowercase">Literia poleca</span></span> </a><a class="flex items-center px-6 py-4 pb-0 font-bold"> <span class=""> Literia poleca </span> </a> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat" class="text-base font-semibold lg:ml-0"> Komputer 艢wiat </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat/biblioteczka-komputer-swiata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biblioteczka Komputer 艢wiata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Biblioteczka Komputer 艢wiata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat/komputer-swiat-twoj-niezbednik?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat Tw贸j Niezb臋dnik" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Komputer 艢wiat Tw贸j Niezb臋dnik </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat/miesiecznik-komputer-swiat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Miesi臋cznik Komputer 艢wiat" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Miesi臋cznik Komputer 艢wiat </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat/komputer-swiat-wydania-specjalne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat wydania specjalne" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Komputer 艢wiat wydania specjalne </div></a> </template> </div><a href="https://literia-pl.translate.goog/literia-poleca/forbes-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes prenumerata" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Forbes prenumerata </span> </a> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biblioteka Faktu" class="text-base font-semibold lg:ml-0"> Biblioteka Faktu </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/zwierzakowe-kolorowanki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zwierzakowe kolorowanki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Zwierzakowe kolorowanki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/naklejki-iskierki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Naklejki iskierki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Naklejki iskierki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-kolorowanki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt kolorowanki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt kolorowanki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-dla-dzieci?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt dla dzieci" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt dla dzieci </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-encyklopedia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt encyklopedia" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt encyklopedia </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-bajki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt bajki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt bajki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-dla-malucha?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt dla malucha" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt dla malucha </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-edukacja?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt edukacja" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt edukacja </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-dla-dziewczynek?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt dla dziewczynek" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt dla dziewczynek </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-dzieciom?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt dzieciom" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt dzieciom </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-naklejki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt naklejki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt naklejki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-bestseller?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt Bestseller" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Fakt Bestseller </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-newsweeka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biblioteka Newsweeka" class="text-base font-semibold lg:ml-0"> Biblioteka Newsweeka </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-newsweeka/newsweek-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek prenumerata" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Newsweek prenumerata </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-newsweeka/newsweek-bestseller?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Historia Bestseller" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Newsweek Historia Bestseller </div></a> </template> </div> <div x-cloak x-data="{ openM: false}" class="block mx-6 py-4 px-0 border-b bg-container-lighter border-literia-light-yellow relative last:border-none"> <div class="flex items-center justify-between cursor-pointer"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biblioteka Przegl膮du Sportowego" class="text-base font-semibold lg:ml-0"> Biblioteka Przegl膮du Sportowego </a> <span class="py-1 px-1 rounded lg:hidden" @click="openM = !openM"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': openM }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/skarb-kibica?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Skarb Kibica" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Skarb Kibica </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/przeglad-sportowy-historia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przegl膮d Sportowy Historia" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Przegl膮d Sportowy Historia </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/wydania-specjalne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wydania specjalne " class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Wydania specjalne </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/ksiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Ksi膮偶ki </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/gadzety-kolekcjonerskie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Gad偶ety kolekcjonerskie" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Gad偶ety kolekcjonerskie </div></a> </template> <template x-if="openM"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/plakaty?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Plakaty" class="flex items-center py-4 pr-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow last:border-none last:pb-0"> <div class="w-full"> Plakaty </div></a> </template> </div><a href="https://literia-pl.translate.goog/literia-poleca/pakiety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Pakiety ksi膮偶ek" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Pakiety ksi膮偶ek </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/butelka-noizz?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Butelka Noizz" class="flex items-center mx-6 py-4 px-0 border-b cursor-pointer bg-container-lighter border-literia-light-yellow relative last:border-none"> <span class="text-base font-semibold lg:ml-0"> Butelka Noizz </span> </a> </div> </div> <div class="level-0 bg-white flex flex-col mx-6 [&:not(:last-child)]:border-b border-literia-light-yellow"><span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }"> <a class="flex items-center w-full mx-0 font-bold px-0 py-4 cursor-pointer bg-container-lighter level-0" href="https://literia-pl.translate.goog/bestsellery?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Bestsellery"> Bestsellery </a> </span> </div> <div class="level-0 bg-white flex flex-col mx-6 [&:not(:last-child)]:border-b border-literia-light-yellow"><span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }"> <a class="flex items-center w-full mx-0 font-bold px-0 py-4 cursor-pointer bg-container-lighter level-0" href="https://literia-pl.translate.goog/zapowiedzi?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zapowiedzi"> Zapowiedzi </a> </span> </div> <div class="level-0 bg-white flex flex-col mx-6 [&:not(:last-child)]:border-b border-literia-light-yellow"><span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }"> <a class="flex items-center w-full mx-0 font-bold px-0 py-4 cursor-pointer bg-container-lighter level-0" href="https://literia-pl.translate.goog/prenumeraty?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumeraty"> Prenumeraty </a> </span> </div> <style>.cmsb33-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem } .cmsb33-mt-\[-1px\] { margin-top: -1px } .cmsb33-block { display: block } .cmsb33-flex { display: flex } .cmsb33-\!hidden { display: none !important } .cmsb33-hidden { display: none } .cmsb33-w-full { width: 100% } .cmsb33-transform { transform: var(--tw-transform) } .cmsb33-cursor-pointer { cursor: pointer } .cmsb33-flex-col { flex-direction: column } .cmsb33-items-center { align-items: center } .cmsb33-gap-1 { gap: 0.25rem } .cmsb33-border-t-\[20px\] { border-top-width: 20px } .cmsb33-border-b { border-bottom-width: 1px } .cmsb33-bg-white { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) } .cmsb33-px-0 { padding-left: 0px; padding-right: 0px } .cmsb33-py-4 { padding-top: 1rem; padding-bottom: 1rem } .cmsb33-font-bold { font-weight: 700 } .cmsb33-transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms } .cmsb33-duration-150 { transition-duration: 150ms } .cmsb33-ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) }</style> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> <div class="cmsb33-bg-white cmsb33-flex cmsb33-flex-col cmsb33-border-t-[20px] border-literia-gray cmsb33-mt-[-1px]" :class="{'cmsb33-!hidden': mobilePanelActiveId}"><span class="cmsb33-flex cmsb33-items-center cmsb33-transition-transform cmsb33-duration-150 cmsb33-ease-in-out cmsb33-transform"> <a x-cloak x-data="{hoverTag:false}" x-on:mouseleave="hoverTag = false" x-on:mouseenter="hoverTag = true" class="cmsb33-flex cmsb33-gap-1 cmsb33-items-center cmsb33-w-full cmsb33-mx-6 cmsb33-font-bold cmsb33-px-0 cmsb33-py-4 cmsb33-border-b cmsb33-cursor-pointer bg-container-lighter border-literia-light-yellow" href="https://literia-pl.translate.goog/okazje?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> <span :class="hoverTag ? 'hidden' : 'block'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-tag" role="img"> <path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z" /><line x1="7" y1="7" x2="7.01" y2="7" /> <title>feather/tag</title> </svg></span> <span :class="hoverTag ? 'block' : 'hidden'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="#FFD500" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-tag" role="img"> <path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z" /><line x1="7" y1="7" x2="7.01" y2="7" /> <title>tag-yellow</title> </svg></span> <span>OKAZJE</span> </a> </span> </div> <div class="cmsb33-bg-white cmsb33-flex cmsb33-flex-col" :class="{'cmsb33-!hidden': mobilePanelActiveId}"><span class="cmsb33-flex cmsb33-items-center cmsb33-transition-transform cmsb33-duration-150 cmsb33-ease-in-out cmsb33-transform"> <a class="cmsb33-flex cmsb33-items-center cmsb33-w-full cmsb33-mx-6 cmsb33-font-bold cmsb33-px-0 cmsb33-py-4 cmsb33-border-b cmsb33-cursor-pointer bg-container-lighter border-literia-light-yellow" href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/kolorowanki-i-naklejki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">POLECAMY </a> </span> </div> <div class="cmsb33-bg-white cmsb33-flex cmsb33-flex-col" :class="{'cmsb33-!hidden': mobilePanelActiveId}"><span class="cmsb33-flex cmsb33-items-center cmsb33-transition-transform cmsb33-duration-150 cmsb33-ease-in-out cmsb33-transform"> <a class="cmsb33-flex cmsb33-items-center cmsb33-w-full cmsb33-mx-6 cmsb33-font-bold cmsb33-px-0 cmsb33-py-4 cmsb33-border-b cmsb33-cursor-pointer bg-container-lighter border-literia-light-yellow" href="https://literia-pl.translate.goog/bestsellery?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">BESTSELLERY </a> </span> </div> <div class="cmsb33-bg-white cmsb33-flex cmsb33-flex-col" :class="{'cmsb33-!hidden': mobilePanelActiveId}"><span class="cmsb33-flex cmsb33-items-center cmsb33-transition-transform cmsb33-duration-150 cmsb33-ease-in-out cmsb33-transform"> <a class="cmsb33-flex cmsb33-items-center cmsb33-w-full cmsb33-mx-6 cmsb33-font-bold cmsb33-px-0 cmsb33-py-4 cmsb33-cursor-pointer bg-container-lighter" href="https://literia-pl.translate.goog/czeste-pytania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">POMOC I KONTAKT </a> </span> </div> </div> </nav> </div> </div> </div> <script> 'use strict'; var initMenuMobile_6747e99c59b09 = () => { return { mobilePanelActiveId: null, open: false, setActiveMenu(menuNode) { Array.from(menuNode.querySelectorAll('a')).filter(link => { return link.href === window.location.href.split('?')[0]; }).map(item => { item.classList.add('underline'); item.closest('div.level-0') && item.closest('div.level-0').querySelector('a.level-0').classList.add('underline'); }); } } } </script> <div x-cloak x-data="{opened: false, open:(isHomepage && scrolAtTop) || false}"> <div x-cloak x-data="initMenuDesktop_6747e99c82479()" class="z-30 order-2 sm:order-1 lg:order-2 navigation hidden lg:flex absolute" :class="{ '2xl:w-[320px] xl:w-[280px] lg:w-[250px]': (!scrolAtTop && open) || scrolAtTop, 'top-2' : !scrolAtTop}" @scroll.window="isHomepage && (open = (isHomepage && scrolAtTop) || (opened == true) || false)"> <div @mouseover.away="opened = false; open = (isHomepage && scrolAtTop) || false, hoverPanelActiveId = 0; setOverlay(false);" class="relative w-full"> <div class="flex z-30 relative items-baseline justify-between menu-icon rounded-full w-full" :class="{'bg-literia-yellow-light' : opened, 'bg-literia-yellow' : !opened}"> <div class="flex w-full"><a @mouseover="open = true; opened = true; setOverlay();" class="flex items-center w-full px-[15px]"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="p-3" width="48" height="48" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16" /> <title>menu</title> </svg><span class="font-bold" :class="{ 'hidden': !scrolAtTop && !open }"> KATEGORIE</span> </a> </div> </div> <nav x-show="open" class="mt-[-24px] pt-5 bg-container-lighter w-full rounded-b-3xl border-r-2 border-l-2 border-b-2 border-literia-light-yellow z-20 divide-y divide-literia-warmgray w-full overflow-x-auto " :class="{'max-h-[481px]': scrolAtTop}"> <div class="level-0 mx-6 text-black first:mt-5 has-children" @mouseenter="opened = true;hoverPanelActiveId = 'category-node-4'; setOverlay();"><span class="flex items-center block text-md"> <a class="menuText w-full text-base font-bold hover:text-black level-0 p-3 px-0 relative" :class="{'text-black' : hoverPanelActiveId === 'category-node-4'}" href="https://literia-pl.translate.goog/prasa?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prasa"> Prasa <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 absolute right-0 top-[50%] -translate-y-1/2" width="16" height="16" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> <title>chevron-right</title> </svg></a> </span> <div class="absolute z-[-10] ml-[-20px] hidden overflow-x-auto overflow-y-hidden px-6 pl-10 left-full right-unset bottom-0 top-unset h-[calc(100%-65px)] w-auto shadow-lg bg-container-lighter 2xl:w-[1188px] xl:w-[972px] lg:w-[746px] w-[528px] rounded-br-3xl border-t-0 border-literia-light-yellow" :class="{ 'hidden' : hoverPanelActiveId !== 'category-node-4', 'block' : hoverPanelActiveId === 'category-node-4 || open == true', 'h-[calc(100%-69px)]' : !scrolAtTop }"> <div class="flex flex-col flex-wrap py-4 overflow-y-hidden h-full w-auto"> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/miesiecznik-forbes?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes Polska" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Forbes Polska </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/prasa/miesiecznik-forbes/forbes-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes - prenumerata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Forbes - prenumerata </span> </a> <a href="https://literia-pl.translate.goog/prasa/miesiecznik-forbes/forbes-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes - wydania" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Forbes - wydania </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/forbes-women?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes Women" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Forbes Women </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/prasa/forbes-women/forbes-women-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes Women - prenumerata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Forbes Women - prenumerata </span> </a> <a href="https://literia-pl.translate.goog/prasa/forbes-women/forbes-women-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes Women - wydania" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Forbes Women - wydania </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/newsweek-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Polska" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Newsweek Polska </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/prasa/newsweek-polska/tygodnik-newsweek-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tygodnik Newsweek - prenumerata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Tygodnik Newsweek - prenumerata </span> </a> <a href="https://literia-pl.translate.goog/prasa/newsweek-polska/tygodnik-newsweek-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tygodnik Newsweek - wydania" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Tygodnik Newsweek - wydania </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/newsweek-psychologia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Psychologia" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Newsweek Psychologia </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/prasa/newsweek-psychologia/newsweek-psychologia-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Psychologia - prenumerata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Newsweek Psychologia - prenumerata </span> </a> <a href="https://literia-pl.translate.goog/prasa/newsweek-psychologia/newsweek-psychologia-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Psychologia - wydania" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Newsweek Psychologia - wydania </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/newsweek-extra?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Extra" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Newsweek Extra </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/prasa/newsweek-extra/newsweek-extra-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Extra - prenumerata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Newsweek Extra - prenumerata </span> </a> <a href="https://literia-pl.translate.goog/prasa/newsweek-extra/newsweek-extra-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Extra - wydania" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Newsweek Extra - wydania </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/newsweek-learning-english?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Learning English" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Newsweek Learning English </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/prasa/newsweek-learning-english/nle-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="NLE - prenumerata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> NLE - prenumerata </span> </a> <a href="https://literia-pl.translate.goog/prasa/newsweek-learning-english/nle-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="NLE - wydania" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> NLE - wydania </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/newsweek-historia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Historia" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Newsweek Historia </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/prasa/newsweek-historia/newsweek-historia-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Historia - prenumerata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Newsweek Historia - prenumerata </span> </a> <a href="https://literia-pl.translate.goog/prasa/newsweek-historia/newsweek-historia-wydania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Historia - wydania" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Newsweek Historia - wydania </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/newsweek-magazyn-kryminalny?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Magazyn Kryminalny" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Newsweek Magazyn Kryminalny </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/newsweek-wydania-specjalne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Wydania Specjalne" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Newsweek Wydania Specjalne </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/auto-swiat-classic?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Auto 艢wiat Classic" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Auto 艢wiat Classic </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/auto-swiat-katalog?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Auto 艢wiat Katalog" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Auto 艢wiat Katalog </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/komputer-swiat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Komputer 艢wiat </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/komputer-swiat-twoj-niezbednik?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat Tw贸j Niezb臋dnik" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Komputer 艢wiat Tw贸j Niezb臋dnik </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/zyj-lepiej-extra?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="呕yj Lepiej Extra" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> 呕yj Lepiej Extra </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/przeglad-sportowy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przegl膮d Sportowy" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Przegl膮d Sportowy </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/prasa/przeglad-sportowy/skarb-kibica?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Skarb Kibica" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Skarb Kibica </span> </a> <a href="https://literia-pl.translate.goog/prasa/przeglad-sportowy/wydania-specjalne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wydania specjalne" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Wydania specjalne </span> </a> <a href="https://literia-pl.translate.goog/prasa/przeglad-sportowy/przeglad-sportowy-historia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przegl膮d Sportowy Historia" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Przegl膮d Sportowy Historia </span> </a> </div> </div> <div class="relative top-0 right-0 mr-0 ml-auto my-auto min-w-[314px] h-full" :class="{'scrolTop' : scrolAtTop, 'scrolDown' : !scrolAtTop}"> <style>#html-body [data-pb-style=CLM97VA],#html-body [data-pb-style=J1HVF2F]{background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=CLM97VA]{justify-content:center;display:flex;flex-direction:column;text-align:center;width:100%;align-self:stretch}#html-body [data-pb-style=J1HVF2F]{border-radius:30px}#html-body [data-pb-style=PXUUORA]{border-radius:30px;min-height:405px;background-color:transparent}</style> <div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main"> <div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="CLM97VA"> <div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main"> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/soll?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" target="" data-link-type="default" title="" data-element="link"> <div class="pagebuilder-banner-wrapper background-image-6747e99c845e3" data-background-images="{\"desktop_image\":\"https://literia.pl/media/wysiwyg/07_SOLL.jpg\",\"mobile_image\":\"https://literia.pl/media/wysiwyg/07_SOLL_1.jpg\"}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="J1HVF2F"> <div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="PXUUORA"> <div class="pagebuilder-poster-content"> <div data-element="content"></div> </div> </div> </div><style type="text/css">.background-image-6747e99c845e3 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-6747e99c845e3 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-6747e99c845e3 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}</style></a> </div> </div> </div> </div> </div> </div> </div> <div class="level-0 mx-6 text-black first:mt-5 " @mouseenter="opened = true;hoverPanelActiveId = 'category-node-883'; setOverlay();"><span class="flex items-center block text-md"> <a class="menuText w-full text-base font-bold hover:text-black level-0 p-3 px-0 relative" :class="{'text-black' : hoverPanelActiveId === 'category-node-883'}" href="https://literia-pl.translate.goog/ksiazki/swieta?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Bo偶e Narodzenie"> Bo偶e Narodzenie </a> </span> </div> <div class="level-0 mx-6 text-black first:mt-5 has-children" @mouseenter="opened = true;hoverPanelActiveId = 'category-node-5'; setOverlay();"><span class="flex items-center block text-md"> <a class="menuText w-full text-base font-bold hover:text-black level-0 p-3 px-0 relative" :class="{'text-black' : hoverPanelActiveId === 'category-node-5'}" href="https://literia-pl.translate.goog/kolekcje?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kolekcje"> Kolekcje <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 absolute right-0 top-[50%] -translate-y-1/2" width="16" height="16" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> <title>chevron-right</title> </svg></a> </span> <div class="absolute z-[-10] ml-[-20px] hidden overflow-x-auto overflow-y-hidden px-6 pl-10 left-full right-unset bottom-0 top-unset h-[calc(100%-65px)] w-auto shadow-lg bg-container-lighter 2xl:w-[1188px] xl:w-[972px] lg:w-[746px] w-[528px] rounded-br-3xl border-t-0 border-literia-light-yellow" :class="{ 'hidden' : hoverPanelActiveId !== 'category-node-5', 'block' : hoverPanelActiveId === 'category-node-5 || open == true', 'h-[calc(100%-69px)]' : !scrolAtTop }"> <div class="flex flex-col flex-wrap py-4 overflow-y-hidden h-full w-auto"> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/saga-o-ludziach-lodu?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Saga o Ludziach Lodu" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Saga o Ludziach Lodu </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/sladem-tajemnic-harlan-coben?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Harlan Coben. 艢ladem tajemnic " class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Harlan Coben. 艢ladem tajemnic </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/wielka-kolekcja-terry-pratchett?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wielka Kolekcja Terry Pratchett" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Wielka Kolekcja Terry Pratchett </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/nicholas-sparks-pisane-sercem?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Nicholas Sparks - Pisane sercem" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Nicholas Sparks - Pisane sercem </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/kolekcja-ksiazek-pauliny-swist?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kolekcja Ksi膮偶ek Pauliny 艢wist" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Kolekcja Ksi膮偶ek Pauliny 艢wist </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/zmyslowa-kolekcja?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zmys艂owa kolekcja" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Zmys艂owa kolekcja </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/saga-grzech-pierworodny?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Saga Grzech pierworodny" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Saga Grzech pierworodny </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/tytus-romek-i-a-tomek?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tytus, Romek i A'Tomek" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Tytus, Romek i A'Tomek </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/corka-morza?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="C贸rka morza" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> C贸rka morza </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/stephen-king?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Stephen King" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Stephen King </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/malowane-sny?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Malowane sny" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Malowane sny </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/czas-milczenia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Czas milczenia" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Czas milczenia </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/tanya-valko?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tanya Valko" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Tanya Valko </span> </a> </div> <div class="relative top-0 right-0 mr-0 ml-auto my-auto min-w-[314px] h-full" :class="{'scrolTop' : scrolAtTop, 'scrolDown' : !scrolAtTop}"> <style>#html-body [data-pb-style=CLM97VA],#html-body [data-pb-style=J1HVF2F]{background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=CLM97VA]{justify-content:center;display:flex;flex-direction:column;text-align:center;width:100%;align-self:stretch}#html-body [data-pb-style=J1HVF2F]{border-radius:30px}#html-body [data-pb-style=PXUUORA]{border-radius:30px;min-height:405px;background-color:transparent}</style> <div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main"> <div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="CLM97VA"> <div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main"> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/soll?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" target="" data-link-type="default" title="" data-element="link"> <div class="pagebuilder-banner-wrapper background-image-6747e99c8a31e" data-background-images="{\"desktop_image\":\"https://literia.pl/media/wysiwyg/07_SOLL.jpg\",\"mobile_image\":\"https://literia.pl/media/wysiwyg/07_SOLL_1.jpg\"}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="J1HVF2F"> <div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="PXUUORA"> <div class="pagebuilder-poster-content"> <div data-element="content"></div> </div> </div> </div><style type="text/css">.background-image-6747e99c8a31e {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-6747e99c8a31e {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-6747e99c8a31e {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}</style></a> </div> </div> </div> </div> </div> </div> </div> <div class="level-0 mx-6 text-black first:mt-5 has-children" @mouseenter="opened = true;hoverPanelActiveId = 'category-node-50'; setOverlay();"><span class="flex items-center block text-md"> <a class="menuText w-full text-base font-bold hover:text-black level-0 p-3 px-0 relative" :class="{'text-black' : hoverPanelActiveId === 'category-node-50'}" href="https://literia-pl.translate.goog/ksiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki"> Ksi膮偶ki <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 absolute right-0 top-[50%] -translate-y-1/2" width="16" height="16" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> <title>chevron-right</title> </svg></a> </span> <div class="absolute z-[-10] ml-[-20px] hidden overflow-x-auto overflow-y-hidden px-6 pl-10 left-full right-unset bottom-0 top-unset h-[calc(100%-65px)] w-auto shadow-lg bg-container-lighter 2xl:w-[1188px] xl:w-[972px] lg:w-[746px] w-[528px] rounded-br-3xl border-t-0 border-literia-light-yellow" :class="{ 'hidden' : hoverPanelActiveId !== 'category-node-50', 'block' : hoverPanelActiveId === 'category-node-50 || open == true', 'h-[calc(100%-69px)]' : !scrolAtTop }"> <div class="flex flex-col flex-wrap py-4 overflow-y-hidden h-full w-auto"> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki dla dzieci" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Ksi膮偶ki dla dzieci </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/0-3-lata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="0-3 lata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> 0-3 lata </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/4-8-lat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="4-8 lat" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> 4-8 lat </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/9-12-lat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="9-12 lat" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> 9-12 lat </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/gry-i-zabawy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Gry i zabawy" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Gry i zabawy </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/kolorowanki-i-naklejki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kolorowanki i naklejki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Kolorowanki i naklejki </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/wierszyki-i-rymowanki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wierszyki i rymowanki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Wierszyki i rymowanki </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/edukacja-dla-najmlodszych?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Edukacja dla najm艂odszych" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Edukacja dla najm艂odszych </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazeczki-dzwiekowe-i-sensoryczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶eczki d藕wi臋kowe i sensoryczne" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶eczki d藕wi臋kowe i sensoryczne </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/bajki-basnie-legendy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Bajki, ba艣nie, legendy" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Bajki, ba艣nie, legendy </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/bajki-dla-niemowlat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Bajki dla niemowl膮t" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Bajki dla niemowl膮t </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/aktywizujace-i-interaktywne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Aktywizuj膮ce i interaktywne" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Aktywizuj膮ce i interaktywne </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/poznawanie-swiata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poznawanie 艣wiata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Poznawanie 艣wiata </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/zabawki-maskotki-figurki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zabawki, maskotki, figurki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Zabawki, maskotki, figurki </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-kosmosie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o kosmosie" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki o kosmosie </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-detektywistyczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki detektywistyczne" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki detektywistyczne </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-przygodowe?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki przygodowe" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki przygodowe </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-po-angielsku?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki po angielsku" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki po angielsku </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-kucharskie-dla-dzieci?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki kucharskie dla dzieci" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki kucharskie dla dzieci </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-emocjach?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o emocjach" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki o emocjach </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-popularnonaukowe?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki popularnonaukowe" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki popularnonaukowe </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-przyrodzie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o przyrodzie" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki o przyrodzie </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-zwierzetach?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o zwierz臋tach" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki o zwierz臋tach </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/ksiazki-o-dinozaurach?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki o dinozaurach" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki o dinozaurach </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/kryminal-sensacja-thriller?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Krymina艂, sensacja, thriller" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Krymina艂, sensacja, thriller </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/kryminal-sensacja-thriller/thriller?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Thriller" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Thriller </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/kryminal-sensacja-thriller/sensacja?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Sensacja" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Sensacja </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/kryminal-sensacja-thriller/kryminal?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Krymina艂" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Krymina艂 </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/poradniki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Poradniki </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-o-rozwoju-osobistym?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki o rozwoju osobistym" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Poradniki o rozwoju osobistym </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/zdrowie-moda-i-uroda?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zdrowie, moda i uroda" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Zdrowie, moda i uroda </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-kulinarne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki kulinarne" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Poradniki kulinarne </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/dziecko-rodzina-zwiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Dziecko, rodzina, zwi膮zki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Dziecko, rodzina, zwi膮zki </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-dla-domu-i-ogrodu?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki dla domu i ogrodu" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Poradniki dla domu i ogrodu </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/ksiazki-hobbystyczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki hobbystyczne" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki hobbystyczne </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-psychologiczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki psychologiczne" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Poradniki psychologiczne </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-motoryzacyjne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki motoryzacyjne" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Poradniki motoryzacyjne </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-sportowe?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki sportowe" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Poradniki sportowe </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/poradniki-o-zwierzetach?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Poradniki o zwierz臋tach" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Poradniki o zwierz臋tach </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/poradniki/komputery-i-informatyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputery i informatyka" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Komputery i informatyka </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/literatura-obyczajowa?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literatura obyczajowa" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Literatura obyczajowa </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/literatura-obyczajowa/erotyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Erotyka" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Erotyka </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-obyczajowa/romans?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Romans" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Romans </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-obyczajowa/ksiazki-obyczajowe?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki obyczajowe" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki obyczajowe </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literatura pi臋kna polska" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Literatura pi臋kna polska </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/proza-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Proza polska" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Proza polska </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/opowiadania-polskie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Opowiadania polskie" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Opowiadania polskie </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/eseje-polskie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Eseje polskie" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Eseje polskie </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/powiesc-historyczna-i-biograficzna-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Powie艣膰 historyczna i biograficzna polska" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Powie艣膰 historyczna i biograficzna polska </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-polska/klasyka-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Klasyka polska" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Klasyka polska </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literatura pi臋kna obca" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Literatura pi臋kna obca </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/proza-obca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Proza obca" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Proza obca </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/opowiadania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Opowiadania" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Opowiadania </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/eseje-obce?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Eseje obce" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Eseje obce </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/powiesc-historyczna-i-biograficzna-obca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Powie艣膰 historyczna i biograficzna obca" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Powie艣膰 historyczna i biograficzna obca </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-piekna-obca/klasyka-obca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Klasyka obca" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Klasyka obca </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/religie-i-wyznania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Religie i wyznania" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Religie i wyznania </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/literatura-faktu-i-reportaze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literatura faktu i reporta偶e" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Literatura faktu i reporta偶e </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/literatura-faktu-i-reportaze/wywiady?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wywiady" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Wywiady </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-faktu-i-reportaze/felietony-i-reportaze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Felietony i reporta偶e" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Felietony i reporta偶e </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/literatura-faktu-i-reportaze/publicystyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Publicystyka" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Publicystyka </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kultura i sztuka" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Kultura i sztuka </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka/architektura?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Architektura" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Architektura </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka/rzezba-malarstwo-fotografia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Rze藕ba, malarstwo, fotografia" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Rze藕ba, malarstwo, fotografia </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka/film-i-teatr?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Film i teatr" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Film i teatr </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/kultura-i-sztuka/muzyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Muzyka" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Muzyka </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/fantastyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fantastyka" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Fantastyka </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/fantastyka/wiedzmin?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wied藕min" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Wied藕min </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/fantastyka/horrory?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Horrory" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Horrory </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/fantastyka/fantasy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fantasy" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fantasy </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/fantastyka/science-fiction?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Science-fiction" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Science-fiction </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/biografie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Biografie </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-i-autobiografie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie i autobiografie" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Biografie i autobiografie </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-znanych-osob?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie znanych os贸b" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Biografie znanych os贸b </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/postacie-historyczne-politycy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Postacie historyczne, politycy" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Postacie historyczne, politycy </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-aktorow-i-rezyserow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie aktor贸w i re偶yser贸w" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Biografie aktor贸w i re偶yser贸w </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-literatow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie literat贸w" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Biografie literat贸w </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/listy-i-wspomnienia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Listy i wspomnienia" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Listy i wspomnienia </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-naukowcow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie naukowc贸w" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Biografie naukowc贸w </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-sportowcow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie sportowc贸w" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Biografie sportowc贸w </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/biografie-muzykow-i-zespolow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biografie muzyk贸w i zespo艂贸w" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Biografie muzyk贸w i zespo艂贸w </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/pamietniki-i-dzienniki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Pami臋tniki i dzienniki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Pami臋tniki i dzienniki </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/biografie/wywiady-biografie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wywiady, biografie" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Wywiady, biografie </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/nauka-i-wiedza?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Nauka i wiedza" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Nauka i wiedza </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-historyczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki historyczne" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Ksi膮偶ki historyczne </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-historyczne/historia-swiata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Historia 艣wiata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Historia 艣wiata </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-historyczne/ii-wojna-swiatowa?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="II wojna 艣wiatowa" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> II wojna 艣wiatowa </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/albumy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Albumy </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/albumy/albumy-o-architekturze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy o architekturze" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Albumy o architekturze </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/albumy/albumy-o-sztuce?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy o sztuce" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Albumy o sztuce </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/albumy/albumy-przyrodnicze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy przyrodnicze" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Albumy przyrodnicze </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/albumy/albumy-krajoznawcze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Albumy krajoznawcze" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Albumy krajoznawcze </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/albumy/motoryzacja?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Motoryzacja" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Motoryzacja </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/podroze-i-turystyka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Podr贸偶e i turystyka" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Podr贸偶e i turystyka </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/podroze-i-turystyka/mapy-i-atlasy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Mapy i atlasy" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Mapy i atlasy </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/komiksy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komiksy" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Komiksy </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/komiksy/tytus-romek-i-a-tomek?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Tytus, Romek i A'Tomek" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Tytus, Romek i A'Tomek </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/psychologia-i-rozwoj-osobisty?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Psychologia i rozw贸j osobisty" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Psychologia i rozw贸j osobisty </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/psychologia-i-rozwoj-osobisty/dziecko-rodzina-zwiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Dziecko, rodzina, zwi膮zki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Dziecko, rodzina, zwi膮zki </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kulinaria i diety" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Kulinaria i diety </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/ciasta-desery-wypieki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ciasta, desery, wypieki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ciasta, desery, wypieki </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/diety-zdrowe-zywienie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Diety, zdrowe 偶ywienie" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Diety, zdrowe 偶ywienie </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/kuchnie-swiata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kuchnie 艣wiata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Kuchnie 艣wiata </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/kuchnia-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kuchnia polska" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Kuchnia polska </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/kulinaria-i-diety/napoje?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Napoje" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Napoje </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/sport-i-wypoczynek?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Sport i wypoczynek" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Sport i wypoczynek </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/ksiazki/sport-i-wypoczynek/ludzie-sportu?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ludzie sportu" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ludzie sportu </span> </a> <a href="https://literia-pl.translate.goog/ksiazki/sport-i-wypoczynek/pilka-nozna?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Pi艂ka no偶na" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Pi艂ka no偶na </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/przewodniki-turystyczne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przewodniki turystyczne" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Przewodniki turystyczne </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/ksiazki/ekonomia-i-biznes?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ekonomia i biznes" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Ekonomia i biznes </span> </a> </div> <div class="relative top-0 right-0 mr-0 ml-auto my-auto min-w-[314px] h-full" :class="{'scrolTop' : scrolAtTop, 'scrolDown' : !scrolAtTop}"> <style>#html-body [data-pb-style=CLM97VA],#html-body [data-pb-style=J1HVF2F]{background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=CLM97VA]{justify-content:center;display:flex;flex-direction:column;text-align:center;width:100%;align-self:stretch}#html-body [data-pb-style=J1HVF2F]{border-radius:30px}#html-body [data-pb-style=PXUUORA]{border-radius:30px;min-height:405px;background-color:transparent}</style> <div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main"> <div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="CLM97VA"> <div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main"> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/soll?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" target="" data-link-type="default" title="" data-element="link"> <div class="pagebuilder-banner-wrapper background-image-6747e99c8bb60" data-background-images="{\"desktop_image\":\"https://literia.pl/media/wysiwyg/07_SOLL.jpg\",\"mobile_image\":\"https://literia.pl/media/wysiwyg/07_SOLL_1.jpg\"}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="J1HVF2F"> <div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="PXUUORA"> <div class="pagebuilder-poster-content"> <div data-element="content"></div> </div> </div> </div><style type="text/css">.background-image-6747e99c8bb60 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-6747e99c8bb60 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-6747e99c8bb60 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}</style></a> </div> </div> </div> </div> </div> </div> </div> <div class="level-0 mx-6 text-black first:mt-5 " @mouseenter="opened = true;hoverPanelActiveId = 'category-node-844'; setOverlay();"><span class="flex items-center block text-md"> <a class="menuText w-full text-base font-bold hover:text-black level-0 p-3 px-0 relative" :class="{'text-black' : hoverPanelActiveId === 'category-node-844'}" href="https://literia-pl.translate.goog/subskrypcje?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Subskrypcje"> Subskrypcje </a> </span> </div> <div class="level-0 mx-6 text-black first:mt-5 has-children" @mouseenter="opened = true;hoverPanelActiveId = 'category-node-483'; setOverlay();"><span class="flex items-center block text-md"> <a class="menuText w-full text-base font-bold hover:text-black level-0 p-3 px-0 relative" :class="{'text-black' : hoverPanelActiveId === 'category-node-483'}" href="https://literia-pl.translate.goog/literia-poleca?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Literia poleca"> Literia poleca <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 absolute right-0 top-[50%] -translate-y-1/2" width="16" height="16" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> <title>chevron-right</title> </svg></a> </span> <div class="absolute z-[-10] ml-[-20px] hidden overflow-x-auto overflow-y-hidden px-6 pl-10 left-full right-unset bottom-0 top-unset h-[calc(100%-65px)] w-auto shadow-lg bg-container-lighter 2xl:w-[1188px] xl:w-[972px] lg:w-[746px] w-[528px] rounded-br-3xl border-t-0 border-literia-light-yellow" :class="{ 'hidden' : hoverPanelActiveId !== 'category-node-483', 'block' : hoverPanelActiveId === 'category-node-483 || open == true', 'h-[calc(100%-69px)]' : !scrolAtTop }"> <div class="flex flex-col flex-wrap py-4 overflow-y-hidden h-full w-auto"> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Komputer 艢wiat </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat/biblioteczka-komputer-swiata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biblioteczka Komputer 艢wiata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Biblioteczka Komputer 艢wiata </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat/komputer-swiat-twoj-niezbednik?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat Tw贸j Niezb臋dnik" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Komputer 艢wiat Tw贸j Niezb臋dnik </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat/miesiecznik-komputer-swiat?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Miesi臋cznik Komputer 艢wiat" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Miesi臋cznik Komputer 艢wiat </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/komputer-swiat/komputer-swiat-wydania-specjalne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Komputer 艢wiat wydania specjalne" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Komputer 艢wiat wydania specjalne </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/literia-poleca/forbes-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Forbes prenumerata" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Forbes prenumerata </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biblioteka Faktu" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Biblioteka Faktu </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/zwierzakowe-kolorowanki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zwierzakowe kolorowanki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Zwierzakowe kolorowanki </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/naklejki-iskierki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Naklejki iskierki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Naklejki iskierki </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-kolorowanki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt kolorowanki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt kolorowanki </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-dla-dzieci?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt dla dzieci" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt dla dzieci </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-encyklopedia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt encyklopedia" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt encyklopedia </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-bajki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt bajki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt bajki </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-dla-malucha?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt dla malucha" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt dla malucha </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-edukacja?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt edukacja" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt edukacja </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-dla-dziewczynek?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt dla dziewczynek" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt dla dziewczynek </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-dzieciom?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt dzieciom" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt dzieciom </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-naklejki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt naklejki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt naklejki </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-faktu/fakt-bestseller?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Fakt Bestseller" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Fakt Bestseller </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-newsweeka?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biblioteka Newsweeka" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Biblioteka Newsweeka </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-newsweeka/newsweek-prenumerata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek prenumerata" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Newsweek prenumerata </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-newsweeka/newsweek-bestseller?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Historia Bestseller" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Newsweek Historia Bestseller </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Biblioteka Przegl膮du Sportowego" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold has-children"> <span class="text-base text-black"> Biblioteka Przegl膮du Sportowego </span> </a> <div class="z-[-1] px-3 py-0"><a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/skarb-kibica?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Skarb Kibica" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Skarb Kibica </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/przeglad-sportowy-historia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przegl膮d Sportowy Historia" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Przegl膮d Sportowy Historia </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/wydania-specjalne?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Wydania specjalne " class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Wydania specjalne </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/ksiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Ksi膮偶ki" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Ksi膮偶ki </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/gadzety-kolekcjonerskie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Gad偶ety kolekcjonerskie" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Gad偶ety kolekcjonerskie </span> </a> <a href="https://literia-pl.translate.goog/literia-poleca/biblioteka-przegladu-sportowego/plakaty?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Plakaty" class="block w-auto px-0 py-0 my-1 whitespace-nowrap first:mt-0 hover:underline"> <span class="text-base text-gray-dark"> Plakaty </span> </a> </div> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/literia-poleca/pakiety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Pakiety ksi膮偶ek" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Pakiety ksi膮偶ek </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/literia-poleca/butelka-noizz?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Butelka Noizz" class="block w-auto px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline font-bold "> <span class="text-base text-black"> Butelka Noizz </span> </a> </div> <div class="relative top-0 right-0 mr-0 ml-auto my-auto min-w-[314px] h-full" :class="{'scrolTop' : scrolAtTop, 'scrolDown' : !scrolAtTop}"> <style>#html-body [data-pb-style=CLM97VA],#html-body [data-pb-style=J1HVF2F]{background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=CLM97VA]{justify-content:center;display:flex;flex-direction:column;text-align:center;width:100%;align-self:stretch}#html-body [data-pb-style=J1HVF2F]{border-radius:30px}#html-body [data-pb-style=PXUUORA]{border-radius:30px;min-height:405px;background-color:transparent}</style> <div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main"> <div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="CLM97VA"> <div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main"> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/soll?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" target="" data-link-type="default" title="" data-element="link"> <div class="pagebuilder-banner-wrapper background-image-6747e99c8d0c7" data-background-images="{\"desktop_image\":\"https://literia.pl/media/wysiwyg/07_SOLL.jpg\",\"mobile_image\":\"https://literia.pl/media/wysiwyg/07_SOLL_1.jpg\"}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="J1HVF2F"> <div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="PXUUORA"> <div class="pagebuilder-poster-content"> <div data-element="content"></div> </div> </div> </div><style type="text/css">.background-image-6747e99c8d0c7 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-6747e99c8d0c7 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-6747e99c8d0c7 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}</style></a> </div> </div> </div> </div> </div> </div> </div> <div class="level-0 mx-6 text-black first:mt-5 " @mouseenter="opened = true;hoverPanelActiveId = 'category-node-832'; setOverlay();"><span class="flex items-center block text-md"> <a class="menuText w-full text-base font-bold hover:text-black level-0 p-3 px-0 relative" :class="{'text-black' : hoverPanelActiveId === 'category-node-832'}" href="https://literia-pl.translate.goog/bestsellery?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Bestsellery"> Bestsellery </a> </span> </div> <div class="level-0 mx-6 text-black first:mt-5 " @mouseenter="opened = true;hoverPanelActiveId = 'category-node-834'; setOverlay();"><span class="flex items-center block text-md"> <a class="menuText w-full text-base font-bold hover:text-black level-0 p-3 px-0 relative" :class="{'text-black' : hoverPanelActiveId === 'category-node-834'}" href="https://literia-pl.translate.goog/zapowiedzi?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zapowiedzi"> Zapowiedzi </a> </span> </div> <div class="level-0 mx-6 text-black first:mt-5 " @mouseenter="opened = true;hoverPanelActiveId = 'category-node-835'; setOverlay();"><span class="flex items-center block text-md"> <a class="menuText w-full text-base font-bold hover:text-black level-0 p-3 px-0 relative" :class="{'text-black' : hoverPanelActiveId === 'category-node-835'}" href="https://literia-pl.translate.goog/prenumeraty?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumeraty"> Prenumeraty </a> </span> </div> </nav> </div> </div> </div> <script> 'use strict'; var baseUrlParts = (new URL(window.location)).pathname.replace(/\/$/, '').split('/'); var isHomepage = baseUrlParts[1] == undefined; var initMenuDesktop_6747e99c82479 = () => { return { hoverPanelActiveId: null, setActiveMenu(menuNode) { Array.from(menuNode.querySelectorAll('a')).filter(link => { return link.href === window.location.href.split('?')[0]; }).map(item => { item.classList.add('underline'); item.closest('div.level-0') && item.closest('div.level-0').querySelector('a.level-0').classList.add('underline'); }); }, setOverlay(setStatus){ if(open) { document.getElementById('maincontent').classList.add('menu-opened'); document.querySelectorAll('nav .menuText').forEach((el) => { el.classList.add('text-gray-light'); }); } if(setStatus == false) { document.getElementById('maincontent').classList.remove('menu-opened'); document.querySelectorAll('nav .menuText').forEach((el) => { el.classList.remove('text-gray-light'); }); } } } } </script> </div> </div><a class="flex flex-col items-center justify-center relative bg-literia-yellow p-2 rounded-3xl bottomBar" href="https://literia-pl.translate.goog/checkout/cart/index/?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="md:h-6 md:w-6" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg><span class="text-sm"> Koszyk</span> <span x-text="cart.summary_count" class="absolute top-4 right-4 block h-5 px-1.5 py-1 -mt-5 -mr-4 text-xs font-semibold leading-none text-center text-black uppercase transform -translate-x-1 translate-y-1/2 rounded-full bg-white empty:hidden"></span> </a> <a class="flex flex-col items-center justify-center space-y-1 bottomBar my-account-mobile-icon" href="https://literia-pl.translate.goog/customer/account/?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="md:h-6 md:w-6" role="img"> <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" /><circle cx="12" cy="7" r="4" /> <title>user</title> </svg><span class="text-sm"> Konto</span> </a> <a class="flex flex-col items-center justify-center space-y-1 bottomBar wishlist-mobile-icon" href="https://literia-pl.translate.goog/wishlist/?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="md:h-6 md:w-6" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg><span class="text-sm"> Lista</span> </a> </div> </div> </div> </div> <script> window.addEventListener('load', function() { let bottomBarSvgs = document.querySelectorAll('.bottomBar svg'); bottomBarSvgs.forEach((el) => { el.classList.remove('fill-literia-yellow'); }) let bottomBarHomeSvg = document.querySelector('.bottomBarContent a[href="' + window.location.pathname + '"].bottomBar svg'); bottomBarHomeSvg && bottomBarHomeSvg.classList.add('fill-literia-yellow'); }); function toggleBodyScroll() { if(document.body.style.overflowY=="hidden") document.body.style.overflowY='auto'; else document.body.style.overflowY='hidden' } </script> </header> <div class="top-container"> <nav class="breadcrumbs bg-container-lighter" aria-label="Breadcrumb"> <div class="container"> <ol class="items list-reset pt-2 pb-2 lg:py-5 mb-2 lg:mb-0 rounded flex flex-wrap text-gray-dark text-sm flex-nowrap overflow-x-auto"> <li class="item flex items-center flex-none home"><a href="https://literia-pl.translate.goog/?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="no-underline" title="Przejd藕 na stron臋 g艂贸wn膮">Literia.pl</a></li> <li class="item flex items-center flex-none category50"><span aria-hidden="true" class="px-2"> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 4.811 8.121" class="text-gray-dark" role="img"><path id="Path_162" data-name="Path 162" d="M6,9l3,3,3-3" transform="translate(-7.939 13.061) rotate(-90)" fill="none" stroke="#3f3827" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" /> <title>breadcrumbs-arrow</title> </svg></span> <a href="https://literia-pl.translate.goog/ksiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="no-underline" title="">Ksi膮偶ki</a></li> <li class="item flex items-center flex-none category199"><span aria-hidden="true" class="px-2"> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 4.811 8.121" class="text-gray-dark" role="img"><path id="Path_162_2" data-name="Path 162" d="M6,9l3,3,3-3" transform="translate(-7.939 13.061) rotate(-90)" fill="none" stroke="#3f3827" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" /> <title>breadcrumbs-arrow</title> </svg></span> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="no-underline" title="">Ksi膮偶ki dla dzieci</a></li> <li class="item flex items-center flex-none category386"><span aria-hidden="true" class="px-2"> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 4.811 8.121" class="text-gray-dark" role="img"><path id="Path_162_3" data-name="Path 162" d="M6,9l3,3,3-3" transform="translate(-7.939 13.061) rotate(-90)" fill="none" stroke="#3f3827" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" /> <title>breadcrumbs-arrow</title> </svg></span> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/0-3-lata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="text-gray-dark font-bold" aria-current="page">0-3 lata</a></li> </ol> </div> </nav> </div> <main id="maincontent" class="page-main"> <div id="contentarea" tabindex="-1"></div> <div class="page messages"> <script> function initMessages() { "use strict"; return { messages: window.mageMessages || [], isEmpty() { return this.messages.reduce( function (isEmpty, message) { return isEmpty && message === undefined }, true ) }, removeMessage(messageIndex) { this.messages[messageIndex] = undefined; }, addMessages(messages, hideAfter) { messages.map((message) => { this.messages = this.messages.concat(message); if (hideAfter) { this.setHideTimeOut(this.messages.length -1, hideAfter); } }); }, setHideTimeOut(messageIndex, hideAfter) { setTimeout((messageIndex) => { this.removeMessage(messageIndex); }, hideAfter, messageIndex); }, eventListeners: { ['@messages-loaded.window']() { this.addMessages(event.detail.messages, event.detail.hideAfter) }, ['@private-content-loaded.window'](event) { const data = event.detail.data; if ( data.messages && data.messages.messages && data.messages.messages.length ) { this.addMessages(data.messages.messages); } }, ['@clear-messages.window']() { this.messages = []; } } } } </script> <section id="messages" x-data="initMessages()" x-bind="eventListeners"> <template x-if="!isEmpty()"> <div class="w-full"> <div role="alert" class="messages container mx-auto py-3"> <template x-for="(message, index) in messages" :key="index"> <div> <template x-if="message"> <div class="border shadow-[0_2px_20px_#00000033] message" :class="message.type" :ui-id="'message-' + message.type"> <div x-show="message.type == 'success'" class="pl-2.5"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="fill-success" role="img"> <polyline points="20 6 9 17 4 12" /> <title>check</title> </svg> </div> <div x-show="(message.type == 'info') || (message.type == 'warning') || (message.type == 'notice') || (message.type == 'error')" class="pl-2.5"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="fill-error" role="img"> <line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /> <title>x</title> </svg> </div><span class="px-2.5" :class="message.type" x-html="message.text"></span> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/0-3-lata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB#" class="close cursor-pointer relative left-2.5 bottom-6 bg-white rounded-[50%] border border-black" title="close" @click.prevent="removeMessage(index)"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-black" width="18" height="18" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> <title>x</title> </svg></a> </div> </template> </div> </template> </div> </div> </template> </section> </div> <div class="columns"> <aside class="sidebar sidebar-main"> <div class="block md:border md:bg-white md:m-0 md:p-[30px] md:rounded-content-large md:pb-0.5 md:pt-3.5 md:border-literia-light-yellow" :class="{ 'bg-black/75 p-0 fixed z-[400] h-auto w-full left-0 top-0 bottom-[70px] m-0' : blockOpen & isMobile, 'w-fit cursor-pointer' : !blockOpen & isMobile }" x-cloak x-data="initLayeredNavigation()" x-init="checkIsMobileResolution()" @resize.window.debounce="checkIsMobileResolution()" @visibilitychange.window.debounce="checkIsMobileResolution()"> <div :class="{ 'bg-white fixed w-full h-auto top-40 bottom-[70px] opacity-100 overflow-hidden rounded-t-3xl' : blockOpen & isMobile }"> <div class="block-title h-auto md:h-10 flex justify-between md:hidden" :class="{ 'border-b border-literia-light-yellow p-4 flex-col border-b border-literia-warmgray' : blockOpen & isMobile, 'flex-col w-auto gap-1.5 justify-center' : !blockOpen & isMobile }"> <div class="block-title h-auto md:h-10 flex items-center justify-between md:hidden" :class="{ 'items-center' : blockOpen & isMobile, 'flex-row-reverse items-center w-auto gap-1.5 !justify-end' : !blockOpen & isMobile }"><span class="text-primary text-md text-xl md:text-2xl font-bold" :class="{ 'w-full text-center ml-5' : blockOpen & isMobile }" @click="blockOpen = true, hideScroll()"> Filtruj </span> <span class="py-1 rounded hidden" @click="blockOpen = false, showScroll()" :class="{ 'block' : blockOpen & isMobile, 'hidden': blockOpen & !isMobile, 'hidden': !blockOpen & isMobile }"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="p-1 rounded-full shrink-0 border-2 border-black hover:bg-literia-yellow hover:cursor-pointer" width="30" height="30" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> <title>x</title> </svg></span> <span class="py-1 rounded hidden" :class="{ 'hidden' : !isMobile, 'hidden': blockOpen & isMobile, 'block': !blockOpen & isMobile }" @click="blockOpen = true, hideScroll()"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="p-0.5 shrink-0" role="img"> <polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" /> <title>filter</title> </svg></span> </div> <div :class="{ 'block' : isMobile && !blockOpen, 'block' : blockOpen & isMobile }"> </div> </div> <div class="block-content filter-content hidden md:block" :class="{ 'hidden' : isMobile && !blockOpen, 'h-full overflow-y-auto pb-[105px]' : blockOpen & isMobile }"> <div class="hidden md:block"> </div> <div class="filter-option card m-4 md:mx-0 md:p-0 md:[&:not(:last-child)]:border-b border-literia-light-yellow" :class="{ 'my-0 px-0 [&:not(:last-child)]:border-b' : blockOpen & isMobile }" x-data="{ open: isMobile ? false : true }"> <div class="filter-options-title flex justify-between items-center cursor-pointer hover:text-secondary-darker border-container" @click="open = !open"><span class="title text-md md:text-base font-bold"> Wydawca </span> <span class="py-1 px-1 rounded"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': open }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="open"> <div class="filter-options-content pt-3 md:py-3"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/0-3-lata?literia_publisher=718&_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="flex justify-between pb-2 md:pb-1 text-black hover:underline"> <span>Czytelnia</span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/0-3-lata?literia_publisher=170&_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="flex justify-between pb-2 md:pb-1 text-black hover:underline"> <span>HarperCollins Polska</span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/0-3-lata?literia_publisher=385&_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="flex justify-between pb-2 md:pb-1 text-black hover:underline"> <span>IBIS</span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/0-3-lata?literia_publisher=150&_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="flex justify-between pb-2 md:pb-1 text-black hover:underline"> <span>Ringier Axel Springer Polska</span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/0-3-lata?literia_publisher=11&_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="flex justify-between pb-2 md:pb-1 text-black hover:underline"> <span>Ringier Axel Springer Polska</span> </a> </div> </template> </div> <div class="filter-option card m-4 md:mx-0 md:p-0 md:[&:not(:last-child)]:border-b border-literia-light-yellow" :class="{ 'my-0 px-0 [&:not(:last-child)]:border-b' : blockOpen & isMobile }" x-data="{ open: isMobile ? false : true }"> <div class="filter-options-title flex justify-between items-center cursor-pointer hover:text-secondary-darker border-container" @click="open = !open"><span class="title text-md md:text-base font-bold"> Ok艂adka </span> <span class="py-1 px-1 rounded"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="20" height="20" :class="{ 'rotate-180': open }" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> <title>chevron-down</title> </svg></span> </div> <template x-if="open"> <div class="filter-options-content pt-3 md:py-3"><a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/0-3-lata?literia_cover=17&_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="flex justify-between pb-2 md:pb-1 text-black hover:underline"> <span>Twarda</span> </a> <a href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/0-3-lata?literia_cover=18&_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="flex justify-between pb-2 md:pb-1 text-black hover:underline"> <span>Mi臋kka</span> </a> </div> </template> </div> </div> </div> </div> <script> function initLayeredNavigation() { return { isMobile: false, blockOpen: false, checkIsMobileResolution() { this.isMobile = window.matchMedia('(max-width: 767px)').matches; } } } </script> <script> function hideScroll() { document.querySelector('body').style.overflow = 'hidden' } function showScroll() { document.querySelector('body').style.overflow = 'auto' } </script> </aside> <div class="column main"> <div class="container container-title flex flex-col md:flex-row flex-wrap my-6 font-bold lg:mt-8 justify-start text-4xl mb-4"> <h1 class="text-gray-900 page-title title-font"><span class="base" data-ui-id="page-title-wrapper">0-3 lata</span></h1> </div> <script> var catalogDescription = document.getElementById('catalog-description'); function getHeightContent() { if(catalogDescription.offsetHeight < 260) document.getElementById('catalog-content-description-show-more').classList.add("hidden"); else return false; } function scrollUp() { window.scrollTo(0,catalogDescription.offsetTop-200); } </script> <section class="pb-8"> <script> function initToolbar_6747f54badd8d() { return { options: {"productListToolbarForm":{"mode":"product_list_mode","direction":"product_list_dir","order":"product_list_order","limit":"product_list_limit","modeDefault":"grid","directionDefault":"desc","orderDefault":"literia_date_publication","limitDefault":50,"url":"https:\/\/literia.pl\/ksiazki\/ksiazki-dla-dzieci\/0-3-lata","formKey":"dz8zAZTPNlvLrUIG","post":false,"page":"p"}}.productListToolbarForm || {}, getUrlParams: function () { let decode = window.decodeURIComponent, urlPaths = this.options.url.split('?'), urlParams = urlPaths[1] ? urlPaths[1].split('&') : [], params = {}, parameters, i; for (i = 0; i < urlParams.length; i++) { parameters = urlParams[i].split('='); params[decode(parameters[0])] = parameters[1] !== undefined ? decode(parameters[1].replace(/\+/g, '%20')) : ''; } return params; }, getCurrentLimit: function () { return this.getUrlParams()[this.options.limit] || this.options.limitDefault; }, getCurrentPage: function () { return this.getUrlParams()[this.options.page] || 1; }, changeUrl(paramName, paramValue, defaultValue) { let urlPaths = this.options.url.split('?'), baseUrl = urlPaths[0], paramData = this.getUrlParams(), currentPage = this.getCurrentPage(), newPage; /** * calculates the page on which the first item of the current page will * be with the new limit and sets that number as the new page */ if (currentPage > 1 && paramName === this.options.limit) { newPage = Math.floor(this.getCurrentLimit() * (currentPage - 1) / paramValue) + 1; if (newPage > 1) { paramData[this.options.page] = newPage; } else { delete paramData[this.options.page]; } } paramData[paramName] = paramValue; if (this.options.post) { hyva.postForm({action: baseUrl, data: paramData}); } else { if (paramValue === defaultValue.toString()) { delete paramData[paramName]; } paramData = Object.keys(paramData).length === 0 ? '' : '?' + (new URLSearchParams(paramData)); location.href = baseUrl + paramData } } } } </script> <div x-data="initToolbar_6747f54badd8d()" class="toolbar toolbar-products grid col-span-full sm:grid-cols-4 grid-flow-row gap-2 gap-y-0 items-center"> <div class="modes w-20 order-1 col-span-1 sm:col-span-2 md:col-span-1 lg:col-span-2"></div> <div class="text-base "> 42 wynik贸w </div> <div class="toolbar-sorter sorter flex items-center order-1 col-span-3 sm:col-span-6 md:col-span-6 justify-end"><span class="hidden md:block sorter-label px-3 min-w-fit"> Sortuj wg </span> <div class="relative w-full sm:w-auto" x-data="{ open: false }"> <div data-role="sorter" class="cursor-pointer form-select sorter-options min-w-[245px] my-2.5 py-2.5 px-3.5 font-bold border-literia-light-yellow border-2 shadow-none" aria-label="Sortuj wg" @click="open = true"> Data publikacji w sklepie </div> <div class="w-full border cursor-pointer absolute z-50 bg-white whitespace-nowrap rounded-[20px] border-literia-light-yellow border-2" x-show="open" @click.away="open = false" x-cloak> <div class="first-of-type:rounded-t-[18px] last-of-type:rounded-b-[18px] py-2.5 px-3.5 font-bold whitespace-nowrap hover:bg-literia-yellow " @click=" changeUrl('product_list_order','position','literia_date_publication');" value="position"> Pozycja </div> <div class="first-of-type:rounded-t-[18px] last-of-type:rounded-b-[18px] py-2.5 px-3.5 font-bold whitespace-nowrap hover:bg-literia-yellow " @click=" changeUrl('product_list_order','name','literia_date_publication');" value="name"> Nazwa produktu </div> <div class="first-of-type:rounded-t-[18px] last-of-type:rounded-b-[18px] py-2.5 px-3.5 font-bold whitespace-nowrap hover:bg-literia-yellow " @click=" changeUrl('product_list_order','price','literia_date_publication');" value="price"> Cena </div> <div class="first-of-type:rounded-t-[18px] last-of-type:rounded-b-[18px] py-2.5 px-3.5 font-bold whitespace-nowrap hover:bg-literia-yellow bg-literia-gray" @click=" changeUrl('product_list_order','literia_date_publication','literia_date_publication');" value="literia_date_publication"> Data publikacji w sklepie </div> </div> </div><a title="Ustaw kierunek rosn膮cy" href="https://literia-pl.translate.goog/ksiazki/ksiazki-dla-dzieci/0-3-lata?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB#" class="action sorter-action sort-desc px-3" @click.prevent="changeUrl('product_list_dir', 'asc', options.directionDefault)"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" role="img"><path stroke-linecap="round" stroke-linejoin="round" d="M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12" /> <title>sort-ascending</title> </svg></a> </div> </div> <div class="products wrapper mode-grid products-grid"> <div class="mx-auto pt-2 pb-12 grid gap-5 grid-cols-1 sm:grid-cols-2 xl:grid-cols-3"> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/55250/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="YC0bu8J4bObvHYfi"> <input type="hidden" name="product" value="55250"> <a href="https://literia-pl.translate.goog/ksiazka-psiaki-rozrabiaki-978-83-8250-369-2?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-55250.window="$root.src = $event.detail" loading="eager" fetchpriority="high" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/f/a/fakt_naklejki_1_2024_pieski_okladka_webp.webp" width="360" height="360" alt="Psiaki rozrabiaki" title="Psiaki rozrabiaki"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(55250);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-psiaki-rozrabiaki-978-83-8250-369-2?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Psiaki rozrabiaki </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> Opracowanie zbiorowe </div> </div> <script> function initPriceBox__6747eab84accd() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747eab84accd()" @update-prices-55250.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="55250" data-price-box="product-id-55250"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-55250" data-price-amount="9.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">9,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/55136/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="8zzdA31whFjMhCmr"> <input type="hidden" name="product" value="55136"> <a href="https://literia-pl.translate.goog/ksiazka-magiczne-swieta-978-83-8250-269-5?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-55136.window="$root.src = $event.detail" loading="eager" fetchpriority="high" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/f/a/fakt_naklejki_6_2023_magiczne_wi_ta_webp.webp" width="360" height="360" alt="Magiczne 艣wi臋ta" title="Magiczne 艣wi臋ta"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(55136);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-magiczne-swieta-978-83-8250-269-5?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Magiczne 艣wi臋ta </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> Opracowanie zbiorowe </div> </div> <script> function initPriceBox__6747e9b30216c() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747e9b30216c()" @update-prices-55136.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="55136" data-price-box="product-id-55136"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-55136" data-price-amount="12.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">12,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/55070/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="P53NBUB98bvKHZrQ"> <input type="hidden" name="product" value="55070"> <a href="https://literia-pl.translate.goog/ksiazka-zwierzatka-na-farmie-978-83-8250-268-8?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-55070.window="$root.src = $event.detail" loading="eager" fetchpriority="high" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/f/a/fakt_naklejki_5_2023_zwierzatka_na_farmie_okladka_webp.webp" width="360" height="360" alt="Zwierz膮tka na farmie" title="Zwierz膮tka na farmie"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(55070);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-zwierzatka-na-farmie-978-83-8250-268-8?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Zwierz膮tka na farmie </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> Opracowanie zbiorowe </div> </div> <script> function initPriceBox__6747e914be6cb() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747e914be6cb()" @update-prices-55070.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="55070" data-price-box="product-id-55070"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-55070" data-price-amount="9.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">9,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/54925/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="FM9QnJDVu5D31i3B"> <input type="hidden" name="product" value="54925"> <a href="https://literia-pl.translate.goog/ksiazka-syrenki-i-morskie-stworzonka-978-83-8250-267-1?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-54925.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/o/p/opracowanie_zbiorowe_syrenki_i_morskie_stworzonka.webp" loading="lazy" width="360" height="360" alt="Syrenki i morskie stworzonka" title="Syrenki i morskie stworzonka"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(54925);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-syrenki-i-morskie-stworzonka-978-83-8250-267-1?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Syrenki i morskie stworzonka </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> Opracowanie zbiorowe </div> </div> <script> function initPriceBox__6747f3ae3f310() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f3ae3f310()" @update-prices-54925.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="54925" data-price-box="product-id-54925"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-54925" data-price-amount="9.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">9,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/54874/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="tTDcOtEn79BCSooO"> <input type="hidden" name="product" value="54874"> <a href="https://literia-pl.translate.goog/ksiazka-koloruje-i-naklejam-kotki-978-83-8250-266-4?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-54874.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/o/p/opracowanie_zbiorowe_koloruje_i_naklejam_kotki.webp" loading="lazy" width="360" height="360" alt="Koloruj臋 i naklejam. Kotki" title="Koloruj臋 i naklejam. Kotki"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(54874);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-koloruje-i-naklejam-kotki-978-83-8250-266-4?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Koloruj臋 i naklejam. Kotki </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> Opracowanie zbiorowe </div> </div> <script> function initPriceBox__6747f39c90e3d() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f39c90e3d()" @update-prices-54874.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="54874" data-price-box="product-id-54874"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-54874" data-price-amount="9.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">9,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/54800/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="V5bONpGTpBoaR3fC"> <input type="hidden" name="product" value="54800"> <a href="https://literia-pl.translate.goog/ksiazka-wielkanoc-978-83-8250-265-7?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-54800.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/o/p/opracowanie_zbiorowe_wielkanoc_2.webp" loading="lazy" width="360" height="360" alt="Wielkanoc" title="Wielkanoc"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(54800);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-wielkanoc-978-83-8250-265-7?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Wielkanoc </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> Opracowanie zbiorowe </div> </div> <script> function initPriceBox__6747f3567b436() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f3567b436()" @update-prices-54800.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="54800" data-price-box="product-id-54800"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-54800" data-price-amount="9.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">9,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/54769/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="1LP94AtXaNFD1wRk"> <input type="hidden" name="product" value="54769"> <a href="https://literia-pl.translate.goog/ksiazka-50-wesolych-robaczkow-978-83-8250-264-0?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-54769.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/o/p/opracowanie_zbiorowe_50_wesolych_robaczkow.webp" loading="lazy" width="360" height="360" alt="50 weso艂ych robaczk贸w" title="50 weso艂ych robaczk贸w"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(54769);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-50-wesolych-robaczkow-978-83-8250-264-0?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> 50 weso艂ych robaczk贸w </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> Opracowanie zbiorowe </div> </div> <script> function initPriceBox__6747f30f51cba() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f30f51cba()" @update-prices-54769.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="54769" data-price-box="product-id-54769"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-54769" data-price-amount="9.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">9,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/54710/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="BsKK0MpMwOLp9B6o"> <input type="hidden" name="product" value="54710"> <a href="https://literia-pl.translate.goog/ksiazka-ho-ho-ho-978-83-8250-185-8?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-54710.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/o/p/opracowanie_zbiorowe_ho_ho_ho.webp" loading="lazy" width="360" height="360" alt="Ho, ho, ho!" title="Ho, ho, ho!"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(54710);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-ho-ho-ho-978-83-8250-185-8?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Ho, ho, ho! </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> Opracowanie zbiorowe </div> </div> <script> function initPriceBox__6747f14ed2b17() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f14ed2b17()" @update-prices-54710.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="54710" data-price-box="product-id-54710"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-54710" data-price-amount="12.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">12,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/53528/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="n4vuKoQjAHYJW66P"> <input type="hidden" name="product" value="53528"> <a href="https://literia-pl.translate.goog/ksiazka-zwierzatka-z-lasu-978-83-8250-184-1?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-53528.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/o/p/opracowanie_zbiorowe_zwierzatka_z_lasu.webp" loading="lazy" width="360" height="360" alt="Zwierz膮tka z lasu" title="Zwierz膮tka z lasu"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(53528);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-zwierzatka-z-lasu-978-83-8250-184-1?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Zwierz膮tka z lasu </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> Opracowanie zbiorowe </div> </div> <script> function initPriceBox__6747f39db22bf() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f39db22bf()" @update-prices-53528.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="53528" data-price-box="product-id-53528"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-53528" data-price-amount="8.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">8,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/52049/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="FcFU3mTjVN5sI9F2"> <input type="hidden" name="product" value="52049"> <a href="https://literia-pl.translate.goog/ksiazka-park-dinozaurow-978-83-8250-183-4?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-52049.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/o/p/opracowanie_zbiorowe_park_dinozaurow.webp" loading="lazy" width="360" height="360" alt="Park dinozaur贸w" title="Park dinozaur贸w"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(52049);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-park-dinozaurow-978-83-8250-183-4?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Park dinozaur贸w </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> Opracowanie zbiorowe </div> </div> <script> function initPriceBox__6747f38a28918() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f38a28918()" @update-prices-52049.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="52049" data-price-box="product-id-52049"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-52049" data-price-amount="8.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">8,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/50531/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="n4vuKoQjAHYJW66P"> <input type="hidden" name="product" value="50531"> <a href="https://literia-pl.translate.goog/ksiazka-zoo-978-83-8250-137-7?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-50531.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/o/p/opracowanie_zbiorowe_zoo.webp" loading="lazy" width="360" height="360" alt="Zoo" title="Zoo"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(50531);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-zoo-978-83-8250-137-7?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Zoo </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> Opracowanie zbiorowe </div> </div> <script> function initPriceBox__6747f39dc60e0() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f39dc60e0()" @update-prices-50531.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="50531" data-price-box="product-id-50531"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-50531" data-price-amount="2.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">2,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/50525/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="OWxbU5xF48gaL2bb"> <input type="hidden" name="product" value="50525"> <a href="https://literia-pl.translate.goog/ksiazka-basia-i-chorowanie-978-83-2768-017-4?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-50525.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/z/o/zofia_stanecka_basia_i_chorowanie.webp" loading="lazy" width="360" height="360" alt="Basia i chorowanie" title="Basia i chorowanie"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(50525);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-basia-i-chorowanie-978-83-2768-017-4?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Basia i chorowanie </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> Zofia Stanecka; Marianna Oklejak </div> </div> <script> function initPriceBox__6747eac147fd3() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747eac147fd3()" @update-prices-50525.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="50525" data-price-box="product-id-50525"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-50525" data-price-amount="11.9" data-price-type="finalPrice" class="price-wrapper "> <span class="price">11,90 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/49475/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="zeENSF3oBfuZeTtp"> <input type="hidden" name="product" value="49475"> <a href="https://literia-pl.translate.goog/ksiazka-basia-i-przedszkole-978-83-2768-018-1?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-49475.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/z/o/zofia_stanecka_basia_i_przedszkole.webp" loading="lazy" width="360" height="360" alt="Basia i przedszkole" title="Basia i przedszkole"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(49475);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-basia-i-przedszkole-978-83-2768-018-1?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Basia i przedszkole </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> Zofia Stanecka; Marianna Oklejak </div> </div> <script> function initPriceBox__6747f43dc359f() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f43dc359f()" @update-prices-49475.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="49475" data-price-box="product-id-49475"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-49475" data-price-amount="11.9" data-price-type="finalPrice" class="price-wrapper "> <span class="price">11,90 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/48813/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="ZpwgHJchTmwKvzF2"> <input type="hidden" name="product" value="48813"> <a href="https://literia-pl.translate.goog/ksiazka-wielkanoc-978-83-8250-136-0?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-48813.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/o/p/opracowanie_zbiorowe_wielkanoc.webp" loading="lazy" width="360" height="360" alt="Wielkanoc" title="Wielkanoc"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(48813);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-wielkanoc-978-83-8250-136-0?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Wielkanoc </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> Opracowanie zbiorowe </div> </div> <script> function initPriceBox__6747f3048b023() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f3048b023()" @update-prices-48813.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="48813" data-price-box="product-id-48813"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-48813" data-price-amount="8.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">8,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/46622/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="KcWGbdfwdZCyPDFM"> <input type="hidden" name="product" value="46622"> <a href="https://literia-pl.translate.goog/ksiazka-ksiezniczki-978-83-8250-108-7?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-46622.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/o/p/opracowanie_zbiorowe_ksiezniczki.webp" loading="lazy" width="360" height="360" alt="Ksi臋偶niczki" title="Ksi臋偶niczki"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(46622);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-ksiezniczki-978-83-8250-108-7?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Ksi臋偶niczki </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> Opracowanie zbiorowe </div> </div> <script> function initPriceBox__6747f3266c389() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f3266c389()" @update-prices-46622.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="46622" data-price-box="product-id-46622"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-46622" data-price-amount="8.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">8,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/46047/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="qfecxEfsANwzv14h"> <input type="hidden" name="product" value="46047"> <a href="https://literia-pl.translate.goog/ksiazka-magiczne-swieta-978-83-8250-070-7?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-46047.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/o/p/opracowanie_zbiorowe_magiczne_swieta.webp" loading="lazy" width="360" height="360" alt="Magiczne 艣wi臋ta" title="Magiczne 艣wi臋ta"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(46047);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-magiczne-swieta-978-83-8250-070-7?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Magiczne 艣wi臋ta </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> Opracowanie zbiorowe </div> </div> <script> function initPriceBox__6747f25072664() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f25072664()" @update-prices-46047.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="46047" data-price-box="product-id-46047"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-46047" data-price-amount="9.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">9,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/45324/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="N4Uf5cjv2o2BHTiG"> <input type="hidden" name="product" value="45324"> <a href="https://literia-pl.translate.goog/ksiazka-salon-sukien-modelki-978-83-8250-069-1?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-45324.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/o/p/opracowanie_zbiorowe_salon_sukien_modelki.webp" loading="lazy" width="360" height="360" alt="Salon sukien. Modelki" title="Salon sukien. Modelki"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(45324);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-salon-sukien-modelki-978-83-8250-069-1?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Salon sukien. Modelki </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> Opracowanie zbiorowe </div> </div> <script> function initPriceBox__6747f3e88fb31() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f3e88fb31()" @update-prices-45324.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="45324" data-price-box="product-id-45324"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-45324" data-price-amount="8.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">8,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/43834/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="KcWGbdfwdZCyPDFM"> <input type="hidden" name="product" value="43834"> <a href="https://literia-pl.translate.goog/ksiazka-fabryka-slodyczy-978-83-8250-068-4?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-43834.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/o/p/opracowanie_zbiorowe_fabryka_slodyczy.webp" loading="lazy" width="360" height="360" alt="Fabryka s艂odyczy" title="Fabryka s艂odyczy"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(43834);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-fabryka-slodyczy-978-83-8250-068-4?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Fabryka s艂odyczy </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> Opracowanie zbiorowe </div> </div> <script> function initPriceBox__6747f32677095() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f32677095()" @update-prices-43834.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="43834" data-price-box="product-id-43834"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-43834" data-price-amount="8.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">8,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/42890/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="pOZISYoenZtuItbO"> <input type="hidden" name="product" value="42890"> <a href="https://literia-pl.translate.goog/ksiazka-studio-urody-modelki-978-83-8250-016-5?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-42890.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/o/p/opracowanie_zbiorowe_studio_urody_modelki.webp" loading="lazy" width="360" height="360" alt="Studio urody. Modelki" title="Studio urody. Modelki"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(42890);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-studio-urody-modelki-978-83-8250-016-5?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Studio urody. Modelki </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> Opracowanie zbiorowe </div> </div> <script> function initPriceBox__6747f33da60b7() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f33da60b7()" @update-prices-42890.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="42890" data-price-box="product-id-42890"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-42890" data-price-amount="8.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">8,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/41821/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="LA0EtgGOVfU5eOJf"> <input type="hidden" name="product" value="41821"> <a href="https://literia-pl.translate.goog/ksiazka-skarbnica-bajek-978-83-6672-979-7?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-41821.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/s/k/skarbnica_bajek.webp" loading="lazy" width="360" height="360" alt="Skarbnica bajek" title="Skarbnica bajek"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(41821);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-skarbnica-bajek-978-83-6672-979-7?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Skarbnica bajek </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> </div> </div> <script> function initPriceBox__6747f508b2b10() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f508b2b10()" @update-prices-41821.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="41821" data-price-box="product-id-41821"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-41821" data-price-amount="8.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">8,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/41822/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="4y8yePb6Yb62WgqT"> <input type="hidden" name="product" value="41822"> <a href="https://literia-pl.translate.goog/ksiazka-madre-bajki-978-83-6672-980-3?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-41822.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/m/a/madre_bajki.webp" loading="lazy" width="360" height="360" alt="M膮dre bajki" title="M膮dre bajki"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(41822);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-madre-bajki-978-83-6672-980-3?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> M膮dre bajki </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> </div> </div> <script> function initPriceBox__6747f52cb5c70() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f52cb5c70()" @update-prices-41822.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="41822" data-price-box="product-id-41822"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-41822" data-price-amount="9.9" data-price-type="finalPrice" class="price-wrapper "> <span class="price">9,90 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/41298/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="jnjdNgm5mXuBp4kJ"> <input type="hidden" name="product" value="41298"> <a href="https://literia-pl.translate.goog/ksiazka-krasnoludki-978-83-8250-018-9?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-41298.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/m/a/maria_konopnicka_krasnoludki.webp" loading="lazy" width="360" height="360" alt="Krasnoludki" title="Krasnoludki"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(41298);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-krasnoludki-978-83-8250-018-9?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Krasnoludki </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> Maria Konopnicka </div> </div> <script> function initPriceBox__6747f49c44649() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f49c44649()" @update-prices-41298.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="41298" data-price-box="product-id-41298"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-41298" data-price-amount="9.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">9,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/41823/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="cyOHLAhWMJiHohew"> <input type="hidden" name="product" value="41823"> <a href="https://literia-pl.translate.goog/ksiazka-pokochaj-delfinka-florek-978-83-6672-926-1?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-41823.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/p/o/pokochaj_delfinka_florek.webp" loading="lazy" width="360" height="360" alt="Pokochaj...Delfinka.Florek" title="Pokochaj...Delfinka.Florek"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(41823);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-pokochaj-delfinka-florek-978-83-6672-926-1?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Pokochaj...Delfinka.Florek </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> </div> </div> <script> function initPriceBox__6747e92cd0d7a() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747e92cd0d7a()" @update-prices-41823.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="41823" data-price-box="product-id-41823"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-41823" data-price-amount="9.9" data-price-type="finalPrice" class="price-wrapper "> <span class="price">9,90 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/40391/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="mj2FlVZOlfwV25Bp"> <input type="hidden" name="product" value="40391"> <a href="https://literia-pl.translate.goog/ksiazka-muchy-samochwaly-978-83-8250-017-2?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-40391.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/m/u/muchy_samochwaly.webp" loading="lazy" width="360" height="360" alt="Muchy samochwa艂y" title="Muchy samochwa艂y"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(40391);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-muchy-samochwaly-978-83-8250-017-2?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Muchy samochwa艂y </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> </div> </div> <script> function initPriceBox__6747f482bff38() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f482bff38()" @update-prices-40391.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="40391" data-price-box="product-id-40391"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-40391" data-price-amount="8.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">8,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/39696/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="cyOHLAhWMJiHohew"> <input type="hidden" name="product" value="39696"> <a href="https://literia-pl.translate.goog/ksiazka-pokochaj-pieska-kuleczka-978-83-6672-981-0?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-39696.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/p/o/pokochaj_pieska_kuleczka.webp" loading="lazy" width="360" height="360" alt="Pokochaj...Pieska. Kuleczka" title="Pokochaj...Pieska. Kuleczka"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(39696);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-pokochaj-pieska-kuleczka-978-83-6672-981-0?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Pokochaj...Pieska. Kuleczka </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> </div> </div> <script> function initPriceBox__6747e92cdc81d() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747e92cdc81d()" @update-prices-39696.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="39696" data-price-box="product-id-39696"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-39696" data-price-amount="9.9" data-price-type="finalPrice" class="price-wrapper "> <span class="price">9,90 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/39698/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="flG3vSGPiO5u8JZZ"> <input type="hidden" name="product" value="39698"> <a href="https://literia-pl.translate.goog/ksiazka-pawel-i-gawel-978-83-8091-994-5?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-39698.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/p/a/pawel_i_gawel.webp" loading="lazy" width="360" height="360" alt="Pawe艂 i Gawe艂" title="Pawe艂 i Gawe艂"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(39698);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-pawel-i-gawel-978-83-8091-994-5?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Pawe艂 i Gawe艂 </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> </div> </div> <script> function initPriceBox__6747f2820ee36() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f2820ee36()" @update-prices-39698.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="39698" data-price-box="product-id-39698"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-39698" data-price-amount="8.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">8,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/39699/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="FM9QnJDVu5D31i3B"> <input type="hidden" name="product" value="39699"> <a href="https://literia-pl.translate.goog/ksiazka-wielkanoc-978-83-8250-014-1?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-39699.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/w/i/wielkanoc_5.webp" loading="lazy" width="360" height="360" alt="Wielkanoc" title="Wielkanoc"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(39699);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-wielkanoc-978-83-8250-014-1?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Wielkanoc </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> </div> </div> <script> function initPriceBox__6747f3ae88659() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f3ae88659()" @update-prices-39699.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="39699" data-price-box="product-id-39699"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-39699" data-price-amount="7.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">7,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/38427/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="OVWOonWyhHFdK4ST"> <input type="hidden" name="product" value="38427"> <a href="https://literia-pl.translate.goog/ksiazka-pokochaj-pingwinek-smialek-978-83-6672-924-7?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-38427.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/p/o/pokochaj_pingwinek_smialek.webp" loading="lazy" width="360" height="360" alt="Pokochaj...Pingwinek 艢mia艂ek" title="Pokochaj...Pingwinek 艢mia艂ek"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(38427);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-pokochaj-pingwinek-smialek-978-83-6672-924-7?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Pokochaj...Pingwinek 艢mia艂ek </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> </div> </div> <script> function initPriceBox__6747e99142719() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747e99142719()" @update-prices-38427.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="38427" data-price-box="product-id-38427"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-38427" data-price-amount="9.9" data-price-type="finalPrice" class="price-wrapper "> <span class="price">9,90 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/37452/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="agFcfsQYItJf2ztG"> <input type="hidden" name="product" value="37452"> <a href="https://literia-pl.translate.goog/ksiazka-pokochaj-sloniatko-koki-978-83-6672-923-0?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-37452.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/p/o/pokochaj_sloniatko_koki.webp" loading="lazy" width="360" height="360" alt="Pokochaj...S艂oni膮tko Koki" title="Pokochaj...S艂oni膮tko Koki"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(37452);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-pokochaj-sloniatko-koki-978-83-6672-923-0?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Pokochaj...S艂oni膮tko Koki </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> </div> </div> <script> function initPriceBox__6747f41d8eb7c() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f41d8eb7c()" @update-prices-37452.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="37452" data-price-box="product-id-37452"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-37452" data-price-amount="9.9" data-price-type="finalPrice" class="price-wrapper "> <span class="price">9,90 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/37330/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="ZY5TyXuzyNWygdul"> <input type="hidden" name="product" value="37330"> <a href="https://literia-pl.translate.goog/ksiazka-magiczne-swieta-978-83-8091-864-1?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-37330.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/m/a/magiczne_swieta_2.webp" loading="lazy" width="360" height="360" alt="Magiczne 艣wi臋ta" title="Magiczne 艣wi臋ta"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(37330);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-magiczne-swieta-978-83-8091-864-1?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Magiczne 艣wi臋ta </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> </div> </div> <script> function initPriceBox__6747f23ea0d80() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f23ea0d80()" @update-prices-37330.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="37330" data-price-box="product-id-37330"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-37330" data-price-amount="8.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">8,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/37328/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="bqgpP2HOE8qIjbyv"> <input type="hidden" name="product" value="37328"> <a href="https://literia-pl.translate.goog/ksiazka-wyczaruj-swieta-978-83-6646-297-7?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-37328.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/w/y/wyczaruj_swieta.webp" loading="lazy" width="360" height="360" alt="Wyczaruj 艣wi臋ta" title="Wyczaruj 艣wi臋ta"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(37328);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-wyczaruj-swieta-978-83-6646-297-7?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Wyczaruj 艣wi臋ta </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> </div> </div> <script> function initPriceBox__6747e8fc31767() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747e8fc31767()" @update-prices-37328.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="37328" data-price-box="product-id-37328"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-37328" data-price-amount="7.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">7,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/37327/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="2OIanLadoRx1bJxh"> <input type="hidden" name="product" value="37327"> <a href="https://literia-pl.translate.goog/ksiazka-magiczna-gwiazdka-978-83-6646-296-0?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-37327.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/m/a/magiczna_gwiazdka.webp" loading="lazy" width="360" height="360" alt="Magiczna gwiazdka" title="Magiczna gwiazdka"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(37327);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-magiczna-gwiazdka-978-83-6646-296-0?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Magiczna gwiazdka </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> </div> </div> <script> function initPriceBox__6747f48c7a16c() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f48c7a16c()" @update-prices-37327.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="37327" data-price-box="product-id-37327"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-37327" data-price-amount="7.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">7,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/36083/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="oRvl0TsmLyZ3H5pm"> <input type="hidden" name="product" value="36083"> <a href="https://literia-pl.translate.goog/ksiazka-wierszyki-dla-malucha-978-83-8091-955-6?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-36083.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/w/i/wierszyki_dla_malucha_2.webp" loading="lazy" width="360" height="360" alt="Wierszyki dla malucha" title="Wierszyki dla malucha"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(36083);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-wierszyki-dla-malucha-978-83-8091-955-6?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Wierszyki dla malucha </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> </div> </div> <script> function initPriceBox__6747f3f65aaa0() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f3f65aaa0()" @update-prices-36083.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="36083" data-price-box="product-id-36083"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-36083" data-price-amount="8.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">8,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/35527/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="oRvl0TsmLyZ3H5pm"> <input type="hidden" name="product" value="35527"> <a href="https://literia-pl.translate.goog/ksiazka-wierszyki-dla-malucha-978-83-8091-941-9?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-35527.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/w/i/wierszyki_dla_malucha_1.webp" loading="lazy" width="360" height="360" alt="Wierszyki dla malucha" title="Wierszyki dla malucha"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(35527);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-wierszyki-dla-malucha-978-83-8091-941-9?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Wierszyki dla malucha </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> </div> </div> <script> function initPriceBox__6747f3f6739f3() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f3f6739f3()" @update-prices-35527.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="35527" data-price-box="product-id-35527"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-35527" data-price-amount="8.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">8,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/35637/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="9oU5owE4hPExh9Q6"> <input type="hidden" name="product" value="35637"> <a href="https://literia-pl.translate.goog/ksiazka-farma-978-83-8091-863-4?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-35637.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/f/a/farma.webp" loading="lazy" width="360" height="360" alt="Farma" title="Farma"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(35637);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-farma-978-83-8091-863-4?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Farma </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> </div> </div> <script> function initPriceBox__6747f39d66189() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f39d66189()" @update-prices-35637.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="35637" data-price-box="product-id-35637"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-35637" data-price-amount="7.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">7,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/35104/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="qKcMQf4mXhwQS0MN"> <input type="hidden" name="product" value="35104"> <a href="https://literia-pl.translate.goog/ksiazka-wierszyki-dla-malucha-978-83-8091-940-2?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-35104.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/w/i/wierszyki_dla_malucha.webp" loading="lazy" width="360" height="360" alt="Wierszyki dla malucha" title="Wierszyki dla malucha"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(35104);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-wierszyki-dla-malucha-978-83-8091-940-2?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Wierszyki dla malucha </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> </div> </div> <script> function initPriceBox__6747f38bdd222() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f38bdd222()" @update-prices-35104.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="35104" data-price-box="product-id-35104"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-35104" data-price-amount="8.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">8,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/34246/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="9oU5owE4hPExh9Q6"> <input type="hidden" name="product" value="34246"> <a href="https://literia-pl.translate.goog/ksiazka-pieski-978-83-8091-862-7?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-34246.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/p/i/pieski_1.webp" loading="lazy" width="360" height="360" alt="Pieski" title="Pieski"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(34246);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-pieski-978-83-8091-862-7?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Pieski </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> </div> </div> <script> function initPriceBox__6747f39d8ac04() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f39d8ac04()" @update-prices-34246.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="34246" data-price-box="product-id-34246"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-34246" data-price-amount="7.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">7,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/33032/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="tKA6mZca5wwKeUSs"> <input type="hidden" name="product" value="33032"> <a href="https://literia-pl.translate.goog/ksiazka-kotki-978-83-8091-861-0?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-33032.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/k/o/kotki_1.webp" loading="lazy" width="360" height="360" alt="Kotki" title="Kotki"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(33032);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-kotki-978-83-8091-861-0?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Kotki </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> </div> </div> <script> function initPriceBox__6747f39cd778c() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f39cd778c()" @update-prices-33032.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="33032" data-price-box="product-id-33032"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-33032" data-price-amount="7.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">7,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/27807/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="GBCWuECVrmpko7Gr"> <input type="hidden" name="product" value="27807"> <a href="https://literia-pl.translate.goog/ksiazka-wielkanoc-978-83-8091-860-3?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-27807.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/w/i/wielkanoc_2.webp" loading="lazy" width="360" height="360" alt="Wielkanoc" title="Wielkanoc"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(27807);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-wielkanoc-978-83-8091-860-3?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Wielkanoc </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> </div> </div> <script> function initPriceBox__6747f336a75a9() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f336a75a9()" @update-prices-27807.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="27807" data-price-box="product-id-27807"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-27807" data-price-amount="7.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">7,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/27140/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="OdwNtFURBNK9oVQk"> <input type="hidden" name="product" value="27140"> <a href="https://literia-pl.translate.goog/ksiazka-jednorozce-978-83-8091-859-7?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-27140.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/j/e/jednorozce_2.webp" loading="lazy" width="360" height="360" alt="Jednoro偶ce" title="Jednoro偶ce"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(27140);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-jednorozce-978-83-8091-859-7?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Jednoro偶ce </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> </div> </div> <script> function initPriceBox__6747f389a2e79() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f389a2e79()" @update-prices-27140.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="27140" data-price-box="product-id-27140"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-27140" data-price-amount="7.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">7,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/25765/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="gCeGBTMhDgkgwgCC"> <input type="hidden" name="product" value="25765"> <a href="https://literia-pl.translate.goog/ksiazka-magiczne-swieta-978-83-8091-835-1?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-25765.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/m/a/magiczne_swieta_1.webp" loading="lazy" width="360" height="360" alt="Magiczne 艢wi臋ta" title="Magiczne 艢wi臋ta"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(25765);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-magiczne-swieta-978-83-8091-835-1?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Magiczne 艢wi臋ta </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> </div> </div> <script> function initPriceBox__6747f185307b4() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f185307b4()" @update-prices-25765.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="25765" data-price-box="product-id-25765"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-25765" data-price-amount="7.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">7,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> <form method="post" x-cloak x-data="{ hoverProduct: false, isLoading: false }" @mouseover.away="hoverProduct = false" @mouseover="hoverProduct = true" action="https://literia.pl/checkout/cart/add/uenc/%25uenc%25/product/20806/" @submit="isLoading = true" class="item product product-item product_addtocart_form card card-interactive slider-product relative flex flex-col justify-end w-full "> <div class="fixed inset-0 flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.5);z-index:9999;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="block ml-10 text-primary text-base"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"><g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="27" cy="5" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite" /> </circle> <circle cx="49" cy="50" r="5"> <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite" /> <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite" /> </circle> </g> </g> <title>loader</title> </svg><br> 艁adowanie... </div> </div><input name="form_key" type="hidden" value="mINDgwmsxGVHiGCS"> <input type="hidden" name="product" value="20806"> <a href="https://literia-pl.translate.goog/ksiazka-zwierzaki-slodziaki-978-83-8091-722-4?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="product photo product-item-photo slider-img product-list-img bg-white z-[2] block mx-auto rounded-content-large border-literia-light-yellow border aspect-square duration-300 " tabindex="-1" :class="hoverProduct ? 'mt-[-2px] mb-[-86px]':'mt-[2px] mb-[-90px]'"> <img class="object-contain p-[15px] rounded-content-large aspect-square product-image-photo" x-data="" @update-gallery-20806.window="$root.src = $event.detail" src="https://literia.pl/media/catalog/product/cache/360x360/f5b842444a7941a3409e25e76fca397c8ae46a5ae0583fe85d6af6b53d0a763f/z/w/zwierzaki_slodziaki.webp" loading="lazy" width="360" height="360" alt="Zwierzaki s艂odziaki" title="Zwierzaki s艂odziaki"> </a> <button x-data="initWishlist()" @click.prevent="isLoading = true; addToWishlist(20806);" aria-label="Dodaj do listy 偶ycze艅" type="button" class="button-wishlist flex absolute rounded-full z-[4] top-[10px] right-[calc(50%-82px)] bg-white p-2.5 border-2 border-literia-light-yellow shrink-0 items-center justify-center hover:bg-literia-yellow hover:border-literia-yellow ml-2 transition transition-opacity delay-75 hover:delay-700 duration-500 ease-out hover:ease-in" :class="hoverProduct ? 'opacity-100' : 'lg:opacity-0'"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 fill-white" role="img"> <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> <title>heart</title> </svg></button> <button class="absolute z-[4] mx-auto my-0 left-[50%] -translate-x-[50%] btn btn-primary justify-center text-sm rounded-full aspect-square p-[17px] focus:outline-0 focus:ring-0 transition duration-500 mr-auto" :class="hoverProduct ? 'flex' : 'slider-button'" aria-label="Dodaj do koszyka"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 border-current inline" role="img"> <circle cx="9" cy="21" r="1" /><circle cx="20" cy="21" r="1" /><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> <title>shopping-cart</title> </svg></button> <div class="bg-literia-gray product-info flex flex-col relative rounded-content-large justify-start px-4 pb-2.5 pt-[90px] h-[281px] mb-8 border-[2.5px]" :class="hoverProduct ? 'border-literia-light-yellow transition duration-500' : 'border-white'"> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-4 text-xs uppercase text-gray-light my-1"> Ksi膮偶ka </div> <div class="h-[75px]"><a class="product-item-link text-black font-bold whitespace-normal overflow-hidden text-ellipsis hover:underline text-base" href="https://literia-pl.translate.goog/ksiazka-zwierzaki-slodziaki-978-83-8091-722-4?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"> Zwierzaki s艂odziaki </a> <div class="whitespace-nowrap overflow-hidden text-ellipsis h-5 text-sm text-gray-dark my-1"> </div> </div> <script> function initPriceBox__6747f33834d6e() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <div class="flex flex-wrap mt-5 text-gray-900 items-baseline min-h-[60px]" x-data="initPriceBox__6747f33834d6e()" @update-prices-20806.window="updatePrice($event.detail);"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="20806" data-price-box="product-id-20806"><span class="price-container price-final_price tax weee !inline-block"> <span id="product-price-20806" data-price-amount="8.99" data-price-type="finalPrice" class="price-wrapper "> <span class="price">8,99 z艂</span></span> </span> </div> </div> <div class="mt-auto flex flex-wrap justify-center items-center"> </div> </div> </form> </div> </div> <script> function initToolbar_6747f54c09ba1() { return { options: {"productListToolbarForm":{"mode":"product_list_mode","direction":"product_list_dir","order":"product_list_order","limit":"product_list_limit","modeDefault":"grid","directionDefault":"desc","orderDefault":"literia_date_publication","limitDefault":50,"url":"https:\/\/literia.pl\/ksiazki\/ksiazki-dla-dzieci\/0-3-lata","formKey":"dz8zAZTPNlvLrUIG","post":false,"page":"p"}}.productListToolbarForm || {}, getUrlParams: function () { let decode = window.decodeURIComponent, urlPaths = this.options.url.split('?'), urlParams = urlPaths[1] ? urlPaths[1].split('&') : [], params = {}, parameters, i; for (i = 0; i < urlParams.length; i++) { parameters = urlParams[i].split('='); params[decode(parameters[0])] = parameters[1] !== undefined ? decode(parameters[1].replace(/\+/g, '%20')) : ''; } return params; }, getCurrentLimit: function () { return this.getUrlParams()[this.options.limit] || this.options.limitDefault; }, getCurrentPage: function () { return this.getUrlParams()[this.options.page] || 1; }, changeUrl(paramName, paramValue, defaultValue) { let urlPaths = this.options.url.split('?'), baseUrl = urlPaths[0], paramData = this.getUrlParams(), currentPage = this.getCurrentPage(), newPage; /** * calculates the page on which the first item of the current page will * be with the new limit and sets that number as the new page */ if (currentPage > 1 && paramName === this.options.limit) { newPage = Math.floor(this.getCurrentLimit() * (currentPage - 1) / paramValue) + 1; if (newPage > 1) { paramData[this.options.page] = newPage; } else { delete paramData[this.options.page]; } } paramData[paramName] = paramValue; if (this.options.post) { hyva.postForm({action: baseUrl, data: paramData}); } else { if (paramValue === defaultValue.toString()) { delete paramData[paramName]; } paramData = Object.keys(paramData).length === 0 ? '' : '?' + (new URLSearchParams(paramData)); location.href = baseUrl + paramData } } } } </script> <div x-data="initToolbar_6747f54c09ba1()" class="toolbar toolbar-products grid col-span-full sm:grid-cols-4 grid-flow-row gap-2 gap-y-0 items-center"> <p class="hidden toolbar-amount text-sm leading-5 text-gray-700 order-3 sm:order-2 md:order-3 lg:order-2 col-span-2 space-x-1" id="toolbar-amount">Produkty <span class="toolbar-number">42</span></p> <div class="flex justify-center order-2 col-span-4"> </div> <div class="field limiter flex order-3 sm:order-2 md:order-3 lg:order-2 col-span-2 justify-end"> </div> </div> </section> </div> </div> </main> <footer class="page-footer"> <div class="footer content"> <script> addEventListener('DOMContentLoaded', () => { for (const [selector, label] of Object.entries({"aside.sidebar-main":"Sidebar Main"})) { const target = document.querySelector(selector); target && target.setAttribute('aria-label', label); } }, {once: true}) </script> <div class="body-font bg-white"> <div id="salesmanago-newsletter-container" class="container mt-0 mx-auto mb-5 md:mb-[-170px] rounded-content-large px-0 md:px-6 checkout-hidden success-desktop"> </div> <div class="footer bg-literia-gray rounded-content-large md:rounded-none md:pt-[170px] success-desktop"> <div class="container flex flex-col justify-between md:flex-row "> <div class="container px-0"> <style>.cmsb2-absolute { position: absolute } .cmsb2-relative { position: relative } .cmsb2-mx-\[-20px\] { margin-left: -20px; margin-right: -20px } .cmsb2-block { display: block } .cmsb2-flex { display: flex } .cmsb2-basis-1\/6 { flex-basis: 16.666667% } .cmsb2-transform { transform: 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)) } .cmsb2-flex-col { flex-direction: column } .cmsb2-justify-center { justify-content: center } .cmsb2-justify-between { justify-content: space-between } .cmsb2-border-b { border-bottom-width: 1px } .cmsb2-border-t { border-top-width: 1px } .cmsb2-border-solid { border-style: solid } .cmsb2-border-\[\#0000000F\] { border-color: #0000000F } .cmsb2-border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)) } .cmsb2-p-2 { padding: 0.5rem } .cmsb2-pb-5 { padding-bottom: 1.25rem } .cmsb2-text-center { text-align: center } @media (min-width: 768px) { .cmsb2-md\:mx-0 { margin-left: 0px; margin-right: 0px } .cmsb2-md\:mb-4 { margin-bottom: 1rem } .cmsb2-md\:basis-1\/6 { flex-basis: 16.666667% } .cmsb2-md\:flex-row { flex-direction: row } .cmsb2-md\:justify-start { justify-content: flex-start } .cmsb2-md\:justify-end { justify-content: flex-end } .cmsb2-md\:border-0 { border-width: 0px } .cmsb2-md\:text-left { text-align: left } }</style> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> <style> .title-accordion { position: relative; } .title-accordion:after { position: absolute; right: 0; top: 5px; display: block; content: ''; width: 10px; height: 10px; border-left: 3px solid #000; border-bottom: 3px solid #000; transform: rotate(-45deg); opacity: 1; transition-duration: .3s; margin: 0 10px 10px auto; } .close-menu-item:after { transform: rotate(-45deg); transition-duration: .3s; } .open-menu-item:after { transform: rotate(135deg); transition-duration: .3s; } </style> <div class="mx-0> <div class=" widget block block-static-block> <style>.cmsb9-container { width: 100% } @media (min-width: 640px) { .cmsb9-container { max-width: 640px } } @media (min-width: 768px) { .cmsb9-container { max-width: 768px } } @media (min-width: 1024px) { .cmsb9-container { max-width: 1024px } } @media (min-width: 1280px) { .cmsb9-container { max-width: 1280px } } @media (min-width: 1536px) { .cmsb9-container { max-width: 1536px } } .cmsb9-my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem } .cmsb9-mb-3 { margin-bottom: 0.75rem } .cmsb9-ml-2 { margin-left: 0.5rem } .cmsb9-flex { display: flex } .cmsb9-min-h-\[80px\] { min-height: 80px } .cmsb9-w-\[45\%\] { width: 45% } .cmsb9-flex-row { flex-direction: row } .cmsb9-flex-col { flex-direction: column } .cmsb9-flex-wrap { flex-wrap: wrap } .cmsb9-items-center { align-items: center } .cmsb9-items-stretch { align-items: stretch } .cmsb9-justify-center { justify-content: center } .cmsb9-justify-around { justify-content: space-around } .cmsb9-rounded-full { border-radius: 9999px } .cmsb9-rounded-\[30px\] { border-radius: 30px } .cmsb9-bg-white { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) } .cmsb9-p-4 { padding: 1rem } .cmsb9-text-center { text-align: center } .cmsb9-text-sm { font-size: 0.875rem; line-height: 1.25rem } .cmsb9-font-bold { font-weight: 700 } .cmsb9-uppercase { text-transform: uppercase } .cmsb9-leading-6 { line-height: 1.5rem } .cmsb9-text-black { --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)) } .cmsb9-text-\[\#858585\] { --tw-text-opacity: 1; color: rgba(133, 133, 133, var(--tw-text-opacity)) } @media (min-width: 768px) { .cmsb9-md\:mt-8 { margin-top: 2rem } .cmsb9-md\:mb-6 { margin-bottom: 1.5rem } .cmsb9-md\:mb-0 { margin-bottom: 0px } .cmsb9-md\:mr-2 { margin-right: 0.5rem } .cmsb9-md\:w-full { width: 100% } .cmsb9-md\:flex-row { flex-direction: row } .cmsb9-md\:flex-nowrap { flex-wrap: nowrap } .cmsb9-md\:items-center { align-items: center } .cmsb9-md\:border-r { border-right-width: 1px } .cmsb9-md\:border-solid { border-style: solid } .cmsb9-md\:bg-white { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) } .cmsb9-md\:p-0 { padding: 0px } .cmsb9-md\:text-left { text-align: left } .cmsb9-md\:text-base { font-size: 1rem; line-height: 1.5rem } }</style> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> <div class="cmsb9-container cmsb9-flex cmsb9-flex-row bg-background-primary cmsb9-md:bg-white cmsb9-items-stretch cmsb9-md:items-center cmsb9-text-center cmsb9-justify-around cmsb9-min-h-[80px] cmsb9-rounded-full cmsb9-items-center cmsb9-flex-wrap cmsb9-md:flex-nowrap cmsb9-my-5 cmsb9-md:mt-8 cmsb9-md:mb-6"> <div class="cmsb9-w-[45%] cmsb9-rounded-[30px] cmsb9-mb-3 cmsb9-md:mb-0 cmsb9-bg-white md:basis-1/4 cmsb9-p-4 cmsb9-md:p-0 cmsb9-md:w-full"> <div class="cmsb9-flex cmsb9-flex-col cmsb9-items-center cmsb9-md:border-r cmsb9-md:border-solid cmsb9-justify-center cmsb9-md:flex-row"> <div class="cmsb9-mb-3 cmsb9-md:mb-0 cmsb9-md:mr-2"> <svg xmlns="http://www.w3.org/2000/svg" width="21.5" height="25" viewbox="0 0 21.5 20" role="img"><g id="Group_9" data-name="Group 9" transform="translate(-0.25 -1)"> <rect id="Rectangle_234" data-name="Rectangle 234" width="20" height="20" transform="translate(1 1)" fill="none" /> <rect id="Rectangle_12" data-name="Rectangle 12" width="13.636" height="11.818" transform="translate(1 3)" fill="#ffd500" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" /> <path id="Path_18" data-name="Path 18" d="M16,8h3.636l2.727,2.727v4.545H16Z" transform="translate(-1.364 -0.455)" fill="#ffd500" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" /> <circle id="Ellipse_6" data-name="Ellipse 6" cx="2.273" cy="2.273" r="2.273" transform="translate(2.818 14.818)" fill="#ffd500" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" /> <circle id="Ellipse_7" data-name="Ellipse 7" cx="2.273" cy="2.273" r="2.273" transform="translate(14.636 14.818)" fill="#ffd500" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" /> </g> <title>truck</title> </svg> </div> <div class="cmsb9-text-center cmsb9-text-sm cmsb9-md:text-base cmsb9-md:text-left cmsb9-ml-2 cmsb9-text-black"> <div class="cmsb9-uppercase cmsb9-font-bold cmsb9-leading-6"> DOSTAWA GRATIS </div> <div class="cmsb9-text-[#858585]"> Dla zam贸wie艅 od 100z艂 </div> </div> </div> </div> <div class="cmsb9-w-[45%] cmsb9-rounded-[30px] cmsb9-mb-3 cmsb9-md:mb-0 cmsb9-p-4 cmsb9-md:p-0 cmsb9-bg-white md:basis-1/4 cmsb9-md:w-full"> <div class="cmsb9-flex cmsb9-flex-col cmsb9-items-center cmsb9-md:border-r cmsb9-md:border-solid cmsb9-justify-center cmsb9-md:flex-row"> <div class="cmsb9-mb-3 cmsb9-md:mb-0 cmsb9-md:mr-2"> <svg xmlns="http://www.w3.org/2000/svg" width="21.837" height="25" viewbox="0 0 21.837 20" role="img"><g id="Group_11" data-name="Group 11" transform="translate(0.777 1)"> <rect id="Rectangle_235" data-name="Rectangle 235" width="20" height="20" transform="translate(0 -1)" fill="none" /> <path id="Path_19" data-name="Path 19" d="M20.491,15a9,9,0,1,1-2.12-9.358L23,10" transform="translate(-3.001 -2.999)" fill="#ffd500" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" /> <path id="Path_20" data-name="Path 20" d="M23,4v6H17" transform="translate(-3 -3)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" /> </g> <title>rotate-cw</title> </svg> </div> <div class="cmsb9-text-center cmsb9-text-sm cmsb9-md:text-base cmsb9-md:text-left cmsb9-ml-2 cmsb9-text-black"> <div class="cmsb9-uppercase cmsb9-font-bold cmsb9-leading-6"> 14 dni na zwrot </div> <div class="cmsb9-text-[#858585]"> Gwarancja zadowolenia </div> </div> </div> </div> <div class="cmsb9-w-[45%] cmsb9-rounded-[30px] cmsb9-bg-white md:basis-1/4 cmsb9-p-4 cmsb9-md:p-0 cmsb9-md:w-full"> <div class="cmsb9-flex cmsb9-flex-col cmsb9-items-center cmsb9-md:border-r cmsb9-md:border-solid cmsb9-justify-center cmsb9-md:flex-row"> <div class="cmsb9-mb-3 cmsb9-md:mb-0 cmsb9-md:mr-2"> <svg xmlns="http://www.w3.org/2000/svg" width="21.5" height="25" viewbox="0 0 21.5 20" role="img"><g id="Group_13" data-name="Group 13" transform="translate(0.75 3)"> <rect id="Rectangle_236" data-name="Rectangle 236" width="20" height="20" transform="translate(0 -3)" fill="none" /> <rect id="Rectangle_13" data-name="Rectangle 13" width="20" height="14.545" rx="2" transform="translate(0 0)" fill="#ffd500" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" /> <line id="Line_12" data-name="Line 12" x2="20" transform="translate(0 5.455)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" /> </g> <title>credit-card</title> </svg> </div> <div class="cmsb9-text-center cmsb9-text-sm cmsb9-md:text-base cmsb9-md:text-left cmsb9-ml-2 cmsb9-text-black"> <div class="cmsb9-uppercase cmsb9-font-bold cmsb9-leading-6"> Bezpieczne p艂atno艣ci </div> <div class="cmsb9-text-[#858585]"> Zap艂a膰 tak, jak lubisz </div> </div> </div> </div> <div class="cmsb9-w-[45%] cmsb9-rounded-[30px] cmsb9-bg-white md:basis-1/4 cmsb9-p-4 cmsb9-md:p-0 cmsb9-md:w-full"> <div class="cmsb9-flex cmsb9-flex-col cmsb9-items-center cmsb9-justify-center cmsb9-md:flex-row"> <div class="cmsb9-mb-3 cmsb9-md:mb-0 cmsb9-md:mr-2"> <svg xmlns="http://www.w3.org/2000/svg" width="21.5" height="25" viewbox="0 0 21.5 20.75" role="img"><g id="Group_15" data-name="Group 15" transform="translate(0.75 0.75)"> <rect id="Rectangle_237" data-name="Rectangle 237" width="20" height="20" fill="none" /> <path id="Path_22" data-name="Path 22" d="M12,2l3.09,6.269L22,9.281l-5,4.877,1.18,6.89L12,17.793,5.82,21.048,7,14.158,2,9.281,8.91,8.269Z" transform="translate(-2 -2)" fill="#ffd500" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" /> </g> <title>star</title> </svg> </div> <div class="cmsb9-text-center cmsb9-text-sm cmsb9-md:text-base cmsb9-md:text-left cmsb9-ml-2 cmsb9-text-black"> <div class="cmsb9-uppercase cmsb9-font-bold cmsb9-leading-6"> Unikalne oferty </div> <div class="cmsb9-text-[#858585]"> Mamy co艣 dla ka偶dego </div> </div> </div> </div> </div> </div> </div> </div> <div class="cmsb2-flex cmsb2-flex-col cmsb2-justify-center cmsb2-justify-between cmsb2-md:flex-row cmsb2-md:mb-4"> <div class="cmsb2-md:basis-1/6 cmsb2-p-2 cmsb2-flex cmsb2-justify-center cmsb2-text-center cmsb2-md:justify-start cmsb2-md:text-left cmsb2-border-b cmsb2-border-t cmsb2-border-[#0000000F] cmsb2-border-solid cmsb2-md:border-0 cmsb2-mx-[-20px] cmsb2-md:mx-0"> <div class="widget block block-static-block"> <style>.cmsb3-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem } .cmsb3-my-4 { margin-top: 1rem; margin-bottom: 1rem } .cmsb3-ml-1 { margin-left: 0.25rem } .cmsb3-mr-2 { margin-right: 0.5rem } .cmsb3-inline-block { display: inline-block } .cmsb3-pb-3 { padding-bottom: 0.75rem } .cmsb3-pt-3 { padding-top: 0.75rem } .cmsb3-align-middle { vertical-align: middle } .cmsb3-text-base { font-size: 1rem; line-height: 1.5rem } .cmsb3-font-bold { font-weight: 700 } .cmsb3-uppercase { text-transform: uppercase } .cmsb3-text-\[\#3F3827\] { --tw-text-opacity: 1; color: rgb(63 56 39 / var(--tw-text-opacity)) } .cmsb3-text-\[\#858585\] { --tw-text-opacity: 1; color: rgb(133 133 133 / var(--tw-text-opacity)) } .cmsb3-text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)) } .cmsb3-hover\:text-black:hover { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)) } .cmsb3-hover\:underline:hover { text-decoration-line: underline } @media (min-width: 768px) { .cmsb3-md\:pt-0 { padding-top: 0px } }</style> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> <div> <h4 class="title-footer cmsb3-text-black cmsb3-text-base cmsb3-font-bold cmsb3-uppercase cmsb3-pb-3 cmsb3-pt-3 cmsb3-md:pt-0">Szybki kontakt</h4> <ul class="cmsb3-text-[#3F3827]"> <li class="cmsb3-my-2"><span class="cmsb3-inline-block cmsb3-align-middle cmsb3-mr-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-phone-call" role="img"> <path d="M15.05 5A5 5 0 0 1 19 8.95M15.05 1A9 9 0 0 1 23 8.94m-1 7.98v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" /> <title>phone-call</title> </svg></span><a title="Phone" href="tel:+48227786300?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"><span class="cmsb3-inline-block cmsb3-align-middle cmsb3-hover:text-black cmsb3-hover:underline">+48 (22) 778 63 00</span></a></li> <li class="cmsb3-my-2"><span class="cmsb3-inline-block cmsb3-align-middle cmsb3-mr-2 cmsb3-ml-1"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-at-sign" role="img"> <circle cx="12" cy="12" r="4" /><path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94" /> <title>at-sign</title> </svg></span><a title="Email" href="mailto:sklep@literia.pl?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"><span class="cmsb3-inline-block cmsb3-align-middle cmsb3-hover:text-black cmsb3-hover:underline">sklep@literia.pl</span></a></li> </ul> <div class="cmsb3-text-[#858585] cmsb3-my-4"> Poniedzia艂ek-pi膮tek <br> od 9 do 15 </div> </div> </div> </div> </div> <div class="cmsb2-md:basis-1/6 cmsb2-p-2 cmsb2-border-b cmsb2-border-gray-300 cmsb2-border-solid cmsb2-md:border-0"> <div class="widget block block-static-block"> <style>.cmsb4-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem } .cmsb4-cursor-pointer { cursor: pointer } .cmsb4-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem } .cmsb4-pb-4 { padding-bottom: 1rem } .cmsb4-text-base { font-size: 1rem; line-height: 1.5rem } .cmsb4-font-bold { font-weight: 700 } .cmsb4-uppercase { text-transform: uppercase } .cmsb4-text-black { --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)) } .cmsb4-text-\[\#3f3827\] { --tw-text-opacity: 1; color: rgba(63, 56, 39, var(--tw-text-opacity)) } .cmsb4-hover\:text-black:hover { --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)) } .cmsb4-hover\:underline:hover { text-decoration: underline } @media (min-width: 768px) { .cmsb4-md\:pb-4 { padding-bottom: 1rem } }</style> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> <div x-data="initComponent()" x-init="init()"> <div x-show="isMobile" class="title-accordion cmsb4-my-3 cmsb4-cursor-pointer title-footer cmsb4-text-black cmsb4-text-base cmsb4-font-bold cmsb4-uppercase cmsb4-md:pb-4" @click="open = !open" :class="open ? 'open-menu-item' : 'close-menu-item'" x-cloak> Popularne </div> <div x-show="!isMobile" class="cmsb4-cursor-pointer title-footer cmsb4-text-black cmsb4-text-base cmsb4-font-bold cmsb4-uppercase cmsb4-pb-4"> Popularne <span></span> </div> <ul class="cmsb4-text-[#3f3827]" x-show="open"> <li class="cmsb4-py-1 cmsb4-hover:text-black cmsb4-hover:underline"><a title="Newsweek Polska" href="https://literia-pl.translate.goog/prasa/newsweek-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">Newsweek Polska</a></li> <li class="cmsb4-py-1 cmsb4-hover:text-black cmsb4-hover:underline"><a title="Forbes Polska" href="https://literia-pl.translate.goog/prasa/miesiecznik-forbes?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">Forbes Polska</a></li> <li class="cmsb4-py-1 cmsb4-hover:text-black cmsb4-hover:underline"><a title="Ksi膮偶ki" href="https://literia-pl.translate.goog/ksiazki?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">Ksi膮偶ki</a></li> <li class="cmsb4-py-1 cmsb4-hover:text-black cmsb4-hover:underline"><a title="Prasa" href="https://literia-pl.translate.goog/prasa?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">Prasa</a></li> <li class="cmsb4-py-1 cmsb4-hover:text-black cmsb4-hover:underline"><a title="Prasa" href="https://literia-pl.translate.goog/kolekcje?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">Kolekcje</a></li> </ul> </div> </div> </div> </div> <div class="cmsb2-md:basis-1/6 cmsb2-p-2 cmsb2-border-b cmsb2-border-gray-300 cmsb2-border-solid cmsb2-md:border-0"> <div class="widget block block-static-block"> <style>.cmsb5-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem } .cmsb5-cursor-pointer { cursor: pointer } .cmsb5-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem } .cmsb5-pb-4 { padding-bottom: 1rem } .cmsb5-text-base { font-size: 1rem; line-height: 1.5rem } .cmsb5-font-bold { font-weight: 700 } .cmsb5-uppercase { text-transform: uppercase } .cmsb5-text-black { --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)) } .cmsb5-text-\[\#3f3827\] { --tw-text-opacity: 1; color: rgba(63, 56, 39, var(--tw-text-opacity)) } .cmsb5-hover\:text-black:hover { --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)) } .cmsb5-hover\:underline:hover { text-decoration: underline } @media (min-width: 768px) { .cmsb5-md\:pb-4 { padding-bottom: 1rem } }</style> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> <div x-data="initComponent()" x-init="init()"> <div x-show="isMobile" class="title-accordion cmsb5-my-3 cmsb5-cursor-pointer title-footer cmsb5-text-black cmsb5-text-base cmsb5-font-bold cmsb5-uppercase cmsb5-md:pb-4" @click="open = !open" :class="open ? 'open-menu-item' : 'close-menu-item'" x-cloak> Pomoc </div> <div x-show="!isMobile" class="cmsb5-cursor-pointer title-footer cmsb5-text-black cmsb5-text-base cmsb5-font-bold cmsb5-uppercase cmsb5-pb-4"><a title="Pomoc" href="https://literia-pl.translate.goog/pomoc?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">Pomoc</a> <span></span> </div> <ul class="cmsb5-text-[#3f3827]" x-show="open"> <li class="cmsb5-py-1 cmsb5-hover:text-black cmsb5-hover:underline"><a title="Cz臋ste pytania" href="https://literia-pl.translate.goog/czeste-pytania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">Cz臋ste pytania</a></li> <li class="cmsb5-py-1 cmsb5-hover:text-black cmsb5-hover:underline"><a title="Sposoby dostawy" href="https://literia-pl.translate.goog/sposoby-dostawy?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">Sposoby dostawy</a></li> <li class="cmsb5-py-1 cmsb5-hover:text-black cmsb5-hover:underline"><a title="Metody p艂atno艣ci" href="https://literia-pl.translate.goog/metody-platnosci?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">Metody p艂atno艣ci</a></li> <li class="cmsb5-py-1 cmsb5-hover:text-black cmsb5-hover:underline"><a title="Zwroty i reklamacje" href="https://literia-pl.translate.goog/zwroty-i-reklamacje?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">Zwroty i reklamacje</a></li> <li class="cmsb5-py-1 cmsb5-hover:text-black cmsb5-hover:underline"><a title="Kontakt z nami" href="https://literia-pl.translate.goog/kontakt?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">Kontakt z nami</a></li> <li class="cmsb5-py-1 cmsb5-hover:text-black cmsb5-hover:underline"><a title="Regulamin sklepu" href="https://literia-pl.translate.goog/regulamin?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">Regulamin sklepu</a></li> <li class="cmsb5-py-1 cmsb5-hover:text-black cmsb5-hover:underline"><a title="Zasady pozycjonowania" href="https://literia-pl.translate.goog/zasady-pozycjonowania?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">Zasady pozycjonowania</a></li> <li class="cmsb5-py-1 cmsb5-hover:text-black cmsb5-hover:underline"><a title="Polityka prywatno艣ci" href="https://translate.google.com/website?sl=pl&tl=fr&hl=en-GB&u=https://polityka-prywatnosci.onet.pl/index.html" rel="nofollow">Polityka prywatno艣ci</a></li> </ul> </div> </div> </div> </div> <div class="cmsb2-md:basis-1/6 cmsb2-p-2 cmsb2-border-b cmsb2-border-gray-300 cmsb2-border-solid cmsb2-md:border-0"> <div class="widget block block-static-block"> <style>.cmsb6-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem } .cmsb6-cursor-pointer { cursor: pointer } .cmsb6-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem } .cmsb6-pb-4 { padding-bottom: 1rem } .cmsb6-text-base { font-size: 1rem; line-height: 1.5rem } .cmsb6-font-bold { font-weight: 700 } .cmsb6-uppercase { text-transform: uppercase } .cmsb6-text-black { --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)) } .cmsb6-text-\[\#3f3827\] { --tw-text-opacity: 1; color: rgba(63, 56, 39, var(--tw-text-opacity)) } .cmsb6-hover\:text-black:hover { --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)) } .cmsb6-hover\:underline:hover { text-decoration: underline } @media (min-width: 768px) { .cmsb6-md\:pb-4 { padding-bottom: 1rem } }</style> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> <div x-data="initComponent()" x-init="init()"> <div x-show="isMobile" class="title-accordion cmsb6-my-3 cmsb6-cursor-pointer title-footer cmsb6-text-black cmsb6-text-base cmsb6-font-bold cmsb6-uppercase cmsb6-md:pb-4" @click="open = !open" :class="open ? 'open-menu-item' : 'close-menu-item'" x-cloak> Literia.pl </div> <div x-show="!isMobile" class="cmsb6-cursor-pointer title-footer cmsb6-text-black cmsb6-text-base cmsb6-font-bold cmsb6-uppercase cmsb6-pb-4"> Literia.pl <span></span> </div> <ul class="cmsb6-text-[#3f3827]" x-show="open"> <li class="cmsb6-py-1 cmsb6-hover:text-black cmsb6-hover:underline"><a title="O nas" href="https://literia-pl.translate.goog/o-nas?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">O nas</a></li> <li class="cmsb6-py-1 cmsb6-hover:text-black cmsb6-hover:underline"><a title="Dla prasy" href="https://literia-pl.translate.goog/o-nas?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB#dla-prasy">Dla prasy</a></li> <li class="cmsb6-py-1 cmsb6-hover:text-black cmsb6-hover:underline"><a title="Sprzedawaj z nami" href="https://literia-pl.translate.goog/o-nas?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB#sprzedawaj-z-nami">Sprzedawaj z nami</a></li> </ul> </div> </div> </div> </div> <div class="cmsb2-md:basis-1/6 cmsb2-p-2 cmsb2-border-b cmsb2-border-gray-300 cmsb2-border-solid cmsb2-md:border-0"> <div class="widget block block-static-block"> <style>.cmsb7-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem } .cmsb7-cursor-pointer { cursor: pointer } .cmsb7-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem } .cmsb7-pb-4 { padding-bottom: 1rem } .cmsb7-text-base { font-size: 1rem; line-height: 1.5rem } .cmsb7-font-bold { font-weight: 700 } .cmsb7-uppercase { text-transform: uppercase } .cmsb7-text-black { --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)) } .cmsb7-text-\[\#3f3827\] { --tw-text-opacity: 1; color: rgba(63, 56, 39, var(--tw-text-opacity)) } .cmsb7-hover\:text-black:hover { --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)) } .cmsb7-hover\:underline:hover { text-decoration: underline } @media (min-width: 768px) { .cmsb7-md\:pb-4 { padding-bottom: 1rem } }</style> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> <div x-data="initComponent()" x-init="init()"> <div x-show="isMobile" class="title-accordion cmsb7-my-3 cmsb7-cursor-pointer title-footer cmsb7-text-black cmsb7-text-base cmsb7-font-bold cmsb7-uppercase cmsb7-md:pb-4" @click="open = !open" :class="open ? 'open-menu-item' : 'close-menu-item'" x-cloak> Moje konto </div> <div x-show="!isMobile" class="cmsb7-cursor-pointer title-footer cmsb7-text-black cmsb7-text-base cmsb7-font-bold cmsb7-uppercase cmsb7-pb-4"> Moje konto <span></span> </div> <ul class="cmsb7-text-[#3f3827]" x-show="open"> <li class="cmsb7-py-1 cmsb7-hover:text-black cmsb7-hover:underline"><a title="Koszyk" href="https://literia-pl.translate.goog/checkout/cart?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">Koszyk</a></li> <li class="cmsb7-py-1 cmsb7-hover:text-black cmsb7-hover:underline"><a title="Lista 偶ycze艅" href="https://literia-pl.translate.goog/wishlist?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">Lista 偶ycze艅</a></li> <li class="cmsb7-py-1 cmsb7-hover:text-black cmsb7-hover:underline"><a title="Cyfrowa p贸艂ka" href="https://literia-pl.translate.goog/downloadable/customer/products?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">Cyfrowa p贸艂ka</a></li> <li class="cmsb7-py-1 cmsb7-hover:text-black cmsb7-hover:underline"><a title="Status zam贸wienia" href="https://literia-pl.translate.goog/sales/order/history?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">Status zam贸wienia</a></li> <li class="cmsb7-py-1 cmsb7-hover:text-black cmsb7-hover:underline"><a title="Zarz膮dzaj kontem" href="https://literia-pl.translate.goog/customer/account/edit?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">Zarz膮dzaj kontem</a></li> </ul> </div> </div> </div> </div> <div class="cmsb2-basis-1/6 cmsb2-p-2 cmsb2-flex cmsb2-justify-center cmsb2-text-center cmsb2-md:justify-end cmsb2-pb-5"> <div class="widget block block-static-block"> <style>.cmsb8-mx-1 { margin-left: 0.25rem; margin-right: 0.25rem } .cmsb8-flex { display: flex } .cmsb8-h-10 { height: 2.5rem } .cmsb8-w-10 { width: 2.5rem } .cmsb8-items-center { align-items: center } .cmsb8-justify-center { justify-content: center } .cmsb8-rounded-full { border-radius: 9999px } .cmsb8-bg-white { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) } .cmsb8-pb-4 { padding-bottom: 1rem } .cmsb8-pt-3 { padding-top: 0.75rem } .cmsb8-text-base { font-size: 1rem; line-height: 1.5rem } .cmsb8-font-bold { font-weight: 700 } .cmsb8-uppercase { text-transform: uppercase } .cmsb8-text-black { --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)) } .cmsb8-text-\[\#3f3827\] { --tw-text-opacity: 1; color: rgba(63, 56, 39, var(--tw-text-opacity)) } @media (min-width: 768px) { .cmsb8-md\:justify-end { justify-content: flex-end } .cmsb8-md\:pt-0 { padding-top: 0px } }</style> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> <div> <h4 class="title-footer cmsb8-text-black cmsb8-text-base cmsb8-font-bold cmsb8-uppercase cmsb8-pb-4 cmsb8-pt-3 cmsb8-md:pt-0">Znajdziesz nas na</h4> <ul class=" cmsb8-flex cmsb8-text-[#3f3827] cmsb8-justify-center cmsb8-md:justify-end"> <li class="cmsb8-mx-1"><a title="Facebook" href="https://translate.google.com/website?sl=pl&tl=fr&hl=en-GB&u=https://www.facebook.com/ksiegarnia?fref%3Dts"> <span class="cmsb8-w-10 cmsb8-h-10 cmsb8-rounded-full cmsb8-bg-white cmsb8-flex cmsb8-items-center cmsb8-justify-center hover:bg-literia-yellow"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="fill-white" role="img"> <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" /> <title>facebook</title> </svg><span></span></span></a></li> <li class="cmsb8-mx-1"><a title="Instagram" href="https://translate.google.com/website?sl=pl&tl=fr&hl=en-GB&u=https://www.instagram.com/literiapl/"> <span class="cmsb8-w-10 cmsb8-h-10 cmsb8-rounded-full cmsb8-bg-white cmsb8-flex cmsb8-items-center cmsb8-justify-center hover:bg-literia-yellow"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="fill-white" role="img"> <rect x="2" y="2" width="20" height="20" rx="5" ry="5" /><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" /><line x1="17.5" y1="6.5" x2="17.51" y2="6.5" /> <title>instagram</title> </svg><span></span></span></a></li> </ul> </div> </div> </div> </div> </div> <script> function initComponent() { return { isMobile: false, open: true, init() { const matchMedia = window.matchMedia('(max-width: 768px)'); // set the initial value this.isMobile = matchMedia.matches; // trigger update value on changes matchMedia.addEventListener('change', (event) => this.isMobile = event.matches) if(this.isMobile) { this.open=false; } } } } </script> <div class="widget block block-static-block"> <style>.cmsb49-fixed { position: fixed } .cmsb49-inset-0 { inset: 0px } .cmsb49-flex { display: flex } .cmsb49-h-full { height: 100% } .cmsb49-w-full { width: 100% } .cmsb49-select-none { user-select: none } .cmsb49-flex-row { flex-direction: row } .cmsb49-items-center { align-items: center } .cmsb49-justify-center { justify-content: center }</style> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> <style> .category-prenumeraty .fixed.inset-0.flex.flex-row.justify-center.items-center.w-full.h-full.fixed.select-none, .page-product-bundle .fixed.inset-0.flex.flex-row.justify-center.items-center.w-full.h-full.fixed.select-none { display: none !important; } </style> </div> </div> </div> </div> </div> <style>.cmsb10-container { width: 100% } @media (min-width: 640px) { .cmsb10-container { max-width: 640px } } @media (min-width: 768px) { .cmsb10-container { max-width: 768px } } @media (min-width: 1024px) { .cmsb10-container { max-width: 1024px } } @media (min-width: 1280px) { .cmsb10-container { max-width: 1280px } } @media (min-width: 1536px) { .cmsb10-container { max-width: 1536px } } .cmsb10-mx-auto { margin-left: auto; margin-right: auto } .cmsb10-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem } .cmsb10-my-auto { margin-top: auto; margin-bottom: auto } .cmsb10-mb-16 { margin-bottom: 4rem } .cmsb10-mr-0 { margin-right: 0px } .cmsb10-mb-3 { margin-bottom: 0.75rem } .cmsb10-mr-2 { margin-right: 0.5rem } .cmsb10-mb-2 { margin-bottom: 0.5rem } .cmsb10-mb-4 { margin-bottom: 1rem } .cmsb10-ml-0 { margin-left: 0px } .cmsb10-mr-1 { margin-right: 0.25rem } .cmsb10-flex { display: flex } .cmsb10-h-10 { height: 2.5rem } .cmsb10-h-7 { height: 1.75rem } .cmsb10-w-full { width: 100% } .cmsb10-w-\[60px\] { width: 60px } .cmsb10-w-7 { width: 1.75rem } .cmsb10-list-none { list-style-type: none } .cmsb10-flex-col { flex-direction: column } .cmsb10-flex-wrap { flex-wrap: wrap } .cmsb10-items-center { align-items: center } .cmsb10-justify-center { justify-content: center } .cmsb10-rounded-\[20px\] { border-radius: 20px } .cmsb10-border { border-width: 1px } .cmsb10-border-t { border-top-width: 1px } .cmsb10-border-solid { border-style: solid } .cmsb10-border-black { --tw-border-opacity: 1; border-color: rgba(0, 0, 0, var(--tw-border-opacity)) } .cmsb10-bg-white { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) } .cmsb10-object-contain { object-fit: contain } .cmsb10-p-5 { padding: 1.25rem } .cmsb10-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem } .cmsb10-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem } .cmsb10-pt-3 { padding-top: 0.75rem } .cmsb10-pb-0 { padding-bottom: 0px } .cmsb10-pt-4 { padding-top: 1rem } .cmsb10-text-center { text-align: center } .cmsb10-font-bold { font-weight: 700 } .cmsb10-uppercase { text-transform: uppercase } .cmsb10-hover\:text-black:hover { --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)) } .cmsb10-hover\:underline:hover { text-decoration: underline } @media (min-width: 768px) { .cmsb10-md\:my-0 { margin-top: 0px; margin-bottom: 0px } .cmsb10-md\:mb-0 { margin-bottom: 0px } .cmsb10-md\:mr-8 { margin-right: 2rem } .cmsb10-md\:mr-2 { margin-right: 0.5rem } .cmsb10-md\:ml-auto { margin-left: auto } .cmsb10-md\:w-1\/2 { width: 50% } .cmsb10-md\:flex-row { flex-direction: row } .cmsb10-md\:p-6 { padding: 1.5rem } .cmsb10-md\:px-0 { padding-left: 0px; padding-right: 0px } .cmsb10-md\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem } .cmsb10-md\:pt-6 { padding-top: 1.5rem } .cmsb10-md\:text-left { text-align: left } .cmsb10-md\:text-right { text-align: right } } @media (min-width: 1024px) { .cmsb10-lg\:mb-0 { margin-bottom: 0px } }</style> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> <div class="cmsb10-bg-white cmsb10-mb-16 cmsb10-md:mb-0 success-desktop"> <div class="footer-partners-container cmsb10-container cmsb10-flex cmsb10-flex-col cmsb10-md:flex-row cmsb10-p-5 cmsb10-pt-3 cmsb10-pb-0 cmsb10-md:p-6 cmsb10-md:px-0 cmsb10-text-center cmsb10-md:text-left align-center cmsb10-mx-auto cmsb10-md:px-6"> <div class="footer-partners-item cmsb10-w-full cmsb10-md:w-1/2 cmsb10-flex cmsb10-flex-col cmsb10-md:flex-row cmsb10-my-3 cmsb10-md:my-0 cmsb10-md:mr-8 cmsb10-items-center"> <div class="cmsb10-uppercase cmsb10-font-bold cmsb10-mr-0 cmsb10-mb-3 cmsb10-md:mr-2 cmsb10-lg:mb-0"> Akceptujemy </div> <div class="cmsb10-flex cmsb10-items-center cmsb10-flex-wrap cmsb10-justify-center"><span class="partner-container cmsb10-w-[60px] cmsb10-rounded-[20px] cmsb10-border border-warmgray cmsb10-mr-2 cmsb10-mb-2 cmsb10-lg:mb-0"><img src="https://literia.pl/media/wysiwyg/icons/visa.png" alt="Logo visa" height="40" width="40" class="partner-icon cmsb10-h-10 cmsb10-mx-auto cmsb10-object-contain" loading="lazy"> </span> <span class="partner-container cmsb10-w-[60px] cmsb10-rounded-[20px] cmsb10-flex cmsb10-h-10 cmsb10-border border-warmgray cmsb10-mr-2 cmsb10-mb-2 cmsb10-lg:mb-0"><img src="https://literia.pl/media/wysiwyg/icons/mactercard.png" alt="Logo mastercard" height="40" width="40" class="partner-icon cmsb10-w-7 cmsb10-mx-auto cmsb10-my-auto cmsb10-object-contain" loading="lazy"> </span> <span class="partner-container cmsb10-w-[60px] cmsb10-rounded-[20px] cmsb10-flex cmsb10-h-10 cmsb10-border border-warmgray cmsb10-mr-2 cmsb10-mb-2 cmsb10-lg:mb-0"><img src="https://literia.pl/media/wysiwyg/icons/payU-48.png" alt="Logo PayU" height="40" width="40" class="cmsb10-mx-auto cmsb10-my-auto cmsb10-object-contain" loading="lazy"> </span> </div> </div> <div class="footer-partners-item cmsb10-w-full cmsb10-md:w-1/2 cmsb10-flex cmsb10-flex-col cmsb10-md:flex-row cmsb10-my-3 cmsb10-md:my-0 cmsb10-items-center"> <div class="cmsb10-uppercase cmsb10-font-bold cmsb10-mr-0 cmsb10-mb-3 cmsb10-md:mr-2 cmsb10-lg:mb-0"> Partnerzy logistyczni </div> <div class="cmsb10-flex cmsb10-items-center cmsb10-flex-wrap cmsb10-justify-center"><span class="partner-container cmsb10-w-[60px] cmsb10-rounded-[20px] cmsb10-border border-warmgray cmsb10-mr-2 cmsb10-mb-2 cmsb10-lg:mb-0"><img src="https://literia.pl/media/wysiwyg/icons/poczta-polska-logo-48.png" alt="Logo poczta polska" height="60" width="60" class="partner-icon cmsb10-h-10 cmsb10-mx-auto cmsb10-object-contain" loading="lazy"></span> <span class="partner-container cmsb10-w-[60px] cmsb10-rounded-[20px] cmsb10-border border-warmgray cmsb10-mr-2 cmsb10-mb-2 cmsb10-lg:mb-0"><img src="https://literia.pl/media/wysiwyg/icons/Fedex.jpg" alt="Logo poczta polska" height="60" width="60" class="partner-icon cmsb10-h-10 cmsb10-mx-auto cmsb10-object-contain" loading="lazy"></span>  </div> </div> </div> <div class="footer-links-container cmsb10-border-t cmsb10-border-solid "> <div class="cmsb10-container cmsb10-flex cmsb10-flex-col cmsb10-md:flex-row cmsb10-py-6 cmsb10-pt-4 cmsb10-md:pt-6 cmsb10-mx-auto cmsb10-items-center cmsb10-md:px-6 links-container"> <div class="footer-links-item footer-links-item-left cmsb10-text-center cmsb10-md:text-left cmsb10-mb-4 cmsb10-md:mb-0 text-color-text-light"> <ul class="text-gray-dark cmsb10-list-none cmsb10-flex cmsb10-flex-col cmsb10-md:flex-row"> <li class="cmsb10-py-1 cmsb10-hover:text-black cmsb10-hover:underline"><a title="Strona korporacyjna" href="https://translate.google.com/website?sl=pl&tl=fr&hl=en-GB&u=https://ringieraxelspringer.pl/+">Strona korporacyjna</a></li> </ul> </div> <div class="footer-links-item footer-links-item-right cmsb10-ml-0 cmsb10-md:ml-auto cmsb10-flex cmsb10-flex-col cmsb10-md:flex-row cmsb10-text-center cmsb10-md:text-right"><span> 漏 <span class="cmsb10-font-bold cmsb10-mr-1">Literia.pl</span></span> <span>Wszelkie prawa zastrze偶one</span> </div> </div> </div> </div> </div> </div> <div class="container flex flex-col justify-between px-0 w-full hidden checkout-visible success-mobile"> <style>.cmsb40-container { width: 100% } @media (min-width: 640px) { .cmsb40-container { max-width: 640px } } @media (min-width: 768px) { .cmsb40-container { max-width: 768px } } @media (min-width: 1024px) { .cmsb40-container { max-width: 1024px } } @media (min-width: 1280px) { .cmsb40-container { max-width: 1280px } } @media (min-width: 1536px) { .cmsb40-container { max-width: 1536px } } .cmsb40-flex { display: flex } .cmsb40-transform { transform: var(--tw-transform) } .cmsb40-flex-col { flex-direction: column } .cmsb40-justify-center { justify-content: center } .cmsb40-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem } .cmsb40-pt-4 { padding-top: 1rem } .cmsb40-text-center { text-align: center } @media (min-width: 768px) { .cmsb40-md\:flex-row { flex-direction: row } .cmsb40-md\:justify-start { justify-content: flex-start } .cmsb40-md\:py-8 { padding-top: 2rem; padding-bottom: 2rem } .cmsb40-md\:text-left { text-align: left } } @media (min-width: 1024px) { .cmsb40-lg\:justify-between { justify-content: space-between } }</style> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> <style> .title-accordion { position: relative; } .title-accordion:after { position: absolute; right: 0; top: 5px; display: block; content: ''; width: 10px; height: 10px; border-left: 3px solid #000; border-bottom: 3px solid #000; transform: rotate(-45deg); opacity: 1; transition-duration: .3s; margin: 0 10px 10px auto; } .close-menu-item:after { transform: rotate(-45deg); transition-duration: .3s; } .open-menu-item:after { transform: rotate(135deg); transition-duration: .3s; } </style> <div class="footer-info-container cmsb40-container cmsb40-pt-4 cmsb40-py-10 cmsb40-md:py-8 cmsb40-flex cmsb40-flex-col cmsb40-justify-center cmsb40-lg:justify-between cmsb40-md:flex-row"> <div class="footer-info-item cmsb40-flex cmsb40-justify-center cmsb40-text-center cmsb40-md:justify-start cmsb40-md:text-left -mb-[2rem]"> <div class="widget block block-static-block"> <style>.cmsb41-container { width: 100% } @media (min-width: 640px) { .cmsb41-container { max-width: 640px } } @media (min-width: 768px) { .cmsb41-container { max-width: 768px } } @media (min-width: 1024px) { .cmsb41-container { max-width: 1024px } } @media (min-width: 1280px) { .cmsb41-container { max-width: 1280px } } @media (min-width: 1536px) { .cmsb41-container { max-width: 1536px } } .cmsb41-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem } .cmsb41-my-0 { margin-top: 0px; margin-bottom: 0px } .cmsb41-mr-2 { margin-right: 0.5rem } .cmsb41-ml-1 { margin-left: 0.25rem } .cmsb41-inline-block { display: inline-block } .cmsb41-flex { display: flex } .cmsb41-flex-col { flex-direction: column } .cmsb41-align-middle { vertical-align: middle } .cmsb41-text-base { font-size: 1rem; line-height: 1.5rem } .cmsb41-font-bold { font-weight: 700 } .cmsb41-uppercase { text-transform: uppercase } .cmsb41-text-\[\#3F3827\] { --tw-text-opacity: 1; color: rgba(63, 56, 39, var(--tw-text-opacity)) } .cmsb41-text-black { --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)) } .cmsb41-text-\[\#858585\] { --tw-text-opacity: 1; color: rgba(133, 133, 133, var(--tw-text-opacity)) } .cmsb41-hover\:text-black:hover { --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)) } .cmsb41-hover\:underline:hover { text-decoration: underline } @media (min-width: 768px) { .cmsb41-md\:flex-row { flex-direction: row } .cmsb41-md\:gap-6 { gap: 1.5rem } .cmsb41-md\:px-0 { padding-left: 0px; padding-right: 0px } }</style> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> <ul class="column-container cmsb41-container cmsb41-flex cmsb41-flex-col cmsb41-md:flex-row cmsb41-md:gap-6 cmsb41-text-[#3F3827] cmsb41-md:px-0"> <li class="cmsb41-my-2"><h4 class="title-footer cmsb41-text-black cmsb41-text-base cmsb41-font-bold cmsb41-uppercase cmsb41-my-0">Szybki kontakt</h4></li> <li class="cmsb41-my-2"><a title="Phone" href="tel:+48227786300?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"><span class="cmsb41-inline-block cmsb41-align-middle cmsb41-mr-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-phone-call" role="img"> <path d="M15.05 5A5 5 0 0 1 19 8.95M15.05 1A9 9 0 0 1 23 8.94m-1 7.98v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" /> <title>feather/phone-call</title> </svg></span><span class="cmsb41-inline-block cmsb41-align-middle text-gray-dark cmsb41-hover:text-black cmsb41-hover:underline">+48 (22) 778 63 00</span></a></li> <li class="cmsb41-my-2"><a title="Email" href="mailto:sklep@literia.pl?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB"><span class="cmsb41-inline-block cmsb41-align-middle cmsb41-mr-2 cmsb41-ml-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-at-sign" role="img"> <circle cx="12" cy="12" r="4" /><path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94" /> <title>feather/at-sign</title> </svg></span><span class="cmsb41-inline-block cmsb41-align-middle text-gray-dark cmsb41-hover:text-black cmsb41-hover:underline">sklep@literia.pl</span></a></li> <li class="cmsb41-my-2"><span class="cmsb41-inline-block cmsb41-align-middle cmsb41-mr-2 cmsb41-ml-1 cmsb41-text-[#858585]">Poniedzia艂ek-pi膮tek od 9 do 15</span></li> </ul> </div> </div> </div> </div> <script> function initComponent() { return { isMobile: false, open: true, init() { const matchMedia = window.matchMedia('(max-width: 768px)'); // set the initial value this.isMobile = matchMedia.matches; // trigger update value on changes matchMedia.addEventListener('change', (event) => this.isMobile = event.matches) if(this.isMobile) { this.open=false; } } } } </script> </div> <style>.cmsb43-container { width: 100% } @media (min-width: 640px) { .cmsb43-container { max-width: 640px } } @media (min-width: 768px) { .cmsb43-container { max-width: 768px } } @media (min-width: 1024px) { .cmsb43-container { max-width: 1024px } } @media (min-width: 1280px) { .cmsb43-container { max-width: 1280px } } @media (min-width: 1536px) { .cmsb43-container { max-width: 1536px } } .cmsb43-mx-auto { margin-left: auto; margin-right: auto } .cmsb43-my-auto { margin-top: auto; margin-bottom: auto } .cmsb43-mb-16 { margin-bottom: 4rem } .cmsb43-mb-4 { margin-bottom: 1rem } .cmsb43-ml-0 { margin-left: 0px } .cmsb43-mr-1 { margin-right: 0.25rem } .cmsb43-flex { display: flex } .cmsb43-list-none { list-style-type: none } .cmsb43-flex-col { flex-direction: column } .cmsb43-items-center { align-items: center } .cmsb43-border-t { border-top-width: 1px } .cmsb43-border-solid { border-style: solid } .cmsb43-bg-white { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) } .cmsb43-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem } .cmsb43-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem } .cmsb43-text-center { text-align: center } .cmsb43-font-bold { font-weight: 700 } .cmsb43-hover\:text-black:hover { --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)) } .cmsb43-hover\:underline:hover { text-decoration: underline } @media (min-width: 768px) { .cmsb43-md\:mb-0 { margin-bottom: 0px } .cmsb43-md\:ml-auto { margin-left: auto } .cmsb43-md\:flex-row { flex-direction: row } .cmsb43-md\:text-left { text-align: left } .cmsb43-md\:text-right { text-align: right } }</style> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> <div class="cmsb43-bg-white cmsb43-mb-16 cmsb43-md:mb-0"> <div class="footer-links-container cmsb43-container cmsb43-flex cmsb43-flex-col cmsb43-md:flex-row cmsb43-py-6 cmsb43-border-t cmsb43-border-solid cmsb43-mx-auto"> <div class="footer-links-item footer-links-item-left cmsb43-text-center cmsb43-md:text-left cmsb43-mb-4 cmsb43-md:mb-0 text-color-text-light success-desktop"> <ul class="text-gray-dark cmsb43-list-none cmsb43-flex cmsb43-flex-col cmsb43-md:flex-row"> <li class="cmsb43-py-1 cmsb43-hover:text-black cmsb43-hover:underline"><a title="Strona korporacyjna" href="https://translate.google.com/website?sl=pl&tl=fr&hl=en-GB&u=https://ringieraxelspringer.pl/+">Strona korporacyjna</a></li> </ul> </div> <div class="footer-links-item footer-links-item-right cmsb43-ml-0 cmsb43-md:ml-auto cmsb43-flex cmsb43-flex-col cmsb43-md:flex-row cmsb43-text-center cmsb43-md:text-right cmsb43-my-auto cmsb43-items-center"><span> 漏 <span class="cmsb43-font-bold cmsb43-mr-1">Literia.pl</span></span> <span>Wszelkie prawa zastrze偶one</span> </div> </div> </div> </div> </div> </div> </footer> </div> <script> (() => { function src_default(Alpine) { Alpine.directive("intersect", (el, { value, expression, modifiers }, { evaluateLater, cleanup }) => { let evaluate = evaluateLater(expression); let options = { rootMargin: getRootMargin(modifiers), threshold: getThreshhold(modifiers) }; let observer = new IntersectionObserver((entries) => { entries.forEach((entry) => { if (entry.isIntersecting === (value === "leave")) return; evaluate(); modifiers.includes("once") && observer.disconnect(); }); }, options); observer.observe(el); cleanup(() => { observer.disconnect(); }); }); } function getThreshhold(modifiers) { if (modifiers.includes("full")) return 0.99; if (modifiers.includes("half")) return 0.5; if (!modifiers.includes("threshold")) return 0; let threshold = modifiers[modifiers.indexOf("threshold") + 1]; if (threshold === "100") return 1; if (threshold === "0") return 0; return Number(`.${threshold}`); } function getLengthValue(rawValue) { let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/); return match ? match[1] + (match[2] || "px") : void 0; } function getRootMargin(modifiers) { const key = "margin"; const fallback = "0px 0px 0px 0px"; const index = modifiers.indexOf(key); if (index === -1) return fallback; let values = []; for (let i = 1; i < 5; i++) { values.push(getLengthValue(modifiers[index + i] || "")); } values = values.filter((v) => v !== void 0); return values.length ? values.join(" ").trim() : fallback; } document.addEventListener("alpine:init", () => { window.Alpine.plugin(src_default); }); })(); </script> <script> 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":"intersect"})) { document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`)); } </script> <script> (function () { "use strict"; const hasAlpine = new Promise(resolve => { window.addEventListener('alpine:initialized', resolve, {once: true, passive: true}); }); const hasInteract = new Promise(resolve => { (events => { const onInteract = () => { resolve(); events.forEach(type => window.removeEventListener(type, onInteract)); } events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true})) })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown']) }); const onIntersect = (el) => { return new Promise(resolve => { const observer = new IntersectionObserver(entries => { for (const entry of entries) { if (entry.isIntersecting) { observer.disconnect() resolve(); } } }, {}); observer.observe(el); }); } function runComponent(el) { hasAlpine.then(() => { el.removeAttribute('x-ignore'); queueMicrotask(() => Alpine.initTree(el)); }); } function initDeferredComponents() { document.querySelectorAll('[x-data][x-defer]').forEach(el => { el.setAttribute('x-ignore', ''); const deferUntil = (el.getAttribute('x-defer') || '').trim(); switch (deferUntil) { case 'interact': hasInteract.then(() => runComponent(el)); break; case 'intersect': onIntersect(el).then(() => runComponent(el)) break; case 'idle': window.requestIdleCallback ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000}) : setTimeout(() => runComponent(el), 4000); break; case 'eager': runComponent(el); break; default: if (deferUntil.startsWith('event:') && deferUntil.length > 6) { window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true}); } } }); } window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true}); })() </script> <script type="module" src="https://literia.pl/static/version1729671568/frontend/NineBits/Literia/pl_PL/Hyva_Theme/js/alpine3.min.js" defer crossorigin></script> <script> 'use strict'; function dispatchMessages(messages, hideAfter) { const messagesEvent = new CustomEvent("messages-loaded", { detail: { messages: messages, hideAfter: hideAfter } }); window.dispatchEvent(messagesEvent); } if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { console.warn("Hyv盲 helpers are not loaded yet. Make sure they are included before this script"); } (function( hyva, undefined ) { hyva.initFormKey = () => { const inputSelector = 'input[name="form_key"]', formKey = hyva.getFormKey(); Array.from(document.querySelectorAll(inputSelector)).map(function (input) { input.value = formKey }); } hyva.initMessages = () => { try { const messages = hyva.getCookie('mage-messages'); window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; dispatchMessages(window.mageMessages); // empty `mage-messages` cookie const skipSetDomain = true; hyva.setCookie('mage-messages','', -1, skipSetDomain); } catch (error) { console.warn('Error parsing Cookie Messages:', error); } } window.addEventListener('DOMContentLoaded', hyva.initFormKey); hyva.alpineInitialized(hyva.initMessages) }( window.hyva = window.hyva || {} )); </script> <script> 'use strict'; { const private_content_key = 'mage-cache-storage'; const private_content_expire_key = 'mage-cache-timeout'; const private_content_version_key = 'private_content_version'; const section_data_ids_key = 'section_data_ids'; const mage_cache_session_id_key = 'mage-cache-sessid'; const last_visited_store_key = 'last_visited_store'; const ttl = 3600; if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { console.warn("Hyv盲 helpers are not loaded yet. Make sure they are included before this script"); } function loadSectionData () { const browserStorage = hyva.getBrowserStorage(); if (!browserStorage) { typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( [{ type: "warning", text: "Please enable LocalStorage in your browser." }] ); return; } try { let isInvalid = false; if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) { isInvalid = true; } hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false); if (!hyva.getCookie(mage_cache_session_id_key)) { isInvalid = true; const skipSetDomain = true; const days = false; hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain) } const cookieVersion = hyva.getCookie(private_content_version_key); const storageVersion = browserStorage.getItem(private_content_version_key); if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) { isInvalid = true; } const privateContentExpires = browserStorage.getItem(private_content_expire_key); if (privateContentExpires && new Date(privateContentExpires) < new Date()) { browserStorage.removeItem(private_content_key); } if (isInvalid) { fetchPrivateContent([]); } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) { const privateContent = JSON.parse(browserStorage.getItem(private_content_key)); if ( privateContent && privateContentExpires && privateContent.cart && privateContent.customer ) { dispatchPrivateContent(privateContent); } else { fetchPrivateContent([]); } } else { dispatchPrivateContent({}); } } catch (error) { console.warn('Error retrieving Private Content:', error); } } window.addEventListener('load', loadSectionData); window.addEventListener('reload-customer-section-data', loadSectionData); if(document.referrer.indexOf('konto.onet.pl') > -1){ hyva.setCookie('mage-cache-sessid', '', -1, true); window.dispatchEvent(new CustomEvent("reload-customer-section-data")); } function dispatchPrivateContent(data) { const privateContentEvent = new CustomEvent("private-content-loaded", { detail: { data: data } }); window.dispatchEvent(privateContentEvent); } function fetchPrivateContent(sections) { fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, { method: 'GET', headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' } }) .then(response => response.json()) .then( data => { if (data) { try { const browserStorage = hyva.getBrowserStorage(); // merge new data preserving non-invalidated sections const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}'); if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) { delete oldSectionData['checkout-data']; } const newSectionData = Object.assign(oldSectionData, data); dispatchPrivateContent(newSectionData); // don't persist messages, they've been dispatched already if (newSectionData.messages && newSectionData.messages.messages ) { newSectionData.messages.messages = []; } browserStorage.setItem(private_content_key, JSON.stringify(newSectionData)); const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString(); browserStorage.setItem(private_content_expire_key, expiresAt); const newCookieVersion = hyva.getCookie(private_content_version_key); browserStorage.setItem(private_content_version_key, newCookieVersion); // We don't need the section_data_ids in Hyv盲, but we store them for compatibility // with Luma Fallback. Otherwise, not all sections are loaded in Luma Checkout hyva.setCookie( section_data_ids_key, JSON.stringify( Object.keys(data).reduce((sectionDataIds, sectionKey) => { sectionDataIds[sectionKey] = data[sectionKey]['data_id']; return sectionDataIds; }, {}) ), false, true ); } catch (error) { console.warn("Couldn't store privateContent", error); } } } ); } } </script> <script> (() => { document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc())); })() </script> <script> (events => { const dispatchUserInteractionEvent = () => { events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent)) window.dispatchEvent(new Event('init-external-scripts')) }; events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true})) })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown']) </script> <script> function initWishlist() { return { addToWishlist(productId) { const formKey = hyva.getFormKey(); const postUrl = BASE_URL + 'wishlist/index/add/'; fetch(postUrl, { "headers": { "content-type": "application/x-www-form-urlencoded; charset=UTF-8", }, "body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(), "method": "POST", "mode": "cors", "credentials": "include" }).then(function (response) { if (response.redirected) { if (response.url.includes("wishlist/account/login")) { let url, uenc; url = new URL(response.url); uenc = url.searchParams.get('uenc'); window.location.href = window.atob(uenc); } else { window.location.href = response.url; } } else if (response.ok) { return response.json(); } else { typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( [{ type: "warning", text: "Nie uda艂o si臋 doda膰 produktu do listy 偶ycze艅." }], 5000 ); } }).then(function (response) { if (!response) { return } typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( [{ type: (response.success) ? "success" : "error", text: (response.success) ? "Produkt Produkt zosta艂 dodany do listy 偶ycze艅." : response.error_message }], 5000 ); const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data"); window.dispatchEvent(reloadCustomerDataEvent); }).catch(function (error) { typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( [{ type: "error", text: error }], 5000 ); }); } } } </script> <script> 'use strict'; (() => { const applyShowOnHover = (element) => { const showOverlayOnHover = (element) => { const overlay = element.querySelector('.pagebuilder-overlay'); const color = overlay.dataset.overlayColor; element.addEventListener('mouseover', () => { overlay.style.backgroundColor = color; }); element.addEventListener('mouseout', () => { overlay.style.backgroundColor = 'transparent'; }); }; const showButtonOnHover = (element) => { const button = element.querySelector('.pagebuilder-banner-button'); element.addEventListener('mouseover', () => { button.style.opacity = '1'; button.style.visibility = 'visible'; }); element.addEventListener('mouseout', () => { button.style.opacity = '0'; button.style.visibility = 'hidden'; }); }; if (element.dataset.showOverlay === 'hover') { showOverlayOnHover(element); } if (element.dataset.showButton === 'hover') { showButtonOnHover(element); } }; window.addEventListener('DOMContentLoaded', () => { document.querySelectorAll('[data-content-type="banner"],[data-content-type="slider"]').forEach(element => { applyShowOnHover(element); }); }); })(); </script> <script> function initConfigurableOptions(productId, optionConfig) { function findPathParam(key) { const baseUrl = (BASE_URL.substring(0, 2) === '//' ? 'http:' : '') + BASE_URL; const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/'); const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3); for (let i = 0; i < pathParts.length; i += 2) { if (pathParts[i] === key && pathParts.length > i) { return pathParts[i + 1]; } } } return { optionConfig, productId, itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'), allowedAttributeOptions: [], selectedValues: [], init() { this.findAllowedAttributeOptions(); this.$nextTick(() => { if (typeof this.optionConfig.defaultValues === 'object') { for (const [attributeId, value] of Object.entries(this.optionConfig.defaultValues)) { this.changeOption(attributeId, value + ''); } } }); }, findSimpleIndex() { this.productIndex = this.calculateSimpleIndexForPartialSelection(this.selectedValues); }, calculateSimpleIndexForPartialSelection(selectedValues) { if (selectedValues.length === 0) return 0; let productIndexIds = Object.keys(this.optionConfig.index); Object.keys(this.optionConfig.attributes).forEach((attribute) => { const productsWithAttributeMatch = selectedValues[attribute] ? productIndexIds.filter((productIndex) => { return this.optionConfig.index[productIndex][attribute] === this.selectedValues[attribute] }) : []; productIndexIds = productsWithAttributeMatch.length ? productsWithAttributeMatch : productIndexIds }) return productIndexIds[0]; }, calculateSimpleIndexForFullSelection(selectedValues) { const productIndexes = this.optionConfig.index; return Object.keys(productIndexes).find(productIndex => { const productCandidateOptions = productIndexes[productIndex]; for (const productOption in productCandidateOptions) { if ( ! selectedValues[productOption] || selectedValues[productOption] !== productCandidateOptions[productOption] ) { return false; } } return productIndex; }); }, productIndex: 0, findAllowedAttributeOptions() { this.allowedAttributeOptions = this.calculateAllowedAttributeOptions(this.selectedValues); }, calculateAllowedAttributeOptions(selectedValues) { const allAttributes = this.optionConfig.attributes; const allAttributesSorted = Object.values(allAttributes).sort((a,b) => { return a.position - b.position }); const newAllowedAttributeOptions = []; allAttributesSorted.forEach(attribute => { const selectionWithoutAttr = Object.assign({}, this.removeAttrFromSelection(selectedValues, attribute.id)); const availableIndexes = this.calculateAvailableProductIndexes(selectionWithoutAttr); newAllowedAttributeOptions[attribute.id] = allAttributes[attribute.id].options.filter(option => { return !!option.products.find(product => { return availableIndexes.includes(product); }) }); }); return newAllowedAttributeOptions; }, calculateAvailableProductIndexes(selectedOptions) { if (Object.keys(selectedOptions).length === 0) { if (Object.values(this.optionConfig.salable || {}).length) { return [].concat.apply([], [].concat.apply([], Object.values(this.optionConfig.salable).map(Object.values))).filter((x, i, a) => a.indexOf(x) === i) } return Object.keys(this.optionConfig.index); } const selectedIds = Object.keys(selectedOptions); if (Object.values(this.optionConfig.salable || {}).length) { const selectedOptionIndexes = selectedIds.map(attrId => { const optionValue = selectedOptions[attrId]; return this.optionConfig.salable[attrId] && this.optionConfig.salable[attrId][optionValue] || [] }) return selectedOptionIndexes.reduce((acc, optionIndexes) => { return acc.filter(index => optionIndexes.includes(index)); }); } else { const productIndexes = this.optionConfig.index; return Object.keys(productIndexes).filter(index => { for (const attrId of selectedIds) { if (productIndexes[index][attrId] !== `${selectedOptions[attrId]}`) return false } return true }); } }, findAttributeByOptionId(optionId) { for (const attributeId in this.optionConfig.attributes) { const attributeOptions = this.optionConfig.attributes[attributeId].options || []; if (attributeOptions.find(option => option.id === optionId)) { return attributeId; } } }, getAllowedAttributeOptions(attributeId) { return this.allowedAttributeOptions[attributeId] || [] }, getProductIdsForOption(option) { const attributeId = this.findAttributeByOptionId(option.id); const allOptions = this.optionConfig.attributes[attributeId]; const opt = (allOptions && allOptions.options || []).find(o => o.id === option.id); return opt && opt.products ? opt.products : []; }, findProductIdsForPartialSelection(optionSelection) { const candidateProducts = Object.values(optionSelection).reduce((candidates, optionId) => { const newCandidates = this.getProductIdsForOption({id: optionId}); return candidates === null ? newCandidates : candidates.filter(productId => newCandidates.includes(productId)); }, null); return candidateProducts || []; }, findCheapestProductForPartialSelection(optionSelection) { const candidateProducts = this.findProductIdsForPartialSelection(optionSelection); return candidateProducts.reduce((cheapest, simpleIdx) => { // in the first iteration we start with simpleIdx as the currently cheapest product if (! this.optionConfig.optionPrices[cheapest]) return simpleIdx; const knownCheapestPrice = this.optionConfig.optionPrices[cheapest].finalPrice.amount; return knownCheapestPrice > this.optionConfig.optionPrices[simpleIdx].finalPrice.amount ? simpleIdx : cheapest; }, 0) }, findProductIdToUseForOptionPrice(option) { // try to find a product for a complete selection const attributeId = this.findAttributeByOptionId(option.id); const optionSelection = Object.assign({}, this.selectedValues, {[attributeId]: option.id}); const matchingSimpleIndex = this.calculateSimpleIndexForFullSelection(optionSelection); // if there is no complete selection, use the cheapest product for the option return matchingSimpleIndex || this.findCheapestProductForPartialSelection(optionSelection); }, getAttributeOptionLabel(option) { const optionProduct = this.findProductIdToUseForOptionPrice(option); if ((! optionProduct) || (optionProduct === this.productIndex)) { return option.label; } const currentPrice = this.getOptionPriceAdjustmentBasePrice(); if (this.optionConfig.optionPrices[optionProduct]) { const optionPrice = this.optionConfig.optionPrices[optionProduct].finalPrice.amount; if (optionPrice !== currentPrice){ return option.label + ' ' + hyva.formatPrice(optionPrice - currentPrice, true); } } return option.label; }, getOptionPriceAdjustmentBasePrice() { if (this.optionConfig.optionPrices[this.productIndex]) { return this.optionConfig.optionPrices[this.productIndex].finalPrice.amount } const cheapestForSelection = this.findCheapestProductForPartialSelection(this.selectedValues); return this.optionConfig.optionPrices[cheapestForSelection] ? this.optionConfig.optionPrices[cheapestForSelection].finalPrice.amount : this.optionConfig.prices.finalPrice.amount; // default price if no option selection }, clearOptionIfActive(optionId, value) { if (this.selectedValues[optionId] === value) { this.blurLabel() this.changeOption(optionId, '') } }, removeAttrFromSelection(selectedValues, attributeId) { attributeId = parseInt(attributeId); return selectedValues.reduce((newSelection, val, attr) => { if (attr !== attributeId) { newSelection[attr] = val; } return newSelection; }, []); }, changeOption(attributeId, value) { if (value === '') { this.selectedValues = this.removeAttrFromSelection(this.selectedValues, attributeId) } else if (value && this.getAllowedAttributeOptions(attributeId).find(option => option.id === value)) { this.selectedValues[attributeId] = value; } this.findSimpleIndex(); this.findAllowedAttributeOptions(); this.updatePrices(); this.updateGallery(); window.dispatchEvent( new CustomEvent( 'configurable-selection-changed', { detail: { productId: this.productId, optionId: attributeId, value: value, productIndex: this.productIndex, selectedValues: this.selectedValues, candidates: this.findProductIdsForPartialSelection(this.selectedValues), } } ) ); }, calculateIsMinimalPrice() { return ( this.selectedValues.filter(value => !!value).length < Object.keys(this.optionConfig.attributes).length ); }, updatePrices() { const value = this.productIndex ? this.optionConfig.optionPrices[this.productIndex] : this.optionConfig.prices; window.dispatchEvent( new CustomEvent( "update-prices-" + this.productId, { detail: Object.assign( value, { isMinimalPrice: this.calculateIsMinimalPrice() } ) } ) ); }, updateGallery () { if (this.productIndex) { const images = this.optionConfig.images[this.productIndex]; images && window.dispatchEvent(new CustomEvent( "update-gallery", { detail: this.sortImagesByPosition(images) } )); } else { window.dispatchEvent(new Event("reset-gallery")); } }, sortImagesByPosition(images) { return images.sort((x, y) => { return x.position === y.position ? 0 : (parseInt(x.position) > parseInt(y.position) ? 1 : -1) }); }, onGetCartData(data) { }, preselectCartItems(data) { // pre-select options based on cart data for current (quote) itemId const cart = data && data.cart; if (cart && cart.items) { const cartItem = cart.items.find((item) => { return ( item.item_id === this.itemId && item.product_id === this.productId ) }); if (cartItem && cartItem.options && cartItem.options.length) { cartItem.options.map(option => { this.changeOption(option.option_id, option.option_value); }) } } }, preselectQuerystringItems() { // pre-select option like ?size=167 const urlQueryParams = new URLSearchParams(window.location.search.replace('?','')); this.preselectItemsBasedOnLocation(attribute => urlQueryParams.get(attribute.code)); }, preselectLocationHashItems() { // pre-select option like #144=167 const urlHashParams = new URLSearchParams(window.location.hash.replace('#','')); this.preselectItemsBasedOnLocation(attribute => urlHashParams.get(attribute.id)); }, preselectItemsBasedOnLocation(getLocationValue) { Object.values(this.optionConfig.attributes).map(attribute => { this.changeOption(attribute.id, getLocationValue(attribute)) }); } } } </script> <script> function initSwatchOptions(swatchConfig) { return { swatchConfig, getAttributeSwatchData(attributeId) { const swatchConfig = Object.assign({}, this.swatchConfig[attributeId]); swatchConfig['details'] = JSON.parse(swatchConfig['additional_data']); return swatchConfig; }, getAllAttributeOptions(attributeId) { return ( this.optionConfig.attributes[attributeId] && this.optionConfig.attributes[attributeId].options ) || [] }, optionIsActive(attributeId, optionId) { // return true if a product with this option is in stock return !!this.getAllowedAttributeOptions(attributeId).find( option => option.id === optionId ) }, optionIsEnabled(attributeId, optionId) { // return true if a product with this option is enabled for (const productId in this.optionConfig.index) { if (this.optionConfig.index[productId][attributeId] === optionId) { return true; } } return false; }, mapSwatchTypeNumberToTypeCode(typeNumber) { switch ("" + typeNumber) { case "1": return "color" case "2": return "image" case "3": return "empty" case "0": default: return "text" } }, getTypeOfFirstOption(attributeId) { for (const optionId in this.swatchConfig[attributeId]) { const option = this.swatchConfig[attributeId][optionId]; if (typeof option.type !== 'undefined') { return this.mapSwatchTypeNumberToTypeCode(option.type); } } }, getVisualSwatchType(attributeId, targetOptionId) { // If a type configuration is present for the given option id, use it const config = this.swatchConfig[attributeId]; if (config[targetOptionId] && typeof config[targetOptionId].type !== 'undefined') { return this.mapSwatchTypeNumberToTypeCode(config[targetOptionId].type); } // Otherwise - if no config is present for the target option - use the type of the first option // with a type property from the attribute, thus assuming its the same type as the target option. // (This edge case condition can occur on single swatch products if some options are not salable) return this.getTypeOfFirstOption(attributeId); }, getSwatchType(attributeId, optionId) { // Deserialize the attribute details the first time they are used if (this.swatchConfig[attributeId] && ! this.swatchConfig[attributeId].details) { this.swatchConfig[attributeId] = this.getAttributeSwatchData(attributeId); } const type = this.swatchConfig[attributeId] && this.swatchConfig[attributeId].details && this.swatchConfig[attributeId].details.swatch_input_type || "empty"; return type === 'visual' ? this.getVisualSwatchType(attributeId, optionId) : type; }, isTextSwatch(attributeId, optionId) { return this.getSwatchType(attributeId, optionId) === 'text'; }, isVisualSwatch(attributeId, optionId) { const type = this.getSwatchType(attributeId, optionId); return ['image', 'color'].includes(type); }, getSwatchBackgroundStyle(attributeId, optionId) { const config = this.getSwatchConfig(attributeId, optionId); const type = this.getSwatchType(attributeId, optionId); if (type === "color") { return 'background-color:' + config.value; } else if (type === "image") { return "background: #ffffff url('" + config.value + "') no-repeat center"; } else { return ''; } }, getSwatchText(attributeId, optionId) { const config = this.getSwatchConfig(attributeId, optionId); return config.label || config.value || this.getOptionLabelFromOptionConfig(attributeId, optionId); }, getOptionLabelFromOptionConfig(attributeId, optionId) { // Fallback if no value is present in swatchConfig data // Reference issue https://gitlab.hyva.io/hyva-themes/magento2-default-theme/-/issues/190 const option = this.getAllAttributeOptions(attributeId).filter(option => option.id === optionId); return option && option[0] && option[0].label ||''; }, getSwatchConfig(attributeId, optionId) { return this.swatchConfig[attributeId] && this.swatchConfig[attributeId][optionId] ? this.swatchConfig[attributeId][optionId] : false; }, activeTooltipItem: false, tooltipPositionElement: false, isTooltipVisible() { return this.activeTooltipItem && this.getSwatchConfig( this.activeTooltipItem.attribute, this.activeTooltipItem.item ); }, isFirstItemCol() { return this.activeTooltipItem.index === 0; }, getTooltipImageStyle(attributeId, optionId) { const config = this.getSwatchConfig(attributeId, optionId); const type = this.getSwatchType(attributeId, optionId); if (type === "color") { return 'background-color:' + config.value + '; width: 110px; height: 90px;'; } else if (type === "image") { return "background: #ffffff url('" + config.thumb + "') center center no-repeat; width: 110px; height: 90px;"; } else { return 'display:none'; } }, getTooltipPosition() { return this.tooltipPositionElement ? `top: ${this.tooltipPositionElement.offsetTop}px;` + `left: ${ this.tooltipPositionElement.offsetLeft - ( this.tooltipPositionElement.closest('.snap') && this.tooltipPositionElement.closest('.snap').scrollLeft || 0 ) }px;` : '' }, getTooltipLabel() { return this.getSwatchConfig(this.activeTooltipItem.attribute, this.activeTooltipItem.item).label }, focusedLabel: false, focusLabel(optionId) { this.focusedLabel = optionId; }, blurLabel() { this.focusedLabel = false; }, showSwatches: false, initShowSwatchesIntersect() { if ('IntersectionObserver' in window && !window.scrollY) { let io = new IntersectionObserver( entries => { entries.map(entry => { if (entry.isIntersecting) { this.showSwatches = true; io.unobserve(this.$root); } }) } ); io.observe(this.$root); } else { this.showSwatches = true } } } } </script> <script> 'use strict'; const grecaptchaV2LoadCallbacks = []; function executeRecaptchaLoadCallbacks () { while (window.grecaptcha && grecaptchaV2LoadCallbacks.length > 0) { const callback = grecaptchaV2LoadCallbacks.pop(); typeof callback === 'string' ? window[callback]() : callback(); } } (function() { const loadRecaptchaScript = (event) => { if (window.grecaptcha || !event.target.form) { return; } const url = 'https://www.google.com/recaptcha/api.js?onload=executeRecaptchaLoadCallbacks'; const siteKey = '6LemjRwkAAAAAGseBVaoazVZc8hYsGoWPWYCnkQT'; const script = document.createElement('script'); script.type = 'text/javascript'; script.src = siteKey ? `${url}&render=${siteKey}` : `${url}&render=explicit`; script.async = true; document.head.appendChild(script); script.addEventListener('load', () => { Array.from(document.querySelectorAll('button[data-recaptcha-btn]:disabled')).forEach(btn => btn.removeAttribute('disabled')); }); } window.forceLoadRecaptchaScript = (form) => { loadRecaptchaScript({target: {form: form || 'dummy'}}); executeRecaptchaLoadCallbacks(); }; document.body.addEventListener('input', loadRecaptchaScript, { once: true }); document.body.addEventListener('focus', loadRecaptchaScript, { once: true }); }()); </script> <script>var _smid='hqn3jivd1myz5un9'; 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> <script src="https://app3.salesmanago.pl/dynamic/hqn3jivd1myz5un9/popups.js"></script> <script type="application/json" id="default-section-data"> {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":[],"directory-data":{"PL":{"name":"Polska","regions":{"997":{"code":"PL-02","name":"dolno\u015bl\u0105skie"},"998":{"code":"PL-04","name":"kujawsko-pomorskie"},"999":{"code":"PL-06","name":"lubelskie"},"1000":{"code":"PL-08","name":"lubuskie"},"1003":{"code":"PL-14","name":"mazowieckie"},"1002":{"code":"PL-12","name":"ma\u0142opolskie"},"1004":{"code":"PL-16","name":"opolskie"},"1005":{"code":"PL-18","name":"podkarpackie"},"1006":{"code":"PL-20","name":"podlaskie"},"1007":{"code":"PL-22","name":"pomorskie"},"1008":{"code":"PL-24","name":"\u015bl\u0105skie"},"1009":{"code":"PL-26","name":"\u015bwi\u0119tokrzyskie"},"1010":{"code":"PL-28","name":"warmi\u0144sko-mazurskie"},"1011":{"code":"PL-30","name":"wielkopolskie"},"1012":{"code":"PL-32","name":"zachodniopomorskie"},"1001":{"code":"PL-10","name":"\u0142\u00f3dzkie"}}},"data_id":1732769100},"captcha":[],"instant-purchase":[],"loggedAsCustomer":[],"persistent":[],"review":[],"payments":[],"wishlist":{"items":[]},"gtm-checkout":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[]}</script> <script>yireoGoogleTagManager2Pusher({"version":"3.9.4","page_type":"category","page_path":"https:\/\/literia.pl\/ksiazki\/ksiazki-dla-dzieci\/0-3-lata","page_title":"Ksi\u0105\u017cki dla dzieci 0-3 lat","virtual_page":"\/ksiazki\/ksiazki-dla-dzieci\/0-3-lata","breadcrumb":["Ksi\u0105\u017cki","Ksi\u0105\u017cki dla dzieci","0-3 lata"],"user":{"has_transacted":false},"category_size":42,"products":[{"item_id":"LIT-55250","item_sku":"LIT-55250","magento_sku":"LIT-55250","magento_id":"55250","item_name":"Psiaki rozrabiaki","item_literia_issn":"","item_literia_author":"Opracowanie zbiorowe","item_list_id":"50","item_list_name":"Ksi\u0105\u017cki","price":9.99,"item_category":"Ksi\u0105\u017cki","item_category2":"Biblioteka Faktu","item_category3":"Ksi\u0105\u017cki dla dzieci","item_category4":"Gry i zabawy","item_category5":"0-3 lata","index":1,"quantity":1},{"item_id":"LIT-55136","item_sku":"LIT-55136","magento_sku":"LIT-55136","magento_id":"55136","item_name":"Magiczne \u015bwi\u0119ta","item_literia_issn":"","item_literia_author":"Opracowanie zbiorowe","item_list_id":"50","item_list_name":"Ksi\u0105\u017cki","price":12.99,"item_category":"Ksi\u0105\u017cki","item_category2":"Biblioteka Faktu","item_category3":"Ksi\u0105\u017cki dla dzieci","item_category4":"Gry i zabawy","item_category5":"0-3 lata","index":2,"quantity":1},{"item_id":"LIT-55070","item_sku":"LIT-55070","magento_sku":"LIT-55070","magento_id":"55070","item_name":"Zwierz\u0105tka na farmie","item_literia_issn":"","item_literia_author":"Opracowanie zbiorowe","item_list_id":"50","item_list_name":"Ksi\u0105\u017cki","price":9.99,"item_category":"Ksi\u0105\u017cki","item_category2":"Biblioteka Faktu","item_category3":"Ksi\u0105\u017cki dla dzieci","item_category4":"Gry i zabawy","item_category5":"0-3 lata","index":3,"quantity":1},{"item_id":"LIT-54925","item_sku":"LIT-54925","magento_sku":"LIT-54925","magento_id":"54925","item_name":"Syrenki i morskie stworzonka","item_literia_issn":"","item_literia_author":"Opracowanie zbiorowe","item_list_id":"50","item_list_name":"Ksi\u0105\u017cki","price":9.99,"item_category":"Ksi\u0105\u017cki","item_category2":"Biblioteka Faktu","item_category3":"Ksi\u0105\u017cki dla dzieci","item_category4":"Gry i zabawy","item_category5":"0-3 lata","index":4,"quantity":1},{"item_id":"LIT-54874","item_sku":"LIT-54874","magento_sku":"LIT-54874","magento_id":"54874","item_name":"Koloruj\u0119 i naklejam. Kotki","item_literia_issn":"","item_literia_author":"Opracowanie zbiorowe","item_list_id":"50","item_list_name":"Ksi\u0105\u017cki","price":9.99,"item_category":"Ksi\u0105\u017cki","item_category2":"Biblioteka Faktu","item_category3":"Ksi\u0105\u017cki dla dzieci","item_category4":"Gry i zabawy","item_category5":"0-3 lata","index":5,"quantity":1},{"item_id":"LIT-54800","item_sku":"LIT-54800","magento_sku":"LIT-54800","magento_id":"54800","item_name":"Wielkanoc","item_literia_issn":"","item_literia_author":"Opracowanie zbiorowe","item_list_id":"50","item_list_name":"Ksi\u0105\u017cki","price":9.99,"item_category":"Ksi\u0105\u017cki","item_category2":"Biblioteka Faktu","item_category3":"Ksi\u0105\u017cki dla dzieci","item_category4":"Gry i zabawy","item_category5":"0-3 lata","index":6,"quantity":1},{"item_id":"LIT-54769","item_sku":"LIT-54769","magento_sku":"LIT-54769","magento_id":"54769","item_name":"50 weso\u0142ych robaczk\u00f3w","item_literia_issn":"","item_literia_author":"Opracowanie zbiorowe","item_list_id":"50","item_list_name":"Ksi\u0105\u017cki","price":9.99,"item_category":"Ksi\u0105\u017cki","item_category2":"Biblioteka Faktu","item_category3":"Ksi\u0105\u017cki dla dzieci","item_category4":"Gry i zabawy","item_category5":"0-3 lata","index":7,"quantity":1},{"item_id":"LIT-54710","item_sku":"LIT-54710","magento_sku":"LIT-54710","magento_id":"54710","item_name":"Ho, ho, ho!","item_literia_issn":"","item_literia_author":"Opracowanie zbiorowe","item_list_id":"50","item_list_name":"Ksi\u0105\u017cki","price":12.99,"item_category":"Ksi\u0105\u017cki","item_category2":"Biblioteka Faktu","item_category3":"Ksi\u0105\u017cki dla dzieci","item_category4":"Gry i zabawy","item_category5":"0-3 lata","index":8,"quantity":1},{"item_id":"LIT-53528","item_sku":"LIT-53528","magento_sku":"LIT-53528","magento_id":"53528","item_name":"Zwierz\u0105tka z lasu","item_literia_issn":"","item_literia_author":"Opracowanie zbiorowe","item_list_id":"50","item_list_name":"Ksi\u0105\u017cki","price":8.99,"item_category":"Ksi\u0105\u017cki","item_category2":"Biblioteka Faktu","item_category3":"Ksi\u0105\u017cki dla dzieci","item_category4":"Gry i zabawy","item_category5":"0-3 lata","index":9,"quantity":1},{"item_id":"LIT-52049","item_sku":"LIT-52049","magento_sku":"LIT-52049","magento_id":"52049","item_name":"Park dinozaur\u00f3w","item_literia_issn":"","item_literia_author":"Opracowanie zbiorowe","item_list_id":"50","item_list_name":"Ksi\u0105\u017cki","price":8.99,"item_category":"Ksi\u0105\u017cki","item_category2":"Biblioteka Faktu","item_category3":"Ksi\u0105\u017cki dla dzieci","item_category4":"Gry i zabawy","item_category5":"0-3 lata","index":10,"quantity":1}],"category_id":"386","category_name":"0-3 lata"}, 'push (initial page) [data-layer.phtml]'); yireoGoogleTagManager2Pusher({"event":"view_item_list","ecommerce":{"items":[{"item_id":"LIT-55250","item_sku":"LIT-55250","magento_sku":"LIT-55250","magento_id":"55250","item_name":"Psiaki rozrabiaki","item_literia_issn":"","item_literia_author":"Opracowanie zbiorowe","item_list_id":"50","item_list_name":"Ksi\u0105\u017cki","price":9.99,"item_category":"Ksi\u0105\u017cki","item_category2":"Biblioteka Faktu","item_category3":"Ksi\u0105\u017cki dla dzieci","item_category4":"Gry i zabawy","item_category5":"0-3 lata","index":1,"quantity":1},{"item_id":"LIT-55136","item_sku":"LIT-55136","magento_sku":"LIT-55136","magento_id":"55136","item_name":"Magiczne \u015bwi\u0119ta","item_literia_issn":"","item_literia_author":"Opracowanie zbiorowe","item_list_id":"50","item_list_name":"Ksi\u0105\u017cki","price":12.99,"item_category":"Ksi\u0105\u017cki","item_category2":"Biblioteka Faktu","item_category3":"Ksi\u0105\u017cki dla dzieci","item_category4":"Gry i zabawy","item_category5":"0-3 lata","index":2,"quantity":1},{"item_id":"LIT-55070","item_sku":"LIT-55070","magento_sku":"LIT-55070","magento_id":"55070","item_name":"Zwierz\u0105tka na farmie","item_literia_issn":"","item_literia_author":"Opracowanie zbiorowe","item_list_id":"50","item_list_name":"Ksi\u0105\u017cki","price":9.99,"item_category":"Ksi\u0105\u017cki","item_category2":"Biblioteka Faktu","item_category3":"Ksi\u0105\u017cki dla dzieci","item_category4":"Gry i zabawy","item_category5":"0-3 lata","index":3,"quantity":1},{"item_id":"LIT-54925","item_sku":"LIT-54925","magento_sku":"LIT-54925","magento_id":"54925","item_name":"Syrenki i morskie stworzonka","item_literia_issn":"","item_literia_author":"Opracowanie zbiorowe","item_list_id":"50","item_list_name":"Ksi\u0105\u017cki","price":9.99,"item_category":"Ksi\u0105\u017cki","item_category2":"Biblioteka Faktu","item_category3":"Ksi\u0105\u017cki dla dzieci","item_category4":"Gry i zabawy","item_category5":"0-3 lata","index":4,"quantity":1},{"item_id":"LIT-54874","item_sku":"LIT-54874","magento_sku":"LIT-54874","magento_id":"54874","item_name":"Koloruj\u0119 i naklejam. Kotki","item_literia_issn":"","item_literia_author":"Opracowanie zbiorowe","item_list_id":"50","item_list_name":"Ksi\u0105\u017cki","price":9.99,"item_category":"Ksi\u0105\u017cki","item_category2":"Biblioteka Faktu","item_category3":"Ksi\u0105\u017cki dla dzieci","item_category4":"Gry i zabawy","item_category5":"0-3 lata","index":5,"quantity":1},{"item_id":"LIT-54800","item_sku":"LIT-54800","magento_sku":"LIT-54800","magento_id":"54800","item_name":"Wielkanoc","item_literia_issn":"","item_literia_author":"Opracowanie zbiorowe","item_list_id":"50","item_list_name":"Ksi\u0105\u017cki","price":9.99,"item_category":"Ksi\u0105\u017cki","item_category2":"Biblioteka Faktu","item_category3":"Ksi\u0105\u017cki dla dzieci","item_category4":"Gry i zabawy","item_category5":"0-3 lata","index":6,"quantity":1},{"item_id":"LIT-54769","item_sku":"LIT-54769","magento_sku":"LIT-54769","magento_id":"54769","item_name":"50 weso\u0142ych robaczk\u00f3w","item_literia_issn":"","item_literia_author":"Opracowanie zbiorowe","item_list_id":"50","item_list_name":"Ksi\u0105\u017cki","price":9.99,"item_category":"Ksi\u0105\u017cki","item_category2":"Biblioteka Faktu","item_category3":"Ksi\u0105\u017cki dla dzieci","item_category4":"Gry i zabawy","item_category5":"0-3 lata","index":7,"quantity":1},{"item_id":"LIT-54710","item_sku":"LIT-54710","magento_sku":"LIT-54710","magento_id":"54710","item_name":"Ho, ho, ho!","item_literia_issn":"","item_literia_author":"Opracowanie zbiorowe","item_list_id":"50","item_list_name":"Ksi\u0105\u017cki","price":12.99,"item_category":"Ksi\u0105\u017cki","item_category2":"Biblioteka Faktu","item_category3":"Ksi\u0105\u017cki dla dzieci","item_category4":"Gry i zabawy","item_category5":"0-3 lata","index":8,"quantity":1},{"item_id":"LIT-53528","item_sku":"LIT-53528","magento_sku":"LIT-53528","magento_id":"53528","item_name":"Zwierz\u0105tka z lasu","item_literia_issn":"","item_literia_author":"Opracowanie zbiorowe","item_list_id":"50","item_list_name":"Ksi\u0105\u017cki","price":8.99,"item_category":"Ksi\u0105\u017cki","item_category2":"Biblioteka Faktu","item_category3":"Ksi\u0105\u017cki dla dzieci","item_category4":"Gry i zabawy","item_category5":"0-3 lata","index":9,"quantity":1},{"item_id":"LIT-52049","item_sku":"LIT-52049","magento_sku":"LIT-52049","magento_id":"52049","item_name":"Park dinozaur\u00f3w","item_literia_issn":"","item_literia_author":"Opracowanie zbiorowe","item_list_id":"50","item_list_name":"Ksi\u0105\u017cki","price":8.99,"item_category":"Ksi\u0105\u017cki","item_category2":"Biblioteka Faktu","item_category3":"Ksi\u0105\u017cki dla dzieci","item_category4":"Gry i zabawy","item_category5":"0-3 lata","index":10,"quantity":1}]}}, 'push (page-based event) [data-layer.phtml]');</script> <script>function yireoGoogleTagManager2FindParentElementWithName(element, parentTagName) { if (!element.parentElement) { return null; } if (element.parentElement.tagName.toLowerCase() === parentTagName) { return element.parentElement; } return yireoGoogleTagManager2FindParentElementWithName(element.parentElement, parentTagName); } const products = document.querySelectorAll('.products a.product'); if (products) { products.forEach(function(product) { product.addEventListener('click', function(event, s) { let parentElement = yireoGoogleTagManager2FindParentElementWithName(event.target, 'form'); const inputElement = parentElement.querySelector('input[name="product"]'); const productId = inputElement.value; const productData = window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_' + productId] || {}; productData.item_id = productId; const eventData = { 'event': 'select_item', 'ecommerce': { 'items': [productData] } } yireoGoogleTagManager2Pusher(eventData, 'push (page event "select_item") [script-product-clicks.phtml]'); if (window['YIREO_GOOGLETAGMANAGER2_DEBUG_CLICKS'] && confirm("Press to continue with redirect") === false) { event.preventDefault(); } }); }) }</script> <script>window.addEventListener('private-content-loaded', function(event) { window.dataLayer = window.dataLayer || []; var isEmpty = function (variable) { if (typeof variable === 'undefined') { return true; } if (Array.isArray(variable) && variable.length === 0) { return true; } return typeof variable === 'object' && Object.keys(variable).length === 0; } var getSectionNames = function () { return ['cart', 'customer']; } getSectionNames().forEach(function (sectionName) { if (!event.detail.data[sectionName].gtm) { return; } const attributes = event.detail.data[sectionName].gtm; if (!Object.keys(attributes).length > 0) { return; } yireoGoogleTagManager2Pusher(attributes, 'push (attributes) [script-additions.phtml]'); }); let attributes = {}; getSectionNames().forEach(function (sectionName) { if (!event.detail.data[sectionName].gtm_events) { return; } const gtmEvents = event.detail.data[sectionName].gtm_events; for (const [eventId, eventData] of Object.entries(gtmEvents)) { yireoGoogleTagManager2Logger('found event in section "' + sectionName + '"', eventData); const metaData = eventData.meta; yireoGoogleTagManager2Pusher(eventData, 'push (customerData "' + sectionName + '" event "' + eventId + '")'); if (!metaData || metaData.cacheable !== true) { yireoGoogleTagManager2Logger('removing event "' + eventId + '" from section "' + sectionName + '"') let mageCacheStorage = event.detail.data; if (mageCacheStorage !== null && typeof mageCacheStorage[sectionName] !== 'undefined' && typeof mageCacheStorage[sectionName].gtm_events !== 'undefined' && eventId in mageCacheStorage[sectionName].gtm_events) { delete mageCacheStorage[sectionName].gtm_events[eventId]; } window.localStorage.setItem('mage-cache-storage', JSON.stringify(mageCacheStorage)); } } }); if (false === isEmpty(attributes)) { yireoGoogleTagManager2Pusher(attributes, 'dataLayer (initial js) [script-additions.phtml]'); } });</script> <script>function gtElInit() {var lib = new google.translate.TranslateService();lib.translatePage('pl', 'fr', function () {});}</script> <script src="https://translate.google.com/translate_a/element.js?cb=gtElInit&hl=en-GB&client=wt" type="text/javascript"></script> </body> </html>

CINXE.COM

Ksi膮偶ki dla dzieci 0-3 lat