{"id":2598,"date":"2026-10-16T21:18:00","date_gmt":"2026-10-16T21:18:00","guid":{"rendered":"https:\/\/slovencina.org\/?page_id=2598"},"modified":"2026-10-16T21:51:16","modified_gmt":"2026-10-16T21:51:16","slug":"eshop","status":"publish","type":"page","link":"https:\/\/slovencina.org\/ru\/eshop\/","title":{"rendered":"E-shop"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2598\" class=\"elementor elementor-2598\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-07dd5b7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"07dd5b7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c59758c\" data-id=\"c59758c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c3a564d elementor-widget elementor-widget-heading\" data-id=\"c3a564d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">E-shop<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-63a7976 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"63a7976\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5476c525\" data-id=\"5476c525\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-58c6f56c elementor-widget elementor-widget-text-editor\" data-id=\"58c6f56c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><div id=\"marlu-shop-frontend-root\" class=\"marlu-shop-app-root slovencina-app-root font-sans text-slate-800 antialiased\">\n    <!-- 1.3 HLAVN\u00dd OBSAH PODSTR\u00c1NKY (BOXOVAN\u00dd V RESPOZ\u00cdVNOM KONTAJNERI 1140px) -->\n    <main class=\"max-w-[1140px] mx-auto w-full px-4 sm:px-6 py-6 md:py-8 space-y-8 flex-1\">\n\n      <!-- VAROVN\u00dd BANNER PRE ADMINISTR\u00c1TORA PRI AKT\u00cdVNEJ \u00daDR\u017dBE -->\n      <div id=\"frontend-maintenance-admin-banner\" class=\"hidden p-4 bg-amber-50 border-2 border-amber-300 rounded-2xl shadow-xs flex flex-col sm:flex-row sm:items-center justify-between gap-3 text-amber-950\">\n        <div class=\"flex items-start gap-3\">\n          <span class=\"text-2xl flex-shrink-0\">\u26a0\ufe0f<\/span>\n          <div class=\"text-xs space-y-0.5\">\n            <div class=\"font-extrabold text-amber-950 text-sm\">Re\u017eim \u00fadr\u017eby e-shopu je akt\u00edvny!<\/div>\n            <div class=\"text-amber-800 leading-relaxed\">\n              T\u00fato poklad\u0148u moment\u00e1lne vid\u00edte <strong>iba Vy ako prihl\u00e1sen\u00fd administr\u00e1tor<\/strong>. Be\u017en\u00ed n\u00e1v\u0161tevn\u00edci vidia oznam o \u00fadr\u017ebe.\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"flex items-center gap-2 self-start sm:self-auto flex-shrink-0\">\n          <button type=\"button\" onclick=\"toggleSimulateVisitor(true)\" class=\"px-3 py-1.5 bg-amber-600 hover:bg-amber-700 text-white rounded-xl text-xs font-bold shadow-2xs cursor-pointer flex items-center gap-1.5 transition-all\">\n            <span>\ud83d\udc41\ufe0f Simulova\u0165 poh\u013ead be\u017en\u00e9ho n\u00e1v\u0161tevn\u00edka<\/span>\n          <\/button>\n          <button type=\"button\" onclick=\"switchView('admin'); switchAdminTab('settings'); jumpToMaintenanceEditor();\" class=\"px-3 py-1.5 bg-white hover:bg-amber-100\/70 text-amber-900 border border-amber-300 rounded-xl text-xs font-semibold cursor-pointer transition-all\">\n            <span>\u2699\ufe0f Nastavenia<\/span>\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <!-- POH\u013dAD PRE BE\u017dN\u00c9HO N\u00c1V\u0160TEVN\u00cdKA PRI AKT\u00cdVNEJ \u00daDR\u017dBE -->\n      <div id=\"frontend-maintenance-visitor-view\" class=\"hidden space-y-6\">\n        <!-- TESTOVAC\u00cd TOOLBAR PRE ADMINA -->\n        <div class=\"p-3 bg-slate-900 text-white rounded-2xl shadow-md flex flex-wrap items-center justify-between gap-3 text-xs\">\n          <div class=\"flex items-center gap-2\">\n            <span class=\"w-2.5 h-2.5 rounded-full bg-amber-400 animate-ping\"><\/span>\n            <span class=\"font-bold text-amber-300\">Testovac\u00ed re\u017eim:<\/span>\n            <span class=\"text-slate-300\">Pr\u00e1ve vid\u00edte obrazovku presne tak, ako ju vid\u00ed be\u017en\u00fd n\u00e1v\u0161tevn\u00edk bez prihl\u00e1senia.<\/span>\n          <\/div>\n          <div class=\"flex items-center gap-2\">\n            <button type=\"button\" onclick=\"toggleSimulateVisitor(false)\" class=\"px-3 py-1.5 bg-white hover:bg-slate-100 text-slate-900 rounded-xl font-bold cursor-pointer transition-all text-xs\">\n              <span>\ud83d\udc68\u200d\ud83d\udcbb Sp\u00e4\u0165 na poh\u013ead administr\u00e1tora<\/span>\n            <\/button>\n            <button type=\"button\" onclick=\"toggleMaintenanceModeLive(false); toggleSimulateVisitor(false);\" class=\"px-3 py-1.5 bg-rose-600 hover:bg-rose-700 text-white rounded-xl font-bold cursor-pointer transition-all text-xs\">\n              <span>Vypn\u00fa\u0165 \u00fadr\u017ebu<\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n\n        <!-- CHARMING MAINTENANCE CARD PRE N\u00c1V\u0160TEVN\u00cdKOV -->\n        <div class=\"max-w-2xl mx-auto bg-white rounded-3xl border-2 border-slate-200\/90 shadow-lg p-8 sm:p-12 text-center space-y-6\">\n          <div class=\"w-20 h-20 mx-auto rounded-3xl bg-amber-50 border-2 border-amber-200 text-amber-600 flex items-center justify-center text-4xl shadow-sm animate-bounce\">\n            \u2728\n          <\/div>\n          <div class=\"space-y-3\">\n            <h2 id=\"maint-visitor-title\" class=\"text-2xl sm:text-3xl font-black text-slate-900 tracking-tight\">\n              Pr\u00e1ve vyla\u010fujeme n\u00e1\u0161 e-shop \ud83d\udee0\ufe0f\n            <\/h2>\n            <p id=\"maint-visitor-message\" class=\"text-sm sm:text-base text-slate-600 leading-relaxed max-w-lg mx-auto whitespace-pre-line\">\n              Na e-shope pr\u00e1ve dop\u013a\u0148ame nov\u00e9 vzdel\u00e1vacie pom\u00f4cky a vylep\u0161ujeme syst\u00e9m pre v\u00e1\u0161 e\u0161te pohodlnej\u0161\u00ed n\u00e1kup. Ve\u013emi si v\u00e1\u017eime va\u0161u trpezlivos\u0165 a \u010doskoro sme sp\u00e4\u0165 v plnej par\u00e1de! Ak m\u00e1te ak\u00e9ko\u013evek ot\u00e1zky alebo potrebujete pom\u00f4c\u0165, kedyko\u013evek n\u00e1m nap\u00ed\u0161te na info@slovencina.org.\n            <\/p>\n          <\/div>\n\n          <div class=\"pt-4 border-t border-slate-100 flex flex-col items-center gap-3\">\n            <span class=\"inline-flex items-center gap-2 px-3.5 py-1 rounded-full text-xs font-bold bg-amber-50 text-amber-800 border border-amber-200\">\n              <span>\ud83d\udd52<\/span> Chv\u00ed\u013ekov\u00e1 pauza \u2013 vyla\u010fujeme detaily\n            <\/span>\n            <a href=\"mailto:info@slovencina.org\" class=\"inline-flex items-center gap-2 px-6 py-3 rounded-2xl font-bold text-sm bg-[#1bb4b9] hover:bg-[#148f93] text-white shadow-md transition-all active:scale-95\">\n              <span>\u2709\ufe0f<\/span> Nap\u00ed\u0161te n\u00e1m na info@slovencina.org\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- POH\u013dAD A: KATAL\u00d3G POM\u00d4COK S OBJEDN\u00c1VKOV\u00ddM FORMUL\u00c1ROM -->\n      <div id=\"frontend-catalog-view\" class=\"space-y-8\">\n\n        <!-- 1.3.1 HERO BANNER: ANAST\u00c1ZIA & POM\u00d4CKY (PREDLOHA Z HTTPS:\/\/SLOVENCINA.ORG\/POMOCKY\/) -->\n        <div data-no-dynamic-translation class=\"bg-gradient-to-br from-teal-50\/70 via-white to-amber-50\/40 rounded-3xl border border-teal-100 p-6 md:p-8 shadow-xs\" id=\"marlu-hero-banner-container\">\n      <div class=\"flex flex-col md:flex-row items-center gap-6 md:gap-8\">\n        <div class=\"relative flex-shrink-0\">\n          <div class=\"w-32 h-32 md:w-36 md:h-36 rounded-2xl overflow-hidden border-4 border-white shadow-md bg-teal-50\">\n            <img id=\"hero-banner-photo\" src=\"https:\/\/slovencina.org\/wp-content\/uploads\/2022\/09\/ANAahoj-286x300.webp\" alt=\"Anast\u00e1zia - Slovencina s Ani\" class=\"w-full h-full object-cover\">\n          <\/div>\n          <div id=\"hero-banner-photo-label\" class=\"absolute -bottom-2 -right-2 bg-[#f5b120] text-slate-950 text-[10px] font-black px-2.5 py-0.5 rounded-full shadow-sm border-2 border-white\">\n            \u2764\ufe0f Va\u0161a Ani!          <\/div>\n        <\/div>\n\n        <div class=\"flex-1 text-left\">\n          <div id=\"hero-banner-tag\" class=\"inline-flex items-center gap-2 px-3 py-1 bg-white text-[#1bb4b9] font-bold text-xs uppercase tracking-wider rounded-full border border-teal-200\/80 mb-2.5 shadow-2xs\">\n            \u2728 Lektor, ktor\u00fd v\u00e1m rozumie          <\/div>\n          <h1 id=\"hero-banner-title\" class=\"text-2xl md:text-3xl font-extrabold text-[#1bb4b9] leading-tight\">\n            Tu n\u00e1jdete \u201ePOM\u00d4CKY\u201c na u\u010denie sa slovensk\u00e9ho jazyka          <\/h1>\n          <p class=\"text-[#324a6d] text-xs md:text-sm mt-2 leading-relaxed max-w-2xl\" id=\"hero-promo-text\">\n            <span id=\"hero-banner-description\">Sady <strong class=\"text-slate-800\">fr\u00e1zov\u00fdch slovies<\/strong> a praktick\u00e9 u\u010debn\u00e9 materi\u00e1ly rozdelen\u00e9 na 5 p\u00e1dov pod\u013ea farieb s predlo\u017ekami a vzorov\u00fdmi vetami.<\/span> <span id=\"hero-free-shipping-tag\" style=\"\">Pri objednan\u00ed &nbsp;<strong id=\"hero-free-shipping-qty\" class=\"text-slate-800 font-bold mx-1 inline-block\">2<\/strong>&nbsp; a viac kusov m\u00e1te automaticky <span class=\"text-[#1bb4b9] font-bold\">po\u0161tovn\u00e9 \u00faplne ZADARMO! \ud83c\udf89<\/span><\/span>\n          <\/p>\n          <div class=\"mt-3.5 flex flex-wrap items-center justify-start gap-2 text-[11px]\">\n            <span id=\"hero-banner-badge1\" class=\"inline-flex items-center gap-1.5 px-3 py-1 rounded-lg bg-white border border-teal-200 text-[#1bb4b9] font-bold shadow-2xs\">\n              \ud83c\udfb4 100 karti\u010diek \u2022 5 p\u00e1dov            <\/span>\n            <span id=\"hero-banner-badge2\" class=\"inline-flex items-center gap-1.5 px-3 py-1 rounded-lg bg-white border border-amber-200 text-amber-900 font-bold shadow-2xs\">\n              \ud83d\udca1 Vzorov\u00e9 vety &amp; v\u00e4zby            <\/span>\n            <span id=\"hero-banner-badge3\" class=\"inline-flex items-center gap-1.5 px-3 py-1 rounded-lg bg-white border border-emerald-200 text-emerald-800 font-bold shadow-2xs\">\n              \ud83d\udce6 R\u00fdchla exped\u00edcia Packeta &amp; Po\u0161ta            <\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 1.3 OBJEDN\u00c1VKOV\u00dd FORMUL\u00c1R S KROKMI -->\n    <div class=\"bg-white rounded-3xl shadow-sm border border-slate-200 p-6 md:p-8\">\n\n      <!-- KROK 1: V\u00ddBER PRODUKTOV (S mo\u017enos\u0165ou osobn\u00e9ho venovania) -->\n      <div class=\"mb-8\">\n        <div class=\"flex items-center justify-between mb-5\">\n          <div>\n            <h3 class=\"text-lg font-bold text-slate-900 flex items-center gap-2.5\">\n              <span class=\"w-7 h-7 rounded-full bg-[#1bb4b9] text-white flex items-center justify-center text-xs font-black shadow-xs\">1<\/span>\n              <span>Vyberte si \u0161tudijn\u00e9 pom\u00f4cky a po\u010det kusov<\/span>\n            <\/h3>\n            <p class=\"text-xs text-[#324a6d] mt-1 ml-9.5\">Kliknut\u00edm na tla\u010didlo <strong class=\"text-[#1bb4b9]\">+<\/strong> prid\u00e1te balenie do ko\u0161\u00edka.<\/p>\n          <\/div>\n          <span class=\"text-xs font-semibold px-3 py-1 rounded-full bg-slate-100 text-slate-600 hidden sm:inline-block\">Dostupn\u00fdch pom\u00f4cok: <strong id=\"frontend-products-count\" class=\"text-slate-900\">2<\/strong><\/span>\n        <\/div>\n\n        <div class=\"flex flex-wrap justify-center gap-6\" id=\"products-container\">\n          <!-- Renderovan\u00e9 dynamicky z JS -->\n        <\/div>\n\n        <!-- UPOZORNENIE PRE PREDOBJEDN\u00c1VKY \/ KOMBINOVAN\u00dd KO\u0160\u00cdK -->\n        <div id=\"preorder-alert-box\" class=\"hidden mt-5 p-4 rounded-2xl border border-amber-300 bg-amber-50\/90 text-amber-950 text-xs shadow-sm space-y-1.5 transition-all\">\n          <!-- Dynamicky riaden\u00e9 z recalculateTotal() -->\n        <\/div>\n      <\/div>\n\n      <!-- KROK 2: SP\u00d4SOB DORU\u010cENIA A PLATBY (DYNAMICKY RIADEN\u00c9 Z NASTAVEN\u00cd) -->\n      <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-8 pt-6 border-t border-slate-100\">\n        <div>\n          <h3 class=\"text-base font-bold text-slate-800 mb-3 flex items-center gap-2\">\n            <span class=\"w-6 h-6 rounded-full bg-[#1bb4b9] text-white flex items-center justify-center text-xs\">2<\/span>\n            Sp\u00f4sob doru\u010denia\n          <\/h3>\n          <div id=\"free-shipping-progress-box\" class=\"mb-3\"><\/div>\n          <div id=\"frontend-shipping-methods\" class=\"space-y-2\">\n            <!-- Dynamicky generovan\u00e9 cez renderShippingMethods() -->\n          <\/div>\n        <\/div>\n\n        <div>\n          <h3 class=\"text-base font-bold text-slate-800 mb-3 flex items-center gap-2\">\n            <span class=\"w-6 h-6 rounded-full bg-[#1bb4b9] text-white flex items-center justify-center text-xs\">3<\/span>\n            Sp\u00f4sob platby\n          <\/h3>\n          <div id=\"frontend-payment-methods\" class=\"space-y-2\">\n            <!-- Dynamicky generovan\u00e9 cez renderPaymentMethods() -->\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- KROK 3: DORU\u010cOVACIE \u00daDAJE S PACKETA WIDGETOM -->\n      <div class=\"pt-6 border-t border-slate-100\">\n        <h3 class=\"text-base font-bold text-slate-800 mb-4 flex items-center gap-2\">\n          <span class=\"w-6 h-6 rounded-full bg-[#1bb4b9] text-white flex items-center justify-center text-xs\">4<\/span>\n          Va\u0161e doru\u010dovacie a kontaktn\u00e9 \u00fadaje\n        <\/h3>\n\n        <form id=\"order-form\" onsubmit=\"submitFrontendOrder(event)\" class=\"space-y-4\">\n          \n          <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n            <div>\n              <label class=\"block text-xs font-semibold text-slate-700 mb-1\">Meno <span class=\"text-rose-500\">*<\/span><\/label>\n              <input type=\"text\" id=\"cust-first-name\" required placeholder=\"napr. M\u00e1ria\" oninput=\"saveCustomerDataLive()\" class=\"w-full text-xs px-3 py-2 border border-slate-300 rounded-lg bg-white text-slate-900 placeholder:text-slate-400 focus:outline-none focus:border-[#1bb4b9]\">\n            <\/div>\n            <div>\n              <label class=\"block text-xs font-semibold text-slate-700 mb-1\">Priezvisko <span class=\"text-rose-500\">*<\/span><\/label>\n              <input type=\"text\" id=\"cust-last-name\" required placeholder=\"napr. Kov\u00e1\u010dov\u00e1\" oninput=\"saveCustomerDataLive()\" class=\"w-full text-xs px-3 py-2 border border-slate-300 rounded-lg bg-white text-slate-900 placeholder:text-slate-400 focus:outline-none focus:border-[#1bb4b9]\">\n            <\/div>\n          <\/div>\n\n          <!-- N\u00c1KUP NA FIRMU \/ \u0160KOLU (I\u010cO) -->\n          <div class=\"p-3.5 bg-slate-50\/80 rounded-xl border border-slate-200 space-y-2.5\">\n            <label class=\"flex items-center gap-2.5 cursor-pointer select-none\">\n              <input type=\"checkbox\" id=\"cust-is-company\" onchange=\"toggleCompanyCheckoutFields()\" class=\"rounded text-[#1bb4b9] focus:ring-[#1bb4b9] w-4 h-4 cursor-pointer\">\n              <span class=\"text-xs font-bold text-slate-800 flex items-center gap-1.5\">\n                <span>\ud83c\udfe2<\/span> Nakupujem na firmu \/ \u0161kolu \/ organiz\u00e1ciu (n\u00e1kup na I\u010cO)\n              <\/span>\n            <\/label>\n            <div id=\"company-checkout-fields\" class=\"hidden pt-2 border-t border-slate-200\/80 space-y-3\">\n              <div>\n                <label class=\"block text-xs font-semibold text-slate-700 mb-1\">Obchodn\u00e9 meno \/ N\u00e1zov \u0161koly \/ organiz\u00e1cie <span class=\"text-rose-500\">*<\/span><\/label>\n                <input type=\"text\" id=\"cust-company-name\" placeholder=\"napr. Z\u00e1kladn\u00e1 \u0161kola s M\u0160 \/ MARLU PRODUCTION s. r. o.\" oninput=\"saveCustomerDataLive()\" class=\"w-full text-xs px-3 py-2 border border-slate-300 rounded-lg bg-white text-slate-900 placeholder:text-slate-400 focus:outline-none focus:border-[#1bb4b9]\">\n              <\/div>\n              <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-3\">\n                <div>\n                  <label class=\"block text-xs font-semibold text-slate-700 mb-1\">I\u010cO <span class=\"text-rose-500\">*<\/span><\/label>\n                  <input type=\"text\" id=\"cust-ico\" placeholder=\"12345678\" oninput=\"saveCustomerDataLive()\" class=\"w-full text-xs px-3 py-2 border border-slate-300 rounded-lg bg-white text-slate-900 font-mono placeholder:text-slate-400 focus:outline-none focus:border-[#1bb4b9]\">\n                <\/div>\n                <div>\n                  <label class=\"block text-xs font-semibold text-slate-700 mb-1\">DI\u010c <span class=\"text-rose-500\">*<\/span><\/label>\n                  <input type=\"text\" id=\"cust-dic\" placeholder=\"2012345678\" oninput=\"saveCustomerDataLive()\" class=\"w-full text-xs px-3 py-2 border border-slate-300 rounded-lg bg-white text-slate-900 font-mono placeholder:text-slate-400 focus:outline-none focus:border-[#1bb4b9]\">\n                <\/div>\n                <div>\n                  <label class=\"block text-xs font-semibold text-slate-700 mb-1\">I\u010c DPH <span class=\"text-slate-400 text-[10px]\">(ak ste platite\u013e)<\/span><\/label>\n                  <input type=\"text\" id=\"cust-icdph\" placeholder=\"SK2012345678\" oninput=\"saveCustomerDataLive()\" class=\"w-full text-xs px-3 py-2 border border-slate-300 rounded-lg bg-white text-slate-900 font-mono placeholder:text-slate-400 focus:outline-none focus:border-[#1bb4b9]\">\n                <\/div>\n              <\/div>\n              <div class=\"text-[10.5px] text-slate-500 bg-white p-2.5 rounded-lg border border-slate-200 leading-relaxed\">\n                \u2139\ufe0f <strong>Upozornenie pre firemn\u00e9 n\u00e1kupy:<\/strong> Na k\u00fapne zmluvy uzatvoren\u00e9 s pr\u00e1vnickou osobou alebo fyzickou osobou - podnikate\u013eom (n\u00e1kup na I\u010cO) sa vz\u0165ahuje Obchodn\u00fd z\u00e1konn\u00edk SR. Z\u00e1konn\u00e9 14-d\u0148ov\u00e9 pr\u00e1vo spotrebite\u013ea na odst\u00fapenie od zmluvy bez udania d\u00f4vodu (\u00a7 19 z\u00e1kona \u010d. 108\/2024 Z. z.) sa na n\u00e1kupy na I\u010cO nevz\u0165ahuje. V pr\u00edpade vady v\u00fdrobku sa uplat\u0148uje riadna reklam\u00e1cia.\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n            <div>\n              <label class=\"block text-xs font-semibold text-slate-700 mb-1\">E-mail <span class=\"text-rose-500\">*<\/span><\/label>\n              <input type=\"email\" id=\"cust-email\" required placeholder=\"napr. maria@priklad.sk\" oninput=\"saveCustomerDataLive()\" class=\"w-full text-xs px-3 py-2 border border-slate-300 rounded-lg bg-white text-slate-900 placeholder:text-slate-400 focus:outline-none focus:border-[#1bb4b9]\">\n            <\/div>\n            <div>\n              <label class=\"block text-xs font-semibold text-slate-700 mb-1\">Mobiln\u00fd telef\u00f3n <span class=\"text-rose-500\">*<\/span> (d\u00f4le\u017eit\u00fd pre k\u00f3d do Z-BOXu)<\/label>\n              <input type=\"tel\" id=\"cust-phone\" required placeholder=\"napr. +421 905 123 456\" oninput=\"saveCustomerDataLive()\" class=\"w-full text-xs px-3 py-2 border border-slate-300 rounded-lg bg-white text-slate-900 placeholder:text-slate-400 focus:outline-none focus:border-[#1bb4b9]\">\n            <\/div>\n          <\/div>\n\n          <!-- DYNAMICK\u00c9 DORU\u010cENIE: 1. PACKETA WIDGET BOX -->\n          <div id=\"packeta-selection-box\" class=\"p-4 bg-rose-50\/60 border border-rose-200 rounded-xl space-y-3\">\n            <div class=\"flex flex-wrap items-center justify-between gap-2\">\n              <div>\n                <label class=\"block text-xs font-bold text-slate-800 flex items-center gap-1.5\">\n                  <span class=\"w-2.5 h-2.5 rounded-full bg-rose-500\"><\/span>\n                  V\u00fddajn\u00e9 miesto Packeta alebo Z-BOX <span class=\"text-rose-500\">*<\/span>\n                <\/label>\n                <span class=\"text-[11px] text-slate-500\">Zvo\u013ete si odbern\u00e9 miesto cez Packeta vyh\u013ead\u00e1va\u010d.<\/span>\n              <\/div>\n              <button type=\"button\" onclick=\"openPacketaWidgetModal()\" class=\"px-4 py-2 bg-rose-600 hover:bg-rose-700 text-white rounded-lg text-xs font-bold flex items-center gap-2 shadow-sm transition-all\">\n                <span>\ud83d\udccd Vybra\u0165 v\u00fddajn\u00e9 miesto \/ Z-BOX<\/span>\n              <\/button>\n            <\/div>\n\n            <div id=\"selected-packeta-point\" class=\"p-3 bg-white rounded-lg border border-dashed border-rose-300 flex items-center justify-between\">\n              <div class=\"flex items-center gap-3\">\n                <div class=\"w-8 h-8 rounded bg-rose-50 text-rose-600 flex items-center justify-center font-bold text-xs\">\n                  \ud83d\udce6\n                <\/div>\n                <div>\n                  <div id=\"packeta-point-name\" class=\"text-xs font-bold text-slate-500 italic\">Nie je vybrat\u00e9 \u017eiadne v\u00fddajn\u00e9 miesto<\/div>\n                  <div id=\"packeta-point-address\" class=\"text-[11px] text-slate-400\">Kliknite na tla\u010didlo a zvo\u013ete si Z-BOX alebo pobo\u010dku<\/div>\n                <\/div>\n              <\/div>\n              <button type=\"button\" onclick=\"openPacketaWidgetModal()\" class=\"px-3 py-1.5 bg-rose-600 hover:bg-rose-700 text-white rounded-lg text-xs font-bold shadow-xs transition-all\">\n                Vybra\u0165 miesto\n              <\/button>\n            <\/div>\n            <input type=\"hidden\" id=\"cust-packeta-id\" value=\"\">\n            <input type=\"hidden\" id=\"cust-packeta-name\" value=\"\">\n          <\/div>\n\n          <!-- DYNAMICK\u00c9 DORU\u010cENIE: 2. PO\u0160TA (BE\u017dN\u00c1 ADRESA) -->\n          <div id=\"posta-address-fields\" class=\"hidden grid grid-cols-1 md:grid-cols-3 gap-4\">\n            <div class=\"md:col-span-2\">\n              <label class=\"block text-xs font-semibold text-slate-700 mb-1\">Ulica a \u010d\u00edslo domu <span class=\"text-rose-500\">*<\/span><\/label>\n              <input type=\"text\" id=\"cust-street\" placeholder=\"napr. Hlavn\u00e1 42\/A\" oninput=\"saveCustomerDataLive()\" class=\"w-full text-xs px-3 py-2 border border-slate-300 rounded-lg bg-white text-slate-900 placeholder:text-slate-400 focus:outline-none focus:border-[#1bb4b9]\">\n            <\/div>\n            <div>\n              <label class=\"block text-xs font-semibold text-slate-700 mb-1\">Mesto <span class=\"text-rose-500\">*<\/span><\/label>\n              <input type=\"text\" id=\"cust-city\" placeholder=\"napr. Bratislava\" oninput=\"saveCustomerDataLive()\" class=\"w-full text-xs px-3 py-2 border border-slate-300 rounded-lg bg-white text-slate-900 placeholder:text-slate-400 focus:outline-none focus:border-[#1bb4b9]\">\n            <\/div>\n            <div>\n              <label class=\"block text-xs font-semibold text-slate-700 mb-1\">PS\u010c <span class=\"text-rose-500\">*<\/span><\/label>\n              <input type=\"text\" id=\"cust-zip\" placeholder=\"napr. 811 06\" oninput=\"saveCustomerDataLive()\" class=\"w-full text-xs px-3 py-2 border border-slate-300 rounded-lg bg-white text-slate-900 placeholder:text-slate-400 focus:outline-none focus:border-[#1bb4b9]\">\n            <\/div>\n          <\/div>\n\n          <!-- POZN\u00c1MKA K OBJEDN\u00c1VKE (PRE KURI\u00c9RA \/ PREDAJCU) -->\n          <div class=\"mt-4 pt-3 border-t border-slate-200\/80\">\n            <label class=\"block text-xs font-semibold text-slate-700 mb-1 flex items-center justify-between\">\n              <span class=\"flex items-center gap-1.5\">\n                <span>\ud83d\udcdd<\/span> <span>Pozn\u00e1mka k objedn\u00e1vke \/ in\u0161trukcie pre kuri\u00e9ra<\/span>\n              <\/span>\n              <span class=\"text-[10px] font-normal text-slate-400\">volite\u013en\u00e9<\/span>\n            <\/label>\n            <textarea id=\"cust-note\" rows=\"2\" placeholder=\"Napr. poschodie, k\u00f3d od br\u00e1ny, doru\u010di\u0165 po 14:00, necha\u0165 u suseda...\" oninput=\"saveCustomerDataLive()\" class=\"w-full text-xs px-3 py-2 border border-slate-300 rounded-lg bg-white text-slate-900 placeholder:text-slate-400 focus:outline-none focus:border-[#1bb4b9]\"><\/textarea>\n          <\/div>\n\n          <!-- S\u00daHRN OBJEDN\u00c1VKY -->\n          <div class=\"bg-slate-50 rounded-xl p-5 border border-slate-200 mt-6\">\n            <div class=\"flex justify-between items-center text-xs text-slate-600 mb-2 gap-2\">\n              <span class=\"break-words\">\n                <span>Produkty<\/span>\n                <span class=\"ml-1\">(<span id=\"summary-items-count\" class=\"notranslate\" data-no-translation translate=\"no\">1<\/span> <span>ks<\/span>):<\/span>\n              <\/span>\n              <span id=\"summary-items-price\" class=\"font-semibold text-slate-800 shrink-0 whitespace-nowrap notranslate\" data-no-translation translate=\"no\">30,00 \u20ac<\/span>\n            <\/div>\n            <div class=\"flex justify-between items-center text-xs text-slate-600 mb-2 gap-2\">\n              <span class=\"flex items-center gap-1.5 flex-wrap\">\n                <span>Doprava:<\/span>\n                <span id=\"free-shipping-tag\" class=\"hidden px-1.5 py-0.5 bg-emerald-100 text-emerald-700 font-bold text-[10px] rounded shrink-0\"><span>Akcia: ZADARMO<\/span><\/span>\n              <\/span>\n              <span id=\"summary-shipping-price\" class=\"font-semibold text-slate-800 shrink-0 whitespace-nowrap notranslate\" data-no-translation translate=\"no\">3,60 \u20ac<\/span>\n            <\/div>\n            <div class=\"flex justify-between items-center text-xs text-slate-600 mb-3 gap-2\" id=\"summary-payment-row\">\n              <span class=\"break-words\"><span>Poplatok za platbu:<\/span><\/span>\n              <span id=\"summary-payment-price\" class=\"font-semibold text-slate-800 shrink-0 whitespace-nowrap notranslate\" data-no-translation translate=\"no\">0,00 \u20ac<\/span>\n            <\/div>\n            <div class=\"border-t border-slate-200 pt-3 flex flex-wrap justify-between items-center gap-2\">\n              <div class=\"min-w-0\">\n                <span class=\"text-xs font-bold text-slate-700 block\">Celkov\u00e1 kone\u010dn\u00e1 cena k \u00fahrade:<\/span>\n                <span id=\"frontend-vat-label\" class=\"text-xs font-medium text-slate-500\">\n                  Kone\u010dn\u00e1 cena (nie sme platite\u013emi DPH)\n                <\/span>\n              <\/div>\n              <span id=\"summary-total-price\" class=\"text-2xl font-extrabold text-[#1bb4b9] shrink-0 whitespace-nowrap notranslate\" data-no-translation translate=\"no\">33,60 \u20ac<\/span>\n            <\/div>\n          <\/div>\n\n          <!-- KROK 4: MARKETING, OCHRANA & Z\u00c1KONN\u00c9 S\u00daHLASY -->\n          <div class=\"space-y-3 pt-2\">\n            <!-- LISTMONK NEWSLETTER OPT-IN (GDPR Opt-in: predvolene neza\u0161krtnut\u00e9) -->\n            <div class=\"p-3 rounded-xl border border-teal-200 bg-teal-50\/50 hover:bg-teal-50 transition-colors\">\n              <label class=\"flex items-start gap-2.5 cursor-pointer select-none\">\n                <input type=\"checkbox\" id=\"cust-newsletter-optin\" class=\"mt-0.5 w-4 h-4 rounded text-[#1bb4b9] focus:ring-[#1bb4b9] cursor-pointer\">\n                <div class=\"text-xs text-slate-700 leading-relaxed\">\n                  <span class=\"font-bold text-teal-950 flex items-center gap-1.5\">\n                    <span class=\"notranslate\" data-no-translation translate=\"no\">\ud83d\udc8c<\/span>\n                    <span>Chcem odobera\u0165 bezplatn\u00e9 vzdel\u00e1vacie tipy a novinky o pom\u00f4ckach<\/span>\n                  <\/span>\n                  <span class=\"block text-[11px] text-slate-500 mt-0.5\">\n                    Prihl\u00e1senie do overen\u00e9ho newslettera zo sloven\u010diny (<a href=\"https:\/\/newsletter.slovencina.org\" target=\"_blank\" class=\"text-[#148f93] underline font-semibold\">newsletter.slovencina.org<\/a>). \u017diadny spam, odhl\u00e1si\u0165 sa m\u00f4\u017eete kedyko\u013evek 1 klikom.\n                  <\/span>\n                <\/div>\n              <\/label>\n            <\/div>\n\n            <!-- VOP A GDPR S\u00daHLAS -->\n            <label class=\"flex items-start gap-2.5 p-3 rounded-xl border border-slate-200 bg-slate-50\/50 hover:bg-slate-50 cursor-pointer\">\n              <input type=\"checkbox\" id=\"terms-agree\" required class=\"mt-0.5 w-4 h-4 rounded text-[#1bb4b9] focus:ring-[#1bb4b9] cursor-pointer\">\n              <span class=\"text-xs text-slate-700 leading-relaxed\">\n                S\u00fahlas\u00edm so <button type=\"button\" onclick=\"openTermsModal()\" class=\"text-[#1bb4b9] font-bold underline hover:text-[#148f93]\">V\u0161eobecn\u00fdmi obchodn\u00fdmi podmienkami (VOP)<\/button>, <button type=\"button\" onclick=\"openTermsModal('reklamacie')\" class=\"text-[#1bb4b9] font-bold underline hover:text-[#148f93]\">Reklama\u010dn\u00fdm poriadkom<\/button> a potvrdzujem, \u017ee som sa obozn\u00e1mil\/a s <button type=\"button\" onclick=\"openTermsModal('gdpr')\" class=\"text-[#1bb4b9] font-bold underline hover:text-[#148f93]\">Z\u00e1sadami ochrany osobn\u00fdch \u00fadajov (GDPR)<\/button> a pou\u010den\u00edm o pr\u00e1ve na odst\u00fapenie od zmluvy. <span class=\"text-rose-500\">*<\/span>\n              <\/span>\n            <\/label>\n\n            <!-- CLOUDFLARE TURNSTILE BADGE -->\n            <div class=\"flex items-center justify-between p-2.5 bg-slate-50 rounded-xl border border-slate-200 text-xs\">\n              <div class=\"flex items-center gap-2\">\n                <span class=\"w-4 h-4 rounded-full bg-emerald-100 text-emerald-700 flex items-center justify-center font-bold text-[10px] notranslate\" data-no-translation translate=\"no\">\u2713<\/span>\n                <span class=\"text-[11px] font-semibold text-slate-700\">Zabezpe\u010den\u00e1 objedn\u00e1vka (Anti-bot ochrana)<\/span>\n              <\/div>\n              <div class=\"flex items-center gap-1.5 text-[10px] text-slate-400 font-mono\">\n                <svg class=\"w-3.5 h-3.5 text-amber-500\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2L1 21h22L12 2zm0 3.99L19.53 19H4.47L12 5.99zM11 10v4h2v-4h-2zm0 6v2h2v-2h-2z\"\/><\/svg>\n                <span>Cloudflare Turnstile<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- TLA\u010cIDLO -->\n          <div class=\"pt-2\">\n            <button type=\"submit\" id=\"submit-btn\" class=\"w-full py-3.5 px-3 sm:px-6 rounded-xl font-black text-white text-xs sm:text-sm bg-[#1bb4b9] hover:bg-[#148f93] shadow-lg transition-all flex items-center justify-center gap-1.5 sm:gap-2 uppercase tracking-normal sm:tracking-wide border-0 text-center\">\n              <svg class=\"w-5 h-5 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" data-no-translation translate=\"no\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>\n              <span class=\"text-center leading-snug break-words\">\n                <span>OBJEDN\u00c1VKA S POVINNOS\u0164OU PLATBY<\/span>\n                <span class=\"notranslate ml-1\" data-no-translation translate=\"no\">(<span id=\"checkout-submit-total-val\">33,60 \u20ac<\/span>)<\/span>\n              <\/span>\n            <\/button>\n            <p class=\"text-[11px] text-center text-slate-400 mt-2\">\n              <span class=\"notranslate\" data-no-translation translate=\"no\">\ud83d\udd12<\/span>\n              <span>Kliknut\u00edm na tla\u010didlo potvrdzujete z\u00e1v\u00e4zn\u00fa objedn\u00e1vku s povinnos\u0165ou \u00fahrady k\u00fapnej ceny.<\/span>\n            <\/p>\n          <\/div>\n        <\/form>\n\n      <\/div>\n    <\/div>\n\n    <!-- 1.4 DYNAMICK\u00c9 REFERENCIE K PRODUKTOM (PRI ZASCROLOVAN\u00cd \u00daPLNE DOLE) -->\n    <div id=\"frontend-all-reviews-section\" class=\"bg-white rounded-3xl border border-slate-200 p-6 md:p-8 shadow-xs space-y-6\">\n      <div class=\"text-center max-w-xl mx-auto\">\n        <div class=\"inline-flex items-center gap-1.5 px-3 py-1 bg-amber-50 text-amber-900 font-bold text-xs rounded-full border border-amber-200 mb-2\">\n          <span>\u2b50\ufe0f<\/span> Skuto\u010dn\u00e9 hodnotenia od \u0161tudentov\n        <\/div>\n        <h3 class=\"text-2xl md:text-3xl font-extrabold text-[#324a6d] font-['Poppins']\">\n          Referencie a sk\u00fasenosti s pom\u00f4ckami\n        <\/h3>\n        <div class=\"flex items-center justify-center gap-4 py-2\">\n          <div class=\"h-0.5 bg-slate-200 w-24 sm:w-36\"><\/div>\n          <span class=\"text-amber-400 text-lg\">\u2605<\/span>\n          <div class=\"h-0.5 bg-slate-200 w-24 sm:w-36\"><\/div>\n        <\/div>\n        <p class=\"text-xs md:text-sm text-slate-500\">\n          Overen\u00e9 sk\u00fasenosti z\u00e1kazn\u00edkov s jednotliv\u00fdmi u\u010debn\u00fdmi pom\u00f4ckami \u2764\ufe0f\n        <\/p>\n      <\/div>\n\n      <!-- KARTY JEDNOTLIV\u00ddCH TOVAROV S REFERENCIAMI -->\n      <div id=\"frontend-bottom-reviews-container\" class=\"space-y-6\">\n        <!-- Renderovan\u00e9 dynamicky cez renderBottomProductReviews() -->\n      <\/div>\n    <\/div>\n    <!-- KONIEC POH\u013dADU A: KATAL\u00d3G POM\u00d4COK -->\n  <\/div>\n\n  <!-- POH\u013dAD B: KARTA \/ DETAIL PRODUKTU S RECENZIAMI (POD\u013dA HTTPS:\/\/SLOVENCINA.ORG\/POMOCKY\/) -->\n  <div id=\"frontend-detail-view\" class=\"space-y-8 hidden\">\n    <!-- Dynamicky generovan\u00fd obsah karty produktu cez renderProductDetailView(prod) -->\n  <\/div>\n\n  <!-- POH\u013dAD C: \u010eAKOVN\u00c1 OBRAZOVKA PO ODOSLAN\u00cd OBJEDN\u00c1VKY \/ PREDOBJEDN\u00c1VKY -->\n  <div id=\"frontend-thankyou-view\" class=\"space-y-8 hidden\">\n    <!-- Renderovan\u00e9 dynamicky cez renderThankYouScreen(order) -->\n  <\/div>\n\n    <!-- 1.5 AUTENTICK\u00c1 P\u00c4TI\u010cKA WEBU SLOVENCINA.ORG -->\n    <footer id=\"frontend-site-footer\" class=\"print:hidden bg-white rounded-3xl border border-slate-200\/80 p-6 md:p-8 text-center text-xs text-[#324a6d] space-y-4 shadow-xs\">\n      <div class=\"flex flex-wrap items-center justify-center gap-6 text-xs font-semibold text-slate-700\">\n        <button type=\"button\" onclick=\"openTermsModal('vop')\" class=\"hover:text-[#1bb4b9] transition-colors underline cursor-pointer\">Obchodn\u00e9 podmienky (VOP)<\/button>\n        <button type=\"button\" onclick=\"openTermsModal('reklamacie')\" class=\"hover:text-[#1bb4b9] transition-colors underline cursor-pointer\">Reklama\u010dn\u00fd poriadok<\/button>\n        <button type=\"button\" onclick=\"openTermsModal('gdpr')\" class=\"hover:text-[#1bb4b9] transition-colors underline cursor-pointer\">Z\u00e1sady ochrany osobn\u00fdch \u00fadajov (GDPR)<\/button>\n        <button type=\"button\" onclick=\"openClaimsModal()\" class=\"text-rose-700 hover:text-rose-800 transition-colors underline cursor-pointer font-bold flex items-center gap-1.5\"><span>\ud83d\udd04<\/span> Odst\u00fapenie od zmluvy a reklam\u00e1cie<\/button>\n        <button type=\"button\" onclick=\"openPublicReviewModal()\" class=\"text-[#148f93] hover:text-[#0f7275] transition-colors underline cursor-pointer font-bold flex items-center gap-1.5\"><span>\u2b50<\/span> Ohodno\u0165te n\u00e1\u0161 produkt<\/button>\n        <button type=\"button\" onclick=\"openContactModal()\" class=\"text-[#324a6d] hover:text-[#1bb4b9] transition-colors underline cursor-pointer font-bold flex items-center gap-1.5\"><span>\ud83d\udcde<\/span> Kontakt<\/button>\n      <\/div>\n\n      <div class=\"text-[11px] text-slate-500 pt-4 border-t border-slate-100 space-y-1.5\">\n        <div class=\"font-bold text-[#1d2939]\" id=\"footer-comp-legal-line\">\n          Pred\u00e1vaj\u00faci: MARLU PRODUCTION s. r. o. | I\u010cO: 56267657 | DI\u010c: 2122256114 | Zap\u00edsan\u00e1 v OR Okresn\u00e9ho s\u00fadu Trnava, oddiel: Sro, vlo\u017eka \u010d. 56764\/T\n        <\/div>\n        <div id=\"footer-comp-address-line\">\n          S\u00eddlo: Mal\u00fd L\u00e9g 1215, 930 37 Lehnice | E-mail: info@slovencina.org\n        <\/div>\n        <div class=\"text-[#1bb4b9] font-semibold pt-1\" id=\"footer-soi-line\">\n          Org\u00e1n dozoru: Slovensk\u00e1 obchodn\u00e1 in\u0161pekcia (SOI), In\u0161pektor\u00e1t SOI pre Trnavsk\u00fd kraj, Trhov\u00e1 2, 917 01 Trnava\n        <\/div>\n        <div class=\"text-[10px] text-slate-400 pt-2\">\n          \u00a9 2026 Slovencina.org & MARLU PRODUCTION s. r. o. V\u0161etky pr\u00e1va vyhraden\u00e9. Praktick\u00e9 u\u010debn\u00e9 pom\u00f4cky a materi\u00e1ly pre \u0161tudentov slovensk\u00e9ho jazyka.\n        <\/div>\n      <\/div>\n    <\/footer>\n  <\/main>\n<\/div>\n\n<!-- MODAL: OFICI\u00c1LNY PACKETA WIDGET S BOHAT\u00ddM VYH\u013dAD\u00c1VAN\u00cdM -->\n  <div id=\"packeta-widget-modal\" class=\"marlu-shop-app-root marlu-shop-modal-wrap fixed inset-0 bg-black\/60 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden\">\n    <div class=\"bg-white rounded-2xl max-w-xl w-full shadow-2xl border border-slate-200 overflow-hidden flex flex-col max-h-[85vh]\">\n      \n      <!-- Header Packeta Widgetu -->\n      <div class=\"bg-rose-600 text-white px-5 py-3.5 flex items-center justify-between\">\n        <div class=\"flex items-center gap-2\">\n          <div class=\"w-6 h-6 rounded bg-white text-rose-600 flex items-center justify-center font-black text-xs\">P<\/div>\n          <h3 class=\"text-xs font-bold tracking-wide uppercase\">Packeta Widget \u2013 V\u00fdber v\u00fddajn\u00e9ho miesta \/ Z-BOXu<\/h3>\n        <\/div>\n        <button onclick=\"closePacketaWidgetModal()\" class=\"text-white\/80 hover:text-white text-xl font-bold\">&times;<\/button>\n      <\/div>\n\n      <!-- Informa\u010dn\u00fd banner s vysvetlen\u00edm sandboxu a \u017eivej mapy -->\n      <div class=\"bg-amber-50 p-3 border-b border-amber-200 text-[11px] text-amber-950 flex flex-col gap-1.5 leading-relaxed\">\n        <div class=\"flex items-start gap-2\">\n          <span class=\"text-base\">\u2139\ufe0f<\/span>\n          <div>\n            <strong>Pre\u010do v tomto okne vid\u00edte uk\u00e1\u017ekov\u00fd zoznam:<\/strong> \n            Toto okno v aplik\u00e1cii be\u017e\u00ed ako intern\u00fd zabezpe\u010den\u00fd n\u00e1h\u013ead (IDE sandbox), ktor\u00fd blokuje na\u010d\u00edtanie extern\u00fdch vyskakovac\u00edch okien Packety. Packeta navy\u0161e vy\u017eaduje re\u00e1lnu webov\u00fa dom\u00e9nu (<code class=\"bg-amber-100 px-1 py-0.5 rounded font-mono text-amber-900\">slovencina.org<\/code>).\n          <\/div>\n        <\/div>\n        <div class=\"text-[10px] text-amber-800 bg-amber-100\/70 p-2 rounded-lg border border-amber-200\">\n          \u2705 <strong>V ostrej prev\u00e1dzke na va\u0161om webe:<\/strong> Akon\u00e1hle bude k\u00f3d nasaden\u00fd na webe slovencina.org, Packeta widget na\u010d\u00edta kompletn\u00fa \u017eiv\u00fa interakt\u00edvnu mapu so v\u0161etk\u00fdmi 3 500+ Z-BOXmi na celom Slovensku.\n        <\/div>\n      <\/div>\n\n      <!-- Vyh\u013ead\u00e1va\u010d v Packeta Widgete -->\n      <div class=\"p-4 border-b bg-slate-50 flex gap-2\">\n        <div class=\"relative flex-1\">\n          <input type=\"text\" id=\"packeta-search-input\" oninput=\"filterPacketaPoints()\" placeholder=\"Zadajte \u013eubovo\u013en\u00e9 mesto, obec, PS\u010c alebo ulicu...\" class=\"w-full text-xs px-3 py-2 pl-8 border rounded-lg bg-white focus:outline-none focus:ring-2 focus:ring-rose-500\">\n          <span class=\"absolute left-2.5 top-2.5 text-slate-400 text-xs\">\ud83d\udd0d<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Zoznam odbern\u00fdch miest Packeta -->\n      <div class=\"p-4 overflow-y-auto custom-scrollbar space-y-2 flex-1\" id=\"packeta-points-list\">\n        <!-- Renderovan\u00e9 cez JS -->\n      <\/div>\n\n      <div class=\"p-3 bg-slate-100 border-t flex justify-between items-center text-[11px] text-slate-500\">\n        <span>Ofici\u00e1lny Packeta Widget API v6<\/span>\n        <button onclick=\"closePacketaWidgetModal()\" class=\"px-4 py-1.5 bg-slate-300 hover:bg-slate-400 text-slate-800 rounded font-semibold text-xs\">Zatvori\u0165<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- MODAL: DYNAMICK\u00c9 OBCHODN\u00c9 PODMIENKY & Z\u00c1KONN\u00c9 FORMUL\u00c1RE (SOI) -->\n  <div id=\"terms-modal\" class=\"marlu-shop-app-root marlu-shop-modal-wrap fixed inset-0 bg-black\/75 backdrop-blur-sm z-[70] flex items-center justify-center p-3 sm:p-5 hidden\">\n    <div class=\"bg-white rounded-2xl max-w-3xl w-full shadow-2xl border border-slate-200 overflow-hidden flex flex-col max-h-[92vh]\">\n      <!-- Header -->\n      <div class=\"bg-slate-900 text-white px-5 sm:px-6 py-3.5 flex items-center justify-between flex-shrink-0\">\n        <div class=\"flex items-center gap-2.5\">\n          <span class=\"text-lg\">\ud83d\udcdc<\/span>\n          <div>\n            <h3 class=\"text-xs sm:text-sm font-bold flex items-center gap-2\">\n              <span>Z\u00e1konn\u00e9 dokumenty & Vzorov\u00e9 formul\u00e1re<\/span>\n              <span class=\"px-2 py-0.5 rounded text-[10px] font-mono bg-teal-900\/60 text-teal-300 border border-teal-500\/40\">Z\u00e1kon \u010d. 108\/2024 Z. z.<\/span>\n            <\/h3>\n            <p class=\"text-[10.5px] text-slate-400\">Trvanliv\u00fd nosi\u010d pre spotrebite\u013ea (VOP, Formul\u00e1r na odst\u00fapenie do 14 dn\u00ed a Reklam\u00e1cie)<\/p>\n          <\/div>\n        <\/div>\n        <button onclick=\"closeTermsModal()\" class=\"text-slate-400 hover:text-white text-2xl font-bold leading-none p-1 cursor-pointer\">&times;<\/button>\n      <\/div>\n\n      <!-- Tabs Bar -->\n      <div class=\"bg-slate-100 border-b border-slate-200 px-4 py-2 flex items-center gap-2 overflow-x-auto flex-shrink-0\">\n        <button type=\"button\" onclick=\"switchTermsTab('vop')\" id=\"terms-tab-btn-vop\" class=\"px-3 py-1.5 rounded-lg text-xs font-bold transition-all cursor-pointer flex items-center gap-1.5 bg-white text-teal-900 shadow-2xs border border-teal-300 whitespace-nowrap\">\n          <span>\ud83d\udcdc<\/span>\n          <span>1. Obchodn\u00e9 podmienky (VOP)<\/span>\n        <\/button>\n        <button type=\"button\" onclick=\"switchTermsTab('withdrawal')\" id=\"terms-tab-btn-withdrawal\" class=\"px-3 py-1.5 rounded-lg text-xs font-bold transition-all cursor-pointer flex items-center gap-1.5 bg-slate-200\/80 text-slate-700 hover:bg-white border border-transparent whitespace-nowrap\">\n          <span>\ud83d\udccb<\/span>\n          <span>2. Vzorov\u00e9 odst\u00fapenie do 14 dn\u00ed<\/span>\n        <\/button>\n        <button type=\"button\" onclick=\"switchTermsTab('reklamacie')\" id=\"terms-tab-btn-reklamacie\" class=\"px-3 py-1.5 rounded-lg text-xs font-bold transition-all cursor-pointer flex items-center gap-1.5 bg-slate-200\/80 text-slate-700 hover:bg-white border border-transparent whitespace-nowrap\">\n          <span>\ud83d\udee1\ufe0f<\/span>\n          <span>3. Reklama\u010dn\u00fd poriadok<\/span>\n        <\/button>\n        <button type=\"button\" onclick=\"switchTermsTab('gdpr')\" id=\"terms-tab-btn-gdpr\" class=\"px-3 py-1.5 rounded-lg text-xs font-bold transition-all cursor-pointer flex items-center gap-1.5 bg-slate-200\/80 text-slate-700 hover:bg-white border border-transparent whitespace-nowrap\">\n          <span>\ud83d\udd12<\/span>\n          <span>4. GDPR<\/span>\n        <\/button>\n      <\/div>\n\n      <!-- Scrollable Container -->\n      <div class=\"p-5 sm:p-6 overflow-y-auto custom-scrollbar space-y-5 text-xs text-slate-700 leading-relaxed flex-1\" id=\"terms-scroll-area\">\n        \n        <!-- ================= TAB 1: VOP ================= -->\n        <div id=\"terms-tab-content-vop\" class=\"space-y-4\">\n          <div class=\"p-4 bg-teal-50\/70 border border-teal-200 rounded-xl space-y-2\">\n            <h4 class=\"font-bold text-slate-900 text-sm flex items-center gap-2\">\n              <span>\u010cl. I<\/span> Identifik\u00e1cia pred\u00e1vaj\u00faceho a org\u00e1n dozoru\n            <\/h4>\n            <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2 text-slate-800 mt-2\">\n              <div><strong>Pred\u00e1vaj\u00faci:<\/strong> <span id=\"terms-modal-comp-name\">MARLU PRODUCTION s. r. o.<\/span><\/div>\n              <div><strong>S\u00eddlo:<\/strong> <span id=\"terms-modal-comp-address\">Mal\u00fd L\u00e9g 1215, 930 37 Lehnice<\/span><\/div>\n              <div><strong>I\u010cO:<\/strong> <span id=\"terms-modal-comp-ico\">56267657<\/span><\/div>\n              <div><strong>DI\u010c:<\/strong> <span id=\"terms-modal-comp-dic\">2122256114<\/span><\/div>\n              <div><strong>Platite\u013e DPH:<\/strong> <span id=\"terms-modal-comp-vat\">Nie (Nie sme platite\u013emi DPH)<\/span><\/div>\n              <div><strong>Z\u00e1pis:<\/strong> <span id=\"terms-modal-comp-reg\">Zap\u00edsan\u00e1 v Obchodnom registri Okresn\u00e9ho s\u00fadu Trnava, oddiel: Sro<\/span><\/div>\n              <div><strong>E-mail:<\/strong> <span id=\"terms-modal-comp-email\">info@slovencina.org<\/span><\/div>\n              <div><strong>Telef\u00f3n:<\/strong> <span id=\"terms-modal-comp-phone\">\u2014<\/span><\/div>\n              <div class=\"sm:col-span-2\"><strong>Bankov\u00fd \u00fa\u010det (IBAN):<\/strong> <span id=\"terms-modal-comp-iban\" class=\"font-mono font-bold text-teal-900\">SK91 0200 0000 0012 3456 7890<\/span><\/div>\n              <div class=\"sm:col-span-2 text-teal-900 pt-1 border-t border-teal-200\/60\">\n                <strong>Org\u00e1n dozoru:<\/strong> <span id=\"terms-modal-comp-soi\">Slovensk\u00e1 obchodn\u00e1 in\u0161pekcia (SOI), In\u0161pektor\u00e1t SOI pre Trnavsk\u00fd kraj, Trhov\u00e1 2, 917 01 Trnava<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"space-y-2\">\n            <h5 class=\"font-bold text-slate-900 text-sm\">\u010cl. II - IV: Podmienky n\u00e1kupu, dodacie a platobn\u00e9 lehoty<\/h5>\n            <div id=\"terms-modal-vop-content\" class=\"whitespace-pre-line text-slate-700 leading-relaxed font-normal bg-slate-50\/70 p-4 rounded-xl border border-slate-200\">\n              <!-- Dynamicky naplnen\u00e9 z nastaven\u00ed -->\n            <\/div>\n          <\/div>\n\n          <div class=\"p-3.5 bg-slate-50 rounded-xl border border-slate-200\">\n            <h5 class=\"font-bold text-slate-900 mb-1\">\u010cl. VI - Alternat\u00edvne rie\u0161enie spotrebite\u013esk\u00fdch sporov (ARS)<\/h5>\n            <p class=\"text-slate-600 text-[11px] leading-relaxed\">\n              Spotrebite\u013e m\u00e1 pr\u00e1vo obr\u00e1ti\u0165 sa na pred\u00e1vaj\u00faceho so \u017eiados\u0165ou o n\u00e1pravu. Ak pred\u00e1vaj\u00faci na \u017eiados\u0165 odpovedal zamietavo alebo neodpovedal do 30 dn\u00ed odo d\u0148a jej odoslania, spotrebite\u013e m\u00e1 pr\u00e1vo poda\u0165 n\u00e1vrh na za\u010datie alternat\u00edvneho rie\u0161enia sporu subjektu ARS v zmysle z\u00e1kona \u010d. 391\/2015 Z. z. Pr\u00edslu\u0161n\u00fdm org\u00e1nom je Slovensk\u00e1 obchodn\u00e1 in\u0161pekcia (SOI): <a href=\"https:\/\/www.soi.sk\/sk\/alternativne-riesenie-spotrebitelskych-sporov.soi\" target=\"_blank\" class=\"text-teal-700 underline font-bold\">soi.sk<\/a>.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- ================= TAB 2: VZOROV\u00c9 ODST\u00daPENIE DO 14 DN\u00cd ================= -->\n        <div id=\"terms-tab-content-withdrawal\" class=\"hidden space-y-4\">\n          <div class=\"bg-white p-5 sm:p-6 rounded-xl border border-slate-300 shadow-sm space-y-4 text-xs font-sans text-slate-800\" id=\"terms-withdrawal-print-area\">\n            <div class=\"border-b-2 border-slate-900 pb-3 text-center\">\n              <h3 class=\"text-xs sm:text-sm font-extrabold uppercase tracking-tight text-slate-900\">VZOROV\u00dd FORMUL\u00c1R NA ODST\u00daPENIE OD ZMLUVY UZAVRETEJ NA DIA\u013dKU<\/h3>\n              <p class=\"text-[11px] text-slate-600 mt-1 font-medium\">(pod\u013ea pr\u00edlohy \u010d. 2 k z\u00e1konu \u010d. 108\/2024 Z. z. o ochrane spotrebite\u013ea)<\/p>\n              <div class=\"mt-2 inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-emerald-50 text-emerald-800 border border-emerald-300 text-[11px] font-bold\">\n                <span>\u2713<\/span> Trvanliv\u00fd nosi\u010d: Povinn\u00e1 z\u00e1konn\u00e1 pr\u00edloha potvrdzovacieho e-mailu (Formular-odstupenie-od-zmluvy.pdf)\n              <\/div>\n            <\/div>\n\n            <div class=\"bg-slate-50 p-3.5 rounded-xl border border-slate-200 text-xs space-y-1.5\">\n              <strong class=\"text-slate-900 block font-bold\">Pred\u00e1vaj\u00faci:<\/strong>\n              <div><span class=\"text-slate-500\">Obchodn\u00e9 meno:<\/span> <strong id=\"terms-withdrawal-comp-name\">MARLU PRODUCTION s. r. o. \/ Marlu PRO s. r. o.<\/strong><\/div>\n              <div><span class=\"text-slate-500\">S\u00eddlo:<\/span> <span id=\"terms-withdrawal-comp-address\">Mal\u00fd L\u00e9g 1215, 930 37 Lehnice<\/span><\/div>\n              <div><span class=\"text-slate-500\">I\u010cO:<\/span> <span id=\"terms-withdrawal-comp-ico\">56267657<\/span> | <span class=\"text-slate-500\">DI\u010c:<\/span> <span id=\"terms-withdrawal-comp-dic\">2122256114<\/span><\/div>\n              <div><span class=\"text-slate-500\">E-mail:<\/span> <span id=\"terms-withdrawal-comp-email\">info@slovencina.org<\/span><\/div>\n            <\/div>\n\n            <div class=\"p-3 bg-teal-50\/60 border-l-4 border-teal-600 rounded-r-lg text-slate-700 leading-relaxed italic text-[11.5px]\">\n              \u201eT\u00fdmto oznamujem \/ oznamujeme, \u017ee odstupujem \/ odstupujeme od k\u00fapnej zmluvy na tento tovar \/ zmluvy o poskytnut\u00ed slu\u017eby:\u201c\n            <\/div>\n\n            <div class=\"space-y-3 bg-slate-50\/60 p-4 rounded-xl border border-slate-200 text-xs\">\n              <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n                <div>\n                  <label class=\"block font-bold text-slate-700 text-[11px] mb-1\">\u010c\u00edslo objedn\u00e1vky:<\/label>\n                  <input type=\"text\" id=\"terms-withdrawal-order-id\" placeholder=\"napr. 1007\" class=\"w-full px-3 py-1.5 border border-slate-300 rounded-lg bg-white font-mono font-bold text-xs\">\n                <\/div>\n                <div>\n                  <label class=\"block font-bold text-slate-700 text-[11px] mb-1\">D\u00e1tum objednania \/ prevzatia:<\/label>\n                  <input type=\"text\" id=\"terms-withdrawal-date\" placeholder=\"Dnes\" class=\"w-full px-3 py-1.5 border border-slate-300 rounded-lg bg-white text-xs\">\n                <\/div>\n              <\/div>\n\n              <div>\n                <label class=\"block font-bold text-slate-700 text-[11px] mb-1\">Meno a priezvisko spotrebite\u013ea:<\/label>\n                <input type=\"text\" id=\"terms-withdrawal-customer-name\" placeholder=\"Meno a priezvisko z\u00e1kazn\u00edka\" class=\"w-full px-3 py-1.5 border border-slate-300 rounded-lg bg-white font-semibold text-xs\">\n              <\/div>\n\n              <div>\n                <label class=\"block font-bold text-slate-700 text-[11px] mb-1\">Adresa spotrebite\u013ea:<\/label>\n                <input type=\"text\" id=\"terms-withdrawal-customer-addr\" placeholder=\"Ulica, \u010d\u00edslo, PS\u010c, Obec\" class=\"w-full px-3 py-1.5 border border-slate-300 rounded-lg bg-white text-xs\">\n              <\/div>\n\n              <div>\n                <label class=\"block font-bold text-slate-700 text-[11px] mb-1\">\u010c\u00edslo \u00fa\u010dtu pre vr\u00e1tenie platby (IBAN):<\/label>\n                <input type=\"text\" id=\"terms-withdrawal-iban\" placeholder=\"SK...\" class=\"w-full px-3 py-1.5 border border-slate-300 rounded-lg bg-white font-mono text-xs\">\n              <\/div>\n            <\/div>\n\n            <!-- Upozornenie na autorsk\u00e9 venovanie -->\n            <div class=\"bg-amber-50 border border-amber-300 rounded-xl p-3.5 text-[11px] text-amber-950 flex items-start gap-2.5\">\n              <span class=\"text-base flex-shrink-0\">\u26a0\ufe0f<\/span>\n              <div class=\"leading-relaxed\">\n                <strong>Z\u00e1konn\u00e9 obmedzenie (\u00a7 19 ods. 4 p\u00edsm. c) z\u00e1kona \u010d. 108\/2024 Z. z.):<\/strong> Spotrebite\u013e nem\u00f4\u017ee odst\u00fapi\u0165 od zmluvy, ktorej predmetom je tovar zhotoven\u00fd pod\u013ea osobitn\u00fdch po\u017eiadaviek spotrebite\u013ea alebo tovar vyroben\u00fd na mieru (knihy s osobn\u00fdm venovan\u00edm autora priamo na meno z\u00e1kazn\u00edka).\n              <\/div>\n            <\/div>\n\n            <div class=\"flex flex-wrap items-center justify-between gap-3 pt-3 border-t border-slate-200\">\n              <div class=\"text-[11px] text-slate-500 font-mono\">Pr\u00edloha \u010d. 2 k z\u00e1konu \u010d. 108\/2024 Z. z.<\/div>\n              <div class=\"flex items-center gap-2\">\n                <button type=\"button\" onclick=\"printWithdrawalFormDocument()\" class=\"px-3.5 py-1.5 bg-slate-800 hover:bg-slate-900 text-white rounded-lg text-xs font-bold inline-flex items-center gap-1.5 cursor-pointer shadow-2xs\">\n                  <span>\ud83d\udda8\ufe0f Vytla\u010di\u0165 formul\u00e1r<\/span>\n                <\/button>\n                <button type=\"button\" onclick=\"copyWithdrawalFormText()\" class=\"px-3.5 py-1.5 bg-white hover:bg-slate-100 text-slate-800 border border-slate-300 rounded-lg text-xs font-bold inline-flex items-center gap-1.5 cursor-pointer shadow-2xs\">\n                  <span>\ud83d\udccb Skop\u00edrova\u0165 vzor<\/span>\n                <\/button>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- ================= TAB 3: REKLAMA\u010cN\u00dd PORIADOK ================= -->\n        <div id=\"terms-tab-content-reklamacie\" class=\"hidden space-y-4\">\n          <div class=\"space-y-2\">\n            <h4 class=\"font-bold text-slate-900 text-sm\">\u010cl. V: Reklama\u010dn\u00fd poriadok & Postup pri vadnom tovare<\/h4>\n            <div id=\"terms-modal-claims-content\" class=\"whitespace-pre-line text-slate-700 leading-relaxed font-normal bg-slate-50\/70 p-4 rounded-xl border border-slate-200\">\n              <!-- Dynamicky naplnen\u00e9 z nastaven\u00ed -->\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- ================= TAB 4: GDPR ================= -->\n        <div id=\"terms-tab-content-gdpr\" class=\"hidden space-y-4\">\n          <div class=\"space-y-2\">\n            <h4 class=\"font-bold text-slate-900 text-sm\">\u010cl. VII: Z\u00e1sady ochrany osobn\u00fdch \u00fadajov (GDPR)<\/h4>\n            <div id=\"terms-modal-gdpr-content\" class=\"whitespace-pre-line text-slate-700 leading-relaxed font-normal bg-slate-50\/70 p-4 rounded-xl border border-slate-200\">\n              <!-- Dynamicky naplnen\u00e9 z nastaven\u00ed -->\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Footer -->\n      <div class=\"p-3.5 sm:p-4 bg-slate-50 border-t border-slate-200 flex items-center justify-between flex-shrink-0\">\n        <span class=\"text-[11px] text-slate-500 hidden sm:inline\">SOI trvanliv\u00fd nosi\u010d: VOP a Vzorov\u00fd formul\u00e1r na odst\u00fapenie do 14 dn\u00ed<\/span>\n        <button onclick=\"closeTermsModal()\" class=\"px-5 py-2 bg-slate-800 hover:bg-slate-900 text-white text-xs font-bold rounded-lg cursor-pointer transition-all shadow-2xs\">\n          \u2190 Sp\u00e4\u0165 \/ Zatvori\u0165\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- MODAL: KONTAKT A Z\u00c1KAZN\u00cdCKA PODPORA (ANTI-SCRAPING CHR\u00c1NEN\u00c9 \u010c\u00cdSLO) -->\n  <div id=\"contact-modal\" class=\"marlu-shop-app-root marlu-shop-modal-wrap fixed inset-0 bg-black\/75 backdrop-blur-sm z-[70] flex items-center justify-center p-3 sm:p-5 hidden\">\n    <div class=\"bg-white rounded-3xl max-w-lg w-full shadow-2xl border border-slate-200 overflow-hidden flex flex-col\">\n      <!-- Header -->\n      <div class=\"bg-slate-900 text-white px-5 sm:px-6 py-4 flex items-center justify-between flex-shrink-0\"><div class=\"flex items-center gap-2.5\"><span class=\"text-xl\">\ud83d\udcde<\/span><div><h3 class=\"text-sm font-bold text-white\">Kontakt &amp; Z\u00e1kazn\u00edcka podpora<\/h3><p class=\"text-[11px] text-slate-400\">Radi v\u00e1m pom\u00f4\u017eeme s ot\u00e1zkami k objedn\u00e1vke<\/p><\/div><\/div><button type=\"button\" onclick=\"closeContactModal()\" class=\"text-slate-400 hover:text-white text-2xl font-bold leading-none p-1 cursor-pointer transition-colors\">&times;<\/button><\/div>\n\n      <!-- Body -->\n      <div class=\"p-6 sm:p-7 space-y-5 text-slate-700\">\n        <!-- 1. HLAVN\u00dd PRVOK (UPREDNOSTNENIE E-MAILU) -->\n        <div class=\"p-5 rounded-2xl bg-gradient-to-br from-teal-50 via-emerald-50\/40 to-white border border-teal-200\/90 shadow-2xs space-y-3\">\n          <div class=\"flex items-center gap-2.5 text-teal-900 font-extrabold text-sm\">\n            <span class=\"text-lg\">\u2709\ufe0f<\/span>\n            <span>R\u00fdchla pomoc e-mailom (Odpor\u00fa\u010dan\u00e9)<\/span>\n          <\/div>\n          <p class=\"text-xs text-slate-700 leading-relaxed\">\n            M\u00e1te ot\u00e1zku k objedn\u00e1vke alebo u\u010debn\u00fdm pom\u00f4ckam? Najr\u00fdchlej\u0161ie v\u00e1m odpovieme e-mailom (zvy\u010dajne do 24 hod\u00edn):\n          <\/p>\n          <div class=\"pt-1\">\n            <a href=\"mailto:info@slovencina.org\" class=\"w-full inline-flex items-center justify-center gap-2 py-3 px-4 bg-[#1bb4b9] hover:bg-[#148f93] text-white font-extrabold text-xs sm:text-sm rounded-xl shadow-md transition-all active:scale-95 cursor-pointer\">\n              <span>\u2709\ufe0f<\/span>\n              <span>info@slovencina.org<\/span>\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <!-- 2. VED\u013dAJ\u0160\u00cd PRVOK (TELEFONICK\u00dd KONTAKT S ANTI-SCRAPINGOM) -->\n        <div class=\"p-4 rounded-2xl bg-slate-50 border border-slate-200 space-y-2.5 text-left\">\n          <div class=\"flex items-center justify-start gap-2 text-slate-800 font-bold text-xs\">\n            <span class=\"text-sm\">\ud83d\udcf1<\/span>\n            <span>Telefonick\u00fd kontakt (pre stru\u010dn\u00e9 ot\u00e1zky)<\/span>\n          <\/div>\n          <p class=\"text-[11.5px] text-slate-500 leading-relaxed text-left\">\n            <span id=\"contact-availability-text\">Z\u00e1kazn\u00edcka linka je dostupn\u00e1 v \u010dase: <strong class=\"text-slate-700 font-bold\" id=\"contact-availability-hours\">Ut a \u0160t: 9:00 \u2013 12:00<\/strong>. Mimo t\u00fdchto hod\u00edn n\u00e1m pros\u00edm nap\u00ed\u0161te e-mail.<\/span>\n          <\/p>\n          <!-- Anti-scraping container: \u010c\u00edslo NIE JE v HTML k\u00f3de pri na\u010d\u00edtan\u00ed str\u00e1nky! -->\n          <div id=\"contact-phone-box\" class=\"pt-2 flex justify-start\">\n            <button type=\"button\" onclick=\"revealCustomerPhone()\" id=\"btn-reveal-phone\" class=\"inline-flex items-center gap-2 px-4 py-2 bg-white hover:bg-slate-100 border border-slate-300 rounded-xl text-xs font-bold text-slate-700 shadow-2xs transition-all active:scale-95 cursor-pointer\">\n              <span>\ud83d\udc41\ufe0f<\/span>\n              <span>Zobrazi\u0165 telef\u00f3nne \u010d\u00edslo<\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n\n        <!-- Inform\u00e1cia o s\u00eddle a faktura\u010dn\u00fdch \u00fadajoch (odkaz do p\u00e4ti\u010dky) -->\n        <p class=\"text-[10.5px] text-slate-400 text-center leading-normal\">\n          Kompletn\u00e9 identifika\u010dn\u00e9, faktura\u010dn\u00e9 \u00fadaje pred\u00e1vaj\u00faceho a org\u00e1n dozoru SOI n\u00e1jdete trvalo uveden\u00e9 priamo v p\u00e4ti\u010dke str\u00e1nky.\n        <\/p>\n      <\/div>\n\n      <!-- Footer modal -->\n      <div class=\"bg-slate-50 px-6 py-3 border-t border-slate-200 flex justify-end\">\n        <button type=\"button\" onclick=\"closeContactModal()\" class=\"px-4 py-1.5 bg-slate-200 hover:bg-slate-300 text-slate-700 text-xs font-bold rounded-xl transition-all cursor-pointer\">\n          Zatvori\u0165\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- MODAL: N\u00c1H\u013dAD VYTLA\u010cEN\u00ddCH ZEBRA \u0160T\u00cdTKOV (58 x 40 mm) -->\n  <div id=\"zebra-modal\" class=\"marlu-shop-app-root marlu-shop-modal-wrap fixed inset-0 bg-black\/60 backdrop-blur-sm z-[70] flex items-center justify-center p-3 sm:p-4 hidden\">\n    <div class=\"bg-white rounded-2xl max-w-4xl w-full shadow-2xl border border-slate-200 overflow-hidden max-h-[92vh] flex flex-col\">\n      <!-- MODAL HEADER -->\n      <div class=\"bg-slate-900 text-white px-5 py-3.5 flex items-center justify-between flex-shrink-0\">\n        <div class=\"flex items-center gap-2.5\">\n          <span class=\"w-3 h-3 rounded-full bg-emerald-400 animate-pulse\"><\/span>\n          <div>\n            <h3 class=\"text-xs sm:text-sm font-bold flex items-center gap-2\">\n              <span>Zebra Tla\u010diare\u0148: N\u00e1h\u013ead kot\u00fa\u010da \u0161t\u00edtkov 58 \u00d7 40 mm<\/span>\n              <span id=\"modal-labels-count-badge\" class=\"px-2 py-0.5 rounded-full text-[10px] font-black bg-emerald-500\/20 text-emerald-300 border border-emerald-500\/30\">2 \u0161t\u00edtky<\/span>\n            <\/h3>\n          <\/div>\n        <\/div>\n        <button onclick=\"closeZebraModal()\" class=\"text-slate-400 hover:text-white text-xl leading-none px-1\">&times;<\/button>\n      <\/div>\n\n      <!-- MODAL BODY -->\n      <div class=\"p-4 sm:p-6 bg-slate-100 overflow-y-auto flex-1 flex flex-col items-center\">\n        <!-- INLINE STATUS O TLA\u010cI -->\n        <div id=\"modal-print-status\" class=\"w-full mb-3\"><\/div>\n\n        <!-- HLAVN\u00dd P\u00c1S \/ KOT\u00da\u010c \u0160T\u00cdTKOV -->\n        <div class=\"w-full\">\n          <div class=\"text-[11px] font-bold text-slate-500 uppercase tracking-wider mb-2.5 flex flex-wrap items-center justify-between gap-1\">\n            <span>\ud83d\udce6 Re\u00e1lny v\u00fdstup z kot\u00fa\u010da Zebra (Rozmer ka\u017ed\u00e9ho \u0161t\u00edtku: 58 \u00d7 40 mm):<\/span>\n            <span id=\"modal-roll-summary\" class=\"text-[10px] font-mono text-emerald-700 bg-emerald-50 px-2 py-0.5 rounded border border-emerald-200 font-bold\">Term\u00e1lna tla\u010d 203 DPI<\/span>\n          <\/div>\n\n          <!-- KONTAJNER \u0160T\u00cdTKOV V RADE -->\n          <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 items-stretch justify-center\">\n            \n            <!-- 1. \u0160T\u00cdTOK: ADRES\u00c1T (KAM TO M\u00c1 \u00cdS\u0164) -->\n            <div class=\"flex flex-col items-center\">\n              <div class=\"text-[10px] font-black text-slate-700 uppercase tracking-wide mb-1.5 flex items-center gap-1.5 self-start sm:self-center\">\n                <span class=\"w-2 h-2 rounded-full bg-blue-600\"><\/span>\n                <span>1. N\u00e1lepka: Adres\u00e1t (kam to m\u00e1 \u00eds\u0165)<\/span>\n              <\/div>\n              <div class=\"bg-white border-2 border-slate-900 rounded-xl p-3.5 w-full max-w-[270px] min-h-[190px] shadow-lg text-slate-900 font-sans flex flex-col justify-between select-none relative\">\n                <div>\n                  <div class=\"text-[8px] font-black uppercase tracking-wider text-slate-400 mb-0.5\">ADRES\u00c1T:<\/div>\n                  <div id=\"modal-label-name\" class=\"text-base font-black text-slate-900 leading-tight tracking-tight\">Elena Kov\u00e1\u010dov\u00e1<\/div>\n                  \n                  <!-- ADRESA SO ZALOMEN\u00cdM ZA \u010cIARKOU PRE Z-BOX \/ DLH\u00c9 ADRESY -->\n                  <div class=\"mt-1 space-y-0.5\">\n                    <div id=\"modal-label-street-1\" class=\"text-xs font-bold text-slate-800 leading-snug\">Z-BOX Poprad,<\/div>\n                    <div id=\"modal-label-street-2\" class=\"text-xs font-bold text-slate-800 leading-snug\">Teplick\u00e1 cesta 3 (OC Forum)<\/div>\n                  <\/div>\n                  \n                  <div id=\"modal-label-city\" class=\"text-xs font-bold text-slate-800 leading-tight mt-1\">058 01 Poprad<\/div>\n                <\/div>\n                <div class=\"pt-2 border-t border-dashed border-slate-300 mt-2\">\n                  <div id=\"modal-label-phone\" class=\"text-[10px] font-bold text-slate-800\">Tel: +421 905 123 456<\/div>\n                <\/div>\n              <\/div>\n              <span class=\"text-[9px] text-slate-500 mt-1.5 font-medium text-center\">Zalomen\u00e9 za \u010diarkou pri Z-BOXe (bez orezania)<\/span>\n            <\/div>\n\n            <!-- 2. \u0160T\u00cdTOK: ODOSIELATE\u013d (90\u00b0 ROT\u00c1CIA, 2x V\u00ddSTUP, MEN\u0160IA ADRESA, ZALOMEN\u00c9 MENO) -->\n            <div class=\"flex flex-col items-center\">\n              <div class=\"text-[10px] font-black text-slate-700 uppercase tracking-wide mb-1.5 flex items-center gap-1.5 self-start sm:self-center\">\n                <span class=\"w-2 h-2 rounded-full bg-emerald-600\"><\/span>\n                <span>2. N\u00e1lepka: Odosielate\u013e (oto\u010den\u00fd 90\u00b0, 2x)<\/span>\n              <\/div>\n              <div class=\"bg-white border-2 border-slate-900 rounded-xl p-2.5 w-full max-w-[270px] min-h-[190px] shadow-lg text-slate-900 font-sans flex items-stretch justify-between select-none relative overflow-hidden\">\n                \n                <!-- 1. MINI-K\u00d3PIA V\u013dAVO (OTO\u010cEN\u00c1 O 90 STUP\u0147OV, PRESNE VYCENTROVAN\u00c1) -->\n                <div class=\"flex-1 flex items-center justify-center border-r border-dashed border-slate-900 relative overflow-hidden h-full\">\n                  <div class=\"transform -rotate-90 origin-center text-left whitespace-nowrap space-y-0.5\" style=\"width: max-content;\">\n                    <div class=\"text-[8px] font-black uppercase tracking-wider text-slate-900 mb-0.5\">ODOSIELATE\u013d:<\/div>\n                    <div class=\"modal-sender-name-l1 text-[7.5px] font-bold text-slate-800 leading-tight\">MARLU PRODUCTION<\/div>\n                    <div class=\"modal-sender-name-l2 text-[7.5px] font-bold text-slate-800 leading-tight\">s. r. o.<\/div>\n                    <div class=\"modal-sender-street-preview text-[7px] text-slate-600 leading-tight pt-0.5\">Mal\u00fd L\u00e9g 1215<\/div>\n                    <div class=\"modal-sender-city-preview text-[7.5px] font-bold text-slate-800 leading-tight\">930 37 Lehnice<\/div>\n                  <\/div>\n                <\/div>\n\n                <!-- 2. MINI-K\u00d3PIA VPRAVO (OTO\u010cEN\u00c1 O 90 STUP\u0147OV, PRESNE VYCENTROVAN\u00c1) -->\n                <div class=\"flex-1 flex items-center justify-center relative overflow-hidden h-full\">\n                  <div class=\"transform -rotate-90 origin-center text-left whitespace-nowrap space-y-0.5\" style=\"width: max-content;\">\n                    <div class=\"text-[8px] font-black uppercase tracking-wider text-slate-900 mb-0.5\">ODOSIELATE\u013d:<\/div>\n                    <div class=\"modal-sender-name-l1 text-[7.5px] font-bold text-slate-800 leading-tight\">MARLU PRODUCTION<\/div>\n                    <div class=\"modal-sender-name-l2 text-[7.5px] font-bold text-slate-800 leading-tight\">s. r. o.<\/div>\n                    <div class=\"modal-sender-street-preview text-[7px] text-slate-600 leading-tight pt-0.5\">Mal\u00fd L\u00e9g 1215<\/div>\n                    <div class=\"modal-sender-city-preview text-[7.5px] font-bold text-slate-800 leading-tight\">930 37 Lehnice<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <span class=\"text-[9px] text-slate-500 mt-1.5 font-medium text-center\">Oto\u010den\u00fd o 90\u00b0, 2x ved\u013ea seba a vycentrovan\u00fd<\/span>\n            <\/div>\n\n            <!-- 3. \u0160T\u00cdTOK: PACKETA PODACIE \u010c\u00cdSLO (IBA AK JE PACKETA A M\u00c1 K\u00d3D) -->\n            <div id=\"modal-packeta-card-wrapper\" class=\"flex flex-col items-center\">\n              <div class=\"text-[10px] font-black text-slate-700 uppercase tracking-wide mb-1.5 flex items-center gap-1.5 self-start sm:self-center\">\n                <span class=\"w-2 h-2 rounded-full bg-rose-600\"><\/span>\n                <span id=\"modal-packeta-header-title\">3. N\u00e1lepka: Packeta k\u00f3d (58 \u00d7 40 mm)<\/span>\n              <\/div>\n              \n              <!-- KARTA \u0160T\u00cdTKU PACKETY KE\u010e JE K\u00d3D K DISPOZ\u00cdCII -->\n              <div id=\"modal-packeta-label-card\" class=\"bg-white border-2 border-slate-900 rounded-xl p-3.5 w-full max-w-[270px] min-h-[190px] shadow-lg text-slate-900 font-sans flex flex-col justify-between select-none relative\">\n                <div>\n                  <div class=\"text-center mb-1\">\n                    <span class=\"text-[8px] font-black uppercase tracking-wider text-rose-600 block\">PACKETA - PODACIE \u010c\u00cdSLO:<\/span>\n                  <\/div>\n                  <div id=\"modal-packeta-code-display\" class=\"text-2xl font-black text-center text-slate-900 tracking-wider my-0.5\">453535<\/div>\n                  \n                  <!-- SIMUL\u00c1CIA \u010cIAROV\u00c9HO K\u00d3DU PACKETY (CODE 128) -->\n                  <div class=\"my-1.5 bg-slate-50 border border-slate-200 rounded p-1 flex flex-col items-center justify-center\">\n                    <div class=\"flex items-stretch justify-center gap-[2px] h-10 w-full px-2\">\n                      <div class=\"w-[3px] bg-black\"><\/div><div class=\"w-[1px] bg-black\"><\/div><div class=\"w-[3px] bg-black\"><\/div>\n                      <div class=\"w-[1px] bg-black\"><\/div><div class=\"w-[2px] bg-black\"><\/div><div class=\"w-[4px] bg-black\"><\/div>\n                      <div class=\"w-[1px] bg-black\"><\/div><div class=\"w-[3px] bg-black\"><\/div><div class=\"w-[2px] bg-black\"><\/div>\n                      <div class=\"w-[1px] bg-black\"><\/div><div class=\"w-[4px] bg-black\"><\/div><div class=\"w-[2px] bg-black\"><\/div>\n                      <div class=\"w-[1px] bg-black\"><\/div><div class=\"w-[3px] bg-black\"><\/div><div class=\"w-[2px] bg-black\"><\/div>\n                      <div class=\"w-[1px] bg-black\"><\/div><div class=\"w-[4px] bg-black\"><\/div><div class=\"w-[2px] bg-black\"><\/div>\n                      <div class=\"w-[3px] bg-black\"><\/div><div class=\"w-[1px] bg-black\"><\/div><div class=\"w-[2px] bg-black\"><\/div>\n                    <\/div>\n                  <\/div>\n\n                  <div id=\"modal-packeta-point-text\" class=\"text-[9px] font-bold text-center text-slate-700 leading-tight\">Z-BOX Poprad, Teplick\u00e1 cesta 3 (OC Forum)<\/div>\n                <\/div>\n\n                <div class=\"pt-1.5 border-t border-dashed border-slate-300 mt-1 flex justify-center items-end\">\n                  <span class=\"text-[7px] font-mono text-slate-400\">Code 128 vycentrovan\u00fd<\/span>\n                <\/div>\n              <\/div>\n\n              <!-- PLACEHOLDER KE\u010e SA PACKETA \u0160T\u00cdTOK NETLA\u010c\u00cd -->\n              <div id=\"modal-packeta-omitted-card\" class=\"hidden bg-slate-50 border-2 border-dashed border-slate-300 rounded-xl p-4 w-full max-w-[270px] min-h-[190px] flex flex-col items-center justify-center text-center\">\n                <span class=\"text-3xl mb-1.5 opacity-40\">\ud83d\udeab<\/span>\n                <span class=\"text-xs font-bold text-slate-600\">3. \u0161t\u00edtok sa netla\u010d\u00ed<\/span>\n                <p id=\"modal-packeta-omitted-reason\" class=\"text-[10px] text-slate-400 mt-1 leading-snug\">Objedn\u00e1vka je cez Slovensk\u00fa po\u0161tu alebo e\u0161te nem\u00e1 podacie \u010d\u00edslo Packety.<\/p>\n              <\/div>\n\n              <span id=\"modal-packeta-subtext\" class=\"text-[9px] text-slate-500 mt-1.5 font-medium text-center\">Tla\u010d\u00ed sa len pri Packete s podac\u00edm \u010d\u00edslom<\/span>\n            <\/div>\n\n          <\/div>\n        <\/div>\n\n        <!-- API REQUEST & RESPONSE LOG -->\n        <div class=\"w-full mt-4 bg-slate-900 text-emerald-400 p-3 rounded-xl font-mono text-[11px] space-y-1 shadow-inner\">\n          <div class=\"flex items-center justify-between text-slate-400 text-[10px]\">\n            <span id=\"modal-endpoint-display\">> POST http:\/\/192.168.68.128:5050\/api\/print\/raw (alebo \/api\/print\/order)<\/span>\n            <span class=\"text-slate-500 font-mono\">Tla\u010diare\u0148 Zebra 192.168.68.210:9100<\/span>\n          <\/div>\n          <div class=\"text-xs text-emerald-300 font-bold\" id=\"modal-http-status-line\">> HTTP 200 OK | Status: Success (Fyzicky odoslan\u00e9 do tla\u010diarne)<\/div>\n          <div class=\"text-[10px] text-slate-300 overflow-x-auto custom-scrollbar max-h-24 p-2 bg-slate-950\/60 rounded border border-slate-800\" id=\"modal-payload-preview\">\n            > JSON Payload: { \"order_id\": 1001, \"labels_count\": 2, \"label_size\": \"58x40 mm\" }\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- MODAL FOOTER -->\n      <div class=\"p-3.5 sm:p-4 bg-white border-t flex flex-wrap justify-between items-center gap-2 flex-shrink-0\">\n        <div class=\"text-[11px] text-slate-500 font-medium flex items-center gap-2\">\n          <span class=\"w-2 h-2 rounded-full bg-emerald-500\"><\/span>\n          <span id=\"modal-footer-summary\">Pripraven\u00e9 na tla\u010d: 2 \u0161t\u00edtky (Adres\u00e1t + Odosielate\u013e)<\/span>\n        <\/div>\n        <div class=\"flex gap-2\">\n          <button type=\"button\" id=\"btn-modal-reprint\" onclick=\"executeRealZebraPrint(currentModalOrderId)\" class=\"px-4 py-2 bg-emerald-600 hover:bg-emerald-700 text-white text-xs font-bold rounded-lg flex items-center gap-1.5 shadow transition-all active:scale-95\">\n            <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z\"\/><\/svg>\n            <span>\ud83d\udda8\ufe0f Znovu odosla\u0165 do tla\u010diarne Zebra<\/span>\n          <\/button>\n          <button onclick=\"closeZebraModal()\" class=\"px-4 py-2 bg-slate-800 text-white text-xs font-bold rounded-lg hover:bg-slate-900\">\n            Zatvori\u0165\n          <\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- MODAL: N\u00c1H\u013dAD RMA SKLADOV\u00c9HO \u0160T\u00cdTKU (58 x 40 mm - 1x \u0160T\u00cdTOK PRE SKLAD) -->\n  <div id=\"rma-zebra-modal\" class=\"marlu-shop-app-root marlu-shop-modal-wrap fixed inset-0 bg-black\/60 backdrop-blur-sm z-[80] flex items-center justify-center p-3 sm:p-4 hidden\">\n    <div class=\"bg-white rounded-2xl max-w-2xl w-full shadow-2xl border border-slate-200 overflow-hidden max-h-[92vh] flex flex-col\">\n      <!-- MODAL HEADER -->\n      <div class=\"bg-purple-900 text-white px-5 py-3.5 flex items-center justify-between flex-shrink-0\">\n        <div class=\"flex items-center gap-2.5\">\n          <span class=\"w-3 h-3 rounded-full bg-purple-400 animate-pulse\"><\/span>\n          <div>\n            <h3 class=\"text-xs sm:text-sm font-bold flex items-center gap-2\">\n              <span>Zebra Tla\u010diare\u0148: Skladov\u00fd RMA \u0161t\u00edtok<\/span>\n              <span class=\"px-2 py-0.5 rounded-full text-[10px] font-black bg-purple-500\/30 text-purple-200 border border-purple-400\/30\">1x RMA \u0161t\u00edtok (58 \u00d7 40 mm)<\/span>\n            <\/h3>\n          <\/div>\n        <\/div>\n        <button onclick=\"closeRmaZebraModal()\" class=\"text-purple-300 hover:text-white text-xl leading-none px-1 cursor-pointer\">&times;<\/button>\n      <\/div>\n\n      <!-- MODAL BODY -->\n      <div class=\"p-4 sm:p-6 bg-slate-100 overflow-y-auto flex-1 flex flex-col items-center\">\n        <!-- INLINE STATUS O TLA\u010cI -->\n        <div id=\"rma-modal-print-status\" class=\"w-full mb-3 p-3.5 rounded-xl bg-purple-50 border-2 border-purple-200 text-purple-950 text-xs space-y-1 shadow-sm\">\n          <div class=\"flex items-center justify-between font-black text-purple-900\">\n            <span class=\"flex items-center gap-1.5\">\n              <span class=\"w-2.5 h-2.5 rounded-full bg-purple-600\"><\/span>\n              <span>\u2705 PRIPRAVEN\u00dd 1x SKLADOV\u00dd IDENTIFIKA\u010cN\u00dd \u0160T\u00cdTOK PRE REKLAM\u00c1CIU \/ VRATKU<\/span>\n            <\/span>\n            <span class=\"bg-purple-200 text-purple-900 px-2 py-0.5 rounded text-[10px] font-bold\">1 \u0160T\u00cdTOK<\/span>\n          <\/div>\n          <div class=\"text-[11px] text-purple-800\">\n            \u00daloha vytla\u010d\u00ed presne <strong>1x identifika\u010dn\u00fd \u0161t\u00edtok (58 \u00d7 40 mm)<\/strong> na ozna\u010denie prijat\u00e9ho bal\u00edka na sklade v Lehniciach. \u017diadna zbyto\u010dn\u00e1 n\u00e1lepka odosielate\u013ea sa netla\u010d\u00ed.\n          <\/div>\n        <\/div>\n\n        <!-- HLAVN\u00dd \u0160T\u00cdTOK KOT\u00da\u010cA -->\n        <div class=\"w-full flex flex-col items-center\">\n          <div class=\"text-[11px] font-bold text-slate-500 uppercase tracking-wider mb-2.5 flex flex-wrap items-center justify-between gap-1 w-full max-w-[340px]\">\n            <span>\ud83c\udff7\ufe0f Re\u00e1lny v\u00fdstup z kot\u00fa\u010da (58 \u00d7 40 mm):<\/span>\n            <span class=\"text-[10px] font-mono text-purple-800 bg-purple-50 px-2 py-0.5 rounded border border-purple-200 font-bold\">Term\u00e1lna tla\u010d 203 DPI<\/span>\n          <\/div>\n\n          <!-- KARTA JEDN\u00c9HO \u0160T\u00cdTKU (58 x 40 mm) -->\n          <div id=\"rma-label-card-capture\" class=\"bg-white border-2 border-slate-900 rounded-xl p-3 w-full max-w-[340px] min-h-[220px] shadow-xl text-slate-900 font-sans flex flex-col justify-between select-none relative\">\n            <div>\n              <!-- HLAVI\u010cKA \u0160T\u00cdTKU -->\n              <div class=\"flex items-center justify-between border-b border-slate-900 pb-1 mb-1.5\">\n                <span id=\"rma-modal-label-badge\" class=\"px-1.5 py-0.5 rounded text-[9px] font-black uppercase tracking-wider bg-purple-900 text-white\">\n                  VR\u00c1TKA DO 14 DN\u00cd\n                <\/span>\n                <span id=\"rma-modal-order-ref\" class=\"text-[9.5px] font-extrabold text-slate-700\">\n                  Obj. #1005\n                <\/span>\n              <\/div>\n\n              <!-- \u010cIAROV\u00dd K\u00d3D (CODE 128) -->\n              <div class=\"my-1 bg-slate-50 border border-slate-200 rounded p-1 flex flex-col items-center justify-center\">\n                <div class=\"flex items-stretch justify-center gap-[2px] h-7 w-full px-2\">\n                  <div class=\"w-[3px] bg-black\"><\/div><div class=\"w-[1px] bg-black\"><\/div><div class=\"w-[3px] bg-black\"><\/div>\n                  <div class=\"w-[1px] bg-black\"><\/div><div class=\"w-[2px] bg-black\"><\/div><div class=\"w-[4px] bg-black\"><\/div>\n                  <div class=\"w-[2px] bg-black\"><\/div><div class=\"w-[1px] bg-black\"><\/div><div class=\"w-[3px] bg-black\"><\/div>\n                  <div class=\"w-[3px] bg-black\"><\/div><div class=\"w-[2px] bg-black\"><\/div><div class=\"w-[1px] bg-black\"><\/div>\n                  <div class=\"w-[4px] bg-black\"><\/div><div class=\"w-[1px] bg-black\"><\/div><div class=\"w-[2px] bg-black\"><\/div>\n                  <div class=\"w-[1px] bg-black\"><\/div><div class=\"w-[3px] bg-black\"><\/div><div class=\"w-[2px] bg-black\"><\/div>\n                  <div class=\"w-[3px] bg-black\"><\/div><div class=\"w-[2px] bg-black\"><\/div><div class=\"w-[1px] bg-black\"><\/div>\n                <\/div>\n                <div id=\"rma-modal-barcode-text\" class=\"text-xs font-black font-mono tracking-widest text-slate-900 mt-0.5\">\n                  #ODST-1005\n                <\/div>\n              <\/div>\n\n              <!-- \u00daDAJE O Z\u00c1KAZN\u00cdKOVI A TOVARE -->\n              <div class=\"text-[10px] space-y-0.5 text-slate-800 leading-snug\">\n                <div>Z\u00e1kazn\u00edk: <strong id=\"rma-modal-customer-name\" class=\"text-slate-950 font-bold\">Martina Kov\u00e1\u010dov\u00e1<\/strong><\/div>\n                <div>Tel: <span id=\"rma-modal-customer-phone\" class=\"font-mono font-bold\">+421 908 777 666<\/span><\/div>\n                <div class=\"truncate\">Tovar: <strong id=\"rma-modal-item-name\" class=\"text-slate-950\">Fr\u00e1zov\u00e9 sloves\u00e1 (karti\u010dky)<\/strong><\/div>\n                <div id=\"rma-modal-dedication-box\" class=\"text-[9px] font-bold text-slate-600\">\n                  Venovanie: <span id=\"rma-modal-dedication-status\" class=\"text-emerald-700\">\u2713 Bez venovania (\u0161tandardn\u00fd tovar)<\/span>\n                <\/div>\n                <div class=\"truncate text-[9px] text-slate-500\">D\u00f4vod: <span id=\"rma-modal-reason\">Odst\u00fapenie od zmluvy do 14 dn\u00ed<\/span><\/div>\n              <\/div>\n            <\/div>\n\n            <!-- P\u00c4TI\u010cKA \u0160T\u00cdTKU -->\n            <div class=\"pt-1.5 border-t border-dashed border-slate-300 mt-1 flex items-center justify-between text-[8.5px] font-bold text-slate-600\">\n              <span id=\"rma-modal-received-date\">Prijat\u00e9: 15. 10. 2026<\/span>\n              <span>\ud83d\udccd Sklad Lehnice<\/span>\n            <\/div>\n          <\/div>\n          <span class=\"text-[9.5px] text-slate-500 mt-2 font-medium text-center max-w-sm\">\n            Tento \u0161t\u00edtok sa lep\u00ed priamo na do\u0161l\u00fd bal\u00edk \/ krabicu na sklade v Lehniciach. Sl\u00fa\u017ei skladn\u00edkovi na r\u00fdchlu identifik\u00e1ciu tovaru a \u010d\u00edtanie \u010diarov\u00e9ho k\u00f3du.\n          <\/span>\n        <\/div>\n\n        <!-- TECHNICK\u00dd DETAIL TLA\u010cOVEJ \u00daLOHY -->\n        <div class=\"w-full mt-4 bg-slate-900 rounded-xl p-3 text-[11px] font-mono text-slate-300 border border-slate-800\">\n          <div class=\"text-emerald-400 font-bold mb-1 flex items-center gap-1.5\">\n            <span>\ud83d\udcbb<\/span> <span id=\"rma-modal-endpoint-text\">> POST http:\/\/192.168.68.128:5050\/api\/print\/rma (1 \u0161t\u00edtok)<\/span>\n          <\/div>\n          <div class=\"text-xs text-emerald-300 font-bold\" id=\"rma-modal-http-status\">\n            > HTTP 200 OK | Status: Success (Fyzicky pripraven\u00fd 1x RMA \u0161t\u00edtok)\n          <\/div>\n          <div class=\"text-[9.5px] text-slate-400 mt-1\">\n            Zariadenie: Zebra ZD420 \/ GK420d (192.168.68.210:9100) \u2022 Jazyk: ZPL-II \/ EPL2 \u2022 203 DPI \u2022 1x 58 \u00d7 40 mm\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- MODAL FOOTER -->\n      <div class=\"p-3.5 sm:p-4 bg-white border-t flex flex-wrap justify-between items-center gap-2 flex-shrink-0\">\n        <div class=\"text-[11px] text-slate-500 font-medium flex items-center gap-2\">\n          <span class=\"w-2 h-2 rounded-full bg-purple-500\"><\/span>\n          <span id=\"rma-modal-footer-summary\">Pripraven\u00e9 na tla\u010d: 1x Skladov\u00fd RMA \u0161t\u00edtok<\/span>\n        <\/div>\n        <div class=\"flex gap-2\">\n          <button type=\"button\" onclick=\"executeRealRmaZebraPrint()\" class=\"px-4 py-2 bg-purple-700 hover:bg-purple-800 text-white text-xs font-bold rounded-xl flex items-center gap-1.5 shadow transition-all active:scale-95 cursor-pointer\">\n            <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z\"\/><\/svg>\n            <span>\ud83d\udda8\ufe0f Znovu odosla\u0165 do tla\u010diarne Zebra (1 \u0161t\u00edtok)<\/span>\n          <\/button>\n          <button onclick=\"closeRmaZebraModal()\" class=\"px-4 py-2 bg-slate-800 text-white text-xs font-bold rounded-xl hover:bg-slate-900 cursor-pointer\">\n            Zatvori\u0165\n          <\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- MODAL: N\u00c1H\u013dAD SKLADOV\u00c9HO REZERVA\u010cN\u00c9HO \u0160T\u00cdTKU (PREDBE\u017dN\u00c1 PR\u00cdPRAVA OBJEDN\u00c1VKY) -->\n  <div id=\"order-reservation-modal\" class=\"marlu-shop-app-root marlu-shop-modal-wrap fixed inset-0 bg-black\/60 backdrop-blur-sm z-[80] flex items-center justify-center p-3 sm:p-4 hidden\">\n    <div class=\"bg-white rounded-2xl max-w-2xl w-full shadow-2xl border border-slate-200 overflow-hidden max-h-[92vh] flex flex-col\">\n      <!-- MODAL HEADER -->\n      <div class=\"bg-amber-700 text-white px-5 py-3.5 flex items-center justify-between flex-shrink-0\">\n        <div class=\"flex items-center gap-2.5\">\n          <span class=\"w-3 h-3 rounded-full bg-amber-300 animate-pulse\"><\/span>\n          <div>\n            <h3 class=\"text-xs sm:text-sm font-bold flex items-center gap-2\">\n              <span>Skladov\u00fd rezerva\u010dn\u00fd \u0161t\u00edtok (Predbe\u017en\u00e1 pr\u00edprava)<\/span>\n              <span id=\"reservation-modal-order-badge\" class=\"px-2 py-0.5 rounded-full text-[10px] font-black bg-amber-800 text-amber-200 border border-amber-500\/40\">Obj. #1001<\/span>\n            <\/h3>\n          <\/div>\n        <\/div>\n        <button type=\"button\" onclick=\"closeOrderReservationModal()\" class=\"text-amber-200 hover:text-white text-xl leading-none px-1 cursor-pointer\">&times;<\/button>\n      <\/div>\n\n      <!-- MODAL BODY -->\n      <div class=\"p-4 sm:p-6 bg-slate-100 overflow-y-auto flex-1 flex flex-col items-center\">\n        <!-- INLINE STATUS O REZERV\u00c1CII -->\n        <div id=\"reservation-modal-status-banner\" class=\"w-full mb-3 p-3.5 rounded-xl bg-amber-50 border-2 border-amber-300 text-amber-950 text-xs space-y-1 shadow-sm\"><\/div>\n\n        <!-- HLAVN\u00dd \u0160T\u00cdTOK PRE SKLAD (KARTA K REZERVOVAN\u00c9MU BAL\u00cdKU) -->\n        <div class=\"w-full flex flex-col items-center\">\n          <div class=\"text-[11px] font-bold text-slate-500 uppercase tracking-wider mb-2.5 flex flex-wrap items-center justify-between gap-1 w-full max-w-[480px]\">\n            <span>\ud83c\udff7\ufe0f N\u00e1h\u013ead rezerva\u010dn\u00e9ho \u0161t\u00edtku (na krabicu\/reg\u00e1l):<\/span>\n            <span class=\"text-[10px] font-mono text-amber-900 bg-amber-100\/80 px-2 py-0.5 rounded border border-amber-300 font-bold\">Rezerv\u00e1cia skladu<\/span>\n          <\/div>\n\n          <!-- KARTA \u0160T\u00cdTKU (OPTIMALIZOVAN\u00c1 PRE TLA\u010c AJ DISPLEJ) -->\n          <div id=\"reservation-label-card\" class=\"bg-white border-2 border-slate-900 rounded-xl p-4 w-full max-w-[480px] shadow-xl text-slate-900 font-sans flex flex-col justify-between select-none relative\"><\/div>\n          <span class=\"text-[9.5px] text-slate-500 mt-2 font-medium text-center max-w-sm\">\n            Tento \u0161t\u00edtok vytla\u010dte a prilo\u017ete k tovaru na sklade. Sl\u00fa\u017ei na rezerv\u00e1ciu tovaru v krabici\/reg\u00e1li, k\u00fdm nedorazia \u010dakaj\u00face polo\u017eky.\n          <\/span>\n        <\/div>\n      <\/div>\n\n      <!-- MODAL FOOTER -->\n      <div class=\"p-3.5 sm:p-4 bg-white border-t flex flex-wrap justify-between items-center gap-2 flex-shrink-0\">\n        <div class=\"text-[11px] text-slate-500 font-medium flex items-center gap-2\">\n          <span class=\"w-2 h-2 rounded-full bg-amber-500\"><\/span>\n          <span id=\"reservation-modal-footer-summary\">Pripraven\u00e9 na tla\u010d: 1x Rezerva\u010dn\u00fd \u0161t\u00edtok<\/span>\n        <\/div>\n        <div class=\"flex flex-wrap gap-2\">\n          <button type=\"button\" onclick=\"printReservationLabelViaBrowser()\" class=\"px-4 py-2 bg-amber-600 hover:bg-amber-700 text-white text-xs font-bold rounded-xl flex items-center gap-1.5 shadow transition-all active:scale-95 cursor-pointer\" title=\"Vytla\u010di\u0165 rezerva\u010dn\u00fd \u0161t\u00edtok cez po\u010d\u00edta\u010d \/ ulo\u017ei\u0165 do PDF\">\n            <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/><\/svg>\n            <span>\ud83d\udda8\ufe0f Vytla\u010di\u0165 \u0161t\u00edtok \/ PDF<\/span>\n          <\/button>\n          <button type=\"button\" onclick=\"executeReservationZebraPrint()\" class=\"px-4 py-2 bg-slate-800 hover:bg-slate-900 text-white text-xs font-bold rounded-xl flex items-center gap-1.5 shadow transition-all active:scale-95 cursor-pointer\" title=\"Odosla\u0165 tla\u010dov\u00fa \u00falohu na tla\u010diare\u0148 Zebra (58 \u00d7 40 mm)\">\n            <svg class=\"w-4 h-4 text-emerald-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z\"\/><\/svg>\n            <span>Zebra tla\u010diare\u0148<\/span>\n          <\/button>\n          <button type=\"button\" onclick=\"closeOrderReservationModal()\" class=\"px-4 py-2 bg-slate-100 hover:bg-slate-200 text-slate-700 text-xs font-bold rounded-xl border border-slate-300 cursor-pointer\">\n            Zatvori\u0165\n          <\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- MODAL: Z\u00c1KAZN\u00cdCKY WAITLIST (M\u00c1M Z\u00c1UJEM PO NASKLADNEN\u00cd) -->\n  <div id=\"waitlist-modal\" class=\"marlu-shop-app-root marlu-shop-modal-wrap fixed inset-0 bg-black\/60 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden\">\n    <div class=\"bg-white rounded-3xl max-w-md w-full shadow-2xl border border-slate-200 overflow-hidden flex flex-col animate-in fade-in zoom-in-95 duration-200\">\n      <div class=\"bg-gradient-to-r from-rose-600 via-amber-600 to-amber-500 text-white px-6 py-4 flex items-center justify-between\">\n        <div class=\"flex items-center gap-2.5\">\n          <span class=\"text-xl\">\ud83d\udd14<\/span>\n          <div>\n            <h3 class=\"text-sm font-extrabold font-['Poppins']\">M\u00e1m z\u00e1ujem o naskladnenie<\/h3>\n            <p class=\"text-[10px] text-white\/80 font-medium\">Upozorn\u00edme v\u00e1s, ke\u010f bude tovar op\u00e4\u0165 v predaji<\/p>\n          <\/div>\n        <\/div>\n        <button onclick=\"closeWaitlistModal()\" class=\"text-white\/70 hover:text-white text-2xl font-bold leading-none p-1 cursor-pointer\">&times;<\/button>\n      <\/div>\n      \n      <div class=\"p-6 space-y-4\">\n        <div class=\"flex items-center gap-3.5 p-3 rounded-2xl bg-slate-50 border border-slate-200\">\n          <img id=\"waitlist-modal-prod-img\" src=\"\" alt=\"\" class=\"w-12 h-12 rounded-xl object-cover border border-slate-200 shadow-2xs\">\n          <div class=\"min-w-0 flex-1\">\n            <span class=\"text-[10px] font-bold text-rose-600 uppercase tracking-wider block\">\u23f3 Do\u010dasne vypredan\u00e9<\/span>\n            <h4 id=\"waitlist-modal-prod-name\" class=\"font-bold text-xs text-slate-900 truncate\"><\/h4>\n            <span id=\"waitlist-modal-prod-price\" class=\"text-xs font-black text-[#1bb4b9]\"><\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"space-y-1\">\n          <p class=\"text-xs text-slate-700 leading-relaxed font-medium\">\n            R\u00e1d\/a by som si tento produkt k\u00fapil\/a, a\u017e ho op\u00e4\u0165 naskladn\u00edte.\n          <\/p>\n          <p class=\"text-[11px] text-slate-500 leading-relaxed\">\n            Zanechajte n\u00e1m svoj e-mail. Po\u0161leme v\u00e1m prednostn\u00fa spr\u00e1vu s mo\u017enos\u0165ou objedn\u00e1vky hne\u010f, ako bude tovar z novej v\u00fdrobnej v\u00e1rky dostupn\u00fd. Pom\u00f4\u017eete n\u00e1m t\u00fdm rozhodn\u00fa\u0165, \u010di je o dotla\u010d dostato\u010dn\u00fd z\u00e1ujem!\n          <\/p>\n        <\/div>\n\n        <form id=\"waitlist-form\" onsubmit=\"handleWaitlistSubmit(event)\" class=\"space-y-3 pt-1\">\n          <input type=\"hidden\" id=\"waitlist-prod-id\" value=\"\">\n          <div>\n            <label class=\"block text-xs font-bold text-slate-700 mb-1\">V\u00e1\u0161 e-mail <span class=\"text-rose-500\">*<\/span><\/label>\n            <input type=\"email\" id=\"waitlist-input-email\" required placeholder=\"napr. student@slovencina.sk\" class=\"w-full text-xs px-3.5 py-2.5 border rounded-xl border-slate-300 focus:border-rose-500 focus:ring-1 focus:ring-rose-500 bg-white text-slate-900 outline-none\">\n          <\/div>\n          <div>\n            <label class=\"block text-xs font-semibold text-slate-700 mb-1\">Meno a priezvisko <span class=\"text-slate-400 font-normal\">(nepovinn\u00e9)<\/span><\/label>\n            <input type=\"text\" id=\"waitlist-input-name\" placeholder=\"napr. M\u00e1ria Kov\u00e1\u010dov\u00e1\" class=\"w-full text-xs px-3.5 py-2 border rounded-xl border-slate-300 focus:border-rose-500 focus:ring-1 focus:ring-rose-500 bg-white text-slate-900 outline-none\">\n          <\/div>\n          <div class=\"pt-2 flex gap-2\">\n            <button type=\"button\" onclick=\"closeWaitlistModal()\" class=\"flex-1 py-2.5 px-3 border border-slate-300 text-slate-700 hover:bg-slate-50 font-bold text-xs rounded-xl transition-all cursor-pointer\">\n              Zru\u0161i\u0165\n            <\/button>\n            <button type=\"submit\" class=\"flex-2 py-2.5 px-4 bg-gradient-to-r from-rose-600 to-amber-600 hover:from-rose-700 hover:to-amber-700 text-white font-extrabold text-xs rounded-xl shadow-md transition-all cursor-pointer flex items-center justify-center gap-1.5 active:scale-95\">\n              <span>\ud83d\udd14<\/span>\n              <span>Upozorni\u0165 ma pri naskladnen\u00ed<\/span>\n            <\/button>\n          <\/div>\n          <p class=\"text-[10px] text-center text-slate-400 pt-1\">\n            \ud83d\udd12 V\u00e1\u0161 e-mail pou\u017eijeme v\u00fdhradne na jednorazov\u00e9 zaslanie inform\u00e1cie o dostupnosti tohto produktu v s\u00falade so <button type=\"button\" onclick=\"openTermsModal('gdpr')\" class=\"text-slate-500 underline hover:text-slate-700 cursor-pointer\">Z\u00e1sadami ochrany osobn\u00fdch \u00fadajov<\/button>.\n          <\/p>\n        <\/form>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- MODAL: OSOBN\u00c9 VENOVANIE OD AUTORKY (NA MIERU) -->\n  <div id=\"dedication-modal\" onclick=\"if(event.target===this) closeDedicationModal()\" class=\"marlu-shop-app-root marlu-shop-modal-wrap fixed inset-0 bg-black\/60 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden\">\n    <div class=\"bg-white rounded-3xl max-w-lg w-full shadow-2xl border border-purple-200 overflow-hidden flex flex-col animate-in fade-in zoom-in-95 duration-200 max-h-[90vh]\">\n      <!-- HLAVI\u010cKA -->\n      <div class=\"bg-gradient-to-r from-purple-800 via-purple-700 to-indigo-700 text-white px-6 py-4 flex items-center justify-between flex-shrink-0\">\n        <div class=\"flex items-center gap-2.5\">\n          <span class=\"text-2xl\">\u270d\ufe0f<\/span>\n          <div>\n            <h3 class=\"text-sm font-extrabold font-['Poppins']\">Osobn\u00e9 venovanie od autorky Ani<\/h3>\n            <p class=\"text-[10px] text-purple-200 font-medium\">Vlastnoru\u010dn\u00e9 venovanie s podpisom do knihy \/ pom\u00f4cky ZADARMO<\/p>\n          <\/div>\n        <\/div>\n        <button type=\"button\" onclick=\"closeDedicationModal()\" class=\"text-white\/70 hover:text-white text-2xl font-bold leading-none p-1 cursor-pointer\">&times;<\/button>\n      <\/div>\n      \n      <!-- TELO MODALU (SCROLLABLE AK JE VIAC KUSOV) -->\n      <div class=\"p-6 space-y-4 overflow-y-auto\">\n        <!-- ZHRNUTIE PRODUKTU -->\n        <div class=\"flex items-center gap-3.5 p-3 rounded-2xl bg-purple-50\/60 border border-purple-100\">\n          <img id=\"dedication-modal-prod-img\" src=\"\" alt=\"\" class=\"w-12 h-12 rounded-xl object-cover border border-purple-200 shadow-2xs\">\n          <div class=\"min-w-0 flex-1\">\n            <span class=\"text-[10px] font-bold text-purple-700 uppercase tracking-wider block\">Personalizovan\u00fd tovar na mieru<\/span>\n            <h4 id=\"dedication-modal-prod-name\" class=\"font-bold text-xs text-slate-900 truncate\"><\/h4>\n            <span id=\"dedication-modal-prod-qty\" class=\"text-xs font-semibold text-slate-600 block mt-0.5\"><\/span>\n          <\/div>\n        <\/div>\n\n        <!-- FORMUL\u00c1R -->\n        <form id=\"dedication-modal-form\" onsubmit=\"handleDedicationModalSubmit(event)\" class=\"space-y-4\">\n          <input type=\"hidden\" id=\"dedication-modal-prod-id\" value=\"\">\n          <input type=\"hidden\" id=\"dedication-modal-is-detail\" value=\"0\">\n\n          <!-- SEKCIA: KO\u013dKO KUSOV S VENOVAN\u00cdM -->\n          <div id=\"dedication-modal-count-box\" class=\"space-y-1.5 hidden\">\n            <label class=\"block text-xs font-bold text-purple-950\">\n              Ko\u013eko kusov z celkov\u00e9ho po\u010dtu si \u017eel\u00e1te s osobn\u00fdm venovan\u00edm?\n            <\/label>\n            <select id=\"dedication-modal-count-select\" onchange=\"renderModalDedicationInputs(parseInt(this.value))\" class=\"w-full text-xs font-bold px-3 py-2 border rounded-xl border-purple-300 bg-white text-purple-950 focus:outline-none focus:ring-1 focus:ring-purple-500 cursor-pointer\">\n              <!-- Dynamicky generovan\u00e9 z JS -->\n            <\/select>\n          <\/div>\n\n          <!-- DYNAMICK\u00c9 POLIA PRE VENOVANIA -->\n          <div class=\"space-y-2\">\n            <label class=\"block text-xs font-bold text-slate-800\">\n              Text venovania: <span class=\"text-purple-600 font-normal text-[11px]\">(zadajte meno a pr\u00edpadn\u00e9 osobn\u00e9 prianie)<\/span>\n            <\/label>\n            <div id=\"dedication-modal-inputs-container\" class=\"space-y-2\">\n              <!-- Dynamick\u00e9 polia pre Kus 1, Kus 2... -->\n            <\/div>\n          <\/div>\n\n          <!-- INFO O NEPERSONALIZOVAN\u00ddCH KUSOCH -->\n          <div id=\"dedication-modal-non-dedicated-notice\" class=\"hidden p-2.5 rounded-xl bg-slate-50 border border-slate-200 text-[11px] text-slate-600 flex items-center gap-2\">\n            <span class=\"text-base flex-shrink-0\">\ud83d\udce6<\/span>\n            <span id=\"dedication-modal-non-dedicated-text\"><\/span>\n          <\/div>\n\n          <!-- Z\u00c1KONN\u00c9 POU\u010cENIE -->\n          <div class=\"p-3 rounded-2xl bg-amber-50 border border-amber-200 text-[10px] text-amber-900 leading-normal flex items-start gap-2\">\n            <span class=\"text-base flex-shrink-0\">\u26a0\ufe0f<\/span>\n            <span><strong>Z\u00e1konn\u00e9 pou\u010denie (\u00a7 19 ods. 1 p\u00edsm. c) z\u00e1k. 108\/2024 Z. z.):<\/strong> Kusy tovaru s osobn\u00fdm venovan\u00edm autorky s\u00fa tovarom zhotoven\u00fdm na mieru pod\u013ea osobitn\u00fdch po\u017eiadaviek spotrebite\u013ea, pri ktorom <u>nie je mo\u017en\u00e9 odst\u00fapi\u0165 od zmluvy do 14 dn\u00ed bez udania d\u00f4vodu<\/u>.<\/span>\n          <\/div>\n\n          <!-- TLA\u010cIDL\u00c1 -->\n          <div class=\"pt-3 flex gap-2 border-t border-slate-100\">\n            <button type=\"button\" onclick=\"closeDedicationModal()\" class=\"flex-1 py-2.5 px-3 border border-slate-300 text-slate-700 hover:bg-slate-50 font-bold text-xs rounded-xl transition-all cursor-pointer\">\n              Zru\u0161i\u0165\n            <\/button>\n            <button type=\"submit\" class=\"flex-2 py-2.5 px-4 bg-gradient-to-r from-purple-800 to-indigo-700 hover:from-purple-900 hover:to-indigo-800 text-white font-extrabold text-xs rounded-xl shadow-md transition-all cursor-pointer flex items-center justify-center gap-1.5 active:scale-95\">\n              <span>\u270d\ufe0f<\/span>\n              <span>Ulo\u017ei\u0165 osobn\u00e9 venovanie<\/span>\n            <\/button>\n          <\/div>\n        <\/form>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- MODAL: LIGHTBOX DETAILN\u00c9HO N\u00c1H\u013dADU FOTOGRAFIE S GAL\u00c9RIOU -->\n  <div id=\"image-lightbox-modal\" onclick=\"if(event.target===this) closeImageLightbox()\" class=\"marlu-shop-app-root marlu-shop-modal-wrap fixed inset-0 bg-black\/90 backdrop-blur-md z-[90] flex flex-col items-center justify-center p-3 sm:p-6 hidden\">\n    <div class=\"relative max-w-4xl w-full flex flex-col items-center max-h-full\">\n      <!-- HORN\u00c1 LI\u0160TA S INFO A TLA\u010cIDLOM ZATVORI\u0164 -->\n      <div class=\"w-full flex items-center justify-between text-white pb-3 px-2\">\n        <div class=\"flex items-center gap-2.5 min-w-0\">\n          <span class=\"text-xl\">\ud83d\uddbc\ufe0f<\/span>\n          <div class=\"min-w-0\">\n            <h4 id=\"lightbox-modal-title\" class=\"text-sm font-bold truncate text-white\">N\u00e1zov produktu<\/h4>\n            <span id=\"lightbox-modal-counter\" class=\"text-[11px] text-slate-300 font-mono\">1 z 3 fotografi\u00ed<\/span>\n          <\/div>\n        <\/div>\n        <button type=\"button\" onclick=\"closeImageLightbox()\" class=\"w-9 h-9 rounded-full bg-white\/20 hover:bg-white\/40 text-white text-2xl font-bold flex items-center justify-center transition-all cursor-pointer select-none\" title=\"Zatvori\u0165 (Esc)\">&times;<\/button>\n      <\/div>\n\n      <!-- HLAVN\u00dd VE\u013dK\u00dd OBR\u00c1ZOK S NAVIGA\u010cN\u00ddMI \u0160\u00cdPKAMI -->\n      <div class=\"relative w-full max-h-[70vh] flex items-center justify-center overflow-hidden rounded-2xl bg-black\/50 border border-white\/10 shadow-2xl\">\n        <img id=\"lightbox-modal-img\" src=\"\" alt=\"Detail fotografie\" class=\"max-w-full max-h-[68vh] object-contain rounded-xl select-none\">\n        \n        <!-- \u0160\u00cdPKY PREP\u00cdNANIA -->\n        <button type=\"button\" onclick=\"navigateLightbox(-1)\" id=\"lightbox-prev-btn\" class=\"absolute left-3 top-1\/2 -translate-y-1\/2 w-11 h-11 rounded-full bg-black\/60 hover:bg-black\/90 text-white text-2xl font-bold flex items-center justify-center backdrop-blur-sm border border-white\/20 transition-all cursor-pointer select-none active:scale-90\">\u2039<\/button>\n        <button type=\"button\" onclick=\"navigateLightbox(1)\" id=\"lightbox-next-btn\" class=\"absolute right-3 top-1\/2 -translate-y-1\/2 w-11 h-11 rounded-full bg-black\/60 hover:bg-black\/90 text-white text-2xl font-bold flex items-center justify-center backdrop-blur-sm border border-white\/20 transition-all cursor-pointer select-none active:scale-90\">\u203a<\/button>\n      <\/div>\n\n      <!-- SPODN\u00c1 LI\u0160TA MINIAT\u00daR -->\n      <div id=\"lightbox-modal-thumbs\" class=\"flex items-center gap-2 overflow-x-auto pt-3 max-w-full pb-1 scrollbar-thin\">\n        <!-- Generovan\u00e9 dynamicky -->\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- MODAL: KONTROLA OREZU & POROVNANIE N\u00c1H\u013dADOV (SAFE SPACE) -->\n  <div id=\"safe-space-modal\" onclick=\"if(event.target===this) closeSafeSpaceModal()\" class=\"marlu-shop-app-root marlu-shop-modal-wrap fixed inset-0 bg-black\/80 backdrop-blur-md z-[75] flex items-center justify-center p-3 sm:p-5 hidden\">\n    <div class=\"bg-white rounded-3xl max-w-4xl w-full shadow-2xl border border-slate-200 overflow-hidden flex flex-col max-h-[92vh]\">\n      <!-- HLAVI\u010cKA -->\n      <div class=\"bg-gradient-to-r from-slate-900 via-teal-950 to-slate-900 text-white px-5 py-4 flex items-center justify-between flex-shrink-0 border-b border-teal-800\/40\">\n        <div class=\"flex items-center gap-2.5\">\n          <span class=\"text-2xl\">\ud83d\udee1\ufe0f<\/span>\n          <div>\n            <h3 class=\"text-sm font-bold text-white flex items-center gap-2\">\n              <span>Kontrola orezu & Bezpe\u010dn\u00e1 z\u00f3na (Safe Space)<\/span>\n              <span class=\"px-2 py-0.5 rounded-full text-[10px] font-black bg-teal-400 text-slate-950\">\u017div\u00fd n\u00e1h\u013ead<\/span>\n            <\/h3>\n            <p class=\"text-[11px] text-teal-200\">Overte, ako sa fotografia zobraz\u00ed z\u00e1kazn\u00edkom na r\u00f4znych miestach e-shopu<\/p>\n          <\/div>\n        <\/div>\n        <button type=\"button\" onclick=\"closeSafeSpaceModal()\" class=\"w-8 h-8 rounded-full bg-white\/10 hover:bg-white\/20 text-white text-xl font-bold flex items-center justify-center transition-all cursor-pointer\">&times;<\/button>\n      <\/div>\n\n      <!-- OBSAH: INTERAKT\u00cdVNE OVL\u00c1DANIE A 3 N\u00c1H\u013dADY -->\n      <div class=\"p-5 overflow-y-auto space-y-5 flex-1 bg-slate-50\">\n        <!-- OVL\u00c1DACIA LI\u0160TA V MODALE -->\n        <div class=\"p-3.5 bg-white rounded-2xl border border-slate-200 shadow-xs flex flex-wrap items-center justify-between gap-3\">\n          <div class=\"flex flex-wrap items-center gap-3\">\n            <div>\n              <span class=\"block text-[10px] font-bold text-slate-500 uppercase tracking-wider mb-1\">Re\u017eim zobrazenia:<\/span>\n              <div class=\"inline-flex rounded-lg border border-slate-200 p-0.5 bg-slate-100\">\n                <button type=\"button\" id=\"modal-fit-contain-btn\" onclick=\"setModalFitMode('contain')\" class=\"px-3 py-1 rounded-md text-xs font-bold transition-all shadow-xs bg-white text-teal-800 cursor-pointer\">\n                  \ud83d\udee1\ufe0f Cel\u00e1 fotka (Contain)\n                <\/button>\n                <button type=\"button\" id=\"modal-fit-cover-btn\" onclick=\"setModalFitMode('cover')\" class=\"px-3 py-1 rounded-md text-xs font-medium text-slate-600 hover:text-slate-900 transition-all cursor-pointer\">\n                  \ud83d\uddbc\ufe0f Vyplni\u0165 r\u00e1m (Cover)\n                <\/button>\n              <\/div>\n            <\/div>\n\n            <div>\n              <span class=\"block text-[10px] font-bold text-slate-500 uppercase tracking-wider mb-1\">Zvisl\u00e9 zarovnanie (Safe focus):<\/span>\n              <select id=\"modal-pos-select\" onchange=\"setModalPositionMode(this.value)\" class=\"text-xs px-2.5 py-1.5 border rounded-lg bg-white font-semibold text-slate-800 cursor-pointer\">\n                <option value=\"center\">\u2195\ufe0f Na stred (Center)<\/option>\n                <option value=\"top\">\u2b06\ufe0f Zamera\u0165 na vrch (Top - chr\u00e1ni hlavu)<\/option>\n                <option value=\"bottom\">\u2b07\ufe0f Zamera\u0165 na spodok (Bottom)<\/option>\n              <\/select>\n            <\/div>\n          <\/div>\n\n          <div class=\"flex items-center gap-2\">\n            <label class=\"flex items-center gap-1.5 text-xs font-semibold text-slate-700 cursor-pointer\">\n              <input type=\"checkbox\" id=\"modal-toggle-guidelines\" checked onchange=\"toggleModalGuidelines(this.checked)\" class=\"rounded text-teal-600 focus:ring-teal-500\">\n              <span>Zobrazi\u0165 vodiacu z\u00f3nu (Safe Space 85%)<\/span>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- 3 N\u00c1H\u013dADY VED\u013dA SEBA -->\n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n          <!-- 1. DLA\u017dDICA V KATAL\u00d3GU -->\n          <div class=\"bg-white p-4 rounded-2xl border border-slate-200 shadow-xs flex flex-col items-center\">\n            <div class=\"w-full flex items-center justify-between text-xs font-bold text-slate-700 mb-2 pb-1 border-b\">\n              <span>1. Dla\u017edica v katal\u00f3gu<\/span>\n              <span class=\"text-[10px] bg-slate-100 text-slate-600 px-2 py-0.5 rounded-full font-mono\">\u00davod e-shopu<\/span>\n            <\/div>\n            \n            <div class=\"relative w-full aspect-[4\/3] rounded-xl overflow-hidden bg-slate-50 border border-slate-200 shadow-2xs flex items-center justify-center p-2\">\n              <img id=\"safe-space-preview-catalog\" src=\"\" alt=\"N\u00e1h\u013ead katal\u00f3gu\" class=\"w-full h-full object-contain transition-all\">\n              <!-- SAFE SPACE VODIACE \u010cIARY -->\n              <div class=\"safe-space-box absolute inset-2.5 border-2 border-dashed border-teal-500\/80 rounded-lg pointer-events-none flex items-center justify-center\">\n                <span class=\"bg-teal-900\/80 text-white text-[8px] font-bold px-1 py-0.5 rounded backdrop-blur-xs\">Safe Zone<\/span>\n              <\/div>\n            <\/div>\n            <p class=\"text-[10px] text-slate-500 text-center mt-2\">Dla\u017edica produktu v zozname tovaru.<\/p>\n          <\/div>\n\n          <!-- 2. DETAIL PRODUKTU -->\n          <div class=\"bg-white p-4 rounded-2xl border border-slate-200 shadow-xs flex flex-col items-center\">\n            <div class=\"w-full flex items-center justify-between text-xs font-bold text-slate-700 mb-2 pb-1 border-b\">\n              <span>2. Detail produktu<\/span>\n              <span class=\"text-[10px] bg-slate-100 text-slate-600 px-2 py-0.5 rounded-full font-mono\">Pomer 1:1<\/span>\n            <\/div>\n            \n            <div class=\"relative w-full aspect-square rounded-xl overflow-hidden bg-white border border-slate-200 shadow-2xs flex items-center justify-center p-2\">\n              <img id=\"safe-space-preview-detail\" src=\"\" alt=\"N\u00e1h\u013ead detailu\" class=\"w-full h-full object-contain transition-all\">\n              <!-- SAFE SPACE VODIACE \u010cIARY -->\n              <div class=\"safe-space-box absolute inset-3 border-2 border-dashed border-purple-500\/80 rounded-lg pointer-events-none flex items-center justify-center\">\n                <span class=\"bg-purple-950\/80 text-white text-[8px] font-bold px-1 py-0.5 rounded backdrop-blur-xs\">Safe Zone<\/span>\n              <\/div>\n            <\/div>\n            <p class=\"text-[10px] text-slate-500 text-center mt-2\">Hlavn\u00e1 interakt\u00edvna fotka v detaile tovaru.<\/p>\n          <\/div>\n\n          <!-- 3. PLN\u00dd ORIGIN\u00c1L (LIGHTBOX) -->\n          <div class=\"bg-white p-4 rounded-2xl border border-slate-200 shadow-xs flex flex-col items-center\">\n            <div class=\"w-full flex items-center justify-between text-xs font-bold text-slate-700 mb-2 pb-1 border-b\">\n              <span>3. Cel\u00fd origin\u00e1l (Lightbox)<\/span>\n              <span class=\"text-[10px] bg-emerald-50 text-emerald-800 border border-emerald-200 px-2 py-0.5 rounded-full font-mono\">100% fotky<\/span>\n            <\/div>\n            \n            <div class=\"relative w-full aspect-square rounded-xl overflow-hidden bg-slate-900\/90 border border-slate-800 shadow-2xs flex items-center justify-center p-2\">\n              <img id=\"safe-space-preview-full\" src=\"\" alt=\"N\u00e1h\u013ead lightboxu\" class=\"max-w-full max-h-full object-contain rounded\">\n            <\/div>\n            <p class=\"text-[10px] text-slate-500 text-center mt-2\">Zobraz\u00ed sa po kliknut\u00ed na zv\u00e4\u010d\u0161enie (Lightbox).<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- ODPOR\u00da\u010cANIE V MODALE -->\n        <div class=\"p-3 bg-teal-50 border border-teal-200 rounded-xl text-xs text-teal-950 flex items-start gap-2.5\">\n          <span class=\"text-lg\">\ud83d\udca1<\/span>\n          <div class=\"text-[11px] leading-relaxed\">\n            <strong>Tip pre perfektn\u00fd v\u00fdsledok:<\/strong> Re\u017eim <strong>\u201eCel\u00e1 fotka (Contain)\u201c<\/strong> zobraz\u00ed 100% produktu bez orezania aj pri knih\u00e1ch a karti\u010dk\u00e1ch r\u00f4znych pomerov str\u00e1n. Re\u017eim <strong>\u201eVyplni\u0165 r\u00e1m (Cover)\u201c<\/strong> je vhodn\u00fd, ak m\u00e1 fotografia jednotn\u00e9 pozadie a\u017e po okraj.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- P\u00c4TI\u010cKA -->\n      <div class=\"bg-slate-100 px-5 py-3 flex items-center justify-between flex-shrink-0 border-t border-slate-200\">\n        <button type=\"button\" onclick=\"closeSafeSpaceModal()\" class=\"px-4 py-2 bg-slate-200 hover:bg-slate-300 text-slate-700 rounded-xl text-xs font-bold cursor-pointer transition-all\">\n          Zatvori\u0165 n\u00e1h\u013ead\n        <\/button>\n        <button type=\"button\" onclick=\"applySafeSpaceModalSettings()\" class=\"px-5 py-2 bg-teal-600 hover:bg-teal-700 text-white rounded-xl text-xs font-bold shadow-sm cursor-pointer transition-all active:scale-95 flex items-center gap-1.5\">\n          <span>\u2713 Pou\u017ei\u0165 toto nastavenie pre produkt<\/span>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- MODAL: ADMIN SPR\u00c1VA Z\u00c1UJEMCOV O NASKLADNENIE -->\n  <div id=\"admin-waitlist-modal\" class=\"marlu-shop-app-root marlu-shop-modal-wrap fixed inset-0 bg-black\/60 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden\">\n    <div class=\"bg-white rounded-3xl max-w-2xl w-full shadow-2xl border border-slate-200 overflow-hidden flex flex-col max-h-[90vh]\">\n      <div class=\"bg-slate-900 text-white px-6 py-4 flex items-center justify-between flex-shrink-0\">\n        <div class=\"flex items-center gap-2.5\">\n          <span class=\"text-xl\">\ud83d\udd14<\/span>\n          <div>\n            <h3 class=\"text-sm font-bold flex items-center gap-2\">\n              <span>Zoznam z\u00e1ujemcov o naskladnenie<\/span>\n              <span id=\"admin-waitlist-count-pill\" class=\"px-2 py-0.5 rounded-full text-[10px] font-black bg-amber-400 text-slate-950\"><\/span>\n            <\/h3>\n            <p id=\"admin-waitlist-prod-title\" class=\"text-[11px] text-slate-400 font-medium\"><\/p>\n          <\/div>\n        <\/div>\n        <button onclick=\"closeAdminWaitlistModal()\" class=\"text-slate-400 hover:text-white text-2xl font-bold leading-none p-1 cursor-pointer\">&times;<\/button>\n      <\/div>\n\n      <div class=\"p-6 overflow-y-auto space-y-5 flex-1\">\n        <!-- \u0160TATISTICK\u00dd S\u00daHRN DOPYTU -->\n        <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-3\">\n          <div class=\"p-3.5 rounded-2xl bg-amber-50\/80 border border-amber-200\">\n            <div class=\"text-[10px] font-bold uppercase tracking-wider text-amber-800\">Celkom z\u00e1ujemcov<\/div>\n            <div id=\"admin-waitlist-stat-count\" class=\"text-2xl font-black text-amber-950 mt-1\">0<\/div>\n            <div class=\"text-[10px] text-amber-700 mt-0.5\">\u010dak\u00e1 na op\u00e4tovn\u00e9 naskladnenie<\/div>\n          <\/div>\n          <div class=\"p-3.5 rounded-2xl bg-teal-50\/80 border border-teal-200\">\n            <div class=\"text-[10px] font-bold uppercase tracking-wider text-[#148f93]\">Potenci\u00e1lna tr\u017eba<\/div>\n            <div id=\"admin-waitlist-stat-revenue\" class=\"text-2xl font-black text-slate-900 mt-1\">0,00 \u20ac<\/div>\n            <div class=\"text-[10px] text-slate-500 mt-0.5\">pri aktu\u00e1lnej cene produktu<\/div>\n          <\/div>\n          <div class=\"p-3.5 rounded-2xl bg-purple-50\/80 border border-purple-200\">\n            <div class=\"text-[10px] font-bold uppercase tracking-wider text-purple-800\">Odpor\u00fa\u010danie pre predaj<\/div>\n            <div id=\"admin-waitlist-stat-recommendation\" class=\"text-xs font-bold text-purple-950 mt-1.5 leading-snug\">Zis\u0165uje sa dopyt<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- TABU\u013dKA Z\u00c1UJEMCOV -->\n        <div class=\"space-y-2\">\n          <div class=\"flex items-center justify-between\">\n            <h4 class=\"text-xs font-bold text-slate-800 uppercase tracking-wider\">Zoznam kontaktov pre notifik\u00e1ciu:<\/h4>\n            <button type=\"button\" onclick=\"copyWaitlistEmails()\" class=\"text-[11px] font-bold text-[#1bb4b9] hover:underline flex items-center gap-1 cursor-pointer\">\n              <span>\ud83d\udccb<\/span>\n              <span>Skop\u00edrova\u0165 e-maily do schr\u00e1nky<\/span>\n            <\/button>\n          <\/div>\n          <div id=\"admin-waitlist-table-container\" class=\"border border-slate-200 rounded-2xl overflow-hidden bg-white\">\n            <!-- Dynamicky renderovan\u00e1 tabu\u013eka -->\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"p-4 bg-slate-50 border-t border-slate-200 flex items-center justify-between flex-shrink-0\">\n        <button type=\"button\" onclick=\"addMockWaitlistUser()\" class=\"text-xs font-bold text-slate-600 hover:text-slate-900 px-3 py-1.5 rounded-lg border border-slate-300 hover:bg-white cursor-pointer transition-all\">\n          \u2795 Prida\u0165 testovac\u00ed dopyt\n        <\/button>\n        <button type=\"button\" onclick=\"closeAdminWaitlistModal()\" class=\"px-5 py-2 bg-slate-800 hover:bg-slate-900 text-white font-bold text-xs rounded-xl cursor-pointer\">\n          Zavrie\u0165\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n\n  <!-- ======================================================== -->\n  <!-- MODAL 1: ODST\u00daPENIE OD ZMLUVY & REKLAM\u00c1CIE TOVARU (Z\u00c1KAZN\u00cdK) -->\n  <!-- ======================================================== -->\n  <div id=\"claims-returns-modal\" class=\"marlu-shop-app-root marlu-shop-modal-wrap fixed inset-0 bg-black\/75 backdrop-blur-sm z-[70] flex items-center justify-center p-3 sm:p-4 hidden\">\n    <div class=\"bg-white rounded-3xl max-w-2xl w-full shadow-2xl border border-slate-200 overflow-hidden flex flex-col max-h-[92vh]\">\n      \n      <!-- Modal Header -->\n      <div class=\"bg-slate-900 text-white px-6 py-4 flex items-center justify-between flex-shrink-0\">\n        <div class=\"flex items-center gap-3\">\n          <span class=\"text-2xl\">\ud83d\udd04<\/span>\n          <div>\n            <h3 class=\"text-sm font-bold flex items-center gap-2\">\n              <span>Odst\u00fapenie od zmluvy & Reklam\u00e1cie<\/span>\n              <span class=\"px-2 py-0.5 rounded-full text-[10px] font-bold bg-rose-500 text-white\">Z\u00e1kon \u010d. 108\/2024 Z. z.<\/span>\n            <\/h3>\n            <p class=\"text-[11px] text-slate-400\">R\u00fdchle vybavenie vr\u00e1tenia tovaru do 14 dn\u00ed alebo reklam\u00e1cie v\u00fdrobnej vady<\/p>\n          <\/div>\n        <\/div>\n        <button onclick=\"closeClaimsModal()\" class=\"text-slate-400 hover:text-white text-2xl font-bold leading-none p-1 cursor-pointer\">&times;<\/button>\n      <\/div>\n\n      <div class=\"p-6 overflow-y-auto space-y-6 flex-1\">\n        \n        <!-- KROK 1: OVERENIE TOTO\u017dNOSTI (E-MAIL + PRIEZVISKO ALEBO 3 \u010c\u00cdSLA TELEF\u00d3NU) -->\n        <div id=\"claims-verify-step\" class=\"space-y-4\">\n          <div class=\"p-4 rounded-2xl bg-amber-50\/80 border border-amber-200 text-xs text-amber-900 space-y-1.5 leading-relaxed\">\n            <div class=\"font-bold flex items-center gap-2 text-amber-950\">\n              <span>\ud83d\udd12<\/span> Bezpe\u010dn\u00e9 overenie va\u0161ej objedn\u00e1vky\n            <\/div>\n            <div>\n              Pre ochranu osobn\u00fdch \u00fadajov zadajte pros\u00edm <strong>v\u00e1\u0161 e-mail<\/strong> a bu\u010f <strong>priezvisko<\/strong> ALEBO <strong>posledn\u00e9 3 \u010d\u00edslice telef\u00f3nu<\/strong>, ktor\u00e9 ste uviedli pri n\u00e1kupe.\n            <\/div>\n          <\/div>\n\n          <form onsubmit=\"handleClaimsVerification(event)\" class=\"space-y-4\">\n            <div>\n              <label class=\"block text-xs font-semibold text-slate-700 mb-1\">E-mail z objedn\u00e1vky <span class=\"text-rose-500\">*<\/span><\/label>\n              <input type=\"email\" id=\"claims-verify-email\" required placeholder=\"napr. maria.novakova@gmail.com\" class=\"w-full text-xs px-3.5 py-2.5 border rounded-xl bg-white text-slate-800 placeholder:text-slate-400 focus:outline-none focus:border-[#1bb4b9]\">\n            <\/div>\n\n            <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n              <div>\n                <label class=\"block text-xs font-semibold text-slate-700 mb-1\">Priezvisko <span class=\"text-slate-400 font-normal\">(alebo telef\u00f3n)<\/span><\/label>\n                <input type=\"text\" id=\"claims-verify-lastname\" placeholder=\"napr. Nov\u00e1kov\u00e1\" class=\"w-full text-xs px-3.5 py-2.5 border rounded-xl bg-white text-slate-800 placeholder:text-slate-400 focus:outline-none focus:border-[#1bb4b9]\">\n              <\/div>\n              <div>\n                <label class=\"block text-xs font-semibold text-slate-700 mb-1\">Posledn\u00e9 3 \u010d\u00edslice telef\u00f3nu <span class=\"text-slate-400 font-normal\">(alebo priezvisko)<\/span><\/label>\n                <input type=\"text\" maxlength=\"3\" id=\"claims-verify-phone3\" placeholder=\"napr. 456\" class=\"w-full text-xs px-3.5 py-2.5 border rounded-xl bg-white text-slate-800 font-mono placeholder:text-slate-400 focus:outline-none focus:border-[#1bb4b9]\">\n              <\/div>\n            <\/div>\n\n            <div id=\"claims-verify-error\" class=\"hidden p-3 bg-rose-50 border border-rose-200 rounded-xl text-rose-800 text-xs\"><\/div>\n\n            <!-- CLOUDFLARE TURNSTILE BADGE (ANTI-BOT OCHRANA) -->\n            <div class=\"flex items-center justify-between p-2.5 bg-slate-50 rounded-xl border border-slate-200 text-xs\">\n              <div class=\"flex items-center gap-2\">\n                <span class=\"w-4 h-4 rounded-full bg-emerald-100 text-emerald-700 flex items-center justify-center font-bold text-[10px]\">\u2713<\/span>\n                <span class=\"text-[11px] font-semibold text-slate-700\">Zabezpe\u010den\u00e9 overenie (Anti-bot ochrana)<\/span>\n              <\/div>\n              <div class=\"flex items-center gap-1.5 text-[10px] text-slate-400 font-mono\">\n                <svg class=\"w-3.5 h-3.5 text-amber-500\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2L1 21h22L12 2zm0 3.99L19.53 19H4.47L12 5.99zM11 10v4h2v-4h-2zm0 6v2h2v-2h-2z\"\/><\/svg>\n                <span>Cloudflare Turnstile<\/span>\n              <\/div>\n            <\/div>\n\n            <div class=\"pt-2 flex justify-end\">\n              <button type=\"submit\" class=\"w-full sm:w-auto px-6 py-2.5 bg-[#1bb4b9] hover:bg-[#148f93] text-white text-xs font-bold rounded-xl shadow-md cursor-pointer transition-all\">\n                Overi\u0165 moju objedn\u00e1vku \u2192\n              <\/button>\n            <\/div>\n          <\/form>\n        <\/div>\n\n        <!-- KROK 2: V\u00ddBER TYPU UPLATNENIA A POLO\u017dIEK (PO \u00daSPE\u0160NOM OVEREN\u00cd) -->\n        <div id=\"claims-form-step\" class=\"space-y-5 hidden\">\n          \n          <div class=\"p-3 bg-emerald-50 border border-emerald-200 rounded-2xl flex items-center justify-between gap-3 text-xs\">\n            <div class=\"flex items-center gap-2 text-emerald-950 font-bold\">\n              <span>\u2713<\/span>\n              <span>Overen\u00fd z\u00e1kazn\u00edk: <span id=\"claims-verified-customer-name\" class=\"text-slate-900 font-black\"><\/span><\/span>\n            <\/div>\n            <button type=\"button\" onclick=\"resetClaimsVerification()\" class=\"text-[11px] text-emerald-800 hover:underline\">Zmeni\u0165 e-mail<\/button>\n          <\/div>\n\n          <!-- B2B Informa\u010dn\u00fd banner pre n\u00e1kup na I\u010cO (Obchodn\u00fd z\u00e1konn\u00edk) -->\n          <div id=\"claims-b2b-notice\" class=\"hidden p-3.5 bg-blue-50\/90 border border-blue-200 rounded-2xl text-xs text-blue-950 space-y-1\">\n            <div class=\"font-bold flex items-center gap-1.5 text-blue-900\">\n              <span>\ud83c\udfe2<\/span> <strong>N\u00e1kup na firmu \/ \u0161kolu (n\u00e1kup na I\u010cO)<\/strong>\n            <\/div>\n            <div class=\"text-[11.5px] leading-relaxed text-blue-900\/90\">\n              T\u00e1to objedn\u00e1vka bola vystaven\u00e1 na pr\u00e1vnick\u00fa osobu \/ podnikate\u013ea (<span id=\"claims-b2b-company-name\" class=\"font-bold\"><\/span>, I\u010cO: <strong id=\"claims-b2b-ico\"><\/strong>). Pod\u013ea Obchodn\u00e9ho z\u00e1konn\u00edka SR sa na zmluvy medzi podnikate\u013emi nevz\u0165ahuje z\u00e1konn\u00e1 14-d\u0148ov\u00e1 lehota spotrebite\u013ea na odst\u00fapenie bez udania d\u00f4vodu. Pre va\u0161u objedn\u00e1vku je k dispoz\u00edcii <strong>reklam\u00e1cia v\u00fdrobnej vady tovaru<\/strong>.\n            <\/div>\n          <\/div>\n\n          <!-- V\u00fdber objedn\u00e1vky ak ich m\u00e1 z\u00e1kazn\u00edk viac -->\n          <div id=\"claims-order-select-box\" class=\"space-y-1.5 hidden\">\n            <label class=\"block text-xs font-bold text-slate-700\">Zvo\u013ete objedn\u00e1vku, ktorej sa po\u017eiadavka t\u00fdka:<\/label>\n            <select id=\"claims-order-select\" onchange=\"loadClaimsOrderDetails(this.value)\" class=\"w-full text-xs px-3 py-2 border rounded-xl bg-white font-semibold\">\n              <!-- Dynamicky naplnen\u00e9 -->\n            <\/select>\n          <\/div>\n\n          <!-- KONTANER PRE U\u017d VYBAVEN\u00da \/ STORNOVAN\u00da OBJEDN\u00c1VKU (NEEDITOVATE\u013dN\u00dd PREH\u013dAD) -->\n          <div id=\"claims-already-processed-box\" class=\"space-y-4 hidden\">\n            <!-- Dynamicky naplnen\u00e9 cez loadClaimsOrderDetails -->\n          <\/div>\n\n          <div id=\"claims-active-form-content\" class=\"space-y-5\">\n            <!-- Informa\u010dn\u00fd banner pre e\u0161te neodoslan\u00fa objedn\u00e1vku (storno pred exped\u00edciou) -->\n            <div id=\"claims-unshipped-notice\" class=\"hidden p-3.5 bg-amber-50\/90 border border-amber-300 rounded-2xl text-xs text-amber-950 space-y-1\">\n              <div class=\"font-bold flex items-center gap-1.5 text-amber-900\">\n                <span>\u23f3<\/span> <strong>Z\u00e1sielka e\u0161te nebola vyexpedovan\u00e1<\/strong>\n              <\/div>\n              <div class=\"text-[11.5px] leading-relaxed text-amber-900\/90\">\n                Va\u0161a objedn\u00e1vka sa moment\u00e1lne e\u0161te len pripravuje a nebola odovzdan\u00e1 kuri\u00e9rovi. Ke\u010f\u017ee tovar fyzicky nem\u00e1te u seba, <strong>nie je mo\u017en\u00e9 nahl\u00e1si\u0165 reklam\u00e1ciu vady<\/strong>. M\u00f4\u017eete v\u0161ak kedyko\u013evek vyu\u017ei\u0165 <strong>Odst\u00fapenie od zmluvy (storno objedn\u00e1vky)<\/strong> \u2013 objedn\u00e1vku pred odoslan\u00edm ihne\u010f zru\u0161\u00edme a nebudete musie\u0165 ni\u010d bali\u0165 ani vraca\u0165 po\u0161tou.\n              <\/div>\n            <\/div>\n\n          <!-- V\u00fdber typu uplatnenia: Odst\u00fapenie vs Reklam\u00e1cia -->\n          <div class=\"space-y-2\">\n            <span class=\"block text-xs font-bold text-slate-800 uppercase tracking-wider\">Typ po\u017eiadavky:<\/span>\n            <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n              <label for=\"claims-type-return-radio\" id=\"claims-type-return-label\" class=\"relative flex items-start gap-3 p-3.5 border-2 rounded-2xl cursor-pointer transition-all bg-white border-slate-200 hover:border-teal-300 has-[:checked]:border-[#1bb4b9] has-[:checked]:bg-teal-50\/30\">\n                <input type=\"radio\" id=\"claims-type-return-radio\" name=\"claim_type\" value=\"return_14\" checked onchange=\"handleClaimTypeChange()\" class=\"mt-0.5 text-[#1bb4b9] focus:ring-[#1bb4b9] shrink-0\">\n                <span class=\"block flex-1 min-w-0\">\n                  <span class=\"text-xs font-bold text-slate-900 flex items-center gap-1.5 flex-wrap\">\n                    <span id=\"claims-type-return-title\">\ud83d\udd04 Odst\u00fapenie do 14 dn\u00ed<\/span>\n                    <span id=\"claims-type-return-badge\" class=\"hidden text-[10px] font-bold px-2 py-0.5 rounded-full bg-amber-100 text-amber-800 border border-amber-300\">Nedostupn\u00e9 (tovar na mieru)<\/span>\n                  <\/span>\n                  <span id=\"claims-type-return-desc\" class=\"block text-[11px] text-slate-500 leading-snug mt-0.5\">Z\u00e1konn\u00e9 vr\u00e1tenie tovaru bez udania d\u00f4vodu do 14 dn\u00ed od doru\u010denia.<\/span>\n                <\/span>\n              <\/label>\n\n              <label for=\"claims-type-defect-radio\" id=\"claims-type-defect-label\" class=\"relative flex items-start gap-3 p-3.5 border-2 rounded-2xl cursor-pointer transition-all bg-white border-slate-200 hover:border-rose-300 has-[:checked]:border-rose-500 has-[:checked]:bg-rose-50\/30\">\n                <input type=\"radio\" id=\"claims-type-defect-radio\" name=\"claim_type\" value=\"claim_defect\" onchange=\"handleClaimTypeChange()\" class=\"mt-0.5 text-rose-600 focus:ring-rose-500 shrink-0\">\n                <span class=\"block flex-1 min-w-0\">\n                  <span class=\"text-xs font-bold text-slate-900 flex items-center gap-1.5 flex-wrap\">\n                    <span>\ud83d\udee0\ufe0f Reklam\u00e1cia v\u00fdrobnej vady<\/span>\n                    <span id=\"claims-type-defect-badge\" class=\"hidden text-[10px] font-bold px-2 py-0.5 rounded-full bg-amber-100 text-amber-800 border border-amber-300\">Nedostupn\u00e9 (tovar e\u0161te nebol doru\u010den\u00fd)<\/span>\n                  <\/span>\n                  <span id=\"claims-type-defect-desc\" class=\"block text-[11px] text-slate-500 leading-snug mt-0.5\">Po\u0161koden\u00fd tovar, chybn\u00e1 tla\u010d, ch\u00fdbaj\u00face strany (aj pri knihe s venovan\u00edm).<\/span>\n                <\/span>\n              <\/label>\n            <\/div>\n          <\/div>\n\n          <!-- Zoznam polo\u017eiek objedn\u00e1vky -->\n          <div class=\"space-y-2\">\n            <span class=\"block text-xs font-bold text-slate-800 uppercase tracking-wider\">\n              Zvo\u013ete polo\u017eky, ktor\u00e9 vraciate alebo reklamujete: <span class=\"text-rose-500\">*<\/span>\n            <\/span>\n            <div id=\"claims-items-container\" class=\"space-y-2.5\">\n              <!-- Dynamicky generovan\u00e9 polo\u017eky s kontrolou personaliz\u00e1cie -->\n            <\/div>\n          <\/div>\n\n          <!-- Upozornenie, ak v objedn\u00e1vke nie je \u017eiadny tovar na vr\u00e1tenie do 14 dn\u00ed -->\n          <div id=\"claims-no-returnable-notice\" class=\"hidden p-4 rounded-2xl bg-amber-50 border border-amber-300 text-xs text-amber-900 space-y-3 leading-relaxed shadow-sm\">\n            <div class=\"font-bold flex items-center gap-2 text-amber-950 text-sm\">\n              <span class=\"text-base\">\u26a0\ufe0f<\/span> Odst\u00fapenie bez udania d\u00f4vodu nie je mo\u017en\u00e9\n            <\/div>\n            <p class=\"text-[12px] text-amber-900\/90 leading-relaxed\">\n              V\u0161etky polo\u017eky v tejto objedn\u00e1vke boli vyroben\u00e9 alebo upraven\u00e9 na mieru s osobn\u00fdm venovan\u00edm. Pod\u013ea <strong>\u00a7 19 ods. 4 p\u00edsm. c) z\u00e1kona \u010d. 108\/2024 Z. z.<\/strong> sa na tovar zhotoven\u00fd pod\u013ea osobitn\u00fdch po\u017eiadaviek spotrebite\u013ea nevz\u0165ahuje pr\u00e1vo na odst\u00fapenie od zmluvy do 14 dn\u00ed bez udania d\u00f4vodu.\n            <\/p>\n            <div class=\"p-3 bg-white\/90 rounded-xl border border-amber-200 text-[11px] text-slate-700 flex flex-col sm:flex-row sm:items-center justify-between gap-3\">\n              <div>\n                <strong>M\u00e1te s tovarom probl\u00e9m?<\/strong><br>\n                Pokia\u013e m\u00e1 kniha alebo karti\u010dky chybn\u00fa tla\u010d, po\u0161kodenie v\u00e4zby \u010di ch\u00fdbaj\u00face strany, m\u00f4\u017eete uplatni\u0165 z\u00e1konn\u00fa reklam\u00e1ciu v\u00fdrobnej vady (24 mesiacov).\n              <\/div>\n              <button type=\"button\" onclick=\"switchToDefectClaim()\" class=\"px-4 py-2 bg-rose-600 hover:bg-rose-700 text-white font-bold text-xs rounded-xl shadow cursor-pointer whitespace-nowrap transition-all flex items-center gap-1.5 justify-center\">\n                <span>\ud83d\udee0\ufe0f<\/span> Prepn\u00fa\u0165 na reklam\u00e1ciu vady\n              <\/button>\n            <\/div>\n          <\/div>\n\n          <!-- Polia \u0161pecifick\u00e9 pre Odst\u00fapenie do 14 dn\u00ed -->\n          <div id=\"claims-return-fields\" class=\"space-y-3\">\n            <div>\n              <label class=\"block text-xs font-semibold text-slate-700 mb-1\">\u010c\u00edslo bankov\u00e9ho \u00fa\u010dtu (IBAN) pre vr\u00e1tenie pe\u0148az\u00ed <span id=\"claims-iban-star\" class=\"text-rose-500\">*<\/span><\/label>\n              <input type=\"text\" id=\"claims-iban\" placeholder=\"SK...\" class=\"w-full text-xs px-3.5 py-2.5 border rounded-xl bg-white font-mono font-bold text-slate-800\">\n              <span id=\"claims-iban-hint\" class=\"text-[10px] text-slate-400 mt-0.5 block\">Finan\u010dn\u00e9 prostriedky v\u00e1m za\u0161leme prevodom na tento \u00fa\u010det po prevzat\u00ed tovaru na sklade.<\/span>\n            <\/div>\n            <div>\n              <label class=\"block text-xs font-semibold text-slate-700 mb-1\">D\u00f4vod vr\u00e1tenia <span class=\"text-slate-400 font-normal\">(nepovinn\u00e9)<\/span><\/label>\n              <input type=\"text\" id=\"claims-reason\" placeholder=\"Napr. nevhodn\u00fd dar\u010dek, zak\u00fapen\u00fd in\u00fd materi\u00e1l...\" class=\"w-full text-xs px-3.5 py-2.5 border rounded-xl bg-white text-slate-800\">\n            <\/div>\n          <\/div>\n\n          <!-- Polia \u0161pecifick\u00e9 pre Reklam\u00e1ciu vady -->\n          <div id=\"claims-defect-fields\" class=\"space-y-3 hidden\">\n            <!-- Inform\u00e1cia o sp\u00f4sobe vybavenia reklam\u00e1cie -->\n            <div class=\"p-3.5 rounded-2xl bg-rose-50\/70 border border-rose-200 text-xs text-rose-950 space-y-1.5 shadow-sm\">\n              <div class=\"font-bold flex items-center gap-2 text-rose-900 text-[13px]\">\n                <span>\ud83d\udd04<\/span> Sp\u00f4sob vybavenia: V\u00fdmena za nov\u00fd bezchybn\u00fd kus\n              <\/div>\n              <p id=\"claims-defect-resolution-text-display\" class=\"text-[11px] text-rose-850 leading-relaxed\">\n                Hne\u010f ako obdr\u017e\u00edme v\u00e1\u0161 po\u0161koden\u00fd tovar na sklade a potvrd\u00edme v\u00fdrobn\u00fa vadu, <strong>obratom v\u00e1m bezplatne vyrob\u00edme a odo\u0161leme nov\u00fd bezchybn\u00fd kus tovaru<\/strong> (pri personalizovanej knihe s venovan\u00edm nanovo vytla\u010d\u00edme kus s va\u0161\u00edm p\u00f4vodn\u00fdm venovan\u00edm).\n              <\/p>\n            <\/div>\n\n            <div>\n              <label class=\"block text-xs font-semibold text-slate-700 mb-1\">Popis v\u00fdrobnej vady tovaru <span class=\"text-rose-500\">*<\/span><\/label>\n              <textarea id=\"claims-defect-desc\" rows=\"3\" placeholder=\"Pop\u00ed\u0161te podrobne, v \u010dom spo\u010d\u00edva vada (napr. roztrhnut\u00e1 v\u00e4zba, ne\u010ditate\u013en\u00e1 tla\u010d na strane 24, ch\u00fdbaj\u00face karti\u010dky)...\" class=\"w-full text-xs p-3 border rounded-xl bg-white text-slate-800\"><\/textarea>\n            <\/div>\n            <div>\n              <label class=\"block text-xs font-semibold text-slate-700 mb-1\">Fotodokument\u00e1cia v\u00fdrobnej vady <span class=\"text-rose-500\">*<\/span><\/label>\n              <div class=\"flex items-center gap-3\">\n                <input type=\"file\" id=\"claims-defect-file\" accept=\"image\/*\" class=\"text-xs text-slate-600 file:mr-3 file:py-1.5 file:px-3 file:rounded-lg file:border-0 file:text-xs file:font-semibold file:bg-slate-100 file:text-slate-700 hover:file:bg-slate-200 cursor-pointer\">\n                <button type=\"button\" onclick=\"attachDemoDefectPhoto()\" class=\"text-[11px] font-bold text-rose-600 hover:underline whitespace-nowrap\">\ud83d\udcf7 Prilo\u017ei\u0165 uk\u00e1\u017ekov\u00fa fotku<\/button>\n              <\/div>\n              <div id=\"claims-defect-preview\" class=\"hidden mt-2 flex items-center gap-2\">\n                <img id=\"claims-defect-img\" src=\"\" alt=\"N\u00e1h\u013ead vady\" class=\"w-14 h-14 object-cover rounded-lg border\">\n                <span class=\"text-[11px] text-emerald-600 font-bold\">\u2713 Fotografia prilo\u017een\u00e1<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Z\u00e1konn\u00e9 pou\u010denie o fyzickom zaslan\u00ed tovaru na sklad -->\n          <div id=\"claims-warehouse-notice\" class=\"p-4 rounded-2xl bg-slate-50 border border-slate-200 text-xs text-slate-700 space-y-3 leading-relaxed shadow-sm\">\n            <div id=\"claims-warehouse-notice-title\" class=\"font-bold text-slate-900 flex items-center gap-1.5 text-sm\">\n              <span>\ud83d\udce6<\/span> Postup odoslania tovaru na n\u00e1\u0161 sklad:\n            <\/div>\n            <div id=\"claims-warehouse-notice-text\" class=\"text-xs text-slate-600 leading-relaxed\">\n              Odoslan\u00edm po\u017eiadavky sa zav\u00e4zujete zasla\u0165 tovar sp\u00e4\u0165. Finan\u010dn\u00e9 prostriedky bud\u00fa vr\u00e1ten\u00e9 a\u017e po fyzickom doru\u010den\u00ed tovaru na n\u00e1\u0161 sklad a overen\u00ed jeho stavu.\n            <\/div>\n\n            <!-- Kompletn\u00fd adresn\u00fd \u0161t\u00edtok pre Slovensk\u00fa po\u0161tu, Packetu a kuri\u00e9rov -->\n            <div id=\"claims-warehouse-address-box\" class=\"p-3.5 bg-white rounded-xl border border-slate-200 text-[11px] text-slate-700 space-y-2 shadow-sm\">\n              <div class=\"flex items-center justify-between gap-2 border-b border-slate-100 pb-2\">\n                <span class=\"font-bold text-slate-900 text-xs flex items-center gap-1.5\">\n                  <span>\ud83d\udccd<\/span> \u00dapln\u00e1 adresa pr\u00edjemcu na bal\u00edk (Po\u0161ta \/ Packeta \/ Kuri\u00e9r):\n                <\/span>\n                <button type=\"button\" onclick=\"copyWarehouseAddress()\" class=\"px-2.5 py-1 text-[11px] font-bold rounded-lg bg-slate-100 hover:bg-slate-200 text-slate-700 border border-slate-300 flex items-center gap-1.5 cursor-pointer transition-all\">\n                  <span>\ud83d\udccb<\/span> <span id=\"claims-copy-btn-text\">Skop\u00edrova\u0165 adresu<\/span>\n                <\/button>\n              <\/div>\n              <div id=\"claims-warehouse-full-address\" class=\"font-mono text-xs leading-relaxed text-slate-800 bg-slate-50\/80 p-3 rounded-lg border border-slate-200 space-y-0.5\">\n                <div class=\"font-black text-slate-900 text-sm\" id=\"claims-wh-company\">MARLU PRODUCTION s. r. o.<\/div>\n                <div class=\"text-[#1bb4b9] font-bold text-[11px]\" id=\"claims-wh-dept\">Oddelenie reklam\u00e1ci\u00ed & Sklad<\/div>\n                <div class=\"font-semibold text-slate-800\" id=\"claims-wh-street\">Mal\u00fd L\u00e9g 1215<\/div>\n                <div class=\"font-semibold text-slate-800\" id=\"claims-wh-city\">930 37 Lehnice<\/div>\n                <div class=\"text-slate-600 font-semibold\" id=\"claims-wh-country\">Slovensk\u00e1 republika<\/div>\n                <div class=\"text-slate-500 text-[11px] pt-1 border-t border-slate-200 mt-1 flex flex-wrap gap-x-4\" id=\"claims-wh-contact\">\n                  <span>\ud83d\udcde Tel pre kuri\u00e9ra: <strong>+421 905 123 456<\/strong><\/span>\n                  <span>\u2709\ufe0f E-mail: <strong>info@slovencina.org<\/strong><\/span>\n                <\/div>\n              <\/div>\n              <div class=\"text-[10px] text-slate-400 flex items-center gap-1\">\n                <span>\ud83d\udca1<\/span> Bal\u00edk po\u0161lite doporu\u010dene (nie na dobierku). Podacie \u010d\u00edslo z\u00e1sielky si uschovajte.\n              <\/div>\n            <\/div>\n          <\/div>\n\n            <div class=\"pt-2 flex items-center justify-end gap-3\">\n              <button type=\"button\" onclick=\"closeClaimsModal()\" class=\"px-4 py-2.5 text-xs font-semibold text-slate-600 hover:bg-slate-100 rounded-xl cursor-pointer\">Zru\u0161i\u0165<\/button>\n              <button type=\"button\" id=\"claims-submit-btn\" onclick=\"submitClaimsRequest()\" class=\"px-6 py-2.5 bg-[#1bb4b9] hover:bg-[#148f93] text-white text-xs font-bold rounded-xl shadow-md cursor-pointer transition-all\">\n                Potvrdi\u0165 odst\u00fapenie od zmluvy\n              <\/button>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <!-- KROK 3: \u00daSPE\u0160N\u00c9 ODOSLANIE -->\n        <div id=\"claims-success-step\" class=\"py-8 text-center space-y-4 hidden\">\n          <div class=\"w-16 h-16 bg-emerald-100 text-emerald-600 rounded-full flex items-center justify-center text-3xl mx-auto shadow-inner\">\u2713<\/div>\n          <div>\n            <h4 class=\"text-base font-black text-slate-900\">Va\u0161a po\u017eiadavka bola \u00faspe\u0161ne zaevidovan\u00e1!<\/h4>\n            <p id=\"claims-success-message\" class=\"text-xs text-slate-600 mt-1.5 max-w-md mx-auto leading-relaxed\">\n              \u010eakujeme, va\u0161a po\u017eiadavka bola \u00faspe\u0161ne zaevidovan\u00e1 v syst\u00e9me. \u010coskoro v\u00e1m e-mailom za\u0161leme potvrdenie s \u010fal\u0161\u00edmi in\u0161trukciami na odoslanie tovaru.\n            <\/p>\n          <\/div>\n          <div id=\"claims-success-autoemail-notice\" class=\"hidden p-3 bg-blue-50 border border-blue-200 rounded-xl text-blue-900 text-xs font-medium max-w-md mx-auto\">\n            \ud83d\udce7 Potvrdzovac\u00ed e-mail bol automaticky odoslan\u00fd na v\u00e1\u0161 e-mail.\n          <\/div>\n          <button type=\"button\" onclick=\"closeClaimsModal()\" class=\"px-6 py-2.5 bg-slate-900 text-white text-xs font-bold rounded-xl shadow cursor-pointer\">\n            Zavrie\u0165 okno\n          <\/button>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ======================================================== -->\n  <!-- MODAL 2: OHODNO\u0164TE N\u00c1\u0160 PRODUKT (Z\u00c1KAZN\u00cdK - OMNIBUS)        -->\n  <!-- ======================================================== -->\n  <div id=\"customer-review-public-modal\" class=\"marlu-shop-app-root marlu-shop-modal-wrap fixed inset-0 bg-black\/60 backdrop-blur-sm z-50 flex items-center justify-center p-3 sm:p-4 hidden\">\n    <div class=\"bg-white rounded-3xl max-w-xl w-full shadow-2xl border border-slate-200 overflow-hidden flex flex-col max-h-[92vh]\">\n      \n      <!-- Header -->\n      <div class=\"bg-slate-900 text-white px-6 py-4 flex items-center justify-between flex-shrink-0\">\n        <div class=\"flex items-center gap-3\">\n          <span class=\"text-2xl\">\u2b50<\/span>\n          <div>\n            <h3 class=\"text-sm font-bold flex items-center gap-2\">\n              <span>Ohodno\u0165te n\u00e1\u0161 produkt<\/span>\n              <span class=\"px-2 py-0.5 rounded-full text-[10px] font-bold bg-[#1bb4b9] text-white\">Overen\u00fd n\u00e1kup<\/span>\n            <\/h3>\n            <p class=\"text-[11px] text-slate-400\">Autentick\u00e9 recenzie z\u00e1kazn\u00edkov pod\u013ea smernice E\u00da Omnibus<\/p>\n          <\/div>\n        <\/div>\n        <button onclick=\"closePublicReviewModal()\" class=\"text-slate-400 hover:text-white text-2xl font-bold leading-none p-1 cursor-pointer\">&times;<\/button>\n      <\/div>\n\n      <div class=\"p-6 overflow-y-auto space-y-6 flex-1\">\n        \n        <!-- KROK 1: OVERENIE N\u00c1KUPU -->\n        <div id=\"public-rev-verify-step\" class=\"space-y-4\">\n          <div class=\"p-4 rounded-2xl bg-teal-50\/80 border border-teal-200 text-xs text-teal-950 space-y-1.5 leading-relaxed\">\n            <div class=\"font-bold flex items-center gap-2\">\n              <span>\ud83d\udee1\ufe0f<\/span> Pr\u00e1vna garancia overen\u00fdch recenzi\u00ed\n            <\/div>\n            <div>\n              Pod\u013ea z\u00e1kona o ochrane spotrebite\u013ea sm\u00fa recenzie prid\u00e1va\u0165 iba z\u00e1kazn\u00edci, ktor\u00ed si tovar skuto\u010dne k\u00fapili. Zadajte pros\u00edm v\u00e1\u0161 <strong>e-mail<\/strong> a <strong>priezvisko<\/strong> alebo <strong>posledn\u00e9 3 \u010d\u00edsla telef\u00f3nu<\/strong> z objedn\u00e1vky.\n            <\/div>\n          <\/div>\n\n          <form onsubmit=\"handlePublicReviewVerification(event)\" class=\"space-y-4\">\n            <div>\n              <label class=\"block text-xs font-semibold text-slate-700 mb-1\">E-mail z objedn\u00e1vky <span class=\"text-rose-500\">*<\/span><\/label>\n              <input type=\"email\" id=\"public-rev-email\" required placeholder=\"napr. maria.novakova@gmail.com\" class=\"w-full text-xs px-3.5 py-2.5 border rounded-xl bg-white text-slate-800 placeholder:text-slate-400 focus:outline-none focus:border-[#1bb4b9]\">\n            <\/div>\n\n            <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n              <div>\n                <label class=\"block text-xs font-semibold text-slate-700 mb-1\">Priezvisko <span class=\"text-slate-400 font-normal\">(alebo telef\u00f3n)<\/span><\/label>\n                <input type=\"text\" id=\"public-rev-lastname\" placeholder=\"napr. Nov\u00e1kov\u00e1\" class=\"w-full text-xs px-3.5 py-2.5 border rounded-xl bg-white text-slate-800 placeholder:text-slate-400 focus:outline-none focus:border-[#1bb4b9]\">\n              <\/div>\n              <div>\n                <label class=\"block text-xs font-semibold text-slate-700 mb-1\">Posledn\u00e9 3 \u010d\u00edslice telef\u00f3nu <span class=\"text-slate-400 font-normal\">(alebo priezvisko)<\/span><\/label>\n                <input type=\"text\" maxlength=\"3\" id=\"public-rev-phone3\" placeholder=\"napr. 456\" class=\"w-full text-xs px-3.5 py-2.5 border rounded-xl bg-white text-slate-800 font-mono placeholder:text-slate-400 focus:outline-none focus:border-[#1bb4b9]\">\n              <\/div>\n            <\/div>\n\n            <div id=\"public-rev-verify-error\" class=\"hidden p-3 bg-rose-50 border border-rose-200 rounded-xl text-rose-800 text-xs\"><\/div>\n\n            <div class=\"pt-2 flex justify-end\">\n              <button type=\"submit\" class=\"w-full sm:w-auto px-6 py-2.5 bg-[#1bb4b9] hover:bg-[#148f93] text-white text-xs font-bold rounded-xl shadow-md cursor-pointer transition-all\">\n                Overi\u0165 n\u00e1kup a pokra\u010dova\u0165 \u2192\n              <\/button>\n            <\/div>\n          <\/form>\n        <\/div>\n\n        <!-- KROK 2: FORMUL\u00c1R RECENZIE -->\n        <div id=\"public-rev-form-step\" class=\"space-y-5 hidden\">\n          \n          <div class=\"p-3 bg-emerald-50 border border-emerald-200 rounded-2xl flex items-center justify-between gap-3 text-xs\">\n            <div class=\"flex items-center gap-2 text-emerald-950 font-bold\">\n              <span>\u2713<\/span>\n              <span>Overen\u00fd kupuj\u00faci: <span id=\"public-rev-verified-name\" class=\"text-slate-900 font-black\"><\/span><\/span>\n            <\/div>\n            <button type=\"button\" onclick=\"resetPublicRevVerification()\" class=\"text-[11px] text-emerald-800 hover:underline\">Zmeni\u0165<\/button>\n          <\/div>\n\n          <!-- V\u00fdber zak\u00fapen\u00e9ho produktu -->\n          <div class=\"space-y-1.5\">\n            <label class=\"block text-xs font-bold text-slate-800 uppercase tracking-wider\">Vyberte zak\u00fapen\u00fd produkt, ktor\u00fd chcete ohodnoti\u0165: <span class=\"text-rose-500\">*<\/span><\/label>\n            <div id=\"public-rev-products-list\" class=\"space-y-2\">\n              <!-- Dynamick\u00e9 karty zak\u00fapen\u00fdch produktov -->\n            <\/div>\n          <\/div>\n\n          <!-- Hodnotenie hviezdi\u010dkami -->\n          <div class=\"space-y-1.5\">\n            <label class=\"block text-xs font-bold text-slate-800 uppercase tracking-wider\">Va\u0161a celkov\u00e1 spokojnos\u0165:<\/label>\n            <div class=\"flex items-center gap-3\">\n              <div id=\"public-rev-stars-box\" class=\"flex items-center gap-1 text-2xl text-amber-400 cursor-pointer select-none\">\n                <span onclick=\"setPublicRevRating(1)\" onmouseover=\"hoverPublicRevRating(1)\" onmouseout=\"leavePublicRevRating()\">\u2605<\/span>\n                <span onclick=\"setPublicRevRating(2)\" onmouseover=\"hoverPublicRevRating(2)\" onmouseout=\"leavePublicRevRating()\">\u2605<\/span>\n                <span onclick=\"setPublicRevRating(3)\" onmouseover=\"hoverPublicRevRating(3)\" onmouseout=\"leavePublicRevRating()\">\u2605<\/span>\n                <span onclick=\"setPublicRevRating(4)\" onmouseover=\"hoverPublicRevRating(4)\" onmouseout=\"leavePublicRevRating()\">\u2605<\/span>\n                <span onclick=\"setPublicRevRating(5)\" onmouseover=\"hoverPublicRevRating(5)\" onmouseout=\"leavePublicRevRating()\">\u2605<\/span>\n              <\/div>\n              <span id=\"public-rev-rating-label\" class=\"text-xs font-bold text-slate-700\">5 z 5 (Vynikaj\u00face)<\/span>\n            <\/div>\n          <\/div>\n\n          <!-- Text recenzie -->\n          <div>\n            <label class=\"block text-xs font-semibold text-slate-700 mb-1\">Text va\u0161ej recenzie \/ sk\u00fasenosti <span class=\"text-rose-500\">*<\/span><\/label>\n            <textarea id=\"public-rev-text\" rows=\"3\" required placeholder=\"Pop\u00ed\u0161te va\u0161u autentick\u00fa sk\u00fasenos\u0165 s touto knihou alebo pom\u00f4ckou...\" class=\"w-full text-xs p-3 border rounded-xl bg-white text-slate-800\"><\/textarea>\n          <\/div>\n\n          <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n            <div>\n              <label class=\"block text-xs font-semibold text-slate-700 mb-1\">Zobrazovan\u00e9 meno \/ prez\u00fdvka <span class=\"text-rose-500\">*<\/span><\/label>\n              <input type=\"text\" id=\"public-rev-display-name\" required placeholder=\"Napr. Elena K. alebo Elena\" class=\"w-full text-xs px-3.5 py-2.5 border rounded-xl bg-white text-slate-800\">\n              <span class=\"text-[10px] text-slate-400 mt-0.5 block\">M\u00f4\u017eete si zvoli\u0165 inici\u00e1lu alebo prez\u00fdvku.<\/span>\n            <\/div>\n            <div>\n              <label class=\"block text-xs font-semibold text-slate-700 mb-1\">Mesto \/ Lokalita <span class=\"text-slate-400 font-normal\">(nepovinn\u00e9)<\/span><\/label>\n              <input type=\"text\" id=\"public-rev-city\" placeholder=\"Napr. Bratislava, Nitra\" class=\"w-full text-xs px-3.5 py-2.5 border rounded-xl bg-white text-slate-800\">\n            <\/div>\n          <\/div>\n\n          <div class=\"p-3 bg-amber-50 rounded-xl border border-amber-200 text-[11px] text-amber-900 leading-snug flex items-center gap-2\">\n            <span>\ud83d\udee1\ufe0f<\/span>\n            <span>Recenzia z\u00edska odznak <strong>\u201eOveren\u00fd n\u00e1kup\u201c<\/strong> (overen\u00e1 cez va\u0161u objedn\u00e1vku). Pred zverejnen\u00edm prejde kr\u00e1tkou moder\u00e1ciou proti spamu.<\/span>\n          <\/div>\n\n          <div class=\"pt-2 flex items-center justify-end gap-3\">\n            <button type=\"button\" onclick=\"closePublicReviewModal()\" class=\"px-4 py-2.5 text-xs font-semibold text-slate-600 hover:bg-slate-100 rounded-xl cursor-pointer\">Zru\u0161i\u0165<\/button>\n            <button type=\"button\" id=\"public-rev-submit-btn\" onclick=\"submitPublicCustomerReview()\" class=\"px-6 py-2.5 bg-[#1bb4b9] hover:bg-[#148f93] text-white text-xs font-bold rounded-xl shadow-md cursor-pointer transition-all\">\n              Odosla\u0165 recenziu na schv\u00e1lenie\n            <\/button>\n          <\/div>\n\n        <\/div>\n\n        <!-- KROK 3: \u00daSPE\u0160N\u00c9 ODOSLANIE -->\n        <div id=\"public-rev-success-step\" class=\"py-8 text-center space-y-4 hidden\">\n          <div class=\"w-16 h-16 bg-emerald-100 text-emerald-600 rounded-full flex items-center justify-center text-3xl mx-auto shadow-inner\">\u2b50<\/div>\n          <div>\n            <h4 class=\"text-base font-black text-slate-900\">\u010eakujeme za va\u0161u recenziu!<\/h4>\n            <p class=\"text-xs text-slate-600 mt-1.5 max-w-md mx-auto leading-relaxed\">\n              Va\u0161e hodnotenie bolo \u00faspe\u0161ne overen\u00e9 cez va\u0161u objedn\u00e1vku a zaraden\u00e9 do syst\u00e9mu. Po kr\u00e1tkej kontrole administr\u00e1torom bude zverejnen\u00e9 s odznakom <strong>Overen\u00fd n\u00e1kup<\/strong>.\n            <\/p>\n          <\/div>\n          <button type=\"button\" onclick=\"closePublicReviewModal()\" class=\"px-6 py-2.5 bg-slate-900 text-white text-xs font-bold rounded-xl shadow cursor-pointer\">\n            Zavrie\u0165\n          <\/button>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ======================================================== -->\n  <!-- MODAL 3: PDF DOKLAD OBJEDN\u00c1VKY (ZOBRAZENIE \/ TLA\u010c \/ EMAIL)  -->\n  <!-- ======================================================== -->\n  <div id=\"order-pdf-modal\" class=\"marlu-shop-app-root marlu-shop-modal-wrap fixed inset-0 bg-black\/75 backdrop-blur-sm z-[70] flex items-center justify-center p-2 sm:p-4 hidden\">\n    <div class=\"bg-white rounded-3xl max-w-4xl w-full shadow-2xl border border-slate-200 overflow-hidden flex flex-col max-h-[95vh]\">\n      \n      <!-- Top Action Bar -->\n      <div class=\"bg-slate-900 text-white px-5 sm:px-6 py-3.5 sm:py-4 flex flex-wrap items-center justify-between gap-3 flex-shrink-0\">\n        <div class=\"flex items-center gap-3\">\n          <span class=\"text-xl\">\ud83d\udcc4<\/span>\n          <div>\n            <h3 class=\"text-sm font-bold flex items-center gap-2\">\n              <span id=\"order-pdf-header-title\">Doklad objedn\u00e1vky<\/span>\n              <span class=\"px-2 py-0.5 rounded-full text-[10px] font-bold bg-emerald-500 text-white\">PDF Doklad<\/span>\n            <\/h3>\n            <p class=\"text-[11px] text-slate-400\">Ofici\u00e1lny doklad objedn\u00e1vky pripraven\u00fd pre klienta a \u00fa\u010dtovn\u00edctvo<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- R\u00fdchly prep\u00edna\u010d \u00fa\u010dtu pre QR k\u00f3d priamo v li\u0161te bez zbyto\u010dn\u00e9ho intern\u00e9ho menu -->\n        <div id=\"order-pdf-preset-bar\" class=\"flex items-center gap-1.5 bg-slate-800\/90 px-2.5 py-1.5 rounded-xl border border-slate-700\/80 text-[11px]\">\n          <span class=\"text-slate-400 font-medium mr-0.5\">\u00da\u010det pre QR:<\/span>\n          <button type=\"button\" id=\"order-pdf-btn-company\" onclick=\"setModalQrPreset('company')\" class=\"px-2.5 py-1 rounded-lg text-[11px] font-bold cursor-pointer transition-all bg-white text-slate-900 shadow-xs\">\u26a1 Firemn\u00fd IBAN<\/button>\n          <button type=\"button\" id=\"order-pdf-btn-revolut\" onclick=\"setModalQrPreset('revolut')\" class=\"px-2.5 py-1 rounded-lg text-[11px] font-bold cursor-pointer transition-all bg-purple-950\/80 text-purple-200 hover:text-white border border-purple-700\/50\">\u26a1 Revolut IBAN (Test)<\/button>\n        <\/div>\n\n        <div class=\"flex items-center gap-2\">\n          <button type=\"button\" id=\"scale-order-pdf-btn\" onclick=\"togglePdfScale('order-pdf-printable-area')\" class=\"px-2.5 py-1.5 bg-slate-800 hover:bg-slate-700 text-slate-300 hover:text-white text-xs font-semibold rounded-lg border border-slate-700 flex items-center gap-1.5 cursor-pointer transition-all\" title=\"Prisp\u00f4sobi\u0165 v\u00fd\u0161ke okna \/ 100%\">\n            <span>\u2195\ufe0f Fit A4<\/span>\n          <\/button>\n          <button type=\"button\" onclick=\"printOrderPdfDocument()\" class=\"px-3.5 py-1.5 bg-emerald-600 hover:bg-emerald-700 text-white text-xs font-bold rounded-lg shadow-sm flex items-center gap-1.5 cursor-pointer transition-all\">\n            <span>\ud83d\udda8\ufe0f Tla\u010di\u0165 \/ Ulo\u017ei\u0165 PDF<\/span>\n          <\/button>\n          <button type=\"button\" onclick=\"sendOrderPdfEmailCurrent()\" class=\"px-3.5 py-1.5 bg-blue-600 hover:bg-blue-700 text-white text-xs font-bold rounded-lg shadow-sm flex items-center gap-1.5 cursor-pointer transition-all\" title=\"Otvori\u0165 n\u00e1h\u013ead e-mailu pred odoslan\u00edm klientovi\">\n            <span>\u2709\ufe0f N\u00e1h\u013ead e-mailu<\/span>\n          <\/button>\n          <button onclick=\"closeOrderPdfModal()\" class=\"text-slate-400 hover:text-white text-2xl font-bold leading-none p-1 cursor-pointer ml-2\">&times;<\/button>\n        <\/div>\n      <\/div>\n\n      <!-- DOKLADOV\u00c9 CENTRUM: PREP\u00cdNACIE Z\u00c1LO\u017dKY MEDZI DOKLADMI -->\n      <div id=\"order-pdf-tabs-bar\" class=\"bg-slate-800 px-6 py-2.5 border-t border-slate-700\/80 flex flex-wrap items-center justify-between gap-3 text-xs flex-shrink-0\">\n        <div class=\"flex items-center gap-2 flex-wrap\">\n          <span class=\"text-slate-400 font-medium\">Doklad:<\/span>\n          <button type=\"button\" id=\"order-pdf-tab-order\" onclick=\"switchOrderPdfDocTab('order')\" class=\"px-3 py-1 rounded-lg text-xs font-bold bg-white text-slate-900 shadow-xs cursor-pointer flex items-center gap-1.5 transition-all\">\n            <span>\ud83d\udcc4 Doklad objedn\u00e1vky<\/span>\n          <\/button>\n          <button type=\"button\" id=\"order-pdf-tab-invoice\" onclick=\"switchOrderPdfDocTab('invoice')\" class=\"px-3 py-1 rounded-lg text-xs font-bold text-purple-300 hover:text-white hover:bg-slate-700\/80 transition-all cursor-pointer flex items-center gap-1.5\">\n            <span>\ud83e\uddfe Da\u0148ov\u00e1 fakt\u00fara (FA)<\/span>\n          <\/button>\n          <button type=\"button\" id=\"order-pdf-switch-to-receipt-btn\" onclick=\"openClaimReceiptModal(currentModalOrder ? currentModalOrder.id : null)\" class=\"px-3 py-1 rounded-lg text-xs font-bold text-blue-300 hover:text-white hover:bg-slate-700\/80 transition-all cursor-pointer flex items-center gap-1.5 hidden\">\n            <span>\ud83d\udce5 1. Prijatie<\/span>\n          <\/button>\n          <button type=\"button\" id=\"order-pdf-switch-to-resolution-btn\" onclick=\"openClaimResolutionModal(currentModalOrder ? currentModalOrder.id : null)\" class=\"px-3 py-1 rounded-lg text-xs font-bold text-emerald-300 hover:text-white hover:bg-slate-700\/80 transition-all cursor-pointer flex items-center gap-1.5 hidden\">\n            <span>\ud83d\udce4 2. Vybavenie<\/span>\n          <\/button>\n        <\/div>\n        <span id=\"order-pdf-active-doc-badge\" class=\"text-[11px] text-slate-400 hidden sm:inline\">Predbe\u017en\u00e9 potvrdenie n\u00e1kupu<\/span>\n      <\/div>\n\n      <!-- Printable A4 Document Body -->\n      <div id=\"order-pdf-scroll-container\" class=\"p-2 sm:p-3 md:p-4 overflow-y-auto flex-1 bg-slate-100 flex justify-center items-start\">\n        <div id=\"order-pdf-printable-area\" class=\"w-full max-w-[760px] bg-white p-4 sm:p-5 md:p-6 rounded-xl shadow border border-slate-300 text-slate-800 text-xs transition-transform duration-150\">\n          <!-- Dynamicky renderovan\u00fd obsah PDF dokladu -->\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ======================================================== -->\n  <!-- MODAL 4: DETAIL REKLAM\u00c1CIE \/ VR\u00c1TENIA V ADMINISTR\u00c1CII       -->\n  <!-- ======================================================== -->\n  <div id=\"order-claim-detail-modal\" class=\"marlu-shop-app-root marlu-shop-modal-wrap fixed inset-0 bg-black\/60 backdrop-blur-sm z-50 flex items-center justify-center p-3 sm:p-4 hidden\">\n    <div class=\"bg-white rounded-3xl max-w-3xl w-full shadow-2xl border border-slate-200 overflow-hidden flex flex-col max-h-[92vh]\">\n      \n      <div class=\"bg-slate-900 text-white px-6 py-4 flex items-center justify-between flex-shrink-0\">\n        <div class=\"flex items-center gap-3\">\n          <span class=\"text-xl\">\u26a0\ufe0f<\/span>\n          <div>\n            <h3 class=\"text-sm font-bold flex items-center gap-2\">\n              <span id=\"claim-detail-title\">Detail po\u017eiadavky: Reklam\u00e1cia \/ Vr\u00e1tenie<\/span>\n              <span id=\"claim-detail-badge\" class=\"px-2 py-0.5 rounded-full text-[10px] font-bold bg-rose-500 text-white\"><\/span>\n            <\/h3>\n            <p id=\"claim-detail-subtitle\" class=\"text-[11px] text-slate-400\"><\/p>\n          <\/div>\n        <\/div>\n        <button onclick=\"closeOrderClaimModal()\" class=\"text-slate-400 hover:text-white text-2xl font-bold leading-none p-1 cursor-pointer\">&times;<\/button>\n      <\/div>\n\n      <div class=\"p-6 overflow-y-auto space-y-5 flex-1\">\n        <div id=\"claim-detail-body\" class=\"space-y-4\">\n          <!-- Dynamicky renderovan\u00fd obsah -->\n        <\/div>\n      <\/div>\n\n      <div class=\"p-4 bg-slate-50 border-t border-slate-200 flex flex-wrap items-center justify-between gap-3 flex-shrink-0\">\n        <div class=\"flex items-center gap-2 flex-wrap\">\n          <button type=\"button\" onclick=\"openClaimReceiptModal(currentModalOrder ? currentModalOrder.id : null)\" class=\"px-3.5 py-2 bg-blue-50 hover:bg-blue-100 text-blue-900 border border-blue-300 text-xs font-bold rounded-xl shadow-2xs flex items-center gap-1.5 cursor-pointer transition-all\">\n            <span>\ud83d\udce5 1. Prijatie (PDF)<\/span>\n          <\/button>\n          <button type=\"button\" onclick=\"openClaimResolutionModal(currentModalOrder ? currentModalOrder.id : null)\" class=\"px-3.5 py-2 bg-emerald-50 hover:bg-emerald-100 text-emerald-900 border border-emerald-300 text-xs font-bold rounded-xl shadow-2xs flex items-center gap-1.5 cursor-pointer transition-all\">\n            <span>\ud83d\udce4 2. Vybavenie (PDF)<\/span>\n          <\/button>\n          <button type=\"button\" onclick=\"sendClaimProtocolEmailCurrent()\" class=\"px-3.5 py-2 bg-slate-800 hover:bg-slate-900 text-white text-xs font-bold rounded-xl shadow-sm flex items-center gap-1.5 cursor-pointer transition-all\">\n            <span>\u2709\ufe0f Odosla\u0165 e-mailom<\/span>\n          <\/button>\n        <\/div>\n        <button type=\"button\" onclick=\"closeOrderClaimModal()\" class=\"px-4 py-2 bg-slate-200 hover:bg-slate-300 text-slate-700 text-xs font-bold rounded-xl cursor-pointer\">\n          Zavrie\u0165\n        <\/button>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- ======================================================== -->\n  <!-- MODAL 5: OFICI\u00c1LNY REKLAMA\u010cN\u00dd PROTOKOL (PDF TLA\u010c \/ EXPORT) -->\n  <!-- ======================================================== -->\n  <div id=\"claim-protocol-pdf-modal\" class=\"marlu-shop-app-root marlu-shop-modal-wrap fixed inset-0 bg-black\/75 backdrop-blur-sm z-[80] flex items-center justify-center p-2 sm:p-4 hidden\">\n    <div class=\"bg-white rounded-3xl max-w-4xl w-full shadow-2xl border border-slate-200 overflow-hidden flex flex-col max-h-[95vh]\">\n      \n      <div class=\"bg-slate-900 text-white px-5 sm:px-6 py-3.5 sm:py-4 flex items-center justify-between flex-shrink-0\">\n        <div class=\"flex items-center gap-3\">\n          <span class=\"text-xl\" id=\"claim-modal-icon\">\ud83d\udccb<\/span>\n          <div>\n            <h3 class=\"text-sm font-bold flex items-center gap-2\">\n              <span id=\"claim-protocol-header-title\">Doklad reklam\u00e1cie (PDF)<\/span>\n              <span id=\"claim-protocol-header-badge\" class=\"px-2 py-0.5 rounded-full text-[10px] font-bold bg-amber-400 text-slate-950\">Z\u00e1konn\u00fd doklad<\/span>\n            <\/h3>\n            <p id=\"claim-protocol-header-desc\" class=\"text-[11px] text-slate-400\">Ofici\u00e1lny dokument pre spotrebite\u013ea a skladov\u00fa evidenciu<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"flex items-center gap-2\">\n          <button type=\"button\" id=\"scale-claim-protocol-btn\" onclick=\"togglePdfScale('claim-protocol-printable-area')\" class=\"px-2.5 py-1.5 bg-slate-800 hover:bg-slate-700 text-slate-300 hover:text-white text-xs font-semibold rounded-lg border border-slate-700 flex items-center gap-1.5 cursor-pointer transition-all\" title=\"Prisp\u00f4sobi\u0165 v\u00fd\u0161ke okna \/ 100%\">\n            <span>\u2195\ufe0f Fit A4<\/span>\n          <\/button>\n          <button type=\"button\" onclick=\"printClaimProtocolDocument()\" class=\"px-3.5 py-1.5 bg-emerald-600 hover:bg-emerald-700 text-white text-xs font-bold rounded-lg shadow-sm flex items-center gap-1.5 cursor-pointer transition-all\">\n            <span>\ud83d\udda8\ufe0f Tla\u010di\u0165 \/ Ulo\u017ei\u0165 PDF<\/span>\n          <\/button>\n          <button type=\"button\" id=\"claim-protocol-send-email-btn\" onclick=\"sendActiveClaimDocumentEmail()\" class=\"px-3 py-1.5 bg-blue-600 hover:bg-blue-700 text-white text-xs font-bold rounded-lg shadow-sm flex items-center gap-1.5 cursor-pointer transition-all\">\n            <span>\u2709\ufe0f Odosla\u0165 klientovi<\/span>\n          <\/button>\n          <button onclick=\"closeClaimProtocolModal()\" class=\"text-slate-400 hover:text-white text-2xl font-bold leading-none p-1 cursor-pointer ml-2\">&times;<\/button>\n        <\/div>\n      <\/div>\n\n      <!-- DOKLADOV\u00c9 CENTRUM: PREP\u00cdNACIE Z\u00c1LO\u017dKY MEDZI DOKLADMI -->\n      <div id=\"claim-protocol-tabs-bar\" class=\"bg-slate-800 px-6 py-2.5 border-t border-slate-700\/80 flex flex-wrap items-center justify-between gap-3 text-xs flex-shrink-0\">\n        <div class=\"flex items-center gap-2 flex-wrap\">\n          <span class=\"text-slate-400 font-medium\">Doklady k objedn\u00e1vke:<\/span>\n          <button type=\"button\" onclick=\"switchToOrderPdfFromProtocol()\" class=\"px-3 py-1 rounded-lg text-xs font-bold text-slate-300 hover:text-white hover:bg-slate-700\/80 transition-all cursor-pointer flex items-center gap-1.5\">\n            <span>\ud83d\udcc4 Doklad objedn\u00e1vky<\/span>\n          <\/button>\n          <button type=\"button\" id=\"tab-claim-doc-receipt\" onclick=\"switchClaimDocumentType('receipt')\" class=\"px-3 py-1 rounded-lg text-xs font-bold transition-all cursor-pointer flex items-center gap-1.5\">\n            <span>\ud83d\udce5 1. Prijatie<\/span>\n          <\/button>\n          <button type=\"button\" id=\"tab-claim-doc-resolution\" onclick=\"switchClaimDocumentType('resolution')\" class=\"px-3 py-1 rounded-lg text-xs font-bold transition-all cursor-pointer flex items-center gap-1.5\">\n            <span>\ud83d\udce4 2. Vybavenie<\/span>\n          <\/button>\n        <\/div>\n        <span class=\"text-[11px] text-slate-400 hidden sm:inline\">Samostatn\u00e9 doklady<\/span>\n      <\/div>\n\n      <div id=\"claim-protocol-scroll-container\" class=\"p-2 sm:p-3 md:p-4 overflow-y-auto flex-1 bg-slate-100 flex justify-center items-start\">\n        <div id=\"claim-protocol-printable-area\" class=\"w-full max-w-[760px] bg-white p-4 sm:p-5 md:p-6 rounded-xl shadow border border-slate-300 text-slate-800 text-xs transition-transform duration-150\">\n          <!-- Dynamicky renderovan\u00fd obsah reklama\u010dn\u00e9ho dokladu -->\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- ======================================================== -->\n  <!-- MODAL 6: N\u00c1H\u013dAD A ODOSLANIE E-MAILU Z\u00c1KAZN\u00cdKOVI          -->\n  <!-- ======================================================== -->\n  <div id=\"email-preview-modal\" class=\"marlu-shop-app-root marlu-shop-modal-wrap fixed inset-0 bg-black\/60 backdrop-blur-sm z-50 flex items-center justify-center p-3 sm:p-4 hidden\">\n    <div class=\"bg-white rounded-2xl sm:rounded-3xl max-w-3xl w-full shadow-2xl border border-slate-200 overflow-hidden flex flex-col h-[94vh] max-h-[94vh]\">\n      \n      <!-- Top Action Bar (Kompaktn\u00fd a preh\u013eadn\u00fd) -->\n      <div class=\"bg-slate-900 text-white px-5 py-2.5 flex items-center justify-between gap-3 flex-shrink-0\">\n        <div class=\"flex items-center gap-2.5 min-w-0\">\n          <span class=\"text-lg flex-shrink-0\">\u2709\ufe0f<\/span>\n          <div class=\"min-w-0\">\n            <div class=\"flex items-center gap-2 flex-wrap\">\n              <span id=\"modal-email-title\" class=\"text-xs sm:text-sm font-bold text-white truncate\">N\u00e1h\u013ead e-mailu pre klienta<\/span>\n              <span id=\"modal-email-badge\" class=\"px-2 py-0.5 rounded text-[10px] font-semibold bg-slate-800 text-blue-300 border border-blue-500\/40 whitespace-nowrap\">Potvrdenie objedn\u00e1vky<\/span>\n            <\/div>\n            <p id=\"modal-email-subtitle\" class=\"text-[10px] text-slate-400 truncate\">Skontrolujte obsah spr\u00e1vy a platobn\u00fd QR k\u00f3d pred odoslan\u00edm na e-mail klienta<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"flex items-center gap-2 flex-shrink-0\">\n          <button type=\"button\" id=\"modal-email-send-top-btn\" onclick=\"confirmSendEmailFromModal()\" class=\"px-3.5 py-1.5 bg-emerald-600 hover:bg-emerald-700 text-white text-xs font-bold rounded-lg shadow-sm flex items-center gap-1.5 cursor-pointer transition-all active:scale-95\">\n            <span id=\"modal-email-send-top-label\">\u2709\ufe0f Odosla\u0165 e-mail z\u00e1kazn\u00edkovi<\/span>\n          <\/button>\n          <button onclick=\"closeEmailPreviewModal()\" class=\"text-slate-400 hover:text-white text-2xl font-bold leading-none p-1 cursor-pointer ml-1\">&times;<\/button>\n        <\/div>\n      <\/div>\n\n      <!-- Banner: Inform\u00e1cia o predch\u00e1dzaj\u00facom odoslan\u00ed e-mailu z\u00e1kazn\u00edkovi -->\n      <div id=\"modal-email-already-sent-banner\" class=\"hidden bg-amber-50 border-b border-amber-300 px-5 py-2 text-xs text-amber-950 flex flex-wrap items-center justify-between gap-2 flex-shrink-0\">\n        <div class=\"flex items-center gap-2\">\n          <span class=\"text-base flex-shrink-0\">\u26a0\ufe0f<\/span>\n          <div>\n            <span class=\"font-bold text-amber-900\">Upozornenie:<\/span>\n            <span id=\"modal-email-sent-info-text\">Tento e-mail u\u017e bol z\u00e1kazn\u00edkovi odoslan\u00fd.<\/span>\n          <\/div>\n        <\/div>\n        <span id=\"modal-email-sent-count-badge\" class=\"px-2 py-0.5 rounded text-[10px] font-bold bg-amber-200 text-amber-900 border border-amber-300\">U\u017e odoslan\u00e9<\/span>\n      <\/div>\n\n      <!-- Metadata Bar (Kompaktn\u00fd jednoriadkov\u00fd preh\u013ead) -->\n      <div class=\"bg-slate-50 border-b border-slate-200 px-5 py-2 text-xs flex flex-wrap items-center justify-between gap-x-4 gap-y-1 font-mono text-slate-700 flex-shrink-0\">\n        <div class=\"flex items-center gap-3 flex-wrap\">\n          <div><strong class=\"text-slate-500 font-sans\">Komu:<\/strong> <span id=\"modal-email-to\" class=\"text-slate-900 font-semibold font-sans\"><\/span><\/div>\n          <div><strong class=\"text-slate-500 font-sans\">Predmet:<\/strong> <span id=\"modal-email-subject\" class=\"text-blue-900 font-bold font-sans\"><\/span><\/div>\n        <\/div>\n        <div class=\"flex items-center gap-1.5 flex-wrap\">\n          <strong class=\"text-slate-500 font-sans\">Pr\u00edlohy (Trvanliv\u00fd nosi\u010d SOI):<\/strong>\n          <button type=\"button\" onclick=\"openOrderPdfModalFromEmail()\" class=\"inline-flex items-center gap-1.5 bg-white hover:bg-blue-50 text-blue-700 hover:text-blue-900 px-2 py-0.5 rounded border border-blue-300 font-sans text-[11px] font-bold cursor-pointer transition-all shadow-2xs\" title=\"Zobrazi\u0165 a skontrolova\u0165 vygenerovan\u00fd PDF doklad\">\n            <span id=\"modal-email-attachment\">Doklad_Objednavka.pdf<\/span>\n            <span id=\"modal-email-attachment-btn-text\" class=\"text-[9.5px] bg-blue-100 text-blue-800 px-1.5 py-0.2 rounded font-semibold border border-blue-200\">\ud83d\udc41\ufe0f Zobrazi\u0165<\/span>\n          <\/button>\n          <button type=\"button\" onclick=\"openTermsModal('vop')\" class=\"inline-flex items-center gap-1 bg-amber-50 hover:bg-amber-100 text-amber-900 px-2 py-0.5 rounded border border-amber-300 font-sans text-[10.5px] font-bold cursor-pointer transition-all shadow-2xs\" title=\"Z\u00e1konn\u00e1 pr\u00edloha: V\u0161eobecn\u00e9 obchodn\u00e9 podmienky (PDF)\">\n            <span id=\"modal-email-vop-pill-text\">\ud83d\udcc4 VOP (PDF)<\/span>\n          <\/button>\n          <button type=\"button\" onclick=\"openTermsModal('withdrawal')\" class=\"inline-flex items-center gap-1 bg-rose-50 hover:bg-rose-100 text-rose-900 px-2 py-0.5 rounded border border-rose-300 font-sans text-[10.5px] font-bold cursor-pointer transition-all shadow-2xs\" title=\"Z\u00e1konn\u00e1 pr\u00edloha: Vzorov\u00fd formul\u00e1r na odst\u00fapenie od zmluvy (PDF)\">\n            <span>\ud83d\udcc4 Odst\u00fapenie 14 dn\u00ed (PDF)<\/span>\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <!-- Platobn\u00fd QR k\u00f3d & Konfigur\u00e1cia prevodu (Zobraz\u00ed sa pri potvrden\u00ed objedn\u00e1vky s prevodom alebo na vy\u017eiadanie) -->\n      <div id=\"modal-email-qr-config\" class=\"bg-amber-50\/95 border-b border-amber-200 px-5 py-2.5 text-xs flex-shrink-0\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <div class=\"flex-1 space-y-1.5\">\n            <div class=\"flex flex-wrap items-center justify-between gap-2\">\n              <div class=\"flex items-center gap-2\">\n                <span class=\"text-sm\">\ud83d\udcb3<\/span>\n                <span class=\"font-bold text-amber-950\">Platobn\u00fd QR k\u00f3d (Bankov\u00fd prevod):<\/span>\n                <label class=\"inline-flex items-center gap-1.5 cursor-pointer ml-1 select-none\">\n                  <input type=\"checkbox\" id=\"modal-qr-checkbox\" checked onchange=\"updateLiveEmailQrCode('modal-qr-checkbox')\" class=\"rounded text-amber-600 focus:ring-amber-500 w-3.5 h-3.5 cursor-pointer\">\n                  <span class=\"text-[11px] font-bold text-amber-900\">Vlo\u017ei\u0165 QR k\u00f3d do e-mailu<\/span>\n                <\/label>\n              <\/div>\n              <div class=\"flex items-center gap-1.5 text-[10.5px]\">\n                <span class=\"text-amber-800 font-semibold\">Predvo\u013eby:<\/span>\n                <button type=\"button\" onclick=\"setModalQrPreset('company')\" class=\"px-2 py-0.5 bg-white hover:bg-amber-100 text-amber-900 border border-amber-300 rounded font-bold cursor-pointer transition-colors shadow-2xs\">\u26a1 Firemn\u00fd IBAN<\/button>\n                <button type=\"button\" onclick=\"setModalQrPreset('revolut')\" class=\"px-2 py-0.5 bg-purple-100 hover:bg-purple-200 text-purple-900 border border-purple-300 rounded font-bold cursor-pointer transition-colors shadow-2xs\">\u26a1 Revolut IBAN (Test)<\/button>\n              <\/div>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 sm:grid-cols-4 gap-2 pt-0.5 text-[11px]\">\n              <div class=\"sm:col-span-2\">\n                <label class=\"block font-bold text-slate-700 text-[10px] mb-0.5\">IBAN pr\u00edjemcu platby:<\/label>\n                <input type=\"text\" id=\"modal-qr-input-iban\" value=\"\" oninput=\"updateLiveEmailQrCode('modal-qr-input-iban')\" placeholder=\"SK02 1100...\" class=\"w-full px-2.5 py-1 border border-slate-300 rounded-md bg-white text-slate-900 font-mono font-bold text-xs focus:ring-1 focus:ring-amber-500\">\n              <\/div>\n              <div>\n                <label class=\"block font-bold text-slate-700 text-[10px] mb-0.5\">Variabiln\u00fd symbol:<\/label>\n                <input type=\"text\" id=\"modal-qr-input-vs\" value=\"\" oninput=\"updateLiveEmailQrCode('modal-qr-input-vs')\" placeholder=\"1001\" class=\"w-full px-2.5 py-1 border border-slate-300 rounded-md bg-white text-slate-900 font-mono font-bold text-xs focus:ring-1 focus:ring-amber-500\">\n              <\/div>\n              <div>\n                <label class=\"block font-bold text-slate-700 text-[10px] mb-0.5\">Suma k \u00fahrade (\u20ac):<\/label>\n                <input type=\"number\" step=\"0.01\" id=\"modal-qr-input-amount\" value=\"\" oninput=\"updateLiveEmailQrCode('modal-qr-input-amount')\" placeholder=\"33.80\" class=\"w-full px-2.5 py-1 border border-slate-300 rounded-md bg-white text-slate-900 font-mono font-bold text-xs focus:ring-1 focus:ring-amber-500\">\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Mini \u017eiv\u00fd n\u00e1h\u013ead QR priamo v hornej li\u0161te pre okam\u017eit\u00fa kontrolu a skenovanie -->\n          <div id=\"modal-qr-live-thumb-box\" class=\"hidden sm:flex flex-col items-center justify-center p-1 bg-white border border-amber-300 rounded-xl shadow-2xs flex-shrink-0\" title=\"\u017div\u00fd n\u00e1h\u013ead platobn\u00e9ho QR k\u00f3du (Revolut \/ SEPA)\">\n            <img id=\"modal-qr-live-thumb\" src=\"\" alt=\"QR\" class=\"w-16 h-16 object-contain rounded\">\n            <span class=\"text-[8.5px] font-bold text-emerald-700 mt-0.5\">\u2713 QR akt\u00edvny<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Scrollable Email Content Body (S plnou podporou scrollovania a min-h-0) -->\n      <div id=\"modal-email-scroll-container\" class=\"p-3 sm:p-5 overflow-y-auto flex-1 min-h-0 bg-slate-100 flex justify-center items-start overscroll-contain\" tabindex=\"0\">\n        <div id=\"modal-email-body\" class=\"w-full max-w-[620px] bg-white rounded-2xl shadow border border-slate-200 overflow-hidden text-slate-800 text-xs\">\n          <!-- Dynamicky renderovan\u00fd e-mail -->\n        <\/div>\n      <\/div>\n\n      <!-- Footer Bar -->\n      <div class=\"px-5 py-2.5 bg-slate-50 border-t border-slate-200 flex items-center justify-between flex-shrink-0\">\n        <div class=\"text-[11px] text-slate-500 flex items-center gap-1.5\">\n          <span>\ud83d\udd12<\/span> E-mail sa odosiela cez zabezpe\u010den\u00fd server s SPF & DKIM podpisom dom\u00e9ny.\n        <\/div>\n        <div class=\"flex items-center gap-2\">\n          <button type=\"button\" onclick=\"closeEmailPreviewModal()\" class=\"px-3.5 py-1.5 bg-slate-200 hover:bg-slate-300 text-slate-700 text-xs font-semibold rounded-lg cursor-pointer\">\n            Zavrie\u0165\n          <\/button>\n          <button type=\"button\" id=\"modal-email-send-footer-btn\" onclick=\"confirmSendEmailFromModal()\" class=\"px-4 py-1.5 bg-emerald-600 hover:bg-emerald-700 text-white text-xs font-bold rounded-lg shadow-sm cursor-pointer flex items-center gap-1.5 active:scale-95 transition-all\">\n            <span id=\"modal-email-send-footer-label\">\u2709\ufe0f Odosla\u0165 e-mail z\u00e1kazn\u00edkovi<\/span>\n          <\/button>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- ======================================================== -->\n  <!-- MODAL 7: R\u00ddCHLA PLATBA & QR GENER\u00c1TOR DOPLATKOV          -->\n  <!-- ======================================================== -->\n  <div id=\"quick-pay-modal\" class=\"marlu-shop-app-root marlu-shop-modal-wrap fixed inset-0 bg-black\/60 backdrop-blur-sm z-50 flex items-center justify-center p-3 sm:p-4 hidden\">\n    <div class=\"bg-white rounded-2xl sm:rounded-3xl max-w-2xl w-full shadow-2xl border border-slate-200 overflow-hidden flex flex-col max-h-[92vh]\">\n      <!-- Header -->\n      <div class=\"bg-gradient-to-r from-purple-700 via-indigo-700 to-slate-900 text-white px-5 py-3.5 flex items-center justify-between flex-shrink-0\">\n        <div class=\"flex items-center gap-2.5\">\n          <span class=\"text-xl\">\u26a1<\/span>\n          <div>\n            <h3 class=\"text-xs sm:text-sm font-bold flex items-center gap-2\">\n              <span>QR Platobn\u00fd gener\u00e1tor & R\u00fdchly doplatok<\/span>\n              <span class=\"px-2 py-0.5 rounded-full text-[10px] font-bold bg-purple-500 text-white\">Revolut \/ SEPA<\/span>\n            <\/h3>\n            <p class=\"text-[10px] text-purple-200\">Vygenerujte okam\u017eit\u00fd QR k\u00f3d alebo webov\u00fd odkaz na \u00fahradu nad\u0161tandardn\u00fdch slu\u017eieb a sp\u00e4tn\u00e9ho po\u0161tovn\u00e9ho<\/p>\n          <\/div>\n        <\/div>\n        <button onclick=\"closeQuickPayModal()\" class=\"text-purple-300 hover:text-white text-2xl font-bold leading-none p-1 cursor-pointer\">&times;<\/button>\n      <\/div>\n\n      <!-- Body -->\n      <div class=\"p-4 sm:p-6 bg-slate-50 overflow-y-auto flex-1 space-y-4\">\n        <!-- R\u00fdchle predvo\u013eby (Presets) -->\n        <div>\n          <label class=\"block text-xs font-bold text-slate-700 mb-1.5\">\u26a1 R\u00fdchle \u0161abl\u00f3ny pre naj\u010dastej\u0161ie doplatky:<\/label>\n          <div class=\"flex flex-wrap gap-1.5\">\n            <button type=\"button\" onclick=\"setQuickPayPreset(3.60, 'Sp\u00e4tn\u00e9 po\u0161tovn\u00e9 RMA Packeta')\" class=\"px-2.5 py-1 bg-white hover:bg-purple-50 text-slate-700 hover:text-purple-900 border border-slate-200 hover:border-purple-300 rounded-lg text-xs font-semibold cursor-pointer transition-all shadow-2xs\">\n              \ud83d\udce6 Sp\u00e4tn\u00e9 po\u0161tovn\u00e9 RMA (3,60 \u20ac)\n            <\/button>\n            <button type=\"button\" onclick=\"setQuickPayPreset(4.90, 'Doplnkov\u00e9 u\u010debn\u00e9 karti\u010dky')\" class=\"px-2.5 py-1 bg-white hover:bg-purple-50 text-slate-700 hover:text-purple-900 border border-slate-200 hover:border-purple-300 rounded-lg text-xs font-semibold cursor-pointer transition-all shadow-2xs\">\n              \ud83d\udcda Doplnkov\u00e9 karti\u010dky (4,90 \u20ac)\n            <\/button>\n            <button type=\"button\" onclick=\"setQuickPayPreset(2.50, 'Dar\u010dekov\u00e9 balenie s venovan\u00edm')\" class=\"px-2.5 py-1 bg-white hover:bg-purple-50 text-slate-700 hover:text-purple-900 border border-slate-200 hover:border-purple-300 rounded-lg text-xs font-semibold cursor-pointer transition-all shadow-2xs\">\n              \u2728 Dar\u010dekov\u00e9 balenie (2,50 \u20ac)\n            <\/button>\n            <button type=\"button\" onclick=\"setQuickPayPreset(3.00, 'Expresn\u00e1 prednostn\u00e1 exped\u00edcia')\" class=\"px-2.5 py-1 bg-white hover:bg-purple-50 text-slate-700 hover:text-purple-900 border border-slate-200 hover:border-purple-300 rounded-lg text-xs font-semibold cursor-pointer transition-all shadow-2xs\">\n              \ud83d\ude80 Expresn\u00e1 exped\u00edcia (3,00 \u20ac)\n            <\/button>\n          <\/div>\n        <\/div>\n\n        <!-- Formul\u00e1rov\u00e9 polia -->\n        <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-3 bg-white p-4 rounded-xl border border-slate-200 shadow-2xs\">\n          <div>\n            <label class=\"block text-xs font-bold text-slate-700 mb-1\">Suma k \u00fahrade (\u20ac) <span class=\"text-rose-500\">*<\/span><\/label>\n            <input type=\"number\" step=\"0.01\" id=\"qp-amount\" value=\"3.60\" oninput=\"updateQuickPayQr()\" class=\"w-full px-3 py-1.5 border border-slate-300 rounded-lg text-xs font-bold font-mono focus:ring-1 focus:ring-purple-500\">\n          <\/div>\n          <div>\n            <label class=\"block text-xs font-bold text-slate-700 mb-1\">Variabiln\u00fd symbol<\/label>\n            <input type=\"text\" id=\"qp-vs\" value=\"1001\" oninput=\"updateQuickPayQr()\" class=\"w-full px-3 py-1.5 border border-slate-300 rounded-lg text-xs font-bold font-mono focus:ring-1 focus:ring-purple-500\">\n          <\/div>\n          <div>\n            <label class=\"block text-xs font-bold text-slate-700 mb-1\">Cie\u013eov\u00fd \u00fa\u010det (IBAN)<\/label>\n            <select id=\"qp-account-type\" onchange=\"updateQuickPayQr()\" class=\"w-full px-2.5 py-1.5 border border-slate-300 rounded-lg text-xs font-semibold focus:ring-1 focus:ring-purple-500 bg-white\">\n              <option value=\"company\">Firemn\u00fd \u00fa\u010det (Tatra banka)<\/option>\n              <option value=\"revolut\">Revolut Business IBAN<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"sm:col-span-3\">\n            <label class=\"block text-xs font-bold text-slate-700 mb-1\">D\u00f4vod platby \/ Spr\u00e1va pre pr\u00edjemcu<\/label>\n            <input type=\"text\" id=\"qp-reason\" value=\"Sp\u00e4tn\u00e9 po\u0161tovn\u00e9 RMA Packeta #1001\" oninput=\"updateQuickPayQr()\" class=\"w-full px-3 py-1.5 border border-slate-300 rounded-lg text-xs font-medium focus:ring-1 focus:ring-purple-500\">\n          <\/div>\n        <\/div>\n\n        <!-- \u017div\u00fd v\u00fdstup s QR k\u00f3dom a tla\u010didlami -->\n        <div class=\"bg-purple-50\/80 border-2 border-purple-200 rounded-2xl p-4 sm:p-5 flex flex-col sm:flex-row items-center gap-5\">\n          <div class=\"flex flex-col items-center flex-shrink-0 bg-white p-2.5 rounded-xl border border-purple-200 shadow-sm\">\n            <img id=\"qp-live-qr-img\" src=\"\" alt=\"Platobn\u00fd QR k\u00f3d\" class=\"w-36 h-36 object-contain rounded-lg\">\n            <span class=\"text-[9.5px] font-bold text-purple-900 mt-1.5\">\u2713 Okam\u017eit\u00e1 identifik\u00e1cia<\/span>\n          <\/div>\n          <div class=\"flex-1 space-y-3 w-full text-xs\">\n            <div>\n              <div class=\"text-[10px] font-bold uppercase tracking-wider text-purple-900\">Vygenerovan\u00fd webov\u00fd platobn\u00fd odkaz:<\/div>\n              <div class=\"mt-1 flex items-center gap-1.5\">\n                <input type=\"text\" id=\"qp-link-url\" readonly value=\"\" class=\"w-full px-2.5 py-1.5 bg-white border border-purple-300 rounded-lg font-mono text-[11px] text-slate-800 select-all\">\n                <button type=\"button\" onclick=\"copyQuickPayLink()\" class=\"px-3 py-1.5 bg-purple-600 hover:bg-purple-700 text-white rounded-lg font-bold whitespace-nowrap cursor-pointer transition-all active:scale-95 flex items-center gap-1 shadow-2xs\">\n                  <span>\ud83d\udccb Kop\u00edrova\u0165<\/span>\n                <\/button>\n              <\/div>\n            <\/div>\n\n            <div class=\"pt-2 border-t border-purple-200 flex flex-wrap gap-2\">\n              <button type=\"button\" onclick=\"downloadQuickPayQrPng()\" class=\"px-3.5 py-1.5 bg-white hover:bg-purple-100 text-purple-900 border border-purple-300 rounded-xl font-bold cursor-pointer transition-all shadow-2xs flex items-center gap-1.5\">\n                <span>\ud83d\udce5 Stiahnu\u0165 QR k\u00f3d (PNG)<\/span>\n              <\/button>\n              <button type=\"button\" onclick=\"openCustomerPayPageFromQuickPay()\" class=\"px-3 py-1.5 bg-white hover:bg-slate-100 text-slate-700 border border-slate-300 rounded-xl font-semibold cursor-pointer transition-all shadow-2xs flex items-center gap-1\">\n                <span>\ud83d\udc41\ufe0f Z\u00e1kazn\u00edcka str\u00e1nka<\/span>\n              <\/button>\n              <button type=\"button\" onclick=\"openQuickPayEmail()\" class=\"px-3.5 py-1.5 bg-indigo-600 hover:bg-indigo-700 text-white rounded-xl font-bold cursor-pointer transition-all shadow-2xs flex items-center gap-1.5\">\n                <span>\u2709\ufe0f Vlo\u017ei\u0165 do e-mailu<\/span>\n              <\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Footer -->\n      <div class=\"px-5 py-2.5 bg-slate-50 border-t border-slate-200 flex items-center justify-between flex-shrink-0\">\n        <span class=\"text-[11px] text-slate-500\">QR k\u00f3d je kompatibiln\u00fd so slovensk\u00fdmi bankami aj aplik\u00e1ciou Revolut.<\/span>\n        <button type=\"button\" onclick=\"closeQuickPayModal()\" class=\"px-4 py-1.5 bg-slate-200 hover:bg-slate-300 text-slate-700 text-xs font-bold rounded-xl cursor-pointer\">\n          Zatvori\u0165\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ======================================================== -->\n  <!-- MODAL 8: Z\u00c1KAZN\u00cdCKA WEBOV\u00c1 PLATOBN\u00c1 STR\u00c1NKA (PAY PAGE)   -->\n  <!-- ======================================================== -->\n  <div id=\"customer-pay-page-modal\" class=\"marlu-shop-app-root marlu-shop-modal-wrap fixed inset-0 bg-black\/60 backdrop-blur-sm z-50 flex items-center justify-center p-3 sm:p-4 hidden\">\n    <div class=\"bg-white rounded-3xl max-w-md w-full shadow-2xl border border-slate-200 overflow-hidden flex flex-col max-h-[92vh]\">\n      <!-- Browser Mockup Bar -->\n      <div class=\"bg-slate-900 text-white px-4 py-2.5 flex items-center justify-between text-xs flex-shrink-0\">\n        <div class=\"flex items-center gap-2 text-slate-400\">\n          <span class=\"w-2.5 h-2.5 rounded-full bg-rose-500\"><\/span>\n          <span class=\"w-2.5 h-2.5 rounded-full bg-amber-500\"><\/span>\n          <span class=\"w-2.5 h-2.5 rounded-full bg-emerald-500\"><\/span>\n          <span id=\"paypage-browser-url\" class=\"font-mono text-[10.5px] text-slate-300 ml-2\">https:\/\/slovencina.org\/platba\/?objednavka=1001<\/span>\n        <\/div>\n        <button onclick=\"closeCustomerPayPageModal()\" class=\"text-slate-400 hover:text-white text-xl font-bold leading-none cursor-pointer\">&times;<\/button>\n      <\/div>\n\n      <!-- Customer View Body -->\n      <div class=\"p-5 sm:p-6 bg-slate-50 overflow-y-auto flex-1 space-y-4\">\n        <!-- Shop Header -->\n        <div class=\"text-center pb-3 border-b border-slate-200\">\n          <div class=\"text-[10px] font-extrabold uppercase tracking-widest text-[#0f766e]\">Sloven\u010dina s Ani<\/div>\n          <h3 id=\"paypage-title\" class=\"text-base font-black text-slate-900 mt-0.5\">Platba k objedn\u00e1vke #1001<\/h3>\n          <p id=\"paypage-subtitle\" class=\"text-xs text-slate-500 mt-0.5\">Zvo\u013ete si r\u00fdchlu \u00fahradu cez QR k\u00f3d alebo skop\u00edrujte \u00fadaje k prevodu<\/p>\n        <\/div>\n\n        <!-- Suma Box -->\n        <div class=\"bg-white p-4 rounded-2xl border border-teal-200 shadow-sm text-center\">\n          <div id=\"paypage-amount-label\" class=\"text-xs font-semibold text-slate-500\">Celkov\u00e1 suma k \u00fahrade:<\/div>\n          <div id=\"paypage-amount\" class=\"text-2xl font-black text-[#0f766e] mt-0.5\">33,80 \u20ac<\/div>\n          <span id=\"paypage-status-badge\" class=\"inline-block mt-1 px-2.5 py-0.5 rounded-full text-[10px] font-bold bg-amber-100 text-amber-800\">\n            \u23f3 \u010cak\u00e1 na prip\u00edsanie platby\n          <\/span>\n        <\/div>\n\n        <!-- Box potvrdenia prijatej platby (zobraz\u00ed sa po uhraden\u00ed) -->\n        <div id=\"paypage-paid-box\" class=\"hidden bg-emerald-50\/90 border-2 border-emerald-500 rounded-2xl p-5 text-center text-emerald-950 space-y-2.5 shadow-xs\">\n          <div class=\"text-3xl\">\u2705<\/div>\n          <div class=\"font-black text-sm uppercase tracking-wide\">Platba \u00faspe\u0161ne prijat\u00e1 a zaevidovan\u00e1<\/div>\n          <div id=\"paypage-paid-desc\" class=\"text-xs text-emerald-800 leading-relaxed\">\n            \u00dahrada bola \u00faspe\u0161ne sp\u00e1rovan\u00e1 s va\u0161ou objedn\u00e1vkou. Va\u0161u z\u00e1sielku moment\u00e1lne bal\u00edme a pripravujeme na exped\u00edciu.\n          <\/div>\n          <div id=\"paypage-invoice-download-btn-wrap\" class=\"pt-2\"><\/div>\n        <\/div>\n\n        <!-- Platobn\u00fd QR Box (zobraz\u00ed sa pri neplatenej objedn\u00e1vke) -->\n        <div id=\"paypage-qr-box\" class=\"bg-white p-4 rounded-2xl border border-slate-200 shadow-sm flex flex-col items-center text-center space-y-3\">\n          <div class=\"p-2 border-2 border-teal-400 rounded-xl bg-teal-50\/50\">\n            <img id=\"paypage-qr-img\" src=\"\" alt=\"QR\" class=\"w-40 h-40 object-contain rounded\">\n          <\/div>\n          <div>\n            <div class=\"text-xs font-bold text-slate-800\">\ud83d\udcf1 Naskenujte v Revolut alebo aplik\u00e1cii va\u0161ej banky<\/div>\n            <div class=\"text-[11px] text-slate-500 mt-0.5\">George, Tatra banka, V\u00daB, \u010cSOB, mBank<\/div>\n          <\/div>\n          <button type=\"button\" onclick=\"downloadPayPageQr()\" class=\"px-3.5 py-1.5 bg-slate-100 hover:bg-slate-200 text-slate-700 rounded-xl text-xs font-bold cursor-pointer transition-all border border-slate-200 flex items-center gap-1.5\">\n            <span>\ud83d\udce5 Stiahnu\u0165 QR k\u00f3d (PNG)<\/span>\n          <\/button>\n        <\/div>\n\n        <!-- Bankov\u00e9 \u00fadaje s tla\u010didlami na kop\u00edrovanie -->\n        <div class=\"bg-white p-4 rounded-2xl border border-slate-200 shadow-sm space-y-2.5 text-xs\">\n          <div>\n            <div class=\"text-[10px] font-bold text-slate-500 uppercase\">\u010c\u00edslo \u00fa\u010dtu (IBAN):<\/div>\n            <div class=\"flex items-center justify-between gap-2 mt-0.5\">\n              <span id=\"paypage-iban\" class=\"font-mono font-bold text-slate-900 text-xs\">SK02 1100 0000 0029 4317 2528<\/span>\n              <button type=\"button\" onclick=\"copyPayIban()\" class=\"px-2 py-1 bg-teal-50 hover:bg-teal-100 text-teal-800 border border-teal-200 rounded font-bold text-[10.5px] cursor-pointer\">\n                \ud83d\udccb Kop\u00edrova\u0165\n              <\/button>\n            <\/div>\n          <\/div>\n          <div class=\"pt-2 border-t border-slate-100\">\n            <div class=\"text-[10px] font-bold text-slate-500 uppercase\">Variabiln\u00fd symbol:<\/div>\n            <div class=\"flex items-center justify-between gap-2 mt-0.5\">\n              <span id=\"paypage-vs\" class=\"font-mono font-bold text-slate-900 text-xs\">1001<\/span>\n              <button type=\"button\" onclick=\"copyPayVs()\" class=\"px-2 py-1 bg-teal-50 hover:bg-teal-100 text-teal-800 border border-teal-200 rounded font-bold text-[10.5px] cursor-pointer\">\n                \ud83d\udccb Kop\u00edrova\u0165\n              <\/button>\n            <\/div>\n          <\/div>\n          <div class=\"pt-2 border-t border-slate-100\">\n            <div class=\"text-[10px] font-bold text-slate-500 uppercase\">Pr\u00edjemca platby:<\/div>\n            <span id=\"paypage-recipient\" class=\"font-semibold text-slate-800 text-xs\">MARLU PRODUCTION s. r. o.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Footer -->\n      <div class=\"px-5 py-3 bg-white border-t border-slate-200 flex justify-center\">\n        <button type=\"button\" onclick=\"closeCustomerPayPageModal()\" class=\"w-full py-2 bg-slate-800 hover:bg-slate-900 text-white text-xs font-bold rounded-xl cursor-pointer\">\n          Zatvori\u0165 n\u00e1h\u013ead platobnej str\u00e1nky\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ======================================================== -->\n  <!-- MODAL 9: SPR\u00c1VA FAKT\u00daRY (FA) & DOKLADOV\u00c9 CENTRUM         -->\n  <!-- ======================================================== -->\n  <div id=\"kross-invoice-modal\" class=\"marlu-shop-app-root marlu-shop-modal-wrap fixed inset-0 bg-black\/60 backdrop-blur-sm z-[70] flex items-center justify-center p-3 sm:p-4 hidden\">\n    <div class=\"bg-white rounded-3xl max-w-lg w-full shadow-2xl border border-slate-200 overflow-hidden flex flex-col\">\n      <!-- Header -->\n      <div class=\"bg-gradient-to-r from-slate-900 via-indigo-950 to-purple-900 text-white px-5 py-4 flex items-center justify-between\">\n        <div class=\"flex items-center gap-2.5\">\n          <span class=\"text-xl\">\ud83e\uddfe<\/span>\n          <div>\n            <h3 class=\"text-sm font-bold flex items-center gap-2\">\n              <span>Fakt\u00fara k objedn\u00e1vke<\/span>\n              <span id=\"kross-modal-order-id-badge\" class=\"font-mono text-purple-200\">#1001<\/span>\n            <\/h3>\n            <p class=\"text-[10px] text-purple-200\">Spr\u00e1va riadneho da\u0148ov\u00e9ho dokladu (FA) a overenie \u00fahrady<\/p>\n          <\/div>\n        <\/div>\n        <button onclick=\"closeAttachKrossInvoiceModal()\" class=\"text-purple-300 hover:text-white text-2xl font-bold leading-none cursor-pointer\">&times;<\/button>\n      <\/div>\n\n      <!-- Body -->\n      <div class=\"p-5 sm:p-6 bg-slate-50 space-y-3.5 text-xs\">\n        \n        <!-- Stavov\u00fd semafor & inform\u00e1cia o stave objedn\u00e1vky -->\n        <div class=\"bg-white p-3.5 rounded-xl border border-slate-200 shadow-2xs space-y-2\">\n          <div class=\"flex items-center justify-between gap-2 border-b border-slate-100 pb-2\">\n            <span class=\"text-slate-500 font-medium\">Stav fakt\u00fary & \u00fahrady:<\/span>\n            <div id=\"kross-modal-order-status-badge\" class=\"px-2.5 py-0.5 rounded-full text-[11px] font-bold bg-amber-100 text-amber-900 border border-amber-300 flex items-center gap-1.5\">\n              <span class=\"w-2 h-2 rounded-full bg-amber-500 animate-pulse\"><\/span> Zaplaten\u00e1 \u2013 \u010cak\u00e1 na nahratie FA\n            <\/div>\n          <\/div>\n          <div class=\"grid grid-cols-2 gap-2 text-[11px]\">\n            <div><span class=\"text-slate-500\">Z\u00e1kazn\u00edk:<\/span> <strong id=\"kross-modal-customer\" class=\"text-slate-900 block truncate\">Marek Nov\u00e1k<\/strong><\/div>\n            <div><span class=\"text-slate-500\">Suma k \u00fahrade:<\/span> <strong id=\"kross-modal-amount\" class=\"text-emerald-700 font-bold block\">33,80 \u20ac<\/strong><\/div>\n          <\/div>\n        <\/div>\n\n        <!-- ALERT: \u010cerven\u00e1 (Neplaten\u00e9) -->\n        <div id=\"invoice-alert-unpaid\" class=\"hidden p-3.5 bg-rose-50 border border-rose-300 rounded-xl text-rose-950 space-y-1\">\n          <div class=\"font-bold flex items-center gap-1.5 text-xs text-rose-900\">\n            <span class=\"w-2.5 h-2.5 rounded-full bg-rose-500 inline-block shadow-[0_0_6px_rgba(244,63,94,0.6)]\"><\/span>\n            <span>\ud83d\udd34 Neplaten\u00e9: Fakt\u00faru zatia\u013e nevytv\u00e1ra\u0165!<\/span>\n          <\/div>\n          <p class=\"text-[11px] text-rose-800 leading-relaxed\">\n            Objedn\u00e1vka e\u0161te nie je zaplaten\u00e1. Riadny da\u0148ov\u00fd doklad vystavte a\u017e po prijat\u00ed \u00fahrady na \u00fa\u010det. Ak z\u00e1kazn\u00edk u\u017e platbu uhradil, nahrajte fakt\u00faru ni\u017e\u0161ie \u2013 objedn\u00e1vka sa automaticky ozna\u010d\u00ed ako <strong>ZAPLATEN\u00c1<\/strong>.\n          <\/p>\n        <\/div>\n\n        <!-- ALERT: Oran\u017eov\u00e1 (Zaplaten\u00e1 \u2013 Ch\u00fdba nahratie FA) -->\n        <div id=\"invoice-alert-pending\" class=\"p-3.5 bg-amber-50 border border-amber-300 rounded-xl text-amber-950 space-y-1\">\n          <div class=\"font-bold flex items-center gap-1.5 text-xs text-amber-900\">\n            <span class=\"w-2.5 h-2.5 rounded-full bg-amber-500 animate-pulse inline-block shadow-[0_0_6px_rgba(245,158,11,0.7)]\"><\/span>\n            <span>\ud83d\udfe0 Zaplaten\u00e1: Ch\u00fdba fakt\u00fara (vy\u017eaduje sa nahratie FA)<\/span>\n          <\/div>\n          <p class=\"text-[11px] text-amber-800 leading-relaxed\">\n            Platba za objedn\u00e1vku bola prijat\u00e1. Vystavte da\u0148ov\u00fd doklad vo va\u0161om \u00fa\u010dtovnom programe (Online Kross, SuperFakt\u00fara, Pohoda at\u010f.) a nahrajte vygenerovan\u00fd PDF s\u00fabor sem.\n          <\/p>\n        <\/div>\n\n        <!-- ALERT: Zelen\u00e1 (Fakt\u00fara overen\u00e1) -->\n        <div id=\"invoice-alert-verified\" class=\"hidden p-3.5 bg-emerald-50 border border-emerald-300 rounded-xl text-emerald-950 space-y-2\">\n          <div class=\"flex items-center justify-between flex-wrap gap-2\">\n            <div class=\"font-bold flex items-center gap-1.5 text-xs text-emerald-900\">\n              <span class=\"w-2.5 h-2.5 rounded-full bg-emerald-500 inline-block shadow-[0_0_6px_rgba(16,185,129,0.7)]\"><\/span>\n              <span>\ud83d\udfe2 Fakt\u00fara overen\u00e1 a priraden\u00e1 k objedn\u00e1vke<\/span>\n            <\/div>\n            <button type=\"button\" onclick=\"closeAttachKrossInvoiceModal(); openOrderPdfModal(currentKrossTargetOrderId, 'invoice');\" class=\"px-2.5 py-1 bg-purple-600 hover:bg-purple-700 text-white rounded-lg text-xs font-bold inline-flex items-center gap-1 shadow-2xs cursor-pointer transition-all\">\n              <span>\ud83d\udc41\ufe0f Zobrazi\u0165 PDF fakt\u00faru<\/span>\n            <\/button>\n          <\/div>\n          <p class=\"text-[11px] text-emerald-800 leading-relaxed\">\n            K tejto objedn\u00e1vke je nahrat\u00e1 platn\u00e1 PDF fakt\u00fara. M\u00f4\u017eete ju kedyko\u013evek otvori\u0165, nahradi\u0165 nov\u00fdm s\u00faborom alebo odosla\u0165 z\u00e1kazn\u00edkovi v e-maile.\n          <\/p>\n        <\/div>\n\n        <!-- Sekcia nahratia \/ v\u00fdberu PDF fakt\u00fary -->\n        <div class=\"space-y-2 pt-1\">\n          <label class=\"block font-bold text-slate-800 text-xs\">S\u00fabor fakt\u00fary (PDF):<\/label>\n          \n          <input type=\"file\" id=\"kross-file-picker\" accept=\".pdf\" onchange=\"handleInvoiceFileSelected(event)\" class=\"hidden\">\n          \n          <div onclick=\"document.getElementById('kross-file-picker').click()\" class=\"border-2 border-dashed border-purple-300 hover:border-purple-500 bg-white hover:bg-purple-50\/40 p-3 rounded-xl cursor-pointer text-center transition-all group shadow-2xs\">\n            <div class=\"text-xl mb-0.5 group-hover:scale-110 transition-transform\">\ud83d\udcc4<\/div>\n            <div class=\"font-bold text-purple-950 text-xs\">Kliknite sem pre v\u00fdber PDF fakt\u00fary z disku<\/div>\n            <div class=\"text-[10px] text-slate-500 mt-0.5\">Podporovan\u00e9: .pdf (napr. stiahnut\u00e9 z Online Kross)<\/div>\n          <\/div>\n          \n          <div id=\"invoice-file-selected-info\" class=\"hidden text-[11px] font-bold text-emerald-700 bg-emerald-50 px-2.5 py-1 rounded-lg border border-emerald-200\"><\/div>\n\n          <div>\n            <label class=\"block font-medium text-slate-600 text-[10.5px] mb-1\">N\u00e1zov prilo\u017een\u00e9ho PDF s\u00faboru v syst\u00e9me \/ pr\u00edlohe e-mailu:<\/label>\n            <input type=\"text\" id=\"kross-modal-file-name\" value=\"\" placeholder=\"Faktura_1001.pdf\" class=\"w-full px-3 py-2 border border-slate-300 rounded-xl font-mono text-xs text-slate-800 bg-white focus:ring-1 focus:ring-purple-500\">\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Footer -->\n      <div class=\"px-5 py-3 bg-white border-t border-slate-200 flex flex-wrap items-center justify-between gap-2\">\n        <div>\n          <button type=\"button\" id=\"invoice-btn-delete\" onclick=\"deleteOrderInvoiceCurrent()\" class=\"hidden px-3 py-1.5 bg-rose-50 hover:bg-rose-100 text-rose-700 border border-rose-300 rounded-xl text-xs font-semibold cursor-pointer transition-all\">\n            \ud83d\uddd1\ufe0f Odstr\u00e1ni\u0165 fakt\u00faru\n          <\/button>\n        <\/div>\n        <div class=\"flex items-center gap-2\">\n          <button type=\"button\" onclick=\"closeAttachKrossInvoiceModal()\" class=\"px-3.5 py-1.5 bg-slate-200 hover:bg-slate-300 text-slate-700 font-bold text-xs rounded-xl cursor-pointer\">\n            Zru\u0161i\u0165\n          <\/button>\n          <button type=\"button\" onclick=\"confirmAttachKrossInvoice(false)\" class=\"px-3.5 py-1.5 bg-white hover:bg-slate-100 text-slate-800 border border-slate-300 font-bold text-xs rounded-xl cursor-pointer shadow-2xs\">\n            \ud83d\udcbe Ulo\u017ei\u0165 fakt\u00faru\n          <\/button>\n          <button type=\"button\" onclick=\"confirmAttachKrossInvoice(true)\" class=\"px-3.5 py-1.5 bg-purple-600 hover:bg-purple-700 text-white font-bold text-xs rounded-xl shadow cursor-pointer flex items-center gap-1.5 transition-all\">\n            <span>\u2709\ufe0f Ulo\u017ei\u0165 & E-mail<\/span>\n          <\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ======================================================== -->\n  <!-- MODAL 10: \u010cASOV\u00c1 OS OBJEDN\u00c1VKY & AUDIT LOG (TIMELINE HUB)-->\n  <!-- ======================================================== -->\n  <div id=\"order-timeline-modal\" class=\"marlu-shop-app-root marlu-shop-modal-wrap fixed inset-0 bg-black\/60 backdrop-blur-sm z-50 flex items-center justify-center p-3 sm:p-4 hidden\">\n    <div class=\"bg-white rounded-3xl max-w-2xl w-full shadow-2xl border border-slate-200 overflow-hidden flex flex-col max-h-[92vh]\">\n      \n      <!-- Top Action Bar -->\n      <div class=\"bg-gradient-to-r from-slate-900 via-indigo-950 to-slate-900 text-white px-5 sm:px-6 py-4 flex items-center justify-between flex-shrink-0\">\n        <div class=\"flex items-center gap-2.5\">\n          <span class=\"text-xl\">\ud83d\udd52<\/span>\n          <div>\n            <h3 class=\"text-sm font-bold flex items-center gap-2\">\n              <span>\u010casov\u00e1 os & hist\u00f3ria objedn\u00e1vky<\/span>\n              <span id=\"timeline-order-id-badge\" class=\"font-mono text-purple-200 font-bold\">#1001<\/span>\n            <\/h3>\n            <p id=\"timeline-order-subtitle\" class=\"text-[11px] text-slate-300\">Kompletn\u00fd audit log stavov, odoslan\u00fdch e-mailov a pripojen\u00fdch dokladov<\/p>\n          <\/div>\n        <\/div>\n        <button onclick=\"closeOrderTimelineModal()\" class=\"text-slate-400 hover:text-white text-2xl font-bold leading-none cursor-pointer\">&times;<\/button>\n      <\/div>\n\n      <!-- Quick Summary Card -->\n      <div class=\"bg-slate-50 border-b border-slate-200 px-5 py-3 text-xs flex flex-wrap items-center justify-between gap-3 flex-shrink-0\">\n        <div class=\"flex items-center gap-4 flex-wrap\">\n          <div><span class=\"text-slate-500\">Z\u00e1kazn\u00edk:<\/span> <strong id=\"timeline-customer-name\" class=\"text-slate-900\">Marek Nov\u00e1k<\/strong><\/div>\n          <div><span class=\"text-slate-500\">Suma:<\/span> <strong id=\"timeline-order-total\" class=\"text-emerald-700 font-bold\">33,80 \u20ac<\/strong><\/div>\n          <div><span class=\"text-slate-500\">Platba:<\/span> <strong id=\"timeline-payment-method\" class=\"text-slate-800\">Prevod na \u00fa\u010det<\/strong><\/div>\n        <\/div>\n        <div id=\"timeline-status-badge\" class=\"px-2.5 py-0.5 rounded-full text-[11px] font-bold bg-purple-100 text-purple-900 border border-purple-300\">\n          Zaplaten\u00e1 objedn\u00e1vka\n        <\/div>\n      <\/div>\n\n      <!-- Scrollable Timeline Body -->\n      <div class=\"p-5 sm:p-6 overflow-y-auto flex-1 bg-white space-y-6\">\n        <div id=\"timeline-events-container\" class=\"relative pl-6 space-y-6 before:absolute before:left-2.5 before:top-2 before:bottom-2 before:w-0.5 before:bg-slate-200\">\n          <!-- Dynamicky generovan\u00e9 udalosti \u010dasovej osi -->\n        <\/div>\n      <\/div>\n\n      <!-- Footer -->\n      <div class=\"px-5 py-3 bg-slate-50 border-t border-slate-200 flex items-center justify-between flex-shrink-0\">\n        <div class=\"text-[11px] text-slate-500 flex items-center gap-1.5\">\n          <span>\ud83d\udd12<\/span> V\u0161etky akcie a e-maily s\u00fa auditovan\u00e9 s \u010dasovou pe\u010diatkou.\n        <\/div>\n        <button type=\"button\" onclick=\"closeOrderTimelineModal()\" class=\"px-4 py-2 bg-slate-200 hover:bg-slate-300 text-slate-700 font-bold text-xs rounded-xl cursor-pointer\">\n          Zavrie\u0165\n        <\/button>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- MODAL: \u00daPRAVA OBJEDN\u00c1VKY V SIMUL\u00c1TORE -->\n  <div id=\"sim-order-edit-modal\" class=\"marlu-shop-app-root marlu-shop-modal-wrap fixed inset-0 bg-black\/60 backdrop-blur-sm z-50 flex items-center justify-center p-3 sm:p-4 hidden\">\n    <div class=\"bg-white rounded-3xl max-w-2xl w-full shadow-2xl border border-slate-200 overflow-hidden flex flex-col max-h-[92vh]\">\n      \n      <!-- Top Action Bar -->\n      <div class=\"bg-gradient-to-r from-slate-900 via-blue-950 to-slate-900 text-white px-5 sm:px-6 py-4 flex items-center justify-between flex-shrink-0\">\n        <div class=\"flex items-center gap-2.5\">\n          <span class=\"text-xl\">\u270f\ufe0f<\/span>\n          <div>\n            <h3 class=\"text-sm font-bold flex items-center gap-2\">\n              <span>\u00daprava objedn\u00e1vky<\/span>\n              <span id=\"sim-edit-order-id-badge\" class=\"font-mono text-blue-200 font-bold\">#1001<\/span>\n            <\/h3>\n            <p id=\"sim-edit-order-subtitle\" class=\"text-[11px] text-slate-300\">Zmena z\u00e1kazn\u00edckych \u00fadajov, adresy, Packeta v\u00fddajn\u00e9ho miesta a stavu<\/p>\n          <\/div>\n        <\/div>\n        <button type=\"button\" onclick=\"closeOrderEditModal()\" class=\"text-slate-400 hover:text-white text-2xl font-bold leading-none cursor-pointer\">&times;<\/button>\n      <\/div>\n\n      <form id=\"sim-order-edit-form\" onsubmit=\"event.preventDefault(); saveOrderEditModal();\" class=\"flex flex-col flex-1 overflow-hidden\">\n        <input type=\"hidden\" id=\"sim-edit-order-id\" value=\"\">\n\n        <!-- Modal Body -->\n        <div class=\"p-5 sm:p-6 overflow-y-auto space-y-4 text-xs\">\n          <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n            \n            <!-- Z\u00e1kazn\u00edcke \u00fadaje -->\n            <div class=\"bg-slate-50 p-4 rounded-2xl border border-slate-200 space-y-3\">\n              <h4 class=\"font-bold text-slate-800 text-xs uppercase tracking-wider flex items-center gap-1.5\">\n                <span>\ud83d\udc64<\/span> <span>Z\u00e1kazn\u00edk<\/span>\n              <\/h4>\n              <div>\n                <label class=\"block font-semibold text-slate-700 mb-1\">Meno a priezvisko<\/label>\n                <input type=\"text\" id=\"sim-edit-cust-name\" class=\"w-full text-xs px-3 py-2 border rounded-xl bg-white focus:ring-1 focus:ring-blue-500\" required>\n              <\/div>\n              <div>\n                <label class=\"block font-semibold text-slate-700 mb-1\">E-mail<\/label>\n                <input type=\"email\" id=\"sim-edit-cust-email\" class=\"w-full text-xs px-3 py-2 border rounded-xl bg-white focus:ring-1 focus:ring-blue-500\" required>\n              <\/div>\n              <div>\n                <label class=\"block font-semibold text-slate-700 mb-1\">Telef\u00f3nne \u010d\u00edslo<\/label>\n                <input type=\"text\" id=\"sim-edit-cust-phone\" class=\"w-full text-xs px-3 py-2 border rounded-xl bg-white focus:ring-1 focus:ring-blue-500\">\n              <\/div>\n            <\/div>\n\n            <!-- Doru\u010dovacia adresa -->\n            <div class=\"bg-slate-50 p-4 rounded-2xl border border-slate-200 space-y-3\">\n              <h4 class=\"font-bold text-slate-800 text-xs uppercase tracking-wider flex items-center gap-1.5\">\n                <span>\ud83d\udccd<\/span> <span>Doru\u010dovacia adresa<\/span>\n              <\/h4>\n              <div>\n                <label class=\"block font-semibold text-slate-700 mb-1\">Ulica a \u010d\u00edslo domu<\/label>\n                <input type=\"text\" id=\"sim-edit-street\" class=\"w-full text-xs px-3 py-2 border rounded-xl bg-white focus:ring-1 focus:ring-blue-500\">\n              <\/div>\n              <div class=\"grid grid-cols-3 gap-2\">\n                <div class=\"col-span-2\">\n                  <label class=\"block font-semibold text-slate-700 mb-1\">Mesto \/ Obec<\/label>\n                  <input type=\"text\" id=\"sim-edit-city\" class=\"w-full text-xs px-3 py-2 border rounded-xl bg-white focus:ring-1 focus:ring-blue-500\">\n                <\/div>\n                <div>\n                  <label class=\"block font-semibold text-slate-700 mb-1\">PS\u010c<\/label>\n                  <input type=\"text\" id=\"sim-edit-zip\" class=\"w-full text-xs px-3 py-2 border rounded-xl bg-white focus:ring-1 focus:ring-blue-500\">\n                <\/div>\n              <\/div>\n              <div>\n                <label class=\"block font-semibold text-slate-700 mb-1\">Packeta v\u00fddajn\u00e9 miesto \/ Z-BOX<\/label>\n                <input type=\"text\" id=\"sim-edit-packeta-point\" placeholder=\"napr. AlzaBox \/ Z-BOX...\" class=\"w-full text-xs px-3 py-2 border rounded-xl bg-white focus:ring-1 focus:ring-blue-500\">\n              <\/div>\n            <\/div>\n\n          <\/div>\n\n          <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n            <!-- Stav a platba -->\n            <div class=\"bg-slate-50 p-4 rounded-2xl border border-slate-200 space-y-3\">\n              <h4 class=\"font-bold text-slate-800 text-xs uppercase tracking-wider flex items-center gap-1.5\">\n                <span>\u2699\ufe0f<\/span> <span>Stav & Financie<\/span>\n              <\/h4>\n              <div>\n                <label class=\"block font-semibold text-slate-700 mb-1\">Stav objedn\u00e1vky<\/label>\n                <select id=\"sim-edit-status\" class=\"w-full text-xs px-3 py-2 border rounded-xl bg-white font-semibold cursor-pointer\">\n                  <option value=\"vytvoren\u00e1\">Vytvoren\u00e1 objedn\u00e1vka<\/option>\n                  <option value=\"predobjedn\u00e1vka\">\u23f3 Predobjedn\u00e1vka (vo v\u00fdrobe)<\/option>\n                  <option value=\"potvrden\u00e1\">Potvrden\u00e1 objedn\u00e1vka<\/option>\n                  <option value=\"zaplaten\u00e1\">Zaplaten\u00e1 objedn\u00e1vka<\/option>\n                  <option value=\"expedovan\u00e1\">Expedovan\u00e1 objedn\u00e1vka<\/option>\n                  <option value=\"vr\u00e1tenie\">\ud83d\udd04 Vr\u00e1tenie (14 dn\u00ed)<\/option>\n                  <option value=\"reklam\u00e1cia\">\ud83d\udee0\ufe0f Reklam\u00e1cia vady<\/option>\n                  <option value=\"stornovan\u00e1\">\ud83d\uded1 Storno pred odoslan\u00edm<\/option>\n                <\/select>\n              <\/div>\n              <div class=\"grid grid-cols-2 gap-2\">\n                <div>\n                  <label class=\"block font-semibold text-slate-700 mb-1\">Celkov\u00e1 suma (\u20ac)<\/label>\n                  <input type=\"text\" id=\"sim-edit-total\" class=\"w-full text-xs px-3 py-2 border rounded-xl bg-white font-bold text-[#1bb4b9]\" required>\n                <\/div>\n                <div>\n                  <label class=\"block font-semibold text-slate-700 mb-1\">Doprava<\/label>\n                  <select id=\"sim-edit-shipping\" class=\"w-full text-xs px-3 py-2 border rounded-xl bg-white cursor-pointer\">\n                    <option value=\"packeta\">Packeta<\/option>\n                    <option value=\"posta\">Slovensk\u00e1 po\u0161ta<\/option>\n                    <option value=\"kurier\">Kuri\u00e9r<\/option>\n                  <\/select>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Pozn\u00e1mka -->\n            <div class=\"bg-slate-50 p-4 rounded-2xl border border-slate-200 space-y-3\">\n              <h4 class=\"font-bold text-slate-800 text-xs uppercase tracking-wider flex items-center gap-1.5\">\n                <span>\ud83d\udcdd<\/span> <span>Pozn\u00e1mka<\/span>\n              <\/h4>\n              <div>\n                <label class=\"block font-semibold text-slate-700 mb-1\">Pozn\u00e1mka z\u00e1kazn\u00edka k objedn\u00e1vke<\/label>\n                <textarea id=\"sim-edit-note\" rows=\"4\" placeholder=\"Zadajte pozn\u00e1mku od z\u00e1kazn\u00edka...\" class=\"w-full text-xs px-3 py-2 border rounded-xl bg-white resize-none\"><\/textarea>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Footer -->\n        <div class=\"bg-slate-50 border-t border-slate-200 px-5 sm:px-6 py-3.5 flex items-center justify-between flex-shrink-0\">\n          <button type=\"button\" onclick=\"deleteSimulatorOrder(document.getElementById('sim-edit-order-id').value)\" class=\"text-xs px-3.5 py-2 bg-rose-50 hover:bg-rose-100 text-rose-700 border border-rose-300 font-bold rounded-xl transition-all cursor-pointer flex items-center gap-1.5\">\n            <span>\ud83d\uddd1\ufe0f Zmaza\u0165 objedn\u00e1vku<\/span>\n          <\/button>\n          <div class=\"flex items-center gap-2\">\n            <button type=\"button\" onclick=\"closeOrderEditModal()\" class=\"text-xs px-4 py-2 bg-white hover:bg-slate-100 text-slate-700 border border-slate-300 font-semibold rounded-xl transition-all cursor-pointer\">\n              Zru\u0161i\u0165\n            <\/button>\n            <button type=\"button\" onclick=\"saveOrderEditModal();\" id=\"sim-btn-save-order\" class=\"text-xs px-5 py-2 bg-[#1bb4b9] hover:bg-[#169ca1] text-white font-bold rounded-xl shadow-xs transition-all cursor-pointer flex items-center gap-1.5\">\n              <span>\ud83d\udcbe Ulo\u017ei\u0165 zmeny<\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/form>\n    <\/div>\n  <\/div>\n\n\n<\/div>\n<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>E-shop<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2598","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>E-shop - Slovencina.org<\/title>\n<meta name=\"description\" content=\"\u041a\u0443\u0440\u0441\u044b \u0441\u043b\u043e\u0432\u0430\u0446\u043a\u043e\u0433\u043e \u044f\u0437\u044b\u043a\u0430 \u0432\u0441\u0435\u0445 \u0443\u0440\u043e\u0432\u043d\u0435\u0439 \u0434\u043b\u044f \u0440\u0443\u0441\u0441\u043a\u043e\u0433\u043e\u0432\u043e\u0440\u044f\u0449\u0438\u0445 \u0432 slovencina.org | Kurzy sloven\u010diny (v\u0161etky \u00farovne) pre rusky hovoriacich\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/slovencina.org\/ru\/eshop\/\" \/>\n<meta property=\"og:locale\" content=\"ru_RU\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"E-shop - Slovencina.org\" \/>\n<meta property=\"og:description\" content=\"\u041a\u0443\u0440\u0441\u044b \u0441\u043b\u043e\u0432\u0430\u0446\u043a\u043e\u0433\u043e \u044f\u0437\u044b\u043a\u0430 \u0432\u0441\u0435\u0445 \u0443\u0440\u043e\u0432\u043d\u0435\u0439 \u0434\u043b\u044f \u0440\u0443\u0441\u0441\u043a\u043e\u0433\u043e\u0432\u043e\u0440\u044f\u0449\u0438\u0445 \u0432 slovencina.org | Kurzy sloven\u010diny (v\u0161etky \u00farovne) pre rusky hovoriacich\" \/>\n<meta property=\"og:url\" content=\"https:\/\/slovencina.org\/ru\/eshop\/\" \/>\n<meta property=\"og:site_name\" content=\"Slovencina.org\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/slovencinasani\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-16T21:51:16+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@slovencinasani\" \/>\n<meta name=\"twitter:label1\" content=\"\u041f\u0440\u0438\u043c\u0435\u0440\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f \u0447\u0442\u0435\u043d\u0438\u044f\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 \u043c\u0438\u043d\u0443\u0442\u0430\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/slovencina.org\\\/eshop\\\/\",\"url\":\"https:\\\/\\\/slovencina.org\\\/eshop\\\/\",\"name\":\"E-shop - Slovencina.org\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/slovencina.org\\\/#website\"},\"datePublished\":\"2026-10-16T21:18:00+00:00\",\"dateModified\":\"2026-10-16T21:51:16+00:00\",\"description\":\"\u041a\u0443\u0440\u0441\u044b \u0441\u043b\u043e\u0432\u0430\u0446\u043a\u043e\u0433\u043e \u044f\u0437\u044b\u043a\u0430 \u0432\u0441\u0435\u0445 \u0443\u0440\u043e\u0432\u043d\u0435\u0439 \u0434\u043b\u044f \u0440\u0443\u0441\u0441\u043a\u043e\u0433\u043e\u0432\u043e\u0440\u044f\u0449\u0438\u0445 \u0432 slovencina.org | Kurzy sloven\u010diny (v\u0161etky \u00farovne) pre rusky hovoriacich\",\"inLanguage\":\"ru-RU\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/slovencina.org\\\/eshop\\\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/slovencina.org\\\/#website\",\"url\":\"https:\\\/\\\/slovencina.org\\\/\",\"name\":\"Slovencina.org\",\"description\":\"Slovencina s Ani\",\"publisher\":{\"@id\":\"https:\\\/\\\/slovencina.org\\\/#organization\"},\"alternateName\":\"Lektor, ktor\u00fd v\u00e1m rozumie\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/slovencina.org\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ru-RU\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/slovencina.org\\\/#organization\",\"name\":\"Slovencina.org\",\"alternateName\":\"Lektor, ktor\u00fd v\u00e1m rozumie\",\"url\":\"https:\\\/\\\/slovencina.org\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ru-RU\",\"@id\":\"https:\\\/\\\/slovencina.org\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/slovencina.org\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/logo1000.png\",\"contentUrl\":\"https:\\\/\\\/slovencina.org\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/logo1000.png\",\"width\":1000,\"height\":183,\"caption\":\"Slovencina.org\"},\"image\":{\"@id\":\"https:\\\/\\\/slovencina.org\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/slovencinasani\",\"https:\\\/\\\/x.com\\\/slovencinasani\",\"https:\\\/\\\/www.tiktok.com\\\/slovencinasani\",\"https:\\\/\\\/www.instagram.com\\\/slovencinasani\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"E-shop - Slovencina.org","description":"\u041a\u0443\u0440\u0441\u044b \u0441\u043b\u043e\u0432\u0430\u0446\u043a\u043e\u0433\u043e \u044f\u0437\u044b\u043a\u0430 \u0432\u0441\u0435\u0445 \u0443\u0440\u043e\u0432\u043d\u0435\u0439 \u0434\u043b\u044f \u0440\u0443\u0441\u0441\u043a\u043e\u0433\u043e\u0432\u043e\u0440\u044f\u0449\u0438\u0445 \u0432 slovencina.org | Kurzy sloven\u010diny (v\u0161etky \u00farovne) pre rusky hovoriacich","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/slovencina.org\/ru\/eshop\/","og_locale":"ru_RU","og_type":"article","og_title":"E-shop - Slovencina.org","og_description":"\u041a\u0443\u0440\u0441\u044b \u0441\u043b\u043e\u0432\u0430\u0446\u043a\u043e\u0433\u043e \u044f\u0437\u044b\u043a\u0430 \u0432\u0441\u0435\u0445 \u0443\u0440\u043e\u0432\u043d\u0435\u0439 \u0434\u043b\u044f \u0440\u0443\u0441\u0441\u043a\u043e\u0433\u043e\u0432\u043e\u0440\u044f\u0449\u0438\u0445 \u0432 slovencina.org | Kurzy sloven\u010diny (v\u0161etky \u00farovne) pre rusky hovoriacich","og_url":"https:\/\/slovencina.org\/ru\/eshop\/","og_site_name":"Slovencina.org","article_publisher":"https:\/\/www.facebook.com\/slovencinasani","article_modified_time":"2026-10-16T21:51:16+00:00","twitter_card":"summary_large_image","twitter_site":"@slovencinasani","twitter_misc":{"\u041f\u0440\u0438\u043c\u0435\u0440\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f \u0447\u0442\u0435\u043d\u0438\u044f":"1 \u043c\u0438\u043d\u0443\u0442\u0430"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/slovencina.org\/eshop\/","url":"https:\/\/slovencina.org\/eshop\/","name":"E-shop - Slovencina.org","isPartOf":{"@id":"https:\/\/slovencina.org\/#website"},"datePublished":"2026-10-16T21:18:00+00:00","dateModified":"2026-10-16T21:51:16+00:00","description":"\u041a\u0443\u0440\u0441\u044b \u0441\u043b\u043e\u0432\u0430\u0446\u043a\u043e\u0433\u043e \u044f\u0437\u044b\u043a\u0430 \u0432\u0441\u0435\u0445 \u0443\u0440\u043e\u0432\u043d\u0435\u0439 \u0434\u043b\u044f \u0440\u0443\u0441\u0441\u043a\u043e\u0433\u043e\u0432\u043e\u0440\u044f\u0449\u0438\u0445 \u0432 slovencina.org | Kurzy sloven\u010diny (v\u0161etky \u00farovne) pre rusky hovoriacich","inLanguage":"ru-RU","potentialAction":[{"@type":"ReadAction","target":["https:\/\/slovencina.org\/eshop\/"]}]},{"@type":"WebSite","@id":"https:\/\/slovencina.org\/#website","url":"https:\/\/slovencina.org\/","name":"Slovencina.org","description":"\u0421\u043b\u043e\u0432\u0430\u0446\u043a\u0438\u0439 \u0441 \u0410\u043d\u0438","publisher":{"@id":"https:\/\/slovencina.org\/#organization"},"alternateName":"Lektor, ktor\u00fd v\u00e1m rozumie","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/slovencina.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ru-RU"},{"@type":"Organization","@id":"https:\/\/slovencina.org\/#organization","name":"Slovencina.org","alternateName":"Lektor, ktor\u00fd v\u00e1m rozumie","url":"https:\/\/slovencina.org\/","logo":{"@type":"ImageObject","inLanguage":"ru-RU","@id":"https:\/\/slovencina.org\/#\/schema\/logo\/image\/","url":"https:\/\/slovencina.org\/wp-content\/uploads\/2022\/08\/logo1000.png","contentUrl":"https:\/\/slovencina.org\/wp-content\/uploads\/2022\/08\/logo1000.png","width":1000,"height":183,"caption":"Slovencina.org"},"image":{"@id":"https:\/\/slovencina.org\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/slovencinasani","https:\/\/x.com\/slovencinasani","https:\/\/www.tiktok.com\/slovencinasani","https:\/\/www.instagram.com\/slovencinasani"]}]}},"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"admin","author_link":"https:\/\/slovencina.org\/ru\/author\/admin\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"E-shop","_links":{"self":[{"href":"https:\/\/slovencina.org\/ru\/wp-json\/wp\/v2\/pages\/2598","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/slovencina.org\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/slovencina.org\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/slovencina.org\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/slovencina.org\/ru\/wp-json\/wp\/v2\/comments?post=2598"}],"version-history":[{"count":4,"href":"https:\/\/slovencina.org\/ru\/wp-json\/wp\/v2\/pages\/2598\/revisions"}],"predecessor-version":[{"id":2605,"href":"https:\/\/slovencina.org\/ru\/wp-json\/wp\/v2\/pages\/2598\/revisions\/2605"}],"wp:attachment":[{"href":"https:\/\/slovencina.org\/ru\/wp-json\/wp\/v2\/media?parent=2598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}