Jazyk a měna:
cs
|
CZK
Dodání do:
Poland
Jazyk
pl
en
de
cs
es
fr
hu
it
bg
ro
Měna
zł (1 CZK = 0.177zł)
EUR (1 CZK = 0.0409EUR)
USD (1 CZK = 0.0474USD)
GBP (1 CZK = 0.0351GBP)
CHF (1 CZK = 0.0387CHF)
CZK
Dodání do
Albánie
Alžírsko
Americké Panenské ostrovy
Andorra
Argentina
Arménie
Austrálie
Ázerbájdžán
Bahrajn
Belgie
Bělorusko
Bosna a Hercegovina
Brazílie
Brunej
Bulharsko
Černá Hora
České
Chile
Chorvatsko
Čína
Dánsko
Dominika
Dominikánská republika
Egypt
Ekvádor
Estonia
Filipíny
Finsko
Francie
Gibraltar
Grónsko
Gruzie
Guadeloupe
Holandsko
Hongkong
Indie
Indonésie
Irsko
Islandia
Itálie
Izrael
Japonsko
Jižní Afrika
Jižní Korea
Jordán
Kanada
Kanárské ostrovy
Katar
Kazachstán
Kosovo
Kuvajt
Kypr
Kyrgyzstán
Lichtenštejnsko
Lithuania
Lotyšsko
Luksembourg
Macao
Macedonia
Madagaskar
Maďarsko
Malajsie
Maledivy
Malta
Maroko
Mexiko
Moldavie
Monako
Německo
Norsko
Nový Zéland
Panama
Paraguay
Peru
Poland
Portoriko
Portugalsko
Rakousko
Řecko
Rumunsko
Rusko
Salvador
San Marino
Saudská arábie
Severní Irsko
Singapur
Slovakia
Slovinsko
Španělsko
Spojené arabské emiráty
Spojené státy americké
Srbsko
Srí Lanka
Svatá Lucie
Svatý Kryštof a Nevis
Svatý Vincenc a Grenadiny
Švédsko
Švýcarsko
Tádžikistán
Tchaj-wan
Thajsko
Ucraina
Uruguay
Uzbekistán
Velká Británie
Venezuela
Vietnam
Použití změn
Přihlásit se
Nákupní seznamy
0
Nákupní seznam
0
Uložit do nákupního seznamu
0
Uložit
Vytvoření nového nákupního seznamu
Název nového seznamu
Vytvoření seznamu
Uložit
0,00 CZK
Produkt
Množství
Cena
Náklady na dodání od
Zlato
Zlaté mince
Všechny mince
Novinka
Bestsellery
Dostupnost 24h
Hmotnost
1 oz
1/2 oz
1/4 oz
1/10 oz
Zlaté slitky
1g
5g
1 unce
Popular coins
Britannia
Krugerrand
Maple Leaf
Australian Kangaroo
African Wildlife
Chinese Panda
American Eagle
Libertad
Wiener Philharmoniker
Noah's Ark
Mincovny
Všechny mincovny
The Royal Mint
Austrian Mint
Scottsdale Mint
Narodowy Bank Polski
New Zealand Mint
New Zealand Post
Pressburg Mint
Royal Australian Mint
Royal Canadian Mint
The South African Mint
+ Rozbalit
Stříbro
Stříbrné mince
Novedades
Dostupnost 24 h
Hmotnost
Váhy
1 oz
2 oz
Stříbrné slitky
1 oz
Oblíbené série
Icons of Inspiration
Years of Horse 2026
Rok tygra 2022
Pop Culture
Prehistoric Life
Eastern Caribbean 8
Germania
Bohové Olympu
Australijski Emu
Všechny řady
Icon
Big five
Czech Lion
Kiwi
+ Rozbalit
Drahých kovů
Vnitřní kovy
Copper
Platinum
Miedzionikiel
Ocel
Bronz
Titanium
Bankovky
Bankovky a měny
Měny
Mince v oběhu
Vše
Příslušenství
Protection of values
Caps
Cases, Cassettes, Classifiers
Masterboxes
Tubes
Wszystkie
Holders
Coin Accessories
Magnifiers
Protection and cleaning
Leuchtturm
Lighting
Calipers
Scales
Catalogs
Metal verification
Numizmatika
Premiéry
Dostupnost 24 h
Propagační akce
Jste zde:
Domovská stránka
Stříbro
Stříbrné mince
Stříbrné slitky
Oblíbené série
Stříbrné mince
Kookaburra 10 oz Silver 2024
Kookaburra 10 oz Silver 2024
18 023,00 CZK
s DPH
/
1
szt.
Nejnižší cena od 30 dnů před slevou:
/
1
szt.
Běžná cena:
/
1
szt.
Ceníková cena:
Můžete koupit za
bod.
Velikost
uniwersalny
1
2
3
4
5
více
Přidat do košíku
Informujte mě o dostupnosti produktu
Kontaktujte personál obchodu
, odhadnout dobu přípravy tohoto výrobku k odeslání..
Doprava
(%d skladem)
Levné a rychlé dodání
Tento produkt není k dispozici v kamenném obchodě
Bezpečné nakupování
Po zakoupení obdržíte
bod.
Produkt vyprodán
Jakmile bude produkt opět k dispozici, obdržíte od nás e-mailové upozornění..
Vaše e-mailová adresa
Upozornit na dostupnost
Údaje se zpracovávají v souladu s
zásady ochrany osobních údajů
. Jeho odesláním přijímáte jeho ustanovení..
Výše uvedené údaje se nepoužívají k zasílání newsletterů ani jiné reklamy. Zapnutím upozornění pouze souhlasíte s tím, že vám můžeme zaslat jednorázové upozornění, jakmile bude tento produkt opět k dispozici..
Stříbrná investiční mince Kookaburra je výrobek ražený z ryzího stříbra Ag. 9999, o hmotnosti 10 trojských uncí. Mince s vyobrazením stejnojmenného ptáka je součástí dlouholeté série stejnojmenných stříbrných mincí. Emitentem stříbrné mince Kookaburra je mincovna The Perth Mint. Stejně jako všechny mince z této série je i tato mince plnohodnotným zákonným platidlem a její legálnost, ryzost slitku a původ kovu garantuje australská vláda. <br><br> Kookaburra je série stříbrných mincí vyráběných od roku 1990 a je třicátým pátým dílem slavné série australských kookaburrů. Zpočátku (nepočítáme-li první emisi, která byla vyražena pouze v jedné hmotnosti - 1 unce) byla kolekce vyražena ve čtyřech různých velikostech: V roce 2010 bylo toto množství zredukováno na tři velikosti: 1 kilogram, 10 uncí, 2 unce, 1 unce: 1 kilogram, 10 uncí a 1 unce. <br><br>Za zmínku stojí i to, že kolekce se vyznačuje tím, že se každoročně mění design mincí, díky čemuž se jejich hodnota rok od roku zvyšuje. Závěrem lze říci, že kolekce Kookaburra je ideální pro každého, kdo hledá nové a zajímavé hodnoty do svého portfolia. <br><br> <b>Na lícní straně</b> mince je zobrazen portrét krále Karla III. navržený Danielem Thornem a informace o nominální hodnotě mince a zemi, která minci vydala. <br><br>Na <b>reversu</b> je zobrazena kookaburra v letu nad roklí s hadem v pařátech a informace o hmotnosti, ryzosti slitku, roku ražby mince a také písmeno „P“, které označuje, že výrobcem mince je mincovna Perth Mint. Autorem návrhu je Sean Rogers.</section><section id="projector_producttraits" class="traits"><div class="traits__wrapper"><div class="traits__item mb-4 d-flex" data-hide="false"><span class="traits__label mr-1">Rok</span><span class="traits__values"><a class="traits__value" href="/cs/parameters/2024-4212">2024</a></span></div></div></section><section id="projector_dictionary" class="dictionary col-12 mb-1 mb-sm-4"><div class="dictionary__group --first --no-group"><div class="dictionary__param row mb-3" data-producer="true"><div class="dictionary__name col-6 d-flex flex-column align-items-end"><span class="dictionary__name_txt">Značka</span></div><div class="dictionary__values col-6"><div class="dictionary__value"><a class="dictionary__value_txt" href="/cs/producers/the-perth-mint-1294328448" title="Kliknutím zobrazíte všechny produkty této značky">The Perth Mint</a></div></div></div><div class="dictionary__param row mb-3" data-producer_code="true"><div class="dictionary__name col-6 d-flex flex-column align-items-end"><span class="dictionary__name_txt">Kód výrobce</span></div><div class="dictionary__values col-6"><div class="dictionary__value"><span class="dictionary__value_txt"><span class="dictionary__producer_code --value">MME9106</span></span></div></div></div><div class="dictionary__param row mb-3" data-series="true"><div class="dictionary__name col-6 d-flex flex-column align-items-end"><span class="dictionary__name_txt">Série</span></div><div class="dictionary__values col-6"><div class="dictionary__value"><a class="dictionary__value_txt" href="/cs/series/kookaburra-203" title="Kliknutím zobrazíte všechny produkty této řady">Kookaburra</a></div></div></div><div class="dictionary__param row mb-3"><div class="dictionary__name col-6 d-flex flex-column align-items-end"><span class="dictionary__name_txt">Formulář</span></div><div class="dictionary__values col-6"><div class="dictionary__value"><span class="dictionary__value_txt">Stříbrná mince</span></div></div></div><div class="dictionary__param row mb-3"><div class="dictionary__name col-6 d-flex flex-column align-items-end"><span class="dictionary__name_txt">Zastavte</span></div><div class="dictionary__values col-6"><div class="dictionary__value"><span class="dictionary__value_txt">Ag .9999</span></div></div></div><div class="dictionary__param row mb-3"><div class="dictionary__name col-6 d-flex flex-column align-items-end"><span class="dictionary__name_txt">Hmotnost</span></div><div class="dictionary__values col-6"><div class="dictionary__value"><span class="dictionary__value_txt">10 uncí</span></div></div></div><div class="dictionary__param row mb-3"><div class="dictionary__name col-6 d-flex flex-column align-items-end"><span class="dictionary__name_txt">Průměr</span></div><div class="dictionary__values col-6"><div class="dictionary__value"><span class="dictionary__value_txt">75,6 mm</span></div></div></div><div class="dictionary__param row mb-3"><div class="dictionary__name col-6 d-flex flex-column align-items-end"><span class="dictionary__name_txt">Hromadné balení</span></div><div class="dictionary__values col-6"><div class="dictionary__value"><span class="dictionary__value_txt">25 kusů</span></div></div></div><div class="dictionary__param row mb-3"><div class="dictionary__name col-6 d-flex flex-column align-items-end"><span class="dictionary__name_txt">Rant </span></div><div class="dictionary__values col-6"><div class="dictionary__value"><span class="dictionary__value_txt">Ozubené </span></div></div></div><div class="dictionary__param row mb-3" data-duplicate="true"><div class="dictionary__name col-6 d-flex flex-column align-items-end"><span class="dictionary__name_txt">Rok</span></div><div class="dictionary__values col-6"><div class="dictionary__value"><span class="dictionary__value_txt">2024</span></div></div></div><div class="dictionary__param row mb-3"><div class="dictionary__name col-6 d-flex flex-column align-items-end"><span class="dictionary__name_txt">Návrhář</span></div><div class="dictionary__values col-6"><div class="dictionary__value"><span class="dictionary__value_txt">Daniel Thorne / Sean Rogers</span></div></div></div><div class="dictionary__param row mb-3"><div class="dictionary__name col-6 d-flex flex-column align-items-end"><span class="dictionary__name_txt">Stav konzervace </span></div><div class="dictionary__values col-6"><div class="dictionary__value"><span class="dictionary__value_txt">Mátový </span></div></div></div><div class="dictionary__param row mb-3"><div class="dictionary__name col-6 d-flex flex-column align-items-end"><span class="dictionary__name_txt">Balení</span></div><div class="dictionary__values col-6"><div class="dictionary__value"><span class="dictionary__value_txt">Plastový uzávěr </span></div></div></div><div class="dictionary__param row mb-3"><div class="dictionary__name col-6 d-flex flex-column align-items-end"><span class="dictionary__name_txt">Výrobce</span></div><div class="dictionary__values col-6"><div class="dictionary__value"><span class="dictionary__value_txt">The Perth Mint</span></div></div></div><div class="dictionary__param row mb-3"><div class="dictionary__name col-6 d-flex flex-column align-items-end"><span class="dictionary__name_txt">Zpětný odkup aktiva</span></div><div class="dictionary__values col-6"><div class="dictionary__value"><span class="dictionary__value_txt">produkty s cenami v obchodě</span></div></div></div><div class="dictionary__param row mb-3"><div class="dictionary__name col-6 d-flex flex-column align-items-end"><span class="dictionary__name_txt">Země původu</span></div><div class="dictionary__values col-6"><div class="dictionary__value"><span class="dictionary__value_txt">Austrálie</span></div></div></div><div class="dictionary__param row mb-3"><div class="dictionary__name col-6 d-flex flex-column align-items-end"><span class="dictionary__name_txt">Sazba DPH</span></div><div class="dictionary__values col-6"><div class="dictionary__value"><span class="dictionary__value_txt">DPH z marže</span></div></div></div></div></section><section id="product_questions_list" class="questions mb-5 col-12"><div class="questions__wrapper row align-items-start"><div class="questions__block --banner col-12 col-md-5 col-lg-4"><div class="questions__banner"><strong class="questions__banner_item --label">Potřebujete pomoc? Máte otázky?</strong><span class="questions__banner_item --text">Položte svůj dotaz a my vám ihned odpovíme, nejzajímavější dotazy a odpovědi budou zveřejněny pro ostatní..</span><div class="questions__banner_item --button"><a class="btn --solid --medium questions__button">Položit otázku</a></div></div></div></div></section><section id="product_askforproduct" class="askforproduct mb-5 col-12"><div class="askforproduct__label headline"><span class="askforproduct__label_txt headline__name">Dotaz na výrobek</span></div><form action="/settings.php" class="askforproduct__form row flex-column align-items-center" method="post" novalidate="novalidate"><div class="askforproduct__description col-12 col-sm-7 mb-4"><span class="askforproduct__description_txt">Pokud vám výše uvedený popis nestačí, zašlete nám prosím svůj dotaz k tomuto produktu. Odpovíme vám co nejdříve. </span><span class="askforproduct__privacy">Údaje se zpracovávají v souladu s <a href="/cs/privacy-and-cookie-notice">zásady ochrany osobních údajů</a>. Jeho odesláním přijímáte jeho ustanovení.. </span></div><input type="hidden" name="question_product_id" value="9106"><input type="hidden" name="question_action" value="add"><div class="askforproduct__inputs col-12 col-sm-7"><div class="f-group askforproduct__email"><div class="f-feedback askforproduct__feedback --email"><input id="askforproduct__email_input" type="email" class="f-control --validate" name="question_email" required="required"><label for="askforproduct__email_input" class="f-label"> E-mail </label><span class="f-control-feedback"></span></div></div><div class="f-group askforproduct__question"><div class="f-feedback askforproduct__feedback --question"><textarea id="askforproduct__question_input" rows="6" cols="52" type="question" class="f-control --validate" name="product_question" minlength="3" required="required"></textarea><label for="askforproduct__question_input" class="f-label"> Otázka </label><span class="f-control-feedback"></span></div></div></div><div class="askforproduct__submit col-12 col-sm-7"><button class="btn --solid --medium px-5 mb-2 askforproduct__button"> Odeslat </button></div></form></section><section id="opinions_section" class="row mb-4 mx-n3"><div class="opinions_add_form col-12"><div class="big_label"> Napište svoji recenzi </div><form class="row flex-column align-items-center shop_opinion_form" enctype="multipart/form-data" id="shop_opinion_form" action="/settings.php" method="post"><input type="hidden" name="product" value="9106"><div class="shop_opinions_notes col-12 col-sm-6"><div class="shop_opinions_name"> Vaše hodnocení: </div><div class="shop_opinions_note_items"><div class="opinion_note"><a href="#" class="opinion_star active" rel="1" title="1/5"><span><i class="icon-star"></i></span></a><a href="#" class="opinion_star active" rel="2" title="2/5"><span><i class="icon-star"></i></span></a><a href="#" class="opinion_star active" rel="3" title="3/5"><span><i class="icon-star"></i></span></a><a href="#" class="opinion_star active" rel="4" title="4/5"><span><i class="icon-star"></i></span></a><a href="#" class="opinion_star active" rel="5" title="5/5"><span><i class="icon-star"></i></span></a><strong class="opinion_star_rate">5/5</strong><input class="opinion_star_input" type="hidden" name="note" value="5"></div></div></div><div class="form-group col-12 col-sm-7"><div class="has-feedback"><textarea id="addopp" class="form-control" name="opinion" aria-label="Obsah vašeho názoru"></textarea><label for="opinion" class="control-label"> Obsah vašeho názoru </label><span class="form-control-feedback"></span></div></div><div class="opinion_add_photos col-12 col-sm-7"><div class="opinion_add_photos_wrapper d-flex align-items-center"><span class="opinion_add_photos_text"><i class="icon-file-image"></i> Přidejte vlastní obrázek produktu: </span><input class="opinion_add_photo" type="file" name="opinion_photo" aria-label="Přidejte vlastní obrázek produktu" data-max_filesize="10485760"></div></div><div class="form-group col-12 col-sm-7"><div class="has-feedback has-required"><input id="addopinion_name" class="form-control" type="text" name="addopinion_name" value="" required="required"><label for="addopinion_name" class="control-label"> Vaše jméno </label><span class="form-control-feedback"></span></div></div><div class="form-group col-12 col-sm-7"><div class="has-feedback has-required"><input id="addopinion_email" class="form-control" type="email" name="addopinion_email" value="" required="required"><label for="addopinion_email" class="control-label"> Váš e-mail </label><span class="form-control-feedback"></span></div></div><div class="shop_opinions_button col-12"><button type="submit" class="btn --solid --medium opinions-shop_opinions_button px-5" title="Přidat recenzi"> Odeslat zpětnou vazbu </button></div></form></div></section><section id="products_associated_zone1" class="hotspot mb-5 col-12" data-ajaxLoad="true" data-pageType="projector"><div class="hotspot mb-5 skeleton"><span class="headline"></span><div class="products d-flex flex-wrap"><div class="product col-6 col-sm-3 col-xl-2 py-3"><span class="product__icon d-flex justify-content-center align-items-center"></span><span class="product__name"></span><div class="product__prices"></div></div><div class="product col-6 col-sm-3 col-xl-2 py-3"><span class="product__icon d-flex justify-content-center align-items-center"></span><span class="product__name"></span><div class="product__prices"></div></div><div class="product col-6 col-sm-3 col-xl-2 py-3"><span class="product__icon d-flex justify-content-center align-items-center"></span><span class="product__name"></span><div class="product__prices"></div></div><div class="product col-6 col-sm-3 col-xl-2 py-3"><span class="product__icon d-flex justify-content-center align-items-center"></span><span class="product__name"></span><div class="product__prices"></div></div></div></div></section><section id="products_associated_zone2" class="hotspot mb-5 col-12" data-ajaxLoad="true" data-pageType="projector"><div class="hotspot mb-5 skeleton"><span class="headline"></span><div class="products d-flex flex-wrap"><div class="product col-6 col-sm-3 col-xl-2 py-3"><span class="product__icon d-flex justify-content-center align-items-center"></span><span class="product__name"></span><div class="product__prices"></div></div><div class="product col-6 col-sm-3 col-xl-2 py-3"><span class="product__icon d-flex justify-content-center align-items-center"></span><span class="product__name"></span><div class="product__prices"></div></div><div class="product col-6 col-sm-3 col-xl-2 py-3"><span class="product__icon d-flex justify-content-center align-items-center"></span><span class="product__name"></span><div class="product__prices"></div></div><div class="product col-6 col-sm-3 col-xl-2 py-3"><span class="product__icon d-flex justify-content-center align-items-center"></span><span class="product__name"></span><div class="product__prices"></div></div></div></div></section><section id="products_associated_zone3" class="hotspot mb-5 col-12" data-ajaxLoad="true" data-pageType="projector"><div class="hotspot mb-5 skeleton"><span class="headline"></span><div class="products d-flex flex-wrap"><div class="product col-6 col-sm-3 col-xl-2 py-3"><span class="product__icon d-flex justify-content-center align-items-center"></span><span class="product__name"></span><div class="product__prices"></div></div><div class="product col-6 col-sm-3 col-xl-2 py-3"><span class="product__icon d-flex justify-content-center align-items-center"></span><span class="product__name"></span><div class="product__prices"></div></div><div class="product col-6 col-sm-3 col-xl-2 py-3"><span class="product__icon d-flex justify-content-center align-items-center"></span><span class="product__name"></span><div class="product__prices"></div></div><div class="product col-6 col-sm-3 col-xl-2 py-3"><span class="product__icon d-flex justify-content-center align-items-center"></span><span class="product__name"></span><div class="product__prices"></div></div></div></div></section></div></div></div><footer class="max-width-1200"><div id="menu_buttons" class="container"><div class="row menu_buttons_sub"><div class="menu_button_wrapper col-md-3 col-6"><script> // Poprawka błędu w menu_filter.js.gzip (platforma): przy zwijaniu filtra // this.setVisibleExpand() liczy nextSibling.id zamiast nextElementSibling.id, // co czasem łapie węzeł tekstowy (biały znak) bez .id i zapisuje "undefined" // do ciasteczka filterHidden. Array.join() zamienia to na pusty wpis, więc przy // kolejnym odczycie this.getVisibleExpand() robi // document.querySelector(".filters__expand#" + "") = document.querySelector(".filters__expand#") // co rzuca SyntaxError. Ten wyjątek leci nieobsłużony aż do app_shop.runApp(), // więc przerywa całą resztę inicjalizacji sklepu (stąd też potrafi się nie zbudować // dropdown sortowania itd.). Ten skrypt musi wykonać się PRZED shop.js.gzip / // menu_filter.js.gzip, więc powinien być wgrany jak najwcześniej na stronie. (function fixFiltersExpandCookieBug() { function getCookie(name) { const match = document.cookie.match(new RegExp("(?:^|; )" + name + "=([^;]*)")); return match ? decodeURIComponent(match[1]) : ""; } function setCookie(name, value) { const expires = new Date(Date.now() + 355 * 24 * 60 * 60 * 1000).toUTCString(); document.cookie = name + "=" + encodeURIComponent(value) + "; expires=" + expires + "; path=/"; } // Czyści już zepsute ciasteczko, żeby kolejne wczytania strony się nie wysypywały. const rawFilterHidden = getCookie("filterHidden"); if (rawFilterHidden) { const cleaned = rawFilterHidden.split(",").filter(Boolean).join(","); if (cleaned !== rawFilterHidden) setCookie("filterHidden", cleaned); } // Zabezpieczenie na wypadek, gdyby ciasteczko znów się zepsuło w trakcie tej wizyty // (np. zaraz po zwinięciu filtra, zanim strona zostanie przeładowana). const originalQuerySelector = Document.prototype.querySelector; Document.prototype.querySelector = function (selector) { if (typeof selector === "string" && selector === ".filters__expand#") { return null; } return originalQuerySelector.call(this, selector); }; })(); </script></div><div class="menu_button_wrapper col-md-3 col-6"><style> #header_bar_two .header_bar { /* transition: top .4s; */ height: 38px !important; } .header_bar ul { padding-top: 3px !important; } div#head_belka_fiex { height: 270px !important; } .header_bar { top: 33px; } body header.commercial_banner { position: fixed !important; max-width: 1410px; top: 86px !important; transition: translate .5s !important; } @keyframes slideDown { from { transform: translateY(-100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .info_text_opinie span:hover { text-decoration: underline; } .review-section p span { color: #03a84e; } .reviews-bar { /* position: fixed; */ top: 0; left: 0; right: 0; color: #fff; padding: 0px; z-index: 9999; display: flex; align-items: center; justify-content: center; max-width: 1540px; margin: auto; height: 44px; } #reviewsBarMain { width: 100%; background: #111212; position: fixed; top: 0px; left: 0; right: 0; z-index: 1; transition: top 0.35s ease, box-shadow 0.35s ease; height: 38px; will-change: top; } #reviewsBarMain.is-scrolled { top: 0px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22); } #reviewsBarMain:hover { background: #151516; transition: background 1s; } .review-section_link a { color: #414c5c; font-weight: bold; } .review-section_link a:hover { text-decoration: underline; } .reviews-bar.hidden { display: none; } .review-section { display: flex; align-items: center; gap: 8px; padding: 2px 15px; border-radius: 0px; flex: 1; min-width: 200px; border-left: solid 1px #cccccc24; justify-content: center; } .review-section .h4_text { font-size: 11px; font-weight: 500; margin-bottom: 4px; } .review-section p { font-size: 13px; display: flex; gap: 4px; white-space: nowrap; font-weight: 400; align-items: center; margin-top: 0px; margin-bottom: 2px; letter-spacing: 0.5px; } .info_text_opinie { font-weight: normal; text-align: right; } .review-icon { font-size: 24px; min-width: 30px; text-align: center; } .rating { color: #000; font-weight: bold; font-size: 16px; white-space: nowrap; display: flex; align-items: center; gap: 9px; color: #414c5c; } .close-btn { background: rgba(255, 255, 255, 0.2); border: 2px solid white; color: #545e6d; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; font-size: 24px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; flex-shrink: 0; } .close-btn:hover { background: rgba(255, 255, 255, 0.3); transform: rotate(90deg); } .reviewsBar_wrap { max-width: 1410px; display: flex; gap: 0px; width: 100%; } @media (max-width: 768px) { .review-section { width: 100%; min-width: auto; flex: 1 0 190px; white-space: inherit; } .reviews-bar { justify-content: flex-start; overflow-x: scroll; scroll-behavior: smooth; scroll-snap-type: x mandatory; height: 28px; } .review-section { width: 100%; min-width: auto; } .review-section p { font-size: 12px; display: flex; gap: 4px; white-space: nowrap; font-weight: 400; align-items: center; margin-top: 0px; margin-bottom: 2px; letter-spacing: 0.5px; } .close-btn { position: absolute; right: 15px; top: 15px; } } @media (max-width: 1070px) { #reviewsBarMain { width: 100%; background: #292b2d; position: static; top: 40px; left: 0; right: 0; z-index: 1; transition: top 0.35s ease, box-shadow 0.35s ease; will-change: top; height: 28px; } #breadcrumbs { margin-top: 0px !important; position: absolute; top: 70px; z-index: 999; } #reviewsBarMain { display: block; } #reviewsBarMain.is-scrolled { display: block; animation: slideDown 0.5s ease-out; } body header.commercial_banner { grid-template-columns: 1fr minmax(auto, 5rem) auto auto !important; margin-top: 0px !important; padding: 0px 10px !important; padding-left: 0px !important; align-items: center; justify-content: space-around; top: 0px !important; position: static !important; z-index: 1000 !important; } body .opinie_ido, .multiple-items-opinie { position: relative !important; z-index: 0; } #edutetskt { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; scroll-snap-type: x mandatory; overflow-x: auto; overflow-y: hidden; z-index: 0; position: relative; } } </style> <script> if ( document.querySelector("#container").classList.contains("main_page") || document.querySelector("#container").classList.contains("search_page") || document.querySelector("#container").classList.contains("projector_page") || document.querySelector("#container").classList.contains("text_page") ) { const getbarSale = ` <div id="reviewsBarMain"> <a href="https://www.metalmarket.eu/lng/terms/o-firmie-142"> <div class="reviews-bar" id="reviewsBar"> <div class="review-section" style="border: none;"> <p><span>+</span> ${langEn ? "600 000 orders completed" : ""} ${langPl ? "600 000 zrealizowanych zamówień" : ""} ${langDe ? "600 000 abgeschlossene Bestellungen" : ""} ${langEs ? "600 000 pedidos completados" : ""} ${langCs ? "600 000 dokončených objednávek" : ""} ${langFr ? "600 000 commandes complétées" : ""} ${langRo ? "600 000 comenzi finalizate" : ""} ${langHu ? "600 000 befejezett rendelés" : ""} ${langIt ? "600 000 ordini completati" : ""} ${langBg ? "600 000 завършени поръчки" : ""} </p> </div> <!-- Google Reviews --> <div class="review-section"> <p> <img src="https://www.metalelokacyjne.pl/data/include/cms/mme/icons/belka_rew/google-logo-search-new-svgrepo-com.svg?v=1782140837415" alt=" " style="width: 20px;"> <img src="https://www.metalelokacyjne.pl/data/include/cms/mme/icons/belka_rew/iscoss/iai_icon.svg?v=1782395196588" alt=" " style="width: 20px;"> <img src="https://www.metalelokacyjne.pl/data/include/cms/mme/icons/belka_rew/iscoss/trust.svg?v=1782395196588" alt=" " style="width: 20px;"> <span>+</span> ${langEn ? "40 000 opinions" : ""} ${langPl ? "40 000 opinii" : ""} ${langDe ? "40 000 Bewertungen" : ""} ${langEs ? "40 000 opiniones" : ""} ${langCs ? "40 000 recenzí" : ""} ${langFr ? "40 000 avis" : ""} ${langRo ? "40 mii recenzii" : ""} ${langHu ? "40 000 vélemény" : ""} ${langIt ? "40 000 opinioni" : ""} ${langBg ? "40 000 мнения" : ""} </p> </div> <!-- Zwykłe opinie --> <div class="review-section"> <p><span>+</span> ${langEn ? "72 countries for shipping" : ""} ${langPl ? "72 kraje dostawy" : ""} ${langDe ? "72 Länder zum Versand" : ""} ${langEs ? "72 países de envío" : ""} ${langCs ? "72 zemí k odeslání" : ""} ${langFr ? "72 pays d'expédition" : ""} ${langRo ? "72 țări de expediție" : ""} ${langHu ? "72 ország szállítása" : ""} ${langIt ? "72 paesi di spedizione" : ""} ${langBg ? "72 страни за доставка" : ""} </p> </div> <div class="review-section"> <p><span>+</span> ${langEn ? "14 years on the market" : ""} ${langPl ? "14 lat na rynku" : ""} ${langDe ? "14 Jahre auf dem Markt" : ""} ${langEs ? "14 años en el mercado" : ""} ${langCs ? "14 let na trhu" : ""} ${langFr ? "14 ans sur le marché" : ""} ${langRo ? "14 ani pe piață" : ""} ${langHu ? "14 év a piacon" : ""} ${langIt ? "14 anni sul mercato" : ""} ${langBg ? "14 години на пазара" : ""} </p> </div> <!-- Trustpilot --> <!-- <div class="review-section_link"> <p> <a href="https://www.metalmarket.eu/lng/opinions-shop"> Czytaj opinie...</a> </p> </div> --> <!-- Przycisk zamknięcia --> <!-- <button class="close-btn" title="Zamknij">✕</button> --> <!-- <button class="pswp__button pswp__button--close" title="Zamknij" id="closeBtn" style="position: static;"></button> --> </div> </a> </div>` const headerEl = document.querySelector("header"); if (headerEl && !document.getElementById("reviewsBarMain")) { headerEl.insertAdjacentHTML("beforebegin", getbarSale); } // (function () { // const reviewsBarMain = document.getElementById("reviewsBarMain"); // if (!reviewsBarMain) { // return; // } // function onScroll() { // reviewsBarMain.classList.toggle("is-scrolled", window.scrollY > 0); // } // onScroll(); // window.addEventListener("scroll", onScroll, { passive: true }); // })(); // function getcookies() { // // Nazwy localStorage // const STORAGE_NAME = 'reviewsBar_closeda'; // // Funkcja do ustawienia localStorage // function setStorage(name, value) { // try { // localStorage.setItem(name, value); // console.log('Storage ustawiony:', name, '=', value); // } catch (e) { // console.log('Błąd localStorage:', e); // } // } // // Funkcja do pobrania localStorage // function getStorage(name) { // try { // return localStorage.getItem(name); // } catch (e) { // console.log('Błąd localStorage:', e); // return null; // } // } // // Funkcja do usunięcia localStorage // function deleteStorage(name) { // try { // localStorage.removeItem(name); // } catch (e) { // } // } // // Sprawdzenie czy pasek był zamknięty // function initReviewsBar() { // const reviewsBar = document.getElementById('reviewsBar'); // const closeBtn = document.getElementById('closeBtn'); // // Jeśli storage istnieje, ukryj pasek // if (getStorage(STORAGE_NAME) === 'true') { // reviewsBar.classList.add('hidden'); // document.body.style.paddingTop = '0'; // } else { // } // // Obsługa przycisku zamknięcia // closeBtn.addEventListener('click', function () { // reviewsBar.classList.add('hidden'); // document.body.style.paddingTop = '0'; // setStorage(STORAGE_NAME, 'true'); // }); // } // // Inicjalizacja po załadowaniu strony // document.addEventListener('DOMContentLoaded', initReviewsBar); // } } </script></div><div class="menu_button_wrapper col-md-3 col-6"><!-- <style> #karuzela_promocja,#slider_popular_coins {display: none !important;} </style> --> <!-- <script> function scrollFunction() { if (document.documentElement.scrollTop > 0) { document.querySelector(".commercial_banner").classList.add("custom-menu-bg"); } else { document .querySelector(".commercial_banner") .classList.remove("custom-menu-bg"); } } window.onscroll = function () { scrollFunction(); }; </script> --> <script> function getBarSroll(div, numbScrol) { let lastScrollTop = 0; const navbarMenu = document.querySelector(div); window.addEventListener('scroll', () => { let scrollTop = window.pageYOffset || document.documentElement.scrollTop; if (scrollTop > numbScrol) { navbarMenu.classList.add('custom-menu-bg'); } else { navbarMenu.classList.remove('custom-menu-bg'); } lastScrollTop = scrollTop; }); } // function getBarScroll(div, numbScrol) { // const navbarMenu = document.querySelector(div); // if (!navbarMenu) { // console.error(`Element '${div}' not found.`); // return; // wczesne wyjście, jeśli nie ma elementu // } // let lastScrollTop = 0; // window.addEventListener('scroll', () => { // let scrollTop = window.pageYOffset || document.documentElement.scrollTop; // if (scrollTop > numbScrol) { // navbarMenu.classList.add('custom-menu-bg'); // } else { // navbarMenu.classList.remove('custom-menu-bg'); // } // lastScrollTop = scrollTop; // }); // } document.addEventListener('scroll', () => { getBarSroll('.commercial_banner', 10) getBarSroll('#header_bar_two', 20) // getBarSroll('#bar_post', 20) }); </script> <!-- <style> @media (min-width:1000px) { #header_bar_two.custom-menu-bg .header_bar {background: #fff !important;display: none !important;} #logo { margin-top: 0; z-index: 999; background: #fff; } .commercial_banner.custom-menu-bg:after, .commercial_banner:after {width: 100%;background: #fff !important;height: 45px;position: absolute;top:0px;z-index: 9;content: '';} .custom-menu-bg #logo { height: 45px !important; } .commercial_banner:after { height: 85px !important; } header.commercial_banner .topBasket { padding-top: 25px; background: #fff; position: relative; z-index: 99; } header.commercial_banner.custom-menu-bg #menu_settings { background: #fff !important; } /* header.commercial_banner.custom-menu-bg #logo { background: #fff; } */ .shopping_list_top_mobile, #menu_seearch { z-index: 99; } #menu_seearch.--focus { z-index: 201; } #logo img { transition: all .5s; } header.commercial_banner.custom-menu-bg { &:after { content: ""; display: block; position: absolute; left: -100%; background: #fff; width: 240%; height: 60px; z-index: 0; top: -17px; height: 65px !important; } } .custom-menu-bg #logo img { transition: all .5s; } #container { padding-top: 40px !important; } #header_bar_two .header_bar { transition: top .4s; } #header_bar_two.custom-menu-bg .header_bar { top: -40px !important; position: fixed !important; transition: top .4s; } div#head_belka_fiex { height: 250px; } body header.commercial_banner { position: fixed !important; max-width: 1410px; top: 76px; transition: translate .5s !important; background: transparent; #menu_categories { opacity: 1 !important; transition: all .3s ease-out !important; z-index: 2; transform: translate(0px, 0px) !important; } } header.commercial_banner.custom-menu-bg { & .navbar-collapse { ul { list-style: none; height: fit-content; } } } body header.custom-menu-bg #menu_categories { /* transition: opacity 0.7s ease,top 3s !important; */ transform: translate(0px, -65px) !important; top: 0px; opacity: 1 !important; transition: all .5s !important; /* transition: all 1s ease !important; */ /* transform: translateY(100%) scaleY(1); */ } .header_bar { .wrap_content { display: flex; justify-content: space-between; align-items: center; padding-bottom: 6px !important; max-width: 1410px; margin: auto; } } #menu_categories { opacity: 1 !important; position: sticky !important; transform: translate(0px, -70px) !important; } body header.commercial_banner.custom-menu-bg { position: fixed !important; top: 0px; transition: opacity .5s, top .1s ease-in-out !important; #menu_categories { opacity: 1 !important; position: sticky !important; z-index: 0; } } .header_bar { position: fixed !important; } } </style> --></div><div class="menu_button_wrapper col-md-3 col-6"><style> .footer_bar_grid { padding-left: 20px !important; } body footer #menu_buttons { h2 { padding-left: 20px; } background: none !important; background-color:#fff !important; } #footer_secend { display: grid; grid-template-columns: repeat(5, 1fr); position: relative; z-index: 99; margin-bottom: 30px; justify-items: stretch; .bg_hide { position: absolute; z-index: 999; bottom: 0px !important; left: 50%; transform: translate(-50%, 0px); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 53%); width: auto; font-size: 18px; font-weight: bold; cursor: pointer; color: var(--maincolor); width: 100%; text-align: center; padding: 150px 0px 10px 0px !important; border: none; border-radius: 0px; content: ''; z-index: 2; &.active { display: none; } } .colapse_lnik { display: none; &.active { display: block; } } div#btn_reamore_link { width: 100%; grid-area: 4 / 1 / 4 / 1; padding-left: 20px; font-weight: normal; font-size: 19px; cursor: pointer; position: relative; z-index: 9; max-width: 200px; top: 0px; &:hover { text-decoration: underline; } &.active { &:after { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } } &:after { content: url(https://www.metalelokacyjne.pl/data/include/cms/js/ikona.svg); position: absolute; right: 14px; top: 0px; z-index: 999; transform: rotate(90deg); -webkit-transform: rotate(90deg); display: block; width: 15px; filter: brightness(0) saturate(100%) invert(28%) sepia(15%) saturate(765%) hue-rotate(176deg) brightness(91%) contrast(88%); } } ul { padding: 0px; margin: 0px; padding-left: 26px; /* border-right: solid 1px #E0E1E4 !important; */ margin-top: 50px; &:nth-child(5) { border: none !important; } .title_head { font-weight: bold; font-size: 16px; margin-bottom: 10px; color: var(--maincolor); a { font-weight: bold; font-size: 16px; margin-bottom: 0px; color: var(--maincolor); } } li { list-style: none; padding-bottom: 5px; } a { color: var(--maincolor); font-size: 14px; text-decoration: none; border-bottom: solid 2px #fff; padding-bottom: 2px; display: inline-block; transition: border 0.1s ease; font-weight: 500; &:hover { background: none; text-decoration: none; border-bottom: solid 2px #414c5c; transition: border 0.1s ease; } } } @media (max-width:1300px) { grid-template-columns: repeat(3, 1fr); margin-bottom: 50px; } @media (max-width:728px) { .mobile_menu_hide { display: none; &.active { display: block; } } div#btn_reamore_link { width: 100%; grid-area: 11 / 1 / 11 / 1; padding-left: 20px; font-weight: normal; font-size: 19px; cursor: pointer; position: relative; z-index: 9; max-width: 200px; top: 0px; } grid-template-columns: repeat(1, 1fr); margin: 20px 0px; ul { padding: 0px; margin: 0px; padding-left: 10px; padding: 10px 20px; margin-bottom: 3px; .title_head { font-size: 14px; margin-bottom: 4px; } li { margin-bottom: 0px; padding-bottom: 3px; a { font-size: 14px; } } } } } @media (max-width:728px) { #footer_links_content h2 {padding-left: 10px !important; font-size: 24px;} #footer_secend { display: flex; overflow-x: scroll; scroll-snap-type: x mandatory; scroll-behavior: smooth; scroll-padding: 20px; max-width: 100%; gap:20px; padding-left: 20px; width: 410px; &> ul { width: auto; min-width: 240px; scroll-snap-align: start; scroll-snap-stop: always; } ul { padding: 0px !important; margin: 0px; padding-left: 10px; padding: 10px 20px; margin-bottom: 3px; } .mobile_menu_hide {display: block !important;} .colapse_lnik {display: block !important;} .bg_hide,#btn_reamore_link {display: none !important;} #menu_buttons h2 { padding-left: 20px !important; padding-top: 20px !important; } footer { #menu_buttons .menu_buttons_sub { width: 100% !important; margin: auto; } } footer { .right_columnt_head_grid { display: block; width: 100%; margin-top: -10px; } } } } </style> <!-- <ul class="mobile_menu_hide"> <li class="title_head">Usługi</li> <li><a href="https://www.metalmarket.eu/pl/links/skup-zlota-warszawa-257">Skup złota</a></li> <li><a href="https://www.metalmarket.eu/pl/cms/kantor-warszawa-602">Kantor</a></li> <li><a href="https://www.metalmarket.eu/pl/links/przechowywanie-238">Przechowywanie</a></li> <li><a href="https://www.metalmarket.eu/pl/links/magazyny-bezclowe-srebra-427">Magazyny bezcłowe</a></li> <li><a href="https://www.metalmarket.eu/pl/links/pozyczka-lombardowa-902">Pożyczka lombardowa</a></li> </ul> --> <div id="footer_links_content"></div> <script> const getFooterLisnk = ` <h2> <span class="headline__name" style="color:var(--maincolor)"> Najpopularniejsze </span> </h2> <div id="footer_secend"> <ul> <li class="title_head">Metale inwestycyjne</li> <li><a href="https://www.metalmarket.eu/pl/menu/zloto/zlote-monety-850">Złote monety</a></li> <li><a href="https://www.metalmarket.eu/pl/menu/zloto/sztabki-zlota-2358">Sztabki złota</a></li> <li><a href="https://www.metalmarket.eu/pl/menu/srebro/srebrne-monety-851">Srebrne monety</a></li> <li><a href="https://www.metalmarket.eu/pl/menu/srebro/sztabki-srebra-2357">Sztabki srebra</a></li> <li><a href="https://www.metalmarket.eu/pl/menu/metale/inne-metale/platyna-2098">Platyna</a></li> <li><a href="https://www.metalmarket.eu/pl/menu/metale/inne-metale/pallad-2369">Pallad</a></li> </ul> <ul class="mobile_menu_hide"> <li class="title_head"> <a href="https://www.metalmarket.eu/pl/menu/zloto/zlote-monety-850"> Złote monety</a> </li> <li><a href="https://www.metalmarket.eu/pl/products/krugerrand-1-uncja-zlota-rozne-roczniki-1786">Krugerrand 1 uncja złota </a></li> <li><a href="https://www.metalmarket.eu/pl/products/britannia-1-uncja-zlota-2026-13038">Britannia 1 uncja złota</a> </li> <li><a href="https://www.metalmarket.eu/pl/products/australijski-kangur-1-uncja-zlota-2026-13240">Australijski Kangur 1 uncja złota</a></li> <li><a href="https://www.metalmarket.eu/pl/products/wiedenski-filharmonik-1-uncja-zlota-2026-13509">Wiedeński Filharmonik 1 uncja złota</a></li> <li><a href="https://www.metalmarket.eu/pl/products/kanadyjski-lisc-klonowy-1-uncja-zlota-2026-13635">Kanadyjski Liść Klonowy 1 uncja złota</a></li> <li><a href="https://www.metalmarket.eu/pl/products/amerykanski-orzel-1-uncja-zlota-2026-13556">Amerykański Orzeł 1 uncja złota</a></li> <li><a href="https://www.metalmarket.eu/pl/products/zloty-dukat-austriacki-1915-nowe-bicie-950">Złoty Dukat Austriacki złota</a></li> </ul> <ul class="mobile_menu_hide"> <li class="title_head"> <a href="https://www.metalmarket.eu/pl/menu/zloto/sztabki-zlota-2358"> Sztabki złota</a> </li> <li><a href="https://www.metalmarket.eu/pl/products/sztabka-zlota-0-5-g-heimerle-meule-11975">Sztabka złota 0,5g</a></li> <li><a href="https://www.metalmarket.eu/pl/products/sztabka-zlota-1g-108">Sztabka złota 1g</a></li> <li><a href="https://www.metalmarket.eu/pl/products/sztabka-zlota-2-g-c-hafner-9591">Sztabka złota 2g</a></li> <li> <a href="https://www.metalmarket.eu/pl/products/sztabka-zlota-5-g-16">Sztabka złota 5g</a> </li> <li><a href="https://www.metalmarket.eu/pl/products/sztabka-zlota-10g-17">Sztabka złota 10g</a></li> <li><a href="https://www.metalmarket.eu/pl/products/sztabka-zlota-20g-18">Sztabka złota 20g</a></li> <li><a href="https://www.metalmarket.eu/pl/products/sztabka-zlota-1-uncja-89">Sztabka złota 1 uncja</a></li> </ul> <ul class="mobile_menu_hide"> <li class="title_head"> <a href="https://www.metalmarket.eu/pl/menu/srebro/srebrne-monety-851"> Srebrne monety</a> </li> <li><a href="https://www.metalmarket.eu/pl/products/krugerrand-1-uncja-srebra-2026-13656">Krugerrand 1 uncja srebra</a></li> <li><a href="https://www.metalmarket.eu/pl/products/britannia-1-uncja-srebra-2026-13041">Brittania 1 uncja srebra</a> </li> <li><a href="https://www.metalmarket.eu/pl/products/australijski-kangur-1-uncja-srebra-2026-13235">Australijski Kangur 1 uncja srebra</a></li> <li><a href="https://www.metalmarket.eu/pl/products/wiedenski-filharmonik-1-uncja-srebra-2026-13512">Wiedeński Filharmonik 1 uncja srebra</a></li> <li><a href="https://www.metalmarket.eu/pl/products/kanadyjski-lisc-klonowy-1-uncja-srebra-2026-13642">Kandadyjski Liść Klonowy 1 uncja srebra</a></li> <li><a href="https://www.metalmarket.eu/pl/products/amerykanski-orzel-1-uncja-srebra-2026-13557">Amerykański Orzeł 1 uncja srebra</a></li> </ul> <ul class="colapse_lnik"> <li class="title_head ">Notowania</li> <li><a href="https://www.metalmarket.eu/pl/links/kurs-zlota-aktualne-notowania-wykres-i-cena-zlota-875">Wykres ceny złota</a></li> <li><a href="https://www.metalmarket.eu/pl/links/cena-srebra-wykres-notowania-i-kurs-srebra-876">Wykres ceny srebra</a></li> <li><a href="https://www.metalmarket.eu/pl/links/cena-platyny-wykres-notowania-aktualny-kurs-877">Wykres ceny platyny</a></li> <li><a href="https://www.metalmarket.eu/pl/links/cena-palladu-wykres-notowania-aktualny-kurs-palladu-878">Wykres ceny palladu</a></li> <li><a href="https://www.metalmarket.eu/pl/links/wykres-gold-silver-ratio-879">Gold - Silver Ratio</a></li> </ul> <ul class="colapse_lnik"> <li class="title_head">Serie</li> <li><a href="https://www.metalmarket.eu/pl/series/lunar-iii-year-of-the-horse-788">Lunar III: Year of the Horse</a></li> <li><a href="https://www.metalmarket.eu/pl/series/lunar-iii-rok-weza-718">Lunar III - Rok Węża</a></li> <li><a href="https://www.metalmarket.eu/pl/series/lunar-iii-rok-smoka-575">Lunar III: Rok Smoka</a></li> <li><a href="https://www.metalmarket.eu/pl/series/the-royal-tudor-beasts-78">The Royal Tudor Beasts</a></li> <li><a href="https://www.metalmarket.eu/pl/series/australian-emu-23">Australian Emu</a></li> <li><a href="https://www.metalmarket.eu/pl/series/african-wildlife-43">African Wildlife</a></li> </ul> <ul class="colapse_lnik"> <li class="title_head">Mennice</li> <li><a href="https://www.metalmarket.eu/pl/producers/the-royal-mint-1423579524">The Royal Mint</a></li> <li><a href="https://www.metalmarket.eu/pl/producers/the-perth-mint-1294328448">The Perth Mint</a></li> <li><a href="https://www.metalmarket.eu/pl/producers/the-royal-canadian-mint-1142347123?filter_availability=y">The Royal Canadian Mint</a></li> <li><a href="https://www.metalmarket.eu/pl/producers/private-mint-1459764046">Private Mint</a></li> <li><a href="https://www.metalmarket.eu/pl/producers/united-states-mint-1294327554">United States Mint</a></li> <li><a href="https://www.metalmarket.eu/pl/producers/the-south-african-mint-1294327890">The South African Mint</a></li> </ul> <ul class="colapse_lnik"> <li class="title_head">Akcesoria</li> <li><a href="https://www.metalmarket.eu/pl/menu/akcesoria/ochrona-walorow/kapsle-na-monety-2082">Kapsle na monety</a></li> <li><a href="https://www.metalmarket.eu/pl/menu/akcesoria/ochrona-walorow/etui-kasety-klasery-2085">Etui, Kasety, Klasery na monety</a></li> <li><a href="https://www.metalmarket.eu/pl/menu/akcesoria/ochrona-walorow/tuby-2086">Tuby na monety</a></li> <li><a href="https://www.metalmarket.eu/pl/menu/akcesoria/akcesoria/ochrona-i-czyszczenie-2088">Ochrona i czyszczenie</a></li> <li><a href="https://www.metalmarket.eu/pl/menu/akcesoria/akcesoria/wagi-2094">Wagi</a></li> </ul> <ul class="colapse_lnik"> <li class="title_head">Inne</li> <li><a href="https://www.metalmarket.eu/pl/menu/metale/inne-metale/miedz-2093">Miedź inwestycyjna</a></li> <li><a href="https://www.metalmarket.eu/pl/menu/metale/inne-metale/braz-2645">Brąz</a></li> <li><a href="https://www.metalmarket.eu/pl/menu/metale/inne-metale/miedzionikiel-2099">Miedzionikiel</a></li> <li><a href="https://www.metalmarket.eu/pl/menu/metale/inne-metale/stal-2100">Stal</a></li> <li><a href="https://www.metalmarket.eu/pl/menu/banknoty-2687">Banknoty i waluty</a></li> <li><a href="https://www.metalmarket.eu/pl/links/numizmaty-869">Numizmaty</a> </li> </ul> <div class="bg_hide"></div> <div id="btn_reamore_link"> <div>Zobacz więcej </div> </div> </div>` document.querySelector("#footer_links_content").innerHTML = ` ${langEn ? "" : ""} ${langPl ? `${getFooterLisnk}` : ""} ${langDe ? "" : ""} ${langEs ? "" : ""} ${langCs ? "" : ""} ` </script> <div class="footer_bar_grid" style="display: none;"> <div class="wrap_content_grid"> <div class="left_columnt_head_grid"><a href="https://www.metalmarket.eu/" class="logo_metal_market_footer"><img src="/data/include/cms/metal_market/icon/social_media/metal_market_logo.svg?v=1665408967195" /></a> </div> <div class="phone_head_grid"> <a href="tel:+48226238561">tel: <strong></strong>+48 22 623 85 61</strong></a> <script> document.querySelector(".phone_head_grid").innerHTML = ` ${langEn ? `` : ""} ${langPl ? ` <a href="tel:+48226238561">tel: <strong></strong>+48 22 623 85 61</strong></a>` : ""} ${langDe ? `` : ""} ${langEs ? `` : ""} ${langCs ? `` : ""} ` </script> <div class="email_footer_bar"><a href="emailto:info@metalmarket.eu">email:<strong>info@metalmarket.eu</strong></a> </div> </div> <div class="ades_footer_bar_grid"> </div> </ul> </div> <div class="right_columnt_head_grid"> <div class="centrum_pomocy_btn"> <a href="https://www.metalmarket.eu/lng/info/centrum-pomocy-533.html"> </a> <script> document.querySelector(".centrum_pomocy_btn a").innerHTML = ` ${langEn ? "Help Center" : ""} ${langPl ? "Centrum pomocy" : ""} ${langDe ? "Hilfezentrum" : ""} ${langEs ? "Centro de ayuda" : ""} ${langCs ? "Centrum nápovědy" : ""} ${langFr ? "Centre d'aide" : ""} ${langHu ? "Segítségközpont" : ""} ${langIt ? "Centro assistenza" : ""} ` </script> </div> </div> </div> </div> <script> document.querySelector(".ades_footer_bar_grid").innerHTML = ` ${langEn ? "" : ""} ${langPl ? ` <a href="https://www.metalmarket.eu/pl/contact.html"><span>Wiejska 11 lokal 1, 00-480 Warszawa</span><span class="open_hour">Poniedziałek-Piątek, godz. 9:00 - 17:00</span></a>` : ""} ${langCs ? "" : ""} ${langEs ? "" : ""} ${langDe ? "Überprüfen" : "" } ` </script> <script> document.querySelector("#btn_reamore_link").addEventListener("click", function (e) { document.querySelector(".bg_hide").classList.toggle("active") // this.innerHTML = "Zwiń linki"; this.classList.toggle("active") if (this.innerHTML.includes("Zobacz")) { this.innerHTML = "Zwiń linki"; } else { this.innerHTML = "Zobacz więcej"; } document.querySelectorAll(".colapse_lnik").forEach(x => { x.classList.toggle("active"); }) document.querySelectorAll(".mobile_menu_hide").forEach(x => { x.classList.toggle("active"); }) }) </script></div><div class="menu_button_wrapper col-md-3 col-6"> <script src="https://www.metalelokacyjne.pl/data/include/cms/mme/js/produkt/belka_gora.js?v=1785833666777"></script> <style> .commercial_banner.custom-menu-bg #menu_seearch .menu_seearch__input { border-bottom: solid 2px #e7e7e7; padding: 0px 21px; height: 33px; } .center_moneta a { color: #fff; } #b2b_btn { border: solid 1px #fff; padding: 6px 20px; margin-left: 20px; border-radius: 10px; font-weight: 600; font-size: 14px; &:hover { background: #fff; color: var(--maincolor); } } </style> </div></div></div><div id="footer_links" class="row container"><ul id="menu_orders" class="footer_links col-md-4 col-sm-6 col-12"><li><a id="menu_orders_header" class=" footer_links_label" href="https://www.metalmarket.eu/cs/client-orders.html" title=""> Objednávky </a><ul class="footer_links_sub"><li id="order_status" class="menu_orders_item"><i class="icon-battery"></i><a href="https://www.metalmarket.eu/cs/order-open.html"> Stav objednávky </a></li><li id="order_status2" class="menu_orders_item"><i class="icon-truck"></i><a href="https://www.metalmarket.eu/cs/order-open.html"> Sledování zásilek </a></li><li id="order_rma" class="menu_orders_item"><i class="icon-sad-face"></i><a href="https://www.metalmarket.eu/cs/rma-open.html"> Chci reklamovat produkt </a></li><li id="order_returns" class="menu_orders_item"><i class="icon-refresh-dollar"></i><a href="https://www.metalmarket.eu/cs/returns-open.html"> Chci odstoupit od smlouvy </a></li><li id="order_exchange" class="menu_orders_item"><i class="icon-return-box"></i><a href="/cs/client-orders.html?display=returns&exchange=true"> Chci produkt vyměnit </a></li><li id="order_contact" class="menu_orders_item"><i class="icon-phone"></i><a href="/cs/contact"> Kontakt </a></li></ul></li></ul><ul id="menu_account" class="footer_links col-md-4 col-sm-6 col-12"><li><a id="menu_account_header" class=" footer_links_label" href="https://www.metalmarket.eu/cs/login.html" title=""> Účet </a><ul class="footer_links_sub"><li id="account_register_retail" class="menu_orders_item"><i class="icon-register-card"></i><a href="https://www.metalmarket.eu/cs/client-new.html?register"> Registrace </a></li><li id="account_basket" class="menu_orders_item"><i class="icon-basket"></i><a href="https://www.metalmarket.eu/cs/basketedit.html"> Košík </a></li><li id="account_observed" class="menu_orders_item"><i class="icon-heart-empty"></i><a href="https://www.metalmarket.eu/cs/shoppinglist"> Nákupní seznamy </a></li><li id="account_boughts" class="menu_orders_item"><i class="icon-menu-lines"></i><a href="https://www.metalmarket.eu/cs/products-bought.html"> Seznam zakoupených produktů </a></li><li id="account_history" class="menu_orders_item"><i class="icon-clock"></i><a href="https://www.metalmarket.eu/cs/client-orders.html"> Historie transakcí </a></li><li id="account_rebates" class="menu_orders_item"><i class="icon-scissors-cut"></i><a href="https://www.metalmarket.eu/cs/client-rebate.html"> Moje slevy </a></li><li id="account_newsletter" class="menu_orders_item"><i class="icon-envelope-empty"></i><a href="https://www.metalmarket.eu/cs/newsletter.html"> Newsletter </a></li></ul></li></ul><ul class="footer_links col-md-4 col-sm-6 col-12" id="links_footer_1"><li><span title="Before purchasing" class="footer_links_label" ><span>Before purchasing</span></span><ul class="footer_links_sub"><li><a href="https://www.metalmarket.eu/cs/info/-533.html" target="_self" title="Centrum nápovědy" ><span>Centrum nápovědy</span></a></li><li><a href="https://www.metalmarket.eu/cs/terms/information-about-the-store-142.html" target="_self" title="O společnosti" ><span>O společnosti</span></a></li><li><a href="/cs/menu/before-purchasing/all-coins-2101" target="_self" title="All coins " ><span>All coins </span></a></li><li><a href="https://www.metalmarket.eu/en/info/wysylka-i-dostawa-531.html" target="_self" title="Delivery" ><span>Delivery</span></a></li><li><a href="https://www.metalmarket.eu/en/info/-527.html" target="_self" title="Payment" ><span>Payment</span></a></li></ul></li></ul><ul class="footer_links col-md-4 col-sm-6 col-12" id="links_footer_2"><li><span title="Informace" class="footer_links_label" ><span>Informace</span></span><ul class="footer_links_sub"><li><a href="https://www.metalmarket.eu/cs/opinions-shop" target="_self" title="Opinie klientów" ><span>Opinie klientów</span></a></li></ul></li></ul><ul class="footer_links col-md-4 col-sm-6 col-12" id="links_footer_3"><li><span title="Watch us" class="footer_links_label" ><span>Watch us</span></span><ul class="footer_links_sub"><li><a href="https://www.instagram.com/metalmarketeurope/" target="_self" title="Instagram" ><span>Instagram</span></a></li><li><a href="https://pl.pinterest.com/metalmarketeurope/" target="_self" title="Pinterest" ><span>Pinterest</span></a></li><li><a href="https://x.com/metalmarketeuro" target="_self" title="X" ><span>X</span></a></li></ul></li></ul></div><div class="footer_settings container d-md-flex justify-content-md-between align-items-md-center mb-md-4"><div id="price_info" class="footer_settings__price_info price_info mb-4 d-md-flex align-items-md-center mb-md-0"><div class="price_info__wrapper"><span class="price_info__text --type"> V obchodě uvádíme ceny brutto (včetně DPH). </span><span class="price_info__text --region">Sazby DPH pro domácí spotřebitele: <span class="price_info__region">Poland</span>. </span></div></div><div class="footer_settings__idosell idosell mb-4 d-md-flex align-items-md-center mb-md-0 " id="idosell_logo"><a class="idosell__logo --link" target="_blank" href="https://www.idosell.com/en/?utm_source=clientShopSite&utm_medium=Label&utm_campaign=PoweredByBadgeLink" title="shop online program"><img class="idosell__img mx-auto d-block b-lazy" src="/gfx/standards/loader.gif?r=1787662638" data-src="/ajax/poweredby_IdoSell_Shop_white.svg?v=1" alt="shop online program"></a></div></div><div id="menu_contact" class="container d-md-flex align-items-md-center justify-content-md-center"><ul><li class="contact_type_header"><a href="https://www.metalmarket.eu/cs/contact" title=""> Kontakt </a></li><li class="contact_type_text"><span>22 623 85 61</span></li><li class="contact_type_mail"><a href="mailto:biuro@metalelokacyjne.pl">biuro@metalelokacyjne.pl</a></li><li class="contact_type_adress"><span class="shopshortname">Metal Market Europe<span>, </span></span><span class="adress_street">Wiejska 11 lokal 1<span>, </span></span><span class="adress_zipcode">00-480<span class="n55931_city"> Warszawa</span></span></li></ul></div><div class="rwdswicher"><a class="rs-link" href="https://https://www.metalmarket.eu/lng/menu/zloto/zlote-monety-850/settings.php?no_detect_mobile=y"></a></div><section id="menu_banners2" class="container"><div class="menu_button_wrapper"></div><div class="menu_button_wrapper"><!-- <script> if ( document.querySelector("#container").classList.contains("main_page") || document.querySelector("#container").classList.contains("text_page") || document.querySelector("#container").classList.contains("text_page") ) { // Załaduj skrypt tylko jeśli warunek jest spełniony const script = document.createElement('script'); script.src = 'https://www.metalelokacyjne.pl/data/include/cms/waluty/cooki_waluty_data.js?v=1782470378178'; document.head.appendChild(script); } </script> --> <script src="https://www.metalelokacyjne.pl/data/include/cms/waluty/cooki_waluty_data.js?v=1782470378178"></script></div><div class="menu_button_wrapper"><script> (function () { let BASE = "https://www.metalmarket.eu/data/include/cms/mme/js/produkt/"; const gethrefIDS = "IDS_link_MME.js?v=1789113058881" // ładują się zawsze, niezależnie od typu strony let GLOBALJS = [ "New_rwd_menu_10_g.js?v=1789043420484", "footer_v2_baner_2.js?v=1782894217285", "mapa_opini.js?v=1786349717632", "lazy_loadin_zdjecia.js?v=1787818957266", // "IDS_link_MME.js?v=1787138895557", ]; // main_page (strona produktowa) let MAIN_PAGE = [ gethrefIDS, // "mapa_opini.js?v=1786349717632", ]; let basketeditPage = [gethrefIDS,] // projector_page (osobna grupa) let PROJECTOR_PAGE = [ "specyfikacjaall_lang.js?v=1783935320793", "karta_produktowa_spot.js?v=1786435864538", "informacja_karta_produktu.js?v=1787819924485", "zega_dostepnosc_24.js?v=1788249879904", "Czytaj_wiecej_karta_.js?v=1788869054768", ]; // menic let producersListpage = [ "mennice_sortowanie_szukanie.js?v=1788260558957", "mennice_Mapa.js?v=1788256827992", ] // search_page (listing/wyszukiwarka) let SEARCH_PAGE = [ "baner_sub_listing.js?v=1789037279751", "filtry_left_script_PL_All.js?v=1786115842843", "Listing_spot.js?v=1783090176488", "mennice_main_text.js?v=1788442202095", "wagi_show_label.js?v=1787924845903", "zega_dostepnosc_24.js?v=1788249879904", // "script__listing_produktowy_content.js?v=1788864851264", ]; // --- rozgrzewka: uruchamiana od razu przy parsowaniu, jeszcze zanim // loader poniżej doczeka się #container --- let HEAD = document.head || document.getElementsByTagName("head")[0]; // 1) preconnect do drugiej domeny (osobny handshake DNS + TLS). // Bez crossorigin - skrypty są ładowane jako zwykłe <script src>. (function warmupOrigin(origin) { ["preconnect", "dns-prefetch"].forEach(function (rel) { let l = document.createElement("link"); l.rel = rel; l.href = origin; HEAD.appendChild(l); }); })("https://www.metalmarket.eu"); // 2) preload globalnych skryptów - pobierają się natychmiast i czekają // w cache; to ten sam URL (z ?v=...), więc loader nie pobiera 2. raz. function preloadScripts(files) { files.forEach(function (file) { let l = document.createElement("link"); l.rel = "preload"; l.as = "script"; l.href = BASE + file; HEAD.appendChild(l); }); } preloadScripts(GLOBALJS); function loadScripts(files) { files.forEach(function (file) { let s = document.createElement("script"); s.src = BASE + file; s.async = false; document.body.appendChild(s); }); } function checkAndLoad() { let container = document.querySelector("#container"); if (!container) { return false; } if (container.classList.contains("main_page")) { loadScripts(MAIN_PAGE); } else if (container.classList.contains("projector_page")) { loadScripts(PROJECTOR_PAGE); } else if (container.classList.contains("producers-list_page")) { loadScripts(producersListpage); } else if (container.classList.contains("basketedit_page")) { loadScripts(basketeditPage); } else if (container.classList.contains("search_page")) { loadScripts(SEARCH_PAGE); } loadScripts(GLOBALJS); return true; } if (!checkAndLoad()) { let attempts = 0; let interval = setInterval(function () { attempts++; if (checkAndLoad() || attempts > 50) { clearInterval(interval); } }, 200); } })(); </script> <script src="https://www.metalelokacyjne.pl/data/include/cms/mme/js/produkt/dodanie_jezyka_boks.js?v=1784213930190"></script> <script src="https://www.metalelokacyjne.pl/data/include/cms/mme/js/produkt/script__listing_produktowy_content.js?v=1788864851264"></script></div><div class="menu_button_wrapper"><script> (function () { var COOKIE = "jas_promo_closed"; var GIF_DEFAULT = "https://www.metalelokacyjne.pl/data/include/cms/promocje/jas/magnific_zrob-tak-ze-jas-pokazuje-_tCKyCUemZJ.gif?v=1788942711774"; var GIF_HOVER = "https://www.metalelokacyjne.pl/data/include/cms/promocje/jas/magnific_zrob-tak-ze-jas-pokazuje-_2_v6AVf32SiJO.gif?v=1788943686634"; var LINK = "https://www.metalmarket.eu/lng/products/zlota-sztabka-mr-bean-1g-zlota-2026-prooflike-15117"; function hasCookie(name) { return document.cookie.split(";").some(function (c) { return c.trim().indexOf(name + "=") === 0; }); } function setCookie(name, value, days) { var d = new Date(); d.setTime(d.getTime() + days * 24 * 60 * 60 * 1000); document.cookie = name + "=" + value + "; expires=" + d.toUTCString() + "; path=/; SameSite=Lax"; } // Ktos juz zamknal - nie pokazujemy. if (hasCookie(COOKIE)) return; // Podgrzej gif hover, zeby nie mrugal przy pierwszym najechaniu. var preload = new Image(); preload.src = GIF_HOVER; setTimeout(function () { var container = document.querySelector("#container"); var isMobile = window.matchMedia("(max-width: 768px)").matches; // Na mobile wstrzykujemy do .search_page #content, na desktopie do #Filters. var host = isMobile ? document.querySelector(".search_page #content") : (document.querySelector(".search_page #content #Filters") || document.querySelector("#Filters")); // Tylko na listingu / stronie wyszukiwania. if (!host || !container || !container.classList.contains("search_page")) return; if (document.getElementById("jas_promo")) return; var box = document.createElement("div"); box.id = "jas_promo"; box.innerHTML = '<button type="button" class="jas_promo__close" aria-label="Zamknij">×</button>' + '<a href="' + LINK + '" class="jas_promo__link">' + '<img class="jas_promo__img" src="' + GIF_DEFAULT + '" alt=""></a>'; host.insertAdjacentElement("afterbegin", box); var img = box.querySelector(".jas_promo__img"); // Zmiana gifa na hover. box.addEventListener("mouseenter", function () { img.src = GIF_HOVER; }); box.addEventListener("mouseleave", function () { img.src = GIF_DEFAULT; }); // X + cookie - po zamknieciu juz sie nie pokaze. box.querySelector(".jas_promo__close").addEventListener("click", function (e) { e.preventDefault(); e.stopPropagation(); setCookie(COOKIE, "1", 365); box.remove(); }); }, 2000); })(); </script> <style> footer{position: relative;} #jas_promo { position: fixed; bottom: 0; left: 0; z-index: 9998; width: 200px; max-width: 40vw; transform: translate(130px, 10px); mix-blend-mode: multiply; line-height: 0; } #jas_promo .jas_promo__link, #jas_promo .jas_promo__img { display: block; width: 100%; height: auto; } #jas_promo .jas_promo__img { mix-blend-mode: darken; } #jas_promo .jas_promo__close { position: absolute; top: 0; right: 0; left: auto; z-index: 2; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 50%; background: #092B58; color: #fff; font: 700 15px/1 system-ui, Arial, sans-serif; cursor: pointer; transition: transform .15s ease, background .15s ease; } #jas_promo {left: auto !important;right: auto !important;} #jas_promo .jas_promo__close:hover { background: #0d3a72; transform: scale(1.1); } /* mobile - to samo, tylko mniejsze */ @media (max-width: 768px) { #jas_promo { position: fixed; bottom: 0; left: 0; right: 0px !important; z-index: 9998; width: 200px; max-width: 40vw; transform: translate(0px, 0px); mix-blend-mode: multiply; line-height: 0; } #jas_promo .jas_promo__close { width: 20px; height: 20px; font-size: 13px; } } @media only screen and (max-width: 900px) { #czat_main_content { position: fixed; bottom: 140px !important; width: 200px; right: -112px !important; } } </style></div><div class="menu_button_wrapper"><style> .view_switcher { display: none; gap: 6px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 99; } #search.products.--table-view .product:hover { background: var(--twocolor); transition: none !important; } #search.products.--table-view .product__icon { margin: auto; } #search.products.--table-view .label_icons { display: none; } @media (min-width: 1001px) { .view_switcher { display: flex; } } .view_switcher__btn { display: flex; align-items: center; justify-content: center; width: 44px; /* height: 34px; */ border-radius: 4px; background: #fff; color: #888; cursor: pointer; transition: all .2s; padding: 0; } .view_switcher__btn img { filter: brightness(.8); } .view_switcher__btn:hover { border-color: var(--maincolor); color: var(--maincolor); } .view_switcher__btn img:hover { filter: brightness(.4); } .view_switcher__btn.--active img { filter: brightness(0) saturate(100%) invert(0%) sepia(97%) saturate(17%) hue-rotate(138deg) brightness(102%) contrast(96%); color: #fff; } /* Widok tabelaryczny (excel): sama nazwa i małe zdjęcie */ #search.products.--table-view { display: block !important; } #search.products.--table-view .product picture img{ transition: none !important;} #search.products.--table-view .product:hover picture img { transform: scale(2.5); mix-blend-mode: normal !important; z-index: 999; position: relative; transition: none !important; } #search.products.--table-view .product:hover { position: relative; z-index: 999; background: var(--twocolor); padding: 10px; border: 5px; transition: none !important; } #search.products.--table-view .rotation_product_btn { display: none !important; } #search.products.--table-view .promo-nowosci { display: none !important; } #search.products.--table-view .product:has(.price.--phone) { display: none !important; } #search.products.--table-view .product { display: grid; align-items: center; gap: 0px; width: 100%; max-width: 100%; padding: 8px 10px; border-bottom: solid 1px #eee !important; color: step-end; grid-template-columns: minmax(90px, 120px) minmax(380px, 520px) 1fr; padding: 0px !important; margin: 0px !important; justify-items: start; } /* 90px 380px */ #search.products.--table-view .product__icon { flex: 0 0 auto; width: 48px; height: 48px; min-height: 0; } #search.products.--table-view .product__icon img, #search.products.--table-view .product__icon picture { max-width: 100%; max-height: 100%; object-fit: contain; } #search.products.--table-view h3 { margin: 0; flex: 1; } #search.products.--table-view .product__name { font-size: 14px; font-weight: normal; text-align: left; /* display: grid; */ flex-direction: row; align-content: center; align-items: center; grid-template-columns: 90px 100%; justify-items: start; justify-content: start; min-width: 510px; display: flex; } #search.products.--table-view .label_weight { opacity: .5; position: static !important; white-space: nowrap; } #search.products.--table-view .product__prices, #search.products.--table-view .product__compare { display: flex; flex-direction: row; gap: 10px; align-items: center; position: relative; } /* Różnica ceny względem pierwszego produktu, widoczna tylko przy sortowaniu po cenie */ .price_diff_badge { display: inline-block; margin-left: 6px; font-size: 12px; font-weight: bold; } .price_diff_badge.--up { color: #9a0000; } .price_diff_badge.--down { color: #03A84E; } .--table-view.produx_size .product__icon { height: auto !important; } #search.products.--table-view.produx_size .product__prices { min-width: 420px; } #search.products.--table-view.produx_size { /* display: block !important; */ display: grid !important; grid-auto-flow: row; justify-content: space-evenly; align-items: center; justify-items: center; } @media (max-width:1500px) { #search.products.--table-view .product__name { min-width: 380px; } #search.products.--table-view .product__prices, #search.products.--table-view .product__compare { min-width: 400px; } } </style> <script> (function () { const VIEW_COOKIE = "listing_view"; function getCookie(name) { const match = document.cookie.match(new RegExp("(?:^|; )" + name + "=([^;]*)")); return match ? decodeURIComponent(match[1]) : ""; } function setCookie(name, value) { const expires = new Date(Date.now() + 365 * 24 * 60 * 60 * 1000).toUTCString(); document.cookie = name + "=" + encodeURIComponent(value) + "; expires=" + expires + "; path=/"; } function applyView(switcher, grid, view) { switcher.querySelectorAll(".view_switcher__btn").forEach(function (b) { b.classList.toggle("--active", b.dataset.view === view); }); grid.classList.toggle("--table-view", view === "table"); document.dispatchEvent(new CustomEvent("listingViewChanged", { detail: { view: view } })); } function initViewSwitcher() { const container = document.querySelector("#paging_setting_top"); const grid = document.querySelector("#search.products"); if (!container || !grid || container.querySelector(".view_switcher")) return; container.style.position = container.style.position || "relative"; const switcher = document.createElement("div"); switcher.className = "view_switcher"; switcher.innerHTML = ` <button type="button" class="view_switcher__btn --active" data-view="grid" title="Widok siatki" aria-label="Widok siatki"> <img src="https://www.metalelokacyjne.pl/data/include/cms/mme/icons/kafelki.svg?v=1787923724081" alt=""> </button> <button type="button" class="view_switcher__btn" data-view="table" title="Widok tabeli" aria-label="Widok tabeli"> <img src="https://www.metalelokacyjne.pl/data/include/cms/mme/icons/line_produkt.svg?v=1787923724081" alt=""> </button> `; container.appendChild(switcher); const savedView = getCookie(VIEW_COOKIE) === "table" ? "table" : "grid"; applyView(switcher, grid, savedView); switcher.addEventListener("click", function (e) { const btn = e.target.closest(".view_switcher__btn"); if (!btn) return; const view = btn.dataset.view; applyView(switcher, grid, view); setCookie(VIEW_COOKIE, view); }); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initViewSwitcher); } else { initViewSwitcher(); } })(); </script> <script> (function () { function parsePriceWithCurrency(text) { const cleaned = text.replace(/\u00A0/g, " ").trim(); const CURRENCY = "(zł|PLN|EUR|USD|GBP|CHF|CZK|€|\\$|£)"; const NUMBER = "([\\d\\s]+(?:[.,]\\d{2})?)"; // Currency can come after the number ("123,45 USD", "18 373,07 zł") // or before it ("$123.45", "£99.99") - try both layouts. let numberPart, currency; let match = cleaned.match(new RegExp(NUMBER + "\\s*" + CURRENCY, "i")); if (match) { numberPart = match[1]; currency = match[2]; } else { match = cleaned.match(new RegExp(CURRENCY + "\\s*" + NUMBER, "i")); if (!match) return null; currency = match[1]; numberPart = match[2]; } numberPart = numberPart.replace(/\s/g, ""); const lastComma = numberPart.lastIndexOf(","); const lastDot = numberPart.lastIndexOf("."); if (lastComma > lastDot) { numberPart = numberPart.replace(/\./g, "").replace(",", "."); } else if (lastDot > lastComma) { numberPart = numberPart.replace(/,/g, ""); } const value = parseFloat(numberPart); if (isNaN(value)) return null; return { value: value, currency: currency }; } function isPriceDiffBadge(node) { return node.nodeType === 1 && node.classList && node.classList.contains("price_diff_badge"); } function hasRelevantMutations(mutations) { return mutations.some(function (mutation) { const changed = Array.prototype.slice.call(mutation.addedNodes) .concat(Array.prototype.slice.call(mutation.removedNodes)); return changed.some(function (node) { if (isPriceDiffBadge(node)) return false; if (node.nodeType === 1 && node.closest && node.closest(".price_diff_badge")) return false; return true; }); }); } function applyPriceDiffBadges() { const grid = document.querySelector("#search.products"); if (!grid) return; grid.querySelectorAll(".price_diff_badge").forEach(function (badge) { badge.remove(); }); if (!grid.classList.contains("--table-view")) return; const sortSelect = document.querySelector("#select_top_sort"); const currentSort = sortSelect ? sortSelect.value : ""; if (currentSort !== "price-a" && currentSort !== "price-d") return; let basePrice = null; let baseCurrency = "zł"; grid.querySelectorAll(".product").forEach(function (product) { const priceEl = product.querySelector(".product__prices .price"); if (!priceEl) return; const parsed = parsePriceWithCurrency(priceEl.textContent); if (!parsed) return; const price = parsed.value; if (basePrice === null) { basePrice = price; baseCurrency = parsed.currency; return; } const diff = price - basePrice; if (Math.abs(diff) < 0.005) return; const badge = document.createElement("span"); badge.className = "price_diff_badge " + (diff > 0 ? "--up" : "--down"); badge.textContent = (diff > 0 ? "+" : "-") + Math.abs(diff).toFixed(2).replace(".", ",") + " " + (parsed.currency || baseCurrency); priceEl.insertAdjacentElement("afterend", badge); }); } function removeInfoKomis() { const grid = document.querySelector("#search.products.--table-view"); if (!grid) return; grid.querySelectorAll(".info_komis, .label_komis_main").forEach(function (el) { el.remove(); }); } function simplifyDeliveryTimes() { const grid = document.querySelector("#search.products"); if (!grid) return; const inTableView = grid.classList.contains("--table-view"); grid.querySelectorAll(".delivery_time").forEach(function (el) { if (el.dataset.fullText === undefined) { el.dataset.fullText = el.textContent; } let target = el.dataset.fullText; if (inTableView) { // usuń wszystko przed pierwszą liczbą, zostaw resztę (liczba + jednostka) const idx = el.dataset.fullText.search(/\d/); if (idx === -1) return; target = el.dataset.fullText.slice(idx).trim(); } // Only touch the DOM when the text actually needs to change, so this // doesn't generate a mutation (and re-trigger the observer) every call. if (el.textContent !== target) { el.textContent = target; } }); } function refreshListingExtras() { applyPriceDiffBadges(); setTimeout(simplifyDeliveryTimes,100); removeInfoKomis(); } function init() { const grid = document.querySelector("#search.products"); if (!grid) return; refreshListingExtras(); const observer = new MutationObserver(function (mutations) { if (!hasRelevantMutations(mutations)) return; refreshListingExtras(); }); observer.observe(grid, { childList: true, subtree: true }); const sortSelect = document.querySelector("#select_top_sort"); if (sortSelect) { sortSelect.addEventListener("change", function () { setTimeout(refreshListingExtras, 300); }); } document.addEventListener("listingViewChanged", refreshListingExtras); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", init); } else { init(); } })(); </script></div><div class="menu_button_wrapper"><!-- nowestyoe --> <style> #menu_seearch .menu_seearch__block { background: transparent !important; color: #333; } .commercial_banner.custom-menu-bg #menu_seearch .menu_seearch__input:hover { border-bottom: solid 2px var(--maincolor);} .commercial_banner.custom-menu-bg #menu_seearch .menu_seearch__input { border-bottom: solid 2px #e7e7e7; padding: 0px 21px; height: 33px; background: transparent !important; } #carusela_sub_baners { .carousel { padding-top: 10px; margin-top: -20px !important; } } html body header.commercial_banner.custom-menu-bg:after { content: ''; display: block; position: absolute; left: -100%; background: #ffffffd9 !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background: rgba(255, 255, 255, 0.85) !important; width: 240%; height: 60px; z-index: 0; top: 0px; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(5px); } .--scroll-down #reviewsBarMain, .--scroll-down #header_bar_two {top:-50px;transition: all .4s;} header.commercial_banner .topBasket {background: transparent !important;} #logo {background: transparent !important;} #filter_list a span { font-family: "Inter", sans-serif !important; } .btn_wloczLabel .slider { width: 30px; } b.info_head { font-weight: bold !important; font-size: 14px; } .order_process div#head_belka_fiex { height: 0px !important; } #content #paging_setting_top { margin-bottom: 50px; } #consten_caruzela .slide { cursor: grab; } [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome !important; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; } html body #tags_constent_mainHead { display: flex; gap: 10px; align-content: flex-end; align-items: flex-end; margin-top: 30px !important; padding-left: 10px !important; margin-bottom: 10px !important; position: absolute; top: auto; width: 100%; left: 10px; } .deal_of_day__image { text-align: center; } .deal_of_day__image img { max-width: 270px; mix-blend-mode: darken !important; } .box_conttent_head { display: grid; grid-template-columns: minmax(300px, 400px) 1fr; width: 100%; max-width: fit-content !important; gap: 20px; background: var(--twocolor); border-radius: 10px; margin: 20px 0px; padding: 10px 0px; } #content #main_hotspot_zone1 { min-width: 1010px; } #content #main_hotspot_zone1 { margin: 0 !important; } #karuzela_promocja_one_day { position: static !important; position: static !important; width: 100%; max-width: 100% !important; margin-top: 0px !important; } .deal_of_day__prices { padding-top: 10px; border-top: solid 1px #ccc } .product__producentName a:hover { text-decoration: underline; } .label_weight { opacity: .5; } .product:hover .label_weight { opacity: 1; } #main_hotspot_zone1 a:hover { color: var(--maincolor) !important; } #karuzela_promocja_one_day .headline { margin: 0px; padding: 0px; white-space: nowrap; /* font-size: 22px; */ text-align: center; display: flex !important; flex-direction: column; align-items: center; row-gap: 0px; } #karuzela_promocja_one_day .headline .subhe_promotion { padding-top: 10px; } .deal_of_day__stock { border-bottom: solid 1px #ccc; padding-bottom: 20px; } @media (max-width:1000px) { div#consten_caruzela { width: 100%; margin-top: 0px; } #carusela_sub_baners { .carousel { padding-top: 10px; margin-top: -20px !important; } } body #Filters button.--large { display: flex !important; padding: 20px 10px !important; align-items: center; align-content: center; justify-content: center; border-radius: 10px !important; } html body #content.statc_pagin #tags_constent_mainHead { margin-top: 0px !important;} html body #container #tags_constent_mainHead { display: flex; gap: 10px; align-content: flex-end; align-items: flex-end; margin-top: 100px !important; padding-left: 10px !important; margin-bottom: 10px !important; position: absolute; top: auto; width: 100%; left: 10px; } #content.statc_pagin #paging_setting_top { margin-bottom: 20px !important; } #main_hotspot_zone1 { margin-top: 50px; } #main_hotspot_zone1 h2 { background: transparent !important; } #main_hotspot_zone1 .slick-list { min-height: 330px; } .eyebrow { font-size: clamp(24px, 12vw, 48px) !important; } body .col-md-3 { padding-right: 15px !important; padding-left: 15px !important; } #karuzela_promocja_one_day { z-index: 0 !important; position: static !important; display: block !important; max-width: 85% !important; margin: auto !important; } .deal_of_day__image img { max-width: 60%; } .box_conttent_head { display: grid; grid-template-columns: 1fr; } #content #main_hotspot_zone1 { min-width: 100% !important; } } @media (max-width:1000px) { #projector_price_srp_wrapper.show_all_gwaranacja { display: block !important; } body #projector_price_srp_wrapper.show_all_gwaranacja #gwaranty_sell #gwaranty_text.show { left: 0px !important; } body #projector_price_srp_wrapper #gwaranty_sell #gwaranty_text.show { left: -50% !important; max-width: 50%; max-width: 290px; /* width: 110px; */ min-width: auto; } #gwaranty_sell #gwaranty_text .test_2_gwaranty img.only_custumer { position: absolute; width: 120px; z-index: 999; top: auto; right: -80px; bottom: 270px; } } </style> <style> #karuzela_promocja_one_day { position: absolute; z-index: 99; padding: 10px; background: #f5f6fa; border-radius: 10px; margin-top: 60px; margin-left: 10px; border: none !important; max-width: 28%; transition: all .5s ease; } #karuzela_promocja_one_day:hover { background: #fefeff; transition: all .5s; } #karuzela_promocja_one_day:hover { border: solid 1px #ccc; } @media (min-width: 757px) { #main_hotspot_zone1 .product__icon { height: 17.2rem; } } #main_hotspot_zone1 h2 { background: #fff; border-radius: 10px 10px 0px 0px; padding-left: 20px; } #content #main_hotspot_zone1 { background: var(--twocolor); border-radius: 10px; padding-top: 0px !important; padding-bottom: 0px !important; } .day_promotion { padding-left: 20px; } .deal_of_day__subtitle { margin-bottom: 20px; } .day_promotion .deal_of_day__price_row .deal_of_day__price_best { color: #03A84E; font-size: 18px; font-weight: bold; } .day_promotion .deal_of_day__price_row { color: var(--maincolor); } .day_promotion .deal_of_day__title { font-size: 20px; font-weight: bold; margin-top: 10px; } .day_promotion a:hover { color: var(--maincolor) } .deal_of_day__stock strong { color: #E80F0F; } .day_promotion .deal_of_day__buy_button { width: 100%; border: solid 1px var(--maincolor) !important; background: #fff !important; color: var(--maincolor) !important; margin-top: 20px; transition: all .5s; } .day_promotion .deal_of_day__buy_button:hover { background: var(--maincolor) !important; color: #fff !important; transition: all .5s; } .product__producentName { font-size: 11px; color: #ccc; text-align: center; } .product__producentName a { color: var(--maincolor); } @media (min-width: 979px) { .hotspot.--slider .slick-initialized .product { padding-top: 0rem !important; padding-left: 10px !important; padding-right: 10px !important; padding-bottom: 10px !important; border-radius: 10px !important; } } #main_hotspot_zone1 .hotspot__dots { display: none; } #main_hotspot_zone1 .hotspot.--slider .slick-initialized .product { padding-top: 0rem !important; padding-left: 10px !important; padding-right: 10px !important; } body #main_hotspot_zone1 .hotspot.--slider .product { padding-top: 0rem !important; } #main_hotspot_zone1 .products { border: none; background: #fff; color: #333; border-style: none; border-radius: 0px 0px 10px 10px; min-height: 360px; } body #main_hotspot_zone1 .slick-list.draggable { height: auto !important; } #main_hotspot_zone1 .price { text-align: center !important; } body #main_hotspot_zone1 .product__name { font-size: 1.6rem; font-weight: bold; line-height: 1.2; height: 37px !important; text-align: center !important; } .day_promotion { position: static; z-index: 9; padding-left: 20px; background: transparent !important; border-radius: 10px; padding-right: 20px; padding: 0px; border-radius: 10px; margin-left: 20px; margin-top: 10px; } body #main_hotspot_zone1 .product { width: auto !important; } #karuzela_promocja { max-width: 30% !important; } .product__producentName span { display: none; } body #main_hotspot_zone1 .product__name { font-size: 14px; text-align: left; } body #main_hotspot_zone1 .slick-track { height: auto !important; } body #main_hotspot_zone1 .product__addToBasket { display: none; } #main_hotspot_zone1 img { max-width: 170px; } #main_hotspot_zone1 { max-width: 100%; padding-left: 0% !important; } body #karuzela_promocja { & .product_right { .carusel_promotion_a { display: flex; gap: 10px; display: grid; gap: 0px; grid-template-columns: 1fr !important; margin-left: -10px; scroll-snap-type: x mandatory; } } } #content #main_banner1 {} #content #main_hotspot_zone1 {} #main_hotspot_zone1 .slick-track { display: grid; grid-template-columns: 1fr 1fr 1fr; } .askforproduct__label_txt.headline__name { padding-left: 0px; } #view_two_mobile img { border: solid 1px #ccc; } html.order_process body header.commercial_banner { position: static !important; } .input_wegith:hover { background: var(--twocolor); } body .spot-add { display: block !important; } @media (max-width:1000px) { #karuzela_promocja_one_day { margin: 20px; max-width: 100%; border: solid 1px #7b7b7b; } body #main_hotspot_zone1 .product { width: 230px !important; } #karuzela_promocja_one_day { position: static; } #main_hotspot_zone1 { max-width: 100%; padding-left: 0% !important; } #main_hotspot_zone1 .slick-track { display: flex; /* grid-template-columns: 1fr 1fr 1fr; */ } .day_promotion { position: static; } #projector_prices_wrapper .spot-add { display: none !important; } #projector_prices_wrapper .projector_prices__price_wrapper .spot-add { display: block !important; } #info_seria_mobie { display: grid !important; padding: 20px 0px; justify-content: space-between; font-size: 14px; align-items: stretch; gap: 10px; grid-template-columns: 1fr 1fr; } } body #content .pswp__img.is-dragging { cursor: url("https://www.metalelokacyjne.pl/data/include/cms/mme/icons/lapka.svg?v=1786373864903")26 26, zoom-in !important; } body #content .pswp__img { cursor: url("https://www.metalelokacyjne.pl/data/include/cms/mme/icons/lupka.svg?v=1786372735340") 16 16, zoom-in !important; } .sr-only { display: none !important; } .f-group.--checkbox .f-control:checked+.f-label:before { background: var(--maincolor); border: 0px solid; } body #Filters button { background: var(--maincolor) !important; } html body #Filters button:hover { background: #04863e !important; } .input_wegith.active::before { border: 1px solid var(--maincolor); background: url(https://www.metalelokacyjne.pl/data/include/cms/kantor/check_filter.svg?v=1786364096017) no-repeat !important; background-size: contain; background-color: var(--maincolor) !important; background-size: 101% !important; } #filter_traits510_expand .filters__options { display: none !important; } #read_more_dec span:after { filter: brightness(0) saturate(100%) invert(36%) sepia(81%) saturate(1897%) hue-rotate(125deg) brightness(99%) contrast(94%); } #show_opinion_form { background: var(--maincolor); border: none !important; transition: all .5s; } #show_opinion_form:hover { background: #04863e !important; border: none !important; transition: all .5s; } #slider_popular_coins .popular_coins_tabs { padding: 0px; margin: 0px; margin-bottom: 20px; margin-top: 40px; display: flex; } /* pswp pswp--open pswp--notouch pswp--css_animation pswp--svg pswp--animated-in pswp--zoom-allowed pswp--visible pswp--has_mouse */ @media (min-width:1300px) { .pswp, .pswp__item { overflow: visible !important; } /* .photoSwipe_name:last-child { display: block; text-align: left; font-size: 13px; font-weight: normal; top: 10px; position: fixed; left: auto; bottom: auto; } */ .photoSwipe_innerthumbs { display: none !important; } .photoSwipe_name, .pswp__counter { display: none !important; } .pswp__scroll-wrap:after, .pswp__scroll-wrap:before { background: transparent !important; } .pswp__scroll-wrap .slick-list.draggable { display: none !important; } } #b2b_btn { border: solid 1px #ffffff66 !important; } .slick-list.draggable {} .header_bar .right_columnt_head li { background-color: transparent !important; border-radius: 10px; padding: 4px 16px; } .slick-dots { position: absolute; bottom: -25px !important; } .right_columnt_head li strong, .center_moneta strong { font-weight: 400 !important; } #baners_search { display: grid; grid-template-columns: 1fr .8fr; border-radius: 10px; overflow: hidden; } #baners_search .h2 { color: #fff; font-size: 28px; font-weight: 500; margin-bottom: 13px; } #baners_search .btn_box { font-size: 12px !important; padding: 7px 50px 7px 50px !important; } .logo_mennie img { max-width: 150px; } #baners_search .btn_box:hover { color: #000 !important; } .images_boks_mennie img { object-fit: cover; width: 100%; height: 100%; } #baners_search .baners_menica_conten_image img { border-radius: 0px; object-fit: cover; max-width: 150%; width: 110%; } #baners_search .text_mints { text-align: left; line-height: 31px; font-weight: 300; padding: 20px; } #baners_search .info_title { text-align: left; line-height: 24px; font-size: 14px; font-weight: 300; } #baners_search .text_mints { width: 100%; margin: auto; } .moneta_main img { mix-blend-mode: multiply; } @media (max-width:1000px) { #baners_search { display: none; } } #logo img:hover { filter: brightness(0) saturate(100%) invert(15%) sepia(19%) saturate(4959%) hue-rotate(195deg) brightness(92%) contrast(91%); transition: all .5s; } #basket-promo-items img { max-width: 150px; } span.orderdetails_info__number { font-size: 35px; font-weight: bold; } .navbar-nav:nth-last-child a:before { display: none !important; } html body #menu_settings .flag { display: none !important; } .commercial_banner.custom-menu-bg #cunrency_top { display: none !important; } .d-none.d-md-inline-block.flag.flag_eng { display: none !important; } #slider_popular_coins { margin-bottom: 0px !important; margin-top: 30px !important; } body .noproduct h3 { text-align: center !important } #read_more_dec { border: none !important; } .btn_box { border: solid 1px !important; } #filter_list { margin-top: 50px !important; } body #charts { display: block !important; } #years_nagege::after { background-image: url(https://www.metalelokacyjne.pl/data/include/cms/metal_market/icon/arrow_bok_wstecz.svg); width: 20px; transform: rotate(-90deg); position: static; height: 20px; display: block; background-size: contain; background-repeat: no-repeat; content: ''; right: auto; top: 0px; position: relative; top: -5px; right: -6px; } #years_nagege { position: relative; } #years_nagege { background: url(https://www.metalelokacyjne.pl/data/include/cms/mme/icons/calendar.svg?v=1784537251775) 20px 11px no-repeat; padding-left: 60px; background-size: 32px; display: flex; align-items: flex-start; } #years_nagege:hover { background: url(https://www.metalelokacyjne.pl/data/include/cms/mme/icons/calendar.svg?v=1784537251775) 20px 11px no-repeat; background-color: var(--twocolor) !important; background-size: 32px; } #return_sub_basket_empty>h3, #return_sub_wisheslist_empty>h3, #return_sub_ordered_empty>h3 { color: #333; font-size: 3rem; font-weight: 700; margin-top: 1rem; margin-bottom: 1rem; text-align: center !important; } #content_ofirmie { @media (max-width: 1000px) { border-radius: 0px; grid-template-columns: 1fr; padding: 10px; gap: 20px; background: var(--navy) !important; } } #content_ofirmie { & #contetn_numbers_new { &>div { &:hover { border-radius: 10px; background: var(--navyhover); display: block; box-shadow: 3px 7px 27px 15px rgba(0, 0, 0, 0.08); /* text-shadow: 3px 7px 27px rgba(0, 0, 0, 0.8); */ } } } } @media (max-width: 1000px) { body #gwaranty_sell #gwaranty_text.show { left: 0px !important; } #caruselpromotionProduct::after { background-size: contain !important; } body footer #footer_links .footer_links#menu_account, body footer #footer_links ul#menu_account { border-bottom: solid 1px #576374 !important; } body .statc_pagin .s_paging__item.--sort, body .statc_pagin .s_paging__item.--mode.mb-2.mb-sm-3 { display: none !important; } body .statc_pagin #filter_list { margin-bottom: 0px !important; position: relative !important; top: 0px !important; z-index: 9 !important; display: flex; gap: 10px; align-items: center; justify-content: space-between; margin-top: 10px !important; z-index: 999; } .setMobileGrid #charts { display: none !important; } #setMobileGrid #charts { display: none !important; } #delivery_box #contry_head_chose { position: sticky; display: flex; top: 60px; background: #fff; z-index: 99; margin-bottom: 30px; flex-direction: row; align-content: flex-start; text-align: left; align-items: center; font-size: 12px; overflow: scroll; padding: 0px !important; justify-content: flex-start; position: fixed !important; } .setMobileGrid #charts { display: none; } } #container.basketedit_page { .promocja_manin_kafelki { position: relative; } .basket-promo-title h2 { color: #000; font-size: 1.4rem !important; } #basket-promo-items img { max-width: 120px; mix-blend-mode: multiply; } .projector_details .projector_buy__button { font-size: 12px !important; padding: 5px 10px !important; width: 100%; border-radius: 5px !important; } .basket-promo-items .product_descriptin { display: none; position: absolute; top: 20px; background: #fff; max-width: 200px; font-size: 11px; top: 194px; padding: 5px; text-align: center; } .extra_prduct_buy_content:hover .product_descriptin { display: block; } .extra_prduct_buy_content:hover { background: var(--twocolor) !important; } .projector_details { display: none; position: absolute; bottom: -20px; } .extra_prduct_buy_content:hover .projector_details { display: block; } #basket-promo-items { display: flex !important; /* overflow-x: auto; */ } body #karuzela_promocja, body #slider_popular_coins { display: block !important; } .promotion_percent { position: absolute; top: 0px; right: 0px; background: #cc0000; z-index: 99; border-radius: 100%; padding: 0px; color: #fff; font-weight: bold; width: 40px; height: 40px; padding-top: 0px; display: flex; text-align: center; align-items: center; justify-content: center; font-size: 17px; span { font-size: 10px; } } #karuzela_promocja { & .product_right { .carusel_promotion_a { display: grid; gap: 0px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; .moneta_main { mix-blend-mode: multiply; transform: scale(1); transition: 0.5s; &:hover { transform: scale(1.2); transition: 0.5s; } } /* filter: contrast(1.05) saturate(1.1); */ } } } @media (max-width: 1000px) { #karuzela_promocja { & .product_right { .carusel_promotion_a { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 10px; padding: 10px 0; } .carusel_promotion_a>* { flex: 0 0 180px; scroll-snap-align: start; } } } } .basket-promo-section { margin-bottom: 20px; padding: 18px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 16px; } .basket-promo-title { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 14px; } .basket-promo-title h2 { margin: 0; font-size: 1.05rem; font-weight: 700; } .basket-promo-items { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); } .basket-promo-items .extra_prduct_buy_content { background: #ffff; border-radius: 5px; padding: 14px; display: flex; flex-direction: column; align-items: center; position: relative; min-width: auto; } .basket-promo-items .extra_prduct_buy_content { scroll-snap-align: start; } .basket-promo-items .product_descriptin { min-height: 3rem; margin-bottom: 8px; } .basket-promo-items .product_price { font-weight: 700; margin-bottom: 12px; } @media(max-width:1000px) { .projector_details { display: block !important; } .basket-promo-items .product_descriptin { top: 0px; } #basket-promo-items { display: flex !important; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; } .basket-promo-items .extra_prduct_buy_content { flex: 0 0 auto; scroll-snap-align: start; } } } @media (max-width:1100px) { #cound_sell { img { width: 30px; } } #cound_sell { .countdown-digits { font-size: 36px !important; font-weight: 700; color: #259F3B; line-height: 1; min-width: 2ch; text-align: center; letter-spacing: 2px; } } #cound_sell { .countdown-label { font-size: 18px !important; gap: 10px; color: var(--maincolor); display: flex; align-items: center; } } #cound_sell { .finishsens { color: var(--maincolor); font-size: 15px !important; } } #cound_sell { .countdown-wrap { text-align: center; display: flex; align-content: center; gap: 10px; align-items: center; flex-direction: column; } } #carusela_sub_baners { .countdown-label { font-size: 19px; } .carousel { z-index: 99; position: relative; overflow: hidden; border-radius: var(--radius); border: 1px solid rgba(255, 255, 255, 0.04); isolation: isolate; max-width: 100%; margin-top: -230px; } } #carusela_sub_baners .slide { padding: 12px; flex: 0 0 100%; padding: 0px; } html body #container #content.statc_pagin .s_paging__item.--filters.d-md-none.mb-2.mb-sm-3 { position: relative !important; top: -40px !important; display: block !important; margin-left: 50%; } #content.statc_pagin div#show_vide_bile { top: auto !important; margin-top: -40px; } #content.statc_pagin #paging_setting_top.statc_pagin { margin-top: 20px; } body #layout .text_inside { background: none !important; padding-left: 10px !important; } body #paging_setting_top .s_paging__item { width: 100%; z-index: 10 !important; position: relative; display: block !important; } body header.commercial_banner #menu_settings { flex-direction: row !important; } } </style></div><div class="menu_button_wrapper"> <style> .opinions_element_confirmed { background-color: rgba(16, 172, 130, 0.2); color: #10ac82; padding-left: 2.5rem; } .opinions_element_confirmed:after { left: .6rem; top: .9rem; top: calc(50% - 2px); width: .5rem; height: .8rem; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg) translateY(-50%); } .opinions_element_confirmed:before { left: .3rem; top: 50%; transform: translateY(-50%); width: 1.6rem; height: 1.6rem; border-radius: 50%; background-color: #10ac82; } .opinions_element_confirmed:after, .opinions_element_confirmed:before { content: ''; position: absolute; } </style> <script> (function () { const POLL_INTERVAL = 150; // co ile ms sprawdzać, czy ajax skończył ładowanie const AJAX_TIMEOUT = 10000; // maks. czas oczekiwania na jedną odpowiedź ajax const MAX_SEARCH_CLICKS = 100; // ile razy maks. kliknąć #more_opinion szukając języka const RESULTS_LIMIT = 100; // serwer honoruje resultsLimit, ale i tak ucina do 100/zapytanie // /ajax/opinions.php honoruje parametr resultsLimit (do max. 100), ale sam // przycisk #more_opinion nigdy go nie wysyła (kod strony buduje request tylko // z resultsPage). Podmieniamy więc window.fetch tak, żeby do każdego żądania // "action=get" dokleić resultsLimit=100 - dzięki temu jeden klik doładowuje // ~100 opinii zamiast domyślnych 15, a cała reszta (renderowanie, sessionStorage, // liczniki) dalej jest obsługiwana przez oryginalny kod strony. function patchAjaxLimit(limit) { if (window.__opinionsFetchPatched) return; const originalFetch = window.fetch.bind(window); window.fetch = function (input, init) { try { const urlStr = typeof input === 'string' ? input : input.url; if (urlStr && urlStr.includes('/ajax/opinions.php') && urlStr.includes('action=get')) { const u = new URL(urlStr, location.origin); u.searchParams.set('resultsLimit', String(limit)); const patchedInput = typeof input === 'string' ? u.toString() : new Request(u.toString(), input); return originalFetch(patchedInput, init); } } catch (e) {} return originalFetch(input, init); }; window.__opinionsFetchPatched = true; } // mapowanie kodów jezyka (jak w data-lang) na nazwę języka przetłumaczoną // na wszystkie wersje jezykowe sklepu (ten sam wzorzec co langEn/langPl/...) const LANG_NAMES = { pol: { en: 'Polish', pl: 'Polski', de: 'Polnisch', es: 'Polaco', cs: 'Polština', fr: 'Polonais', ro: 'Poloneză', hu: 'Lengyel', it: 'Polacco', bg: 'Полски' }, eng: { en: 'English', pl: 'Angielski', de: 'Englisch', es: 'Inglés', cs: 'Angličtina', fr: 'Anglais', ro: 'Engleză', hu: 'Angol', it: 'Inglese', bg: 'Английски' }, fre: { en: 'French', pl: 'Francuski', de: 'Französisch', es: 'Francés', cs: 'Francouzština', fr: 'Français', ro: 'Franceză', hu: 'Francia', it: 'Francese', bg: 'Френски' }, ita: { en: 'Italian', pl: 'Włoski', de: 'Italienisch', es: 'Italiano', cs: 'Italština', fr: 'Italien', ro: 'Italiană', hu: 'Olasz', it: 'Italiano', bg: 'Италиански' }, spa: { en: 'Spanish', pl: 'Hiszpański', de: 'Spanisch', es: 'Español', cs: 'Španělština', fr: 'Espagnol', ro: 'Spaniolă', hu: 'Spanyol', it: 'Spagnolo', bg: 'Испански' }, deu: { en: 'German', pl: 'Niemiecki', de: 'Deutsch', es: 'Alemán', cs: 'Němčina', fr: 'Allemand', ro: 'Germană', hu: 'Német', it: 'Tedesco', bg: 'Немски' }, ces: { en: 'Czech', pl: 'Czeski', de: 'Tschechisch', es: 'Checo', cs: 'Čeština', fr: 'Tchèque', ro: 'Cehă', hu: 'Cseh', it: 'Ceco', bg: 'Чешки' }, ron: { en: 'Romanian', pl: 'Rumuński', de: 'Rumänisch', es: 'Rumano', cs: 'Rumunština', fr: 'Roumain', ro: 'Română', hu: 'Román', it: 'Rumeno', bg: 'Румънски' }, hun: { en: 'Hungarian', pl: 'Węgierski', de: 'Ungarisch', es: 'Húngaro', cs: 'Maďarština', fr: 'Hongrois', ro: 'Maghiară', hu: 'Magyar', it: 'Ungherese', bg: 'Унгарски' }, bul: { en: 'Bulgarian', pl: 'Bułgarski', de: 'Bulgarisch', es: 'Búlgaro', cs: 'Bulharština', fr: 'Bulgare', ro: 'Bulgară', hu: 'Bolgár', it: 'Bulgaro', bg: 'Български' } }; // kody, jakich strona może użyć zamiennie w data-lang dla tego samego języka const LANG_ALIASES = { deu: ['deu', 'ger'], ces: ['ces', 'cze'], ron: ['ron', 'rum'] }; const aliasesOf = (code) => LANG_ALIASES[code] || [code]; const LANG_ORDER = ['pol', 'eng', 'deu', 'fre', 'ita', 'spa', 'ces', 'ron', 'hun', 'bul']; // ktora wersja jezykowa sklepu jest aktywna (te same flagi langEn/langPl/... co w kodzie strony) function activeUiLang() { const code = `${langEn ? "en" : ""} ${langPl ? "pl" : "" } ${langDe ? "de" : ""} ${langEs ? "es" : ""} ${langCs ? "cs" : ""} ${langFr ? "fr" : ""} ${langRo ? "ro" : ""} ${langHu ? "hu" : ""} ${langIt ? "it" : ""} ${langBg ? "bg" : ""}`.trim(); return code || 'en'; } function langLabel(code) { const entry = LANG_NAMES[code]; if (!entry) return code.toUpperCase(); return entry[activeUiLang()] || entry.en || code.toUpperCase(); } let currentFilter = 'all'; let searching = false; const getOpinions = () => Array.from(document.querySelectorAll('.opinions_shop__opinion')); const getMoreBtn = () => document.getElementById('more_opinion'); const isLoading = () => document.getElementById('opinions_shop')?.classList.contains('load-content'); const hasLang = (lang) => { const codes = aliasesOf(lang); return getOpinions().some(o => codes.includes(o.getAttribute('data-lang'))); }; function waitFor(conditionFn, timeout) { return new Promise((resolve, reject) => { const start = Date.now(); const timer = setInterval(() => { if (conditionFn()) { clearInterval(timer); resolve(); } else if (Date.now() - start > timeout) { clearInterval(timer); reject(new Error('timeout waiting for opinions ajax')); } }, POLL_INTERVAL); }); } async function clickMore() { const btn = getMoreBtn(); if (!btn) return false; btn.click(); try { await waitFor(() => !isLoading(), AJAX_TIMEOUT); return true; } catch (e) { console.warn('[opinie] ajax nie odpowiedział w czasie', e); return false; } } async function loadUntilLangFound(lang) { if (searching) return; searching = true; let clicks = 0; while (!hasLang(lang) && getMoreBtn() && clicks < MAX_SEARCH_CLICKS) { const ok = await clickMore(); clicks++; if (!ok) break; } if (!hasLang(lang)) { console.warn(`[opinie] nie znaleziono opinii w języku "${lang}" (sprawdzono ${getOpinions().length} opinii)`); } searching = false; applyFilter(currentFilter); } function ensureFilterBar() { if (document.getElementById('lang_filter_bar')) return document.getElementById('lang_filter_bar'); const wrapper = document.querySelector('.opinions_shop__wrapper'); if (!wrapper) return null; const langButtons = LANG_ORDER .map(code => `<button type="button" class="lang_filter_btn" data-lang="${code}">${langLabel(code)}</button>`) .join(''); wrapper.insertAdjacentHTML('beforebegin', ` <style> #lang_filter_bar { display:grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap:10px; margin-bottom:20px; } #lang_filter_bar .lang_filter_btn { border:none; background:#eef1f4; color:#414c5c; border-radius:10px; padding:12px 6px; font-size:12px; font-weight:500; cursor:pointer; text-align:center; transition:background .15s ease, color .15s ease; } #lang_filter_bar .lang_filter_btn:hover { background:#16345f;color:#fff } #lang_filter_bar .lang_filter_btn.--active { background:#16345f; color:#fff; } </style> <div id="lang_filter_bar"> <button type="button" class="lang_filter_btn --active" data-lang="all"> ${langEn ? "All languages" : ""} ${langPl ? "Wszystkie języki" : "" } ${langDe ? "Alle Sprachen" : ""} ${langEs ? "Todos los idiomas" : ""} ${langCs ? "Všechny jazyky" : ""} ${langFr ? "Toutes les langues" : ""} ${langRo ? "Toate limbile" : ""} ${langHu ? "Minden nyelv" : ""} ${langIt ? "Tutte le lingue" : ""} ${langBg ? "Всички езици" : ""} </button>${langButtons} </div> `); const bar = document.getElementById('lang_filter_bar'); bar.addEventListener('click', (e) => { const btn = e.target.closest('.lang_filter_btn'); if (!btn || searching) return; const lang = btn.getAttribute('data-lang'); currentFilter = lang; bar.querySelectorAll('.lang_filter_btn').forEach(b => b.classList.toggle('--active', b === btn)); applyFilter(lang); if (lang !== 'all' && !hasLang(lang)) { loadUntilLangFound(lang); } }); return bar; } function applyFilter(lang) { const codes = lang === 'all' ? null : aliasesOf(lang); getOpinions().forEach(op => { const match = !codes || codes.includes(op.getAttribute('data-lang')); op.style.display = match ? '' : 'none'; }); } function patchMoreButton() { const btn = getMoreBtn(); if (!btn) return; const span = btn.querySelector('span'); if (span) span.remove(); btn.setAttribute('data-limited', '5000'); } function watchForMoreOpinions() { const container = document.querySelector('.opinions_shop__block.--opinions'); if (!container) return; new MutationObserver(() => { applyFilter(currentFilter); patchMoreButton(); }).observe(container, { childList: true, subtree: true }); } patchAjaxLimit(RESULTS_LIMIT); sessionStorage.clear(); // usuwa zbuforowane strony po 15 opinii sprzed patcha ensureFilterBar(); applyFilter(currentFilter); patchMoreButton(); watchForMoreOpinions(); })(); </script> </div><div class="menu_button_wrapper"><script> function getvidepoppa() { const videoObserver = new MutationObserver(() => { const videoElement = document.querySelector(".pswp__zoom-wrap video"); if (videoElement && !videoElement.dataset.videomeApplied) { videoElement.dataset.videomeApplied = "true"; // zabezpieczenie przed wielokrotnym uruchomieniem const videmCode = document.querySelector("#vide_viemo").outerHTML; videoElement.outerHTML = videmCode; } }); videoObserver.observe(document.body, { childList: true, subtree: true }); } getvidepoppa() function vdeiSilder() { const videViemoElement = document.querySelector("#vide_viemo"); const sliderVideoLink = document.querySelector("#photos_slider .photos__figure .photos__link.--video"); if (!videViemoElement || !sliderVideoLink) { return; } // klon - dokładamy podgląd obok istniejącej zawartości linku, żeby nie ruszać // struktury, z której PhotoSwipe buduje slajdy w popupie (stąd wcześniej psuły się strzałki) const preview = videViemoElement.cloneNode(true); preview.removeAttribute("id"); preview.querySelectorAll("[id]").forEach((node) => node.removeAttribute("id")); preview.classList.add("videome_slider_preview"); sliderVideoLink.appendChild(preview); } vdeiSilder() </script> <style> .pswp__container #vide_viemo {position: relative; top: 20%;} .photos__link.--video { position: relative; } .photos__link.--video .videome_slider_preview { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; } /* w podglądzie na sliderze pokazuj zawsze tylko wariant "dest" (desktop), niezależnie czy źródło ma to jako title="dest" czy class="dest" */ .photos__link.--video .videome_slider_preview iframe { display: none; } .photos__link.--video .videome_slider_preview iframe[title="mobile_1"], .photos__link.--video .videome_slider_preview iframe.dest { display: block; height: 100% !important; } </style> </div><div class="menu_button_wrapper"><style media="not all" data-mennice-deferred> .grif_priodukts { justify-content: flex-start !important; } /* Gift box - nieskonczone (infinite loop) karuzele: produkty (.grif_priodukts, styl "jak Apple" - 3 wieksze karty + peek czwartej na desktopie, 2 na mobile) i chipy okazji ze zdjeciami (.tagifingt__list, 3 kafelki + peek czwartego na desktopie, 2 na mobile). Kazdy tor dostaje wlasne opcje (patrz initAll() w skrypcie na dole pliku). Style karty produktu (.img_pic_gift, hover/shine) czesciowo pochodza z istniejacych regul "#gift_box .grif_priodukts a" nizej w tym pliku - tutaj nadpisujemy layout karuzeli (viewport/track/przyciski) i karty. */ .baners_gift, .gift-carousel-heading { display: none !important; } #gift_box .grif_priodukts.grif-inf-track, #gift_box .tagifingt__list.grif-inf-track { display: flex; flex-wrap: nowrap; will-change: transform; } #gift_box .grif_priodukts.grif-inf-track.is-dragging, #gift_box .tagifingt__list.grif-inf-track.is-dragging { transition: none !important; } .gift-products-carousel { position: relative; display: flex; align-items: center; gap: 10px; width: 100%; margin: 18px 0 34px; } /* nagłówek NAD całą karuzelą produktów - jak u Apple: "Nowości. Zobacz najnowsze produkty." (pogrubiony label + jaśniejszy podtytuł w jednej linii) */ .gift-carousel-heading { margin: 0 0 6px; font-size: 24px; line-height: 1.3; } .gift-carousel-heading__title { font-weight: 700; color: var(--gift-ink, #12233d); } .gift-carousel-heading__subtitle { font-weight: 400; color: var(--gift-muted, #5a6b82); } @media (max-width: 760px) { .gift-carousel-heading { font-size: 19px; } } .gift-products-carousel .grif-inf-viewport { flex: 1 1 auto; min-width: 0; overflow: hidden; /* ładne przygaszenie kafelków przy krawędziach podczas przewijania */ -webkit-mask-image: linear-gradient(to right, transparent 0, #000 36px, #000 calc(100% - 36px), transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 36px, #000 calc(100% - 36px), transparent 100%); } /* łapka przy przeciąganiu karuzeli (produkty i chipy okazji) */ .grif-inf-track { cursor: grab; touch-action: pan-y pinch-zoom; } .grif-inf-track img { -webkit-user-drag: none; user-select: none; } .grif-inf-track.is-dragging { cursor: grabbing; } /* karty produktów "jak Apple" - duże, białe, zaokrąglone; zdjęcie u góry, sam tytuł produktu pod spodem (bez head/kickera i bez subtitle) */ .gift-products-carousel .gift-product { box-sizing: border-box; padding: 8px 10px 16px; flex-shrink: 0; } #gift_box .grif_priodukts .gift-product>a, #gift_box .grif_priodukts .gift-product>div { display: flex; flex-direction: column; height: 100%; min-height: 360px; padding: 26px 24px 20px; background: #fff; border: 1px solid var(--gift-line, #e7eaf1); border-radius: 22px; box-shadow: 0 10px 30px rgba(9, 43, 88, .07); } #gift_box .grif_priodukts .gift-product .text_produkt p { text-align: center; font-size: 16px; font-weight: 600; line-height: 1.3; margin: 12px 0 0; } /* zdjęcie u góry karty, większe, bez wymuszonego kwadratu */ #gift_box .grif_priodukts .gift-product .img_pic_gift { aspect-ratio: auto; margin-bottom: 0; } #gift_box .grif_priodukts .gift-product .img_pic_gift img { max-height: 230px; } /* strzałki jako pływające okrągłe przyciski na krawędziach viewportu (styl "Apple showcase"), zamiast dużych przycisków po bokach toru */ .gift-carousel-button { position: absolute; top: 50%; z-index: 5; width: 40px; height: 40px; margin-top: -20px; border: none; border-radius: 50%; background: rgba(255, 255, 255, .94); color: var(--gift-navy, #092B58); box-shadow: 0 4px 14px rgba(9, 43, 88, .2); cursor: pointer; font-size: 24px; line-height: 1; padding: 0 0 2px; transition: transform .15s ease, box-shadow .15s ease; } .gift-carousel-button:hover { transform: scale(1.06); box-shadow: 0 6px 18px rgba(9, 43, 88, .28); } .gift-carousel-prev { left: 4px; } .gift-carousel-next { right: 4px; } .gift-carousel-button:disabled { opacity: .35; cursor: default; } /* karuzela z pętlą chowa strzałki tylko gdy wszystkie produkty i tak mieszczą się na raz */ .gift-carousel-button.grif-inf-hidden { visibility: hidden; pointer-events: none; } /* --- chipy okazji jako kafelki ze zdjęciem (.tagifingt__list .tagifingt-tile) --- resetujemy starą "pigułkową" stylistykę z #gift_box .tagifingt__list li (włącznie z border-radius:999px, który dawał ten okrągły obrys) - kafelek to teraz zdjęcie na całą kartę z podpisem "na sobie" (position:absolute, duży, na ciemnym gradiencie u dołu, żeby był czytelny na każdym zdjęciu). */ #gift_box .tagifingt__list li.tagifingt-tile { padding: 0; background: none; border: none; border-radius: 0; box-sizing: border-box; flex-shrink: 0; white-space: normal; cursor: default; } /* .tagifingt-tile>a { box-shadow: 0 8px 22px rgba(9, 43, 88, .12); border-radius: 16px; } */ .tagifingt-tile>a { position: relative; display: block; height: 100%; margin: 4px 8px 16px; text-decoration: none; color: inherit; border-radius: 16px; overflow: hidden; background: #fff; /* box-shadow: 0 8px 22px rgba(9, 43, 88, .12); */ transition: transform .18s ease; border-radius: 16px; } .tagifingt-tile>a:hover { transform: translateY(-4px); /* box-shadow: 0 16px 30px rgba(9, 43, 88, .2); */ } .tagifingt-tile__img { display: block; aspect-ratio: 9 / 16; overflow: hidden; } .tagifingt-tile__img img { width: 100%; height: 100%; object-fit: cover; display: block; } /* napis "na kafelku" - position:absolute nad zdjęciem, duży, na scrimie u dołu */ .tagifingt-tile__label { position: absolute; left: 0px; right: 0; bottom: 0; top: 0px; margin: 0; padding: 40px 14px 14px; /* background: linear-gradient(to top, rgba(9, 35, 61, .78), rgba(9, 35, 61, 0) 100%); */ color: #fff; text-align: center; font-size: 19px; font-weight: 700; line-height: 1.25; /* text-shadow: 0 1px 3px rgba(0, 0, 0, .35); */ box-sizing: border-box; overflow-wrap: anywhere; text-align: left; } .tagifingt-tile__title, .tagifingt-tile__subtitle { display: block; } .tagifingt-tile__subtitle { margin-top: 8px; font-size: 14px; font-weight: 400; line-height: 1.4; text-shadow: 0 1px 4px rgba(0, 0, 0, .4); } @media (max-width: 760px) { .tagifingt-tile__label { font-size: 16px; padding: 30px 10px 10px; } .tagifingt-tile__subtitle { font-size: 12px; margin-top: 6px; } } @media (max-width: 760px) { .gift-products-carousel { gap: 6px; } .gift-carousel-button { flex-basis: 32px; width: 32px; height: 32px; font-size: 23px; } } /* .gilda-display-regular { font-family: "Gilda Display", serif; font-weight: 400; font-style: normal; } */ #gift_box { background: #fff; position: relative; } .giftbox a span { color: #fff !important; } .gift-products-carousel { margin: 48px 0 34px; background: none !important; } body #Filters .giftbox .filters__content li:hover { background: #f5f6fa24 !important; } body #Filters .giftbox .f-label:hover { background: none !important; } #gift_box .gift_box { min-height: 610px; } #gift_box .gift_box .head_title_ginf, #gift_box h2 { font-size: 42px; font-weight: 700; line-height: 1.3; color: var(--gift-navy); margin: 0 0 14px; font-family: "Gilda Display", serif; font-weight: 400; font-style: normal; } #gift_box h2 { font-size: 69px; } .filters__block.mb-1.giftbox { background: linear-gradient(135deg, #3a6ea5 0%, #16447f 45%, #092B58 100%) !important; color: #fff !important; display: block !important; } .filters__block.mb-1.giftbox .--name { color: #fff !important; } .mint_content h2 { font-size: 32px; margin-top: 50px; color: var(--maincolor); font-weight: 500; } #gift_box { --gift-navy: #092B58; --gift-ink: #12233d; --gift-muted: #5a6b82; --gift-surface: #f5f6fa; --gift-line: #e7eaf1; --gift-radius: 18px; --gift-ease: cubic-bezier(.22, .68, .28, 1); max-width: 1180px; margin: 0 auto; padding: 10px 20px 55px; color: var(--gift-ink); /* ramka jako gradient od jaśniejszego navy do bazowego */ /* border: solid 10px #092B58; */ /* fallback */ /* border-image: linear-gradient(135deg, #3a6ea5 0%, #16447f 45%, #092B58 100%) 1; */ } /* --- baner nagłówkowy --- */ #gift_box .baners_gift { margin: 0 0 42px; } #gift_box .baners_gift img, #gift_content img.images_big { position: static; left: auto; transform: none; width: 100%; max-width: 100%; height: auto; margin: 0; display: block; border-radius: var(--gift-radius); } /* --- wstęp --- */ #gift_box .head_text_gift { max-width: 760px; margin: 0 auto 30px; text-align: center; } #gift_box .heada_gift { font-size: 13px; letter-spacing: .18em; text-transform: uppercase; font-weight: 700; color: var(--gift-navy); margin: 0 0 14px; } #gift_box .pHead { font-size: 20px; line-height: 1.5; font-weight: 600; color: var(--gift-ink); margin: 0 0 18px; } #gift_box .head_text_gift .p { font-size: 16px; line-height: 1.7; color: var(--gift-muted); margin: 0 0 14px; } #gift_box .head_text_gift .p strong { color: var(--gift-ink); } /* --- chipsy okazji --- */ #gift_box .tagifingt { max-width: 100%; margin: 0 auto 52px; } #gift_box .tagifingt__title { font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--gift-navy); margin: 0 0 14px; } #gift_box .tagifingt__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; } #gift_box .tagifingt__list li { padding: 9px 16px; border-radius: 999px; background: #fff; border: 1px solid var(--gift-line); font-size: 13px; font-weight: 600; color: var(--gift-ink); white-space: nowrap; cursor: pointer; transition: transform .15s var(--gift-ease), border-color .15s ease, box-shadow .15s ease; } #gift_box .tagifingt__list li:hover { transform: translateY(-2px); border-color: var(--gift-navy); /* box-shadow: 0 6px 18px rgba(9, 43, 88, .12); */ } #gift_box .tagifingt__list a { text-decoration: none; color: inherit; } /* --- sekcje (karty) --- */ #gift_sections { display: flex; flex-direction: column; gap: 26px; align-items: center; } #gift_box .gift_box { display: grid; grid-template-columns: 1.1fr .9fr; gap: 60px; align-items: center; max-width: 100%; margin: 0; padding: 36px; border-radius: var(--gift-radius); background: var(--gift-surface); /* border: 1px solid var(--gift-line); */ position: relative; /* overflow: hidden; */ isolation: isolate; max-width: 80%; } #gift_box .gift_box:nth-of-type(even) { grid-template-columns: .9fr 1.1fr; } #gift_box .gift_box:nth-of-type(even) img { left: -60px; } #gift_box .gift_box:nth-of-type(even)>div:first-child { order: 2; } #gift_box .gift_box>div { min-width: 0; } #gift_box .gift_box p { font-size: 13px; line-height: 1.7; /* color: var(--gift-muted); */ margin: 0 0 12px; overflow-wrap: anywhere; } #gift_box .gift_box p:last-child { margin-bottom: 0; } #gift_box .gift_box>div:last-child { align-self: stretch; display: flex; } #gift_box .gift_box img { position: static; inset: auto; width: 50%; height: 100%; /* max-height: 320px; */ margin: 0; object-fit: cover; display: block; border-radius: 14px; box-shadow: 0 14px 34px rgba(9, 43, 88, .14); position: absolute; } /* --- wiersz produktów --- */ #gift_box .grif_priodukts { display: grid; grid-template-columns: repeat(5, minmax(150px, 1fr)); gap: 16px; justify-content: center; margin: 2px 0 6px; } #gift_box .grif_priodukts>div { flex: none; min-width: 0; } #gift_box .grif_priodukts a { display: block; height: 100%; padding: 0px; text-decoration: none; color: inherit; background: #fff; /* border: 1px solid var(--gift-line); */ border-radius: 14px; position: relative; overflow: hidden; transition: transform .18s var(--gift-ease), border-color .18s ease, box-shadow .18s ease; } /* #gift_box .grif_priodukts a:hover { transform: translateY(-4px); border-color: var(--gift-navy); box-shadow: 0 16px 30px rgba(9, 43, 88, .14); } */ #gift_box .grif_priodukts .img_pic_gift { display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; margin-bottom: 10px; background: none !important; } #gift_box .grif_priodukts .img_pic_gift img { max-width: 100%; max-height: 100%; width: auto; object-fit: contain; } #gift_box .grif_priodukts .text_produkt p { margin: 0; font-size: 12px; font-weight: 400; line-height: 1.45; text-align: center; color: var(--gift-ink); } /* ================= efekty: fade / parallax / blask ================= */ /* Stany startowe włączają się dopiero, gdy skrypt doda .gift-fx-ready – bez JS treść jest normalnie widoczna. */ #gift_box.gift-fx-ready .gift-fade { opacity: 1; transform: translateY(28px); transition: opacity .7s var(--gift-ease), transform .7s var(--gift-ease); transition-delay: var(--gift-delay, 0ms); will-change: opacity, transform; } #gift_box.gift-fx-ready .gift-fade.is-visible { opacity: 1; /* transform: none; */ } #gift_box .gift-parallax { transform: translate3d(0, calc(var(--gift-shift, 0) * 1px), 0) scale(1.05); will-change: transform; } #gift_box .gift_box::after, #gift_box .grif_priodukts a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; z-index: 4; background: linear-gradient(115deg, transparent 32%, rgba(255, 255, 255, .55) 46%, rgba(255, 255, 255, .12) 56%, transparent 70%); transform: translateX(-120%); } /* #gift_box .gift_box:hover::after, #gift_box .grif_priodukts a:hover::after { animation: giftShine 3s var(--gift-ease); } */ @keyframes giftShine { from { transform: translateX(-120%); opacity: 1; } to { transform: translateX(120%); opacity: 0; } } #gift_box .gift-copy__toggle { display: none; } /* ================= responsywność ================= */ @media (max-width: 1000px) { #gift_sections[data-gift-copy-ready] .gift-copy:not(.is-expanded) .gift-copy__more { display: none; } #gift_box #gift_sections[data-gift-copy-ready] .gift-copy__toggle { display: inline-flex; align-items: center; min-height: 44px; margin-top: 8px; padding: 8px 0; border: 0; border-radius: 4px; background: transparent; color: var(--gift-navy, #092B58); font: inherit; font-size: 15px; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; } #gift_box .gift-copy__toggle:focus-visible { outline: 2px solid var(--gift-navy, #092B58); outline-offset: 4px; } #gift_box { box-sizing: border-box; width: 100%; min-width: 0; padding: 6px 14px 40px; } #gift_sections { min-width: 0; gap: 20px; } #gift_box .gift_box, #gift_box .gift_box:nth-of-type(even) { box-sizing: border-box; width: 100%; max-width: 100%; min-height: 0; grid-template-columns: 1fr; gap: 22px; padding: 24px; } #gift_box .gift_box>div:first-child, #gift_box .gift_box:nth-of-type(even)>div:first-child { order: 0; } #gift_box .gift_box img, #gift_box .gift_box:nth-of-type(even) img { position: static; inset: auto; width: 100%; max-width: 100%; height: auto; max-height: 420px; object-fit: contain; transform: none; } #gift_box h2, #gift_box .gift_box .head_title_ginf { font-size: clamp(26px, 4vw, 38px); line-height: 1.2; overflow-wrap: break-word; } #gift_box .gift_box p { font-size: 15px; overflow-wrap: break-word; } #gift_box .gift-products-carousel { min-width: 0; max-width: 100%; margin: 20px 0 26px; padding-bottom: 54px; } #gift_box .gift-products-carousel .grif-inf-viewport { -webkit-mask-image: none; mask-image: none; } #gift_box .gift-carousel-button { top: auto; bottom: 0; width: 44px; height: 44px; margin: 0; } #gift_box .gift-carousel-prev { left: auto; right: 60px; } #gift_box .gift-carousel-next { right: 8px; } #gift_box .tagifingt-tile>a { margin: 4px 6px 12px; } #gift_box .tagifingt-tile__label { bottom: auto; padding: 24px 16px 36px; font-size: 22px; background: linear-gradient(to bottom, rgba(9, 35, 61, .6), transparent); text-shadow: 0 1px 4px rgba(0, 0, 0, .35); } #gift_box .tagifingt-tile__subtitle { font-size: 15px; line-height: 1.4; } #gift_box .grif_priodukts .gift-product>a, #gift_box .grif_priodukts .gift-product>div { box-sizing: border-box; min-height: 300px; padding: 18px 14px; } #gift_box .grif_priodukts .gift-product .img_pic_gift { height: 190px; } #gift_box .grif_priodukts .gift-product .img_pic_gift img { max-width: 100%; max-height: 100%; } #gift_box .grif_priodukts .gift-product .text_produkt p { font-size: 14px; } #gift_box.gift-fx-ready .gift-fade { transform: none; } #gift_box .head_text_gift, #gift_box .tagifingt { max-width: 100%; } #gift_box .pHead { font-size: 18px; } } @media (max-width: 600px) { #gift_box { padding-inline: 10px; } #gift_box .gift_box { padding: 20px 16px; } #gift_box .gift_box:nth-of-type(even) { padding: 20px 16px; } #gift_box .tagifingt { margin-bottom: 24px; } #gift_box .gift-products-carousel .gift-product { padding-inline: 6px; } #gift_box .tagifingt-tile__label { font-size: 20px; padding: 22px 14px 32px; } #gift_box .tagifingt-tile__subtitle { font-size: 14px; } } @media (prefers-reduced-motion: reduce) { #gift_box.gift-fx-ready .gift-fade { opacity: 1; transform: none; transition: none; } #gift_box .gift-parallax { transform: none; } /* #gift_box .gift_box:hover::after, #gift_box .grif_priodukts a:hover::after { animation: none; } */ } </style> <style media="not all" data-mennice-deferred> :root { --austria: #880c32; --canada: #c4950d; --south: #c4950d; --royal_mint: #3e3962; --usamint: #0b4471; --the_perth: #c3a660; --narodowy: #132b47; --scottsdale: #841b52; --germania: #dab851; --bayerisches: #2e607f; --casa: #6d1a34; --nzpost: #d8291c; --menicapolska: #006554; --theroyla: #1c2453; --china: #d6b754; --lev: #848f96; --pamp: #85764e; --mint-border: 10px; } h4.h4.icon_titile { font-weight: normal; margin-top: 20px; margin-bottom: 30px; } .mint_content p { line-height: 27px; font-size: 18px; margin-top: 10px; margin-bottom: 10px; } .logo_mint img { width: 180px !important; } .mint_content ul { margin-bottom: 20px; } .mint_content ul li { line-height: 27px; font-size: 18px; margin-top: 10px; margin-bottom: 10px; } #baners_search { margin-bottom: 20px; } /* #baners_search a.btn_box:hover { background: #fff !important; color: var(--maincolor) !important; } */ #baners_search .logo_mennie img { margin-bottom: 20px; min-height: auto !important; } .Pamp_content { border: solid var(--mint-border) var(--pamp); background: #fff; } .casademoneda { border: solid var(--mint-border) var(--casa); background: #fff; } .leipziger { border: solid var(--mint-border) var(--lev); background: #fff; } .china_gold_coin { border: solid var(--mint-border) var(--china); background: #fff; } .new_zealand_mint { border: solid var(--mint-border) var(--theroyla); background: #fff; } .mennica_polska { border: solid var(--mint-border) var(--menicapolska); background: #fff; } .new_zealand_post { border: solid var(--mint-border) var(--nzpost); background: #fff; } .narodowy_mennica { border: solid var(--mint-border) var(--narodowy); background: #fff; } .germania_mint { border: solid var(--mint-border) var(--germania); background: #fff; } .bayerisches { border: solid var(--mint-border) var(--bayerisches); background: #fff; } .the_perth_mint { border: solid var(--mint-border) var(--the_perth); background: #fff; } /* .icon_info_conteiner img:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); transition: all .4s; max-width: 76%; } */ .icon_info_conteiner img { -webkit-filter: grayscale(80%); filter: grayscale(80%); transition: all .4s; max-width: 70%; } .austrian_mint { border: solid var(--mint-border) var(--austria); background: #fff; } .the_usa_mint { border: solid var(--mint-border) var(--usamint); background: #fff; } .scottsdale_mint { border: solid var(--mint-border) var(--scottsdale); background: #fff; } .the_roal_mint { border: solid var(--mint-border) var(--royal_mint); background: #fff; } .the_south_africa { border: solid var(--mint-border) var(--south); background: #fff; } .the_perth_mint { border: solid var(--mint-border) var(--the_perth); background: #fffbef13; } .canada_min { border: solid var(--mint-border) var(--canada); background: #fffbef13; } .narodowy_mennica .bitHtext_head { border-block: solid 1px var(--narodowy); } .scottsdale_mint .bitHtext_head { border-block: solid 1px var(--scottsdale); } .the_usa_mint .bitHtext_head { border-block: solid 1px var(--usamint); } .the_roal_mint .bitHtext_head { border-block: solid 1px var(--royal_mint); } .the_south_africa .bitHtext_head { border-block: solid 1px var(--south); } .austrian_mint .bitHtext_head { border-block: solid 1px var(--austria); } .canada_min .bitHtext_head { border-block: solid 1px var(--canada); } .mint_content { padding: 0px; width: 100%; border-radius: 10px; } .monety_popularne a { font-size: 16px; } /* .monety_popularne a:hover { font-size: 16px; color: var(--austria); text-decoration: underline; } */ .monety_popularne li { margin: 10px 0px; } .popup_mennice_wrap { max-width: 900px; margin: auto; padding-top: 50px; padding-bottom: 50px; } .mint_content .logo_mint { text-align: center; } .mint_content img.images_big { max-width: 110%; position: relative; /* left: -20%; */ transform: translate(-50%, 0%); margin-bottom: 20px; border-radius: 10px; left: 50%; } .bitHtext_head { font-size: 28px; padding: 20px 0px; text-align: center; margin: 20px 0px; } .mint_content h2.h2 { color: var(--maincolor); font-size: 12px; margin-bottom: 50px; margin-top: 10px; text-transform: uppercase; letter-spacing: 2px; color: #ccc; } .mint_content .h6 { color: #413d3d; font-size: 16px; border-bottom: solid 1px #ccc; padding-bottom: 10px; } .mint_content .h3 { font-size: 32px; margin-top: 50px; } .mint_content p.p { line-height: 27px; font-size: 18px; margin-top: 10px; margin-bottom: 10px; } .mint_content img { display: flex; justify-content: center; margin: auto; mix-blend-mode: darken !important; border-radius: 10px; } .mint_content .p.big-3 { font-size: 24px; line-height: 32px; } @media (max-width:1000px) { #gift_box_new { display: none !important; } .mint_content { border: solid 5px; border-radius: 0px; } .mint_content img { display: flex; justify-content: center; margin: auto; mix-blend-mode: darken !important; max-width: 60%; } .austrian_mint { border-color: var(--austria); } #baners_search .h2 { color: #fff; font-size: 22px; font-weight: 500; margin-bottom: 13px; } #baners_search .logo_mennie img { display: block; width: auto; max-width: 190px; min-height: 170px; object-fit: contain; } #baners_search { display: grid !important; grid-template-columns: repeat(2, minmax(0, 85%)) !important; gap: 12px; width: 170%; min-width: 0; max-width: 220%; box-sizing: border-box; overflow-x: auto !important; scroll-snap-type: x proximity; scroll-padding-inline: 0; -webkit-overflow-scrolling: touch; padding-bottom: 8px; } #baners_search .mint-slider{min-width:500px} #baners_search>* { box-sizing: border-box; min-width: 0; max-width: 100%; grid-column: auto !important; grid-row: 1 !important; scroll-snap-align: start; } #baners_search .info_title { text-align: left; line-height: 24px; font-size: 13px; font-weight: 300; max-height: 120px; overflow: hidden; } .popup_mennice_wrap { max-width: 900px; margin: auto; padding-top: 50px; padding-bottom: 50px; padding: 10px; } .mint_content .p.big-3 { font-size: 21px; line-height: 32px; } .mint_content p.p { line-height: 27px; font-size: 16px; margin-top: 10px; margin-bottom: 10px; } } </style> <script> if (document.querySelector("#container").classList.contains("search_page")) { (function () { "use strict"; var VISIBLE_DESKTOP = 4; var VISIBLE_MOBILE = 2; var MOBILE_BREAKPOINT = 1000; var TRANSITION_MS = 420; var SWIPE_THRESHOLD_PX = 40; function getVisibleCount(opts) { var desktop = (opts && opts.visibleDesktop) || VISIBLE_DESKTOP; var mobile = (opts && opts.visibleMobile) || VISIBLE_MOBILE; if (window.innerWidth <= 600) return 1; return window.innerWidth <= MOBILE_BREAKPOINT ? mobile : desktop; } function makeButton(cls, label, html) { var btn = document.createElement("button"); btn.type = "button"; btn.className = "gift-carousel-button " + cls; btn.setAttribute("aria-label", label); btn.innerHTML = html; return btn; } // Jednorazowo buduje strukture (wrapper/viewport/przyciski) wokol danego // <track> i zwraca obiekt z metoda sync() do wywolywania przy kazdej okazji // (m.in. gdy tresc listy zmieni sie po fakcie). function initStructure(track, opts) { opts = opts || {}; var peek = opts.peek || 0; // ulamek dodatkowego slotu widoczny na krawedzi (efekt "peek" jak w Apple) var realItems = Array.prototype.slice.call(track.children); var outer = track.closest(".gift-products-carousel"); var prevBtn = outer ? outer.querySelector(".gift-carousel-prev") : null; var nextBtn = outer ? outer.querySelector(".gift-carousel-next") : null; if (!outer || !prevBtn || !nextBtn) { outer = document.createElement("div"); outer.className = "gift-products-carousel"; track.parentNode.insertBefore(outer, track); prevBtn = makeButton("gift-carousel-prev", "Poprzednie", "‹"); nextBtn = makeButton("gift-carousel-next", "Nastepne", "›"); outer.appendChild(prevBtn); outer.appendChild(track); outer.appendChild(nextBtn); } var viewport = document.createElement("div"); viewport.className = "grif-inf-viewport"; viewport.style.overflow = "hidden"; track.parentNode.insertBefore(viewport, track); viewport.appendChild(track); track.classList.add("grif-inf-track"); // zabezpieczenie inline na wypadek silniejszej/kolidujacej reguly CSS gdzie indziej: track.style.display = "flex"; track.style.flexWrap = "nowrap"; track.style.listStyle = "none"; track.style.margin = "0"; track.style.padding = "0"; track.style.gap = "0"; var visibleCount = 1; var maxIndex = 0; // ostatnia dopuszczalna pozycja (moze byc ulamkowa przez peek) var index = 0; var animating = false; var activePeek = 0; var animationTimer; function getSlideWidth() { return viewport.clientWidth / (visibleCount + activePeek); } function updateButtons() { var canScroll = maxIndex > 0; prevBtn.classList.toggle("grif-inf-hidden", !canScroll); nextBtn.classList.toggle("grif-inf-hidden", !canScroll); prevBtn.disabled = !canScroll || index <= 0; nextBtn.disabled = !canScroll || index >= maxIndex; } function build() { try { visibleCount = Math.max(1, Math.min(getVisibleCount(opts), realItems.length)); activePeek = realItems.length > visibleCount ? peek : 0; // ostatnia pozycja tak, zeby ostatni slajd wyrownal sie do prawej // krawedzi viewportu - "peek" (podglad kolejnego slajdu) ma sens // tylko dopoki jest co podgladac, wiec na samym koncu go odejmujemy, // zeby nie zostawal pusty kawalek za ostatnia karta. maxIndex = Math.max(0, realItems.length - visibleCount - activePeek); index = Math.min(index, maxIndex); layout(); updateButtons(); if (window.console && console.log) { console.log("[gift_carousel] " + (track.className.indexOf("tagifingt") > -1 ? "tagifingt__list" : "grif_priodukts") + ": " + realItems.length + " produktow, widocznych " + visibleCount + ", przewijanie " + (maxIndex > 0 ? "WLACZONE" : "wylaczone (wszystko sie miesci)")); } } catch (err) { if (window.console && console.error) { console.error("[gift_carousel] build() failed for", track, err); } } } function layout() { clearTimeout(animationTimer); animating = false; var slideWidth = getSlideWidth(); Array.prototype.forEach.call(track.children, function (el) { el.style.width = slideWidth + "px"; el.style.flex = "0 0 " + slideWidth + "px"; }); setPosition(false); } function setPosition(animate) { var slideWidth = getSlideWidth(); var reduceMotion = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches; track.style.transition = animate && !reduceMotion ? "transform " + TRANSITION_MS + "ms ease" : "none"; track.style.transform = "translateX(" + (-index * slideWidth) + "px)"; } function goTo(newIndex) { if (animating) return; newIndex = Math.max(0, Math.min(maxIndex, newIndex)); if (newIndex === index) return; animating = true; index = newIndex; setPosition(true); updateButtons(); clearTimeout(animationTimer); animationTimer = setTimeout(function () { animating = false; }, TRANSITION_MS + 50); } function next() { goTo(index + 1); } function prev() { goTo(index - 1); } track.addEventListener("transitionend", function (event) { if (event.target !== track) return; animating = false; }); prevBtn.addEventListener("click", prev); nextBtn.addEventListener("click", next); // przeciaganie palcem / myszka - dragowanie "uzbraja" sie dopiero po // przekroczeniu malego progu ruchu (DRAG_START_PX), zeby zwykle // kliknieie w link (chip okazji / produkt) nie bylo przechwytywane // przez setPointerCapture i nie ginelo (byl to najbardziej // prawdopodobny powod, dla ktorego "cos nie klikalo"). var DRAG_START_PX = 6; var dragging = false, moved = false, suppressClick = false, startX = 0, startY = 0, deltaX = 0; var pointerId = null; track.addEventListener("pointerdown", function (event) { if (dragging || animating || maxIndex <= 0 || event.isPrimary === false || event.button !== 0) return; suppressClick = false; pointerId = event.pointerId; dragging = true; moved = false; startX = event.clientX; startY = event.clientY; deltaX = 0; }); track.addEventListener("pointermove", function (event) { if (!dragging || event.pointerId !== pointerId) return; deltaX = event.clientX - startX; if (!moved && Math.abs(event.clientY - startY) > Math.max(DRAG_START_PX, Math.abs(deltaX))) { dragging = false; pointerId = null; return; } if (!moved && Math.abs(deltaX) > DRAG_START_PX) { moved = true; track.classList.add("is-dragging"); try { track.setPointerCapture(event.pointerId); } catch (e) { } } if (moved) { var width = getSlideWidth(); var offset = Math.max(-maxIndex * width, Math.min(0, -index * width + deltaX)); track.style.transform = "translateX(" + offset + "px)"; } }); function endDrag(event) { if (!dragging || event.pointerId !== pointerId) return; dragging = false; track.classList.remove("is-dragging"); if (moved) { suppressClick = true; if (event.type === "pointerup") { if (deltaX > SWIPE_THRESHOLD_PX) prev(); else if (deltaX < -SWIPE_THRESHOLD_PX) next(); } setPosition(true); } try { track.releasePointerCapture(pointerId); } catch (e) { } pointerId = null; deltaX = 0; moved = false; } window.addEventListener("pointerup", endDrag); window.addEventListener("pointercancel", endDrag); track.addEventListener("lostpointercapture", endDrag); track.addEventListener("dragstart", function (event) { event.preventDefault(); }); // po realnym przeciagnieciu kasujemy "doklejony" klik na linku pod kursorem track.addEventListener("click", function (event) { if (!suppressClick) return; suppressClick = false; event.preventDefault(); event.stopPropagation(); }, true); var resizeTimer; window.addEventListener("resize", function () { clearTimeout(resizeTimer); resizeTimer = setTimeout(function () { var nextVisible = Math.max(1, Math.min(getVisibleCount(opts), realItems.length)); if (nextVisible !== visibleCount) build(); else layout(); }, 150); }, { passive: true }); build(); if (window.ResizeObserver) { new ResizeObserver(function () { layout(); }).observe(viewport); } return { sync: function () { // Wykrywamy również podmianę kart bez zmiany ich liczby i pustą listę. var fresh = Array.prototype.slice.call(track.children); if (fresh.length === realItems.length && fresh.every(function (el, i) { return el === realItems[i]; })) return; realItems = fresh; build(); } }; } function setupCarouselTrack(track, opts) { if (!track) return; if (!track.__giftCarouselApi) { track.__giftCarouselApi = initStructure(track, opts); } else { track.__giftCarouselApi.sync(); } } function initAll() { // produkty: styl "jak Apple" - wieksze karty, mniej naraz (3 na // desktopie), z podgladem ("peek") kolejnej karty przy prawej krawedzi document.querySelectorAll(".grif_priodukts").forEach(function (t) { setupCarouselTrack(t, { visibleDesktop: 3, visibleMobile: 2, peek: .35 }); }); // chipy okazji: wieksze kafelki - 3 na desktopie + peek czwartego, 2 na mobile var tagTrack = document.querySelector(".tagifingt__list"); if (tagTrack) setupCarouselTrack(tagTrack, { visibleDesktop: 3, visibleMobile: 2, peek: .25 }); } var started = false; var pendingFrame = false; var observedBox = null; var boxObserver = null; var discoveryObserver = null; function scheduleInit() { if (!started || pendingFrame) return; pendingFrame = true; window.requestAnimationFrame(function () { pendingFrame = false; watchGiftBox(); initAll(); }); } // Obsługujemy również #gift_box dodany dopiero po window.load. function watchGiftBox() { var box = document.getElementById("gift_box"); if (!window.MutationObserver || box === observedBox) return; if (boxObserver) boxObserver.disconnect(); observedBox = box; if (!box) return; boxObserver = new MutationObserver(scheduleInit); boxObserver.observe(box, { childList: true, subtree: true }); if (discoveryObserver) discoveryObserver.disconnect(); } function startWhenLoaded() { if (started) return; started = true; document.querySelectorAll("style[data-mennice-deferred]").forEach(function (style) { style.media = "all"; }); watchGiftBox(); if (!observedBox && window.MutationObserver) { discoveryObserver = new MutationObserver(scheduleInit); discoveryObserver.observe(document.documentElement, { childList: true, subtree: true }); } scheduleInit(); if (document.fonts && document.fonts.ready) { document.fonts.ready.then(scheduleInit); } } // load czeka na skrypty i zasoby strony; obsługujemy też późne wklejenie pliku. if (document.readyState === "complete") { startWhenLoaded(); } else { window.addEventListener("load", startWhenLoaded, { once: true }); } // klik w chip okazji (np. href="#narodziny") - plynne przewijanie do // odpowiadajacej sekcji (<div id="narodziny" class="gift-anchor"> // wstawiany przez mennice_main_text.js) zamiast polegania wylacznie // na natywnym skoku do kotwicy, ktory bywa zawodny dla tresci // doladowywanej asynchronicznie. document.addEventListener("click", function (event) { var link = event.target.closest ? event.target.closest('.tagifingt__list a[href^="#"]') : null; if (!link) return; var id = link.getAttribute("href").slice(1); var target = id && document.getElementById(id); if (!target) return; event.preventDefault(); target.scrollIntoView({ behavior: "smooth", block: "start" }); }); })(); } </script></div><div class="menu_button_wrapper"><style> #stock_bar .showmore_curency a { display: flex; color: var(--colortext); gap: 10px; justify-content: center; align-items: center; margin-top: 4px !important; } /* @media (min-width: 728px) { body .header_bar { top: 71px !important; z-index: 0; } } */ #stock_bar {border: none !important; max-width: 1500px !important;} #number_cunrendy { display: none; position: absolute; top: 55px; gap: 5px; font-size: 13px; border-radius: 5px; background: #fff; padding: 4px 10px; animation-name: anmacjaOpacity; animation-duration: .5s; left: -9%; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); } #gold_value { border-right: solid 1px #ccc; margin-right: 5px; padding-right: 5px; } .number_currency_symbol { font-size: 10px; } #charts:hover #number_cunrendy { display: flex; animation-name: anmacjaOpacity; animation-duration: .5s; } @media (max-width: 1360px) { .bid_class { display: flex; gap: 5px; flex-direction: row !important; } .reviews-bar { position: fixed !important; background: #000; } } @media (max-width: 1000px) { .showmore_curency { width: 100%; padding-right: 80px; padding-left: 40px; padding: 5px 0px; border-radius: 0px 10px 10px 0px; margin-left: 30px; } .reviews-bar { position: static !important;} #stock_bar {gap:20px} body #storcbar_main {display: block !important;gap:10px} } </style> <script> const DATA_CURENCY_CACHE_KEY = "dataCurency_cache_v1"; const DATA_CURENCY_CACHE_TTL_MS = 5 * 60 * 1000; const SNAPSHOT_CACHE_KEY = "snapshots_cache_v1"; const SNAPSHOT_CACHE_TTL_MS = 10 * 60 * 1000; const SNAPSHOT_SYMBOLS = { XAU: "XAUUSD", XAG: "XAGUSD", XPT: "PLATIN", XPD: "PALLAD", }; window.snapshotData = {}; function getCachedSnapshots() { try { const raw = localStorage.getItem(SNAPSHOT_CACHE_KEY); if (!raw) { return {}; } const payload = JSON.parse(raw); if (Date.now() - payload.timestamp > SNAPSHOT_CACHE_TTL_MS) { localStorage.removeItem(SNAPSHOT_CACHE_KEY); return {}; } return payload.data || {}; } catch (error) { return {}; } } function setCachedSnapshots(data) { try { localStorage.setItem( SNAPSHOT_CACHE_KEY, JSON.stringify({ timestamp: Date.now(), data: data, }) ); } catch (error) { } } async function fetchSnapshotData() { const cached = getCachedSnapshots(); if ( Object.keys(cached).length >= Object.keys(SNAPSHOT_SYMBOLS).length ) { window.snapshotData = cached; changevatuleCurency(); return; } try { const symbolsMap = Object.entries(SNAPSHOT_SYMBOLS).reduce( function (accumulator, entry) { const baseCode = entry[0]; const symbol = entry[1]; accumulator[symbol] = baseCode; return accumulator; }, {} ); const trackedSymbols = new Set( Object.values(SNAPSHOT_SYMBOLS) ); const response = await fetch( "https://admin.metalapi.co.pl/api/v1/markets/snapshots?days=1" ); const json = await response.json(); const grouped = {}; if (Array.isArray(json)) { json.forEach(function (row) { const symbol = row && row.symbol; if (!trackedSymbols.has(symbol)) { return; } if (!grouped[symbol]) { grouped[symbol] = []; } grouped[symbol].push(row); }); } const results = Object.keys(symbolsMap).map(function (symbol) { const baseCode = symbolsMap[symbol]; const rows = (grouped[symbol] || []) .slice() .sort(function (a, b) { return String( b.updated_at || b.snapshot_date || "" ).localeCompare( String( a.updated_at || a.snapshot_date || "" ) ); }); if (rows.length >= 2) { return [ baseCode, { today: rows[0], prev: rows[1], }, ]; } return [baseCode, null]; }); const data = {}; results.forEach(function (result) { if (result[1]) { data[result[0]] = result[1]; } }); window.snapshotData = data; if (Object.keys(data).length) { setCachedSnapshots(data); } } catch (error) { console.error("Błąd pobierania snapshotów:", error); } changevatuleCurency(); } function getCachedDataCurency() { try { const cachedRaw = localStorage.getItem( DATA_CURENCY_CACHE_KEY ); if (!cachedRaw) { return []; } const cachedPayload = JSON.parse(cachedRaw); const isExpired = Date.now() - cachedPayload.timestamp > DATA_CURENCY_CACHE_TTL_MS; if ( isExpired || !Array.isArray(cachedPayload.data) ) { localStorage.removeItem( DATA_CURENCY_CACHE_KEY ); return []; } return cachedPayload.data; } catch (error) { return []; } } function setCachedDataCurency(data) { try { if (!Array.isArray(data) || !data.length) { return; } localStorage.setItem( DATA_CURENCY_CACHE_KEY, JSON.stringify({ timestamp: Date.now(), data: data, }) ); } catch (error) { } } function getActiveDataCurency() { const liveDataCurency = Array.isArray( window.dataCurency ) ? window.dataCurency : []; if (liveDataCurency.length) { setCachedDataCurency(liveDataCurency); return liveDataCurency; } return getCachedDataCurency(); } function getDefaultCurrency() { return langPl ? "PLN" : "USD"; } function getMetalName(type) { const names = { gold: { en: "Gold", pl: "Złoto", de: "Gold", es: "Oro", cs: "Zlato", fr: "Or", hu: "Arany", it: "Oro", bg: "Злато", }, silver: { en: "Silver", pl: "Srebro", de: "Silber", es: "Plata", cs: "Stříbro", fr: "Argent", hu: "Ezüst", it: "Argento", bg: "Сребро", }, platinum: { en: "Platinum", pl: "Platyna", de: "Platin", es: "Platino", cs: "Platina", fr: "Platine", hu: "Platina", it: "Platino", bg: "Платина", }, palladium: { en: "Palladium", pl: "Pallad", de: "Palladium", es: "Paladio", cs: "Palladium", fr: "Palladium", hu: "Palladium", it: "Palladio", bg: "Паладий", }, }; const metal = names[type]; if (langEn) return metal.en; if (langPl) return metal.pl; if (langDe) return metal.de; if (langEs) return metal.es; if (langCs) return metal.cs; if (langFr) return metal.fr; if (langHu) return metal.hu; if (langIt) return metal.it; if (langBg) return metal.bg; return metal.en; } const getdataMap = [ { type: "gold", metal: getMetalName("gold"), symbol: "XAUPLN", }, { type: "silver", metal: getMetalName("silver"), symbol: "XAGPLN", }, { type: "platinum", metal: getMetalName("platinum"), symbol: "XPTPLN", }, { type: "palladium", metal: getMetalName("palladium"), symbol: "XPDPLN", }, ]; function formatCurrencyNumber(value) { const numberValue = Number( String(value).replace(",", ".") ); if (!Number.isFinite(numberValue)) { return "-"; } return new Intl.NumberFormat("pl-PL", { minimumFractionDigits: 2, maximumFractionDigits: 2, }).format(numberValue); } function formatChangeNumber(value) { const numberValue = Number(value); if (!Number.isFinite(numberValue)) { return "-"; } return new Intl.NumberFormat("pl-PL", { minimumFractionDigits: 2, maximumFractionDigits: 2, }).format(numberValue); } function getPairByCurrency(baseSymbol, currency) { if (!baseSymbol.endsWith("PLN")) { return baseSymbol; } return baseSymbol.slice(0, -3) + currency; } function getPairCandidates(baseSymbol, currency) { const selectedPair = getPairByCurrency( baseSymbol, currency ); const baseCode = baseSymbol.slice(0, -3); const aliases = { XPT: { USD: "PLATIN", }, XPD: { USD: "PALLAD", }, }; const aliasForCurrency = aliases[baseCode]?.[currency]; return [ selectedPair, aliasForCurrency, baseSymbol, ].filter(Boolean); } function findPairData( dataCurencySource, baseSymbol, selectedCurrency ) { const pairCandidates = getPairCandidates( baseSymbol, selectedCurrency ); let pairData = null; pairCandidates.some(function (candidate) { const found = dataCurencySource.find( function (rate) { return rate.name === candidate; } ); if (found) { pairData = found; return true; } return false; }); return pairData; } function updateGoldAndSilverValues( dataCurencySource, selectedCurrency ) { const goldData = findPairData( dataCurencySource, "XAUPLN", selectedCurrency ); const silverData = findPairData( dataCurencySource, "XAGPLN", selectedCurrency ); const goldValue = formatCurrencyNumber( goldData?.ask ); const silverValue = formatCurrencyNumber( silverData?.ask ); const goldElement = document.querySelector("#gold_value"); const silverElement = document.querySelector("#silver_value"); // ${ getMetalName("gold") } if (goldElement) { goldElement.innerHTML = ` <div class="number_currency_item number_currency_gold"> <span class="number_currency_name"> Au </span> <span class="number_currency_price"> ${goldValue} </span> <span class="number_currency_symbol"> ${selectedCurrency} </span> </div> `; } // ${ getMetalName("silver") } if (silverElement) { silverElement.innerHTML = ` <div class="number_currency_item number_currency_silver"> <span class="number_currency_name"> Ag </span> <span class="number_currency_price"> ${silverValue} </span> <span class="number_currency_symbol"> ${selectedCurrency} </span> </div> `; } } function changevatuleCurency() { const dataCurencySource = getActiveDataCurency(); const selectCurrency = document.querySelector( ".changecurency_select" ); const activeOption = selectCurrency?.querySelector( ".changecurency_option.is-active" ); const selectedCurrency = ( activeOption?.dataset.currency || getDefaultCurrency() ).toUpperCase(); updateGoldAndSilverValues( dataCurencySource, selectedCurrency ); const getstoct = getdataMap .map(function (item) { const pairData = findPairData( dataCurencySource, item.symbol, selectedCurrency ); const findkeyAsk = formatCurrencyNumber( pairData?.ask ); const baseCode = item.symbol.slice(0, -3); const snapEntry = window.snapshotData[baseCode]; let changeHtml = ""; if ( snapEntry && snapEntry.today && snapEntry.prev ) { const todayAsk = parseFloat( snapEntry.today.ask_price ); const prevAsk = parseFloat( snapEntry.prev.ask_price ); if ( Number.isFinite(todayAsk) && Number.isFinite(prevAsk) && prevAsk !== 0 ) { const pctChange = ((todayAsk - prevAsk) / prevAsk) * 100; const isPositive = pctChange >= 0; const arrow = isPositive ? ` <img src="https://www.metalelokacyjne.pl/data/include/cms/mme/wykres/a.svg?v=1745935118671" alt="up" > ` : ` <img src="https://www.metalelokacyjne.pl/data/include/cms/mme/wykres/dacaca.svg?v=1745935118671" alt="down" > `; const colorClass = isPositive ? "change_positive" : "change_negative"; const currentAskNum = Number( String( pairData?.ask || "0" ).replace(",", ".") ); const absChange = currentAskNum > 0 ? currentAskNum * (pctChange / 100) : null; const sign = isPositive ? "+" : ""; const absChangeStr = absChange !== null ? ` <span class="change_value"> ${sign}${formatChangeNumber( absChange )} <span class="change_value_currency"> ${selectedCurrency} </span> </span> ` : ""; changeHtml = ` <div class="change_info ${colorClass}"> <span class="change_arrow"> ${arrow} </span> <div class="conte_numb_priocen"> <span class="change_pct"> ${pctChange.toFixed(2)}% </span> </div> </div> `; } } // ${ absChangeStr } return ` <div class="metal_contetn"> <div class="title_metal"> ${item.metal} </div> <div class="box_curency_numb"> <div class="bid_class"> <div class="numb_curency"> <div class="curency"> ${findkeyAsk} </div> <div class="small_cunrencysymbol"> ${selectedCurrency} </div> </div> ${changeHtml} </div> </div> </div> `; }) .join(""); const contentElement = document.querySelector(".content_barsotc"); if (contentElement) { contentElement.innerHTML = getstoct; } } function createGoldAndSilverContainer() { const chartsElement = document.querySelector("#charts"); if (!chartsElement) { return; } if ( document.querySelector( "#number_cunrendy" ) ) { return; } chartsElement.insertAdjacentHTML( "afterbegin", ` <div id="number_cunrendy"> <div id="gold_value"> <div class="number_currency_item number_currency_gold"> <span class="number_currency_name"> ${getMetalName("gold")} </span> <span class="number_currency_price"> - </span> </div> </div> <div id="silver_value"> <div class="number_currency_item number_currency_silver"> <span class="number_currency_name"> ${getMetalName("silver")} </span> <span class="number_currency_price"> - </span> </div> </div> </div> ` ); } window.addEventListener( "DOMContentLoaded", function () { createGoldAndSilverContainer(); const plnElement = document.querySelector( '[data-currency="PLN"]' ); if (plnElement) { plnElement.style.display = langPl ? "" : "none"; } const selectCurrency = document.querySelector( ".changecurency_select" ); if (selectCurrency) { const trigger = selectCurrency.querySelector( ".changecurency_trigger" ); const defaultCurrency = getDefaultCurrency(); const currencyOptions = Array.from( selectCurrency.querySelectorAll( ".changecurency_option" ) ); if (currencyOptions.length) { currencyOptions.forEach( function (option) { option.classList.toggle( "is-active", option.dataset.currency === defaultCurrency ); } ); if (trigger) { trigger.textContent = defaultCurrency; } if (defaultCurrency === "USD") { const usdOption = selectCurrency.querySelector( '.changecurency_option[data-currency="USD"]' ); const list = selectCurrency.querySelector( ".changecurency_list" ); if (usdOption && list) { list.prepend(usdOption); } } } if (trigger) { trigger.addEventListener( "click", function (event) { event.stopPropagation(); selectCurrency.classList.toggle( "is-open" ); } ); } selectCurrency.addEventListener( "click", function (event) { const clickedOption = event.target.closest( ".changecurency_option" ); if (!clickedOption) { return; } selectCurrency .querySelectorAll( ".changecurency_option" ) .forEach(function (option) { option.classList.remove( "is-active" ); }); clickedOption.classList.add( "is-active" ); if (trigger) { trigger.textContent = clickedOption.dataset .currency || getDefaultCurrency(); } selectCurrency.classList.remove( "is-open" ); changevatuleCurency(); } ); document.addEventListener( "click", function (event) { if ( !selectCurrency.contains( event.target ) ) { selectCurrency.classList.remove( "is-open" ); } } ); } const hasCachedDataCurency = getCachedDataCurency().length > 0; if (hasCachedDataCurency) { changevatuleCurency(); } else { setTimeout(function () { changevatuleCurency(); }, 500); } fetchSnapshotData(); } ); </script></div><div class="menu_button_wrapper"><style> .comparison-module { width: 100%; max-width: 900px; margin: 0 auto; } /* Zakładki */ .comparison-tabs { display: flex; gap: 8px; margin-bottom: 14px; } .comparison-tab { flex: 1; padding: 12px 20px; border: 1px solid #d5d5d5; border-radius: 8px; background: #fff; color: #222; font-size: 15px; font-weight: 700; cursor: pointer; transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; } .comparison-tab:hover { border-color: #999; } .comparison-tab.is-active { border-color: #080808; background: #080808; color: #fff; } .comparison-tab:focus-visible { outline: 3px solid rgba(9, 43, 88, 0.3); outline-offset: 2px; } /* Panele zakładek */ .comparison-panel { display: none; } .comparison-panel.is-active { display: block; } /* Porównywarka zdjęć */ .image-comparison { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 12px; user-select: none; touch-action: none; cursor: ew-resize; } .image-comparison img { display: block; width: 100%; height: 100%; object-fit: contain; pointer-events: none; } .image-after { position: absolute; inset: 0; } .image-before-wrapper { position: absolute; inset: 0; width: 50%; overflow: hidden; } .image-before { position: absolute; top: 0; left: 0; max-width: none; } .comparison-line { position: absolute; top: 0; bottom: 0; left: 50%; width: 3px; transform: translateX(-50%); pointer-events: none; box-shadow: 0 0 5px rgba(0, 0, 0, 0.45); } .comparison-handle { position: absolute; top: 50%; left: 50%; width: 52px; height: 52px; transform: translate(-50%, -50%); border: 3px solid #fff; border-radius: 50%; background: rgba(0, 0, 0, 0.45); display: flex; align-items: center; justify-content: center; gap: 6px; pointer-events: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35); } .comparison-handle::before, .comparison-handle::after { content: ""; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; } .comparison-handle::before { border-right: 8px solid #fff; } .comparison-handle::after { border-left: 8px solid #fff; } body #projector_longdescription span.comparison-label { position: absolute; top: 16px; z-index: 2; padding: 7px 12px; border-radius: 6px; color: #000; font-size: 10px !important; font-weight: 700; text-transform: uppercase; pointer-events: none; } .comparison-label-before { left: 16px; } .comparison-label-after { right: 16px; } .comparison-range { position: absolute; inset: 0; z-index: 3; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: ew-resize; } .comparison-focus { display: none; position: absolute; inset: 4px; z-index: 4; border: 3px solid #006cff; border-radius: 9px; pointer-events: none; } .comparison-range:focus-visible+.comparison-focus { display: block; } @media (max-width: 600px) { .image-comparison { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 12px; user-select: none; touch-action: none; cursor: ew-resize; height: 450px; } .comparison-tab { padding: 10px 14px; font-size: 14px; } .comparison-handle { width: 44px; height: 44px; } .comparison-label { top: 10px; padding: 5px 8px; font-size: 12px; } .comparison-label-before { left: 10px; } .comparison-label-after { right: 10px; } } </style> <!-- <div id="afetrbeferocontent"> </div> --> <script> if ( document.querySelector("#container").classList.contains("projector_page") ) { document.querySelector("#afetrbeferocontent").innerHTML = ` <div class="comparison-module"> <div class="comparison-panel is-active" id="panel-awers" role="tabpanel" aria-labelledby="tab-awers"> <div class="image-comparison" data-image-comparison> <img class="image-after" src="https://www.metalelokacyjne.pl/data/include/cms/sub_baners_serie/Argor-Heraeus/new_reverse.jpg?v=1784803848225" alt="Awers po zmianie"> <div class="image-before-wrapper"> <img class="image-before" src="https://www.metalelokacyjne.pl/data/include/cms/sub_baners_serie/Argor-Heraeus/old_reverse.jpg?v=1784803848225" alt="Awers przed zmianą"> </div> <span class="comparison-label comparison-label-before"> Old Design </span> <span class="comparison-label comparison-label-after"> New Design </span> <div class="comparison-line"> <div class="comparison-handle"></div> </div> <input class="comparison-range" type="range" min="0" max="100" value="50" aria-label="Porównaj awers przed i po"> <div class="comparison-focus"></div> </div> </div> <!-- REWERS --> <div class="comparison-panel" id="panel-rewers" role="tabpanel" aria-labelledby="tab-rewers" hidden> <div class="image-comparison" data-image-comparison> <img class="image-after" src="https://www.metalelokacyjne.pl/data/include/cms/sub_baners_serie/Argor-Heraeus/new_averser.jpg?v=1784803848225" alt="Rewers po zmianie"> <div class="image-before-wrapper"> <img class="image-before" src="https://www.metalelokacyjne.pl/data/include/cms/sub_baners_serie/Argor-Heraeus/old_before.jpg?v=1784803848225" alt="Rewers przed zmianą"> </div> <span class="comparison-label comparison-label-before"> Old Design </span> <span class="comparison-label comparison-label-after"> New Design </span> <div class="comparison-line"> <div class="comparison-handle"></div> </div> <input class="comparison-range" type="range" min="0" max="100" value="50" aria-label="Porównaj rewers przed i po"> <div class="comparison-focus"></div> </div> </div> <div class="comparison-tabs" role="tablist" aria-label="Wybór strony monety"> <button class="comparison-tab is-active" type="button" role="tab" aria-selected="true" aria-controls="panel-awers" id="tab-awers" data-tab-target="panel-awers"> Awers </button> <button class="comparison-tab" type="button" role="tab" aria-selected="false" aria-controls="panel-rewers" id="tab-rewers" data-tab-target="panel-rewers"> Rewers </button> </div> <!-- AWERS --> </div> ` const comparisonInstances = []; /* * Obsługa wszystkich porównywarek Before / After. */ document .querySelectorAll("[data-image-comparison]") .forEach((comparison) => { const beforeWrapper = comparison.querySelector( ".image-before-wrapper" ); const beforeImage = comparison.querySelector(".image-before"); const line = comparison.querySelector(".comparison-line"); const range = comparison.querySelector(".comparison-range"); function updateComparison(value) { const position = Math.min(100, Math.max(0, Number(value))); beforeWrapper.style.width = position + "%"; line.style.left = position + "%"; range.value = position; } function updateImageSize() { beforeImage.style.width = comparison.clientWidth + "px"; beforeImage.style.height = comparison.clientHeight + "px"; } function getPositionFromPointer(event) { const rect = comparison.getBoundingClientRect(); const pointerX = event.clientX - rect.left; const percentage = (pointerX / rect.width) * 100; return Math.min(100, Math.max(0, percentage)); } range.addEventListener("input", () => { updateComparison(range.value); }); comparison.addEventListener("pointerdown", (event) => { comparison.setPointerCapture(event.pointerId); updateComparison(getPositionFromPointer(event)); }); comparison.addEventListener("pointermove", (event) => { if (!comparison.hasPointerCapture(event.pointerId)) { return; } updateComparison(getPositionFromPointer(event)); }); comparison.addEventListener("pointerup", (event) => { if (comparison.hasPointerCapture(event.pointerId)) { comparison.releasePointerCapture(event.pointerId); } }); comparison.addEventListener("pointercancel", (event) => { if (comparison.hasPointerCapture(event.pointerId)) { comparison.releasePointerCapture(event.pointerId); } }); comparisonInstances.push({ element: comparison, updateImageSize }); updateImageSize(); updateComparison(range.value); }); /* * Obsługa zakładek Awers / Rewers. */ const tabs = document.querySelectorAll("[data-tab-target]"); const panels = document.querySelectorAll(".comparison-panel"); tabs.forEach((tab) => { tab.addEventListener("click", () => { const targetPanelId = tab.dataset.tabTarget; tabs.forEach((currentTab) => { const isActive = currentTab === tab; currentTab.classList.toggle("is-active", isActive); currentTab.setAttribute( "aria-selected", String(isActive) ); }); panels.forEach((panel) => { const isActive = panel.id === targetPanelId; panel.classList.toggle("is-active", isActive); panel.hidden = !isActive; }); /* * Po pokazaniu ukrytej zakładki trzeba ponownie * obliczyć rozmiar zdjęcia. */ requestAnimationFrame(() => { comparisonInstances.forEach((instance) => { if (instance.element.offsetParent !== null) { instance.updateImageSize(); } }); }); }); }); window.addEventListener("resize", () => { comparisonInstances.forEach((instance) => { if (instance.element.offsetParent !== null) { instance.updateImageSize(); } }); }); } </script></div><div class="menu_button_wrapper"><style> @media (min-width:1000px) { body header.commercial_banner #menu_settings .open_trigger i { right: -130px !important; color: var(--maincolor); height: 7px; right: -10px; position: relative; display: none !important; } .nav-link.akcesoa_link:before { display: none !important; } .icon-angle-down.d-none.d-md-inline-block { display: none; } /* wgrałem do csss_oam */ header .navbar-subnav.--cols2 { width: calc(50% - 2rem); grid-template-columns: revert-rule !important; } html body header #menu_settings .open_trigger { top: 2px !important; } body #menu_settings form.active { display: block; left: 190px !important; } html body header.commercial_banner { & #menu_settings { form.active { display: block; left: 190px !important; } } } .navbar-nav a.nav-link.new_link:nth-child(1) { border-left: solid 1px #cccccc8f; } .navbar-nav .navbar-subsubnav a.nav-link.new_link:nth-child(1) { border-left: none; } #menu_navbar { max-width: 1410px; margin: auto; display: flex; justify-content: center; } body #container header.commercial_banner #menu_categories #menu_navbar .navbar-subnav .navbar-subsubnav a.nav-link.all_btn_menu { font-weight: bold; border-top: none !important; display: block; padding: 10px 0px; font-weight: bold !important; } header .navbar-nav { display: flex; flex: auto; justify-content: center; max-width: 1410px; } .navbar-subsubnav { /* border-top: solid 1px #ccc !important; */ margin-top: 5px; position: relative; } .navbar-subsubnav::after { content: ''; display: block; position: absolute; width: 210%; height: 1px; background: #cccccc4a; position: absolute; top: 7px; left: -30px; } /* #menu_navbar { overflow: hidden; } */ /* .navbar-subnav li:nth-child(4) { border-left: none; } .navbar-subnav li:nth-child(n + 4) { border-top: 1px solid #e5e7eb; } */ .navbar-subnav>.nav-item:not(:first-child) { border-left: 1px solid #e5e7eb; } .navbar-subnav li.nav-item .nav-item:not(:first-child) { border: none !important; } body header.commercial_banner #menu_categories #menu_navbar .navbar-subnav span.nav-link { font-weight: bold !important; position: relative; top: 0px !important; } .menu_product { background: #fff; padding: 20px; border-radius: 10px; position: relative; z-index: 9; } .menu_product a { color: var(--maincolor) !important; } .mint_menu_product { font-size: 11px; color: #999; } .name_menu_product { font-size: 14px; color: var(--maincolor); } .weight_menu_product { font-size: 11px; color: var(--maincolor); } .img_menu_product { margin-bottom: 10px; } .navbar-nav li.nav-item:hover a { color: #03a84e; } #menu_navbar { & .navbar-subnav { .bannoty_menu { top: 6px; left: 0px !important; } } } body header.commercial_banner #menu_categories #menu_navbar .navbar-subnav { left: 355.038px; gap: 0px !important; width: 100% !important; max-width: 1410px !important; justify-content: space-evenly; left: 0px !important; gap: 0px !important; justify-items: center; border-left: solid 1px #ccc !important; border-top: solid 1px #ccc !important; padding: 0px !important; padding-top: 0px !important; justify-items: start !important; align-items: stretch !important; justify-items: start !important; } body header.commercial_banner #menu_categories #menu_navbar .nav-item { position: static !important; width: max-content; } body header.commercial_banner #menu_categories #menu_navbar .navbar-subnav>.nav-item { /* margin: 0px auto; */ padding-left: 30px; padding-top: 20px; } /* body header.commercial_banner #menu_categories #menu_navbar .navbar-subnav:nth-child(2) li.nav-item { margin: 0px auto; } */ body header.commercial_banner #menu_categories #menu_navbar .nav-link { position: relative !important; } body #menu_categories .promotion_box { color: #940523 !important; } .numizmaty_box::after { display: none !important; } .navbar-subnav { grid-template-columns: repeat(5, 1fr) !important; grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) minmax(260px, 1.35fr) minmax(230px, 1.15fr) minmax(240px, 1.2fr) !important; } #menu_navbar { max-width: 1410px; margin: auto; /* padding-right: 30px; padding-left: 30px; */ .text_small_menu { font-size: 11px; color: #ccc; position: absolute; top: 6px; left: 0px; font-weight: normal; width: 100%; text-align: center; } ul.navbar-subsubnav { border: none; padding-top: 20px; } li.nav-item { position: relative !important; & a { &:before { background: #e4e4e4; } } } a { display: block; text-align: center; padding: 19px 0px; padding-bottom: 13px; padding-left: 0px !important; margin-left: 0px !important; border-bottom: solid 2px var(--maincolor); white-space: nowrap; } .numizmaty_box { position: relative; } span.nav-link { margin-left: 0px; color: var(--maincolor); margin-bottom: 10px; font-weight: bold; } &:hover { text-decoration: none !important; border: none !important; } .nav-link { color: var(--maincolor) !important; } .navbar-subnav { border: 0; -webkit-box-shadow: 0 0 20px -2px rgb(0 0 0 / 20%); -moz-box-shadow: 0 0 20px -2px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px -2px rgb(0 0 0 / 20%); right: 0; width: calc(90% + 0rem); border-top: 0; border-radius: 2px 2px; min-height: 400px; border-top-left-radius: 0px; border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-top-left-radius: 0px !important; -webkit-border-top-right-radius: 0px !important; -moz-border-radius-topleft: 0px !important; -moz-border-radius-topright: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: solid 1px #adb2b9; border-top: solid 1px #fff; background: #fcfcfc !important; padding: 50px 50px !important; padding-top: 20px !important; animation: anmacjaOpacity 0.3s ease; top: 53px !important; padding-top: 20px; width: fit-content !important; gap: 30px; box-shadow: 0px 10px 10px -2px rgb(0 0 0 / 18%) !important; li.nav-item { position: relative !important; & a { &:before { background: none; display: none; } } } .--cols3, .--cols4, .--cols5 { width: calc(100% + 3rem); grid-template-columns: repeat(4, minmax(200px, 300px)); position: absolute; gap: 40px; width: fit-content; left: 0px; transform: translate(-230px, 0px); } .--cols2 { grid-template-columns: repeat(2, minmax(200px, 300px)) !important; width: fit-content; max-width: fit-content; gap: 40px; transform: translate(-150px, 0px); } .--cols5 { grid-template-columns: repeat(5, minmax(200px, 300px)); transform: translate(-230px, 0px); } .--cols3 { grid-template-columns: repeat(3, minmax(200px, 300px)); transform: translate(-130px, 0px); } .--cols1 { grid-template-columns: 1fr !important; width: fit-content; max-width: fit-content; transform: translate(-30px, 0px); } .bannoty_menu { top: 6px; left: 24px; } } } /* #container #menu_navbar .navbar-subsubnav a, #container #menu_navbar .navbar-subnav > .nav-item > .nav-link, #container #menu_navbar .navbar-subnav > .nav-merge.nav-item > li.nav-item > .nav-link {color: var(--maincolor) !important;} */ /* #container #menu_navbar ul.navbar-subsubnav .nav-item a:before {display: none !important;} .search_page aside { display: block; padding-left: 0px !important; } */ /* */ /* #container #menu_navbar .navbar-subnav ul.navbar-subsubnav .nav-item a:before { background: transparent !important; } header.commercial_banner.custom-menu-bg { grid-template-columns: 1fr minmax(auto, 47rem) 1fr auto; background: transparent; } .projector_page header.commercial_banner.custom-menu-bg { grid-template-columns: 1fr minmax(auto, 47rem) 1fr auto; background: #fff; } .navbar-nav .nav-item:last-child a:before {display: none !important;} #menu_navbar .navbar-nav li ul.navbar-subsubnav {border: none;} */ #container #menu_navbar .navbar-subnav>.nav-item>.nav-link, #container #menu_navbar .navbar-subnav>.nav-merge.nav-item>li.nav-item>.nav-link { font-size: 17px !important; font-weight: bolder !important; } } </style> <script> if (window.matchMedia("(min-width: 1001px)").matches) { function getButtontext() { const findAllMenu = document.querySelectorAll("#menu_navbar li a"); findAllMenu.forEach((x) => { const getNameMenu = x.innerHTML; const getNameMenuhref = x.href; if (getNameMenuhref.includes("promocje")) { x.classList.add("promotion_box"); x.style.color = "#940523"; } if (getNameMenu.includes("Numizmaty")) { x.classList.add("numizmaty_box"); } if (getNameMenuhref.includes("newproducts")) { x.classList.add("new_link"); } if (getNameMenuhref.includes("2076")) { x.classList.add("akcesoa_link"); } if ( getNameMenu.includes("Wszystkie") || getNameMenu.includes("Todas") ) { x.classList.add("all_btn_menu"); } if (getNameMenu.includes("All")) { x.classList.add("all_btn_menu"); } if (getNameMenu.includes("Alles")) { x.classList.add("all_btn_menu"); } if (getNameMenu.includes("Metale")) { x.classList.add("metale_mene"); } if (getNameMenu.includes("Banknoty")) { x.classList.add("bannoty_menu"); } if (getNameMenuhref.includes("1214553894")) { x.classList.add("dostępnosc_menu"); } }); const metaleMenu = document.querySelector('.metale_mene'); if (metaleMenu) { metaleMenu.insertAdjacentHTML("afterbegin", ` <div class="text_small_menu">Inne</div>`); } const bannotyMenu = document.querySelector('.bannoty_menu'); if (bannotyMenu) { bannotyMenu.insertAdjacentHTML("afterbegin", ` <div class="text_small_menu">Waluty </div>`); } const dostepnoscMenu = document.querySelector('.dostępnosc_menu'); if (dostepnoscMenu) { dostepnoscMenu.insertAdjacentHTML("afterbegin", ` <div class="text_small_menu">Wysyłka • sklep stacjonarny</div>` ); } } getButtontext(); const menuProducts = [ { menuIndex: 0, url: "https://www.metalmarket.eu/lng/series/maple-leaf-53", image: "https://www.metalmarket.eu/pl/series/hpeciai/b924275bf934ea9caeaca826e7ad3286/pol_is_Kanadyjski-Lisc-Klonowy-1-10-uncji-Zlota-2026-13638.webp", mint: "The Royal Canadian Mint", name: "Maple Leaf", weight: "" }, { menuIndex: 1, url: "https://www.metalmarket.eu/lng/series/australian-kangaroo-31", image: "https://www.metalmarket.eu/pl/menu/srebro/hpeciai/2f01a443b87eb7ff3db41546c1d90a79/pol_is_Australijski-Kangur-1-uncja-Srebra-2026-13235.webp", mint: "The Perth Mint", name: "Australian Kangaroo", weight: "" }, { menuIndex: 2, url: "https://www.metalmarket.eu/lng/products/platynowa-moneta-perth-mint-lunar-iii-rok-konia-1-10-uncji-platyny-2026-14607", image: "https://www.metalmarket.eu/pl/series/hpeciai/437531a92b5f710320aad86f393c5bfb/pol_is_Platynowa-Moneta-Perth-Mint-Lunar-III-Rok-Konia-1-10-uncji-Platyny-2026-14607.webp", mint: "The Perth Mint", name: "Lunar III - Year of the Horse", weight: "1/10 oz Platinum 2026" }, { menuIndex: 3, url: "https://www.metalmarket.eu/lng/products/banknote-ukraine-we-remember-we-do-not-forgive-20-hryvnias-20-uah-2023-without-envelope-14746", image: "https://www.metalmarket.eu/pl/menu/hpeciai/61efaa714900c06eb4bbd760a9475936/pol_is_Banknot-Ukraina-Pamietamy-Nie-Wybaczamy-20-Hrywien-20-UAH-2023-bez-koperty-14746.webp", mint: "Banknote Ukraine", name: "We Remember", weight: "" }, { menuIndex: 4, url: "https://www.metalmarket.eu/lng/products/leuchtturm-book-safe-toscana-safe-german-version-14281", image: "https://www.metalmarket.eu/en/menu/accessories/hpeciai/a8992b547fcdb9a5d70aaf421daa54b7/pol_is_Leuchtturm-Book-Safe-Toscana-sejf-wersja-niemiecka-14281.webp", mint: "Leuchtturm", name: "Book Safe", weight: "" }, ]; const menuContainers = document.querySelectorAll(".navbar-subnav"); menuProducts.forEach(product => { if (!menuContainers[product.menuIndex]) return; menuContainers[product.menuIndex].insertAdjacentHTML( "beforeend", ` <li class="menu_product"> <a href="${product.url}"> <div class="img_menu_product"> <img src="${product.image}" alt="${product.name}"> </div> <div class="mint_menu_product">${product.mint}</div> <div class="name_menu_product">${product.name}</div> ${product.weight ? `<div class="weight_menu_product">${product.weight}</div>` : "" } </a> </li> ` ); }); } </script></div><div class="menu_button_wrapper"><script> (function () { const isMobile = window.matchMedia("(max-width: 728px)").matches; if (!isMobile) { return; } const movieEl = document.querySelector("#vide_viemo"); const getphodiDiv = document.querySelector("#content"); if (!movieEl || !getphodiDiv) { return; } const getmobiecode = movieEl.outerHTML; if (!document.querySelector("#bnt_movie")) { document.querySelector("#photos_slider ").insertAdjacentHTML("beforeend", '<button id="bnt_movie" type="button"><img src="https://www.metalelokacyjne.pl/data/include/cms/mme/play_movie/play.svg?v=1783515514898" alt=""></button>') } const buttonEl = document.querySelector("#bnt_movie"); if (!buttonEl) { return; } buttonEl.addEventListener("click", function () { let filmCodeEl = document.querySelector("#film_code"); let createdNow = false; if (!filmCodeEl) { getphodiDiv.insertAdjacentHTML("beforeend", '<div id="film_code" style="max-width:100%"></div>'); filmCodeEl = document.querySelector("#film_code"); if (!filmCodeEl) { return; } filmCodeEl.innerHTML = getmobiecode; createdNow = true; } if (createdNow) { filmCodeEl.classList.remove("remove"); } else { filmCodeEl.classList.toggle("remove"); } const isHidden = filmCodeEl.classList.contains("remove"); buttonEl.innerHTML = isHidden ? `<img src="https://www.metalelokacyjne.pl/data/include/cms/mme/play_movie/play.svg?v=1783515514898" alt=""> ` : `<img src="https://www.metalelokacyjne.pl/data/include/cms/mme/play_movie/spot.svg?v=1783515514898" alt="">`; }); })(); </script> <style> @media (max-width: 728px) { #projector_longdescription #vide_viemo { display: none !important; } #bnt_movie { position: absolute; z-index: 9999; top: auto; right: 30px; padding: 10px; width: 50px; transform-origin: center; animation: bntMoviePop 0.85s ease-out infinite; bottom: -20px; } @keyframes bntMoviePop { 0% { transform: scale(0.94); } 55% { opacity: 1; transform: scale(1.08); } 100% { opacity: 1; transform: scale(1); } } #film_code.remove { display: none; } #film_code { max-width: 100%; width: 100%; position: absolute; z-index: 99; left: 0px; top: 20px; } #video_destop { display: none !important; } } </style></div><div class="menu_button_wrapper"><style> #products_associated_zone3 h2 {position: relative;z-index: 9;} #logo_the_same_mint { min-height: 380px !important; /* min-height: revert-rule !important; */ padding-left: 10px; } @media (max-width:728px) { #logo_the_same_mint {display: none;} } .projector_prices__lowest_price.omnibus_price {color: #999 !important;} .price.--max { position: static !important; } #projector_dictionary .brakte_row {border-bottom:solid 0px #fff !important} </style></div><div class="menu_button_wrapper"><script> const formGroup = document.querySelectorAll(".form-group")[0]; if (formGroup) { formGroup.classList.add("land_show"); } </script> <style> .loogos_rwd img { margin: auto; max-width: 200px; } .loogos_rwd { display: none; } @media (max-width:1100px) { .loogos_rwd { display: block; } } .flag { display: none !important; width: 20px; height: 14px; vertical-align: middle; margin-right: 10px; background: no-repeat scroll; background-size: cover; background-position-y: center; } #menu_settings_curr, #menu_settings_country { color: var(--maincolor); } .form-group.land_show.active { display: block; } #bar_show_lang_contetn .box_land_textaa { display: flex; gap: 10px; font-size: 14px; margin-top: 20px; font-weight: 500; align-items: center; } #bar_show_lang_contetn .box_land_textaa img { max-width: 70px; } .box_land_textaa span { font-size: 18px; } #bar_show_lang_contetn { position: fixed; width: 100%; height: 100%; background: #39393ad9; z-index: 999999; top: 0px; left: 0px; } #bar_show_lang_contetn #bar_chose_contry #bnt_contry a { font-size: 17px; border-radius: 5px; background: #33b33b; padding: 3px 20px; color: var(--white); width: 100% !important; max-width: 100% !important; display: block; text-align: center; padding: 10px 0px; font-size: 1.5rem; padding: 1.45rem 2rem; font-weight: bold; } #bar_show_lang_contetn #bar_chose_contry #bnt_contry a:hover { background: #1e6c24; } #bar_show_lang_contetn #global_lang label { display: inline-block; font-size: 14px; padding-top: 0px; width: 100%; padding: 4px 10px; font-weight: 500; color: var(--maincolor); } #bar_show_lang_contetn .form-group.land_show.active { position: absolute; background: #fff; border: solid 2px; width: 40%; display: block; } #bar_show_lang_contetn .form-group.land_show.active .radio span { display: flex; align-items: center; } #bar_show_lang_contetn .form-group.land_show.active .radio { border-bottom: solid 1px #ccc; margin: 0px; padding: 5px 0px; } #bar_show_lang_contetn .form-group.land_show.active .radio:hover { background: var(--twocolor); } #bar_show_lang_contetn #bar_chose_contry .btn.--large.--solid { background: var(--maincolor); border: 0px solid #33b33b; color: var(--white); border-radius: 10px; width: 100%; } #bar_show_lang_contetn .land_show { display: none; } /* .form-group {display: none;} */ #bar_show_lang_contetn .region_label { display: none !important; } #bar_show_lang_contetn .text_info_contry .radio img { width: 50px; } #bar_show_lang_contetn .text_info_contry .radio input { display: none; } html body #bar_show_lang_contetn #bar_chose_contry { display: block; } #bar_show_lang_contetn .text_region { padding-bottom: 20px; padding-top: 0px; } #bar_show_lang_contetn #country_search_wo { margin-bottom: 10px; padding: 8px 12px; border: 2px solid var(--maincolor) !important; border-radius: 4px; position: absolute; bottom: 129px; width: 250px; left: 330px; } #bar_show_lang_contetn #bar_chose_contry .label_contry { color: var(--maincolor); padding: 5px 0px; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; margin: 10px 0px; display: grid; gap: 10px; align-items: center; flex-direction: row; align-items: flex-start; grid-template-columns: 1fr; } #bar_show_lang_contetn #bar_chose_contry .form-group label, #bar_show_lang_contetn #bar_chose_contry .trins { display: inline-block; font-size: 14px; padding-top: 0px; width: 100%; padding: 4px 10px; font-weight: 500; color: var(--maincolor); } #bar_show_lang_contetn #bar_chose_contry .btn.--large.--solid:hover { background: #1e6c24; } #bar_show_lang_contetn #bar_chose_contry .region_label img { width: 45px; opacity: 1; } #bar_show_lang_contetn #bar_chose_contry .menu_settings_lang_label { display: none !important; } #bar_show_lang_contetn #bar_chose_contry { display: block; padding: 0px !important; /* overflow: hidden; */ } #bar_show_lang_contetn .text_region p { color: var(--maincolor); font-size: 18px !important; } #bar_show_lang_contetn #bar_chose_contry { background: #f5f6fa; /* position: static !important; */ border: solid 1px var(--maincolor); border-radius: 10px; background: #fff !important; } #bar_show_lang_contetn #bar_chose_contry .boxk_lang { display: flex; align-items: center; } #bar_show_lang_contetn #bar_chose_contry .boxk_lang img { width: 50px; } #bar_show_lang_contetn #bar_chose_contry .boxk_lang .radio { padding: 0px; border-bottom: solid 1px #ccc; margin-bottom: 0px; margin-left: 10px; } #bar_show_lang_contetn #bar_chose_contry .boxk_lang .radio:hover { background: #f5f6fa; } #bar_show_lang_contetn #bar_chose_contry .boxk_lang { .form-group { position: absolute; top: 0px; left: 0px; border: solid 2px #000; z-index: 99; background: #fff; width: 100%; } } #bar_show_lang_contetn #bar_chose_contry .boxk_lang span { display: flex; align-items: center; } #bar_show_lang_contetn .boxk_lang input { display: none !important; } #bar_show_lang_contetn #bar_chose_contry select { cursor: pointer; } #bar_show_lang_contetn #bar_chose_contry select:hover { border: 1px solid var(--maincolor); } #bar_show_lang_contetn #bar_chose_contry .text_info_contry form { width: 100%; } #bar_show_lang_contetn #bar_chose_contry #chose_lang_bnt { padding-left: 10px; position: relative; top: 0px; left: 0px; margin-left: 0px; width: 100%; padding: 13px 10px !important; max-width: 100%; } #bar_show_lang_contetn #bar_chose_contry .text_info_contry { display: flex; justify-content: center; flex-direction: column; max-width: 90%; margin: auto; } #bar_show_lang_contetn #bar_chose_contry { background: transparent !important; /* position: static !important; */ } .pic_lang { overflow: hidden; border-radius: 10px 0px 0px 10px; background: #313a47; } .pic_lang img { width: 110%; } #bar_show_lang_contetn #bar_chose_contry .bar_chose_contry_wrap { display: grid; grid-template-columns: 1fr 1.2fr !important; max-width: 1400px; margin: auto; align-items: center; background: #fff; border-radius: 10px; position: relative; /* overflow: hidden; */ } #bar_show_lang_contetn #bar_chose_contry .bar_close_btn { position: absolute; top: 12px; right: 12px; z-index: 2; width: auto; min-width: 60px; height: 40px; padding: 0 12px; border: 0; cursor: pointer; font-size: 33px; } #bar_show_lang_contetn #bar_chose_contry .bar_close_btn:hover { color: #1e6c24; } #bar_show_lang_contetn #bar_chose_contry .region_label { padding-left: 0px; padding-bottom: 5px; display: flex; gap: 0px; flex-direction: column; } #bar_show_lang_contetn #bar_chose_contry li { display: block; list-style: none; } #bar_show_lang_contetn .lang_inputy selected { display: flex; flex-direction: column; } #bar_show_lang_contetn #bar_chose_contry .bar_chose_contry_wrap { display: grid; grid-template-columns: 1fr 1fr !important; max-width: 1400px; margin: auto; align-items: center; } #bar_show_lang_contetn #bar_chose_contry { /* background: var(--twocolor); */ position: fixed; /* width: 50%; */ top: 0px; z-index: 99999; left: 0px; padding: 10px 0px; display: block; max-width: 1100px; transform: translate(-50%, 20%) !important; left: 50% !important; box-shadow: 0px 10px 10px -2px rgb(0 0 0 / 18%) !important; opacity: 0; animation: barChoseContryFadeIn 0.35s ease forwards; } #bar_show_lang_contetn .boxk_lang .form-group { animation: countryanima 0.35s ease forwards; } @keyframes countryanima { from { opacity: 0; /* transform: translate(-50%, 16%); */ } to { opacity: 1; /* transform: translate(-50%, 20%); */ } } @keyframes barChoseContryFadeIn { from { opacity: 0; transform: translate(-50%, 16%); } to { opacity: 1; transform: translate(-50%, 20%); } } #bar_show_lang_contetn #bar_chose_contry .info_box_contry { background: var(--white); border-radius: 10px; display: flex; padding: 10px; align-items: center; gap: 0px; max-width: 90%; width: 90%; justify-content: space-evenly; font-size: 18px; flex-direction: column; } #bar_show_lang_contetn .lang_inputy:after { display: none !important; } #bar_show_lang_contetn .lang_inputy selected { display: flex; } #bar_show_lang_contetn #bar_chose_contry { background: #f5f6fa; /* position: static !important; */ } /* #bar_chose_contry {display: block !important;} */ #bar_show_lang_contetn .lang_inputy { position: relative; display: flex; } #bar_show_lang_contetn .lang-select-wrap { width: 100%; margin-bottom: 10px; } #bar_show_lang_contetn .lang-order-select { width: 100%; border: 1px solid #d7dce5; border-radius: 8px; padding: 8px 10px; background: #fff; } #bar_show_lang_contetn .form-group.radio label { display: flex; align-items: center; gap: 8px; } #bar_show_lang_contetn .lang-option-flag { width: 18px; height: 18px; object-fit: contain; flex: 0 0 18px; } #bar_show_lang_contetn .menu-settings-search { width: 100%; margin-bottom: 10px; } #bar_show_lang_contetn .menu-settings-search input { width: 100%; padding: 8px 12px; border: 1px solid #d7dce5; border-radius: 6px; font-size: 14px; box-sizing: border-box; } .menu-settings-search input::placeholder { color: #999; } #bar_show_lang_contetn .menu-settings-search input:focus { outline: none; border-color: var(--maincolor); box-shadow: 0 0 0 3px rgba(51, 179, 59, 0.1); } #bar_show_lang_contetn #global_lang img { width: 35px; } #bar_show_lang_contetn #global_lang { display: flex; align-content: flex-start; align-items: flex-start; flex-direction: column; margin-bottom: 20px; } </style> <style> #chose_lang_bnt { border-radius: 5px !important; color: var(--maincolor); &:hover { border: solid 1px var(--maincolor); } } .boxk_lang_v2 { position: relative; background: #fff; .form-group { position: absolute; top: 0px; left: 0px; border: solid 2px #000; z-index: 99; background: #fff; } } body #menu_settings .flag.flag_fre, body #menu_settings .flag.flag_hun, body #menu_settings .flag.flag_ita { display: none !important; } @media (max-width:1100px) { #bar_show_lang_contetn .text_region { padding-bottom: 20px; padding-top: 0px; } #bar_show_lang_contetn .form-group.land_show.active { position: absolute; background: #fff; border: solid 2px var(--maincolor); width: 80%; display: block; overflow-y: scroll; } #bar_show_lang_contetn #bar_chose_contry .bar_close_btn { position: absolute; top: 12px; right: 12px; z-index: 2; width: auto; min-width: 40px; height: 40px; padding: 0 12px; border: 0; cursor: pointer; font-size: 32px; height: 100%; } #bar_show_lang_contetn #country_search_wo { margin-bottom: 10px; padding: 8px 12px; border: 2px solid var(--maincolor) !important; border-radius: 4px; position: static !important; bottom: auto !important; width: 100% !important; left: auto !important; max-width: 100%; } #bar_show_lang_contetn #bar_chose_contry .bar_chose_contry_wrap { display: flex !important; max-width: 100%; margin: auto; align-items: stretch; flex-direction: column; gap: 15px; padding: 15px; border-radius: 0px; width: 100%; } #bar_show_lang_contetn #bar_chose_contry .info_box_contry { background: var(--white); border-radius: 10px; display: flex; padding: 15px; align-items: center; gap: 15px; max-width: 100%; width: 100%; justify-content: space-evenly; font-size: 16px; flex-direction: column; } #bar_show_lang_contetn .pic_lang { display: none !important; } #bar_show_lang_contetn { position: absolute; width: 100%; height: 100%; z-index: 999999; top: 0px; left: 0px; } #bar_show_lang_contetn #bar_chose_contry { /* background: var(--twocolor); */ position: absolute; /* width: 50%; */ top: 0px; z-index: 99999; left: 0px; padding: 10px 0px; display: block; max-width: 1100px; transform: translate(-50%, 20%); left: 50%; box-shadow: 0px 10px 10px -2px rgb(0 0 0 / 18%) !important; opacity: 0; animation: barChoseContryFadeIn 0.35s ease forwards; top: 0px; transform: translate(-50%, 0%) !important; border: none; border-radius: 0px !important; overflow-y: scroll; height: 100%; } } </style> <script> function getLangMain() { const dismissedBarCookie = "bar_chose_contry_closed_v2"; const shouldRenderLanguageBar = getCookie(dismissedBarCookie) !== "1"; function getCookie(cookieName) { const cookieEntry = document.cookie .split("; ") .find((row) => row.startsWith(`${cookieName}=`)); return cookieEntry ? decodeURIComponent(cookieEntry.split("=")[1]) : ""; } function setCookie(cookieName, cookieValue, maxAgeSeconds) { document.cookie = `${cookieName}=${encodeURIComponent(cookieValue)}; path=/; max-age=${maxAgeSeconds}; SameSite=Lax`; } function dismissLanguageBar() { const barElement = document.getElementById("bar_chose_contry"); const form = barElement?.querySelector("form"); setCookie(dismissedBarCookie, "1", 60 * 60 * 24 * 365); if (form) { form.submit(); } else if (barElement) { barElement.remove(); } } function dismissLanguageBarOnly() { const barElement = document.getElementById("bar_chose_contry"); setCookie(dismissedBarCookie, "1", 60 * 60 * 24 * 365); if (barElement) { barElement.remove(); } } const getBlogNotraslaneMenu = document.querySelector("#menu_categories"); if (getBlogNotraslaneMenu == null) { } else { getBlogNotraslaneMenu.setAttribute("translate", "no") } const getallNumberlang = { PL: { lang: "pl", langTag: "pl", link: "https://www.metalmarket.eu/pl/", flagsLang: "/data/include/cms/lang/pln_lang.svg?v=1676453825843", contryLang: "Polska", constryinfo: "<strong>Szanowni Państwo</strong>, prosimy o wybór kraju lub regionu, aby korzystać z oferty, waluty i warunków zakupów dostosowanych do Twojej lokalizacji.", constryregion: "Czy Twój region to:", constryChec: "Potwierdzam kraj ", }, DE: { lang: "de-DE", langTag: "de", link: "https://www.metalmarket.eu/de/", flagsLang: "/data/include/cms/lang/de.svg?v=1683896346993", contryLang: "Germany", constryinfo: "<strong>Sehr geehrte Damen und Herren</strong>, bitte wählen Sie Ihr Land oder Ihre Region aus, um das Angebot, die Währung und die Einkaufsbedingungen zu nutzen, die an Ihren Standort angepasst sind.", constryregion: "Ist Ihre Region:", constryChec: "Land bestätigen", }, UK: { lang: "uk", langTag: "en", link: "https://www.metalmarket.eu/en/", flagsLang: "https://www.metalelokacyjne.pl/data/include/cms/lang/ua.svg?v=1744022579825", contryLang: "Україна", constryinfo: "<strong>Шановні пані та панове</strong>, будь ласка, виберіть країну або регіон, щоб користуватися пропозицією, валютою та умовами покупок, адаптованими до вашого місцезнаходження.", constryregion: "Ваш регіон:", constryChec: "Підтверджую країну", }, RU: { lang: "ru", langTag: "ru", link: "https://www.metalmarket.eu/en/", flagsLang: "https://www.metalelokacyjne.pl/data/include/cms/lang/ru.svg?v=1744022579826", contryLang: "Россия", constryinfo: "<strong>Уважаемые дамы и господа</strong>, пожалуйста, выберите страну или регион, чтобы воспользоваться предложением, валютой и условиями покупок, адаптированными к вашему местоположению.", constryregion: "Ваш регион:", constryChec: "Подтверждаю страну", }, CY: { lang: "cy", langTag: "cy", link: "https://www.metalmarket.eu/en/", flagsLang: "/data/include/cms/lang/cypr.svg?v=1689689953181", contryLang: "Κύπρος", constryinfo: "<strong>Αξιότιμες κυρίες και κύριοι</strong>, επιλέξτε τη χώρα ή την περιοχή σας, ώστε να χρησιμοποιήσετε την προσφορά, το νόμισμα και τους όρους αγορών που είναι προσαρμοσμένοι στην τοποθεσία σας.", constryregion: "Είναι η περιοχή σας:", constryChec: "Επιβεβαιώνω τη χώρα", }, SV: { lang: "fi", langTag: "fi", link: "https://www.metalmarket.eu/en/", flagsLang: "/data/include/cms/lang/finlandia.svg?v=1689691081078", contryLang: "Suomi", constryinfo: "<strong>Hyvä asiakas</strong>, valitse maasi tai alueesi, jotta voit käyttää sijaintisi mukaan mukautettua valikoimaa, valuuttaa ja ostoehtoja.", constryregion: "Onko alueesi:", constryChec: "Vahvistan maan", }, LT: { lang: "lt", langTag: "en", link: "https://www.metalmarket.eu/en/", flagsLang: "/data/include/cms/lang/lt.svg?v=1689339814959", contryLang: "Lietuva", constryinfo: "<strong>Gerbiamieji</strong>, pasirinkite savo šalį arba regioną, kad galėtumėte naudotis jūsų vietovei pritaikytu pasiūlymu, valiuta ir apsipirkimo sąlygomis.", constryregion: "Ar jūsų regionas yra:", constryChec: "Patvirtinu šalį", }, PT: { lang: "pt", langTag: "en", link: "https://www.metalmarket.eu/es/", flagsLang: "/data/include/cms/lang/pt.svg", contryLang: "Portugal", constryinfo: "<strong>Exmos. Senhores</strong>, selecione o seu país ou região para aceder à oferta, moeda e condições de compra adaptadas à sua localização.", constryregion: "A sua região é:", constryChec: "Confirmo o país", }, SE: { lang: "sv", langTag: "en", link: "https://www.metalmarket.eu/en/", flagsLang: "/data/include/cms/lang/sv.svg?v=1689339814957", contryLang: "Sverige", constryinfo: "<strong>Bästa kund</strong>, välj ditt land eller din region för att få tillgång till erbjudanden, valuta och köpvillkor som är anpassade efter din plats.", constryregion: "Är din region:", constryChec: "Jag bekräftar landet", }, CH: { lang: "de-CH", langTag: "de", link: "https://www.metalmarket.eu/de/", flagsLang: "/data/include/cms/lang/szwajcaria.svg?v=1744020610450", contryLang: "Schweiz", constryinfo: "<strong>Sehr geehrte Damen und Herren</strong>, bitte wählen Sie Ihr Land oder Ihre Region aus, um das Angebot, die Währung und die Einkaufsbedingungen zu nutzen, die an Ihren Standort angepasst sind.", constryregion: "Ist Ihre Region:", constryChec: "Land bestätigen", }, DA: { lang: "da-DA", langTag: "de", link: "https://www.metalmarket.eu/de/", flagsLang: "/data/include/cms/lang/da.svg", contryLang: "Danmark", constryinfo: "<strong>Kære kunde</strong>, vælg dit land eller din region for at få adgang til tilbud, valuta og købsbetingelser, der er tilpasset din placering.", constryregion: "Er din region:", constryChec: "Jeg bekræfter landet", }, No: { lang: "no", langTag: "en", link: "https://www.metalmarket.eu/en/", flagsLang: "/data/include/cms/lang/no.svg", contryLang: "Norge", constryinfo: "<strong>Kjære kunde</strong>, velg landet eller regionen din for å få tilgang til tilbud, valuta og kjøpsvilkår som er tilpasset din plassering.", constryregion: "Er din region:", constryChec: "Jeg bekrefter landet", }, Ro: { lang: "ro", langTag: "ro", link: "https://www.metalmarket.eu/ro/", flagsLang: "https://www.metalmarket.eu/data/include/cms/lang/ro.svg", contryLang: "România", constryinfo: "<strong>Stimați clienți</strong>, vă rugăm să selectați țara sau regiunea pentru a beneficia de oferta, moneda și condițiile de cumpărare adaptate locației dumneavoastră.", constryregion: "Regiunea dumneavoastră este:", constryChec: "Confirm țara", }, NL: { lang: "nl-NL", langTag: "en", link: "https://www.metalmarket.eu/en/", flagsLang: "/data/include/cms/lang/nl.svg?v=1689339814958", contryLang: "Nederland", constryinfo: "<strong>Geachte klant</strong>, selecteer uw land of regio om gebruik te maken van het aanbod, de valuta en de aankoopvoorwaarden die op uw locatie zijn afgestemd.", constryregion: "Is uw regio:", constryChec: "Ik bevestig het land", }, BE: { lang: "nl-NL", langTag: "en", link: "https://www.metalmarket.eu/en/", flagsLang: "/data/include/cms/lang/belgia.svg?v=1689758336691", contryLang: "België", constryinfo: "<strong>Geachte klant</strong>, selecteer uw land of regio om gebruik te maken van het aanbod, de valuta en de aankoopvoorwaarden die op uw locatie zijn afgestemd.", constryregion: "Is uw regio:", constryChec: "Ik bevestig het land", }, Hr: { lang: "hr-HR", langTag: "en", link: "https://www.metalmarket.eu/en/", flagsLang: "/data/include/cms/lang/hr.svg?v=1689339814959", contryLang: "Hrvatska", constryinfo: "<strong>Poštovani</strong>, odaberite svoju državu ili regiju kako biste koristili ponudu, valutu i uvjete kupnje prilagođene vašoj lokaciji.", constryregion: "Je li vaša regija:", constryChec: "Potvrđujem državu", }, HU: { lang: "hu-HU", langTag: "en", link: "https://www.metalmarket.eu/hu/", flagsLang: "/data/include/cms/lang/hu.svg?v=1689339814959", contryLang: "Magyarország", constryinfo: "<strong>Tisztelt Ügyfelünk</strong>, kérjük, válassza ki országát vagy régióját, hogy az Ön tartózkodási helyéhez igazított kínálatot, pénznemet és vásárlási feltételeket használhassa.", constryregion: "Az Ön régiója:", constryChec: "Megerősítem az országot", }, EN: { lang: "en-EN", langTag: "en", link: "https://www.metalmarket.eu/en/", flagsLang: "/data/include/cms/lang/eng_lang.svg?v=1676453825843", contryLang: "United Kingdom", constryinfo: "<strong>Dear Customer</strong>, please select your country or region to access the offer, currency and purchasing conditions tailored to your location.", constryregion: "Is your region:", constryChec: "Confirm country", }, AT: { lang: "de-AT", langTag: "de", link: "https://www.metalmarket.eu/de/", flagsLang: "/data/include/cms/lang/de.svg?v=1683896346993", contryLang: "Österreich", constryinfo: "<strong>Sehr geehrte Damen und Herren</strong>, bitte wählen Sie Ihr Land oder Ihre Region aus, um das Angebot, die Währung und die Einkaufsbedingungen zu nutzen, die an Ihren Standort angepasst sind.", constryregion: "Ist Ihre Region:", constryChec: "Land bestätigen", }, NL: { lang: "nl-NL", langTag: "en", link: "https://www.metalmarket.eu/de/", flagsLang: "/data/include/cms/lang/de.svg?v=1683896346993", contryLang: "Germany", constryinfo: "<strong>Sehr geehrte Damen und Herren</strong>, bitte wählen Sie Ihr Land oder Ihre Region aus, um das Angebot, die Währung und die Einkaufsbedingungen zu nutzen, die an Ihren Standort angepasst sind.", constryregion: "Ist Ihre Region:", constryChec: "Land bestätigen", }, ES: { lang: "es-ES", langTag: "/es/", link: "https://www.metalmarket.eu/es/", flagsLang: "/data/include/cms/lang/es.svg?v=1689339814959", contryLang: "España", constryinfo: "<strong>Estimado cliente</strong>, seleccione su país o región para acceder a la oferta, la moneda y las condiciones de compra adaptadas a su ubicación.", constryregion: "¿Su región es:", constryChec: "Confirmo el país", }, IT: { lang: "it-IT", langTag: "it", link: "https://www.metalmarket.eu/it/", flagsLang: "/data/include/cms/lang/it.svg", contryLang: "Italia", constryinfo: "<strong>Gentile cliente</strong>, selezioni il suo Paese o la sua regione per accedere all'offerta, alla valuta e alle condizioni di acquisto adattate alla sua posizione.", constryregion: "La sua regione è:", constryChec: "Confermo il Paese", }, FR: { lang: "fr-FR", langTag: "fr", link: "https://www.metalmarket.eu/fr/", flagsLang: "/data/include/cms/lang/fr.svg?v=1676455729382", contryLang: "France", constryinfo: "<strong>Chère cliente, cher client</strong>, veuillez sélectionner votre pays ou votre région afin d’accéder à l’offre, à la devise et aux conditions d’achat adaptées à votre localisation.", constryregion: "Votre région est-elle :", constryChec: "Je confirme le pays", }, UA: { lang: "ua-UA", langTag: "en", link: "https://www.metalmarket.eu/en/", flagsLang: "/data/include/cms/lang/ua.svg?v=1676456306460", contryLang: "Україна", constryinfo: "<strong>Шановні пані та панове</strong>, будь ласка, виберіть країну або регіон, щоб користуватися пропозицією, валютою та умовами покупок, адаптованими до вашого місцезнаходження.", constryregion: "Ваш регіон:", constryChec: "Підтверджую країну", }, SK: { lang: "sk-SK", langTag: "en", link: "https://www.metalmarket.eu/en/", flagsLang: "/data/include/cms/lang/sk.svg?v=1676457240953", contryLang: "Slovensko", constryinfo: "<strong>Vážený zákazník</strong>, vyberte si svoju krajinu alebo región, aby ste mohli využívať ponuku, menu a nákupné podmienky prispôsobené vašej lokalite.", constryregion: "Je váš región:", constryChec: "Potvrdzujem krajinu", }, Cs: { lang: "cs-CZ", langTag: "/cs/", link: "https://www.metalmarket.eu/cs/", flagsLang: "/data/include/cms/lang/czech.svg?v=1676455729382", contryLang: "čeština", constryinfo: "<strong>Vážený zákazníku</strong>, vyberte svou zemi nebo region, abyste mohli využívat nabídku, měnu a nákupní podmínky přizpůsobené vaší lokalitě.", constryregion: "Je váš region:", constryChec: "Potvrzuji zemi", }, Sk: { lang: "Sk-SK", langTag: "en", link: "https://www.metalmarket.eu/en/", flagsLang: "/data/include/cms/lang/czech.svg?v=1676455729382", contryLang: "čeština", constryinfo: "<strong>Vážený zákazník</strong>, vyberte si svoju krajinu alebo región, aby ste mohli využívať ponuku, menu a nákupné podmienky prispôsobené vašej lokalite.", constryregion: "Je váš región:", constryChec: "Potvrdzujem krajinu", }, BG: { lang: "bg-BG", langTag: "bg", link: "https://www.metalmarket.eu/bg/", flagsLang: "https://www.metalelokacyjne.pl/data/include/cms/lang/bg_1.svg?v=1676458062582", contryLang: "България", constryinfo: "<strong>Уважаеми дами и господа</strong>, моля, изберете държава или регион, за да използвате офертата, валутата и условията за пазаруване, съобразени с Вашето местоположение.", constryregion: "Вашият регион е:", constryChec: "Потвърждавам държавата", }, Gr: { lang: "el-EL", langTag: "en", link: "https://www.metalmarket.eu/en/", flagsLang: "/data/include/cms/lang/el.svg?v=1689339814959", contryLang: "Ελλάδα", constryinfo: "<strong>Αξιότιμες κυρίες και κύριοι</strong>, επιλέξτε τη χώρα ή την περιοχή σας, ώστε να χρησιμοποιήσετε την προσφορά, το νόμισμα και τους όρους αγορών που είναι προσαρμοσμένοι στην τοποθεσία σας.", constryregion: "Είναι η περιοχή σας:", constryChec: "Επιβεβαιώνω τη χώρα", }, Si: { lang: "Si-SI", langTag: "en", link: "https://www.metalmarket.eu/en/", flagsLang: "/data/include/cms/lang/sl.svg?v=1676481387968", contryLang: "Slovenija", constryinfo: "<strong>Spoštovani</strong>, izberite svojo državo ali regijo, da boste lahko uporabljali ponudbo, valuto in nakupne pogoje, prilagojene vaši lokaciji.", constryregion: "Je vaša regija:", constryChec: "Potrjujem državo", }, LV: { lang: "Lv-LV", langTag: "en", link: "https://www.metalmarket.eu/en/", flagsLang: "/data/include/cms/lang/lv.svg?v=1676481387968", contryLang: "Latvija", constryinfo: "<strong>Cienījamais klient</strong>, izvēlieties savu valsti vai reģionu, lai izmantotu jūsu atrašanās vietai pielāgotu piedāvājumu, valūtu un iepirkšanās noteikumus.", constryregion: "Vai jūsu reģions ir:", constryChec: "Apstiprinu valsti", }, }; function getLangCodeFromText(value) { if (!value) { return ""; } const normalizedValue = String(value).toLowerCase(); const pathMatch = normalizedValue.match(/(?:^|\/)(pl|de|en|es|fr|it|cs|hu|bg|pt|nl|ro|sk|hr|lt|lv|sv|da|no|el|uk|ru|ua)(?:\/|$)/); if (pathMatch && pathMatch[1]) { return pathMatch[1] === "ua" ? "uk" : pathMatch[1]; } const localeMatch = normalizedValue.match(/\b([a-z]{2})(?:-[a-z]{2})?\b/); return localeMatch && localeMatch[1] ? localeMatch[1] : ""; } function buildFlagMap() { const langFlags = {}; Object.keys(getallNumberlang).forEach((langKey) => { const langItem = getallNumberlang[langKey]; const langCode = getLangCodeFromText(langItem.lang); if (langCode && !langFlags[langCode]) { langFlags[langCode] = langItem.flagsLang; } if (langKey.toLowerCase() === "ua" && !langFlags.uk) { langFlags.uk = langItem.flagsLang; } if (langKey.toLowerCase() === "gr" && !langFlags.el) { langFlags.el = langItem.flagsLang; } }); return langFlags; } function addMenuSettingsSearch() { const menuCountry = document.querySelector("#bar_chose_contry #menu_settings_country"); if (!menuCountry || menuCountry.querySelector(".menu-settings-search")) { return; } const searchWrap = document.createElement("div"); searchWrap.className = "menu-settings-search"; const searchInput = document.createElement("input"); searchInput.type = "text"; searchInput.placeholder = "Szukaj..."; searchInput.setAttribute("aria-label", "Szukaj w opcjach"); searchWrap.appendChild(searchInput); menuCountry.insertBefore(searchWrap, menuCountry.firstElementChild); const radioItems = Array.from(menuCountry.querySelectorAll(".radio, .form-group")); const labelTexts = new Map(); radioItems.forEach((item) => { const labelElement = item.querySelector("label"); const textContent = labelElement ? labelElement.textContent.trim().toLowerCase() : ""; labelTexts.set(item, textContent); }); searchInput.addEventListener("input", (event) => { const searchTerm = event.target.value.toLowerCase().trim(); radioItems.forEach((item) => { const itemText = labelTexts.get(item) || ""; const matches = itemText.includes(searchTerm); item.style.display = matches || searchTerm === "" ? "" : "none"; }); }); } function enhanceLanguagePicker() { const languagePanel = document.querySelector("#bar_chose_contry .lang_inputy form"); if (!languagePanel || languagePanel.querySelector(".lang-order-select")) { return; } const radioGroups = Array.from(languagePanel.querySelectorAll(".form-group.radio")) .filter((groupItem) => groupItem.querySelector('input[type="radio"]')); if (!radioGroups.length) { return; } const flagsByCode = buildFlagMap(); const selectWrap = document.createElement("div"); selectWrap.className = "lang-select-wrap"; const languageSelect = document.createElement("select"); languageSelect.className = "lang-order-select"; radioGroups.forEach((groupItem, itemIndex) => { const radioInput = groupItem.querySelector('input[type="radio"]'); const labelNode = groupItem.querySelector("label"); const labelText = labelNode ? labelNode.textContent.trim() : `Język ${itemIndex + 1}`; const langCode = getLangCodeFromText( [ radioInput && radioInput.value, radioInput && radioInput.id, radioInput && radioInput.name, labelNode && labelNode.getAttribute("for") ].join(" ") ); const groupKey = `${langCode || "lang"}-${itemIndex}`; groupItem.dataset.langKey = groupKey; if (labelNode && langCode && flagsByCode[langCode] && !labelNode.querySelector(".lang-option-flag")) { const flagImage = document.createElement("img"); flagImage.className = "lang-option-flag"; flagImage.src = flagsByCode[langCode]; flagImage.alt = ""; labelNode.prepend(flagImage); } const optionElement = document.createElement("option"); optionElement.value = groupKey; optionElement.textContent = labelText; languageSelect.appendChild(optionElement); radioInput.addEventListener("change", () => { languageSelect.value = groupKey; groupItem.parentElement.insertBefore(groupItem, groupItem.parentElement.firstElementChild); }); }); languageSelect.addEventListener("change", (event) => { const selectedValue = event.target.value; const selectedGroup = radioGroups.find((groupItem) => groupItem.dataset.langKey === selectedValue); if (!selectedGroup) { return; } const selectedInput = selectedGroup.querySelector('input[type="radio"]'); if (selectedInput) { selectedInput.checked = true; selectedInput.dispatchEvent(new Event("change", { bubbles: true })); } selectedGroup.parentElement.insertBefore(selectedGroup, selectedGroup.parentElement.firstElementChild); }); selectWrap.appendChild(languageSelect); languagePanel.insertBefore(selectWrap, languagePanel.firstElementChild); const initiallyCheckedGroup = radioGroups.find((groupItem) => { const groupInput = groupItem.querySelector('input[type="radio"]'); return groupInput && groupInput.checked; }) || radioGroups[0]; if (initiallyCheckedGroup) { languageSelect.value = initiallyCheckedGroup.dataset.langKey; initiallyCheckedGroup.parentElement.insertBefore(initiallyCheckedGroup, initiallyCheckedGroup.parentElement.firstElementChild); } } Object.keys(getallNumberlang).map((key, id) => { const getNubmerLnag = getallNumberlang[key].lang; const getNubmerLnagTag = getallNumberlang[key].langTag; const getLINK_lang = getallNumberlang[key].link; const getFlags_lang = getallNumberlang[key].flagsLang; const getContry_lang = getallNumberlang[key].contryLang; const getContry_inf = getallNumberlang[key].constryinfo; const getContry_region = getallNumberlang[key].constryregion; const getContry_Chcek = getallNumberlang[key].constryChec; // if (!userLangBroser.includes(getNubmerLnag)) { // const getinfoLang = document.querySelector("#global_lang"); // getinfoLang.innerHTML = ` //<img src="/data/include/cms/metal_market/icon/world.svg?v=1655215288103" class="word_icon"> // Wybierz swój język ${userLangBroser} // `; // } // if(userLangBroser== "sl") { // const getinfoLang = document.querySelector("#global_lang"); // getinfoLang.insertAdjacentHTML( // "afterbegin", // ` // <img src="/data/include/cms/metal_market/icon/world.svg?v=1655215288103" class="word_icon" alt="Metal market Europa - metal market.eu"> //Wybierz Swój język ${getNubmerLnag} // ` // ); // } function getNamewebsite() { const getLinkpage = window.location.href; if ( getLinkpage == 'https://www.metalmarket.eu/' || getLinkpage == 'https://www.metalmarket.eu/pl/' || getLinkpage == 'https://www.metalmarket.eu/es/' || getLinkpage == 'https://www.metalmarket.eu/de/' || getLinkpage == 'https://www.metalmarket.eu/it/' || getLinkpage == 'https://www.metalmarket.eu/fr/' || getLinkpage == 'https://www.metalmarket.eu/cs/' || getLinkpage == 'https://www.metalmarket.eu/hu/' || getLinkpage == 'https://www.metalmarket.eu/bg/' || getLinkpage == 'https://www.metalmarket.eu/en/' ) { return getLINK_lang } else { const regexgetLinkpage = /\/(en|de|pl|es|fr|hu|it|cs|bg)\/[^\?]*/; const matchregexgetLinkpage = window.location.href.match(regexgetLinkpage); const linksRemovmatchregexgetLinkpage = matchregexgetLinkpage[0].replace(/(\/(en|de|pl|es|fr|hu|it|cs|bg)\/)/, `https://www.metalmarket.eu/${getNubmerLnagTag}/`) return linksRemovmatchregexgetLinkpage } } const getNamewebsites = getNamewebsite() const getlandBroser = navigator.language || navigator.userLanguage; const userLangBroserMain = String(getlandBroser || "").toLowerCase(); const userLangBroserShort = userLangBroserMain.split("-")[0]; const userLangBroserMainbeaSmall = String(getNubmerLnag || "").toLowerCase(); const menuLangCode = userLangBroserMainbeaSmall.split("-")[0]; if (menuLangCode && menuLangCode === userLangBroserShort) { // const getinfoLangdwa = document.querySelector("#global_lang"); // getinfoLangdwa.insertAdjacentHTML( // "afterbegin", // ` // <img src="${getFlags_lang}" class="word_icon" alt="Metal market Europa - metal market.eu"> // ${getContry_lang} // ` // ); // <div class="label_contry" translate="no">${getContry_region}</div> // <div class="lang_inputy"> // <selected> // <img src="${getFlags_lang}"> // <p translate="no"> // ${getContry_lang} </p> const gettextpole = document.querySelector("#menu_settings form").innerHTML; const getBar = document.querySelector(".commercial_banner"); if (shouldRenderLanguageBar && getBar && !document.getElementById("bar_chose_contry")) { getBar.insertAdjacentHTML( "beforebegin", ` <div id="bar_show_lang_contetn"> <div id="bar_chose_contry" > <div class="bar_chose_contry_wrap"> <div type="button" class="bar_close_btn" aria-label="Zamknij okno języka">×</div> <div class="pic_lang"> <img src="https://www.metalelokacyjne.pl/data/include/cms/mme/img/mapas.webp?v=1784103337107" alt="Metal marklet Europe"> </div> <div class="text_info_contry"> <div class="info_box_contry"> <div style="display:block"> <input type="text" id="country_search_wo" placeholder="${langEn ? "Search shipping country..." : ""} ${langPl ? "Szukaj kraju wysyłki..." : ""} ${langRo ? "Căutați țara de expediere..." : ""} ${langDe ? "Lieferland suchen..." : ""} ${langEs ? "Buscar país de envío..." : ""} ${langCs ? "Hledat zemi doručení..." : ""} ${langFr ? "Rechercher le pays de livraison..." : ""} ${langHu ? "Szállítási ország keresése..." : ""} ${langIt ? "Cerca paese di spedizione..." : ""} ${langBg ? "Търсене на държава за доставка..." : ""}" class="form-control" style="margin-bottom: 10px; padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px;"> <div class="text_region"> <div class="loogos_rwd"> <img src="https://www.metalelokacyjne.pl/data/include/cms/mme/logos/mme_logo_color.svg?v=1784111493837" alt=""> </div> <p translate="no">${getContry_inf}</p></div> </div > </div> <div class="lang_inputy"> <selected> </selected> </div> <form action="https://www.metalmarket.eu/pl/settings.html" method="post" class="active"> ${gettextpole} </form> </div> </div> </div> </div> ` ); // <div class="label_contry" translate="no"> // <div class="box_land_textaa"> // ${getContry_region} // <img src="${getFlags_lang}"> // <span translate="no"> // ${getContry_lang} </span> // </div> // <div id="bnt_contry" class="bnt_contry"> // <a href="${getNamewebsites}" id="bnt_contry_click" translate="no"> // ${getContry_Chcek} // </a></div> const closeButton = document.querySelector("#bar_chose_contry .bar_close_btn"); if (closeButton) { closeButton.addEventListener("click", dismissLanguageBar); } const applyButton = document.querySelector("#bar_chose_contry .buttons button"); if (applyButton) { applyButton.addEventListener("click", dismissLanguageBar); } const countryConfirmButton = document.querySelector("#bar_chose_contry #bnt_contry_click"); if (countryConfirmButton) { countryConfirmButton.addEventListener("click", dismissLanguageBarOnly); } const countryConfirmBox = document.querySelector("#bar_chose_contry .bnt_contry"); if (countryConfirmBox) { countryConfirmBox.addEventListener("click", dismissLanguageBarOnly); } enhanceLanguagePicker(); } } else { } }) function getboxland() { const applyBtn = document.querySelector("#bar_chose_contry .buttons .--large"); if (!applyBtn) { return; } applyBtn.innerHTML = ` ${langEn ? "Apply changes" : ""} ${langPl ? "Zastosuj zmiany" : ""} ${langBg ? "Приложи промените" : ""} ${langDe ? "Änderungen übernehmen" : ""} ${langEs ? "Aplicar cambios" : ""} ${langCs ? "Použít změny" : ""} ${langFr ? "Appliquer les modifications" : ""} ${langHu ? "Változtatások alkalmazása" : ""} ${langIt ? "Applica modifiche" : ""} `; document.querySelectorAll('#bar_chose_contry ul li span').forEach(x => { const changetextLang = x.innerHTML; if (changetextLang.includes("en")) { x.innerHTML = `<img src="/data/include/cms/lang/eng_lang.svg?v=1676453825843"> ${langEn ? "English" : ""} ${langPl ? "Angielski" : ""} ${langCs ? "Angličtina" : ""} ${langEs ? "Inglés" : ""} ${langDe ? "Englisch" : ""} ${langFr ? "Anglais" : ""} ${langHu ? "Angol" : ""} ${langIt ? "Inglese" : ""} ${langBg ? "английски" : ""}` ; } if (changetextLang.includes("de")) { x.innerHTML = ` <img src="/data/include/cms/lang/de_dwa.svg?v=1721637235075" width="20"> ${langEn ? "German" : ""} ${langPl ? "Niemiecki" : ""} ${langCs ? "Němčina" : ""} ${langEs ? "Alemán" : ""} ${langDe ? "Deutsch" : ""} ${langFr ? "Allemand" : ""} ${langHu ? "Német" : ""} ${langIt ? "Tedesco" : ""} ${langBg ? "немски" : ""} `; } if (changetextLang.includes("pl")) { x.innerHTML = `<img src="/data/include/cms/lang/pln_lang.svg?v=1676453825843"> ${langEn ? "Polish" : ""} ${langPl ? "Polski" : ""} ${langCs ? "Polský" : ""} ${langEs ? "Polaco" : ""} ${langDe ? "Polnisch" : ""} ${langFr ? "Polonais" : ""} ${langHu ? "Lengyel" : ""} ${langIt ? "Polacco" : ""} ${langBg ? "полски" : ""} `; } if (changetextLang.includes("cs")) { x.innerHTML = ` <img src="/data/include/cms/lang/czech.svg?v=1689339814959"> ${langEn ? "Czech" : ""} ${langPl ? "Czeski" : ""} ${langCs ? "Česky" : ""} ${langEs ? "Checa" : ""} ${langDe ? "Tschechisch" : ""} ${langFr ? "Tchèque" : ""} ${langHu ? "Cseh" : ""} ${langIt ? "Ceco" : ""} ${langBg ? "чешки" : ""} ` } if (changetextLang.includes("es")) { x.innerHTML = `<img src="/data/include/cms/lang/es.svg?v=1726586403301"> ${langEn ? "Spanish" : ""} ${langPl ? "Hiszpański" : ""} ${langCs ? "Španělština" : ""} ${langEs ? "Español" : ""} ${langDe ? "Spanisch" : ""} ${langFr ? "Espagnol" : ""} ${langHu ? "Spanyol" : ""} ${langIt ? "Spagnolo" : ""} ${langBg ? "испански" : ""} `; } if (changetextLang.includes("fr")) { x.innerHTML = `<img src="/data/include/cms/lang/fr.svg?v=1689339814959"> ${langEn ? "French" : ""} ${langPl ? "Francuski" : ""} ${langCs ? "Francouzština" : ""} ${langEs ? "Francés" : ""} ${langDe ? "Französisch" : ""} ${langFr ? "Français" : ""} ${langHu ? "Francia" : ""} ${langIt ? "Francese" : ""} ${langBg ? "френски" : ""} ` } if (changetextLang.includes("it")) { x.innerHTML = `<img src="/data/include/cms/lang/it.svg?v=1689339814959"> ${langEn ? "Italian" : ""} ${langPl ? "Włoski" : ""} ${langCs ? "Italština" : ""} ${langEs ? "Italiano" : ""} ${langDe ? "Italienisch" : ""} ${langFr ? "Italien" : ""} ${langHu ? "Olasz" : ""} ${langIt ? "Italiano" : ""} ${langBg ? "италиански" : ""} ` } if (changetextLang.includes("hu")) { x.innerHTML = `<img src="/data/include/cms/lang/hu.svg?v=1689339814959"> ${langEn ? "Hungarian" : ""} ${langPl ? "Węgierski" : ""} ${langCs ? "Maďarština" : ""} ${langEs ? "Húngaro" : ""} ${langDe ? "Ungarisch" : ""} ${langFr ? "Hongrois" : ""} ${langHu ? "Magyar" : ""} ${langIt ? "Ungherese" : ""} ${langBg ? "унгарски" : ""} ` } if (changetextLang.includes("bg")) { x.innerHTML = `<img src="https://www.metalelokacyjne.pl/data/include/cms/lang/bg_1.svg?v=1676458062582"> ${langEn ? "Bulgarian" : ""} ${langPl ? "Bułgarski" : ""} ${langCs ? "Bulharština" : ""} ${langEs ? "Búlgaro" : ""} ${langDe ? "Bulgarisch" : ""} ${langFr ? "Bulgare" : ""} ${langHu ? "Bolgár" : ""} ${langIt ? "Bulgaro" : ""} ${langBg ? "Български" : ""} ` } }) const setTime = setTimeout(function () { document.querySelectorAll("#bar_chose_contry ul li a").forEach(x => { const changetextLang = x.innerHTML; if (changetextLang.includes("€")) { const changeText = changetextLang.replace("€", "<strong>EUR</strong>"); x.innerHTML = changeText } if (changetextLang.includes("$")) { const changeText = changetextLang.replace("$", "<strong>USD</strong>"); x.innerHTML = changeText } if (changetextLang.includes("£")) { const changeText = changetextLang.replace("£", "<strong>GBP</strong>"); x.innerHTML = changeText } if (changetextLang.includes("CZK")) { const changeText = changetextLang.replace("CZK", "<strong>CZK</strong>"); x.innerHTML = changeText } if (changetextLang.includes("CHF")) { const changeText = changetextLang.replace("CHF", "<strong>CHF</strong>"); x.innerHTML = changeText } }) }, 1000) function inserLand() { const getRegion = document.querySelector("#bar_chose_contry form ul "); getRegion.insertAdjacentHTML( "afterbegin", ` <li> <label for="" class="region_label"> ${langEn ? "Region" : ""} ${langPl ? "<span class='trins'>Język/Region</span>" : ""} ${langDe ? "Region" : ""} ${langEs ? "Región" : ""} ${langCs ? "Region" : ""} ${langFr ? "Région" : ""} ${langHu ? "Régió" : ""} ${langIt ? "Regione" : ""} ${langBg ? "Регион" : ""} <div id="chose_lang_bnt"> ${langEn ? "Select language" : ""} ${langPl ? "Wybierz język" : ""} ${langDe ? "Sprache auswählen" : ""} ${langEs ? "Seleccionar idioma" : ""} ${langCs ? "Výběr jazyka" : ""} ${langFr ? "Choisir la langue" : ""} ${langHu ? "Válasszon nyelvet" : ""} ${langIt ? "Seleziona lingua" : ""} ${langBg ? "Изберете език" : ""} </div> </div> ` ); } inserLand() addMenuSettingsSearch(); window.addEventListener("DOMContentLoaded", function () { const getlandBroser = navigator.language || navigator.userLanguage; const userLangBroserMain = getlandBroser.toLowerCase().substring(0, 2); const regionLabelElement = document.querySelector("#bar_chose_contry .region_label"); if (regionLabelElement) { const regionLiElement = regionLabelElement.closest("li"); const radioInputs = document.querySelectorAll(".boxk_lang_v2 .radio input"); let foundMatch = false; radioInputs.forEach(input => { const inputLang = input.value.toLowerCase().substring(0, 2); if (inputLang === userLangBroserMain) { input.checked = true; input.dispatchEvent(new Event("change", { bubbles: true })); foundMatch = true; } }); if (foundMatch && regionLiElement) { regionLiElement.style.display = "none"; } } const getLangButton = document.querySelectorAll("#bar_chose_contry form ul li")[1]; getLangButton.classList.add("boxk_lang") const getBoxLang = document.querySelector(".boxk_lang_v2") getBoxLang.style.display = "none"; }) window.addEventListener("DOMContentLoaded", function () { document.querySelectorAll(".boxk_lang_v2 .radio input").forEach(x => { x.addEventListener('click', function (event) { if (x.checked) { document.querySelector("#chose_lang_bnt").innerHTML = x.parentElement.querySelectorAll("span")[1].innerHTML; } }) }) const languageGroup = document.querySelector(".boxk_lang_v2 .form-group"); if (languageGroup) { languageGroup.addEventListener('click', function () { const languageBox = document.querySelector(".boxk_lang_v2"); if (languageBox) { languageBox.style.display = 'none' } }) } }) } if (shouldRenderLanguageBar && document.getElementById("bar_chose_contry")) { // getboxland() } } // const getnavigatosURl = window.location.href; // if (getnavigatosURl.includes("etui-14159")) { getLangMain(); // } </script> <script> document.addEventListener('DOMContentLoaded', function () { const searchInput = document.getElementById('country_search_wo'); const selectElement = document.getElementById('menu_settings_country'); if (!searchInput || !selectElement) return; // Zapisz oryginalne opcje const allOptions = Array.from(selectElement.options).map(option => ({ value: option.value, text: option.textContent, selected: option.selected })); searchInput.addEventListener('input', function (e) { const searchTerm = e.target.value.toLowerCase().trim(); // Wyczyść select selectElement.innerHTML = ''; // Dodaj tylko pasujące opcje allOptions.forEach(optionData => { const optionText = optionData.text.toLowerCase(); const matches = optionText.includes(searchTerm) || searchTerm === ''; if (matches) { const option = document.createElement('option'); option.value = optionData.value; option.textContent = optionData.text; option.selected = optionData.selected && searchTerm === ''; selectElement.appendChild(option); } }); }); }); const btnChoseLang = document.querySelector("#chose_lang_bnt"); if (btnChoseLang) { btnChoseLang.addEventListener("click", function () { const languageDropdown = document.querySelector(".form-group.land_show"); if (languageDropdown) { languageDropdown.classList.toggle("active"); } }); } function applySelectedLanguageFromLabel(labelElement) { if (!labelElement) { return; } const radioWrapper = labelElement.closest(".radio"); const radioInput = radioWrapper ? radioWrapper.querySelector('input[type="radio"]') : null; if (radioInput) { radioInput.checked = true; radioInput.dispatchEvent(new Event("change", { bubbles: true })); } const selectedTextElement = labelElement.querySelector("span:last-child") || labelElement; const selectedText = selectedTextElement.textContent.trim(); const chosenButton = document.querySelector("#chose_lang_bnt"); if (chosenButton && selectedText) { chosenButton.textContent = selectedText; } const languageDropdown = document.querySelector(".form-group.land_show"); if (languageDropdown) { languageDropdown.classList.remove("active"); } } document.addEventListener("click", function (event) { const selectedLabel = event.target.closest(".form-group.land_show .radio label"); if (!selectedLabel) { return; } applySelectedLanguageFromLabel(selectedLabel); }); </script> <script> const countrySettingsSelect = document.querySelector("#menu_settings_country"); if (countrySettingsSelect) { countrySettingsSelect.addEventListener('click', function () { countrySettingsSelect.insertAdjacentHTML("beforebegin", ` `) const countrySearchInput = document.querySelector("#country_search_wo"); if (countrySearchInput) { countrySearchInput.classList.add("active") } }) } </script> <style> #country_search_wo { display: none; } #country_search_wo.active { display: block; } </style></div><div class="menu_button_wrapper"><style> .country font font { display: flex !important; width: 300px !important; } .menu_mennica { display: none; } .producers__item { border-radius: 10px; } .menica { display: block; width: 100%; font-size: 14px; ; } .conutry_menica b { display: block; width: 100%; font-size: 14px; } .year, .country_send, .production, .top_coins, .conutry_menica { border-bottom: solid 1px #ccc; padding-top: 5px; display: block; padding-bottom: 5px; } .year span, .country_send span, .production span, .top_coins span, .conutry_menica span { display: block; width: 100%; font-size: 13px; color: #999; padding-bottom: 2px; } @keyframes opacity { 0% { opacity: 0; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -o-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } 100% { opacity: 1; animation-iteration-count: 1; } } .flags { width: 50px; height: 50px; display: block; z-index: 99; } .anmacja2, .anmacja1 { opacity: 1; animation-name: opacity; transition-duration: 1s, 1s; } .flags { opacity: 0; animation-name: opacity; animation-duration: 0.7s; animation-fill-mode: forwards; } .anmacja0 .flags { animation-name: opacity; animation-delay: 0.2s; animation-iteration-count: 1; transition-duration: 223s, 225s; } .anmacja1 .flags { animation-name: opacity; animation-delay: 0.4s; } .anmacja2 .flags { animation-name: opacity; animation-delay: 0.5s; } .id3::after { animation-name: opacity; animation-delay: 1s; animation-fill-mode: forwards; content: url('/data/include/cms/mennice_swiata/linie/ang_1.svg?v=1676990296845'); position: absolute; top: -10px; left: 35%; } .anmacja3::after { content: url('/data/include/cms/mennice_swiata/linie/linia.svg?v=1676989148377'); position: absolute; top: -14px; left: 40%; } .anmacja3 .flags { animation-name: opacity; animation-delay: 0.6s; } .anmacja4 .flags { animation-name: opacity; animation-delay: 0.7s; } .id4::after { content: url('/data/include/cms/mennice_swiata/linie/ang.svg?v=1676990296845'); position: absolute; top: -10px; left: 42%; } .anmacja5 .flags { animation-name: opacity; animation-delay: 0.8s; } .anmacja6 .flags { animation-name: opacity; animation-delay: 0.9s; } .anmacja7 .flags { animation-name: opacity; animation-delay: 1s; } .anmacja8 .flags { animation-name: opacity; animation-delay: 1.1s; } .anmacja9 .flags { animation-name: opacity; animation-delay: 1.2s; } .anmacja10 .flags { animation-name: opacity; animation-delay: 1.3s; } .anmacja11 .flags { animation-name: opacity; animation-delay: 1.4s; } .id11::after { content: url('/data/include/cms/mennice_swiata/linie/bull.svg?v=1676992835520'); position: absolute; top: 60px; left: 49%; } .anmacja12 .flags { animation-name: opacity; animation-delay: 1.5s; } .id12::after { content: url('/data/include/cms/mennice_swiata/linie/austria.svg?v=1676992001123'); position: absolute; top: 90px; left: 46.5%; } .anmacja13 .flags { animation-name: opacity; animation-delay: 1.5s; } .anmacja14 .flags { animation-name: opacity; animation-delay: 1.6s; } .anmacja15 .flags { animation-name: opacity; animation-delay: 1.7s; } .id15::after { animation-name: opacity; animation-delay: 1s; content: url('/data/include/cms/mennice_swiata/linie/pl.svg?v=1676991655677'); position: absolute; top: 4px; left: 47%; } .anmacja16 .flags { animation-name: opacity; animation-delay: 1.8s; } .id16::after { animation-name: opacity; animation-delay: 1s; content: url('/data/include/cms/mennice_swiata/linie/ger.svg?v=1676990989060'); position: absolute; top: 104px; left: 36%; } .anmacja17 .flags { animation-name: opacity; animation-delay: 1.9s; } .anmacja18 .flags { animation-name: opacity; animation-delay: 2s; } .id17::after { animation-name: opacity; animation-delay: 1s; content: url('/data/include/cms/mennice_swiata/linie/pl_2.svg?v=1676991752005'); position: absolute; top: -18px; left: 48%; } .anmacja19 .flags { animation-name: opacity; animation-delay: 2.1s; } .id19::after { animation: opacity; animation-delay: 1s; content: url('/data/include/cms/mennice_swiata/linie/pl_3.svg?v=1676993060184'); position: absolute; top: -27px; left: 47%; } .anmacja20 .flags { animation-name: opacity; animation-delay: 2.2s; } .id19::after { animation-name: opacity; animation-delay: 1s; content: url('/data/include/cms/mennice_swiata/linie/ger2.svg?v=1676991213959'); position: absolute; top: 90px; left: 29%; } .id20::after { animation-name: opacity; animation-delay: 1s; content: url('/data/include/cms/mennice_swiata/linie/pres.svg?v=1676992319050'); position: absolute; top: 90px; left: 50%; } .anmacja21 .flags { animation-name: opacity; animation-delay: 2.3s; } .id20::after { animation-name: opacity; animation-delay: 1s; content: url('/data/include/cms/mennice_swiata/linie/czech.svg?v=1676993060184'); position: absolute; top: 60px; left: 50%; } .flags a img { width: 80%; } .conutry_menica, .name_menica { margin: 15px 0px; } .name_menica a { color: #000; text-decoration: none; } .name_menica.menu_mennica { left: 70%; width: auto; height: auto; text-align: center; font-size: 12px; padding-top: 0px; margin-top: 2px; margin-bottom: 5px; /* top: 40%; */ position: relative; width: auto; } .menica .name_menica:hover .flags { display: block; } .country { position: relative; background: #fff; } .buttony .country:nth-child(3):after { content: ''; position: absolute; left: -20px; width: 30px; height: 30px; top: 0px; background: url("/data/include/cms/mennice_swiata/mapa/maps/eng.svg?v=1663169165808") no-repeat; } .Niemcy:after { content: ''; position: absolute; left: -20px; width: 30px; height: 30px; top: 0px; background: url("/data/include/cms/mennice_swiata/mapa/maps/germany.svg?v=1663169319703") no-repeat; } .Kanada:after { content: ''; position: absolute; left: -20px; width: 30px; height: 30px; top: 0px; background: url("/data/include/cms/mennice_swiata/mapa/maps/canada.svg?v=1663169580453") no-repeat; } .Australia:after { content: ''; position: absolute; left: -20px; width: 30px; height: 30px; top: 0px; background: url("/data/include/cms/mennice_swiata/mapa/maps/australia.svg?v=1663169807994") no-repeat; } .Australia:after { content: ''; position: absolute; left: -20px; width: 30px; height: 30px; top: 0px; background: url("/data/include/cms/mennice_swiata/mapa/maps/australia.svg?v=1663169807994") no-repeat; } .Chiny:after { content: ''; position: absolute; left: -20px; width: 30px; height: 30px; top: 0px; background: url("/data/include/cms/mennice_swiata/mapa/maps/chiny.svg?v=1663327459876") no-repeat; } .Meksyk:after { content: ''; position: absolute; left: -20px; width: 30px; height: 30px; top: 0px; background: url("/data/include/cms/mennice_swiata/mapa/maps/meksyk.svg?v=1663327459874") no-repeat; } .RPA:after { content: ''; position: absolute; left: -20px; width: 30px; height: 30px; top: 0px; background: url("/data/include/cms/mennice_swiata/mapa/maps/rpa.svg?v=1663327459873") no-repeat; } .Austria:after { content: ''; position: absolute; left: -20px; width: 30px; height: 30px; top: 0px; background: url("/data/include/cms/mennice_swiata/mapa/maps/austria.svg?v=1663327459877") no-repeat; } .Polska:after { content: ''; position: absolute; left: -20px; width: 30px; height: 30px; top: 0px; background: url("/data/include/cms/mennice_swiata/mapa/maps/polska.svg?v=1663593813446") no-repeat; } .Czechy:after { content: ''; position: absolute; left: -20px; width: 30px; height: 30px; top: 0px; background: url("/data/include/cms/mennice_swiata/mapa/maps/czech.svg?v=1663593813447") no-repeat; } .buttony .country:nth-child(5):after { content: ''; position: absolute; left: -20px; width: 30px; height: 30px; top: 0px; background: url("/data/include/cms/mennice_swiata/mapa/maps/usa.svg?v=1663333425217") no-repeat; } .buttony .country:nth-child(9):after { content: ''; position: absolute; left: -20px; width: 30px; height: 30px; top: 0px; background: url("/data/include/cms/mennice_swiata/mapa/maps/bulgaria.svg?v=1663333425219") no-repeat; } .buttony .country:nth-child(11):after { content: ''; position: absolute; left: -20px; width: 30px; height: 30px; top: 0px; background: url("/data/include/cms/mennice_swiata/mapa/maps/new_zeland.svg?v=1663333425218") no-repeat; } .buttony .country:nth-child(14):after { content: ''; position: absolute; left: -20px; width: 30px; height: 30px; top: 0px; background: url("/data/include/cms/mennice_swiata/mapa/maps/korea_poludniowa.svg?v=1663333425218") no-repeat; } .buttony .country:nth-child(16):after { content: ''; position: absolute; left: -20px; width: 30px; height: 30px; top: 0px; background: url("/data/include/cms/mennice_swiata/mapa/maps/slowacja.svg?v=1666084103916") no-repeat; } .name_menica { margin-top: 20px; font-size: 18px; font-weight: bold; } .buttony { display: flex; justify-content: space-evenly; flex-wrap: wrap; } .country { align-content: flex-end; border: none; background: none; display: flex; align-items: center; gap: 8px; padding: 2px 10px; cursor: pointer; border-radius: 4px; width: 100%; margin-top: 5px; text-align: left; color: #414C5C; position: relative; z-index: 9999; background: #fff; } .buttony .country:after { display: none !important; } .country-flag { width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; flex: 0 0 20px; } .buttony .country.active { text-decoration: underline; color: #C68E51; } .buttony .country:hover { text-decoration: underline; color: #C68E51; } .logo { /* background: #fff; */ min-height: 110px; padding: 20px; border-radius: 10px; } b { font-weight: normal !important; } .menica_content { display: none; background: #f5f6fa; padding: 20px; color: #1d2229; border-radius: 10px; position: absolute; top: -50%; left: 130%; box-shadow: 0px 5px 10px #cccccc57; z-index: 9; width: 250px; filter: invert(0); } .flags a img:hover { filter: invert(1); transform: scale(1.1); } .flags:hover { z-index: 999; } .flags { cursor: pointer; position: absolute; } .flags:hover .menica_content { display: block; } /* .mapas_all { background: url(/data/include/cms/metala_lokacyjne/strona_glowna/mapa.jpg?v=1703087601702) center center no-repeat; position: relative; max-width: 850px; height: 450px; background-size: 840px; text-align: center; background-size: contain; z-index: 99; margin: auto; } */ .mapas_all { max-width: 850px; height: 450px; position: relative; margin: auto; overflow: visible; } .maps_content:hover::after { opacity: 1; transition: all .3s ease; } .maps_content::after { background: url(/data/include/cms/mme/mapa_mennic/mapa_mme.png?v=1736934964162) center center no-repeat; position: absolute; content: ''; display: block; width: 1080px; height: 550px; background-size: 840px; text-align: center; background-size: cover; z-index: -1; margin: auto; left: 170px; top: -60px; opacity: .4; transition: all 1s ease } .logo img { max-width: 130px; height: auto; } hr { height: 1px; display: block; background: #f4f4f4; border: none; } .maps_content { position: relative; margin-top: 50px; } .buttony { position: absolute; left: 30px; width: 0px; z-index: 99; } </style> </div><div class="menu_button_wrapper"><style> #opinions_shop { padding-top: 50px !important; } #maps_opinionm {margin: 30px 0px;} .wrap { position: relative; width: 100%; /* aspect-ratio: 1540 / 590; */ border-radius: 14px; overflow: hidden; min-height: 550px; background: var(--navy); margin: auto; } #maps_opinionm .btn_box.white_btn { border: solid 1px #ccc; position: relative; display: inline-block; border-radius: 1px; color: var(--white); border-radius: 5px; background: transparent; font-size: 12px !important; width: auto !important; display: inline-block !important; letter-spacing: normal; font-family: inter; &:hover { color: var(--maincolor); background: #fff; } } #wrap .headline { display: block; width: 340px; } .map-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .overlay { position: absolute; inset: 0; background: url(https://www.metalelokacyjne.pl/data/include/cms/mme/mapa_opinie/mas_new.png?v=1785234350140) no-repeat right; width: 930px; height: 100%; right: 0px; left: auto; background-size: 760px; } .left { position: absolute; top: 0; left: 20px; bottom: 0; width: 42%; padding: 28px 28px 24px; display: flex; flex-direction: column; justify-content: space-between; z-index: 99; } .brand { display: flex; flex-direction: column; gap: 2px; } .brand-name { font-size: 18px; font-weight: 700; color: #fff; line-height: 1.2; } .brand-desc { font-size: 11px; color: rgba(255, 255, 255, 0.45); text-transform: uppercase; } .headline { color: #fff; } .headline-big { font-size: 22px; font-weight: 700; line-height: 1.25; margin-bottom: 6px; letter-spacing: 0px; color: #fff; } .headline-big span { color: #e74c3c; } .headline-sub p { font-size: 14px; color: #fff; line-height: 1.5; font-size: 14px; letter-spacing: 0px; } .cards-area { position: absolute; height: 150px; right: 30%; top: 30%; } .review-card { position: absolute; inset: 0; /* border-radius: 10px; */ padding: 14px 16px; opacity: 0; transform: translateX(30px); transition: opacity 0.4s ease, transform 0.4s ease; pointer-events: none; width: 310px; } .review-card.active { opacity: 1; transform: translateX(0); pointer-events: all; } .review-card.exit { opacity: 0; transform: translateX(-30px); pointer-events: none; } .rc-top { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; } .rc-flag { font-size: 18px; line-height: 1; color: #fff; } .rc-city { font-size: 22px; font-weight: 600; color: #fff; } .rc-country { font-size: 11px; color: rgba(255, 255, 255, 0.45); } .rc-stars { color: #f59e0b; font-size: 23px; margin-bottom: 6px; } .rc-text { font-size: 16px; color: rgba(255, 255, 255, 0.75); line-height: 1.55; margin-bottom: 8px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .rc-author { font-size: 11px; color: rgba(255, 255, 255, 0.4); font-style: italic; } .rc-date { font-style: normal; color: rgba(255, 255, 255, 0.25); margin-left: 6px; } .nav { display: flex; align-items: center; gap: 10px; } .nav-btn { width: 30px; height: 30px; /* border: 1px solid rgba(255, 255, 255, 0.2); */ /* background: rgba(255, 255, 255, 0.06); */ color: #fff; font-size: 14px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.15s, border-color 0.15s; flex-shrink: 0; } .nav-btn:hover { background: rgba(231, 76, 60, 0.3); border-color: #e74c3c; } .dots { display: flex; gap: 5px; } .dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); cursor: pointer; transition: background 0.2s, transform 0.2s; } .dot.active { background: #03a84e; transform: scale(1.4); } /* pins on map */ .pin { position: absolute; transform: translate(-50%, -50%); cursor: pointer; transition: opacity 0.3s; z-index: 999; } .pin-ring { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 28px; height: 28px; border-radius: 50%; /* background: rgba(231, 76, 60, 0.2); */ transition: background 0.3s; } .pin-dot { position: relative; z-index: 1; width: 14px; height: 14px; border-radius: 50%; /* background: rgba(192, 57, 43, 0.4); */ /* border: 2px solid rgba(255, 255, 255, 0.3); */ background: #ffffff5a; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); transition: background 0.3s, border-color 0.3s, transform 0.3s; margin: 7px; } .pin.active .pin-dot { background: #03a84e; border-color: #fff; transform: scale(1.3); } .pin-label { position: absolute; top: 50%; left: 30px; transform: translateY(-50%) translateX(-6px); font-size: 11px; font-weight: 600; white-space: nowrap; transition: color 0.25s, opacity 0.25s, transform 0.25s; color: rgba(255, 255, 255, 0.4); text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8); opacity: 0; pointer-events: none; } .pin:hover .pin-label, .pin.active .pin-label { opacity: 1; transform: translateY(-50%) translateX(0); color: #fff; } .watermark { position: absolute; top: 64px; left: 50px; text-align: right; pointer-events: none; z-index: 5; } .wm-main { font-size: 15px; font-weight: 700; color: rgba(255, 255, 255, 0.45); } .wm-sub { font-size: 9px; color: rgba(255, 255, 255, 0.2); text-transform: uppercase; } @media (max-width:728px) { #maps_opinionm {display: none !important;} .wrap { border-radius: 0px !important; } .headline { display: none !important; } } </style> </div><div class="menu_button_wrapper"> <style> #CDT {margin-top: 30px;} #CDT .number-wrapper {background:#fff !important;padding:1px;} #CDT .number {background:#449533 !important;border-radius: 10px;padding:1px;border: none;width: 50px;} #CDT .number-wrapper:after, #CDT .number-wrapper:before {background:#449533 !important;border-radius: 5px;padding:1px;} .projector_label {color: var(--maincolor);font-weight: bold;} #CDT .line {display: none;} </style></div><div class="menu_button_wrapper"><style> #caruselpromotionProduct::after { background-position: center top; width: 100%; height: 600px; background-size: contain; top: 40px; z-index: 0; right: 0px; border-radius: 10px; content: ""; display: block; position: absolute; background-size: contain !important; } .caruselpromotionProduct_wrap { position: relative; z-index: 9; max-width: 500px; margin: auto; } div#consten_caruzela { width: 100%; } .caruselpromotionProduct_wrap { padding-top: 80px; } #caruselpromotionProduct .logMennice img { width: 150px !important; max-width: 150px !important; margin-top: 20px; } #caruselpromotionProduct div { text-align: center; } #caruselpromotionProduct img { /* border-radius: 100%; */ max-width: 340px; max-height: 30%; margin: auto; } .caruselpromotionProduct_wrap p { color: #fff; text-align: center; /* font-family: "Noto Serif", serif; */ font-weight: normal; font-size: 14px; line-height: 25px; margin-top: 10px; } .caruselpromotionProduct_wrap .seria_text { color: #fff; text-align: center; font-style: italic; font-size: 27px; margin-top: 20px; /* font-family: "Noto Serif", serif; */ font-weight: normal; } .seria_text a { color: #fff; &:hover { text-decoration: underline; } } :root { --bg: #0f172a; --panel: #111827; --accent: #1cb741; --muted: #9ca3af; --text: #e5e7eb; --dot: #475569; --radius: 18px; --shadow: 0 18px 50px rgba(0, 0, 0, 0.35); --speed: 980ms; font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif; } #carusela_sub_baners { z-index: 99; .card { width: 100%; max-width: 100%; padding: 22px 20px 26px; } .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; gap: 16px; } .title { font-size: 20px; font-weight: 700; letter-spacing: 0.4px; } .hint { font-size: 13px; color: var(--muted); } .carousel { z-index: 99; position: relative; overflow: hidden; border-radius: var(--radius); border: 1px solid rgba(255, 255, 255, 0.04); isolation: isolate; max-width: 100%; } .slider { display: flex; position: static; transition: /* transform var(--speed) cubic-bezier(0.134, 0.276, 0.2, 1); */ transform var(--speed) cubic-bezier(0.134, 0.276, 0.2, 1); will-change: transform; border: none; } #carusela_sub_baners { margin-top: 70px; } .slide { flex: 0 0 calc(100% / 3); display: grid; grid-template-columns: 1fr; /* padding: 16px; gap: 16px; */ } .slide:hover .product-title, .slide:hover .product-year { color: var(--maincolor); } .visual { position: relative; /* overflow: hidden; */ /* aspect-ratio: 16 / 10; */ text-decoration: none; display: block; } .visual img { /* width: 80%; */ object-fit: cover; display: block; filter: saturate(1.05); transform: scale(1.01); transition: transform 600ms ease, filter 600ms ease; margin: 0px; width: fit-content; padding: 0px 20px; } .slide:hover .copy { color: var(--maincolor); } .slide:hover img { transform: scale(1.04); filter: saturate(1.15); } .chip { position: absolute; top: 12px; left: 12px; padding: 8px 12px; color: #e9d5ff; border-radius: 999px; font-size: 12px; letter-spacing: 0.3px; border: 1px solid rgba(139, 92, 246, 0.35); } .copy { display: grid; gap: 6px; opacity: 1; } .product-title { font-size: 18px; font-weight: 700; text-align: center; opacity: .5; } .product-year { font-size: 11px; font-weight: 700; text-align: center; opacity: .5; } .product-sub { font-size: 14px; color: var(--muted); line-height: 1.6; } .meta { display: flex; gap: 10px; align-items: center; font-size: 13px; color: #c7d2fe; } .price { padding: 6px 10px; border-radius: 10px; font-weight: 600; letter-spacing: 0.3px; } .nav { position: absolute; inset: 0; display: flex; align-items: center; justify-content: space-between; padding: 0 10px; pointer-events: none; } .nav button { width: 44px; height: 110px; border-radius: 14px; border: 1px solid rgba(255, 255, 255, 0.06); color: var(--maincolor); display: grid; place-items: center; font-size: 18px; cursor: pointer; opacity: 0; transform: translateY(6px); transition: opacity 220ms ease, transform 220ms ease, background 160ms ease; pointer-events: none; } .carousel:hover .nav button { opacity: 1; transform: translateY(0); pointer-events: auto; } .nav button:hover { background: rgba(255, 255, 255, 0.5); } .dots { display: flex; gap: 8px; justify-content: center; margin-top: 16px; position: relative; z-index: 999; } .dot { width: 9px; height: 9px; border-radius: 999px; background: var(--dot); transition: transform 200ms ease, background 200ms ease, width 200ms ease; cursor: pointer; opacity: .7; &:hover { opacity: 1; } } .dot.active { width: 20px; background: var(--accent); transform: translateY(-1px); } @media (max-width: 640px) { .card { padding: 18px 16px 22px; } .slide { padding: 12px; flex: 0 0 100%; } .nav button { width: 40px; height: 40px; font-size: 16px; } } } #carusela_sub_baners .slide:hover .product-title, #carusela_sub_baners .slide:hover .product-year { color: var(--maincolor); opacity: 1; } @media (max-width: 1360px) { .caruselpromotionProduct_wrap { padding-top: 10px !important; } .desc { display: none !important; } } @media (max-width:728px) { #carusela_sub_baners { border-radius: 10px; } #caruselpromotionProduct::after { border-radius: 0px; } .seria_text a { color: #fff; font-size: 17px; } } </style></div><div class="menu_button_wrapper"><script> const urlPageRegister = location.href; if( urlPageRegister.includes("client-new")) { document.querySelector("body header.commercial_banner").style.border= 'none' document.querySelector("#menu_seearch").remove() document.querySelector("#head_belka_fiex").style.height ="150px" const getCheck= document.querySelector("#client_type2") document.querySelector("#invoice_to_billingaddr").parentElement.style.display = "none" document.querySelector('#client_type2').addEventListener('click', function () { document.querySelector("#invoice_to_billingaddr").parentElement.style.display = "block" document.querySelector("#invoice_box_switcher .form-group").style.display = "none"; }) document.querySelector('#client_type1').addEventListener('click',function(){ document.querySelector("#invoice_to_billingaddr").parentElement.style.display = "none" document.querySelector("#invoice_box_switcher .form-group").style.display = "block"; } ) } </script></div><div class="menu_button_wrapper"><!-- <img src="https://www.metalelokacyjne.pl/data/include/cms/metal_market/icon/world.svg?v=1655215288103" class="word_icon"> --> <script> window.addEventListener("DOMContentLoaded", function () { const getcurency = document.querySelector("#menu_settings .select-after .f-dropdown-button").textContent; if (getcurency == "CHF" || getcurency == "CZK") { document.querySelector("#menu_settings .info_lang_span").insertAdjacentHTML("afterend", ` <div style="border-radius: 100%; padding: 1px; text-align: center; width: 19px; position: absolute; top: -4px; right: 10px; font-size: 13px;" id="cunrency_top"> ${getcurency} </div> `) } else { document.querySelector("#menu_settings .info_lang_span").insertAdjacentHTML("afterend", ` <div style=" padding: 1px; text-align: center; width: 19px; position: absolute; top: -4px; right: 10px; font-size: 13px;" id="cunrency_top"> ${getcurency} </div> `) } }) </script> <script type="text/javascript"> // document.addEventListener("load", () =>{ const gethrefLink = window.location.href; if (gethrefLink.includes("terms/") || gethrefLink.includes("info/") || gethrefLink.includes("links/") || gethrefLink.includes("cms/") || gethrefLink.includes("about/") || gethrefLink.includes("help/") ) { const userLangBroser = navigator.language; const getlangToshing = userLangBroser.toString(); let strFirsttwo = getlangToshing.substring(0, 2); const getFinihsLang = "/" + strFirsttwo + "/" + strFirsttwo; console.log(":getFinihsLang:: ", getFinihsLang); function googleTranslateElementInit() { setCookie("googtrans", "/cs/cs", 1); new google.translate.TranslateElement( { pageLanguage: "PL", layout: google.translate.TranslateElement.InlineLayout.SIMPLE, }, "google_translate_element" ); } function setCookie(key, value, expiry) { const expires = new Date(); expires.setTime(expires.getTime() + expiry * 24 * 60 * 60 * 1000); document.cookie = key + "=" + value + ";expires=" + expires.toUTCString(); } const lggoog = document.getElementsByClassName("bg_alter")[0]; lggoog.insertAdjacentHTML( "afterbegin", `<li id='translator_google_main'><div id='google_translate_element'></div></li> ` ); } // }); </script> <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> </div><div class="menu_button_wrapper"><style> .btn_box { border: solid 1px #ccc; } *{text-wrap-style: balance;} #container #menu_settings .flag_bul, #container #menu_settings .flag_rum {display:none !important} @media (max-width:728px) { body .filters_open .filters { margin-bottom: 70px !important; } body #Filters:hover { overflow-y: scroll !important; height: 100vh; padding: 0px !important; margin: 0px !important; } .breadcrumbs { display: flex; align-items: center; padding: 10px; font-size: 1.1rem; width: 100%; } #paging_setting_top .s_paging__item.--filters { display: flex !important; justify-content: flex-end !important; padding-right: 20px !important; } #content #paging_setting_top { position: static !important; z-index: 9999; width: 100% !important; top: 40px !important; } .search_name { position: static !important; padding: 0px; margin: 0px; padding-top: 10px; } body #Filters { padding-bottom: 100px !important; overflow-y: scroll !important; position: static !important; padding: 0px !important; margin: 0px !important; } /* #search.products { align-items: flex-start !important; padding-top: 0px !important; position: relative !important; top: 120px !important; } */ #content #paging_setting_top { position: absolute !important; z-index: 9999; width: 90%; top: 40px !important; } body form.filters__form { overflow-y: scroll !important; height: 100vh; padding: 0px !important; margin: 0px !important; } body #tags_constent_mainHead { display: flex; gap: 10px; align-content: flex-end; align-items: flex-end; margin-top: 30px !important; padding-left: 10px !important; margin-bottom: 10px !important; position: absolute; top: 90px; width: 100%; left: 10px; bottom: auto; } #filter_list { margin-bottom: 1rem; position: absolute !important; top: 80px !important; z-index: 9; display: flex; gap: 10px; align-items: center; justify-content: space-between; margin-top: 110px !important; z-index: 999; } /* zmiana_widonu */ /* body #search.products { align-items: flex-start !important; padding-top: 110px !important; display: block !important; } body #search.products .product img { transform: scale(1.1) !important; } body #search.products .product { padding: 10px 0px; flex: 0 0 100% !important; max-width: 100% !important; background: var(--twocolor); margin: 6px; } */ } </style></div><div class="menu_button_wrapper"> <script> function getchcebox () { const pageUrl = window.location.href; if( pageUrl.includes("-3913")|| pageUrl.includes("-4074")) { document.querySelector("#projector_buy_section").insertAdjacentHTML("beforebegin",` <div id="boxchcekc" style="padding-top:20px;color:var(--maincolor);padding-bottom:10px;"> <input type="checkbox" id="myCheck" required="" data-gtm-form-interact-field-id="0"> ${langEn ? `WARNING: By placing an order you accept the terms of the service - the silver product stored in duty-free warehouses is not physically imported and cannot be collected.` : ""} ${langPl ? `UWAGA: poprzez złożenie zamówienia akceptują Państwo zasady usługi - produkt srebro przechowywane w bezcłowych magazynach nie jest fizyczne sprowadzany i nie ma możliwości odbioru.` : "" } ${langDe ? `ACHTUNG: Mit Absenden der Bestellung akzeptieren Sie die Bedingungen des Dienstes - das Silberprodukt, das in zollfreien Lagern gelagert wird, wird nicht physisch eingeführt und kann nicht abgeholt werden.` : ""} ${langEs ? `ADVERTENCIA: Al realizar un pedido acepta los términos del servicio: el producto de plata almacenado en depósitos duty-free no se importa físicamente y no se puede recoger.` : ""} ${langCs ? `UPOZORNĚNÍ: Odesláním objednávky souhlasíte s podmínkami služby - stříbrný produkt uložený v bezcelních skladech není fyzicky dovážen a nelze si jej vyzvednout.` : ""} ${langFr ? `ATTENTION : En passant commande, vous acceptez les conditions du service - le produit en argent stocké dans des entrepôts hors taxes n'est pas importé physiquement et ne peut pas être retiré.` : ""} ${langHu ? `FIGYELEM: A megrendelés leadásával elfogadja a szolgáltatás feltételeit - az adómentes raktárakban tárolt ezüsttermék nem kerül fizikailag behozatalra, és nem vehető át személyesen.` : ""} ${langIt ? `ATTENZIONE: Effettuando un ordine accetti i termini del servizio: il prodotto in argento conservato nei magazzini duty-free non viene importato fisicamente e non può essere ritirato.` : ""} </div> `) function checeboks() { const getCheckbox = document.querySelector("#myCheck"); const getbtntSubmint = document.querySelector("#projector_button_basket") if (getCheckbox.checked) { getbtntSubmint.disabled = false; getbtntSubmint.classList.add("active") // Checkbox is checked, do something here } else { getbtntSubmint.disabled = true; document.querySelector("#projector_button_basket").classList.remove("active") } } document.querySelector("#myCheck").addEventListener("click", checeboks ) } } getchcebox() </script></div><div class="menu_button_wrapper"><style> /* dodałem do CCS MAIN */ @keyframes flipInX { 0% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg) } 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg) } 60% { opacity: 1; -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg) } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flip { 0% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: scaleX(1) translateZ(0) rotateY(-1turn); transform: scaleX(1) translateZ(0) rotateY(0turn) } to { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform: scaleX(1) translateZ(0) rotateY(0deg); transform: scaleX(1) translateZ(0) rotateY(-1turn) } } .active_pic_secounds .pic_secounds { display: block !important; animation: flipInX .7s ease-out; mix-blend-mode: darken !important; } .active_pic_secounds picture:nth-child(1) { display: none !important; animation: flip .7s ease-out; } body #search .product { background: 0; border: 0px solid transparent !important; border-radius: 5px; } .reverse_btn { width: 40px; display: block; height: 30px; cursor: pointer; opacity: 0.6; transition: all .5s; &:hover { opacity: 1; transition: all .5s; } } .rotation_product_btn { position: absolute; width: 60px; height: 50px; background: none !important; z-index: 99; right: 10px; top: 220px; display: flex; align-items: center; border-radius: 100%; bottom: auto; display: none; &:hover { background: none !important; } } .product:hover .rotation_product_btn { display: flex !important; } .remove_reverse_btn .rotation_product_btn, .product.remove_reverse_btn:hover .rotation_product_btn { display: none !important; } @media (max-width:900px) { .rotation_product_btn { position: absolute; width: 60px; height: 50px; background: none !important; z-index: 99; right: 10px; top: 220px; align-items: center; border-radius: 100%; bottom: auto; justify-content: center; } .rotation_product_btn { top: 180px; right: 0px; bottom: auto; background: none !important; } } </style> <script> if (document.querySelector("#container").classList.contains("search_page")) { const listaProduktow = document.querySelectorAll(".product__icon") listaProduktow.forEach(button => { const getAtribut = button.getAttribute("data-product-id"); const getsecondPic = button.querySelector(".pic_secounds"); button.insertAdjacentHTML("beforebegin", ` <div class="rotation_product_btn" ><img src="https://www.metalelokacyjne.pl/data/include/cms/serie_monet/lp_serie/animacja.svg?v=1724335353287" alt="" class="reverse_btn"></div> `); const getcoinsNotReturn = ["108", "2592", "89", "20", "19", "18", "17", "16", "12670", "12602", "12391", "12392", "12393", "12394", ] getcoinsNotReturn.forEach((x, ixd) => { if (getAtribut == getcoinsNotReturn[ixd]) { button.parentElement.classList.add("remove_reverse_btn") } }) }) // }); const buttonRotation = document.querySelectorAll(".rotation_product_btn"); buttonRotation.forEach((buttonObrut, idxa) => { const buttonRotation = buttonObrut.querySelectorAll(".rotation_product_btn"); buttonObrut.addEventListener("click", (e, idx) => { const getPictureShow = document.querySelectorAll(".pic_secounds")[idxa] getPictureShow.parentElement.classList.toggle("active_pic_secounds"); }) }) } </script></div><div class="menu_button_wrapper"><!-- <div id="listing_menu"> <div id="royal_mist_kafle" class="kafle_sub"></div> </div> --> <script> // if (document.querySelector("#container").classList.contains("search_page")) { // const listingdataThecanadina = [ // { // href: "/lng/series/maple-leaf-53", // subhead: "Złote i srebrne", // main_tilte: "Maple Leaf", // pic: "/pl/series/hpeciai/4646c8448c40659aa33b124a358209ce/pol_il_Kanadyjski-Lisc-Klonowy-1-20-uncji-Zlota-2025-10914.webp", // }, // { // href: "/lng/series/alexander-graham-bell-214", // subhead: "Złote i srebrne", // main_tilte: "Alexander Graham Bell", // pic: "/hpeciai/a501413ff0e223da75bb895a6e675976/pol_pm_Alexander-Graham-Bell-Srebro-2022-Proof-Piedfort-Coin-6624_7.webp", // }, // ] // const listingdataThePerthMints = [ // { // href: "/lng/series/australian-emu-23", // subhead: "Złote i srebrne", // main_tilte: "Australian Emu", // pic: "/hpeciai/ffe74e1b04a8bf52e9687c2189d79b1b/pol_pm_Australijski-Emu-1-uncja-Zlota-2024-10133_3.webp", // }, // { // href: "/lng/series/koala-perth-mint-873", // subhead: "Złote i srebrne", // main_tilte: "Koala", // pic: "https://www.metalelokacyjne.pl/data/include/cms/sub_baners_serie/koala/2025.webp", // }, // { // href: "/lng/series/australian-kangaroo-31", // subhead: "Złote i srebrne", // main_tilte: "Australijski Kangur", // pic: "/pl/series/hpeciai/3219bda3ff7657d6763031ade94bd4df/pol_il_Australijski-Kangur-1-4-uncji-Zlota-2025-10786.webp", // }, { // href: "/lng/series/the-chinese-myths-and-legends-162", // subhead: "Złote i srebrne", // main_tilte: "The Chinese <br> Myths and Legends", // pic: "/pl/series/hpeciai/f26af2520a8195d04f74db828cd6e98a/pol_il_Chinese-Myths-and-Legends-Double-Phoenix-kolorowany-vivid-1-uncja-Srebra-2025-moneta-w-karcie-12158.webp", // }, // { // href: "/lng/series/kookaburra-203", // subhead: "Złote i srebrne", // main_tilte: "Kookaburra", // pic: "https://www.metalmarket.eu/hpeciai/35be0a875c070d658c92fe066f64e862/pol_pm_Kookaburra-1-10-uncji-Zlota-2026-13956_3.webp", // } // , { // href: "/lng/series/quokka-207", // subhead: "Złote i srebrne", // main_tilte: "Quokka", // pic: "/pl/series/hpeciai/e0d89186b73cf7d1bc8d46e7d267ecf9/pol_il_Quokka-kolorowana-1-uncja-Srebra-2022-Proof-6374.webp", // } // , { // href: "/lng/series/the-next-generation-48", // subhead: "Złote i srebrne", // main_tilte: "The Next Generation", // pic: "/pl/series/hpeciai/f39ec1e85f89b3f16be9f91c4895e7ae/pol_il_The-Next-Generation-Mother-and-Baby-Kookaburra-10-uncji-Srebra-2020-4086.webp", // }, // { // href: "/lng/series/bogowie-olimpu-26", // subhead: "Złote i srebrne", // main_tilte: "Bogowie Olimpu", // pic: "/pl/series/hpeciai/a5ce06053d2d692857f36a6dd0e65c3a/pol_il_Tuvalu-Bogowie-Olimpu-Atena-1-uncja-Srebra-2022-Antiqued-Coin-6476.webp", // }, // { // href: "/lng/series/australian-wedge-tailed-eagle-17", // subhead: "Złote i srebrne", // main_tilte: "Australian <br> Wedge-Tailed Eagle", // pic: "/pl/series/hpeciai/075680ed864cc9ff3d08897efc0c6d04/pol_il_Orzel-Australijski-1-uncja-Srebra-2023-Proof-Incused-7718.webp", // }, // { // href: "/lng/series/the-simpsons-192", // subhead: "Złote i srebrne", // main_tilte: "The Simpsons", // pic: "/hpeciai/f129a8f8ae8a0c99abe01aeeb80e44a2/pol_pm_Tuvalu-Homer-Simpson-1-uncja-Srebra-2022-6373_3.webp", // }, { // href: "/lng/series/lunar-iii-rok-weza-718", // subhead: "Złote i srebrne", // main_tilte: "Lunar III: Rok Węża", // pic: "/hpeciai/d475a912b5132d348222f43dcead75ad/pol_pm_Perth-Mint-Lunar-III-Rok-Weza-kolorowany-2-uncje-Srebra-2025-12072_1.webp", // } // ] // const listingdataTheRolayMints = [ // { // href: "/lng/series/britannia-796", // subhead: "Złote i srebrne", // main_tilte: "Britannia", // pic: "/hpeciai/62bd74aff143c615026046b4403fd1c4/pol_pm_Britannia-1-uncja-Srebra-2025-11587_3.webp", // }, // { // href: "/lng/series/sovereign-198", // subhead: "Monety", // main_tilte: "Sovereign ", // pic: "/hpeciai/ec86962311667fed1873d430e89acd69/pol_pm_Wielka-Brytania-1-2-Memorial-Sovereign-2022-Proof-7191_3.webp", // }, // { // href: "/lng/series/the-royal-tudor-beasts-78", // subhead: "Monety", // main_tilte: "The Royal <br> Tudor Beasts", // pic: "/hpeciai/60591d084effe7b13fc7f955ae8d48e9/pol_pm_The-Royal-Tudor-Beasts-The-Greyhound-of-Richmond-2-uncje-Srebra-2025-12248_3.webp", // }, // { // href: "/lng/series/myths-legends-75", // main_tilte: "Myths & Legends", // pic: "/hpeciai/0b5a13603e635572dd992be4ad6d1f90/pol_pm_Myths-Legends-Merlin-1-uncja-Zlota-2023-Proof-7887_2.webp", // }, // { // href: "/lng/series/harry-potter-the-royal-mint-790", // main_tilte: "Harry Potter", // pic: "/hpeciai/4ffd1c4763ddd9068ec56d585796523d/pol_pm_Harry-Potter-25-rocznica-50p-Zloto-2022-Proof-7067_1.webp", // }, // { // href: "/lng/series/james-bond-007-74", // subhead: "Monety historyczne", // main_tilte: "James Bond <br> 007", // pic: "/hpeciai/be20ec9c070dd22b134f6b2de8af82af/pol_pm_Bond-Films-of-the-60s-1-uncja-Zlota-2023-Proof-9410_6.webp", // }, // { // href: "/lng/series/music-legends-569", // subhead: "movie & game & fun", // main_tilte: "Music Legends", // pic: "/pl/series/hpeciai/2614335d9798d602756123fdc5ab5bd1/pol_is_John-Lennon-kolorowany-1-uncja-Srebra-2025-Proof-11990.jpg", // }, // ] // function getkategorieMints(mennica, data, div) { // const getHrefseriea = window.location.href // if (getHrefseriea.includes(mennica)) { // document.querySelector("#paging_setting_top").insertAdjacentHTML("beforebegin", `<div id="${div}" class="kafle_sub">`) // const menuListing = data.map(item => { // return ` // <div> // <a href="${item.href}"> // <div class="image"><img loading="lazy" // class="lazy_my" // src="${item.pic}" // alt="${item.main_tilte}"></div> // <div class="text_inside"> // <p class="main_tilte">${item.main_tilte} </p> // </div> // </a> // </div> // ` // }).join(''); // document.querySelector("#" + div).innerHTML = menuListing; // // document.querySelector("#the_perhmi_mint").innerHTML = menuListing; // } // } // window.addEventListener("DOMContentLoaded", () => { // getkategorieMints("1142347123", listingdataThecanadina, "thecanadian_box"); // getkategorieMints("1294328448", listingdataThePerthMints, "the_perhmi_mint"); // getkategorieMints("1423579524", listingdataTheRolayMints, "royal_mist_kafle"); // }); // } </script> <style> body .search_categoriesdescription_next:not(.expanded)>* { display: grid !important; } .destow_sub_baner { display: block; position: relative; } #content .show_description { display: none !important; } .text_mints { width: 60%; margin: auto; p { font-size: 16px; text-align: center; &.info_title { font-size: 16px; font-weight: 500; line-height: 23px; } } @media (max-width:1070px) { width: 100%; margin: auto; padding: 0px 20px; } } .kafle_sub { display: grid; grid-template-columns: repeat(4, 1fr); position: relative; row-gap: 20px; /* left: 100px; */ margin: 40px 0px; align-items: center; &>div &:nth-child(1) { img { width: 250px; } } .image { /* max-width: 140px; */ display: block; width: 0px; } .text_inside { background: var(--twocolor); padding-left: 60px; margin-top: 10px; padding-right: 40px; padding-bottom: 20px; padding-top: 20px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; white-space: nowrap; flex: 0 0 60%; position: relative; right: -40px; z-index: 0; &:hover { text-decoration: underline; } } a { display: flex; align-items: center; gap: 20px; position: relative; .subhead { font-size: 11px; color: #99A2B0; padding: 0px; margin: 0px; } .main_tilte { font-size: 14px; font-weight: bold; color: var(--maincolor); padding: 0px; margin: 0px; } img { max-width: 80px; position: relative; left: 0px; top: 0px; mix-blend-mode: darken !important; transition: all .2s ease; z-index: 9; } &:hover img { transform: scale(1.1); transition: all .2s ease; } } @media (max-width:1070px) { margin: 0px 0px; a {gap: 0px !important;} .text_inside { background: var(--twocolor); padding-left: 0px; margin-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-top: 0px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; white-space: nowrap; flex: 0 0 100%; position: relative; right: 0px; z-index: 0; padding-left: 0px !important; } .main_tilte { font-size: 14px; font-weight: normal; color: var(--maincolor); padding: 0px; margin: 0px; padding-left: 0px; } position: static; left: 0px; margin: 0px 0px; overflow-x: scroll; /* width: 100%; */ padding: 10px 0px; display: grid; grid-template-columns: repeat(4, minmax(200px,200px)); position: relative; row-gap: 0px; /* left: 100px; */ margin: 40px 0px; align-items: center; .text_inside { white-space: normal; left: 0px; } & a { gap:0px; img { max-width: 90px; position: relative; left: 0px; top: 10px; mix-blend-mode: darken !important; } .image { /* max-width: 140px; */ display: block; width: 100%; } } } } @media (max-width:1070px) { #royal_mist_kafle {padding: 0px;margin: 0px;} } </style></div><div class="menu_button_wrapper"><script> const dataheadSearch = [ { link: "/lng/series/dukat-355.html", name: `Złoty Dukat Austriacki`, namesub: `1915 NOWE BICIE`, pic: "/pol_pm_Zloty-Dukat-Austriacki-1915-NOWE-BICIE-950_1.jpg", }, { link: "/lng/products/zloto/zlote-sztabki/1-g/sztabka-c-hafner-1-gram-zlota-lbma-9592.html", name: `Sztabka C. Hafner `, namesub: `1 gram Złota LBMA`, pic: "/pol_pm_Sztabka-C-Hafner-1-gram-Zlota-LBMA-9592_2.jpg", }, { link: "/lng/products/zloto/zlote-monety/krugerrand-1-uncja-zlota-rozne-roczniki-1786.html", name: `Krugerrand`, namesub: `1 uncja Złota Różne roczniki`, pic: "/pol_pm_Krugerrand-1-uncja-Zlota-Rozne-roczniki-1786_1.jpg", }, ] </script></div><div class="menu_button_wrapper"><script> const inviosbuy = window.location.href; if ( inviosbuy == "https://www.metalmarket.eu/pl/order2.html" || inviosbuy == "https://www.metalmarket.eu/de/order2.html" || inviosbuy == "https://www.metalmarket.eu/en/order2.html" ) { timeRemovelabel(); remoInvosice(); const gethead = document.querySelector("#content"); gethead.insertAdjacentHTML("afterbegin", ` <style> #modal {display:none !important} </style> ` ) function timeRemovelabel() { const gertLabeleincoveremove = document.querySelectorAll( ".order2__invoice_label" )[1]; const getnlabelremove = gertLabeleincoveremove.getAttribute("for"); if (getnlabelremove == "order2_document_e-invoice") { gertLabeleincoveremove.remove(); } } const gettime = setTimeout(timeRemovelabel, 500); function remoInvosice() { if (sessionStorage.getItem('clientType') && sessionStorage.getItem('clientType').length) { app_shop.vars.clientType = sessionStorage.getItem('clientType'); validateInvoice(app_shop.vars.clientType); } else { $.ajax({ url: "/client-new.php" }).done(function (response) { parser = new DOMParser(); end_response = parser.parseFromString(response, "text/html") table = end_response.getElementsByName('client_type'); for (i = 0; i < table.length; i++) { if (table[i].checked) { sessionStorage.setItem('clientType', table[i].value); app_shop.vars.clientType = table[i].value; validateInvoice(app_shop.vars.clientType); break; } } }); } function validateInvoice(clientType) { if (clientType != 'firm') { $('label[for="order2_document_invoice"').remove(); $('.order2_select option[value=1]').remove(); $('label[for="order2_document_confirmation"]').click(); $('.order2_select').change() } } } } </script></div><div class="menu_button_wrapper"><script> document.querySelector("#menu_seearch .menu_seearch__input").placeholder = `${langEn ? "Find a product or series..." : ""} ${langPl ? "Znajdź produkt lub serię..." : ""}${langCs ? "Najděte produkt nebo sérii..." : ""}${langEs ? "Encuentre un producto o una serie..." : ""}${langDe ? "Finden Sie ein Produkt oder eine Serie..." : ""} ` </script> <style> #menu_search .search_result__items { padding-left: 0rem !important; /* text-align: right; */ } .befeoresearch_box .seach_mennnice { box-shadow: 0px 10px 10px -2px rgb(0 0 0 / 18%) !important; border: solid 1px #adb2b9; } .menu_seearch.--focus .seach_mennnice { display: block !important; } .menu_seearch .seach_mennnice { display: none !important; } #menu_seearch.--focus.--open .menu_seearch__item.--results { display: grid; grid-template-areas: "queries products" "categories products"; grid-template-columns: 300px 1fr; grid-template-rows: auto 1fr; grid-row-gap: 3rem; max-height: calc(95vh - 80px); max-height: calc((var(--vh, 1vh)* 95) - 80px); overflow: auto; scrollbar-color: #33b33b transparent; scrollbar-width: thin; border-radius: 5px; border-radius: 0; width: 100%; background: white; left: 50%; position: absolute; transform: translateX(-50%); max-width: 1430px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); padding: 3rem; border-radius: 10px; border: solid 1px var(--maincolor); } #menu_seearch .search_resuult__item.--query::before { display: none !important; } #menu_seearch .search_resuult__sub.--categories .search_resuult__items .search_resuult__item { border-radius: 2px; background: var(--twocolor); border: none; } #menu_seearch .menu_seearch__input { border-bottom: solid 2px #e7e7e7; } #menu_seearch .menu_seearch__input:hover { border-bottom: solid 2px var(--maincolor); } #menu_search .search_result__block.--queries { max-width: 200px !important; } #menu_search .search_result__item:not(.--button-all):hover, #menu_search .search_result__item:not(.--button-all).--active { color: var(--maincolor) !important; } .search_result__block.--queries { padding-top: 100px !important; } .search_result__block.--queries { display: block !important; } #cosinsBox_search { display: flex; justify-content: space-around; } .searchcoins { max-width: 190px; display: flex; flex-direction: row-reverse; flex-wrap: wrap; justify-content: center; } .menu_search.--focus .befeoresearch_box { display: block; } .menu_search .befeoresearch_box { display: none; } a.search_result__item { text-decoration: none !important; } a.search_result__item:hover { text-decoration: underline !important; } .befeoresearch_box h3 { text-align: left; } .seach_mennnice { position: absolute; top: 80px; background: #ffff; width: 700px; right: auto; top: 45px; padding: 40px; /* border-radius: 10px; */ border-radius: 0px 10px 10px 10px; padding-top: 30px; animation: anmacjaOpacity .5s ease-out; } .text-center.mennice_alll.btn_box { font-size: 12px; padding: 10px 10px 10px 10px; text-align: center; } .seach_mennnice li { list-style: none; } .seach_mennnice img { width: 160px; } .seach_mennnice ul { display: flex; justify-content: flex-start; gap: 26px; font-size: 12px; /* margin-bottom: 10px; */ flex-direction: row; grid-template-columns: repeat(6, 1fr); flex-wrap: wrap; align-items: center; align-content: flex-start; margin-top: 20px; } .seach_mennnice li a { color: #414c5c; padding: 10px 20px !important; border-radius: 5px !important; font-weight: bold !important; white-space: nowrap; background: var(--twocolor); transition: all 0s; } .search_resuult__items li a { background: #33b33b; } .seach_mennnice li a span { font-weight: bold; } .seach_mennnice li a:hover { color: #fff; border-radius: 10px; background: var(--green) !important; transition: all 0s; } .seach_mennnice li a:hover span { color: #fff; } .menu_search__item::before { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: #ffff; } .search_result__block { display: flex !important; flex-direction: row-reverse; max-width: 60%; align-items: top !important; flex: none !important; height: auto !important; margin-top: 100px; } #menu_search .search_result__sub:last-child { margin-bottom: 0; height: auto !important; padding: 0px !important; margin: 0px !important; max-width: 250px; border-right: solid 1px #ccc; padding: 10px !important; margin: 100px 0px !important; } @keyframes opacytyprodukt { 0% { opacity: 0; /* top: 10px */ transform: translate(0px, 10px); } 100% { opacity: 100; transform: translate(0px, 0px); /* top:0px */ } } #menu_search .search_result__item.--button-all { min-width: 123px; width: auto; margin: 1.5rem auto 0; border-radius: 100%; height: 123px; margin: auto; } a.search_result__item { animation-name: opacytyprodukt; animation-duration: 0.5s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: alternate; position: relative; } #menu_search.--focus .menu_search__input { border: none !important; border-bottom: solid 2px #414c5c !important; border-radius: 0px; } #menu_search .menu_search__mobile:before, #menu_search .menu_search__submit:before { content: "\E8A1"; font-family: FontAwesome; width: 90px; height: 90px; display: block; z-index: 9999; position: absolute; top: 10px; } .search_result__sub.--categories { width: 60%; margin: auto; } #menu_search.--focus .menu_search__input { position: relative; z-index: 9999; } #search_box { display: none; } /* #search_box .seach_mennnice {display: none;} */ #menu_search.--focus .menu_search__input { position: relative; z-index: 9999; border: solid 1px #cccc; width: 100%; } .search_result__name_label { font-weight: bold; } .menu_search__block { display: block; } #menu_search .search_result__icon img { display: block; position: static; top: 50%; left: 50%; transform: translate(0%, 0%); width: 120px; height: auto; margin: auto; transform: scale(1); transition: transform 0.5s; } #menu_search .search_result__icon img:hover { transform: scale(1); transition: transform 0.5s; } #menu_search .search_result__item.--product .search_result__name { max-width: 100%; display: block; text-align: center; } .menu_search__input:before { content: "\E8A1"; font-family: FontAwesome; font-size: 24px; } .search_result__sub.--products { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; /* min-width: 60%; */ grid-column-gap: -50px; justify-content: space-evenly; justify-items: center; align-content: stretch; max-width: 70%; margin: auto; margin-top: 10px !important; gap: 10px; } #menu_search .search_result__name_wrapper { display: block; justify-content: space-between; align-items: center; width: calc(100% - 60px); width: 100%; text-align: center; } #menu_search .search_result__item.--product { display: block; align-items: center; text-decoration: none; } #menu_search.--focus::after { position: fixed; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: #ffff; content: ""; } .search_result__price { font-weight: bold; } #menu_search.--focus.--open .menu_search__item.--results { display: flex; border-top: 0px solid #c4c7c8; max-height: calc(95vh - 80px); max-height: calc((var(--vh, 1vh) * 95) - 80px); overflow: auto; scrollbar-color: #33b33b transparent; scrollbar-width: thin; /* border-radius: 5px; */ /* border-radius: 0; */ width: 100%; background: #fff; position: fixed; top: 26px; transform: translate(0%, 1%); left: 0px; height: 100vh; justify-content: center; } #menu_search.--focus .menu_search__block { position: absolute; top: 0px; left: 0; width: 540px; background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); } @media only screen and (max-width: 900px) { #menu_seearch .menu_seearch__item { display: block !important; } #menu_seearch.--focus.--open .menu_seearch__item.--results { display: block !important; } .seach_mennnice { position: static; width: 100%; padding: 0px; } #menu_search.--focus .menu_search__input { position: relative; z-index: 9999; border: solid 1px #cccc; width: 100%; } div#search_box { position: fixed; left: 0px; z-index: 999; } .search_result__block.--others, #search_box { display: none !important; } #menu_search.--focus::after { display: none !important; } html.sidebar_open #menu_search .menu_search__block { width: 100%; } #menu_search.--focus::after { background: none; } #menu_search .menu_search__item.--results { display: none !important; background: none; } } </style> <script> function getremoveButton() { document.querySelectorAll(".befeoresearch_box").forEach(x => { x.style.display = "none"; }) } const getFormfind = document.querySelector(".menu_seearch__item"); const getFormfindBTN = document.querySelector("#menu_seearch .menu_seearch__input"); getFormfindBTN.addEventListener("input", function (events) { getremoveButton(); const getValuesInput = getFormfindBTN.value; const countNumbers_tet = getFormfindBTN.value.length; document.querySelector(".befeoresearch_box").style.display = "none" if (countNumbers_tet > 1) { const getInfoszukanie = document.querySelector('.search_result__block.--queries'); getInfoszukanie.insertAdjacentHTML('afterend', `<strong class="search_result__label">Podpowiedzi</strong> `) getInfoszukanie.innerHTML = "text" } if (countNumbers_tet == 2) { document.querySelector(".befeoresearch_box").style.display = "none"; getremoveButton() const menu_search = document.querySelector(".menu_search__item"); const search_result = document.querySelector(".search_result"); document.querySelector(".search_result").style.display = "flex"; document.querySelector("#search_box").style.display = "block"; } if (getFormfindBTN.value == "") { document.querySelector("#search_box").style.display = "none"; } }); const focusBTnSreach = document.querySelector(".menu_search__input") // menu_seearch__item --results search_resuult getFormfindBTN.addEventListener('click', function () { getFormfind.classList.toggle("active_pwa"); getFormfind.insertAdjacentHTML( "beforeend", ` <div class="befeoresearch_box"> <div class="seach_mennnice"> <h3> ${langEn ? "Popular search:" : ""} ${langPl ? "Popularne wyszukiwanie:" : ""} ${langDe ? "Beliebte Suche:" : ""} ${langEs ? "Búsqueda popular:" : ""} ${langCs ? "Populární hledání:" : ""} ${langFr ? "Recherche populaire :" : ""} ${langHu ? "Népszerű keresés:" : ""} ${langIt ? "Ricerca popolare:" : ""} </h3> <ul id="tags_szukaj"> ${[ { name: "2026", link: "/lng/parameters/2026-9355.html" }, { name: `${langEn ? "Mints" : ""} ${langPl ? "Mennice" : ""} ${langDe ? "Münzenprägestätten" : ""} ${langEs ? "Cecas" : ""} ${langCs ? "Mincovny" : ""} ${langFr ? "Monnaies" : ""} ${langHu ? "Pénzverdék" : ""} ${langIt ? "Zecche" : ""} `, link: "https://www.metalmarket.eu/lng/producers.html" }, { name: "1 oz", link: "/lng/parameters/1-oz-481.html" }, { name: "2024", link: "https://www.metalmarket.eu/lng/menu/before-purchasing/wszystkie-monety-2101.html?filter_traits%5B1%5D=&filter_traits%5B512%5D=4212&filter_traits%5B4582%5D=&filter_traits%5B510%5D=&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_availability=y&filter_traits%5B3827%5D=" }, { name: ` ${langEn ? "Ingots" : ""} ${langPl ? "Sztabki" : ""} ${langDe ? "Barren" : ""} ${langEs ? "Lingotes" : ""} ${langCs ? "Pruty" : ""} ${langFr ? "Lingots" : ""} ${langHu ? "Rudak" : ""} ${langIt ? "Lingotti" : ""}`, link: "https://www.metalmarket.eu/lng/search.html?text=sztabki" }, { name: `${langEn ? "Platinum" : ""} ${langPl ? "Platyna" : ""} ${langDe ? "Platin" : ""} ${langEs ? "Platino" : ""} ${langCs ? "Platina" : ""} ${langFr ? "Platine" : ""} ${langHu ? "Platina" : ""} ${langIt ? "Platino" : ""} `, link: "https://www.metalmarket.eu/lng/menu/inne-metale-banknoty/platyna-2098.html" }, { name: "Kookaburra", link: "https://www.metalmarket.eu/lng/series/kookaburra-203.html" }, { name: "Dukat", link: "https://www.metalmarket.eu/lng/series/dukat-355.html" }, { name: "PopCultura", link: "https://www.metalmarket.eu/lng/cms/popkultura-556.html" }, { name: `${langEn ? "coin series" : ""} ${langPl ? "serie monet" : ""} ${langDe ? "Münzserie" : ""} ${langEs ? "serie de monedas" : ""} ${langCs ? "mincovní série" : ""} ${langFr ? "série de pièces" : ""} ${langHu ? "érmesorozat" : ""} ${langIt ? "serie di monete" : ""} `, link: "https://www.metalmarket.eu/lng/about/serie-monet-554.html" }, { name: "#The Royal Tudor Beasts", link: "https://www.metalmarket.eu/lng/series/the-royal-tudor-beasts-78.html" }, { name: "#Chinese Panda", link: "https://www.metalmarket.eu/lng/series/chinese-panda-99.html" }, { name: "#Britannia", link: "https://www.metalmarket.eu/lng/series/britannia-bu-163.html" }, { name: "#Koala", link: "https://www.metalmarket.eu/lng/series/koala-205.html" }, { name: "#Lunar", link: "https://www.metalmarket.eu/lng/search.html?text=Lunar" }, { name: "#Australian Emu", link: "https://www.metalmarket.eu/lng/series/australian-emu-23.html" }, { name: "#Maple Leaf", link: "https://www.metalmarket.eu/lng/series/malnge-leaf-53.html" }, { name: "#Libertad", link: "https://www.metalmarket.eu/lng/series/libertad-104.html" } ].map(item => `<li><a href="${item.link}">${item.name}</a></li>`).join('')} </li> </ul> <div id="cosinsBox_search"> </div> ` ) const getdataSterch = dataheadSearch.map(item => { return ` <div class="searchcoins"> <a class="product__icon d-flex justify-content-center align-items-center" data-product-id="950" href="${item.link}" title="${item.name}"> <img alt="${item.name}" src="${item.pic}"> </a> <h3> <a class="product__name" href="${item.link}" title="${item.name}">${item.name} <small>${item.namesub}</small></a> </h3><div class="product__prices --omnibus-new" "><div class="delivery_time"> - </div> </div> </div> ` }).join('') document.querySelector("#cosinsBox_search").innerHTML = getdataSterch; }); // menu_search.insertAdjacentHTML( // "beforeend", // ` // <div id="search_box"> // <div id="anuluj_search" ><a href="#" class="btn_box"> Anuluj wyszukiwanie</a></div> // <div class="seach_mennnice"> // </div> // </div> // ` // ); // document.querySelector("#anuluj_search").addEventListener("click", function (e) { // document.querySelector(".search_result").style.display = "none"; // document.querySelector("#search_box").style.display = "none"; // document.querySelector(".befeoresearch_box").style.display = "none"; // getFormfindBTN.value = ""; // }); </script> <style> #anuluj_search { position: absolute; top: 10px; left: 140%; z-index: 9999999; width: 360px; background: #fff; } </style></div><div class="menu_button_wrapper"><script> const wybierzeMetal = ` <div class="head_filters ">Wybierz metal: </div> <div class="tag_chose"> <a href="https://www.metalmarket.eu/pl/menu/zloto/zlote-monety-850?filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B510%5D=481&filter_traits%5B4582%5D=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_pricerange=&filter_availability=y&filter_default=n#p">Złoto</a> <a href="www.metalmarket.eu/pl/menu/srebro/srebrne-monety-851?filter_price=&filter_traits%5B69%5D=&filter_traits%5B510%5D=481&filter_traits%5B512%5D=&filter_traits%5B607%5D=&filter_traits%5B1%5D=&filter_traits%5B4779%5D=&filter_traits%5B849%5D=&filter_traits%5B4880%5D=&filter_traits%5B4582%5D=&filter_traits%5B304%5D=&filter_traits%5B52%5D=&filter_traits%5B219%5D=&filter_traits%5B1280%5D=&filter_availability=y&filter_date=&filter_series=&filter_default=n#p">Srebro</a> </div> </div>` const styleCSS = `<style> #paging_setting_top { .f-dropdown { position: static !important; top: 0px; } } #sho_hide_produkct {display:none !important;} .product__icon img { /* max-height: 21.2rem !important; */ max-width: 180px; } .baner_send img {border-radius:10px} .product__icon .slick-slide img, .product__icon img, .pic_popular img {transition: none !important;} #search picture { display: flex; align-content: center; justify-content: center; align-items: center; height: 0px; text-align:center; } #paging_setting_top .f-dropdown.--small-md .f-dropdown-menu { max-width: 100%; width: 100%; overflow: hidden;} #paging_setting_top { .f-dropdown { position: static; top: 0px; width: 60%; overflow: auto; }} #paging_setting_top .f-dropdown.--small-md .f-dropdown-menu { display: flex !important; border: none; background: none; font-weight: bold; position: static; white-space: nowrap; flex-direction: row-reverse; justify-content: center; flex-wrap: nowrap; max-width: 240%; display: block !important; width: 50%; margin: auto; } #search .product:hover {border-top:none !important;border-left:none !important;border-right:none !important;} #search .product:hover { border: 1px solid #c4c7c8; background: #f5f6fa96; transition: all .0s !important; } #filters {margin-top:20px} #layout .tag_chose { display: flex; margin-bottom: 0px; align-items: center; align-items: center; white-space: nowrap !important; } #layout #content .f-dropdown-item.--selected {color:var(--maincolor) !important;} .price.--max .omnibus_price,.omnibus_price__text,.omnibus_price__value {display:none;} .price.--max { font-size: 12px; font-weight: bold; color: #dda01c; } .product__prices .price.--max { order: 3; position: absolute; right: 150px; top: -4px; } #container.search_page #content #search .col-sm-4 {border-bottom:solid 1px #ccc} #layout ul.f-dropdown-menu { display: grid !important; position: static; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.25) !important; position: static !important; z-index: 999; justify-content: space-around; border: none !important; align-items: start; align-content: space-around; justify-items: end; } @media (max-width: 900px) { #layout .tag_chose { display: block; } #filters .tag_chose {display:flex} #paging_setting_top .f-dropdown.--small-md .f-dropdown-menu { width: 100%; } } </style>` const zloteInwestycjne = window.location.href; if ( // zloteInwestycjne.includes("https://www.metalmarket.eu/lng/menu/zlote-monety-850?filter_traits%5B1%5D=277&filter_traits%5B512%5D=&filter_traits%5B510%5D=481&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&f") || zloteInwestycjne.includes("&filter_default=n#p") ) { function getthebestPricebtn() { window.addEventListener('DOMContentLoaded', function () { const getbnts = document.querySelector('#paging_setting_top .option_price-a a') if (!getbnts.classList.contains("--selected")) { getbnts.click(); } }, { once: true }); } window.addEventListener("DOMContentLoaded", () => { goldMonetyLista() }) window.addEventListener('DOMContentLoaded', function () { const getbnts = document.querySelector('#paging_setting_top .option_price-a a') if (!getbnts.classList.contains("--selected")) { getbnts.click(); } }, { once: true }); } if ( zloteInwestycjne == "https://www.metalmarket.eu/pl/menu/zlote-monety-850?filter_traits%5B1%5D=277&filter_traits%5B512%5D=&filter_traits%5B510%5D=483&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_availability=y&filter_traits%5B3827%5D=#price-a") { location.replace( "https://www.metalmarket.eu/pl/menu/zlote-monety-850?filter_traits%5B1%5D=277&filter_traits%5B512%5D=&filter_traits%5B510%5D=483&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_availability=y&filter_traits%5B3827%5D=#price-a" ); window.addEventListener('DOMContentLoaded', function () { const getbnts = document.querySelector('#paging_setting_top .option_price-a a') if (!getbnts.classList.contains("--selected")) { getbnts.click(); } }, { once: true }); goldMonetyLista() // const myTimeoutaaaahhh = setTimeout( cikk_main_silver, 500 ); const getFiltersBuddon = document.querySelectorAll('.tag_chose a')[3] getFiltersBuddon.style.background = "#03a84e"; getFiltersBuddon.style.color = "#fff"; } //1/4 if ( zloteInwestycjne == "https://www.metalmarket.eu/pl/menu/zlote-monety-850?filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B510%5D=485&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_traits%5B3827%5D=#price-a") { location.replace( "https://www.metalmarket.eu/pl/menu/zlote-monety-850?filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B510%5D=485&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_traits%5B3827%5D=#price-a" ); goldMonetyLista(); // const myTimeoutaaaaddd = setTimeout( cikk_main_silver, 500 ); const getFiltersBuddon = document.querySelectorAll('.tag_chose a')[2] getFiltersBuddon.style.background = "#03a84e"; getFiltersBuddon.style.color = "#fff"; } // 1/2 if ( zloteInwestycjne == "https://www.metalmarket.eu/pl/menu/zlote-monety-850?filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B510%5D=906&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_traits%5B3827%5D=#price-a" || zloteInwestycjne == "https://www.metalmarket.eu/pl/menu/zlote-monety-850?filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B510%5D=906&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_traits%5B3827%5D=#price-d" || zloteInwestycjne == "https://www.metalmarket.eu/pl/menu/zlote-monety-850?filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B510%5D=906&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_traits%5B3827%5D=" ) { location.replace( "https://www.metalmarket.eu/pl/menu/zlote-monety-850?filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B510%5D=906&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_traits%5B3827%5D=#price-a" ); window.addEventListener('DOMContentLoaded', function () { const getbnts = document.querySelector('#paging_setting_top .option_price-a a') if (!getbnts.classList.contains("--selected")) { getbnts.click(); } }, { once: true }); goldMonetyLista(); // const myTimeoutaaaaaa = setTimeout( cikk_main_silver, 500 ); const getFiltersBuddon = document.querySelectorAll('.tag_chose a')[0] getFiltersBuddon.style.background = "#03a84e"; getFiltersBuddon.style.color = "#fff"; getFiltersBuddon.classList.add("active_tag") } function goldMonetyLista() { getthebestPricebtn(); // Call the function to ensure it executes const getProduktPriceout = document.querySelectorAll('.price.--phone'); getProduktPriceout.forEach(x => { x.parentElement.parentElement.remove() }) document.querySelector(".headline__name").innerHTML = "Złote MONETY"; setTimeout(() => { document.querySelector("#one_oz").remove(); document.querySelector(".option_price-a a").innerHTML = "Najniższa cena"; document.querySelector(".option_price-d a").innerHTML = "Najwyższa cena"; }, 500); const getConntedntDIvZlote = document.querySelector("#layout"); getConntedntDIvZlote.insertAdjacentHTML( "afterbegin", ` <link href="/data/include/cms/metala_lokacyjne/inwestowac/style_inwestycje.css?v=1708359118886" rel="stylesheet" /> ${styleCSS} <div id="head_inwestycje"> <div class="baner_send pln_baner"> <picture> <source srcset="/data/include/cms/mme/baner_inwestycyjne/gold.jpg?v=1696850721790" media="(max-width: 639px)"> <source srcset="/data/include/cms/mme/baner_inwestycyjne/destorp_gold.jpg?v=1687515004485" media="(min-width: 640px) and (max-width: 1023px)"> <source srcset="/data/include/cms/mme/baner_inwestycyjne/destorp_gold.jpg?v=1687515004485" media="(min-width: 1024px)"> <img src="/data/include/cms/mme/baner_inwestycyjne/destorp_gold.jpg?v=1687515004485" alt="MONETY INWESTYCJE ZŁOTE " srcset="/data/include/cms/mme/baner_inwestycyjne/destorp_gold.jpg?v=1687515004485"> </picture> </div> <div id="filters"> <div class="head_filters">Wybierz wagę: </div> <div class="tag_chose"> <a href="https://www.metalmarket.eu/pl/menu/zloto/zlote-monety-850?filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B510%5D=481&filter_traits%5B4582%5D=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_pricerange=&filter_availability=y&filter_default=n#p">1 oz</a> <a href="www.metalmarket.eu/pl/menu/zloto/zlote-monety-850?filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B510%5D=906%2C3074%2C3178%2C2802%2C3801%2C2963%2C3057%2C3180%2C3736%2C3774%2C2713%2C2101&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_traits%5B3827%5D=&filter_availability=y&filter_default=n#p">1/2 oz</a> <a href="https://www.metalmarket.eu/pl/menu/zloto/zlote-monety-850?filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B510%5D=485&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_traits%5B3827%5D=&filter_availability=y&filter_default=n#p">1/4 oz</a> <a href="https://www.metalmarket.eu/pl/menu/zloto/zlote-monety-850?filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B510%5D=483%2C759%2C4117%2C650%2C3617%2C2732&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_traits%5B3827%5D=&filter_availability=y&filter_default=n#p">1/10 oz</a> </div> ${wybierzeMetal} ` ); } </script> <!--silver_main ---------------------------------------------------------------> <script> function silvertheBett() { const srebneInwestycjne = window.location.href; if ( srebneInwestycjne == "www.metalmarket.eu/pl/menu/srebro/srebrne-monety-851?filter_price=&filter_traits%5B69%5D=&filter_traits%5B510%5D=481&filter_traits%5B512%5D=&filter_traits%5B607%5D=&filter_traits%5B1%5D=&filter_traits%5B4779%5D=&filter_traits%5B849%5D=&filter_traits%5B4880%5D=&filter_traits%5B4582%5D=&filter_traits%5B304%5D=&filter_traits%5B52%5D=&filter_traits%5B219%5D=&filter_traits%5B1280%5D=&filter_availability=y&filter_date=&filter_series=&filter_default=n#p" || srebneInwestycjne == "https://www.metalmarket.eu/lng/menu/srebro/srebrne-monety-851?filter_price=&filter_traits%5B69%5D=&filter_traits%5B510%5D=481&filter_traits%5B512%5D=&filter_availability=y&filter_traits%5B607%5D=&filter_date=&filter_traits%5B1%5D=&filter_traits%5B4779%5D=&filter_series=&filter_traits%5B849%5D=&filter_traits%5B4880%5D=&filter_traits%5B4582%5D=&filter_traits%5B304%5D=&filter_traits%5B52%5D=&filter_traits%5B219%5D=&filter_traits%5B1280%5D=" || srebneInwestycjne == "https://www.metalmarket.eu/pl/menu/srebro/srebrne-monety-851?filter_traits%5B1%5D=367&filter_traits%5B512%5D=&filter_traits%5B510%5D=481&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_traits%5B3827%5D=&filter_pricerange=&filter_availability=y#price-a" || srebneInwestycjne == "https://www.metalmarket.eu/pl/menu/srebro/srebrne-monety-851?filter_price=&filter_traits%5B69%5D=&filter_traits%5B510%5D=481&filter_traits%5B512%5D=&filter_traits%5B607%5D=&filter_traits%5B1%5D=&filter_traits%5B4779%5D=&filter_traits%5B849%5D=&filter_traits%5B4880%5D=&filter_traits%5B4582%5D=&filter_traits%5B304%5D=&filter_traits%5B52%5D=&filter_traits%5B219%5D=&filter_traits%5B1280%5D=&filter_availability=y&filter_date=&filter_series=" || srebneInwestycjne.includes("https://www.metalmarket.eu/pl/menu/srebro/srebrne-monety-851?filter_price=&filter_traits%5B69%5D=&filter_traits%5B510%5D=481&filter_traits%5B512%5D=&filter_traits%5B607%5D=&filter_traits%5B1%5D=&filter_traits%5B4779%5D=&filter_traits%5B849%5D=&filter_traits%5B4880%5D=&filter_traits%5B4582%5D=&filter_traits%5B304%5D=&filter_traits%5B52%5D=&filter_traits%5B219%5D=&filter_traits%5B1280%5D=&filter_availability=y&filter_date=&filter_series=") || srebneInwestycjne == "https://www.metalmarket.eu/pl/menu/srebro/srebrne-monety-851?filter_price=&filter_traits%5B69%5D=&filter_traits%5B510%5D=481&filter_traits%5B512%5D=&filter_traits%5B607%5D=&filter_traits%5B1%5D=&filter_traits%5B4779%5D=&filter_traits%5B849%5D=&filter_traits%5B4880%5D=&filter_traits%5B4582%5D=&filter_traits%5B304%5D=&filter_traits%5B52%5D=&filter_traits%5B219%5D=&filter_traits%5B1280%5D=&filter_availability=y&filter_date=&filter_series=" || srebneInwestycjne == "https://www.metalmarket.eu/pl/menu/srebro/srebrne-monety-851?filter_traits%5B1%5D=367&filter_traits%5B512%5D=&filter_traits%5B510%5D=481&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_pricerange=" || srebneInwestycjne == "https://www.metalmarket.eu/pl/menu/srebrne-monety-851?filter_traits%5B1%5D=367&filter_traits%5B510%5D=481&filter_availability=y" ) { // location.replace( // "https://www.metalmarket.eu/pl/menu/srebrne-monety-851?filter_traits%5B1%5D=367&filter_traits%5B512%5D=&filter_traits%5B510%5D=481&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_availability=y&filter_traits%5B3827%5D=#price-a" ); function getthebestPricebtn() { window.addEventListener('DOMContentLoaded', function () { const getbnts = document.querySelector('#paging_setting_top .option_price-a a') if (!getbnts.classList.contains("--selected")) { getbnts.click(); } }, { once: true }); } silverMonetyLista() function silverMonetyLista() { const getConntedntDIv = document.querySelector("#layout"); getConntedntDIv.insertAdjacentHTML( "afterbegin", ` <link href="/data/include/cms/metala_lokacyjne/inwestowac/style_inwestycje.css?v=1708359118886" rel="stylesheet" /> ${styleCSS} <div id="head_inwestycje"> <div class="baner_send pln_baner"> <picture> <source srcset="/data/include/cms/mme/baner_inwestycyjne/mobile.jpg?v=1687515004484" media="(max-width: 639px)"> <source srcset="/data/include/cms/mme/baner_inwestycyjne/destorp.jpg?v=1687515004485" media="(min-width: 640px) and (max-width: 1023px)"> <source srcset="/data/include/cms/mme/baner_inwestycyjne/destorp.jpg?v=1687515004485" media="(min-width: 1024px)"> <img src="/data/include/cms/mme/baner_inwestycyjne/destorp.jpg?v=1687515004485" alt="Inpost Twoje zakupy dostarczymy do paczkomatu InPost za 0 zł!a " srcset="/data/include/cms/mme/baner_inwestycyjne/destorp.jpg?v=1687515004485"> </picture> </div> ${wybierzeMetal} ` ); } } } silvertheBett() </script> </div><div class="menu_button_wrapper"><style> #inwestycje_box {margin-top: 50px;} .phoen_karta,.skup_main{ display: none !important; } #logo_the_same_mint { min-height: revert-rule !important; } #projector_price_srp_wrapper .btn_cena_skupu {display: none !important;} .projector_info__item.projector_safe {background-position: 20px 80px !important;} body .skup.skup_main.ask_question { display: block !important; position: static !important; padding-bottom: 10px; } button {border-radius: 5px;} .product {border-radius: 10px !important;} #charts {display: none !important;} #projector_status_gfx {display: none !important;} #component_projector_cms {height: 0px;} @media (max-width:900px) { div#main_banner1 { margin-top: 70px !important; } #main_banner1 img {border-radius: 0px;} #component_projector_cms {display: none;} } </style> </div><div class="menu_button_wrapper"><script> if (document.querySelector("#container").classList.contains("main_page")) { function createdata() { blogdataData[0].kategria = ` ${langEn ? "finances" : ""} ${langPl ? "finanse" : ""} ${langDe ? "Finanzen" : ""} ${langEs ? "finanzas" : ""} ${langCs ? "financí" : ""}`; blogdataData[0].data = ` ${langEn ? "13 May 2025" : ""} ${langPl ? "13 maja 2025" : ""} ${langDe ? "13. Mai 2025" : ""} ${langEs ? "13 de mayo de 2025" : ""} ${langCs ? "13. května 2025" : ""} ` ; blogdataData[1].kategria = ` ${langEn ? "finances" : ""} ${langPl ? "finanse" : ""} ${langDe ? "Finanzen" : ""} ${langEs ? "finanzas" : ""} ${langCs ? "financí" : ""}`; blogdataData[1].data = ` ${langEn ? "14 April 2025" : ""} ${langPl ? "14 kwietnia 2025" : ""} ${langDe ? "14. April 2025" : ""} ${langEs ? "14 de abril de 2025" : ""} ${langCs ? "14. dubna 2025" : ""} ` ; blogdataData[2].kategria = ` ${langEn ? "precious metals" : ""} ${langPl ? "metale szlachetne" : ""} ${langDe ? "Edelmetalle" : ""} ${langEs ? "metales preciosos" : ""} ${langCs ? "drahých kovů" : ""} `; blogdataData[2].data = ` ${langEn ? "1 April 2025" : ""} ${langPl ? "1 kwietnia 2025" : ""} ${langDe ? "1. April 2025" : ""} ${langEs ? "1 de abril de 2025" : ""} ${langCs ? "1. dubna 2025" : ""}`; blogdataData[3].kategria = ` ${langEn ? "raw materials" : ""} ${langPl ? "surowce" : ""} ${langDe ? "Rohstoffe" : ""} ${langEs ? "materias primas" : ""} ${langCs ? "suroviny" : ""} `; blogdataData[3].data = ` ${langEn ? "18 March 2025" : ""} ${langPl ? "18 marca 2025" : ""} ${langDe ? "18. März 2025" : ""} ${langEs ? "18 de marzo de 2025" : ""} ${langCs ? "18 značka 2025" : ""}`; } document.querySelector("a.article__name"); //? const getBlogText = document.querySelectorAll(".article__item"); //? let blogdataData = []; getBlogText.forEach((x, indx) => { const iconLinka = x.querySelector("a.article__name").getAttribute("href"); //? const icontext = x.querySelector("a.article__name").innerHTML; //? blogdataData.push({ iconLinka: iconLinka, icontext: icontext, }); }); createdata(); const newBlogdata = blogdataData .map((x) => { return ` <div class="blog_main"> <a href="${x.iconLinka}"> <div class="head_bogl"> <div class="catgoriblog"> #${x.kategria}</div> <p class="titlte_blog">${x.icontext}</p> </div> <div class="data_blog">${x.data}</div> </a> </div> `; }) .join(""); const blogenter = document.querySelector("#blog_flex"); blogenter.insertAdjacentHTML( "afterbegin", `${newBlogdata}` ); document.querySelectorAll(".blog_main .catgoriblog")[0].insertAdjacentHTML( "afterbegin", ` <div id="new_label_blog">NEW</div> ` ); } </script></div><div class="menu_button_wrapper"><style> #inposBox { div#bnt_more { position: absolute; left: 80px; top: 65px; font-weight: bold; } position: relative; border-radius: 10px; a { .more_plus {font-size: 42px !important; position: absolute; left: -20px; top: 20px;} margin: 10px 0px; /* background: #ffcc05; */ border-radius: 10px; padding: 0px; display: flex; gap: 20px; font-family: "Inter", sans-serif !important; position: relative; align-items: center; justify-content: center; margin-bottom: 10px; width: 100%; border-radius: 10px; .text_inpost { font-weight: 600; font-size: 18px; } .number_ipost { font-size: 7rem; font-weight: 900; span { font-size: 12px; } } .name_country_inpost { font-size: 42px; font-weight: 900; position: absolute; bottom: 11px; span { display: block; } } .logo_inpost { img { width: 150px; position: absolute; left: 10px; top: 10px; } } .inpost_box_pic { position: absolute; right: 0px; top: -20px; } .country_inpost { display: flex; align-content: flex-end; align-items: center; gap: 10px; .text_inpost { position: absolute; top: 10px; } span { display: block; } } .price_inpost { position: relative; display: flex; min-width: 280px; gap: 10px; .euro_ipost { font-size: 42px; font-weight: 900; position: absolute; bottom: 11px; } .text_inpost { position: absolute; top: 10px } } .country_inpost { position: relative; display: flex; min-width: 300px; gap: 10px; span { display: block; } .euro_ipost { font-size: 42px; font-weight: 900; position: absolute; bottom: 11px; } } &:hover {text-decoration: underline;color: #000;} } img {position: absolute; right: 0px; top: -10px;} @media (max-width:728px) { border-radius: 0px; a { margin: 10px 0px; /* background: #ffcc05; */ border-radius: 10px; padding: 0px; display: flex; gap: 20px; font-family: "Inter", sans-serif !important; position: relative; align-items: center; justify-content: flex-start; margin-bottom: 10px; width: 100%; border-radius: 10px; overflow-x: scroll; .inpost_box_pic { position: absolute; right: -20px; top: 0px; width: 120px; } gap: 0px; border-radius: 0px; & .logo_inpost { min-width: 200px; } & >div {display: flex ;overflow-x: scroll;justify-content: flex-start;align-items: center;} & .logo_inpost { img { width: 150px; position: static; left: 10px; top: 10px; } } } } } .shiping_ship #inposBox { img { position: absolute; right: -140px; top: 0px; } & a { margin: 10px 0px; /* background: #ffcc05; */ border-radius: 10px; padding: 0px; display: grid; gap: 0px; font-family: "Inter", sans-serif !important; position: relative; align-items: center; justify-content: flex-start; margin-bottom: 10px; width: 100%; border-radius: 10px; max-width: 100%; grid-template-columns: .5fr 1fr 1fr 1fr; padding: 0px 10px; .logo_inpost {img {position: static;width: 100px; height: 100px;}} .country_inpost { position: relative; display: flex; min-width: auto; gap: 10px; } } } </style> <script> document.querySelector("#inposBox").style.background = ` ${ langEn ? "#ffcc05" : "" } ${langPl ? "#ffcc05" : ""} ${langDe ? "#ffcc05" : ""} ${langEs ? "#ffcc05" : ""} ${langCs ? "#ffcc05" : ""} ${langFr ? "#f9d2e3" : ""} ${langHu ? "#ffcc05" : ""} ${langIt ? "#ffcc05" : ""} `; document.querySelector("#inposBox").innerHTML = ` <div ${langEn ? `style="display:none"` : ""} ${langPl ? `style="display:none"` : ""} ${langDe ? `style="display:none"` : ""} ${langEs ? `style="display:flex"` : ""} ${langCs ? `style="display:none"` : ""} ${langFr ? `style="display:flex"` : ""} ${langHu ? `style="display:none"` : ""} ${langIt ? `style="display:flex"` : ""} > <a href="https://www.metalmarket.eu/lng/help/inpost-961" id="more_btn_infoa"> <div class="logo_inpost " > <div id="bnt_more"> ${langEn ? "Learn more" : ""} ${langPl ? "Dowiedz się więcej" : "" } ${langDe ? "Erfahren Sie mehr" : ""} ${langEs ? "Más información" : ""} ${langCs ? "Zjistěte více" : ""} ${langFr ? "En savoir plus" : ""} ${langHu ? "Tudj meg többet" : ""} ${langIt ? "Scopri di più" : ""} </div> <img src=" ${langEn ? "" : ""} ${langPl ? "" : ""} ${langDe ? "" : ""} ${ langEs ? "https://www.metalelokacyjne.pl/data/include/cms/mme/inpost/inpost_logo.svg?v=1762958502796" : "" } ${langCs ? "" : ""} ${ langFr ? "https://www.metalelokacyjne.pl/data/include/cms/mme/inpost/logomrbyinpostrvb.svg?v=1763027084293" : "" } ${langHu ? "" : ""} ${ langIt ? "https://www.metalelokacyjne.pl/data/include/cms/mme/inpost/inpost_logo.svg?v=1762958502796" : "" }" alt> </div> <div class="country_inpost"> <div class="number_ipost">2 </div> <span> <span class="name_country_inpost"> ${langEn ? "" : ""} ${langPl ? "" : ""} ${langDe ? "" : ""} ${langEs ? "España" : ""} ${langCs ? "" : ""} ${langFr ? "France" : ""} ${langHu ? "" : ""} ${langIt ? "Italia" : ""} </span> <span class="text_inpost"> ${langEn ? "" : ""} ${langPl ? "" : ""} ${langDe ? "" : ""} ${langEs ? "envío en días" : ""} ${langCs ? "" : ""} ${langFr ? "livraison en jours" : ""} ${langHu ? "" : ""} ${langIt ? "consegna in giorni" : ""} </span> </span> </div> <div class="price_inpost"> <div class="number_ipost"> ${langEn ? "" : ""} ${langPl ? "" : ""} ${langDe ? "" : ""} ${langEs ? "9" : ""} ${langCs ? "" : ""} ${langFr ? "10" : ""} ${langHu ? "" : ""} ${langIt ? "10" : ""} </div> <span><span class="euro_ipost">€</span> <span class="text_inpost"> ${langEn ? "" : ""} ${langPl ? "" : ""} ${langDe ? "" : ""} ${langEs ? "gastos de envío" : ""} ${langCs ? "" : ""} ${langFr ? "frais d’expédition" : ""} ${langHu ? "" : ""} ${langIt ? "costi di spedizione" : ""} </span></span> </div> <div class="country_inpost"> <div class="number_ipost"><span class="more_plus">+</span> ${langEn ? "" : ""} ${langPl ? "" : ""} ${langDe ? "" : ""} ${langEs ? "11" : ""} ${langCs ? "" : ""} ${langFr ? "16" : ""} ${langHu ? "" : ""} ${langIt ? "8" : ""} </div> <span><span class="euro_ipost"> ${langEn ? "" : ""} ${langPl ? "" : ""} ${langDe ? "" : ""} ${langEs ? "mil" : ""} ${langCs ? "" : ""} ${langFr ? "mille" : ""} ${langHu ? "" : ""} ${langIt ? "mille" : ""} </span> <span class="text_inpost"> ${langEn ? "" : ""} ${langPl ? "" : ""} ${langDe ? "" : ""} ${langEs ? "puntos de recogida" : ""} ${langCs ? "" : ""} ${langFr ? "points de retrait" : ""} ${langHu ? "" : ""} ${langIt ? "punti di ritiro" : ""} </span></span> </div> </a> <img src=" ${langEn ? "" : ""} ${langPl ? "" : ""} ${langDe ? "" : ""} ${langEs ? "https://www.metalelokacyjne.pl/data/include/cms/mme/inpost/inpost_paczka.webp?v=1762959062637" : "" } ${langCs ? "" : ""} ${langFr ? "https://www.metalelokacyjne.pl/data/include/cms/mme/inpost/paczkomat.webp?v=1763027084293" : "" } ${langHu ? "" : ""} ${langIt ? "https://www.metalelokacyjne.pl/data/include/cms/mme/inpost/inpost_paczka.webp?v=1762959062637" : "" } " alt class="inpost_box_pic"> </div> `; </script> </div><div class="menu_button_wrapper"><script> window.addEventListener("DOMContentLoaded", () => { const urlOpinie = window.location.href; if(urlOpinie.includes("opinions-shop")) { document.querySelector("#opinions_shop h2").remove() document.querySelector(".opinions_shop__block").insertAdjacentHTML("afterbegin",`<h1> ${langEn ? "Metal Market Europe Reviews" : ""} ${langPl ? "Opinie Metal Market Europe" : ""} ${langDe ? "Bewertungen Metal Market Europe" : ""} ${langEs ? "Opiniones Metal Market Europe" : ""} ${langCs ? "Recenze Metal Market Europe" : ""} </h1>`) document.querySelectorAll("meta").forEach(x => { if (x.getAttribute("name") ) { x.setAttribute("title",`${langEn ? "Reviews and opinions about Metal Market Europe. Reliable customer ratings regarding product quality and store service standards." : ""}${langPl ? "Recenzje i opinie o Metal Market Europe. Rzetelne oceny klientów dotyczące jakości produktów oraz standardów obsługi sklepu." : ""}${langDe ? "Bewertungen und Meinungen über Metal Market Europe. Zuverlässige Kundenbewertungen zur Produktqualität und zu den Servicestandards des Geschäfts." : ""}${langEs ? "Reseñas y opiniones sobre Metal Market Europe. Valoraciones fiables de los clientes sobre la calidad de los productos y los estándares de servicio de la tienda." : ""}${langCs ? "Recenze a názory na Metal Market Europe. Spolehlivé hodnocení zákazníků týkající se kvality produktů a standardů služeb obchodu." : ""}`); } }) document.querySelector("title").innerHTML = `${langEn ? "Metal Market Europe Reviews" : ""} ${langPl ? "Opinie Metal Market Europe" : ""} ${langDe ? "Bewertungen Metal Market Europe" : ""} ${langEs ? "Opiniones Metal Market Europe" : ""} ${langCs ? "Recenze Metal Market Europe" : ""}` } }) </script> <style> .opinions_shop__block h1 {font-size: 3rem;color: #414c5c !important; font-weight: bold !important; letter-spacing: 0px !important;} </style> </div><div class="menu_button_wrapper"><script> document.addEventListener("DOMContentLoaded", function () { if (window.matchMedia("(max-width: 728px)").matches) { document.querySelector("#search").insertAdjacentHTML("beforeend", ` <div id="show_vide_bile"> <div id="view_one_mobile"><img src="https://www.metalelokacyjne.pl/data/include/cms/mme/icons/vieo_mobile/two_wiv.svg?v=1779971027475" alt=""></div> <div id="view_two_mobile"><img src="https://www.metalelokacyjne.pl/data/include/cms/mme/icons/vieo_mobile/one_vide.svg?v=1779971085415" alt=""></div> </div> ` ) document.querySelector("#view_two_mobile").addEventListener("click", function () { document.querySelector("#search").classList.add("vivied_dwa") }) document.querySelector("#view_one_mobile").addEventListener("click", function () { document.querySelector("#search").classList.remove("vivied_dwa") }) } }); </script> <style> @media (max-width:728px) { body #search.vivied_dwa.products { align-items: flex-start !important; padding-top: 110px !important; } #paging_setting_top .f-dropdown-menu.acrive_class_filttres { display: block !important; position: absolute !important; background: var(--white) !important; overflow: visible !important; height: fit-content; top: 50px !important; z-index: 9999; padding-bottom: 50px; animation-name: anmacjaOpacity; animation-duration: 0.5s; } /* #search.vivied_dwa #show_vide_bile img {filter: invert(1) brightness(0.3);} */ /* #search #show_vide_bile img {} */ #search.vivied_dwa #view_one_mobile img { filter: invert(0) brightness(1);} #search.vivied_dwa #view_two_mobile img,#view_one_mobile img { filter: brightness(0) saturate(100%) invert(28%) sepia(15%) saturate(765%) hue-rotate(176deg) brightness(91%) contrast(88%); } /* #view_one_mobile img {filter: invert(1) brightness(0.3);} */ /* #view_two_mobile */ div#show_vide_bile { position: absolute; right: 20px; z-index: 9; /* background: #e7e7e7; */ font-size: 20px; display: flex; gap: 10px; top: 70px; img {width: 24px;} } body #search.products.vivied_dwa .product__icon { height: 20.2rem !important; } /* body #search.vivied_dwa.products { align-items: flex-start !important; padding-top: 0px !important; display: block !important; } */ html body #search.vivied_dwa.products .product__icon img { max-height: 22rem; } html body #search.vivied_dwa.products .product img { transform: scale(1) !important; } body #search.vivied_dwa.products .product { padding: 10px 0px; flex: 0 0 100% !important; max-width: 100% !important; background: var(--twocolor); margin: 6px; } /* nowa */ /* body #container.search_page header.commercial_banner { top: 0px; position: absolute; z-index: 999; } body #container.search_page #content #paging_setting_top { position: absolute !important; z-index: 9999; width: 90%; top: 120px !important; } body #container.search_page .search_name { position: absolute !important; padding: 0px; margin: 0px; padding-top: 10px; top: 50px; } body #container.search_page #search.products {top: 270px !important;} */ } </style></div><div class="menu_button_wrapper"> <style> .FTChat_custom_bar { opacity: 0; display: none; } .material-icons {color: #fff;} .public-launcher.public-launcher-bubble .material-icons::after {content: "CHAT START"; font-family: Arial;color:#fff} .public-questionnaire-header-icon.material-icons {display: none !important;} #fcc-chat-ydtxaxkspbxhkewwml5k8sxdpi { bottom: 20px !important; right: 30px !important; } #centrum_pokmocy_fiszka #close_czat:before { content: '\E897'; font-family: FontAwesome; font-size: 1.2rem; position: absolute; left: 20px; color: #fff; top: 5px; } @keyframes chat_animation { from { opacity: 0; } to { opacity: 1; } } .FTChat_bar { animation-name: chat_animation; animation-duration: 5s; } .FTChat_bar.br, .FTChat_bar.tr, .FTChat_window.br, .FTChat_window.tr { padding-left: 50px; } .icons_czat img { width: 56px; position: absolute; left: -25px; top: -1px; } .FTChat_custom_bar { background: #d2bc66 !important; right: -50px !important; bottom: 10% !important; padding-right: 60px !important; transition: all 0.5s; } .FTChat_custom_bar:hover { right: 0px !important; transition: all 0.5s; } .FTChat_bar.bc, .FTChat_bar.bl, .FTChat_bar.br, .FTChat_window.bc, .FTChat_window.bl, .FTChat_window.br { box-shadow: none !important; border-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; } .FTChat_custom_bar span small { display: block; font-size: 11px; text-transform: uppercase; } @media only screen and (max-width:728px) { #fcc-chat-ydtxaxkspbxhkewwml5k8sxdpi { bottom: 80px !important; } .FTChat_custom_bar { background: #d2bc66 !important; right: -170px !important; bottom: 10% !important; padding-right: 60px !important; transition: all 0.5s; } } </style> <script type="text/javascript"> // pl ydtxaxkspbxhkewwml5k8sxdpi // en xyzv75mrzrznejb048em5ughpr ( function () { var s = document.createElement( "script" ), e = document.getElementsByTagName( "script" )[ 0 ]; s.type = "text/javascript"; s.async = true; s.src = "https://chat.fcc-online.pl/chat/widget.min.js"; s.setAttribute( 'data-wid', `ydtxaxkspbxhkewwml5k8sxdpi` ); e.parentNode.insertBefore( s, e ); } )(); </script> <style> .infolinia a { background-size: contain !important; padding-left: 51px; font-size: 24px;text-align: center; } .infolinia a { background-color: none !important; border-radius: 10px;} .infolinia strong{display: block;} </style> <div id="czat_main_content"> <div class="text_czat"> <div id="czat_main_box" class="dzialł"> <style> body #centrum_pokmocy_fiszka {display:none } iframe#fcc-chat-ydtxaxkspbxhkewwml5k8sxdpi { display: none !important; inset: auto 0px -160px auto ; visibility: hidden; } #czat_main_content {display:block !important;} </style> <div class="icon_czat"><img src="/data/include/cms/mme/czat/czat_icon.svg?v=1698926292361" alt="czat metal market europe"> <p><strong>Czat on-line</strong> <small>& Centrum pomocy</small> </p> </div> </div> <script> document.querySelector("#czat_main_box").innerHTML = ` ${langEn ? ` <div class="icon_czat"><img src="/data/include/cms/mme/czat/czat_icon.svg?v=1698926292361" alt="czat metal market europe"/> <p><strong>Online chat</strong> <small>& Help Center</small> </p> </div>` : ""} ${langPl ? ` <div class="icon_czat"><img src="/data/include/cms/mme/czat/czat_icon.svg?v=1698926292361" alt="czat metal market europe"/> <p><strong>Czat on-line</strong> <small>& Centrum pomocy</small> </p> </div>` : ""} ${langDe ? ` <div class="icon_czat"><img src="/data/include/cms/mme/czat/czat_icon.svg?v=1698926292361" alt="czat metal market europe"/> <p><strong>Online-Chat</strong> <small>& Hilfezentrum</small> </p> </div>` : ""} ${langEs ? ` <div class="icon_czat"><img src="/data/include/cms/mme/czat/czat_icon.svg?v=1698926292361" alt="czat metal market europe"/> <p><strong>Chat en línea</strong> <small>& Centro de ayuda</small> </p> </div>` : ""} ${langCs ? ` <div class="icon_czat"><img src="/data/include/cms/mme/czat/czat_icon.svg?v=1698926292361" alt="czat metal market europe"/> <p><strong>Online chat</strong> <small>& Centrum pomoci</small> </p> </div>` : ""} ${langFr ? ` <div class="icon_czat"><img src="/data/include/cms/mme/czat/czat_icon.svg?v=1698926292361" alt="czat metal market europe"/> <p><strong>Chat en ligne</strong> <small>& Centre d'aide</small> </p> </div>` : ""} ${langHu ? ` <div class="icon_czat"><img src="/data/include/cms/mme/czat/czat_icon.svg?v=1698926292361" alt="czat metal market europe"/> <p><strong>Online chat</strong> <small>& Segítségközpont</small> </p> </div>` : ""} ${langIt ? ` <div class="icon_czat"><img src="/data/include/cms/mme/czat/czat_icon.svg?v=1698926292361" alt="czat metal market europe"/> <p><strong>Chat online</strong> <small>& Centro assistenza</small> </p> </div>` : ""} ` </script> </div> </div> <div id="centrum_pokmocy_fiszka"> <div id="close_czat"></div> <div class="centrum_pokmocy_fiszka_head"> <a href="https://www.metalmarket.eu/lng/info/centrum-pomocy-533.html"> <img src="/data/include/cms/metal_market/icon/help_icon.svg?v=1654505383595" alt="help icon"> <p> Centrum pomocy </p> </a> </div> <script> document.querySelector(".centrum_pokmocy_fiszka_head a p").innerHTML = ` ${langEn ? "Help Center" : ""} ${langPl ? "Centrum pomocy" : ""} ${langDe ? "Hilfezentrum" : ""} ${langEs ? "Centro de ayuda" : ""} ${langCs ? "Centrum pomoci" : ""} ${langFr ? "Centre d'aide" : ""} ${langHu ? "Segítségközpont" : ""} ${langIt ? "Centro assistenza" : ""} ` </script> <div class="infolinia"> <a href="tel:+48226238561" class=""> <strong style="font-size: 14px;">Zadzwoń do nas!</strong> <strong>+48 22 623 85 61</strong> </a></div> <script> document.querySelector(".infolinia a").innerHTML = ` ${langEn ? `` : ""} ${langPl ? `<strong style="font-size: 14px;">Zadzwoń do nas!</strong> <strong>+48 22 623 85 61</strong>` : ""} ${langDe ? `` : ""} ${langEs ? `` : ""} ${langCs ? `` : ""} ${langFr ? `` : ""} ${langHu ? `` : ""} ${langIt ? `` : ""} ` </script> <div class="main_centrum_box"> <div class="box"> <a href="https://www.metalmarket.eu/lng/info/wysylka-i-dostawa-531.html"> <div class="img_centrum"> <img src="/data/include/cms/mme/centrum-pomocy/icons/wysylka.svg?v=1666100838228" alt="wysyłka"> </div> <p> Wysyłka i dostawa </p> </a> </div> <div class="box"> <a href="https://www.metalmarket.eu/lng/info/metody-platnosci-527.html"> <div class="img_centrum"> <img src="https://www.metalmarket.eu/data/include/cms/mme/centrum-pomocy/_platnosci.svg" alt="płatności"> </div> <p> Metody płatności </p> </a> </div> <div class="box"> <a href="https://www.metalmarket.eu/lng/info/realizacja-zamowienia-524.html"> <div class="img_centrum"> <img src="https://www.metalmarket.eu/data/include/cms/mme/centrum-pomocy/_realizacja.svg" alt="realizacja"> </div> <p> Realizacja Zamówienia </p> </a> </div> <div class="box"> <a href="https://www.metalmarket.eu/lng/info/zwrot-i-reklamacje-528.html"> <div class="img_centrum"> <img src="https://www.metalmarket.eu/data/include/cms/mme/centrum-pomocy/_zwrot.svg" alt="zwrot"> </div> <p> Zasady reklamacji </p> </a> </div> <div class="box"> <a href="https://www.metalmarket.eu/lng/info/bezpieczenstwo-532.html"> <div class="img_centrum"> <img src="https://www.metalmarket.eu/data/include/cms/mme/centrum-pomocy/_bezpieczenstwo.svg" alt="bezpieczenstwo"> </div> <p> Bezpieczeństwo </p> </a> </div> <div class="box"> <a href="https://www.metalmarket.eu/lng/info/regulaminy-529.html"> <div class="img_centrum"> <img src="https://www.metalmarket.eu/data/include/cms/mme/centrum-pomocy/_regulamin.svg" alt="regulamin"> </div> <p> Regulaminy </p> </a> </div> <div class="box"> <a href="https://www.metalmarket.eu/lng/info/strefa-wiedzy-592.html"> <div class="img_centrum"> <img src="/data/include/cms/mme/centrum-pomocy/icons/strefa_wiedzy.svg?v=1665757733168" alt="strefa wiedzy"> </div> <p> Strefa wiedzy </p> </a> </div> <div class="box"> <a href="https://www.metalmarket.eu/lng/info/czesto-zadawane-pytania-591.html"> <div class="img_centrum"> <img src="/data/include/cms/mme/centrum-pomocy/icons/czeste_pytania.svg?v=1665757733169" alt="czeste pytania"> </div> <p>Faq</p> </a> </div> </div> </div> <script> document.querySelector(".main_centrum_box").innerHTML = ` <div class="box"> <a href="https://www.metalmarket.eu/lng/info/wysylka-i-dostawa-531.html"> <div class="img_centrum"> <img src="/data/include/cms/mme/centrum-pomocy/icons/wysylka.svg?v=1666100838228" alt="wysyłka"> </div> <p> ${langEn ? "Shipping and delivery" : ""} ${langPl ? "Wysyłka i dostawa" : ""} ${langDe ? "Versand und Lieferung" : ""} ${langEs ? "Envío y entrega" : ""} ${langCs ? "Doprava a doručení" : ""} ${langFr ? "Expédition et livraison" : ""} ${langHu ? "Szállítás és kézbesítés" : ""} ${langIt ? "Spedizione e consegna" : ""} </p> </a> </div> <div class="box"> <a href="https://www.metalmarket.eu/lng/info/metody-platnosci-527.html"> <div class="img_centrum"> <img src="https://www.metalmarket.eu/data/include/cms/mme/centrum-pomocy/_platnosci.svg" alt="płatności"> </div> <p> ${langEn ? "Payment methods" : ""} ${langPl ? "Metody płatności" : ""} ${langDe ? "Zahlungsmethoden" : ""} ${langEs ? "Métodos de pago" : ""} ${langCs ? "Platební metody" : ""} ${langFr ? "Méthodes de paiement" : ""} ${langHu ? "Fizetési módok" : ""} ${langIt ? "Metodi di pagamento" : ""} </p> </a> </div> <div class="box"> <a href="https://www.metalmarket.eu/lng/info/realizacja-zamowienia-524.html"> <div class="img_centrum"> <img src="https://www.metalmarket.eu/data/include/cms/mme/centrum-pomocy/_realizacja.svg" alt="realizacja"> </div> <p> ${langEn ? "Order Fulfillment" : ""} ${langPl ? "Realizacja Zamówienia" : ""} ${langDe ? "Auftragsabwicklung" : ""} ${langEs ? "Procesamiento del pedido" : ""} ${langCs ? "Vyřízení objednávky" : ""} ${langFr ? "Traitement de la commande" : ""} ${langHu ? "Rendelés teljesítése" : ""} ${langIt ? "Evasione dell'ordine" : ""} </p> </a> </div> <div class="box"> <a href="https://www.metalmarket.eu/lng/info/zwrot-i-reklamacje-528.html"> <div class="img_centrum"> <img src="https://www.metalmarket.eu/data/include/cms/mme/centrum-pomocy/_zwrot.svg" alt="zwrot"> </div> <p> ${langEn ? "Complaint Policy" : ""} ${langPl ? "Zasady reklamacji" : "" } ${langDe ? "Reklamationsrichtlinien" : ""} ${langEs ? "Política de reclamaciones" : ""} ${langCs ? "Reklamační podmínky" : ""} ${langFr ? "Politique de réclamation" : ""} ${langHu ? "Reklamációs szabályzat" : ""} ${langIt ? "Politica di reclamo" : ""} </p> </a> </div> <div class="box"> <a href="https://www.metalmarket.eu/lng/info/bezpieczenstwo-532.html"> <div class="img_centrum"> <img src="https://www.metalmarket.eu/data/include/cms/mme/centrum-pomocy/_bezpieczenstwo.svg" alt="bezpieczenstwo"> </div> <p> ${langEn ? "Safety" : ""} ${langPl ? "Bezpieczeństwo" : ""} ${langDe ? "Sicherheit" : ""} ${langEs ? "Seguridad" : ""} ${langCs ? "Bezpečnost" : ""} ${langFr ? "Sécurité" : ""} ${langHu ? "Biztonság" : ""} ${langIt ? "Sicurezza" : ""} </p> </a> </div> <div class="box"> <a href="https://www.metalmarket.eu/lng/info/regulaminy-529.html"> <div class="img_centrum"> <img src="https://www.metalmarket.eu/data/include/cms/mme/centrum-pomocy/_regulamin.svg" alt="regulamin"> </div> <p>${langEn ? "Terms and Conditions" : ""} ${langPl ? "Regulaminy" : "" } ${langDe ? "Allgemeine Geschäftsbedingungen" : ""} ${langEs ? "Términos y Condiciones" : ""} ${langCs ? "Obchodní podmínky" : ""} ${langFr ? "Conditions générales" : ""} ${langHu ? "Általános Szerződési Feltételek" : ""} ${langIt ? "Termini e Condizioni" : ""} </p> </a> </div> <div class="box"> <a href="https://www.metalmarket.eu/lng/info/strefa-wiedzy-592.html"> <div class="img_centrum"> <img src="/data/include/cms/mme/centrum-pomocy/icons/strefa_wiedzy.svg?v=1665757733168" alt="strefa wiedzy"> </div> <p> ${langEn ? "Knowledge Zone" : ""} ${langPl ? "Strefa wiedzy" : "" } ${langDe ? "Wissensbereich" : ""} ${langEs ? "Zona de conocimiento" : ""} ${langCs ? "Zóna znalostí" : ""} ${langFr ? "Zone de connaissance" : ""} ${langHu ? "Tudás zóna" : ""} ${langIt ? "Zona di conoscenza" : ""} </p> </a> </div> <div class="box"> <a href="https://www.metalmarket.eu/lng/info/czesto-zadawane-pytania-591.html"> <div class="img_centrum"> <img src="/data/include/cms/mme/centrum-pomocy/icons/czeste_pytania.svg?v=1665757733169" alt="czeste pytania"> </div> <p>Faq</p> </a> </div> ` <script> document.querySelector("#czat_main_box").innerHTML = ` ${langEn ? ` <div class="icon_czat"><img src="/data/include/cms/mme/czat/czat_icon.svg?v=1698926292361" alt="czat metal market europe"/> <p><strong>Online chat</strong> <small>& Help Center</small> </p> </div>` : ""} ${langPl ? ` <div class="icon_czat"><img src="/data/include/cms/mme/czat/czat_icon.svg?v=1698926292361" alt="czat metal market europe"/> <p><strong>Czat on-line</strong> <small>& Centrum pomocy</small> </p> </div>` : ""} ${langDe ? ` <div class="icon_czat"><img src="/data/include/cms/mme/czat/czat_icon.svg?v=1698926292361" alt="czat metal market europe"/> <p><strong>Online-Chat</strong> <small>& Hilfezentrum</small> </p> </div>` : ""} ${langEs ? ` <div class="icon_czat"><img src="/data/include/cms/mme/czat/czat_icon.svg?v=1698926292361" alt="czat metal market europe"/> <p><strong>Chat en línea</strong> <small>& Centro de ayuda</small> </p> </div>` : ""} ${langCs ? ` <div class="icon_czat"><img src="/data/include/cms/mme/czat/czat_icon.svg?v=1698926292361" alt="czat metal market europe"/> <p><strong>Online chat</strong> <small>& Centrum pomoci</small> </p> </div>` : ""} ${langFr ? ` <div class="icon_czat"><img src="/data/include/cms/mme/czat/czat_icon.svg?v=1698926292361" alt="czat metal market europe"/> <p><strong>Chat en ligne</strong> <small>& Centre d'aide</small> </p> </div>` : ""} ${langHu ? ` <div class="icon_czat"><img src="/data/include/cms/mme/czat/czat_icon.svg?v=1698926292361" alt="czat metal market europe"/> <p><strong>Online chat</strong> <small>& Segítségközpont</small> </p> </div>` : ""} ${langIt ? ` <div class="icon_czat"><img src="/data/include/cms/mme/czat/czat_icon.svg?v=1698926292361" alt="czat metal market europe"/> <p><strong>Chat online</strong> <small>& Centro assistenza</small> </p> </div>` : ""} ` </script></script> <script defer=""> const getCZatMain = document.querySelector( "#czat_main_box" ); const logoget = document.querySelector( "#logo" ); getCZatMain.addEventListener( "click", function () { logoget.classList.add( 'Niedzialł' ) getCZatMain.insertAdjacentHTML( "afterbegin", ` <style> #centrum_pokmocy_fiszka { right: 0px !important; transition: all 0.5s !important;} iframe#fcc-chat-ydtxaxkspbxhkewwml5k8sxdpi { display: none !important; inset: auto 0px 0px auto; visibility: visible !important; } #centrum_pokmocy_fiszka {display:block !important;} #czat_main_content {display:none !important;opacity:0} </style> `); } ); const ifrmeGeta = document.querySelector( "#fcc-chat-ydtxaxkspbxhkewwml5k8sxdpi" ); document.addEventListener( "DOMContentLoaded", ( event ) => { try { if ( localStorage.getItem( "czatCokiea" ) != "1" ) { getCZatMain.classList.add( 'dzialł' ) getCZatMain.insertAdjacentHTML( "afterbegin", ` <style> body #centrum_pokmocy_fiszka {display:none } iframe#fcc-chat-ydtxaxkspbxhkewwml5k8sxdpi { display: none !important; inset: auto 0px -160px auto ; visibility: hidden; } #czat_main_content {display:block !important;} </style> `); } logoget.addEventListener( "click", function () { // localStorage.setItem( "czatCokiea", "0" ); logoget.classList.add( 'Niedzialł' ) getCZatMain.insertAdjacentHTML( "afterbegin", ` <style> #centrum_pokmocy_fiszka {display:block !important} iframe#fcc-chat-ydtxaxkspbxhkewwml5k8sxdpi { display: none !important; inset: auto 0px 0px auto; visibility: visible !important; } #centrum_pokmocy_fiszka {display:block !important;} #czat_main_content {display:none !important} </style> `); } ); } catch ( e ) { return false; } } ); document.querySelector("#close_czat").addEventListener("click",function(){ document.querySelector("#centrum_pokmocy_fiszka").remove() }) </script> <style> iframe#fcc-chat-ydtxaxkspbxhkewwml5k8sxdpi { display: none !important; inset: auto 0px 0px auto; visibility: hidden; } #czat_main_content { display: block ; } </style> <style> .box img {display: block;height: auto !important;} .img_centrum { height: 40px; display: flex; align-items: center; justify-content: center; } #centrum_pokmocy_fiszka { position: fixed; bottom: 110px; right: -300px; max-width: 300px; background: #f5f6fa; z-index: 9999; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; transition: all 0.5s; } #centrum_pokmocy_fiszka .main_centrum_box { display: grid; grid-template-columns: 1fr 1fr; gap: 0px; } #centrum_pokmocy_fiszka .main_centrum_box .box { border-radius: 10px; padding: 5px; margin: 5px; } #centrum_pokmocy_fiszka .main_centrum_box .box:hover { background: #fff; } .main_centrum_box p { font-size: 11px; padding: 0px; margin: 0px; } .centrum_pokmocy_fiszka_head { z-index: 999; } .centrum_pokmocy_fiszka_head a { display: flex; align-items: center; justify-content: center; font-weight: bold; background: #03a84e; color: #fff; border-top-left-radius: 10px; border-top-right-radius: 0px; } #centrum_pokmocy_fiszka .centrum_pokmocy_fiszka_head a img { max-width: 20px; width: 20px; } .centrum_pokmocy_fiszka_head a p { color: #fff; padding: 5px; } .icon_czat { display: flex; } #czat_main_content { position: fixed; bottom: 110px; right: -20px; display: flex; gap: 10px; align-content: center; align-items: center; cursor: pointer; border: solid 1px #cccccc3e; padding: 10px 10px; padding-right: 30px; background: #03a84e; color: #fff; text-transform: uppercase; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } /* .text_czat div,.text_czat a{padding: 5px;} */ #czat_main_content:hover { background: #04863e; } .icon_czat { position: relative; padding: 0px 6px; border-radius: 5px; } .icon_czat p { padding-left: 5px; text-align: left; display: flex ; flex-direction: column; justify-content: center; } .icon_czat img { /* width: 50px;position: absolute;left: -20px; */ max-width: 40px; } #czat_main_box { padding-bottom: 3px 3px; display: flex; align-items: center; } #czat_main_content .text_czat { font-size: 12px; } #czat_main_content .text_czat a { font-size: 12px; display: flex; color: #fff; text-decoration: none; padding-top: 5px; align-items: center; } #czat_main_content:hover { transition: all 0.5s; right: 0px; } #centrum_pokmocy_fiszka .img_centrum img { max-width: 60px; width: 60px; } #centrum_pokmocy_fiszka .centrum_pokmocy_fiszka_head img { max-width: 20px; width: 50px; } #centrum_pokmocy_fiszka { text-align: center; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } /* #centrum_pokmocy_fiszka { display: none } */ @media only screen and (max-width: 900px) { .icon_czat p { padding-left: 5px; text-align: left; display: flex ; flex-direction: column; justify-content: center; color: #03a84e; } #centrum_pokmocy_fiszka {bottom:190px ;} #czat_main_content { position: fixed; bottom: 90px; width: 200px; right: -112px !important; } } </style> </div><div class="menu_button_wrapper"><script> const addtextLang = document.querySelector("#menu_settings .open_trigger"); addtextLang.insertAdjacentHTML("beforebegin", ` <div class="menu_settings_header"> </div> `); </script> <script> const getClassa = document.querySelectorAll(".label.--disable") getClassa.forEach(function (ixdaa) { ixdaa.parentElement.parentElement.parentElement.classList.add("termin_wyslki_deled"); }) </script> <style> .produx_size { justify-content: space-between !important; } .produx_size .product__icon { height: 23rem !important; margin-bottom: 1rem; position: relative; border-radius: 0; overflow: visible !important; } .produx_size .product__icon img { max-height: 24.2rem !important; } .bnt_show_hide { display: flex; flex-direction: row-reverse; align-items: center; &:hover {background: var(--lightyellow);color: var(--darkyello);} } body #content #baner_show_hide_filter { top: 42px !important; border-right: solid 1px #fff; border-radius: 0px; left: -103px; } #baner_show_hide_filter small { font-size: 9px; display: block; /* white-space: pre; */ /* position: absolute; */ /* width: 120px; */ z-index: 3; text-transform: uppercase; /* top: -28px; */ width: 62px; padding-left: 10px; } .produx_size .product__icon img { max-height: 25.2rem !important; } .produx_size .product__icon { height: 20rem; margin-bottom: 1rem; position: relative; border-radius: 0; overflow: visible !important; } .bnt_show_hide_back { border: solid 1px var(--darkyello); } #Filters { position: relative; } .termin_wyslki_deled .product__shippingTime { visibility: hidden; } </style> <style> #projector_longdescription { margin-top: 20px; position: static; } .bar_Hide { display: none !important; } #baner_show_hide_filter_back { position: fixed; top: 45%; -webkit-transform: scaleX(-1); transform: scaleX(-1); margin-left: -11px; cursor: pointer; z-index: 9999999; /* background-color: #e3e3e3; */ display: none; } .max_width { flex: 0 0 100% !important; max-width: 100% !important; } #baner_show_hide_filter { cursor: pointer; position: absolute; top: -10px; z-index: 9; background: #03a84e; right: auto; left: -90px; } #baner_show_hide_filter img { width: 17px; position: relative; right: -3px; } #baner_show_hide_filter { border: solid 1px #c8c7c7; background: #fff !important; border-radius: 5px; margin-right: 10px; top: 0px !important; } #baner_show_hide_filter:hover { background: var(--green) !important; color: #fff; } @keyframes animate_fade_bar { 0% { right: -15px; opacity: 0; } 100% { right: 0px; opacity: 1; } } #paging_setting_top { position: relative; } .produx_size .product { max-width: 19% !important; /* transition: all 1s; */ } .produx_size .rotation_product_btn { top: 190px; } img.bnt_show_hide { /* transition: all 1s; */ position: relative; /* transition: all 1s; */ /* width: 20px; */ /* background: #f1f1f1; */ padding-top: 0px; padding-bottom: 0px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; /* width: 26px; height: 50px; */ top: -3px; } #Filters { border-right: solid 1px #e3e3e3; } .bnt_show_hide:hover { /* background: #fcfcfc; */ border-radius: 1px; } .invert_rotation .bnt_show_hide { -webkit-transform: scaleX(-1); transform: scaleX(-1); display: none; /* transform: rotate(180deg);*/ /* transition: all 1s; */ /* background: #fff; */ opacity: 0.5 } @media (max-width:900px) { #baner_show_hide_filter { display: none; } } </style> <script> function bar_filter() { const getMainfilter = document.querySelector("#paging_setting_top"); getMainfilter.insertAdjacentHTML( "beforeend", `<div id="baner_show_hide_filter"> <div class="bnt_show_hide"> <small> ${langEn ? "Turn off filters" : ""} ${langPl ? "Wyłącz filtry" : ""} ${langRo ? "Dezactivează filtrele" : ""} ${langDe ? "Filter ausschalten" : ""} ${langEs ? "Desactivar filtros" : ""} ${langCs ? "Vypněte filtry" : ""} ${langFr ? "Désactiver les filtres" : ""} ${langHu ? "Szűrők kikapcsolása" : ""} ${langIt ? "Disattiva filtri" : ""} ${langBg ? "Деактивиране на филтри" : ""} </small> <img src="https://www.metalelokacyjne.pl/data/include/cms/metal_market/icon/arrow_bok_wstecz.svg" alt="hide filters"> </div> </div>` ); const getBntfilter = document.querySelector("#baner_show_hide_filter"); const getBarfilter = document.querySelector("#layout aside"); const getConterntmain = document.querySelector("#content"); const getCproduct_main = document.querySelector("#search"); const getMainfiltera = document.querySelector("#content"); const bnt_show_hide_back = document.querySelector(".bnt_show_hide_back"); const bnt_show_hide = document.querySelector(".bnt_show_hide"); getMainfiltera.insertAdjacentHTML( "afterbegin", `<div id="baner_show_hide_filter_back"> <img class="bnt_show_hide_back" src="https://www.metalelokacyjne.pl/data/include/cms/metal_market/icon/arrow_bok_wstecz.svg" alt="show filters"> </div>` ); bnt_show_hide.addEventListener("click", function () { localStorage.setItem("bar_left", "6"); getBarfilter.classList.add("bar_Hide"); getConterntmain.classList.add("max_width"); getCproduct_main.classList.add("produx_size"); getBntfilter.classList.add("invert_rotation"); document.querySelector("#baner_show_hide_filter_back").style.display = "block"; }); document.querySelector("#baner_show_hide_filter_back").addEventListener("click", function () { localStorage.setItem("bar_left", "5"); getBarfilter.classList.remove("bar_Hide"); getConterntmain.classList.remove("max_width"); getCproduct_main.classList.remove("produx_size"); getBntfilter.classList.remove("invert_rotation"); document.querySelector("#baner_show_hide_filter_back").style.display = "none"; }); if (localStorage.getItem("bar_left") == "6") { getBarfilter.classList.add("bar_Hide"); getConterntmain.classList.add("max_width"); getCproduct_main.classList.add("produx_size"); getBntfilter.classList.add("invert_rotation"); document.querySelector("#baner_show_hide_filter_back").style.display = "block"; } if (localStorage.getItem("bar_left") == "5") { getBarfilter.classList.remove("bar_Hide"); getConterntmain.classList.remove("max_width"); getCproduct_main.classList.remove("produx_size"); getBntfilter.classList.remove("invert_rotation"); document.querySelector("#baner_show_hide_filter_back").style.display = "none"; } } if (window.innerWidth > 1000) { window.addEventListener("DOMContentLoaded", () => { bar_filter(); }); } </script></div><div class="menu_button_wrapper"><script> window.addEventListener("DOMContentLoaded",()=> { const urlfilters = window.location.href; if (urlfilters.includes("filter_traits")) { document.querySelectorAll("meta").forEach(x => { if (x.getAttribute("content") && x.getAttribute("content").includes("follow")) { x.setAttribute("content", "noindex,nofollow"); } }) } } ) </script></div><div class="menu_button_wrapper"><style> #menu_kafelki { display: none !important; .monety_box { a { color: var(--maincolor); text-decoration: none; border-bottom: solid 1px #ccc; padding: 15px 0px; width: 100%; display: block; text-align: left; padding-left: 10px !important; position: relative; font-size: 18px; font-weight: normal; } } } ._phone_mail_box a { color: var(--green) } #mobileCategories.mobileCategories { display: none !important; } ._phone_mail_box:nth-child(1) { margin-top: 50px; } ._phone_mail_box { color: var(--green) !important; font-weight: 400; font-size: 17px; width: 100%; margin: auto; border: solid 2px var(--green); text-align: center; padding: 10px 30px; border-radius: 70px; margin-bottom: 10px; } #login_menu_block span { color: var(--maincolor); text-decoration: none; /* border-bottom: solid 1px #ccc; */ padding: 5px 0px; width: 100%; display: block; text-align: left; padding-left: 10px; position: relative; font-size: 18px; font-weight: normal; } .monety_box b { font-weight: bold !important; } #login_menu_block i { display: none; } .logout_link span { color: #c31515 !important; font-weight: bold; } .rabates_link { display: none !important; } #help_desk { display: none; } #help_desk.active { display: block !important; } #menu_navbar #menu_kafelki { margin-top: 0px; max-width: 100% !important; } #menu_kafelki .submenu.active a::after { display: none !important; } #mobileCategories.mobileCategories { display: grid; grid-template-columns: repeat(4, 1fr); } #mobileCategories .mobileCategories__link img { max-width: 20px; margin-bottom: 3px; } .mobileCategories__item.--menu a:before { display: none !important; } #mobileCategories .mobileCategories__item a { background: var(--twocolor) !important; color: var(--maincolor) !important; } #mobileCategories .mobileCategories__link.--active img { filter: brightness(0) saturate(100%) invert(53%) sepia(24%) saturate(7497%) hue-rotate(83deg) brightness(103%) contrast(102%); } #mobileCategories .mobileCategories__item a.--active { background: #fff !important; } #mobileCategories .mobileCategories__item { border-left: solid 1px #ccc; } .none_arrow::after { display: none !important; } @keyframes menuAnimation { from { right: -100%; } to { right: 0%; } } @keyframes menuAnimationHide { from { /* opacity:0; */ transform: translate(0, 0px); } to { /* opacity:1; */ transform: translate(-100%, 0px); } } .head_menu_title { font-size: 23px; font-weight: normal; padding-left: 10px; padding-top: 10px; color: var(--maincolor); border: none !important; } #menurwd_main li a:hover:after { display: none !important; } .submenu { animation: menuAnimation 0.3s ease-out; } html.sidebar_open #menu_search { margin-top: 20px; } #menu_kafelki ul { padding-left: 0px !important; } .head_infoMenu { font-weight: bold; } .monety_box a:hover { background: var(--twocolor); color: var(--green); } .monety_box a::after { background: url(/data/include/cms/mme/arrwo.svg?v=1729687120347) no-repeat; width: 15px; background-size: 90%; display: block; content: ''; right: 10px; position: absolute; top: 18px; height: 40px; } #menurwd_main a.head_infoMenu { padding-left: 20px !important; font-size: 28px; } a.head_infoMenu::after { display: none; } .head_infoMenu::before { background: url(/data/include/cms/mme/arrwo.svg?v=1729687120347) no-repeat; width: 16px; background-size: 100%; display: block; content: ''; left: 0px; position: absolute; top: 21px; height: 24px; transform: rotate(-180deg); } .submenu li { display: block; } .close { position: relative; right: 20px; top: -54px; } .mennice_main.active_mennia { display: block; width: 100% !important; } .mobileCategories__item a { background: #414c5c !important; color: #fff !important } .mobileCategories__item a.--active { background: #2d3540 !important; color: #fff !important } /* /data/include/cms/mme/arrwo.svg?v=1729687120347 */ #menu_navbar #menu_kafelki { margin-top: 0px; max-width: 200px; } #menu_kafelki { display: flex; /* grid-template-columns: 1fr 1fr; */ gap: 0px; flex-direction: column; } .monety_box h3 { font-size: 14px !important; text-align: center; padding: 0px; margin: 0px; font-size: 12px; } .btn_menurwd_box { text-align: left; grid-column-start: 1; grid-column-end: 3; } .btn_menurwd_box h3 { text-align: left; } .btn_menurwd_box a { padding: 20px 0px; border-top: solid 1px #f5f6fa; border-bottom: solid 1px #f5f6fa; display: block; width: 100%; text-align: left; padding-left: 10px; background: url("/data/include/cms/mme/menurwd_mme/arrow_left.svg?v=1692191643890") right 10px center no-repeat; background-size: 7%; background-color: #f5f6fa; } #menu_navbar .submenu li a { border-top: solid 1px #f5f6fa !important; border-bottom: solid 1px #f5f6fa !important; padding-left: 10px !important; } #menu_navbar .submenu li a.head_infoMenu { padding-left: 20px !important; } .monety_box img { border-radius: 3px; } aside #menu_search .menu_search__block { margin-top: 0px; margin-bottom: 20px; } .close { position: relative; right: 20px; top: -60px; } .setMobileGrid #menu_navbar .mx-md-n2 { display: none } .menu_lista a:visited { color: #404040; } .submenu { display: none; } .submenu.active { display: block; position: absolute; background: #fff; width: 93%; z-index: 99; top: 60px; height: 120vh; } .menu_lista a:focus { color: #d4b471; } .menu_lista { background: #fff; width: 100%; height: 100%; z-index: 999; } #menu_sub .menu_sub li, #menu_sub_serie .menu_sub li { list-style: none !important; } .menu_sub li a { text-decoration: none; font-size: 15px; font-weight: bold; display: block; width: 100%; padding: 15px 0px; border-bottom: solid 1px #f5f6fa; text-align: left; } #menu_sub_serie .images_seria { margin-bottom: 10px; min-height: 120px; } .menu_lista { overflow-y: scroll; } /* #menurwd_main {display:none;} */ #menurwd_main { display: block; width: 98%; overflow: hidden; } @media (max-width: 1000px) { #container #menu_settings .form-group .f-dropdown-menu { display: none !important; } #menurwd_main { display: block; } .main_page header.commercial_banner.custom-menu-bg { z-index: 9 !important } } @media (max-width:1100px) { #mobileCategories.mobileCategories { display: grid !important; } .slm_lists__label { display: none !important; } #menu_kafelki { display: flex !important; } } #mobileCategories { background: var(--twocolor); } .mobileCategories__item a { display: flex; flex-direction: column; align-items: center; justify-content: center; } @media (max-width: 978px) { html.sidebar_open aside { padding-top: 0; z-index: 999999 !important; } #menu_settings .radio label { border-bottom: 1px solid #c4c7c8; font-size: 1em; padding: 0 30px; display: flex; align-items: center; line-height: 40px; text-transform: uppercase; } #delivery_box #contry_head_chose { position: sticky; display: flex; top: 60px; background: #fff; z-index: 99; margin-bottom: 0px; flex-direction: row; align-content: flex-start; text-align: left; align-items: center; font-size: 12px; overflow: scroll; padding: 0px !important; justify-content: flex-start; position: fixed !important; } } </style> </div><div class="menu_button_wrapper"><style> #gift_box_new { display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; gap: 20px; /* align-items: center; */ margin-top: 20px; img { width: 60%; } &>div { border-radius: 10px; background-size: cover !important; background-position: right !important; overflow: hidden; transition: background-size 0.7s cubic-bezier(0.4, 0, 0.2, 1); display: flex; justify-content: center; align-items: center; padding: 20px 0px; position: relative; a { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 10; } &:hover { /* background-size: 110% !important; */ transition: background-size 0.7s cubic-bezier(0.4, 0, 0.2, 1); } &:hover::before { transform: scale(1.1); } } &>div:nth-child(1)::before { content: ""; position: absolute; inset: 0; background: url("https://www.metalelokacyjne.pl/data/include/cms/prezenty/new_giffth/narodziny.jpg?v=1761741970792") no-repeat; transition: transform 0.5s ease; width: 100%; height: 100%; z-index: 0; } &>div:nth-child(2)::before { content: ""; position: absolute; inset: 0; background: url("https://www.metalelokacyjne.pl/data/include/cms/prezenty/new_giffth/slub.jpg?v=1761742192650") no-repeat; transition: transform 0.5s ease; width: 100%; height: 100%; z-index: 0; background-position: right; } &>div:nth-child(3)::before { content: ""; position: absolute; inset: 0; background: url("https://www.metalelokacyjne.pl/data/include/cms/prezenty/new_giffth/christma.jpg?v=1761741970793") no-repeat; transition: transform 0.5s ease; width: 100%; height: 100%; z-index: 0; background-position: bottom right; } p.title_gift { font-size: 18px; color: #fff; } @media (max-width:728px) { grid-template-columns: repeat(3, minmax(300px, 200px)); overflow-x: scroll; height: 400px; &>div { scroll-snap-align: center; scroll-snap-type: x proximity; } &>div::before { background-size: cover !important; background-position: center center !important; } &>div:nth-child(2):before { background-size: cover !important; background-position: center right !important; } img { max-width: 50%; } } } </style> <div class="classin_inf"></div> <script> function giftPageBoks() { const getnameHrefGift = window.location.href; if ( getnameHrefGift.includes("-2738") || getnameHrefGift.includes("-2828") || getnameHrefGift.includes("-2827") || getnameHrefGift.includes("-2829") || getnameHrefGift.includes("-2830") ) { document.querySelector("#paging_setting_top").insertAdjacentHTML("beforebegin", ` <div id="gift_box_new"> <div> <a href="https://www.metalmarket.eu/lng/menu/urodziny-2828"> <img src="https://www.metalelokacyjne.pl/data/include/cms/prezenty/new_giffth/born.svg?v=1761742192650" alt=""> <p class="title_gift"> ${langEn ? "Birth" : ""} ${langPl ? "Narodziny" : ""} ${langDe ? "Geburt" : ""} ${langEs ? "Nacimiento" : ""} ${langCs ? "Narození" : ""} ${langFr ? "Naissance" : ""} ${langHu ? "Születés" : ""} ${langIt ? "Nascita" : ""} </p> </p> </a> </div> <div> <a href="https://www.metalmarket.eu/lng/menu/slub-2827"> <img src="https://www.metalelokacyjne.pl/data/include/cms/prezenty/new_giffth/slub_img.svg?v=1761742192649" alt=""> <p class="title_gift"> ${langEn ? "Wedding" : ""} ${langPl ? "Ślub" : ""} ${langDe ? "Hochzeit" : ""} ${langEs ? "Boda" : ""} ${langCs ? "Svatba" : ""} ${langFr ? "Mariage" : ""} ${langHu ? "Esküvő" : ""} ${langIt ? "Matrimonio" : ""} </p> </a> </div> <div> <a href="https://www.metalmarket.eu/lng/menu/christmas-2829"> <img src="https://www.metalelokacyjne.pl/data/include/cms/prezenty/new_giffth/banka.svg?v=1761742192650" alt=""> <p class="title_gift"> ${langEn ? "Christmas" : ""} ${langPl ? "Święta Bożego Narodzenia" : ""} ${langDe ? "Weihnachten" : ""} ${langEs ? "Navidad" : ""} ${langCs ? "Vánoce" : ""} ${langFr ? "Noël" : ""} ${langHu ? "Karácsony" : ""} ${langIt ? "Natale" : ""} </p> </a> </div> </div> ` ) } } </script> <script> function giftPageBoksCSS() { const getnameHrefGift = window.location.href; if ( getnameHrefGift.includes("-2738") || getnameHrefGift.includes("-2828") || getnameHrefGift.includes("-2827") || getnameHrefGift.includes("-2829") || getnameHrefGift.includes("-2830") ) { document.querySelectorAll(".filters__block.mb-1")[0].style.display= "block"; document.querySelectorAll(".filters__block.mb-1")[0].classList.add("giftbox"); document.querySelector("#paging_setting_top").insertAdjacentHTML("beforebegin", ` <div id="gift_box_new"> <style> #filter_traits10147_content, #filter_traits10147_expand {display: block !important;} .filters__block.mb-1.giftbox { border-radius: 10px; background: url(https://www.metalelokacyjne.pl/data/include/cms/mme/icons/main_page_icons_kafle/new/Artboard_1_copy.svg?v=1785146758640) 230px center no-repeat; background-color: #0c37251c; background-size: 37%; } </style> </div> ` ) } } giftPageBoksCSS() </script></div><div class="menu_button_wrapper"><script> // document.addEventListener("DOMContentLoaded", function () { const hrefa = window.location.href.toLowerCase(); const isNowosciPage = hrefa.includes("nowosci") || hrefa.includes("nowo%C5%9Bci".toLowerCase()) || hrefa.includes("nowości") || hrefa.includes("-850") || hrefa.includes("-851"); if (isNowosciPage) { const searchContainer = document.querySelectorAll("#search .product")[3]; searchContainer.insertAdjacentHTML( "beforebegin", `<div class="promo-nowosci" style="flex: 33%;"> <a href="https://metalmarket.eu/lng/parameters/2027-9979.html"> <div class="destow_sub_baner"> <img src="https://www.metalelokacyjne.pl/data/include/cms/promocje/lunar_goat/destp_.webp?v=1785243909040" " alt="" style="border-radius: 10px; max-width: 90%; display: flex; text-align: center; margin: auto;"> </div> <div class="destow_sub_baner_rwd"> <img src="https://www.metalelokacyjne.pl/data/include/cms/promocje/lunar_goat/rwd_main.webp?v=1785243909039" alt="" style="border-radius: 2px; max-width: 98%; display: flex; text-align: center; margin: auto;"> </div> </a> </div>` ); } // }); </script> </div><div class="menu_button_wrapper"><style> .basketedit_page .list_wrapper { display: none; } #basket-promo-items-x { overflow: hidden; } #basket-promo-items{cursor:grab;} #basket-promo-items .projector_details {cursor:pointer;} #basket-promo-items .slick-prev, #basket-promo-items .slick-next { display: block !important; } #basket-promo-items .slick-dots { position: absolute; bottom: -25px !important; } .extra_prduct_buy_content:hover .projector_details { display: block !important; } @media (max-width:1000px) { #basket-promo-items .slick-prev, #basket-promo-items .slick-next { display: none !important; } #basket-promo-items { overflow-y: hidden !important;} #basket-promo-items .slick-dots { position: absolute; bottom: 0px !important; gap:1px; } #basket-promo-items { display: flex !important; overflow-x: scroll !important; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; /* height: 200px; */ } #container.basketedit_page { #basket-promo-items img { max-width: 90px !important; mix-blend-mode: multiply; } } #container.basketedit_page { .basket-promo-section { margin-bottom: 20px; padding: 0px; background: #fff; border: 0px solid rgba(0, 0, 0, 0.08); border-radius: 16px; } } } </style> <script> function karuzeka() { $(document).ready(function () { $("#basket-promo-items").slick({ infinite: true, slidesToShow: 8, slidesToScroll: 8, autoplay: false, speed: 800, dots: true, arrows: true, responsive: [ { breakpoint: 500, settings: "unslick", dots: true, } ] // responsive: [ // { // breakpoint: 500, // settings: { // settings: "unslick", // slidesToShow: 3, // slidesToScroll: 6, // arrows: false, // dots: true, // } // }, // ], // responsive: [ // { // breakpoint: 768, // settings: { // arrows: false, // centerMode: true, // centerPadding: "0px", // slidesToShow: 3, // slidesToScroll: 3, // autoplay: true, // dots: true, // speed: 1500, // autoplaySpeed: 2500, // fade: false, // }, // }, // ], }); }) } setTimeout(karuzeka, 500) </script></div></section><script> const instalmentData = { currency: 'CZK', basketCost: parseFloat(0.00, 10), basketCostNet: parseFloat(0.00, 10), basketCount: parseInt(0, 10), price: parseFloat(18023.00, 10), priceNet: parseFloat(18023.00, 10), } </script><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "url": "https://www.metalmarket.eu/", "logo": "https://www.metalmarket.eu/data/gfx/mask/cze/logo_6_big.svg" } </script><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "item": { "@id": "https://www.metalmarket.eu/", "name": "Domovská stránka" }}, { "@type": "ListItem", "position": 2, "item": {"@id": "https://www.metalmarket.eu/cs/menu/stribro-2692", "name": "Stříbro" } }, { "@type": "ListItem", "position": 3, "item": {"@id": "https://www.metalmarket.eu/cs/menu/stribro/stribrne-mince-851", "name": "Stříbrné mince" } } , { "@type": "ListItem", "position": 4, "item": { "@id": "https://www.metalmarket.eu/cs/products/kookaburra-10-oz-silver-2024-9106", "name": "Kookaburra 10 oz Silver 2024" }} ] } </script><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "url": "https://www.metalmarket.eu/", "potentialAction": { "@type": "SearchAction", "target": "https://www.metalmarket.eu/search.php?text={search_term_string}", "query-input": "required name=search_term_string" } } </script><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Product", "description": "", "name": "Kookaburra 10 oz Silver 2024", "productID": "mpn:", "brand": { "@type": "Brand", "name": "The Perth Mint" }, "image": "https://www.metalmarket.eu/hpeciai/87851354b60d16500042f330e9326e1a/cze_pl_Kookaburra-10-oz-Silver-2024-9106_3.webp" , "offers": [ { "@type": "Offer", "availability": "https://schema.org/OutOfStock", "price": "18023.00", "priceCurrency": "CZK", "hasMerchantReturnPolicy": { "@type": "MerchantReturnPolicy" , "returnPolicyCategory": "https://schema.org/MerchantReturnNotPermitted", "applicableCountry": "US" }, "shippingDetails": { "@type": "OfferShippingDetails", "shippingRate": { "@type": "MonetaryAmount", "value": "86.00", "currency": "CZK" }, "shippingDestination": { "@type": "DefinedRegion", "addressCountry": "US" } , "freeShippingThreshold": { "@type": "MonetaryAmount", "value": "564972.00", "currency": "CZK" } }, "eligibleQuantity": { "value": "1", "unitCode": "szt.", "@type": [ "QuantitativeValue" ] }, "url": "https://www.metalmarket.eu/cs/products/kookaburra-10-oz-silver-2024-9106" } ] } </script><script> app_shop.vars.request_uri = "%2Fcs%2Fproducts%2Fkookaburra-10-oz-silver-2024-9106" app_shop.vars.additional_ajax = '/projector.php' </script><template id="expchck_header"><div class="expchck_header"><a class="expchck_header__previous" href="#expchckPreviousStep"></a><span class="expchck_header__name"></span></div></template><template id="expchck_status"><div class="expchck_status"><strong class="expchck_status__description"></strong></div></template><template id="expchck_countries"><div class="expchck_%s__item --country f-feedback"><select id="%s_region" name="%s_region" class="f-select" data-name="region" data-label="Stát: "></select></div></template><template id="expchck_provinces"><div class="expchck_%s__item --province f-feedback --hidden"><select name="%s_province" class="f-select" data-name="province"></select></div></template><template id="expchck_summary"><div class="expchck_summary"><div class="expchck_summary__wrapper --left"></div><div class="expchck_summary__wrapper --right"></div></div></template><template id="expchck_summary_address"><div class="expchck_summary_address"><div class="expchck_summary_address__label expchck_label"><strong class="expchck_label__name">Informace pro kupující</strong><span class="expchck_label__desc">Adresa bude uvedena na potvrzení o nákupu</span></div><div class="expchck_summary_address__wrapper"><strong class="expchck_summary_address__name"></strong><div class="expchck_summary_address__address"><span class="expchck_summary_address__street"></span><span class="expchck_summary_address__city"></span><span class="expchck_summary_address__phone_wrapper"><span class="expchck_summary_address__phone_label">Tel. příjemci: </span><span class="expchck_summary_address__phone"></span></span></div></div><div class="expchck_summary_address__invoice expchck_summary_invoice"><div class="expchck_summary_invoice__switch"><span class="expchck_summary_invoice__switch_text">Přeji si obdržet fakturu</span><div class="f-group --switch"><input type="checkbox" class="f-control" name="invoice" id="expchck_summary_invoice_change"><label class="f-label" for="expchck_summary_invoice_change"></label></div></div><div class="expchck_summary_invoice__wrapper"><div class="expchck_summary_invoice__inputs expchck_inputs f-group --mask"><div class="expchck_summary_invoice__item --firm f-feedback"><input id="invoice_firm" type="text" class="f-control --validate" data-name="firm" name="invoice_firm" data-graphql="firm" required="required"><label for="invoice_firm" class="f-label">Název společnosti</label><span class="f-control-feedback"></span><div class="f-message"></div></div><div class="expchck_summary_invoice__item --nip f-feedback"><input id="invoice_nip" type="text" class="f-control --validate" data-name="nip" name="invoice_nip" data-graphql="nip" required="required" data-region=""><label for="invoice_nip" class="f-label">DIČ</label><span class="f-control-feedback"></span><div class="f-message"></div></div><div class="expchck_summary_invoice__item --street f-feedback --address"><input id="invoice_street" type="text" class="f-control --validate" data-name="street" name="invoice_street" required="required" data-graphql="street" data-concat-from="#invoice_street_number" autocomplete="address-line1" data-region=""><label for="invoice_street" class="f-label">Ulice</label><span class="f-control-feedback"></span><div class="f-message"></div></div><div class="expchck_summary_invoice__item --street-number f-feedback --address"><input id="invoice_street_number" type="text" class="f-control --validate" data-name="streetNumber" name="invoice_street_number" data-concat-to="#invoice_street"><label for="invoice_street_number" class="f-label">Číslo domu / objektu</label><span class="f-control-feedback"></span><div class="f-message"></div></div><div class="expchck_summary_invoice__item --zipcode f-feedback --address"><input id="invoice_zipcode" type="text" class="f-control --validate" data-name="zipcode" name="invoice_zipcode" required="required" data-graphql="zipcode" autocomplete="postal-code" data-region=""><label for="invoice_zipcode" class="f-label">Poštovní směrovací číslo</label><span class="f-control-feedback"></span><div class="f-message"></div></div><div class="expchck_summary_invoice__item --city f-feedback --address"><input id="invoice_city" type="text" class="f-control --validate" data-name="city" name="invoice_city" required="required" data-graphql="city" autocomplete="address-level2"><label for="invoice_city" class="f-label">Město</label><span class="f-control-feedback"></span><div class="f-message"></div></div></div><div class="expchck_summary_invoice__address"><div class="expchck_summary_invoice__address_wrapper"><strong class="expchck_summary_invoice__address_label">Fakturační adresa</strong><strong class="expchck_summary_invoice__firm"></strong><strong class="expchck_summary_invoice__nip_wrapper"><span class="expchck_summary_invoice__nip_label">DIČ: </span><span class="expchck_summary_invoice__nip"></span></strong><span class="expchck_summary_invoice__street"></span><span class="expchck_summary_invoice__city"></span></div><a href="#changeInvoiceAddress" class="expchck_summary_invoice__address_change">Změna</a></div><div class="expchck_summary_invoice__save"><button type="button" class="expchck_summary_invoice__save_button btn --solid --large">Uložit</button></div></div></div></div></template><template id="expchck_summary_payments"><div class="expchck_summary_payments"><div class="expchck_summary_payments__label expchck_label"><strong class="expchck_label__name">Platba</strong></div><div class="expchck_summary_payments__wrapper"></div></div></template><template id="expchck_summary_payment"><div class="expchck_summary_payment f-group --radio"><input type="hidden" name="first_payment_id" disabled><input type="hidden" name="payform_id" disabled><input type="radio" name="selected_group_only" class="expchck_summary_payment__input f-control"><label class="expchck_summary_payment__label"><span class="expchck_summary_payment__icons"><img class="expchck_summary_payment__icon"></span><span class="expchck_summary_payment__names"><span class="expchck_summary_payment__name"></span></span></label></div></template><template id="expchck_summary_deliveries"><div class="expchck_summary_deliveries"><div class="expchck_summary_deliveries__label expchck_label"><strong class="expchck_label__name">Dodávka</strong></div><div class="expchck_summary_deliveries__wrapper"></div></div></template><template id="expchck_summary_delivery"><div class="expchck_summary_delivery"><div class="expchck_summary_delivery__type_wrapper"><strong class="expchck_summary_delivery__type"></strong><strong class="expchck_summary_delivery__time"></strong></div><div class="expchck_summary_delivery__info"><strong class="expchck_summary_delivery__name"></strong><div class="expchck_summary_delivery__address"><span class="expchck_summary_delivery__street"></span><span class="expchck_summary_delivery__city"></span><span class="expchck_summary_delivery__phone_wrapper"><span class="expchck_summary_delivery__phone_label">Tel. příjemci: </span><span class="expchck_summary_delivery__phone"></span></span></div></div><strong class="expchck_summary_delivery__cost"></strong><div class="expchck_summary_delivery__pickup_phone expchck_pickup_phone f-group --mask"><div class="expchck_pickup_phone__wrapper --filled"><strong class="expchck_pickup_phone__value"></strong><a href="#changePickupPhone" class="expchck_pickup_phone__change">Změna</a></div><div class="expchck_pickup_phone__wrapper --change"><div class="expchck_pickup_phone__item --phone f-feedback"><input id="pickup_phone" type="tel" class="f-control --validate" name="pickup_phone" required="required" data-graphql="phone" autocomplete="tel-national" data-name="phone" data-region=""><label for="pickup_phone" class="f-label">Telefonní číslo</label><span class="f-control-feedback"></span><div class="f-message"></div></div><div class="expchck_pickup_phone__save"><button type="button" class="expchck_pickup_phone__save_button btn --solid --large">Uložit</button></div></div></div><a class="expchck_summary_delivery__change" href="#changeDelivery"></a></div></template><template id="expchck_summary_costs"><div class="expchck_summary_costs"><div class="expchck_summary_costs__item --worth"><span class="expchck_summary_costs__label">Hodnota zakázky:</span><strong class="expchck_summary_costs__value"></strong></div><div class="expchck_summary_costs__item --rebate"><span class="expchck_summary_costs__label">Sleva:</span><strong class="expchck_summary_costs__value --minus"></strong></div><div class="expchck_summary_costs__item --paymentcost"><span class="expchck_summary_costs__label">Náklady na platbu:</span><strong class="expchck_summary_costs__value --plus"></strong></div><div class="expchck_summary_costs__item --shipping"><span class="expchck_summary_costs__label">Náklady na dopravu:</span><strong class="expchck_summary_costs__value --plus"></strong></div><div class="expchck_summary_costs__item --insurance"><span class="expchck_summary_costs__label">Náklady na pojištění:</span><strong class="expchck_summary_costs__value --plus"></strong></div><div class="expchck_summary_costs__item --balance"><span class="expchck_summary_costs__label">Zaplaceno ze zůstatku:<br>(přeplatky na účtu zákazníka)</span><strong class="expchck_summary_costs__value --minus"></strong></div></div></template><template id="expchck_summary_total"><div class="expchck_summary_total"><span class="expchck_summary_total__label">K úhradě</span><strong class="expchck_summary_total__value"></strong></div></template><template id="expchck_summary_clauses"><div class="expchck_summary_clauses"></div></template><template id="expchck_summary_clause"><div class="expchck_summary_clause"></div></template><template id="expchck_summary_subscription"><div class="expchck_summary_subscription"></div></template><template id="expchck_summary_terms"><div class="expchck_summary_terms"><div class="expchck_summary_terms__item --agree f-feedback"><span class="expchck_summary_terms__content"></span><div class="expchck_summary_terms__switch --agree f-group --switch"><input type="checkbox" name="terms_agree" class="f-control --validate" id="expchck_summary_terms_agree_checkbox" required="required"><label class="f-label" for="expchck_summary_terms_agree_checkbox"></label></div></div><div class="expchck_summary_terms__item --cancel f-feedback"><span class="expchck_summary_terms__content">Vzal jsem na vědomí své <a target="_blank" href="/cs/returns-and_replacements">právo na odstoupení od smlouvy</a></span><div class="expchck_summary_terms__switch --cancel f-group --switch"><input type="checkbox" name="order_cancel" class="f-control --validate" id="expchck_order_cancel_checkbox" required="required"><label class="f-label" for="expchck_order_cancel_checkbox"></label></div></div><div class="expchck_summary_terms__item --virtual f-feedback"><span class="expchck_summary_terms__content">Souhlasím a zároveň žádám o provedení služby před uplynutím lhůty pro odstoupení od smlouvy. Jsem si vědom/a, že udělením tohoto souhlasu zaniká mé právo na odstoupení od smlouvy se začátkem představení.</span><div class="expchck_summary_terms__switch --virtual f-group --switch"><input type="checkbox" name="order_virtual" class="f-control --validate" id="expchck_order_virtual_checkbox" required="required"><label class="f-label" for="expchck_order_virtual_checkbox"></label></div></div><div class="expchck_summary_terms__item --service f-feedback"><span class="expchck_summary_terms__content">Souhlasím a zároveň žádám o zahájení plnění služby před koncem lhůty pro odstoupení od smlouvy. Jsem si vědom/a, že mé právo na odstoupení od smlouvy zaniká v případě úplného poskytnutí služby.</span><div class="expchck_summary_terms__switch --cancel f-group --switch"><input type="checkbox" name="order_service" class="f-control --validate" id="expchck_order_service_checkbox" required="required"><label class="f-label" for="expchck_order_service_checkbox"></label></div></div></div></template><template id="expchck_summary_submit"><div class="expchck_summary_submit"><button type="submit" class="expchck_summary_submit__button btn --solid --large">Přijímám, objednávám a platím<span class="expchck_summary_submit__cost"></span></button></div></template><div class="expchck_summary_submit_mobile"><div class="expchck_summary_submit_mobile__cost"><span class="expchck_summary_submit_mobile__cost_label">K úhradě</span><strong class="expchck_summary_submit_mobile__cost_value"></strong></div><div class="expchck_summary_submit_mobile__button_wrapper"><button type="submit" class="expchck_summary_submit_mobile__button btn --solid --large">Přijímám, objednávám a platím</button></div></div><template id="expchck_payments"><div class="expchck_payments"><div class="expchck_payments__clause_top"></div><div class="expchck_payments__wrapper"></div></div></template><template id="expchck_payments_item"><div class="expchck_payments__item f-group --radio"><input type="hidden" name="first_payment_id" disabled><input type="hidden" name="payform_id" disabled><input type="radio" name="selected_group_only" class="expchck_payments__input f-control"><label class="expchck_payments__label"><span class="expchck_payments__icons"><img class="expchck_payments__icon"></span><span class="expchck_payments__names"><strong class="expchck_payments__name"></strong><span class="expchck_payments__description"></span></span><span class="expchck_payments__arrow"><i class="icon-options-status"></i></span></label><div class="expchck_payments__details"></div></div></template><template id="expchck_payments_details"><span class="expchck_payments__clause"></span><div class="expchck_payments__options"></div><a href="#showAllPaymentMethods" class="expchck_payments__show_all"> Zobrazit všechny </a></template><template id="expchck_payments_option"><div class="expchck_payments__option"><input type="radio" name="payform_id" class="expchck_payments__option_input f-control"><label class="expchck_payments__option_select"><span class="expchck_payments__option_icons"><img class="expchck_payments__option_icon"></span><span class="expchck_payments__option_name"></span></label></div></template><template id="expchck_client"><div class="expchck_client"><div class="expchck_client__inputs expchck_inputs f-group"><div class="expchck_client__item --firstname f-feedback"><input id="client_firstname" type="text" class="f-control --validate" data-name="firstname" name="client_firstname" required="required" autocomplete="given-name"><label for="client_firstname" class="f-label">Jméno</label><span class="f-control-feedback"></span><div class="f-message"></div></div><div class="expchck_client__item --lastname f-feedback"><input id="client_lastname" type="text" class="f-control --validate" name="client_lastname" data-graphql="lastname" data-name="lastname" required="required" autocomplete="family-name"><label for="client_lastname" class="f-label">Příjmení</label><span class="f-control-feedback"></span><div class="f-message"></div></div><div class="expchck_client__item --street f-feedback"><input id="client_street" type="text" class="f-control --validate" name="client_street" required="required" data-graphql="street" data-concat-from="#client_street_number" data-name="street" autocomplete="address-line1" data-region=""><label for="client_street" class="f-label">Ulice</label><span class="f-control-feedback"></span><div class="f-message"></div></div><div class="expchck_client__item --street-number f-feedback "><input id="client_street_number" type="text" class="f-control --validate" name="client_street_number" data-concat-to="#client_street" data-name="streetNumber"><label for="client_street_number" class="f-label">Číslo domu / objektu</label><span class="f-control-feedback"></span><div class="f-message"></div></div><div class="expchck_client__item --zipcode f-feedback"><input id="client_zipcode" type="text" class="f-control --validate" name="client_zipcode" required="required" data-graphql="zipcode" data-name="zipcode" autocomplete="postal-code" data-region=""><label for="client_zipcode" class="f-label">Poštovní směrovací číslo</label><span class="f-control-feedback"></span><div class="f-message"></div></div><div class="expchck_client__item --city f-feedback"><input id="client_city" type="text" class="f-control --validate" name="client_city" required="required" data-graphql="city" data-name="city" autocomplete="address-level2"><label for="client_city" class="f-label">Město</label><span class="f-control-feedback"></span><div class="f-message"></div></div><div class="expchck_client__item --phone f-feedback"><input id="client_phone" type="tel" class="f-control --validate" name="client_phone" required="required" data-graphql="phone" autocomplete="tel-national" data-name="phone" data-region=""><label for="client_phone" class="f-label">Telefonní číslo</label><span class="f-control-feedback"></span><div class="f-message"></div></div><div class="expchck_client__item --email f-feedback"><input id="client_email" type="email" class="f-control --validate" name="client_email" required="required" data-graphql="email" autocomplete="email" data-name="email"><label for="client_email" class="f-label">E‑mail</label><span class="f-control-feedback"></span><div class="f-message"></div></div></div><div class="expchck_client__submit"><button type="button" class="expchck_client__button btn --solid --large">Pokračovat</button></div><div class="expchck_client__change_account"><span class="expchck_client__change_text">Chcete si objednat další zaznamenané údaje??</span><a href="#changeAccount" class="expchck_client__change_link">Změna účtu</a></div><div class="expchck_client__safe"><span class="expchck_client__safe_text">Nakupování v našem obchodě je bezpečné</span><img class="expchck_client__powered_by_smile" src="/gfx/standards/powered_by_smile.svg?r=1787662638" alt="Koupíte a dostanete doručení zdarma!"></div></div></template><template id="expchck_deliveries"><div class="expchck_deliveries"><div class="expchck_deliveries__addresses"></div><div class="expchck_deliveries__block"><div class="expchck_deliveries__label expchck_label"><strong class="expchck_label__name">Dodávka</strong></div><div class="expchck_deliveries__section"></div></div></div></template><template id="expchck_deliveries_item"><div class="expchck_deliveries__item expchck_delivery f-group --radio"><input type="radio" name="shipping" class="f-control expchck_delivery__input"><label class="f-label expchck_delivery__label"><span class="expchck_delivery__icons"><img class="expchck_delivery__icon"></span><span class="expchck_delivery__names"><strong class="expchck_delivery__time"></strong><strong class="expchck_delivery__name"></strong><span class="expchck_delivery__minworth"><span class="expchck_delivery__minworth_label">Forma dodání k dispozici od </span><span class="expchck_delivery__minworth_value"></span></span><span class="expchck_delivery__comment"></span></span><div class="expchck_delivery__cost_wrapper"><strong class="expchck_delivery__cost"></strong><span class="expchck_delivery__points f-group --checkbox --small"><input type="checkbox" name="shipping_for_points" value="1" class="f-control expchck_delivery__points_input"><label class="f-label expchck_delivery__points_label"></label></span></div></label><div class="expchck_delivery__calendar"><div class="expchck_delivery__calendar_days"><input type="hidden" class="expchck_delivery__calendar_input" name="calendar_select_date"><span class="expchck_delivery__calendar_label">Vyberte preferovaný den doručení:</span><div class="expchck_delivery__dates"><div class="expchck_delivery__date --other"><a class="expchck_delivery__other_link" href="#chooseAnotherDay">Další den</a><div class="expchck_delivery__datepicker vanilla-calendar"></div></div></div></div><div class="expchck_delivery__calendar_hours"><span class="expchck_delivery__calendar_label">Preferovaná doba dodání:</span><select class="expchck_delivery__hours f-select --small" name="calendar_select_hour"><option value="6:00 - 8:00">6:00 - 8:00</option><option value="8:00 - 10:00">8:00 - 10:00</option><option selected value="10:00 - 12:00">10:00 - 12:00</option><option value="12:00 - 14:00">12:00 - 14:00</option><option value="14:00 - 16:00">14:00 - 16:00</option><option value="16:00 - 18:00">16:00 - 18:00</option><option value="18:00 - 20:00">18:00 - 20:00</option><option value="20:00 - 22:00">20:00 - 22:00</option></select></div><div class="expchck_delivery__calendar_services"><span class="expchck_delivery__calendar_label">Výběr doplňkové služby:</span><div class="expchck_delivery__services_wrapper"></div></div><div class="expchck_delivery__select_delivery"><button type="button" class="expchck_delivery__select_button btn --solid --large">Potvrdit</button></div></div></div></template><template id="expchck_deliveries_date"><div class="expchck_delivery__date"><strong class="expchck_delivery__date_day"></strong><span class="expchck_delivery__date_cost"></span></div></template><template id="expchck_deliveries_address"><div class="expchck_deliveries__address"><strong class="expchck_deliveries__address_label"></strong><div class="expchck_deliveries__address_wrapper"><span class="expchck_deliveries__street"></span><span class="expchck_deliveries__city"></span><span class="expchck_deliveries__phone_wrapper"><span class="expchck_deliveries__phone_label">Tel. příjemci: </span><span class="expchck_deliveries__phone"></span></span></div><a class="expchck_deliveries__address_edit" href="#editDeliveryAddress">Upravit</a></div></template><template id="expchck_deliveries_add_address"><a href="#addDeliveryAddress" class="expchck_deliveries__add_address"></a></template><div class="pickup_points --listView"><div class="pickup_points__wrapper"><div class="pickup_points__nav pickup_nav"><a href="#search" class="pickup_nav__item --search"><svg xmlns="http://www.w3.org/2000/svg" id="Group_1727" data-name="Group 1727" width="20.777" height="20.775" viewBox="0 0 20.777 20.775"><g id="icon_search"><path id="Path_1" data-name="Path 1" d="M20.58,18.266l-3.635-3.627a10.374,10.374,0,0,0,1.768-5.273,9.356,9.356,0,1,0-9.357,9.356,10.682,10.682,0,0,0,5.361-1.766l3.511,3.635a.671.671,0,0,0,.945,0l1.407-1.378A.667.667,0,0,0,20.58,18.266Zm-11.225-1.9a7.205,7.205,0,0,1-6.952-7A7.186,7.186,0,0,1,9.356,2.385a7.205,7.205,0,0,1,6.974,6.981A7.224,7.224,0,0,1,9.356,16.369Z" transform="translate(0 -0.01)" fill="#474747"></path></g></svg></a><a href="#map" class="pickup_nav__item --map"><svg xmlns="http://www.w3.org/2000/svg" width="18.998" height="22.775" viewBox="0 0 18.998 22.775"><g id="Icon_feather-map-pin" data-name="Icon feather-map-pin" transform="translate(1 1)"><path id="Path_1092" data-name="Path 1092" d="M21.5,10c0,6.61-8.5,12.276-8.5,12.276S4.5,16.609,4.5,10a8.5,8.5,0,1,1,17,0Z" transform="translate(-4.5 -1.5)" fill="none" stroke="#474747" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_1093" data-name="Path 1093" d="M19.166,13.333A2.833,2.833,0,1,1,16.333,10.5,2.833,2.833,0,0,1,19.166,13.333Z" transform="translate(-7.834 -4.834)" fill="none" stroke="#474747" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg></a><a href="#list" class="pickup_nav__item --list"><svg xmlns="http://www.w3.org/2000/svg" width="21.757" height="17.677" viewBox="0 0 21.757 17.677"><path id="Icon_awesome-list-ul" data-name="Icon awesome-list-ul" d="M2.04,3.375a2.04,2.04,0,1,0,2.04,2.04A2.04,2.04,0,0,0,2.04,3.375Zm0,6.8a2.04,2.04,0,1,0,2.04,2.04A2.04,2.04,0,0,0,2.04,10.174Zm0,6.8a2.04,2.04,0,1,0,2.04,2.04,2.04,2.04,0,0,0-2.04-2.04Zm19.037.68H7.479a.68.68,0,0,0-.68.68v1.36a.68.68,0,0,0,.68.68h13.6a.68.68,0,0,0,.68-.68v-1.36A.68.68,0,0,0,21.077,17.653Zm0-13.6H7.479a.68.68,0,0,0-.68.68v1.36a.68.68,0,0,0,.68.68h13.6a.68.68,0,0,0,.68-.68V4.735A.68.68,0,0,0,21.077,4.055Zm0,6.8H7.479a.68.68,0,0,0-.68.68v1.36a.68.68,0,0,0,.68.68h13.6a.68.68,0,0,0,.68-.68v-1.36A.68.68,0,0,0,21.077,10.854Z" transform="translate(0 -3.375)" fill="#474747"></path></svg></a><a href="#filters" class="pickup_nav__item --filters"><svg xmlns="http://www.w3.org/2000/svg" width="20.457" height="13.638" viewBox="0 0 20.457 13.638"><path id="Icon_material-filter-list" data-name="Icon material-filter-list" d="M12.456,22.638H17V20.365H12.456ZM4.5,9v2.273H24.957V9Zm3.41,7.956H21.548V14.683H7.91Z" transform="translate(-4.5 -9)" fill="#2b2b2b"></path></svg></a></div><div class="pickup_points__filters pickup_filters"><div class="pickup_filters__sub --deliveries"><strong class="pickup_filters__name">Punkty odbioru</strong></div><div class="pickup_filters__sub --availability"><strong class="pickup_filters__name">Dostępność</strong></div><div class="pickup_filters__sub --submit"><a class="btn --solid --large" href="#filtersPoints" title="Zastosuj filtrowanie">Zastosuj filtrowanie</a></div></div><div class="pickup_points__search pickup_search"><div class="pickup_search__wrapper"><div class="pickup_search__query"><input class="pickup_search__input" type="text" autocomplete="off" placeholder="Zadejte adresu"><a class="pickup_search__button" href="#"></a></div><div class="pickup_search__results"></div></div></div><div class="pickup_points__map pickup_map"><div class="pickup_map__area"><a href="#searchHere" class="pickup_map__area_button btn --solid --secondary --icon-left icon-search">Vyhledávání v této oblasti</a></div><div class="pickup_map__wrapper"></div></div><div class="pickup_points__items pickup_items"><div class="pickup_items__findings"><span class="pickup_items__findings_label">Výsledky:</span><strong class="pickup_items__findings_sub"><span class="pickup_items__findings_value"></span><span class="pickup_items__findings_text"></span></strong></div><div class="pickup_items__wrapper"></div><div class="pickup_items__show_more"><a href="#showMore" class="pickup_items__show" data-prev="Zobrazit méně"> Zobrazit více </a></div><div class="pickup_items__message menu_messages_message">Žádné místo vyzvednutí, zkontrolujte jinou adresu</div></div></div></div><template id="pickup_points_item_template"><div class="pickup_items__item pickup_item"><div class="pickup_item__details"><span class="pickup_item__distance"></span><strong class="pickup_item__name"></strong><span class="pickup_item__street"></span><span class="pickup_item__city_wrapper"><span class="pickup_item__zipcode"></span><span class="pickup_item__city"></span></span><div class="pickup_item__map"><a href="#showOnMap" class="pickup_item__map_link">Zobrazit na mapě</a></div></div><div class="pickup_item__choose"><strong class="pickup_item__price"></strong><a href="#selectThisPoint" class=""><svg xmlns="http://www.w3.org/2000/svg" width="9.702" height="16.706" viewBox="0 0 9.702 16.706"><path d="M9.444,9,2.33,16.437a.852.852,0,0,1-1.243,0l-.83-.867a.948.948,0,0,1,0-1.3l5.638-5.92L.256,2.433a.948.948,0,0,1,0-1.3l.83-.867a.852.852,0,0,1,1.243,0L9.444,7.7A.948.948,0,0,1,9.444,9Z" fill="#333"></path></svg></a></div></div></template><template id="pickup_points_marker_template"><div class="pickup_marker"><div class="pickup_marker__details"><div class="pickup_marker__name_wrapper"><strong class="pickup_marker__name"></strong><strong class="pickup_marker__price"></strong></div><span class="pickup_marker__street"></span><span class="pickup_marker__city_wrapper"><span class="pickup_marker__zipcode"></span><span class="pickup_marker__city"></span></span></div><p class="pickup_marker__description"></p><div class="pickup_marker__links"><a href="#moreInfo" class="pickup_marker__link --more" target="_blank">Více informací</a><a href="#howToGetThere" class="pickup_marker__link --directions" target="_blank">Jak se tam dostat?</a></div><div class="pickup_marker__choose"><a href="#selectThisPoint" class="btn --solid --large">Vyberte tento bod</a></div></div></template><template id="pickup_points_filter_item"><div class="pickup_filters__item d-flex align-items-center justify-content-between mb-4"><span class="pickup_filters__item_name" for=""></span><div class="f-group --switch mb-0"><input class="pickup_filters__item_inp f-control" type="checkbox" name="filter" id="filter"><label class="f-label" for=""></label></div></div></template><template id="expchck_address"><div class="expchck_address"><div class="expchck_address__inputs expchck_inputs f-group"><div class="expchck_address__item --street f-feedback"><input id="client_street" type="text" class="f-control --validate" name="client_street" required="required" data-graphql="street" data-concat-from="#client_street_number" data-name="street" autocomplete="address-line1" data-region=""><label for="client_street" class="f-label">Ulice</label><span class="f-control-feedback"></span><div class="f-message"></div></div><div class="expchck_address__item --street-number f-feedback "><input id="client_street_number" type="text" class="f-control --validate" name="client_street_number" data-concat-to="#client_street" data-name="streetNumber"><label for="client_street_number" class="f-label">Číslo domu / objektu</label><span class="f-control-feedback"></span><div class="f-message"></div></div><div class="expchck_address__item --zipcode f-feedback"><input id="client_zipcode" type="text" class="f-control --validate" name="client_zipcode" required="required" data-graphql="zipcode" data-name="zipcode" autocomplete="postal-code" data-region=""><label for="client_zipcode" class="f-label">Poštovní směrovací číslo</label><span class="f-control-feedback"></span><div class="f-message"></div></div><div class="expchck_address__item --city f-feedback"><input id="client_city" type="text" class="f-control --validate" name="client_city" required="required" data-graphql="city" data-name="city" autocomplete="address-level2"><label for="client_city" class="f-label">Město</label><span class="f-control-feedback"></span><div class="f-message"></div></div><div class="expchck_address__item --phone f-feedback"><input id="address_phone" type="tel" class="f-control --validate" name="address_phone" required="required" data-graphql="phone" autocomplete="tel-national" data-name="phone" data-region=""><label for="address_phone" class="f-label">Telefonní číslo</label><span class="f-control-feedback"></span><div class="f-message"></div></div></div><div class="expchck_address__submit"><button type="button" class="expchck_address__button btn --solid --large">Uložit</button></div><div class="expchck_address__safe"><span class="expchck_address__safe_text">Nakupování v našem obchodě je bezpečné</span><img class="expchck_address__powered_by_smile" src="/gfx/standards/powered_by_smile.svg?r=1787662638" alt="Koupíte a dostanete doručení zdarma!"></div></div></template><script>app_shop.vars.isLogged=false;</script><script>app_shop.vars.last_login_option="";</script><script>app_shop.vars.returnLink="https://www.metalmarket.eu/cs/return.html";</script><script>app_shop.vars.basketLink="https://www.metalmarket.eu/cs/basketedit.html";</script><script>app_shop.vars.IAIAccountsUrl="";</script><template id="expchck_login_services"><div class="expchck_login --services d-flex flex-column"><div class="expchck_login__options mb-4"></div><div class="expchck_login__terms mb-5 pb-2 pb-md-4"><span>Využijte snadné a automatické doplňování nákupních údajů v rámci služby Smile, kterou podporuje IAI S.A pro obchody na IdoSell. Svůj souhlas můžete kdykoli odvolat.</span><a target="_blank" download="download" href="https://www.idosell.com/panel/file-gate.php?id=263930&lang=pl&ext=.pdf">Přečtěte si zásady ochrany osobních údajů.</a></div><div class="expchck_login__sep mb-4"><span>nebo</span></div><span class="expchck_login__text mb-3">Pokud u nás máte účet, zadejte prosím své přihlašovací jméno</span><div class="f-group expchck_login__email"><div class="f-feedback"><input id="login_email" type="text" name="email" class="expchck_login__email_inp f-control"><label for="login_email" class="f-label"> E-mailová adresa / přihlašovací jméno </label><span class="f-control-feedback"></span><a href="#verify_email"></a><span class="help-block"></span></div></div><div class="f-group expchck_login__pass"><div class="f-feedback"><input id="login_pass" type="password" name="pass" class="expchck_login__pass_inp f-control"><label for="login_pass" class="f-label"> Heslo </label><span class="f-control-feedback"></span><span class="help-block"></span></div></div><div class="expchck_login__buttons"><a class="expchck_login__signin btn --solid --large justify-content-center mb-5" href="#signin"> Přihlásit se </a><a class="expchck_login__register btn --solid --large justify-content-center mb-5" href="#register"> Vytvoření účtu a zadání objednávky </a></div><div class="expchck_login__links d-flex flex-column align-items-center"><a class="expchck_login__mail_login mb-3" href="#mail_login"> E-mailový odkaz pro přihlášení </a><a class="expchck_login__pass_recover mb-1" href="#pass_recover"> Nepamatuji si své přihlašovací jméno ani heslo </a></div></div></template><template id="expchck_login_options"><a href="#login_option" class="expchck_login__option mb-2 d-flex justify-content-center"><span class="option_icon"></span><strong><span>Přihlaste se prostřednictvím </span><span class="option_name"></span></strong></a></template><template id="expchck_register_authn"><div class="expchck_register_authn"><a href="#tryAgainWebAuthnRegister" class="expchck_register_authn__button btn --outline --large">Zkuste to znovu</a></div></template><template id="expchck_login_authn"><div class="expchck_login_authn"><a href="#tryAgainWebAuthn" class="expchck_login_authn__button btn --outline --large">Zkuste to znovu</a><div class="expchck_login_authn__separator"><span class="expchck_login_authn__separator_text">nebo</span></div></div></template><template id="expchck_login_pin"><div class="expchck_login --pin d-flex flex-column"><span class="expchck_login__text mb-3">Zadejte své telefonní číslo nebo e-mailovou adresu a začněte.</span><div class="f-group expchck_login__user_identifier mb-2"><div class="f-feedback"><input id="user_identifier" type="text" autocomplete="tel" value="" class="expchck_login__user_identifier_inp f-control"><label for="user_identifier" class="f-label"> Telefonní číslo nebo e-mailová adresa </label><span class="f-control-feedback"></span><span class="help-block"></span><div class="expchck_login__prefix_wrapper"><select class="expchck_login__phone_prefix f-select"><option date-region="1170044713" value="+1">+1</option><option date-region="1143020097" value="+7">+7</option><option date-region="1143020048" value="+20">+20</option><option date-region="1143020165" value="+27">+27</option><option date-region="1143020062" value="+30">+30</option><option date-region="1143020076" value="+31">+31</option><option date-region="1143020022" value="+32">+32</option><option date-region="1143020057" value="+33">+33</option><option date-region="1143020075" value="+34">+34</option><option date-region="1143020217" value="+36">+36</option><option date-region="1143020220" value="+39">+39</option><option date-region="1143020169" value="+40">+40</option><option date-region="1143020192" value="+41">+41</option><option date-region="1143020016" value="+43">+43</option><option date-region="1170044706" value="+44">+44</option><option date-region="1143020042" value="+45">+45</option><option date-region="1143020193" value="+46">+46</option><option date-region="1143020149" value="+47">+47</option><option date-region="1143020003" selected value="+48">+48</option><option date-region="1143020143" value="+49">+49</option><option date-region="1143020159" value="+51">+51</option><option date-region="1143020133" value="+52">+52</option><option date-region="1143020108" value="+53">+53</option><option date-region="1143020012" value="+54">+54</option><option date-region="1143020031" value="+55">+55</option><option date-region="1143020036" value="+56">+56</option><option date-region="1143020101" value="+57">+57</option><option date-region="1143020216" value="+58">+58</option><option date-region="1143020123" value="+60">+60</option><option date-region="1143020015" value="+61">+61</option><option date-region="1143020080" value="+62">+62</option><option date-region="1143020054" value="+63">+63</option><option date-region="1143020151" value="+64">+64</option><option date-region="1143020181" value="+65">+65</option><option date-region="1143020196" value="+66">+66</option><option date-region="1143020087" value="+81">+81</option><option date-region="1143020106" value="+82">+82</option><option date-region="1143020219" value="+84">+84</option><option date-region="1143020037" value="+86">+86</option><option date-region="1143020205" value="+90">+90</option><option date-region="1143020079" value="+91">+91</option><option date-region="1143020153" value="+92">+92</option><option date-region="1143020002" value="+93">+93</option><option date-region="1143020185" value="+94">+94</option><option date-region="1143020139" value="+95">+95</option><option date-region="1143020082" value="+98">+98</option><option date-region="1170044703" value="+211">+211</option><option date-region="1143020129" value="+212">+212</option><option date-region="1143020004" value="+213">+213</option><option date-region="1143020204" value="+216">+216</option><option date-region="1143020114" value="+218">+218</option><option date-region="1143020059" value="+220">+220</option><option date-region="1143020178" value="+221">+221</option><option date-region="1143020131" value="+222">+222</option><option date-region="1143020125" value="+223">+223</option><option date-region="1143020071" value="+224">+224</option><option date-region="1143020221" value="+225">+225</option><option date-region="1143020034" value="+226">+226</option><option date-region="1143020144" value="+227">+227</option><option date-region="1143020200" value="+228">+228</option><option date-region="1143020024" value="+229">+229</option><option date-region="1143020132" value="+230">+230</option><option date-region="1143020113" value="+231">+231</option><option date-region="1143020180" value="+232">+232</option><option date-region="1143020060" value="+233">+233</option><option date-region="1143020145" value="+234">+234</option><option date-region="1143020039" value="+235">+235</option><option date-region="1143020166" value="+236">+236</option><option date-region="1143020094" value="+237">+237</option><option date-region="1143020167" value="+238">+238</option><option date-region="1143020229" value="+239">+239</option><option date-region="1143020073" value="+240">+240</option><option date-region="1143020058" value="+241">+241</option><option date-region="1143020103" value="+242">+242</option><option date-region="1143020104" value="+243">+243</option><option date-region="1143020006" value="+244">+244</option><option date-region="1143020072" value="+245">+245</option><option date-region="1170044709" value="+246">+246</option><option date-region="1143020179" value="+248">+248</option><option date-region="1143020188" value="+249">+249</option><option date-region="1143020170" value="+250">+250</option><option date-region="1170044702" value="+251">+251</option><option date-region="1143020184" value="+252">+252</option><option date-region="1143020047" value="+253">+253</option><option date-region="1143020098" value="+254">+254</option><option date-region="1143020198" value="+255">+255</option><option date-region="1143020209" value="+256">+256</option><option date-region="1143020035" value="+257">+257</option><option date-region="1143020138" value="+258">+258</option><option date-region="1143020232" value="+260">+260</option><option date-region="1143020120" value="+261">+261</option><option date-region="1170044712" value="+262">+262</option><option date-region="1143020233" value="+263">+263</option><option date-region="1143020140" value="+264">+264</option><option date-region="1143020122" value="+265">+265</option><option date-region="1143020111" value="+266">+266</option><option date-region="1143020030" value="+267">+267</option><option date-region="1143020187" value="+268">+268</option><option date-region="1143020102" value="+269">+269</option><option date-region="1143020194" value="+290">+290</option><option date-region="1143020050" value="+291">+291</option><option date-region="1143020014" value="+297">+297</option><option date-region="1143020301" value="+298">+298</option><option date-region="1143020064" value="+299">+299</option><option date-region="1143020061" value="+350">+350</option><option date-region="1143020163" value="+351">+351</option><option date-region="1143020117" value="+352">+352</option><option date-region="1143020083" value="+353">+353</option><option date-region="1143020084" value="+354">+354</option><option date-region="1143020001" value="+355">+355</option><option date-region="1143020126" value="+356">+356</option><option date-region="1143020040" value="+357">+357</option><option date-region="1143020056" value="+358">+358</option><option date-region="1143020033" value="+359">+359</option><option date-region="1143020116" value="+370">+370</option><option date-region="1143020118" value="+371">+371</option><option date-region="1143020051" value="+372">+372</option><option date-region="1143020134" value="+373">+373</option><option date-region="1143020013" value="+374">+374</option><option date-region="1143020027" value="+375">+375</option><option date-region="1143020005" value="+376">+376</option><option date-region="1143020135" value="+377">+377</option><option date-region="1143020177" value="+378">+378</option><option date-region="1143020215" value="+379">+379</option><option date-region="1170044715" value="+380">+380</option><option date-region="1170044700" value="+381">+381</option><option date-region="1170044701" value="+382">+382</option><option date-region="1170044716" value="+383">+383</option><option date-region="1143020038" value="+385">+385</option><option date-region="1143020183" value="+386">+386</option><option date-region="1143020029" value="+387">+387</option><option date-region="1143020119" value="+389">+389</option><option date-region="1143020041" value="+420">+420</option><option date-region="1143020182" value="+421">+421</option><option date-region="1143020115" value="+423">+423</option><option date-region="1143020052" value="+500">+500</option><option date-region="1143020023" value="+501">+501</option><option date-region="1143020070" value="+502">+502</option><option date-region="1143020175" value="+503">+503</option><option date-region="1143020077" value="+504">+504</option><option date-region="1143020146" value="+505">+505</option><option date-region="1143020107" value="+506">+506</option><option date-region="1143020156" value="+507">+507</option><option date-region="1143020173" value="+508">+508</option><option date-region="1143020074" value="+509">+509</option><option date-region="1143020069" value="+590">+590</option><option date-region="1143020028" value="+591">+591</option><option date-region="1143020067" value="+592">+592</option><option date-region="1143020049" value="+593">+593</option><option date-region="1143020068" value="+594">+594</option><option date-region="1143020158" value="+595">+595</option><option date-region="1143020130" value="+596">+596</option><option date-region="1143020189" value="+597">+597</option><option date-region="1143020211" value="+598">+598</option><option date-region="1143020010" value="+599">+599</option><option date-region="1143020199" value="+670">+670</option><option date-region="1170044708" value="+672">+672</option><option date-region="1143020032" value="+673">+673</option><option date-region="1143020141" value="+674">+674</option><option date-region="1143020157" value="+675">+675</option><option date-region="1143020202" value="+676">+676</option><option date-region="1143020228" value="+677">+677</option><option date-region="1143020213" value="+678">+678</option><option date-region="1143020055" value="+679">+679</option><option date-region="1143020154" value="+680">+680</option><option date-region="1143020214" value="+681">+681</option><option date-region="1143020225" value="+682">+682</option><option date-region="1143020147" value="+683">+683</option><option date-region="1143020176" value="+685">+685</option><option date-region="1143020100" value="+686">+686</option><option date-region="1143020150" value="+687">+687</option><option date-region="1143020208" value="+688">+688</option><option date-region="1143020161" value="+689">+689</option><option date-region="1143020201" value="+690">+690</option><option date-region="1143020053" value="+691">+691</option><option date-region="1143020227" value="+692">+692</option><option date-region="1170044714" value="+840">+840</option><option date-region="1143020105" value="+850">+850</option><option date-region="1143020078" value="+852">+852</option><option date-region="1143020121" value="+853">+853</option><option date-region="1143020093" value="+855">+855</option><option date-region="1143020110" value="+856">+856</option><option date-region="1143020020" value="+880">+880</option><option date-region="1143020197" value="+886">+886</option><option date-region="1143020124" value="+960">+960</option><option date-region="1143020112" value="+961">+961</option><option date-region="1143020090" value="+962">+962</option><option date-region="1143020191" value="+963">+963</option><option date-region="1143020081" value="+964">+964</option><option date-region="1143020109" value="+965">+965</option><option date-region="1143020011" value="+966">+966</option><option date-region="1143020088" value="+967">+967</option><option date-region="1143020152" value="+968">+968</option><option date-region="1143020155" value="+970">+970</option><option date-region="1143020234" value="+971">+971</option><option date-region="1143020085" value="+972">+972</option><option date-region="1143020019" value="+973">+973</option><option date-region="1143020096" value="+974">+974</option><option date-region="1143020026" value="+975">+975</option><option date-region="1143020136" value="+976">+976</option><option date-region="1143020142" value="+977">+977</option><option date-region="1143020195" value="+992">+992</option><option date-region="1143020206" value="+993">+993</option><option date-region="1143020017" value="+994">+994</option><option date-region="1143020065" value="+995">+995</option><option date-region="1143020099" value="+996">+996</option><option date-region="1143020212" value="+998">+998</option><option date-region="1143020018" value="+1242">+1242</option><option date-region="1143020021" value="+1246">+1246</option><option date-region="1143020007" value="+1264">+1264</option><option date-region="1143020009" value="+1268">+1268</option><option date-region="1143020045" value="+1284">+1284</option><option date-region="1143020046" value="+1340">+1340</option><option date-region="1143020092" value="+1345">+1345</option><option date-region="1143020025" value="+1441">+1441</option><option date-region="1143020063" value="+1473">+1473</option><option date-region="1143020207" value="+1649">+1649</option><option date-region="1143020137" value="+1664">+1664</option><option date-region="1143020128" value="+1670">+1670</option><option date-region="1143020066" value="+1671">+1671</option><option date-region="1170044711" value="+1721">+1721</option><option date-region="1143020172" value="+1758">+1758</option><option date-region="1143020043" value="+1767">+1767</option><option date-region="1143020174" value="+1784">+1784</option><option date-region="1143020162" value="+1787">+1787</option><option date-region="1143020044" value="+1809">+1809</option><option date-region="1143020203" value="+1868">+1868</option><option date-region="1143020171" value="+1869">+1869</option><option date-region="1143020086" value="+1876">+1876</option><option date-region="1143020190" value="+4779">+4779</option><option date-region="1143020008" value="+6721">+6721</option><option date-region="1143020148" value="+6723">+6723</option></select><div class="expchck_login__prefix_input_wrapper"><input class="expchck_login__prefix_input" type="text" name="prefix"></div></div></div></div><div class="expchck_login__save_device justify-content-between align-items-center d-flex mb-2"><span>Automatické biometrické přihlášení</span><div class="f-group --switch --save-device mb-0"><input type="checkbox" class="f-control" id="expchck_save_device" checked><label class="f-label" for="expchck_save_device"></label></div></div><div class="expchck_login__terms mb-5 mt-4 py-2 py-md-4"><span>Využijte snadné a automatické doplňování nákupních údajů v rámci služby Smile, kterou podporuje IAI S.A pro obchody na IdoSell. Svůj souhlas můžete kdykoli odvolat.</span><a target="_blank" download="download" href="https://www.idosell.com/panel/file-gate.php?id=263930&lang=pl&ext=.pdf">Přečtěte si zásady ochrany osobních údajů.</a></div><div class="expchck_login__smile mb-4 mb-md-5"><div class="expchck_login__smile_header d-flex justify-content-between align-items-center mb-2"><strong>Nakupování v našem obchodě je bezpečné</strong><svg xmlns="http://www.w3.org/2000/svg" width="68.919" height="25.254" viewBox="0 0 68.919 25.254"><g id="prop_fin_yes" transform="translate(-1552.503 1680.358)"><path id="Path_2164" data-name="Path 2164" d="M.912-.43h.88V-2.751H3.206a1.9,1.9,0,0,0,1.427-.559A1.9,1.9,0,0,0,5.18-4.743a1.874,1.874,0,0,0-.549-1.422,1.874,1.874,0,0,0-1.425-.543H.912Zm.88-3.086V-5.944h1.28a1.11,1.11,0,0,1,.886.317,1.11,1.11,0,0,1,.324.883,1.133,1.133,0,0,1-.325.9,1.133,1.133,0,0,1-.894.331ZM5.8-2.689a2.356,2.356,0,0,0,.712,1.7A2.356,2.356,0,0,0,8.23-.324,2.356,2.356,0,0,0,9.946-.991a2.356,2.356,0,0,0,.712-1.7,2.347,2.347,0,0,0-.716-1.689A2.347,2.347,0,0,0,8.23-5.037a2.347,2.347,0,0,0-1.712.659A2.347,2.347,0,0,0,5.8-2.689Zm.88,0a1.55,1.55,0,0,1,.434-1.128A1.55,1.55,0,0,1,8.23-4.29a1.544,1.544,0,0,1,1.115.471,1.544,1.544,0,0,1,.433,1.13,1.554,1.554,0,0,1-.43,1.138,1.554,1.554,0,0,1-1.118.48,1.56,1.56,0,0,1-1.115-.482A1.56,1.56,0,0,1,6.684-2.689ZM12.606-.43h.96l.924-2.89c.071-.231.125-.489.125-.489h.017s.053.258.125.489L15.69-.43h.952l1.452-4.5h-.909l-.942,3.157a3.62,3.62,0,0,0-.107.48h-.018s-.053-.249-.125-.48l-.969-3.149h-.789l-.981,3.149a4.681,4.681,0,0,0-.115.48h-.018c-.009,0-.044-.249-.115-.48L12.072-4.93h-.916Zm6-2.248a2.291,2.291,0,0,0,.679,1.7,2.291,2.291,0,0,0,1.7.66,2.678,2.678,0,0,0,1.743-.641l-.356-.632a2.146,2.146,0,0,1-1.334.525,1.47,1.47,0,0,1-1.095-.408A1.47,1.47,0,0,1,19.5-2.554h3.281s.026-.258.026-.374a1.914,1.914,0,0,0-.5-1.493,1.914,1.914,0,0,0-1.449-.614,2.205,2.205,0,0,0-1.645.682,2.205,2.205,0,0,0-.6,1.675Zm.916-.528A1.289,1.289,0,0,1,20.84-4.353a1.062,1.062,0,0,1,.8.332,1.062,1.062,0,0,1,.287.815ZM23.855-.434h.863V-2.271a2.734,2.734,0,0,1,.107-.809,1.365,1.365,0,0,1,1.263-1.056,1.243,1.243,0,0,1,.249.026v-.855a1.53,1.53,0,0,0-.222-.018,1.538,1.538,0,0,0-1.423,1.174h-.018a3.227,3.227,0,0,0,.018-.338V-4.93h-.836Zm3-2.244a2.291,2.291,0,0,0,.679,1.7,2.291,2.291,0,0,0,1.7.66,2.678,2.678,0,0,0,1.743-.641l-.356-.632a2.146,2.146,0,0,1-1.334.525,1.47,1.47,0,0,1-1.095-.408,1.47,1.47,0,0,1-.452-1.077h3.281s.026-.258.026-.374a1.914,1.914,0,0,0-.5-1.493A1.914,1.914,0,0,0,29.1-5.035a2.205,2.205,0,0,0-1.645.682,2.205,2.205,0,0,0-.6,1.675Zm.914-.528a1.289,1.289,0,0,1,1.32-1.146,1.062,1.062,0,0,1,.8.332,1.062,1.062,0,0,1,.287.814Zm4.039.528c0,1.4.765,2.357,1.98,2.357a1.576,1.576,0,0,0,1.479-.839h.018s-.009.125-.009.3v.427h.818V-6.708h-.863v2.081a2.547,2.547,0,0,0,.018.3h-.018a1.5,1.5,0,0,0-1.386-.711A2.1,2.1,0,0,0,31.8-2.678Zm.88,0c0-1.022.587-1.61,1.3-1.61.853,0,1.272.8,1.272,1.6,0,1.147-.632,1.618-1.3,1.618C33.21-1.071,32.685-1.7,32.685-2.678ZM39.728-.43h.818V-.76a3.018,3.018,0,0,0-.018-.338h.018a1.618,1.618,0,0,0,1.414.774,2.109,2.109,0,0,0,2.046-2.357c0-1.4-.765-2.357-1.974-2.357a1.589,1.589,0,0,0-1.441.765h-.018s.018-.16.018-.382V-6.708h-.863Zm.836-2.232c0-1.147.622-1.618,1.3-1.618.747,0,1.272.632,1.272,1.61,0,1.022-.587,1.61-1.3,1.61C40.982-1.062,40.564-1.862,40.564-2.662Zm3.868,3.824a1.574,1.574,0,0,0,.871.276A1.546,1.546,0,0,0,46.762.382l2.107-5.309h-.933l-1.1,2.949c-.08.231-.151.533-.151.533H46.67a5.622,5.622,0,0,0-.166-.542L45.375-4.93h-.969L46.291-.483l-.222.515a.919.919,0,0,1-.809.66,1,1,0,0,1-.525-.187Z" transform="translate(1552.398 -1673.646)" fill="#222"></path><g id="Group_1119" data-name="Group 1119" transform="translate(1552.503 -1671.858)"><g id="Group_1118" data-name="Group 1118" transform="translate(0 0)"><path id="Path_298" data-name="Path 298" d="M1.894,0H13.932a1.894,1.894,0,0,1,1.894,1.894V13.932a1.894,1.894,0,0,1-1.894,1.894H1.894A1.894,1.894,0,0,1,0,13.932V1.894A1.894,1.894,0,0,1,1.894,0Z" transform="translate(0 0.928)" fill="#e8594b"></path><g id="Group_1117" data-name="Group 1117" transform="translate(1.451 6.56)"><path id="Path_296" data-name="Path 296" d="M914.073,97.14a4.5,4.5,0,0,1-8.29.032l-2.306.984a7.007,7.007,0,0,0,12.924-.081Z" transform="translate(-903.477 -97.14)" fill="#fff"></path></g><path id="Path_294" data-name="Path 294" d="M999.2,78.6c0-4.44-6.555-3.4-6.555-5.705A1.176,1.176,0,0,1,994,71.689a1.435,1.435,0,0,1,1.53,1.379h3.5c-.132-2.531-2.078-3.967-4.968-3.967-2.777,0-4.836,1.4-4.836,3.911-.038,4.7,6.593,3.382,6.593,5.837,0,.775-.6,1.247-1.549,1.247a1.521,1.521,0,0,1-1.644-1.511h-3.438c.094,2.683,2.324,4.1,5.176,4.1C997.458,82.684,999.2,80.833,999.2,78.6Zm15.378,3.948h3.212V76.393c0-2.834-1.681-4.5-4.288-4.5a4.24,4.24,0,0,0-3.551,1.965,3.938,3.938,0,0,0-3.589-1.965,3.719,3.719,0,0,0-3.079,1.436V72.011h-3.23V82.552h3.23V76.828a2.025,2.025,0,1,1,4.043,0v5.724h3.212V76.828a2.024,2.024,0,1,1,4.043,0Zm4.345,0h3.23V72.011h-3.23Zm1.625-11.637a1.756,1.756,0,1,0-1.927-1.738,1.778,1.778,0,0,0,1.927,1.738Zm2.815,11.637h3.23V68.572h-3.23Zm9.087-8.1a1.823,1.823,0,0,1,1.984,1.813h-4.043A2,2,0,0,1,1032.445,74.448Zm5.044,4.609h-3.438a1.717,1.717,0,0,1-1.681,1.02,1.954,1.954,0,0,1-2-2.021h7.311a8.119,8.119,0,0,0,.057-.945,4.967,4.967,0,0,0-5.252-5.252,5.423,5.423,0,0,0,0,10.844A4.926,4.926,0,0,0,1037.489,79.057Z" transform="translate(-968.816 -67.42)" fill="#e8594b"></path></g></g></g></svg></div><span>Ověření vašeho telefonního čísla a e-mailové adresy nám umožňuje chránit váš účet. Tímto způsobem zajišťujeme bezpečnost vašich údajů a vaše soukromí.</span></div><div class="expchck_login__buttons mb-md-2"><a class="expchck_login__verify_pin btn --solid --large d-flex justify-content-center mb-5" href="#verify_pin">Pokračovat</a></div><div class="expchck_login__services_link d-flex justify-content-center align-items-center mb-3"><a class="expchck_login__login_services mr-3" href="#login_services">Přihlášení jinými prostředky</a><div><img class="mr-2" src="/gfx/standards/google.svg?r=1787662638" alt="google"><img class="mr-2" src="/gfx/standards/facebook.svg?r=1787662638" alt="facebook"><img src="/gfx/standards/linkedin.svg?r=1787662638" alt="linkedin"></div></div></div></template><template id="expchck_login_verify_pin"><div class="expchck_login --verify_pin d-flex flex-column"><span class="expchck_login__text --pin_phone mb-3">Poslali jsme na číslo <strong class="expchck_login__pin_phone"></strong> 6místný kód. Za několik sekund se k vám dostane.</span><span class="expchck_login__text --pin_email mb-3">Odeslali jsme na e-mailovou adresu <strong class="expchck_login__pin_email"></strong> 6místný kód. Za několik sekund se k vám dostane.</span><div class="f-group expchck_login__pin otc"><div class="f-feedback"><input type="text" pattern="[0-9]*" value="" inputmode="numeric" autocomplete="one-time-code" id="otc-1" required="required"><input class="expchck_login__pin_inp" type="text" pattern="[0-9]*" min="0" max="9" value="" inputmode="numeric" id="otc-2" required="required"><input class="expchck_login__pin_inp" type="text" pattern="[0-9]*" min="0" max="9" value="" inputmode="numeric" id="otc-3" required="required"><input class="expchck_login__pin_inp" type="text" pattern="[0-9]*" min="0" max="9" value="" inputmode="numeric" id="otc-4" required="required"><input class="expchck_login__pin_inp" type="text" pattern="[0-9]*" min="0" max="9" value="" inputmode="numeric" id="otc-5" required="required"><input class="expchck_login__pin_inp" type="text" pattern="[0-9]*" min="0" max="9" value="" inputmode="numeric" id="otc-6" required="required"></div></div><a href="#change_pin_option" class="expchck_login__change_pin_option mb-5">Změna telefonního čísla nebo e-mailu</a><div class="expchck_login__buttons"><a class="btn --solid --large d-flex justify-content-center mb-5" href="#signin">Pokračovat</a></div><div class="expchck_login__send_pin d-flex justify-content-center mb-md-1"><a href="#send_pin">Odeslat kód znovu</a></div></div></template></footer><script src="/gfx/cze/shop.js.gzip?r=1787662726"></script><script src="/gfx/cze/envelope.js.gzip?r=1787662726"></script><script src="/gfx/cze/menu_suggested_shop_for_language.js.gzip?r=1787662726"></script><script src="/gfx/cze/menu_alert.js.gzip?r=1787662726"></script><script src="/gfx/cze/menu_compare.js.gzip?r=1787662726"></script><script src="/gfx/cze/menu_shoppinglist.js.gzip?r=1787662726"></script><script src="/gfx/cze/menu_omnibus.js.gzip?r=1787662726"></script><script src="/gfx/cze/express_checkout.js.gzip?r=1787662726"></script><script src="/gfx/cze/projector_photos.js.gzip?r=1787662726"></script><script src="/gfx/cze/projector_details.js.gzip?r=1787662726"></script><script src="/gfx/cze/projector_configurator.js.gzip?r=1787662726"></script><script src="/gfx/cze/projector_bundle_zone.js.gzip?r=1787662726"></script><script src="/gfx/cze/projector_dictionary.js.gzip?r=1787662726"></script><script src="/gfx/cze/projector_projector_opinons_form.js.gzip?r=1787662726"></script> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PDRQPCP" height="0" width="0" style="display:none;visibility:hidden">
