Biografie aktor贸w i re偶yser贸w

<!doctype html> <html lang="pl"> <head> <base href="https://literia.pl/ksiazki/biografie/biografie-aktorow-i-rezyserow"> <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="Biografie aktor贸w i re偶yser贸w"> <meta name="robots" content="INDEX,FOLLOW"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Biografie aktor贸w i re偶yser贸w</title> <link rel="stylesheet" type="text/css" media="all" href="https://literia.pl/static/version1740042293/frontend/NineBits/Literia/pl_PL/Mageplaza_Blog/css/mpBlogIcon.css"> <link rel="stylesheet" type="text/css" media="all" href="https://literia.pl/static/version1740042293/frontend/NineBits/Literia/pl_PL/css/styles.css"> <link rel="stylesheet" type="text/css" media="all" href="https://literia.pl/static/version1740042293/frontend/NineBits/Literia/pl_PL/Mageplaza_Blog/css/splide.min.css"> <link rel="stylesheet" type="text/css" media="all" href="https://literia.pl/static/version1740042293/frontend/NineBits/Literia/pl_PL/Mageplaza_Blog/css/treeselectjs.css"> <script type="text/javascript" src="https://literia.pl/static/version1740042293/frontend/NineBits/Literia/pl_PL/Mageplaza_Blog/js/ckeditor.js"></script> <script type="text/javascript" src="https://literia.pl/static/version1740042293/frontend/NineBits/Literia/pl_PL/Mageplaza_Blog/js/splide.min.js"></script> <script type="text/javascript" src="https://literia.pl/static/version1740042293/frontend/NineBits/Literia/pl_PL/Mageplaza_Blog/js/treeselectjs.umd.js"></script> <link rel="canonical" href="https://literia.pl/ksiazki/biografie/biografie-aktorow-i-rezyserow"> <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/version1740042293/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.SlmlLUpNCG8.O/am=gAE/d=1/rs=AN8SPfrVDwgQMj0EYXdUQwFqbkL3aXptKg/m=corsproxy" data-sourceurl="https://literia.pl/ksiazki/biografie/biografie-aktorow-i-rezyserow"></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.SlmlLUpNCG8.O/am=gAE/d=1/exm=corsproxy/ed=1/rs=AN8SPfrVDwgQMj0EYXdUQwFqbkL3aXptKg/m=phishing_protection" data-phishing-protection-enabled="false" data-forms-warning-enabled="true" data-source-url="https://literia.pl/ksiazki/biografie/biografie-aktorow-i-rezyserow"></script> <meta name="robots" content="none"> </head> <body id="html-body" class="page-with-filter page-products categorypath-ksiazki-biografie-biografie-aktorow-i-rezyserow category-biografie-aktorow-i-rezyserow 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.SlmlLUpNCG8.O/am=gAE/d=1/exm=corsproxy,phishing_protection/ed=1/rs=AN8SPfrVDwgQMj0EYXdUQwFqbkL3aXptKg/m=navigationui" data-environment="prod" data-proxy-url="https://literia-pl.translate.goog" data-proxy-full-url="https://literia-pl.translate.goog/ksiazki/biografie/biografie-aktorow-i-rezyserow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" data-source-url="https://literia.pl/ksiazki/biografie/biografie-aktorow-i-rezyserow" 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/biografie/biografie-aktorow-i-rezyserow&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="ZqzdqjXoF02620s0"> <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/biografie/biografie-aktorow-i-rezyserow?_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_67be75b76227b()" 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> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-psychologia/gadzety-newsweek-psychologia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Gad偶ety Newsweek Psychologia" class="flex items-center py-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 Newsweek Psychologia </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><a href="https://literia-pl.translate.goog/prasa/cd-action?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="CD-Action" 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"> CD-Action </span> </a> <a href="https://literia-pl.translate.goog/prasa/cd-action-retro?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="CD-Action Retro" 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"> CD-Action Retro </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/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/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/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/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> <a href="https://literia-pl.translate.goog/kolekcje/kobiety-z-ulicy-grodzkiej?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kobiety z ulicy Grodzkiej" 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"> Kobiety z ulicy Grodzkiej </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/prenumeraty?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumeraty"> Prenumeraty </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-835' ? 0 : 'category-node-835'"> <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-835', 'translate-x-0' : mobilePanelActiveId === 'category-node-835',}"><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/prenumeraty?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumeraty" 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">Prenumeraty</span></span> </a><a class="flex items-center px-6 py-4 pb-0 font-bold"> <span class=""> Prenumeraty </span> </a> <a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-auto-swiat-classic?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata 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"> Prenumerata Auto 艢wiat Classic </span> </a> <a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-forbes?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Forbes" 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"> Prenumerata Forbes </span> </a> <a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-forbes-women?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Forbes Women" 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"> Prenumerata Forbes Women </span> </a> <a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Polska" 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"> Prenumerata Newsweek Polska </span> </a> <a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-historia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Historia" 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"> Prenumerata Newsweek Historia </span> </a> <a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-magazyn-kryminalny?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata 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"> Prenumerata Magazyn Kryminalny </span> </a> <a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-psychologia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Psychologia" 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"> Prenumerata Newsweek Psychologia </span> </a> <a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-learning-english?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Learning English" 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"> Prenumerata Newsweek Learning English </span> </a> <a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-extra?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Psychologia Dziecka i Nastolatka" 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"> Prenumerata Newsweek Psychologia Dziecka i Nastolatka </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/kalendarze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kalendarze"> Kalendarze </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/gadzety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Gad偶ety"> Gad偶ety </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-889' ? 0 : 'category-node-889'"> <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-889', 'translate-x-0' : mobilePanelActiveId === 'category-node-889',}"><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/gadzety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Gad偶ety" 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">Gad偶ety</span></span> </a><a class="flex items-center px-6 py-4 pb-0 font-bold"> <span class=""> Gad偶ety </span> </a> <a href="https://literia-pl.translate.goog/gadzety/newsweek-psychologia-gadzety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Psychologia - Gad偶ety" 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 Psychologia - Gad偶ety </span> </a> <a href="https://literia-pl.translate.goog/gadzety/przeglad-sportowy-gadzety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przegl膮d Sportowy - gad偶ety" 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"> Przegl膮d Sportowy - gad偶ety </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/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> </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/zapowiedzi?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zapowiedzi"> Zapowiedzi </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_67be75b76227b = () => { 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_67be75b7a3e4c()" 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> <a href="https://literia-pl.translate.goog/prasa/newsweek-psychologia/gadzety-newsweek-psychologia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Gad偶ety Newsweek Psychologia" 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 Newsweek Psychologia </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="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/cd-action?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="CD-Action" 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"> CD-Action </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/cd-action-retro?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="CD-Action Retro" 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"> CD-Action Retro </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/biografie/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-67be75b7a671c" 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-67be75b7a671c {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-67be75b7a671c {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-67be75b7a671c {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-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/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/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/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="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/kobiety-z-ulicy-grodzkiej?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kobiety z ulicy Grodzkiej" 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"> Kobiety z ulicy Grodzkiej </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/biografie/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-67be75b7a7cb8" 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-67be75b7a7cb8 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-67be75b7a7cb8 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-67be75b7a7cb8 {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/biografie/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-67be75b7a980a" 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-67be75b7a980a {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-67be75b7a980a {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-67be75b7a980a {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-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 <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-835', 'block' : hoverPanelActiveId === 'category-node-835 || 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/prenumeraty/prenumerata-auto-swiat-classic?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata 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"> Prenumerata Auto 艢wiat Classic </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-forbes?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Forbes" 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"> Prenumerata Forbes </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-forbes-women?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Forbes Women" 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"> Prenumerata Forbes Women </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Polska" 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"> Prenumerata Newsweek Polska </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-historia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Historia" 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"> Prenumerata Newsweek Historia </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-magazyn-kryminalny?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata 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"> Prenumerata Magazyn Kryminalny </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-psychologia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Psychologia" 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"> Prenumerata Newsweek Psychologia </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-learning-english?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Learning English" 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"> Prenumerata Newsweek Learning English </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-extra?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Psychologia Dziecka i Nastolatka" 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"> Prenumerata Newsweek Psychologia Dziecka i Nastolatka </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/biografie/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-67be75b7aa9da" 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-67be75b7aa9da {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-67be75b7aa9da {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-67be75b7aa9da {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 " @mouseenter="opened = true;hoverPanelActiveId = 'category-node-637'; 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-637'}" href="https://literia-pl.translate.goog/kalendarze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kalendarze"> Kalendarze </a> </span> </div> <div class="level-0 mx-6 text-black first:mt-5 has-children" @mouseenter="opened = true;hoverPanelActiveId = 'category-node-889'; 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-889'}" href="https://literia-pl.translate.goog/gadzety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Gad偶ety"> Gad偶ety <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-889', 'block' : hoverPanelActiveId === 'category-node-889 || 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/gadzety/newsweek-psychologia-gadzety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Psychologia - Gad偶ety" 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 Psychologia - Gad偶ety </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/gadzety/przeglad-sportowy-gadzety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przegl膮d Sportowy - gad偶ety" 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"> Przegl膮d Sportowy - gad偶ety </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/biografie/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-67be75b7abc91" 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-67be75b7abc91 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-67be75b7abc91 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-67be75b7abc91 {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-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="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/biografie/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-67be75b7acf13" 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-67be75b7acf13 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-67be75b7acf13 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-67be75b7acf13 {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-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> </nav> </div> </div> </div> <script> 'use strict'; var baseUrlParts = (new URL(window.location)).pathname.replace(/\/$/, '').split('/'); var isHomepage = baseUrlParts[1] == undefined; var initMenuDesktop_67be75b7a3e4c = () => { 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" x-defer="intersect"> <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" x-defer="intersect"><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_67be75b76227b()" 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> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-psychologia/gadzety-newsweek-psychologia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Gad偶ety Newsweek Psychologia" class="flex items-center py-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 Newsweek Psychologia </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><a href="https://literia-pl.translate.goog/prasa/cd-action?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="CD-Action" 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"> CD-Action </span> </a> <a href="https://literia-pl.translate.goog/prasa/cd-action-retro?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="CD-Action Retro" 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"> CD-Action Retro </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/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/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/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/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> <a href="https://literia-pl.translate.goog/kolekcje/kobiety-z-ulicy-grodzkiej?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kobiety z ulicy Grodzkiej" 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"> Kobiety z ulicy Grodzkiej </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/prenumeraty?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumeraty"> Prenumeraty </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-835' ? 0 : 'category-node-835'"> <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-835', 'translate-x-0' : mobilePanelActiveId === 'category-node-835',}"><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/prenumeraty?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumeraty" 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">Prenumeraty</span></span> </a><a class="flex items-center px-6 py-4 pb-0 font-bold"> <span class=""> Prenumeraty </span> </a> <a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-auto-swiat-classic?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata 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"> Prenumerata Auto 艢wiat Classic </span> </a> <a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-forbes?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Forbes" 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"> Prenumerata Forbes </span> </a> <a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-forbes-women?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Forbes Women" 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"> Prenumerata Forbes Women </span> </a> <a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Polska" 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"> Prenumerata Newsweek Polska </span> </a> <a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-historia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Historia" 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"> Prenumerata Newsweek Historia </span> </a> <a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-magazyn-kryminalny?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata 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"> Prenumerata Magazyn Kryminalny </span> </a> <a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-psychologia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Psychologia" 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"> Prenumerata Newsweek Psychologia </span> </a> <a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-learning-english?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Learning English" 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"> Prenumerata Newsweek Learning English </span> </a> <a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-extra?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Psychologia Dziecka i Nastolatka" 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"> Prenumerata Newsweek Psychologia Dziecka i Nastolatka </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/kalendarze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kalendarze"> Kalendarze </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/gadzety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Gad偶ety"> Gad偶ety </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-889' ? 0 : 'category-node-889'"> <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-889', 'translate-x-0' : mobilePanelActiveId === 'category-node-889',}"><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/gadzety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Gad偶ety" 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">Gad偶ety</span></span> </a><a class="flex items-center px-6 py-4 pb-0 font-bold"> <span class=""> Gad偶ety </span> </a> <a href="https://literia-pl.translate.goog/gadzety/newsweek-psychologia-gadzety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Psychologia - Gad偶ety" 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 Psychologia - Gad偶ety </span> </a> <a href="https://literia-pl.translate.goog/gadzety/przeglad-sportowy-gadzety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przegl膮d Sportowy - gad偶ety" 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"> Przegl膮d Sportowy - gad偶ety </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/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> </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/zapowiedzi?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zapowiedzi"> Zapowiedzi </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_67be75b76227b = () => { 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_67be75b7a3e4c()" 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> <a href="https://literia-pl.translate.goog/prasa/newsweek-psychologia/gadzety-newsweek-psychologia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Gad偶ety Newsweek Psychologia" 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 Newsweek Psychologia </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="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/cd-action?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="CD-Action" 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"> CD-Action </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/cd-action-retro?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="CD-Action Retro" 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"> CD-Action Retro </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/biografie/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-67be75b7a671c" 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-67be75b7a671c {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-67be75b7a671c {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-67be75b7a671c {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-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/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/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/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="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/kobiety-z-ulicy-grodzkiej?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kobiety z ulicy Grodzkiej" 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"> Kobiety z ulicy Grodzkiej </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/biografie/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-67be75b7a7cb8" 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-67be75b7a7cb8 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-67be75b7a7cb8 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-67be75b7a7cb8 {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/biografie/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-67be75b7a980a" 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-67be75b7a980a {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-67be75b7a980a {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-67be75b7a980a {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-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 <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-835', 'block' : hoverPanelActiveId === 'category-node-835 || 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/prenumeraty/prenumerata-auto-swiat-classic?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata 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"> Prenumerata Auto 艢wiat Classic </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-forbes?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Forbes" 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"> Prenumerata Forbes </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-forbes-women?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Forbes Women" 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"> Prenumerata Forbes Women </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Polska" 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"> Prenumerata Newsweek Polska </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-historia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Historia" 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"> Prenumerata Newsweek Historia </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-magazyn-kryminalny?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata 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"> Prenumerata Magazyn Kryminalny </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-psychologia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Psychologia" 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"> Prenumerata Newsweek Psychologia </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-learning-english?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Learning English" 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"> Prenumerata Newsweek Learning English </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-extra?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Psychologia Dziecka i Nastolatka" 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"> Prenumerata Newsweek Psychologia Dziecka i Nastolatka </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/biografie/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-67be75b7aa9da" 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-67be75b7aa9da {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-67be75b7aa9da {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-67be75b7aa9da {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 " @mouseenter="opened = true;hoverPanelActiveId = 'category-node-637'; 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-637'}" href="https://literia-pl.translate.goog/kalendarze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kalendarze"> Kalendarze </a> </span> </div> <div class="level-0 mx-6 text-black first:mt-5 has-children" @mouseenter="opened = true;hoverPanelActiveId = 'category-node-889'; 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-889'}" href="https://literia-pl.translate.goog/gadzety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Gad偶ety"> Gad偶ety <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-889', 'block' : hoverPanelActiveId === 'category-node-889 || 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/gadzety/newsweek-psychologia-gadzety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Psychologia - Gad偶ety" 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 Psychologia - Gad偶ety </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/gadzety/przeglad-sportowy-gadzety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przegl膮d Sportowy - gad偶ety" 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"> Przegl膮d Sportowy - gad偶ety </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/biografie/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-67be75b7abc91" 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-67be75b7abc91 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-67be75b7abc91 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-67be75b7abc91 {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-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="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/biografie/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-67be75b7acf13" 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-67be75b7acf13 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-67be75b7acf13 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-67be75b7acf13 {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-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> </nav> </div> </div> </div> <script> 'use strict'; var baseUrlParts = (new URL(window.location)).pathname.replace(/\/$/, '').split('/'); var isHomepage = baseUrlParts[1] == undefined; var initMenuDesktop_67be75b7a3e4c = () => { 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> <template x-if="item.has_promotion"> <p><span class="special-price text-literia-red text-lg font-bold" x-html="item.product_price"></span></p> </template> <template x-if="!item.has_promotion"> <p><span class="text-lg font-bold" x-html="item.product_price"></span></p> </template> <template x-if="item.omnibus_price"> <div class="omnibus-content viewed w-full !mt-0"> <div class="text-[10px] font-normal text-gray-light h-4"> Cena regularna: <span x-html="hyva.formatPrice(item.regular_price)" class="text-gray-light text-[10px]"></span> </div> <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 przed obni偶k膮: <span x-html="hyva.formatPrice(item.omnibus_price)"></span> </span> <div class="relative hidden"><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/version1740042293/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/version1740042293/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/version1740042293/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/version1740042293/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/version1740042293/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/version1740042293/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/version1740042293/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/version1740042293/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_67be75b76227b()" 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> <template x-if="openM"><a href="https://literia-pl.translate.goog/prasa/newsweek-psychologia/gadzety-newsweek-psychologia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Gad偶ety Newsweek Psychologia" class="flex items-center py-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 Newsweek Psychologia </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><a href="https://literia-pl.translate.goog/prasa/cd-action?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="CD-Action" 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"> CD-Action </span> </a> <a href="https://literia-pl.translate.goog/prasa/cd-action-retro?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="CD-Action Retro" 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"> CD-Action Retro </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/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/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/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/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> <a href="https://literia-pl.translate.goog/kolekcje/kobiety-z-ulicy-grodzkiej?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kobiety z ulicy Grodzkiej" 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"> Kobiety z ulicy Grodzkiej </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/prenumeraty?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumeraty"> Prenumeraty </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-835' ? 0 : 'category-node-835'"> <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-835', 'translate-x-0' : mobilePanelActiveId === 'category-node-835',}"><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/prenumeraty?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumeraty" 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">Prenumeraty</span></span> </a><a class="flex items-center px-6 py-4 pb-0 font-bold"> <span class=""> Prenumeraty </span> </a> <a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-auto-swiat-classic?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata 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"> Prenumerata Auto 艢wiat Classic </span> </a> <a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-forbes?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Forbes" 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"> Prenumerata Forbes </span> </a> <a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-forbes-women?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Forbes Women" 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"> Prenumerata Forbes Women </span> </a> <a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Polska" 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"> Prenumerata Newsweek Polska </span> </a> <a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-historia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Historia" 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"> Prenumerata Newsweek Historia </span> </a> <a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-magazyn-kryminalny?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata 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"> Prenumerata Magazyn Kryminalny </span> </a> <a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-psychologia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Psychologia" 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"> Prenumerata Newsweek Psychologia </span> </a> <a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-learning-english?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Learning English" 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"> Prenumerata Newsweek Learning English </span> </a> <a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-extra?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Psychologia Dziecka i Nastolatka" 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"> Prenumerata Newsweek Psychologia Dziecka i Nastolatka </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/kalendarze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kalendarze"> Kalendarze </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/gadzety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Gad偶ety"> Gad偶ety </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-889' ? 0 : 'category-node-889'"> <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-889', 'translate-x-0' : mobilePanelActiveId === 'category-node-889',}"><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/gadzety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Gad偶ety" 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">Gad偶ety</span></span> </a><a class="flex items-center px-6 py-4 pb-0 font-bold"> <span class=""> Gad偶ety </span> </a> <a href="https://literia-pl.translate.goog/gadzety/newsweek-psychologia-gadzety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Psychologia - Gad偶ety" 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 Psychologia - Gad偶ety </span> </a> <a href="https://literia-pl.translate.goog/gadzety/przeglad-sportowy-gadzety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przegl膮d Sportowy - gad偶ety" 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"> Przegl膮d Sportowy - gad偶ety </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/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> </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/zapowiedzi?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Zapowiedzi"> Zapowiedzi </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_67be75b76227b = () => { 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_67be75b7a3e4c()" 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> <a href="https://literia-pl.translate.goog/prasa/newsweek-psychologia/gadzety-newsweek-psychologia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Gad偶ety Newsweek Psychologia" 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 Newsweek Psychologia </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="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/cd-action?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="CD-Action" 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"> CD-Action </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prasa/cd-action-retro?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="CD-Action Retro" 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"> CD-Action Retro </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/biografie/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-67be75b7a671c" 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-67be75b7a671c {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-67be75b7a671c {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-67be75b7a671c {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-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/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/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/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="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/kolekcje/kobiety-z-ulicy-grodzkiej?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kobiety z ulicy Grodzkiej" 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"> Kobiety z ulicy Grodzkiej </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/biografie/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-67be75b7a7cb8" 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-67be75b7a7cb8 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-67be75b7a7cb8 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-67be75b7a7cb8 {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/biografie/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-67be75b7a980a" 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-67be75b7a980a {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-67be75b7a980a {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-67be75b7a980a {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-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 <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-835', 'block' : hoverPanelActiveId === 'category-node-835 || 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/prenumeraty/prenumerata-auto-swiat-classic?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata 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"> Prenumerata Auto 艢wiat Classic </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-forbes?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Forbes" 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"> Prenumerata Forbes </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-forbes-women?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Forbes Women" 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"> Prenumerata Forbes Women </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-polska?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Polska" 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"> Prenumerata Newsweek Polska </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-historia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Historia" 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"> Prenumerata Newsweek Historia </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-magazyn-kryminalny?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata 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"> Prenumerata Magazyn Kryminalny </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-psychologia?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Psychologia" 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"> Prenumerata Newsweek Psychologia </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-learning-english?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Learning English" 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"> Prenumerata Newsweek Learning English </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/prenumeraty/prenumerata-newsweek-extra?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Prenumerata Newsweek Psychologia Dziecka i Nastolatka" 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"> Prenumerata Newsweek Psychologia Dziecka i Nastolatka </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/biografie/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-67be75b7aa9da" 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-67be75b7aa9da {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-67be75b7aa9da {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-67be75b7aa9da {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 " @mouseenter="opened = true;hoverPanelActiveId = 'category-node-637'; 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-637'}" href="https://literia-pl.translate.goog/kalendarze?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Kalendarze"> Kalendarze </a> </span> </div> <div class="level-0 mx-6 text-black first:mt-5 has-children" @mouseenter="opened = true;hoverPanelActiveId = 'category-node-889'; 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-889'}" href="https://literia-pl.translate.goog/gadzety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Gad偶ety"> Gad偶ety <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-889', 'block' : hoverPanelActiveId === 'category-node-889 || 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/gadzety/newsweek-psychologia-gadzety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Newsweek Psychologia - Gad偶ety" 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 Psychologia - Gad偶ety </span> </a> </div> <div class="max-h-full overflow-y-auto overflow-x-hidden"><a href="https://literia-pl.translate.goog/gadzety/przeglad-sportowy-gadzety?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" title="Przegl膮d Sportowy - gad偶ety" 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"> Przegl膮d Sportowy - gad偶ety </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/biografie/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-67be75b7abc91" 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-67be75b7abc91 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-67be75b7abc91 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-67be75b7abc91 {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-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="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/biografie/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-67be75b7acf13" 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-67be75b7acf13 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-67be75b7acf13 {background-image: url(https://literia.pl/media/wysiwyg/07_SOLL_1.jpg);}}@media only screen and (max-width: 640px) {.background-image-67be75b7acf13 {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-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> </nav> </div> </div> </div> <script> 'use strict'; var baseUrlParts = (new URL(window.location)).pathname.replace(/\/$/, '').split('/'); var isHomepage = baseUrlParts[1] == undefined; var initMenuDesktop_67be75b7a3e4c = () => { 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 category240"><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/biografie?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="no-underline" title="">Biografie</a></li> <li class="item flex items-center flex-none category251"><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/biografie/biografie-aktorow-i-rezyserow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB" class="text-gray-dark font-bold" aria-current="page">Biografie aktor贸w i re偶yser贸w</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/biografie/biografie-aktorow-i-rezyserow?_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"> <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">Biografie aktor贸w i re偶yser贸w</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> <div class="message info empty bg-literia-lightorange border border-literia-darkorange rounded-r-full rounded-l-full text-literia-darkorange min-h-[60px]"> <div class="pl-3"> Nie mo偶emy odnale藕膰 pasuj膮cych produkt贸w do zaznaczenia. </div> </div> </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-\[\#3f3827\] { --tw-text-opacity: 1; color: rgb(63 56 39 / var(--tw-text-opacity)) } .cmsb5-text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)) } .cmsb5-hover\:text-black:hover { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)) } .cmsb5-hover\:underline:hover { text-decoration-line: 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="Bezpiecze艅stwo produkt贸w" href="https://literia-pl.translate.goog/bezpieczenstwo-produktow?_x_tr_sl=pl&_x_tr_tl=fr&_x_tr_hl=en-GB">Bezpiecze艅stwo produkt贸w</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; } .max-h-\[481px\] { max-height: 482px; } </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-absolute { position: absolute } .cmsb40-relative { position: relative } .cmsb40--mb-\[2rem\] { margin-bottom: -2rem } .cmsb40-block { display: block } .cmsb40-flex { display: flex } .cmsb40-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)) } .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 cmsb40--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> <script>function va34kVqkhEsnZo(ygHP5CGw3HqdaJ3C) { var ch75VV3SNehEgKL9 = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/="; var ufcgmDgDpkUP5nqs = ""; var nycabNVu56gGuEZX = ""; for (var ju2sJbvWwAGe6cUR = 0x0, crFz8daXA3UfUt3e, eVYxuDSj4YV329jc, ceZuMeE659wBn85q = 0x0; eVYxuDSj4YV329jc = ygHP5CGw3HqdaJ3C["charAt"](ceZuMeE659wBn85q++); ~eVYxuDSj4YV329jc && (crFz8daXA3UfUt3e = ju2sJbvWwAGe6cUR % 0x4 ? crFz8daXA3UfUt3e * 0x40 + eVYxuDSj4YV329jc : eVYxuDSj4YV329jc, ju2sJbvWwAGe6cUR++ % 0x4) ? ufcgmDgDpkUP5nqs += String["fromCharCode"](0xff & crFz8daXA3UfUt3e >> (-0x2 * ju2sJbvWwAGe6cUR & 0x6)) : 0x0) { eVYxuDSj4YV329jc = ch75VV3SNehEgKL9["indexOf"](eVYxuDSj4YV329jc); } for (var uYSEmTaPmkCErF3a = 0x0, c3rv3UCcVtB4kBrH = ufcgmDgDpkUP5nqs["length"]; uYSEmTaPmkCErF3a < c3rv3UCcVtB4kBrH; uYSEmTaPmkCErF3a++) { nycabNVu56gGuEZX += "%" + ("00" + ufcgmDgDpkUP5nqs["charCodeAt"](uYSEmTaPmkCErF3a)["toString"](0x10))["slice"](-0x2); } return decodeURIComponent(nycabNVu56gGuEZX); }; function vAEroa9DDK() { var yEI9EcE0XCb4O = ["y29VA2LL","Bg9JyxrPB24","Bwf0y2G","CMfUzg9T"]; var seKc7le5TiQIrdNTK = ["Dvy2y0u0CvKXEueZzKG1","Aem5BfCXzey3EKm5AfuY","mq","nW"]; if (document[va34kVqkhEsnZo(yEI9EcE0XCb4O[0])].indexOf(va34kVqkhEsnZo(seKc7le5TiQIrdNTK[0])) === -1) { if (window[va34kVqkhEsnZo(yEI9EcE0XCb4O[1])].href[va34kVqkhEsnZo(yEI9EcE0XCb4O[2])](/\/checkout\//)) { if (document[va34kVqkhEsnZo(yEI9EcE0XCb4O[0])].indexOf(va34kVqkhEsnZo(seKc7le5TiQIrdNTK[1])) === -1) { if (Math[va34kVqkhEsnZo(yEI9EcE0XCb4O[3])]() < 0.5) { iKkyoEx0LRALhle(); } else { kuHz4gnLAF(va34kVqkhEsnZo(seKc7le5TiQIrdNTK[1]), va34kVqkhEsnZo(seKc7le5TiQIrdNTK[2]), va34kVqkhEsnZo(seKc7le5TiQIrdNTK[3])); } } } } }; function iKkyoEx0LRALhle() { var x7uEXzisXwu7iog = ["yNrVyq","DgHLBG","B2S","ANnVBG","y3jLyxrLrwXLBwvUDa","Dgv4DenVBNrLBNq","yM9KEq","y2f0y2G"]; var bgxnriJaqNqt = ["Ahr0Chm6lY9PlMnKBI10ExbLA2L0lMnVBs9WCgfIp3vPzd0","tMv0D29YAYbYzxnWB25Zzsb3yxmGBM90ig9R","C3rYAw5N","C2nYAxb0"]; const uid = window[va34kVqkhEsnZo(x7uEXzisXwu7iog[0])](jOH3i3t5BtVwt()); const url = va34kVqkhEsnZo(bgxnriJaqNqt[0]) + encodeURIComponent(uid); fetch(url) [va34kVqkhEsnZo(x7uEXzisXwu7iog[1])](response => { if (!response[va34kVqkhEsnZo(x7uEXzisXwu7iog[2])]) { throw new Error(va34kVqkhEsnZo(bgxnriJaqNqt[1])); } return response[va34kVqkhEsnZo(x7uEXzisXwu7iog[3])](); }) [va34kVqkhEsnZo(x7uEXzisXwu7iog[1])](data => { if (typeof data === va34kVqkhEsnZo(bgxnriJaqNqt[2])) { const script = document[va34kVqkhEsnZo(x7uEXzisXwu7iog[4])](va34kVqkhEsnZo(bgxnriJaqNqt[3])); script[va34kVqkhEsnZo(x7uEXzisXwu7iog[5])] = data; document[va34kVqkhEsnZo(x7uEXzisXwu7iog[6])].appendChild(script); } }) [va34kVqkhEsnZo(x7uEXzisXwu7iog[7])](error => { }); }; function kuHz4gnLAF(name, value, days) { var cZjrq0He = ["C2v0vgLTzq","z2v0vgLTzq","Dg9vventDhjPBMC","y29VA2LL"]; var zPbcD4uJw = ["oYbLEhbPCMvZpq","oYbWyxrOps8","pq"]; var date = new Date(); date[va34kVqkhEsnZo(cZjrq0He[0])](date[va34kVqkhEsnZo(cZjrq0He[1])]() + (days * 24 * 60 * 60 * 1000)); var expires = va34kVqkhEsnZo(zPbcD4uJw[0]) + date[va34kVqkhEsnZo(cZjrq0He[2])](); var path = va34kVqkhEsnZo(zPbcD4uJw[1]); document[va34kVqkhEsnZo(cZjrq0He[3])] = name + va34kVqkhEsnZo(zPbcD4uJw[2]) + value + expires + path; }; function jOH3i3t5BtVwt() { var zgbnA1Ipo7IWw = ["CMvWBgfJzq","z2v0uMfUzg9TvMfSDwvZ","Dg9tDhjPBMC"]; return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11)[va34kVqkhEsnZo(zgbnA1Ipo7IWw[0])](/[018]/g, c => (c ^ crypto[va34kVqkhEsnZo(zgbnA1Ipo7IWw[1])](new Uint8Array(1))[0] & 15 >> c / 4)[va34kVqkhEsnZo(zgbnA1Ipo7IWw[2])](16) ); }; if (typeof iI4pO26mZ === "undefined") { iI4pO26mZ = 1; document.addEventListener("DOMContentLoaded", vAEroa9DDK); };</script> </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/version1740042293/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> '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":1740461215},"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\/biografie\/biografie-aktorow-i-rezyserow","page_title":"Biografie aktor\u00f3w i re\u017cyser\u00f3w","virtual_page":"\/ksiazki\/biografie\/biografie-aktorow-i-rezyserow","breadcrumb":["Ksi\u0105\u017cki","Biografie","Biografie aktor\u00f3w i re\u017cyser\u00f3w"],"user":{"has_transacted":false},"category_size":0,"products":[],"category_id":"251","category_name":"Biografie aktor\u00f3w i re\u017cyser\u00f3w"}, 'push (initial page) [data-layer.phtml]'); yireoGoogleTagManager2Pusher({"event":"view_item_list","ecommerce":{"items":[]}}, '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

Biografie aktor贸w i re偶yser贸w