PageSourceSearch

https://www.metalelokacyjne.pl/contact-pol.html

html metalelokacyjne.pl collected 2026-09-25 06:37:25 UTC 747,647 bytes, 27,034 lines download raw bytes

1<!DOCTYPE html>
2<html lang="pl" class="--vat --gross " ><head><meta name='viewport' content='user-scalable=no, initial-scale = 1.0, maximum-scale = 1.0, width=device-width, viewport-fit=cover'/> <link rel="preload" crossorigin="anonymous" as="font" href="/gfx/standards/fontello.woff?v=2"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>Kontakt</title><meta name="keywords" content="złote monety, srebrne monety, sztabki złota, sztabki srebra"><meta name="description" content="Kontakt"><link rel="icon" href="/gfx/pol/favicon.ico"><meta name="theme-color" content="#333"><meta name="msapplication-navbutton-color" content="#333"><meta name="apple-mobile-web-app-status-bar-style" content="#333"><link rel="preload stylesheet" as="style" href="/gfx/pol/style.css.gzip?r=1766060906">
2<script>var app_shop={urls:{prefix:'data="/gfx/'.replace('data="', '')+'pol/',graphql:'/graphql/v1/'},vars:{priceType:'gross',priceTypeVat:true,productDeliveryTimeAndAvailabilityWithBasket:false,geoipCountryCode:'US',currency:{id:'PLN',symbol:'zł',country:'pl',format:'###,##0.00',beforeValue:false,space:true,decimalSeparator:',',groupingSeparator:' '},language:{id:'pol',symbol:'pl',name:'Polski'},},txt:{priceTypeText:' brutto',},fn:{},fnrun:{},files:[],graphql:{}};const getCookieByName=(name)=>{const value=`; ${document.cookie}`;const parts = value.split(`; ${name}=`);if(parts.length === 2) return parts.pop().split(';').shift();return false;};if(getCookieByName('freeeshipping_clicked')){document.documentElement.classList.remove('--freeShipping');}if(getCookieByName('rabateCode_clicked')){document.documentElement.classList.remove('--rabateCode');}function hideClosedBars(){const closedBarsArray=JSON.parse(localStorage.getItem('closedBars'))||[];if(closedBarsArray.length){const styleElement=document.createElement('style');styleElement.textContent=`${closedBarsArray.map((el)=>`#${el}`).join(',')}{display:none !important;}`;document.head.appendChild(styleElement);}}hideClosedBars();</script>
2<script src="/gfx/pol/shop.js.gzip?r=1766060906"></script>
2<script src="/gfx/pol/contact_address.js.gzip?r=1766060906"></script>
2<meta name="robots" content="index,follow"><meta name="rating" content="general"><meta name="Author" content="Metale Lokacyjne na bazie IdoSell (www.idosell.com/shop).">
2<script >
3window.dataLayer = window.dataLayer || [];
4window.gtag = function gtag() {
5dataLayer.push(arguments);
6}
7gtag('consent', 'default', {
8'ad_storage': 'denied',
9'analytics_storage': 'denied',
10'ad_personalization': 'denied',
11'ad_user_data': 'denied',
12'functionality_storage': 'granted',
13'security_storage': 'granted',
14'wait_for_update': 500
15});
16
17gtag('set', 'ads_data_redaction', true);
18</script>
18<script id="iaiscript_1" data-requirements="W10=" data-ga4_sel="ga4script">
19window.iaiscript_1 = `<${'script'}  class='google_consent_mode_update'>
20gtag('consent', 'update', {
21'ad_storage': 'denied',
22'analytics_storage': 'denied',
23'ad_personalization': 'denied',
24'ad_user_data': 'denied'
25});
26</${'script'}>`;
27</script>
27                <!-- Global site tag (gtag.js) -->
vendor: 81 bytes, lines 27-28
27
28                <script  async src="https://www.googletagmanager.com/gtag/js?id=
28G-E4RXVBM0TJ
vendor: 28 bytes, lines 28-29
28"></script>
29                
29<script >
30                    window.dataLayer = window.dataLayer || [];
31                    window.gtag = function gtag(){dataLayer.push(arguments);}
32                    gtag('js', new Date());
33                    
34                    gtag('config', 'G-E4RXVBM0TJ');
35
36                </script>
36
37                
38<!-- Begin LoginOptions html -->
39
40<style>
41#client_new_social .service_item[data-name="service_Apple"]:before, 
42#cookie_login_social_more .service_item[data-name="service_Apple"]:before,
43.oscop_contact .oscop_login__service[data-service="Apple"]:before {
44    display: block;
45    height: 2.6rem;
46    content: url('/gfx/standards/apple.svg?r=1743165583');
47}
48.oscop_contact .oscop_login__service[data-service="Apple"]:before {
49    height: auto;
50    transform: scale(0.8);
51}
52#client_new_social .service_item[data-name="service_Apple"]:has(img.service_icon):before,
53#cookie_login_social_more .service_item[data-name="service_Apple"]:has(img.service_icon):before,
54.oscop_contact .oscop_login__service[data-service="Apple"]:has(img.service_icon):before {
55    display: none;
56}
57</style>
58
59<!-- End LoginOptions html -->
60
61<!-- Open Graph -->
62<link rel="manifest" href="https://www.metalelokacyjne.pl/data/include/pwa/4/manifest.json?t=3"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><meta name="apple-mobile-web-app-title" content="www.metalelokacyjne.pl"><link rel="apple-touch-icon" href="/data/include/pwa/4/icon-128.png"><link rel="apple-touch-startup-image" href="/data/include/pwa/4/logo-512.png" /><meta name="msapplication-TileImage" content="/data/include/pwa/4/icon-144.png"><meta name="msapplication-TileColor" content="#2F3BA2"><meta name="msapplication-starturl" content="/">
62<script type="application/javascript">var _adblock = true;</script>
62<script async src="/data/include/advertising.js"></script>
62<script type="application/javascript">var statusPWA = {
63                online: {
64                    txt: "Połączono z internetem",
65                    bg: "#5fa341"
66                },
67                offline: {
68                    txt: "Brak połączenia z internetem",
69                    bg: "#eb5467"
70                }
71            }</script>
71<script async type="application/javascript" src="/ajax/js/pwa_online_bar.js?v=1&r=6"></script>
71
72<!-- End Open Graph -->
73
74<link rel="canonical" href="https://www.metalelokacyjne.pl/contact-pol.html" />
75
76<link rel="stylesheet" type="text/css" href="/data/designs/6942c7f4f09670.49355641_3/gfx/pol/custom.css.gzip?r=1778154559">            <!-- Google Tag Manager -->
77                    
77<script >
vendor: 407 bytes, lines 77-81
77(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
78                    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
79                    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
80                    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
81                    })(window,document,'script','dataLayer','
81GTM-WQ9X8N2P
vendor: 3 bytes, line 81
81');
81</script>
81
82            <!-- End Google Tag Manager -->
83<!-- Begin additional html or js -->
84
85
86<!--356|4|37| modified: 2024-11-04 13:38:16-->
87<meta name="google-site-verification" content="6SfCHGwdmk42Vj2cE2cYxfPBMq29yEb7Vh-tVHtNQts" />
88<!--107|4|41-->
89<script>
90    $(function()
91{
92    console.log('blackstrip init_');
93    if($.cookie('topstrip')==null || $.cookie('topstrip')=='')
94{
95    $('body').prepend($('.blackstrip'));
96    $('.blackstrip').append('<div class="menu_buttons3_close"><i class="icon-remove"></i></div>');
97$('.blackstrip').show();
98    /*$('#menu_buttons3').show();
99    
100    if($('#menu_buttons3').length)
101    {
102        if(typeof(topstrip_mode) != 'undefined' && topstrip_mode=='static')
103            $('header').css('padding-top',0);
104        
105        if(typeof(topstrip_mode) != 'undefined' && topstrip_mode=='fixed')
106            $('#menu_buttons3').css('position','fixed');
107    }*/
108
109}
110
111$('.menu_buttons3_close').off()
112})
113
114
115$(document).on('click','.menu_buttons3_close',function()
116{
117    /*var date = new Date();
118    date.setTime(date.getTime() + (30 * 1000));*/
119    //topstrip_time = parseInt($('.blackstrip').attr('data-time'));
120
121    if(typeof(topstrip_time) != 'undefined')
122    {
123        $.cookie('topstrip', 1, { expires: topstrip_time });
124        console.log('expires in:', topstrip_time);
125    }
126    else
127    {
128        $.cookie('topstrip', 1);
129        console.log('expires immediately');
130    }
131
132    $('.blackstrip').hide();
133
134    /*if(typeof(topstrip_mode) != 'undefined' && topstrip_mode=='static')
135        $('header').css('padding-top','40px');*/
136})
137</script>
137
138
139<style>
140.blackstrip
141{
142display:none;
143}
144
145.icon-remove:before {
146    content: '\f00d';
147}
148
149div.menu_buttons3_close {
150	font-size: 24px;
151	color: #FFF;
152	position: absolute;
153	right: 15px;
154	top: 5px;
155	cursor: pointer;
156}
157</style>
158<!--118|4|41-->
159<script>loadProjectorCallback = function()
160{
161    if(app_shop.vars.view==4)
162    $('#projector_form .photos').before( $('#component_projector_longdescription_not'));
163    else
164    $('#projector_form').after( $('#component_projector_longdescription_not'));
165
166    $('.mobileTab').live('click',function(){$('html, body').animate({scrollTop:$('.mobileTab:first').offset().top - 30}, 'fast');});   
167        if($('#projector_tabs_outer div').size())$('#projector_form').after($('.n58676'));
168
169        if(!$('html').hasClass('_mobile'))$('.n58676').appendTo('#projector_tabs');
170
171    $('#longdescription_content').trunk8({
172    lines: 24,
173    onTruncate: truncateCallback()
174    });
175
176    /*if($('#longdescription_content').attr('title')){
177        $('#longdescription_more').show();
178    }*/
179
180    $('#longdescription_more span.show_more').live('click', function(){
181        $('#longdescription_content').html($('#longdescription_content').attr('data-title'));
182        $('#longdescription_more').hide();
183
184    });
185
186    $('#component_deposit > div').html(depozyt);
187    $('#component_payment_methods > div').html(platnosci);
188    $('#component_lowest_prices > div').html(ceny);
189    $('#component_dostawa24h > div').html(dostawa);
190};</script>
190
191<!--121|4|41-->
192<style>
193div.stock_info_hours
194{
195display:none;
196}
197</style>
198<!--136|4|41-->
199<style>
200projector_form div.photos div.enclosures a img {
201    max-height: 93px;
202}
203._mobile #dialog_wrapper {z-index: 1001 !important;}
204#dialog_client_mail_propose1 span a.button_password_recover:hover {font-size: 1.129em !important;}
205#contact_map, .contact_map_all{display:none !important;}
206</style>
207<!--261|4|123| modified: 2026-07-02 10:23:49-->
208<script>function isCurrentLang(lang) {
209  const html = document.documentElement;
210  return html.getAttribute("lang") === lang;
211}
212
213const langPl = isCurrentLang("pl");
214const langEn = isCurrentLang("en");
215const langDe = isCurrentLang("de");
216const langEs = isCurrentLang("es");
217const langCs = isCurrentLang("cs");
218const langRo = isCurrentLang("ro");
219const langFr = isCurrentLang("fr");
220const langHu = isCurrentLang("hu");
221const langIt = isCurrentLang("it");
222const langBg = isCurrentLang("bg");
223
224</script>
224
225
226<!-- End additional html or js -->
227</head><body><div id="head_belka_fiex"></div><div id="header_bar_two"></div><div id="container" class="contact_page container max-width-1200"><header class=" commercial_banner">
227<script class="ajaxLoad">app_shop.vars.vat_registered="true";app_shop.vars.currency_format="###,##0.00";app_shop.vars.currency_before_value=false;app_shop.vars.currency_space=true;app_shop.vars.symbol="zł";app_shop.vars.id="PLN";app_shop.vars.baseurl="http://www.metalelokacyjne.pl/";app_shop.vars.sslurl="https://www.metalelokacyjne.pl/";app_shop.vars.curr_url="%2Fcontact-pol.html";var currency_decimal_separator=',';var currency_grouping_separator=' ';app_shop.vars.blacklist_extension=["exe","com","swf","js","php"];app_shop.vars.blacklist_mime=["application/javascript","application/octet-stream","message/http","text/javascript","application/x-deb","application/x-javascript","application/x-shockwave-flash","application/x-msdownload"];app_shop.urls.contact="/contact-pol.html";</script>
227<div id="viewType" style="display:none"></div><div id="logo" class="d-flex align-items-center"><a href="/main.php" target="_self"><img src="/data/gfx/mask/pol/logo_4_big.svg" alt="" width="0" height="0"></a></div><form action="https://www.metalelokacyjne.pl/search.php" method="get" id="menu_seearch" class="menu_seearch"><a href="#showSearchForm" class="menu_seearch__mobile" aria-label="Szukaj"></a><div class="menu_seearch__block"><div class="menu_seearch__item --input"><input class="menu_seearch__input" type="text" name="text" autocomplete="off" placeholder="Wpisz czego szukasz" aria-label="Wpisz czego szukasz"><button class="menu_seearch__submit" type="submit" aria-label="Szukaj"></button></div><div class="menu_seearch__item --results search_resuult"></div></div></form><div id="menu_settings" class="align-items-center justify-content-center justify-content-lg-end"><div class="open_trigger"><span class="d-none d-md-inline-block flag_txt">zł</span><div class="menu_settings_wrapper d-md-none"><div class="menu_settings_inline"><div class="menu_settings_header">
228								Język i waluta: 
229							</div><div class="menu_settings_content"><span class="menu_settings_flag flag flag_pol"></span><strong class="menu_settings_value"><span class="menu_settings_language">pl</span><span> | </span><span class="menu_settings_currency">zł</span></strong></div></div><div class="menu_settings_inline"><div class="menu_settings_header">
230								Dostawa do: 
231							</div><div class="menu_settings_content"><strong class="menu_settings_value">Polska</strong></div></div></div><i class="icon-angle-down d-none d-md-inline-block"></i></div><form action="https://www.metalelokacyjne.pl/settings.php" method="post"><ul><li><div class="form-group"><label for="menu_settings_curr">Waluta</label><div class="select-after"><select class="form-control" name="curr" id="menu_settings_curr"><option value="PLN" selected>zł</option><option value="EUR">EUR (1 zł = 0.2283EUR)
232															</option><option value="USD">USD (1 zł = 0.2598USD)
233															</option><option value="GBP">GBP (1 zł = 0.1966GBP)
234															</option><option value="CHF">CHF (1 zł = 0.2155CHF)
235															</option><option value="CZK">CZK (1 zł = 5.6148CZK)
236															</option></select></div></div><div class="form-group"><label for="menu_settings_country">Dostawa do</label><div class="select-after"><select class="form-control" name="country" id="menu_settings_country"><option value="1143020001">Albania</option><option value="1143020004">Algieria</option><option value="1143020005">Andora</option><option value="1143020011">Arabia Saudyjska</option><option value="1143020012">Argentyna</option><option value="1143020013">Armenia</option><option value="1143020015">Australia</option><option value="1143020016">Austria</option><option value="1143020017">Azerbejdżan</option><option value="1143020019">Bahrajn</option><option value="1143020022">Belgia</option><option value="1143020027">Białoruś</option><option value="1143020029">Bośnia i Hercegowina</option><option value="1143020031">Brazylia</option><option value="1143020032">Brunei</option><option value="1143020033">Bułgaria</option><option value="1143020036">Chile</option><option value="1143020037">Chiny</option><option value="1143020038">Chorwacja</option><option value="1143020040">Cypr</option><option value="1170044701">Czarnogóra</option><option value="1143020041">Czechy</option><option value="1143020042">Dania</option><option value="1143020043">Dominika</option><option value="1143020044">Dominikana</option><option value="1143020046">Dziewicze Wyspy Stanów Zj.</option><option value="1143020048">Egipt</option><option value="1143020049">Ekwador</option><option value="1143020051">Estonia</option><option value="1143020054">Filipiny</option><option value="1143020056">Finlandia</option><option value="1143020057">Francja</option><option value="1143020061">Gibraltar</option><option value="1143020062">Grecja</option><option value="1143020064">Grenlandia</option><option value="1143020065">Gruzja</option><option value="1143020069">Gwadelupa</option><option value="1143020075">Hiszpania</option><option value="1143020076">Holandia</option><option value="1143020078">Hongkong</option><option value="1143020079">Indie</option><option value="1143020080">Indonezja</option><option value="1143020083">Irlandia</option><option value="1170044718">Irlandia Północna</option><option value="1143020084">Islandia</option><option value="1143020085">Izrael</option><option value="1143020087">Japonia</option><option value="1143020090">Jordania</option><option value="1143020095">Kanada</option><option value="1143020096">Katar</option><option value="1143020097">Kazachstan</option><option value="1143020099">Kirgistan</option><option value="1143020106">Korea Południowa</option><option value="1170044705">Kosowo</option><option value="1143020109">Kuwejt</option><option value="1143020115">Liechtenstein</option><option value="1143020116">Litwa </option><option value="1143020118">Łotwa</option><option value="1143020117">Luksembourg</option><option value="1143020119">Macedonia</option><option value="1143020120">Madagaskar</option><option value="1143020121">Makau</option><option value="1143020123">Malasia</option><option value="1143020124">Malediwy</option><option value="1143020126">Malta</option><option value="1143020129">Maroko</option><option value="1143020133">Meksyk</option><option value="1143020134">Mołdawia</option><option value="1143020135">Monako</option><option value="1143020143">Niemcy</option><option value="1143020149">Norwegia</option><option value="1143020151">Nowa Zelandia</option><option value="1143020156">Panama</option><option value="1143020158">Paragwaj</option><option value="1143020159">Peru</option><option selected value="1143020003">Polska</option><option value="1143020162">Portoryko</option><option value="1143020163">Portugalia</option><option value="1143020165">
236Republika Południowej Afryki</option><option value="1143020168">Rosja</option><option value="1143020169">Rumunia</option><option value="1143020171">Saint Kittsi Nevis</option><option value="1143020172">Saint Lucia</option><option value="1143020174">Saint Vincenti Grenadyny</option><option value="1143020175">Salwador</option><option value="1143020177">San Marino</option><option value="1170044700">Serbia</option><option value="1143020181">Singapur</option><option value="1143020182">Słowacja</option><option value="1143020183">Słowenia</option><option value="1143020185">Sri Lanka</option><option value="1143020186">Stany Zjednoczone</option><option value="1143020192">Szwajcaria</option><option value="1143020193">Szwecja</option><option value="1143020195">Tadżykistan</option><option value="1143020196">Tajlandia</option><option value="1143020197">Tajwan</option><option value="1143020204">Tunezja</option><option value="1143020210">Ukraina</option><option value="1143020211">Urugwaj</option><option value="1143020212">Uzbekistan</option><option value="1143020215">Watykan</option><option value="1143020217">Węgry</option><option value="1143020216">Wenezuela</option><option value="1143020218">Wielka Brytania</option><option value="1143020219">Wietnam</option><option value="1143020220">Włochy</option><option value="1170044719">Wyspy Kanaryjskie</option><option value="1143020234">Zjednoczone Emiraty Arabskie</option></select></div></div></li><li class="buttons"><button class="btn --solid --large" type="submit">
237								Zastosuj zmiany
238							</button></li></ul></form><div id="menu_additional"><a class="account_link" href="https://www.metalelokacyjne.pl/login.php">Zaloguj się</a><div class="shopping_list_top" data-empty="true"><a href="https://www.metalelokacyjne.pl/pl/shoppinglist/" class="wishlist_link slt_link --empty">Listy zakupowe</a><div class="slt_lists"><ul class="slt_lists__nav"><li class="slt_lists__nav_item" data-list_skeleton="true" data-list_id="true" data-shared="true"><a class="slt_lists__nav_link" data-list_href="true"><span class="slt_lists__nav_name" data-list_name="true"></span><span class="slt_lists__count" data-list_count="true">0</span></a></li><li class="slt_lists__nav_item --empty"><a class="slt_lists__nav_link --empty" href="https://www.metalelokacyjne.pl/pl/shoppinglist/"><span class="slt_lists__nav_name" data-list_name="true">Lista zakupowa</span><span class="slt_lists__count" data-list_count="true">0</span></a></li></ul></div></div></div></div><div class="shopping_list_top_mobile" data-empty="true"><a href="https://www.metalelokacyjne.pl/pl/shoppinglist/" class="sltm_link --empty"></a></div><div class="sl_choose sl_dialog"><div class="sl_choose__wrapper sl_dialog__wrapper"><div class="sl_choose__item --top sl_dialog_close mb-2"><strong class="sl_choose__label">Zapisz na liście zakupowej</strong></div><div class="sl_choose__item --lists" data-empty="true"><div class="sl_choose__list f-group --radio m-0 d-md-flex align-items-md-center justify-content-md-between" data-list_skeleton="true" data-list_id="true" data-shared="true"><input type="radio" name="add" class="sl_choose__input f-control" id="slChooseRadioSelect" data-list_position="true"><label for="slChooseRadioSelect" class="sl_choose__group_label f-label py-4" data-list_position="true"><span class="sl_choose__sub d-flex align-items-center"><span class="sl_choose__name" data-list_name="true"></span><span class="sl_choose__count" data-list_count="true">0</span></span></label><button type="button" class="sl_choose__button --desktop btn --solid">Zapisz</button></div></div><div class="sl_choose__item --create sl_create mt-4"><a href="#new" class="sl_create__link  align-items-center">Stwórz nową listę zakupową</a><form class="sl_create__form align-items-center"><div class="sl_create__group f-group --small mb-0"><input type="text" class="sl_create__input f-control" required="required"><label class="sl_create__label f-label">Nazwa nowej listy</label></div><button type="submit" class="sl_create__button btn --solid ml-2 ml-md-3">Utwórz listę</button></form></div><div class="sl_choose__item --mobile mt-4 d-flex justify-content-center d-md-none"><button class="sl_choose__button --mobile btn --solid --large">Zapisz</button></div></div></div><div id="menu_basket" class="topBasket"><a href="/basketedit.php" class="topBasket__sub" aria-label="Wartość koszyka: 0,00 zł"><span class="badge badge-info" aria-hidden="true"></span><strong class="topBasket__price">0,00 zł</strong></a><div class="topBasket__details --products" style="display: none;"><div class="topBasket__block --labels"><label class="topBasket__item --name">Produkt</label><label class="topBasket__item --sum">Ilość</label><label class="topBasket__item --prices">Cena</label></div><div class="topBasket__block --products"></div></div><div class="topBasket__details --shipping" style="display: none;"><span class="topBasket__name">Koszt dostawy od</span><span id="shipppingCost"></span></div></div><nav id="menu_categories" class="wide"><button type="button" class="navbar-toggler"><i class="icon-reorder"></i></button><div class="navbar-collapse" id="menu_navbar"><ul class="navbar-nav mx-md-n2"><li class="nav-item"><a  href="/pol_m_Produkty-541.html" target="_self" title="Produkty" class="nav-link" >Produkty</a><ul class="navbar-subnav"><li class="nav-item"><a  href="/pol_m_Produkty_Monety-545.html" target="_self" title="Monety" class="nav-link" >Monety</a><ul class="navbar-subsubnav"><li class="nav-item"><a  href="/pol_m_Produkty_Monety_Zlote-546.html" target="_self" title="Złote" class="nav-link" >Złote</a></li><li class="nav-item"><a  href="/pol_m_Produkty_Monety_Srebrne-502.html" target="_self" title="Srebrne" class="nav-link" >Srebrne</a></li><li class="nav-item"><a  href="/pol_m_Produkty_Monety_Numizmaty-2656.html" target="_self" title="Numizmaty " class="nav-link" >Numizmaty </a></li><li class="nav-item"><a  href="/pol_m_Produkty_Monety_Platynowe-506.html" target="_self" title="Platynowe" class="nav-link" >Platynowe</a></li><li class="nav-item"><a  href="/pol_m_Produkty_Monety_Tytanowe-2807.html" target="_self" title="Tytanowe" class="nav-link" >Tytanowe</a></li><li class="nav-item"><a  href="/pol_m_Produkty_Monety_Miedzionikiel-1341.html" target="_self" title="Miedzionikiel" 
238class="nav-link" >Miedzionikiel</a></li><li class="nav-item"><a  href="/pol_m_Produkty_Monety_Miedziane-578.html" target="_self" title="Miedziane" class="nav-link" >Miedziane</a></li><li class="nav-item"><a  href="/pol_m_Produkty_Monety_Pakiety-588.html" target="_self" title="Pakiety" class="nav-link" >Pakiety</a></li><li class="nav-item"><a  href="/pol_m_Produkty_Monety_Stal-1996.html" target="_self" title="Stal" class="nav-link" >Stal</a></li><li class="nav-item"><a  href="/pol_m_Produkty_Monety_Braz-2730.html" target="_self" title="Brąz" class="nav-link" >Brąz</a></li></ul></li><li class="nav-item"><a  href="/pol_m_Produkty_Sztabki-553.html" target="_self" title="Sztabki" class="nav-link" >Sztabki</a><ul class="navbar-subsubnav"><li class="nav-item"><a  href="/pol_m_Produkty_Sztabki_Zlote-sztabki-503.html" target="_self" title="Złote sztabki" class="nav-link" >Złote sztabki</a></li><li class="nav-item"><a  href="/pol_m_Produkty_Sztabki_Srebrne-sztabki-522.html" target="_self" title="Srebrne sztabki" class="nav-link" >Srebrne sztabki</a></li><li class="nav-item"><a  href="/pol_m_Produkty_Sztabki_Miedziane-sztabki-579.html" target="_self" title="Miedziane sztabki" class="nav-link" >Miedziane sztabki</a></li></ul></li><li class="nav-item"><a  href="/pol_m_Produkty_Inne-metale-521.html" target="_self" title="Inne metale" class="nav-link" >Inne metale</a><ul class="navbar-subsubnav"><li class="nav-item"><a  href="/pol_m_Produkty_Inne-metale_Platyna-2832.html" target="_self" title="Platyna" class="nav-link" >Platyna</a></li><li class="nav-item"><a  href="/pol_m_Produkty_Inne-metale_Braz-1295.html" target="_self" title="Brąz" class="nav-link" >Brąz</a></li><li class="nav-item"><a  href="/pol_m_Produkty_Inne-metale_Miedz-2835.html" target="_self" title="Miedź" class="nav-link" >Miedź</a></li><li class="nav-item"><a  href="/pol_m_Produkty_Inne-metale_Miedzionikiel-2836.html" target="_self" title="Miedzionikiel" class="nav-link" >Miedzionikiel</a></li><li class="nav-item"><a  href="/pol_m_Produkty_Inne-metale_Tytan-2837.html" target="_self" title="Tytan" class="nav-link" >Tytan</a></li></ul></li><li class="nav-item"><a  href="/pol_m_Produkty_Banknoty-Waluty-2296.html" target="_self" title="Banknoty / Waluty" class="nav-link" >Banknoty / Waluty</a><ul class="navbar-subsubnav"><li class="nav-item"><a  href="/pol_m_Produkty_Banknoty-Waluty_Banknoty-2301.html" target="_self" title="Banknoty" class="nav-link" >Banknoty</a></li><li class="nav-item"><a  href="/pol_m_Produkty_Banknoty-Waluty_Waluty-2302.html" target="_self" title="Waluty" class="nav-link" >Waluty</a></li><li class="nav-item"><a  href="/pol_m_Produkty_Banknoty-Waluty_Bilon-Monety-obiegowe-2651.html" target="_self" title="Bilon / Monety obiegowe" class="nav-link" >Bilon / Monety obiegowe</a></li></ul></li><li class="nav-item"><a  href="/pol_m_Produkty_Akcesoria-509.html" target="_self" title="Akcesoria" class="nav-link" >Akcesoria</a><ul class="navbar-subsubnav more"><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/firm-pol-1325860799-Leuchtturm.html" target="_self" title="Leuchtturm" class="nav-link" >Leuchtturm</a></li><li class="nav-item"><span title="Ochrona walorów" class="nav-link" >Ochrona walorów</span></li><li class="nav-item"><a  href="/pol_m_Produkty_Akcesoria_Ochrona-i-czyszczenie-1978.html" target="_self" title="Ochrona i czyszczenie" class="nav-link" >Ochrona i czyszczenie</a></li><li class="nav-item"><a  href="/pol_m_Produkty_Akcesoria_Masterbox-1962.html" target="_self" title="Masterbox" class="nav-link" >Masterbox</a></li><li class="nav-item"><a  href="/pol_m_Produkty_Akcesoria_Tuby-1946.html" target="_self" title="Tuby" class="nav-link" >Tuby</a></li><li class="nav-item"><a  href="/pol_m_Produkty_Akcesoria_Etui-na-monety-519.html" target="_self" title="Etui na monety" class="nav-link" >Etui na monety</a></li><li class="nav-item"><a  href="/pol_m_Produkty_Akcesoria_Etui-kasety-1965.html" target="_self" title="Etui, kasety" class="nav-link" >Etui, kasety</a></li><li class="nav-item"><a  href="/pol_m_Produkty_Akcesoria_Kapsle-510.html" target="_self" title="Kapsle" class="nav-link" >Kapsle</a></li><li class="nav-item"><span title="Akcesoria do monet" class="nav-link" >Akcesoria do monet</span></li><li class="nav-item">
238<a  href="/pol_m_Produkty_Akcesoria_Weryfikacja-metali-2809.html" target="_self" title="Weryfikacja metali" class="nav-link" >Weryfikacja metali</a></li><li class="nav-item"><a  href="/pol_m_Produkty_Akcesoria_Lupy-517.html" target="_self" title="Lupy" class="nav-link" >Lupy</a></li><li class="nav-item"><a  href="/pol_m_Produkty_Akcesoria_Suwmiarki-514.html" target="_self" title="Suwmiarki" class="nav-link" >Suwmiarki</a></li><li class="nav-item"><a  href="/pol_m_Produkty_Akcesoria_Wagi-515.html" target="_self" title="Wagi" class="nav-link" >Wagi</a></li><li class="nav-item"><a  href="/pol_m_Produkty_Akcesoria_Oswietlenie-1950.html" target="_self" title="Oświetlenie " class="nav-link" >Oświetlenie </a></li><li class="nav-item"><a  href="/pol_m_Produkty_Akcesoria_Katalog-monet-2053.html" target="_self" title="Katalog monet" class="nav-link" >Katalog monet</a></li><li class="nav-item --extend"><a href="" class="nav-link" txt_alt="- Zwiń">+ Rozwiń</a></li></ul></li></ul></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html" target="_self" title="Złote" class="nav-link" >Złote</a><ul class="navbar-subnav"><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html" target="_self" title="Złote monety" class="nav-link" >Złote monety</a><ul class="navbar-subsubnav"><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html" target="_self" title="Wszystkie monety" class="nav-link" >Wszystkie monety</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/Premiery-snewproducts-pol.html?filter_traits%5B1%5D=&amp;filter_traits%5B512%5D=&amp;filter_traits%5B4582%5D=&amp;filter_traits%5B510%5D=&amp;filter_pricerange=&amp;filter_traits%5B304%5D=&amp;" target="_self" title="Nowości" class="nav-link" >Nowości</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pl/categories/zloto-wszystkie-produkty-zlote-monety-1214553894/wszystkie-produkty-srebro-1214553813?instock=y" target="_self" title="Dostępność 24h" class="nav-link" >Dostępność 24h</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Numizmaty-2656.html" target="_self" title="Numizmaty" class="nav-link" >Numizmaty</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/Bestseller-sbestseller-pol.html?filter_traits%5B1%5D=&amp;filter_traits%5B512%5D=&amp;filter_traits%5B4582%5D=&amp;filter_traits%5B510%5D=&amp;filter_pricerange=&amp;filter_traits%5B304%5D=" target="_self" title="Bestseller" class="nav-link" >Bestseller</a></li><li class="nav-item"><span title="Waga" class="nav-link" >Waga</span></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html?filter_price=&amp;filter_traits%5B1%5D=&amp;filter_traits%5B510%5D=481&amp;filter_traits%5B512%5D=&amp;filter_availability=y&amp;filter_traits%5B304%5D=" target="_self" title="1 oz" class="nav-link" >1 oz</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html?filter_price=&amp;filter_traits%5B1%5D=&amp;filter_traits%5B510%5D=906&amp;filter_traits%5B512%5D=&amp;filter_availability=y&amp;filter_traits%5B304%5D=" target="_self" title="1/2 oz" class="nav-link" >1/2 oz</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html?filter_price=&amp;filter_traits%5B1%5D=&amp;filter_traits%5B510%5D=485&amp;filter_traits%5B512%5D=&amp;filter_availability=y&amp;filter_traits%5B304%5D=" target="_self" title="1/4 oz" class="nav-link" >1/4 oz</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html?filter_default=n&amp;filter_traits%5B510%5D=483&amp;filter_availability=y" target="_self" title="1/10 oz" class="nav-link" >1/10 oz</a></li></ul></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/zloto-najlepszych-cenach" target="_self" title="Popularne monety" class="nav-link" >Popularne monety</a><ul class="navbar-subsubnav"><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/ser-pol-796-Britannia.html" target="_self" title="Britannia" class="nav-link" >Britannia</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/ser-pol-54-Wiener-Philharmoniker.html" target="_self" title="Wiener Philharmoniker" class="nav-link" >Wiener Philharmoniker</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/ser-pol-53-Maple-Leaf.html" target="_self" title="Maple Leaf" class="nav-link" >Maple Leaf</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/ser-pol-31-Australian-Kangaroo.html" target="_self" title="Australian Kangaroo" class="nav-link" >Australian Kangaroo</a></li><li class="nav-item">
238<a  href="https://www.metalelokacyjne.pl/ser-pol-99-Chinese-Panda.html" target="_self" title="Chińska Panda" class="nav-link" >Chińska Panda</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/ser-pol-52-Krugerrand.html" target="_self" title="Krugerrand" class="nav-link" >Krugerrand</a></li><li class="nav-item"><a  href="/ser-pol-211-American-Eagle.html" target="_self" title="American Eagle" class="nav-link" >American Eagle</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/ser-pol-43-African-Wildlife.html" target="_self" title="African Wildlife" class="nav-link" >African Wildlife</a></li></ul></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/lng/producers.html" target="_self" title="Mennice " class="nav-link" >Mennice </a><ul class="navbar-subsubnav"><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/lng/producers.html" target="_self" title="Wszystkie mennice" class="nav-link" >Wszystkie mennice</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/firm-pol-1294328448-The-Perth-Mint.html?filter_traits%5B4779%5D=&amp;filter_traits%5B1%5D=277&amp;filter_traits%5B512%5D=&amp;filter_traits%5B510%5D=&amp;filter_traits%5B4582%5D=&amp;filter" target="_self" title="The Perth Mint" class="nav-link" >The Perth Mint</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/firm-pol-1423579524-The-Royal-Mint.html?filter_traits%5B4779%5D=&amp;filter_traits%5B1%5D=277&amp;filter_traits%5B512%5D=&amp;filter_traits%5B510%5D=&amp;filter_traits%5B4582%5D=&amp;filter" target="_self" title="The Royal Mint" class="nav-link" >The Royal Mint</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/firm-pol-1142347123-The-Royal-Canadian-Mint.html?filter_traits%5B1%5D=277&amp;filter_traits%5B512%5D=&amp;filter_traits%5B510%5D=&amp;filter_traits%5B4582%5D=&amp;filter_pricerange=&amp;fil" target="_self" title="The Royal Canadian Mint" class="nav-link" >The Royal Canadian Mint</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/firm-pol-1474985814-New-Zealand-Post.html?filter_traits%5B1%5D=277&amp;filter_traits%5B512%5D=&amp;filter_traits%5B510%5D=&amp;filter_traits%5B4582%5D=&amp;filter_pricerange=&amp;filter_tra" target="_self" title="New Zealand Post" class="nav-link" >New Zealand Post</a></li><li class="nav-item"><a  href="/firm-pol-1560249442-New-Zealand-Mint.html?filter_traits%5B1%5D=277&amp;filter_traits%5B512%5D=&amp;filter_traits%5B510%5D=&amp;filter_traits%5B4582%5D=&amp;filter_pricerange=&amp;filter_traits%5B304%5D=&amp;filter_traits%5B" target="_self" title="New Zealand Mint" class="nav-link" >New Zealand Mint</a></li></ul></li></ul></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Srebrne-502.html" target="_self" title="Srebrne" class="nav-link" >Srebrne</a><ul class="navbar-subnav"><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Srebrne-502.html" target="_self" title="Srebne monety" class="nav-link" >Srebne monety</a><ul class="navbar-subsubnav more"><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Srebrne-502.html" target="_self" title="Wszystkie monety" class="nav-link" >Wszystkie monety</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/Nowosci-snewproducts-pol.html?filter_traits%5B1%5D=367&amp;filter_traits%5B510%5D=&amp;filter_traits%5B512%5D=&amp;filter_availability=y&amp;filter_traits%5B304%5D=&amp;filter_series=&amp;filte" target="_self" title="Nowości" class="nav-link" >Nowości</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pl/categories/zloto-wszystkie-produkty-zlote-monety-1214553894/wszystkie-produkty-srebro-1214553813?instock=y" target="_self" title="Dostępność 24h" class="nav-link" >Dostępność 24h</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/Bestseller-sbestseller-pol.html?filter_traits%5B4779%5D=&amp;filter_traits%5B1%5D=367&amp;filter_traits%5B512%5D=&amp;filter_traits%5B510%5D=&amp;filter_traits%5B4582%5D=&amp;filter_pricera" target="_self" title="Bestseller" class="nav-link" >Bestseller</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Numizmaty-2656.html" target="_self" title="Numizmaty" class="nav-link" >Numizmaty</a></li><li class="nav-item"><a  href=" https://www.metalelokacyjne.pl/Serie-monet-ccms-pol-836.html" target="_self" title="Serie monet" class="nav-link" >Serie monet</a></li><li class="nav-item">
238<a  href="https://www.metalelokacyjne.pl/Popkultura-ccms-pol-822.html" target="_self" title="Popkultura" class="nav-link" >Popkultura</a></li><li class="nav-item"><span title="Waga" class="nav-link" >Waga</span></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Srebrne-502.html?filter_traits%5B1%5D=&amp;filter_traits%5B512%5D=&amp;filter_traits%5B510%5D=3636%2C580&amp;filter_pricerange=&amp;filter_traits%5B304%5D=&amp;filter_" target="_self" title="2 oz" class="nav-link" >2 oz</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Srebrne-502.html?filter_price=&amp;filter_traits%5B69%5D=&amp;filter_traits%5B510%5D=481&amp;filter_traits%5B512%5D=&amp;filter_availability=y&amp;filter_series=&amp;filte" target="_self" title="1 oz" class="nav-link" >1 oz</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Srebrne-502.html?filter_price=&amp;filter_traits%5B1%5D=&amp;filter_traits%5B510%5D=3074%2C906%2C3178%2C2802%2C3801%2C2963%2C3180%2C3057&amp;filter_traits%5B51" target="_self" title="1/2 oz" class="nav-link" >1/2 oz</a></li><li class="nav-item --extend"><a href="" class="nav-link" txt_alt="- Zwiń">+ Rozwiń</a></li></ul></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/srebro-najlepszych-cenach" target="_self" title="Popularne monety" class="nav-link" >Popularne monety</a><ul class="navbar-subsubnav more"><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/ser-pol-796-Britannia.html" target="_self" title="Britannia" class="nav-link" >Britannia</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/ser-pol-54-Wiener-Philharmoniker.html" target="_self" title="Wiener Philharmoniker" class="nav-link" >Wiener Philharmoniker</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/ser-pol-53-Maple-Leaf.html" target="_self" title="Maple Leaf" class="nav-link" >Maple Leaf</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/ser-pol-31-Australian-Kangaroo.html" target="_self" title="Australian Kangaroo" class="nav-link" >Australian Kangaroo</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/ser-pol-99-China-Panda.html" target="_self" title="Chińska Panda" class="nav-link" >Chińska Panda</a></li><li class="nav-item"><a  href="/ser-pol-52-Krugerrand.html" target="_self" title="Krugerrand" class="nav-link" >Krugerrand</a></li><li class="nav-item"><a  href="/ser-pol-211-American-Eagle.html" target="_self" title="American Eagle" class="nav-link" >American Eagle</a></li><li class="nav-item"><a  href="/firm-pol-1325097313-Casa-de-Moneda-de-Mexico.html" target="_self" title="Mexican Libertad" class="nav-link" >Mexican Libertad</a></li><li class="nav-item"><a  href="ser-pol-78-The-Royal-Tudor-Beasts.html" target="_self" title="The Royal Tudor Beasts" class="nav-link" >The Royal Tudor Beasts</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/ser-pol-203-Kookaburra.html" target="_self" title="Kookaburra" class="nav-link" >Kookaburra</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/ser-pol-34-Noahs-Ark.html" target="_self" title="Noah's Ark" class="nav-link" >Noah's Ark</a></li><li class="nav-item"><a  href="/ser-pol-43-African-Wildlife.html" target="_self" title="African Wildlife" class="nav-link" >African Wildlife</a></li><li class="nav-item --extend"><a href="" class="nav-link" txt_alt="- Zwiń">+ Rozwiń</a></li></ul></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/lng/producers.html" target="_self" title="Mennice" class="nav-link" >Mennice</a><ul class="navbar-subsubnav"><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/lng/producers.html" target="_self" title="Wszystkie mennice" class="nav-link" >Wszystkie mennice</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/firm-pol-1294328448-The-Perth-Mint.html" target="_self" title="The Perth Mint" class="nav-link" >The Perth Mint</a></li><li class="nav-item"><a  href="/firm-pol-1423579524-The-Royal-Mint.html?filter_traits%5B4779%5D=&amp;filter_traits%5B1%5D=367%2C12&amp;filter_traits%5B512%5D=&amp;filter_traits%5B510%5D=&amp;filter_traits%5B4582%5D=&amp;f" target="_self" title="The Royal Mint" class="nav-link" >The Royal Mint</a></li><li class="nav-item"><a  href="/firm-pol-1142347122-Austrian-Mint.html?filter_traits%5B1%5D=367&amp;filter_traits%5B512%5D=&amp;filter_traits%5B510%5D=&amp;filter_traits%5B4582%5D=&amp;filter_pricerange=&amp;filter_traits%5B304%5D=&amp;filter_traits%5B69%" target="_self" title="Austrian Mint" class="nav-link" >Austrian Mint</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/firm-pol-1142347123-The-Royal-Canadian-Mint.html?filter_traits%5B1%5D=367&amp;filter_traits%5B512%5D=&amp;filter_traits%5B510%5D=&amp;filter_traits%5B4582%5D=&amp;filter_pricerange=&amp;fil" target="_self" title="The Royal Canadian Mint" class="nav-link" >The Royal Canadian Mint</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/firm-pol-1325097313-Casa-de-Moneda-de-Mexico.html?filter_traits%5B1%5D=367&amp;filter_traits%5B512%5D=&amp;filter_traits%5B510%5D=&amp;filter_traits%5B4582%5D=&amp;filter_pricerange=&amp;fi" target="_self" title="Casa De Moneda De Mexico" class="nav-link" >Casa De Moneda De Mexico</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/firm-pol-1599214350-The-East-India-Company.html?filter_traits%5B1%5D=367&amp;filter_traits%5B512%5D=&amp;filter_traits%5B510%5D=&amp;filter_traits%5B4582%5D=&amp;filter_pricerange=&amp;filt" target="_self" title="The East India Company" class="nav-link" >The East India Company</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/firm-pol-1673367688-CIT.html?filter_traits%5B1%5D=367&amp;filter_traits%5B512%5D=&amp;filter_traits%5B510%5D=&amp;filter_traits%5B4582%5D=&amp;filter_pricerange=&amp;filter_traits%5B304%5D=" target="_self" title="CIT" class="nav-link" >CIT</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/firm-pol-1560249442-New-Zealand-Mint.html?filter_traits%5B1%5D=&amp;filter_traits%5B512%5D=&amp;filter_traits%5B4582%5D=&amp;filter_traits%5B510%5D=&amp;filter_pricerange=&amp;filter_traits" target="_self" title="New Zealand Mint" class="nav-link" >New Zealand Mint</a></li><li class="nav-item"><a  href="/firm-pol-1611316088-Pressburg-Mint.html?filter_traits%5B1%5D=367&amp;filter_traits%5B4880%5D=&amp;filter_traits%5B512%5D=&amp;filter_traits%5B510%5D=&amp;filter_traits%5B4582%5D=&amp;filter_pricerange=&amp;filter_traits%5B3" target="_self" title="Pressburg Mint" class="nav-link" >Pressburg Mint</a></li></ul></li></ul></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Sztabki-553.html" target="_self" title="Sztabki" class="nav-link" >Sztabki</a><ul class="navbar-subnav"><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Sztabki-553.html" target="_self" title="Sztabki" class="nav-link" >Sztabki</a><ul class="navbar-subsubnav"><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Sztabki_Zlote-sztabki-503.html" target="_self" title="Sztabki złota" class="nav-link" >Sztabki złota</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Sztabki_Srebrne-sztab
238ki-522.html" target="_self" title="Sztabki srebra" class="nav-link" >Sztabki srebra</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Sztabki_Miedziane-sztabki-579.html" target="_self" title="Miedziane sztabki" class="nav-link" >Miedziane sztabki</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Sztabki_Tytanowe-Sztabki-580.html" target="_self" title="Sztabki Tytanowe" class="nav-link" >Sztabki Tytanowe</a></li><li class="nav-item"><span title="waga" class="nav-link" >waga</span></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Sztabki-553.html?filter_traits%5B1%5D=&amp;filter_traits%5B510%5D=713&amp;filter_availability=y&amp;filter_traits%5B304%5D=&amp;filter_series=&amp;filter_traits%5B849%5D=&amp;fil" target="_self" title="0,5 g" class="nav-link" >0,5 g</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Sztabki-553.html?filter_price=&amp;filter_traits%5B1%5D=&amp;filter_traits%5B510%5D=19&amp;filter_traits%5B512%5D=&amp;filter_availability=y&amp;filter_traits%5B69%5D=&amp;filter" target="_self" title="1 gram" class="nav-link" >1 gram</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Sztabki-553.html?filter_traits%5B1%5D=&amp;filter_traits%5B510%5D=481&amp;filter_traits%5B512%5D=&amp;filter_availability=y&amp;filter_traits%5B304%5D=&amp;filter_series=&amp;fil" target="_self" title="1 uncja" class="nav-link" >1 uncja</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Sztabki-553.html?filter_price=&amp;filter_traits%5B1%5D=&amp;filter_traits%5B510%5D=580&amp;filter_traits%5B512%5D=&amp;filter_availability=y&amp;filter_traits%5B304%5D=&amp;filt" target="_self" title="2 uncje" class="nav-link" >2 uncje</a></li></ul></li></ul></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/pol_m_Promocje-2026-3026.html" target="_self" title="Promocje" class="nav-link" >Promocje</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/Nowosci-snewproducts-pol.html?filter_availability=y" target="_self" title="Nowości" class="nav-link" >Nowości</a></li><li class="nav-item"><a  href="/search.php?=+&amp;instock=y" target="_self" title="Dostępność 24h" class="nav-link" >Dostępność 24h</a></li><li class="nav-item"><a  href="/zloto-najlepszych-cenach" target="_self" title="Lokowanie" class="nav-link" >Lokowanie</a></li><li class="nav-item"><a  href=" https://www.metalelokacyjne.pl/Kantor-cinfo-pol-786.html" target="_self" title="Kantor" class="nav-link" >Kantor</a></li><li class="nav-item"><a  href="https://www.metalelokacyjne.pl/Skup-i-komis-cinfo-pol-785.html" target="_blank" title="Skup złota 365" class="nav-link" >Skup złota 365</a></li></ul></div></nav><div id="breadcrumbs" class="breadcrumbs"><div class="back_button"><button id="back_button"></button></div><div class="list_wrapper"><ol><li><span>Jesteś tutaj:  </span></li><li class="bc-main"><span><a href="/">Strona główna</a></span></li><li class="bc-active bc-contact"><span>Kontakt</span></li></ol></div></div></header><div id="layout" class="row clearfix"><aside class="col-3"><section class="shopping_list_menu"><div class="shopping_list_menu__block --lists slm_lists" data-empty="true"><span class="slm_lists__label">Listy zakupowe</span><ul class="slm_lists__nav"><li class="slm_lists__nav_item" data-list_skeleton="true" data-list_id="true" data-shared="true"><a class="slm_lists__nav_link" data-list_href="true"><span class="slm_lists__nav_name" data-list_name="true"></span><span class="slm_lists__count" data-list_count="true">0</span></a></li><li class="slm_lists__nav_header"><span class="slm_lists__label">Listy zakupowe</span></li><li class="slm_lists__nav_item --empty"><a class="slm_lists__nav_link --empty" href="https://www.metalelokacyjne.pl/pl/shoppinglist/"><span class="slm_lists__nav_name" data-list_name="true">Lista zakupowa</span><span class="slm_lists__count" data-list_count="true">0</span></a></li></ul><a href="#manage" class="slm_lists__manage d-none align-items-center d-md-flex">Zarządzaj listami</a></div><div class="shopping_list_menu__block --bought slm_bought"><a class="slm_bought__link d-flex" href="https://www.metalelokacyjne.pl/products-bought.php">
239				Lista dotychczas zamówionych produktów
240			</a></div><div class="shopping_list_menu__block --info slm_info"><strong class="slm_info__label d-block mb-3">Jak działa lista zakupowa?</strong><ul class="slm_info__list"><li class="slm_info__list_item d-flex mb-3">
241					Po zalogowaniu możesz umieścić i przechowywać na liście zakupowej dowolną liczbę produktów nieskończenie długo.
242				</li><li class="slm_info__list_item d-flex mb-3">
243					Dodanie produktu do listy zakupowej nie oznacza automatycznie jego rezerwacji.
244				</li><li class="slm_info__list_item d-flex mb-3">
245					Dla niezalogowanych klientów lista zakupowa przechowywana jest do momentu wygaśnięcia sesji (około 24h).
246				</li></ul></div></section><div id="mobileCategories" class="mobileCategories"><div class="mobileCategories__item --menu"><a class="mobileCategories__link --active" href="#" data-ids="#menu_search,.shopping_list_menu,#menu_search,#menu_navbar,#menu_navbar3, #menu_blog">
247                            Menu
248                        </a></div><div class="mobileCategories__item --account"><a class="mobileCategories__link" href="#" data-ids="#menu_contact,#login_menu_block">
249                            Konto
250                        </a></div><div class="mobileCategories__item --settings"><a class="mobileCategories__link" href="#" data-ids="#menu_settings">
251                                Ustawienia
252                            </a></div></div><div class="setMobileGrid" data-item="#menu_navbar"></div><div class="setMobileGrid" data-item="#menu_navbar3" data-ismenu1="true"></div><div class="setMobileGrid" data-item="#menu_blog"></div><div class="login_menu_block d-lg-none" id="login_menu_block"><a class="sign_in_link" href="/login.php" title=""><i class="icon-user"></i><span>Zaloguj się</span></a><a class="registration_link" href="/client-new.php?register" title=""><i class="icon-lock"></i><span>Zarejestruj się</span></a><a class="order_status_link" href="/order-open.php" title=""><i class="icon-globe"></i><span>Sprawdź status zamówienia</span></a></div><div class="setMobileGrid" data-item="#menu_contact"></div><div class="setMobileGrid" data-item="#menu_settings"></div></aside><div id="content" class="col-12"><div class="contact_cms cm"><style>
253.contact_address_sub {display: none;}
254
255    table.contact_mailform {
256        margin: 0;
257    }
258    #contact_contact {
259        display: none;
260    }
261    div.contact_address_left {
262        font-size: 1.1em;
263        line-height: 1.5;
264    }
265    div.contact_address_right {
266        font-size: 1.1em;
267        line-height: 2;
268    }
269    div.contact_cms {
270        padding-right: 0;
271    }
272    .logo-mm {
273        float: right;
274        margin-bottom: 30px;
275    }
276    .logo-mm img {
277        width: 60%;
278    }
279    .c-contact {
280        position: relative;
281    }
282    .c-contact .header {
283        font-size: 1.3em;
284        margin: 80px 0 30px 0;
285        text-align: center;
286    }
287    .c-contact .header p {
288        line-height: 1.5;
289    }
290    .bank-1,.bank-2 {
291        display: flex;
292        justify-content: center;
293        align-items: center;
294        margin-bottom: 50px;
295        width: 100%;
296    }
297    .bank-1 .logo-1 img ,.bank-2 .logo-2 img{
298        width: 200px;
299    }
300    .bank-1 .line ,.bank-2 .line {
301        height: 350px;
302        width: 1px;
303        background: #333;
304        margin: 0 30px 0 30px;
305    }
306    .bank-1 .list-1 ,.bank-2 .list-2 {
307        text-align: right;
308        list-style-type: none;
309        font-size: 1.1em;
310        line-height: 2;
311        width: 78%;
312    }
313    /*
314    #maps-holder
315    */
316    .c-contact .info {
317        font-size: 1.1em;
318        line-height: 2;
319    }
320    .bank img {
321        width: 30%;
322    }
323
324    @media only screen and (max-width: 979px) {
325    div.contact_cms {
326        display: initial !important;
327    }
328
329.bank-1,.bank-2 {
330display: flex;
331flex-direction: column;
332
333}
334.bank-1 .line ,.bank-2 .line {
335height: 1px;
336width: 350px;
337margin: 0 0 35px 0;
338}
339.bank-1 .list-1 ,.bank-2 .list-2 {
340text-align: left;
341width: 100%;
342
343padding: 0;
344}
345
346
347    }
348    
349    
350
351</style>
352
353
354<div id="maps-holder" style="height:320px;">
355<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2443.9430388331184!2d21.022643577742702!3d52.226252671985606!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x471ecdfe1b5e4d9f%3A0x22bb2da742f8e4ce!2sKantor%20Metal%20Market%20Europe%20Sp.%20z%20o.o.!5e0!3m2!1spl!2spl!4v1698417386351!5m2!1spl!2spl" width="100%" height="350" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
356</div>
357
358
359
360
361
362<style>
363  #info_kareczka_a {background:#f5f6fa ;padding: 10px 10px; text-align: center;
364  margin-bottom: 10px;
365  }
366
367  #info_kareczka_a p{color:#414c5c;font-size: 14px;}
368</style> 
369
370<br><br>
371
372
373
374<style>
375  #belak_sedule a:hover {
376    color: var(--darkyello);
377    text-decoration: underline !important;
378  }
379
380  #bar_blackweek img {
381    border-radius: 10px;
382  }
383
384  #bar_blackweek {
385    position: relative;
386  }
387
388  @media (max-width:728px) {
389
390#belak_sedule a {
391display: flex;
392  justify-content: center;
393  align-items: center;
394  gap: 20px;
395  padding: 10px 0px;
396  border-radius: 10px;
397  flex-direction: column;
398  text-align: center;
399}
400#belak_sedule p {font-size: 15px !important;}
401
402#belak_sedule .headline__after {position: static;}
403
404}
405</style>
406
407
408
409
410<!--<div id="timechange">-->
411
412<!--    <p>Dla was <strong style="color: #fff;">wydłużamy godziny pracy!</strong></p>-->
413
414<!--    <a href="https://www.metalelokacyjne.pl/Harmonogram-pracy-sklepu-2023-24-cterms-zha-764.html">-->
415<!--        <div class="btn_box white_btn" style="position: static;">Dowiedz się więcej o godzinach pracy</div>-->
416<!--    </a>-->
417
418<!--</div>-->
419
420<style>
421    #timechange {
422        max-width: 1400px;
423        min-height: 60px;
424        display: flex;
425        justify-content: center;
426        margin: auto;
427        gap: 20px;
428        background: url("https://www.metalelokacyjne.pl/data/include/cms/metal_market/zmiana_czasu/bg_time.jpg?v=1700557404871") no-repeat;
429        color: #fff;
430        border-radius: 10px;
431        background-size: cover;
432        align-items: center;
433        margin: 10px 0px;
434        font-size: 18px;
435        margin-top: 0px;
436        background: #f5f6fa;
437        background: #00a7cc;
438        margin: auto;
439        margin-bottom: 10px;
440    }
441
442    #timechange a {
443        z-index: 999;
444        position: relative;
445    }
446
447    #timechange .btn_box {border: solid 1px #ccc; color: #fff;padding: 5px 10px ;border-radius: 3px;}
448
449
450    @media screen and (max-width: 900px) {
451        #timechange {
452            flex-direction: column;
453            padding: 10px;
454            gap: 0px;
455            margin-top: 0px;
456            border-radius: 2px;
457
458        }
459    }
460</style>
461
462
463
464
465
466
467
468</div>
469
470<div class="c-contact">
471
472<div class="c-contact header">
473<p>Płatności bankowe można dokonywać na konta <b>PKO&nbsp;BP&nbsp;S.A.</b> oraz <b>CITY&nbsp;Bank&nbsp;Handlowy w&nbsp;Warszawie&nbsp;S.A.</b>
474</p>    
475</div>
476
477
478<div class="c-contact info">
479<br>
480<p><b>Biuro obsługi klienta: </b><a href="mailto:[email protected]">[email protected]</a>
481</p>
482<br>
483
484<p><strong>Adres strony:</strong></p>
485<p>Metal Market Europe sp. z o.o.</p>
486<p>Wiejska 11/1</p>
487
488<p>00-480 Warszawa</p>
489
490<p>(POLSKA)</p>
491
492<p><b>Godziny otwarcia sklepu:</b></p>
493<p>Poniedziałek-Piątek od 9.00 do 17.00</p>
494<p>Sobota-Niedziela - zamknięte</p>
495
496
497
498
499
500<div class="bank-1">
501
502<div class="logo-1">
503<img src="https://www.metalmarket.eu/data/include/cms/mme/img/contact/pkobp.jpg" alt="">
504</div>
505
506<div class="line"></div>
507
508<ul class="list-1">
509
510
511<li><strong>NIP </strong><span>PL7831696976</span></li>
512<li><strong>REGON </strong><span>302346549</span></li>
513
514
515<li><strong>Numer wpisu: </strong><span>BPKOPLPW</span></li>
516
517
518<li><strong>Bank: </strong><span>PKO&nbsp;BP&nbsp;S.A.</span></li><li><strong>Adres&nbsp;banku&nbsp;PKO&nbsp;BP: </strong><span>Regionalny Oddział Korporacyjny w&nbsp;Białymstoku&nbsp;(podlaski) al.&nbsp;1000-lecia&nbsp;Państwa&nbsp;Polskiego&nbsp;6</span></li>
519
520<li><strong>IBAN (Numer konta) PLN PKO BP: </strong><span>34 1020 1332 0000 1102 0972 2911</span></li>
521
522<li><strong>IBAN (Numer konta) USD PKO BP: </strong><span>12 1020 1332 0000 1802 0973 1888 </span></li>
523
524<li><strong>IBAN (Numer konta) EUR PKO BP: </strong><span>67 1020 1332 0000 1402 0973 1870 </span></li>
525
526<li><strong>IBAN (Numer konta) GBP PKO BP: </strong><span>29 1020 1332 0000 1602 1139 0962</span></li>
527
528<li><strong>IBAN (Numer konta) CZK PKO BP: </strong><span>28 1020 1332 0000 1202 1150 8449</span></li>
529<li><strong>IBAN (Numer konta) CHF PKO BP: </strong><span>94 1020 1332 0000 1102 1464 2641</span></li>
530
531<li><strong>Sort&nbsp;Code&nbsp;GBP&nbsp;PKO&nbsp;BP: &nbsp;</strong><span>29&nbsp;1020&nbsp;1332 </span></li><li><strong>Numer rachunku bankowego GBP&nbsp;PKO&nbsp;BP: </strong><span>0000&nbsp;1602&nbsp;1139&nbsp;0962</span></li>
532
533</ul>
534
535</div>
536
537<div class="bank-2">
538<div class="logo-2">
539<img src="https://www.metalmarket.eu/data/include/cms/mme/img/contact/city.jpg" alt="">
540</div>
541<div class="line"></div>
542
543<ul class="list-2">
544
545<li><strong>Bank: </strong><span>Bank Handlowy w Warszawie S.A. </span></li>
546
547<li><strong>SWIFT: </strong><span>CITIPLPX</span></li>
548
549<li><strong>Adres banku CITI: </strong><span>Bank&nbsp;Handlowy w&nbsp;Warszawie&nbsp;S.A. Oddział&nbsp;banku Regionalne Centrum Rozliczeń Olsztyn, ul.&nbsp;Pstrowskiego&nbsp;16 10-602&nbsp;Olsztyn</span></li>
550
551<li><strong>IBAN (Numer konta) PLN CITI: </strong><span>62 1030 1508 0000 0008 1987 7000</span></li>
552
553<li><strong>IBAN (Numer konta) EUR CITI: </strong><span>35 1030 1508 0000 0008 1987 7001</span></li>
554
555<li><strong>IBAN (Numer konta) USD CITI: </strong><span>08 1030 1508 0000 0008 1987 7002</span></li>
556
557<li><strong>Numer licencji Narodowego Banku Polskiego: </strong><span>13563</span></li>
558
559</ul>
560
561</div>
562
563
564
565
566
567
568
569
570</div></div>
570<script>
571            var mapTypeContact = "ROADMAP";
572            var navControlContact = "TRUE";
573            var mapTypeControlContact = "TRUE";
574            var scControlContact = "TRUE";
575            var controlTypeContact = "ZOOM_PAN";
576            var mapTypeControlStyleContact = "DROPDOWN_MENU";
577            var markersAnimationContact = "TRUE";
578            var bCordContact= "52";
579            var lCordContact = "19.5";
580            var contactLanguage   = "pol";
581            var contactZoom     = parseInt("10");
582            var markerContactCustomIcon      = "TRUE";
583            var mapSiteType = 'contact';
584            var mapHideContact = "";
585            var google_api_key = '';
586        </script>
586<script>
587                var doSetL = '52.2262436';
588                var doSetB = '21.0251481';
589            </script>
589<div class="row"><div id="contact_contact" class="col-md-6 col-12"><h2 class="big_label">
590                Biuro obsługi klienta
591            </h2><div class="contact_contact_sub"><div class="contact_contact_phone"><p><strong>Tel: </strong><a href="tel:226238561">226238561</a></p><p><strong>Telefon: </strong><a href="tel:226238561">226238561</a></p><p><strong>E-mail: </strong><a href="mailto:[email protected]">[email protected]</a></p><p><strong>Adres: </strong><span>00-480 Warszawa, ul. Wiejska 11/1</span></p></div><div class="contact_contact_firm"><p><strong>Pełna nazwa: </strong><span class="contact_shop_name">Metal Market Europe Sp. z.o.o</span></p><p><strong>Adres: </strong><span id="contact_contact_street">Wiejska 11 lokal 1</span><span id="contact_contact_city">, <span id="contact_city">00-480 Warszawa</span></span><span id="contact_contact_country">                           
592                             (POLSKA)
593                        </span></p></div></div></div><div id="contact_address" class="col-md-6 col-12"><h2 class="big_label">
594                Właściciel sklepu
595            </h2><div class="contact_address_sub"><div><div class="contact_address_data"><h3>Metal Market Europe sp. z o.o.</h3><div class="contact_data_address"><div class="contact_data_address_sub"><p id="contact_address_street">Wiejska 11/1</p><p id="contact_address_city">, 00-480 Warszawa</p><p id="contact_address_country"> (POLSKA)</p></div></div></div></div><div><p><strong>Telefon: </strong><a href="tel:+48226238561">+48 22 623 85 61</a></p><p><strong>NIP: </strong><span>PL7831696976</span></p><p><strong>REGON: </strong><span>302346549</span></p><p><strong>Numer licencji Narodowego Banku Polskiego: </strong><span>13563</span></p><p><strong>Numer wpisu: </strong><span>0000443179</span></p><p><strong>IBAN (Numer konta w ustawionej walucie rozliczeniowej sklepu): </strong><span>34 1020 1332 0000 1102 0972 2911 </span></p><p><strong>SWIFT: </strong><span>BPKOPLPW</span></p><p><strong>Bank: </strong><span>PKO BP S.A.</span></p><p><strong>-----: </strong><span>-----</span></p><p><strong>Adres banku PKO BP: </strong><span>Regionalny Oddział Korporacyjny w Białymstoku (podlaski) al. 1000-lecia Państwa Polskiego 6</span></p><p><strong>IBAN PLN PKO BP: </strong><span>34 1020 1332 0000 1102 0972 2911</span></p><p><strong>IBAN USD PKO BP: </strong><span>12 1020 1332 0000 1802 0973 1888 </span></p><p><strong>IBAN  EUR PKO BP : </strong><span>67 1020 1332 0000 1402 0973 1870 </span></p><p><strong>IBAN CZK PKO BP: </strong><span>28 1020 1332 0000 1202 1150 8449</span></p><p><strong>PKO BP HUF: </strong><span>27 1020 1332 0000 1402 1547 0625</span></p><p><strong>PKO BP RON: </strong><span>69 1020 1026 0000 1802 0735 0830</span></p><p><strong>IBAN CHF PKO BP: </strong><span>94 1020 1332 0000 1102 1464 2641</span></p><p><strong>IBAN GBP PKO BP: </strong><span>29 1020 1332 0000 1602 1139 0962</span></p><p><strong>Sort Code GBP PKO BP: </strong><span>29 1020 1332 </span></p><p><strong>GBP PKO BP: </strong><span>0000 1602 1139 0962</span></p><p><strong>--------: </strong><span>-----</span></p><p><strong>Bank: </strong><span>Bank Handlowy w Warszawie SA </span></p><p><strong>SWIFT: </strong><span>CITIPLPX</span></p><p><strong>Adres banku CITI: </strong><span>Bank Handlowy w Warszawie SA Oddział banku Regionalne Centrum Rozliczeń Olsztyn, ul.Pstrowskiego 16 10-602 Olsztyn</span></p><p><strong>IBAN (Numer konta) PLN CITI: </strong><span>62 1030 1508 0000 0008 1987 7000</span></p><p><strong>IBAN (Numer konta) EUR CITI: </strong><span>35 1030 1508 0000 0008 1987 7001</span></p><p><strong>IBAN (Numer konta) USD CITI: </strong><span>08 1030 1508 0000 0008 1987 7002</span></p><p><strong>------: </strong><span>----</span></p></div></div></div></div><section class="row"><div id="mymap"></div></section><div id="stocks_contact4" class="row"><div class="col-12"><h2 class="big_label">
596                        Odwiedź jeden z naszych sklepów
597                    </h2><p>
598                        Jeśli sam chcesz odebrac zamówienie lub obejrzeć nasz asortyment, możesz to zrobić w jednym z wielu naszych sklepów. Sprawdz adresy i godziny dostaw, aby wybrać sklep, który najbardziej odpowiada Twoim potrzebom.
599                    </p><a href="/stocks.php" class="btn --solid --medium">Zobacz nasze sklepy</a></div></div></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">
599<script>
600
601    document
602        .querySelectorAll(".nav-item a")[0].classList.add("produkty_btn")
603
604    document
605        .querySelectorAll(".nav-item a")[0]
606        .insertAdjacentHTML(
607            "beforebegin",
608
609            `
610      <div class="menu_link"><img src="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/menu_sub.svg?v=1702299536495"></div>
611  
612  
613  
614      `
615        )
616        .classList.add("produkt");
617
618    // document.querySelectorAll(".navbar-nav .nav-item.--noBold a")[1].style.color="red"
619
620    document
621        .querySelectorAll(".nav-item li")[4]
622        .insertAdjacentHTML(
623            "beforebegin",
624            `
625      <div class="menu_link"><img src="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/menu_sub.svg?v=1702299536495"></div>
626      `
627        )
628        .classList.add("produkt");
629</script>
629
630
631
632<style>
633
634body #container #layout .f-dropdown.f-group.--open .f-dropdown-menu {display: block !important;}
635
636  #menu_kafelki {
637    display: grid !important;
638    grid-template-columns: 1fr 1fr;
639  }
640
641  div#menu_kafelki img {
642    max-width: 60%;
643    margin: auto;
644    text-align: center;
645    display: flex;
646    gap: 10px;
647  }
648
649  #menu_navbar li a:hover:after {
650    display: none !important;
651  }
652
653
654  #menu_kafelki .monety_box a::after {
655    display: none !important;
656  }
657
658  #menurwd_main {
659
660
661    .monety_box {
662
663      a {
664        color: var(--maincolor);
665        text-decoration: none;
666        border-bottom: solid 1px #ccc;
667        padding: 15px 0px;
668        width: 100%;
669        display: block;
670        text-align: left;
671        padding-left: 10px !important;
672        position: relative;
673        font-size: 18px;
674        font-weight: normal;
675      }
676
677    }
678  }
679
680
681
682  ._phone_mail_box a {
683    color: var(--green)
684  }
685
686  #mobileCategories.mobileCategories {
687    display: none !important;
688  }
689
690  ._phone_mail_box:nth-child(1) {
691    margin-top: 50px;
692  }
693
694  ._phone_mail_box {
695    color: var(--green) !important;
696    font-weight: 400;
697    font-size: 17px;
698    width: 100%;
699    margin: auto;
700    border: solid 2px var(--green);
701    text-align: center;
702    padding: 10px 30px;
703    border-radius: 70px;
704    margin-bottom: 10px;
705  }
706
707  #login_menu_block span {
708    color: var(--maincolor);
709    text-decoration: none;
710    /* border-bottom: solid 1px #ccc; */
711    padding: 5px 0px;
712    width: 100%;
713    display: block;
714    text-align: left;
715    padding-left: 10px;
716    position: relative;
717    font-size: 18px;
718    font-weight: normal;
719  }
720
721  .monety_box b {
722    font-weight: bold !important;
723  }
724
725  #login_menu_block i {
726    display: none;
727  }
728
729  .logout_link span {
730    color: #c31515 !important;
731    font-weight: bold;
732  }
733
734  .rabates_link {
735    display: none !important;
736  }
737
738  #help_desk {
739    display: none;
740  }
741
742  #help_desk.active {
743    display: block !important;
744  }
745
746  #menu_navbar #menu_kafelki {
747    margin-top: 0px;
748    max-width: 100% !important;
749  }
750
751  #menu_kafelki .submenu.active a::after {
752    display: none !important;
753  }
754
755  #mobileCategories.mobileCategories {
756    display: grid;
757    grid-template-columns: repeat(4, 1fr);
758  }
759
760  #mobileCategories .mobileCategories__link img {
761    max-width: 20px;
762    margin-bottom: 3px;
763  }
764
765  .mobileCategories__item.--menu a:before {
766    display: none !important;
767  }
768
769  #mobileCategories .mobileCategories__item a {
770    background: var(--twocolor) !important;
771    color: var(--maincolor) !important;
772  }
773
774
775  #mobileCategories .mobileCategories__link.--active img {
776    filter: brightness(0) saturate(100%) invert(53%) sepia(24%) saturate(7497%) hue-rotate(83deg) brightness(103%) contrast(102%);
777  }
778
779  /* #mobileCategories .mobileCategories__item.--account::before {content: url('/data/include/cms/mme/icons/loding.svg?v=1730195702041'); width: 20px;height: 20px;} */
780
781
782
783
784
785  #mobileCategories .mobileCategories__item {
786    border-left: solid 1px #ccc;
787  }
788
789  .none_arrow::after {
790    display: none !important;
791  }
792
793  @keyframes menuAnimation {
794    from {
795      right: -100%;
796    }
797
798    to {
799      right: 0%;
800    }
801  }
802
803  @keyframes menuAnimationHide {
804    from {
805      /* opacity:0; */
806      transform: translate(0, 0px);
807    }
808
809    to {
810      /* opacity:1; */
811      transform: translate(-100%, 0px);
812    }
813  }
814
815  .head_menu_title {
816    font-size: 23px;
817    font-weight: normal;
818    padding-left: 10px;
819    padding-top: 10px;
820    color: var(--maincolor);
821    border: none !important;
822
823  }
824
825
826
827
828  .submenu {
829    animation: menuAnimation 0.3s ease-out;
830  }
831
832  /* #menu_kafelki.active {animation: menuAnimationHide 0.3s ease-in ; } */
833
834
835  /* .submenu {animation: menuAnimationHide 0.3s ease-in ; } */
836
837
838  html.sidebar_open #menu_search {
839    margin-top: 20px;
840  }
841
842
843  #menu_kafelki ul {
844    padding-left: 0px !important;
845  }
846
847  .head_infoMenu {
848    font-weight: bold;
849  }
850
851
852
853
854
855
856  .monety_box a:hover {
857    background: var(--twocolor);
858    color: var(--green);
859  }
860
861
862  .monety_box a::after {
863
864    background: url(/data/include/cms/mme/arrwo.svg?v=1729687120347) no-repeat;
865    width: 15px;
866    background-size: 90%;
867    display: block;
868    content: '';
869    right: 10px;
870    position: absolute;
871    top: 18px;
872    height: 40px;
873  }
874
875  #menurwd_main a.head_infoMenu {
876    padding-left: 20px !important;
877    font-size: 28px;
878  }
879
880  a.head_infoMenu::after {
881    display: none;
882  }
883
884  .head_infoMenu::before {
885
886
887    background: url(/data/include/cms/mme/arrwo.svg?v=1729687120347) no-repeat;
888    width: 16px;
889    background-size: 100%;
890    display: block;
891    content: '';
892    left: 0px;
893    position: absolute;
894    top: 11px;
895    height: 24px;
896    transform: rotate(-180deg);
897
898
899  }
900
901  .submenu li {
902    display: block;
903  }
904
905
906  .close {
907    position: relative;
908    right: 20px;
909    top: -54px;
910  }
911
912  .mennice_main.active_mennia {
913    display: block;
914    width: 100% !important;
915  }
916
917
918  .mobileCategories__item a {
919    background: #414c5c !important;
920    color: #fff !important
921  }
922
923  .mobileCategories__item a.--active {
924    background: #2d3540 !important;
925    color: #fff !important
926  }
927
928
929  /* /data/include/cms/mme/arrwo.svg?v=1729687120347 */
930
931
932  #menu_navbar #menu_kafelki {
933    margin-top: 0px;
934    max-width: 200px;
935  }
936
937  #menu_kafelki {
938    display: flex;
939    /* grid-template-columns: 1fr 1fr; */
940    gap: 0px;
941
942    flex-direction: column;
943  }
944
945  .monety_box h3 {
946    font-size: 14px !important;
947    text-align: center;
948    padding: 0px;
949    margin: 0px;
950    font-size: 12px;
951  }
952
953
954
955  .btn_menurwd_box {
956    text-align: left;
957
958    grid-column-start: 1;
959    grid-column-end: 3;
960  }
961
962  .btn_menurwd_box h3 {
963    text-align: left;
964  }
965
966  .btn_menurwd_box a {
967    padding: 20px 0px;
968    border-top: solid 1px #f5f6fa;
969    border-bottom: solid 1px #f5f6fa;
970    display: block;
971    width: 100%;
972    text-align: left;
973    padding-left: 10px;
974    background: url("/data/include/cms/mme/menurwd_mme/arrow_left.svg?v=1692191643890") right 10px center no-repeat;
975
976    background-size: 7%;
977    background-color: #f5f6fa;
978  }
979
980  #menu_navbar .submenu li a {
981    border-top: solid 0px #f5f6fa !important;
982    border-bottom: solid 1px #f5f6fa !important;
983    padding-left: 10px !important;
984  }
985
986
987  #menu_navbar .submenu li a.head_infoMenu {
988    padding-left: 20px !important;
989  }
990
991  .monety_box img {
992    border-radius: 3px;
993  }
994
995  aside #menu_search .menu_search__block {
996
997    margin-top: 0px;
998    margin-bottom: 20px;
999  }
1000
1001
1002  .close {
1003    position: relative;
1004    right: 20px;
1005    top: -60px;
1006  }
1007
1008
1009  .setMobileGrid #menu_navbar .mx-md-n2 {
1010    display: none
1011  }
1012
1013
1014  .menu_lista a:visited {
1015    color: #404040;
1016  }
1017
1018  .submenu {
1019    display: none;
1020  }
1021
1022  .submenu.active {
1023    display: block;
1024
1025    position: absolute;
1026    background: #fff;
1027    width: 93%;
1028    z-index: 99;
1029    top: 60px;
1030    height: 120vh;
1031
1032  }
1033
1034  .menu_lista a:focus {
1035    color: #d4b471;
1036  }
1037
1038  .menu_lista {
1039
1040    background: #fff;
1041    width: 100%;
1042    height: 100%;
1043    z-index: 999;
1044  }
1045
1046  #menu_sub .menu_sub li,
1047  #menu_sub_serie .menu_sub li {
1048    list-style: none !important;
1049
1050  }
1051
1052  .menu_sub li a {
1053    text-decoration: none;
1054    font-size: 15px;
1055    font-weight: bold;
1056    display: block;
1057    width: 100%;
1058    padding: 15px 0px;
1059    border-bottom: solid 1px #f5f6fa;
1060
1061    text-align: left;
1062
1063  }
1064
1065
1066  #menu_sub_serie .images_seria {
1067    margin-bottom: 10px;
1068    min-height: 120px;
1069  }
1070
1071  .menu_lista {
1072    overflow-y: scroll;
1073  }
1074
1075  /* #menurwd_main {display:none;} */
1076
1077  #menurwd_main {
1078    display: block;
1079    width: 98%;
1080    overflow: hidden;
1081  }
1082
1083  @media (max-width: 1000px) {
1084
1085    #menurwd_main {
1086      display: block;
1087    }
1088
1089
1090    .main_page header.commercial_banner.custom-menu-bg {
1091      z-index: 9 !important
1092    }
1093
1094  }
1095
1096
1097  @media (max-width:728px) {
1098
1099    #mobileCategories.mobileCategories {
1100      display: grid !important;
1101    }
1102
1103    .slm_lists__label {
1104      display: none !important;
1105    }
1106
1107  }
1108
1109
1110
1111
1112
1113
1114  #mobileCategories {
1115    background: var(--twocolor);
1116  }
1117
1118  .mobileCategories__item a {
1119    display: flex;
1120    flex-direction: column;
1121    align-items: center;
1122    justify-content: center;
1123  }
1124
1125
1126
1127  #logo {
1128    margin-left: 10px;
1129  }
1130
1131  .icon-reorder:before {
1132    content: "";
1133
1134    background: url("https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/menu/rwd/menu_rwd.svg?v=1708608916848") no-repeat;
1135    display: block;
1136    width: 40px;
1137    height: 50px;
1138    background-size: contain;
1139    margin-top: 14px;
1140    margin-left: 0px;
1141  }
1142
1143  @media only screen and (max-width: 728px) {
1144
1145    #menu_kafelki h3.h3 {
1146      font-size: 14px !important;
1147      text-align: center;
1148    }
1149
1150
1151    aside .navbar-collapse ul {
1152      list-style: none;
1153      display: flex;
1154      flex-direction: column;
1155      flex-wrap: wrap;
1156    }
1157
1158    #menu_navbar li {
1159      margin-bottom: 0px !important;
1160    }
1161
1162  }
1163
1164
1165
1166
1167  .menu_head_icons {
1168    display: grid;
1169    grid-template-columns: 1fr 1fr;
1170  }
1171
1172  #menu_kafelki {
1173
1174
1175    .monety_box {
1176
1177      a {
1178        color: var(--maincolor);
1179        text-decoration: none;
1180        border-bottom: solid 1px #ccc;
1181        padding: 15px 0px;
1182        width: 100%;
1183        display: block;
1184        text-align: left;
1185        padding-left: 10px !important;
1186        position: relative;
1187        font-size: 18px;
1188        font-weight: normal;
1189      }
1190
1191    }
1192  }
1193
1194
1195
1196  ._phone_mail_box a {
1197    color: var(--green)
1198  }
1199
1200  #mobileCategories.mobileCategories {
1201    display: none !important;
1202  }
1203
1204  ._phone_mail_box:nth-child(1) {
1205    margin-top: 50px;
1206  }
1207
1208  ._phone_mail_box {
1209    color: var(--green) !important;
1210    font-weight: 400;
1211    font-size: 17px;
1212    width: 100%;
1213    margin: auto;
1214    border: solid 2px var(--green);
1215    text-align: center;
1216    padding: 10px 30px;
1217    border-radius: 70px;
1218    margin-bottom: 10px;
1219  }
1220
1221  #login_menu_block span {
1222    color: var(--maincolor);
1223    text-decoration: none;
1224    /* border-bottom: solid 1px #ccc; */
1225    padding: 5px 0px;
1226    width: 100%;
1227    display: block;
1228    text-align: left;
1229    padding-left: 10px;
1230    position: relative;
1231    font-size: 18px;
1232    font-weight: normal;
1233  }
1234
1235  .monety_box b {
1236    font-weight: bold !important;
1237  }
1238
1239  #login_menu_block i {
1240    display: none;
1241  }
1242
1243  .logout_link span {
1244    color: #c31515 !important;
1245    font-weight: bold;
1246  }
1247
1248  .rabates_link {
1249    display: none !important;
1250  }
1251
1252  #help_desk {
1253    display: none;
1254  }
1255
1256  #help_desk #menu_kafelki {
1257    display: block !important;
1258  }
1259
1260  #help_desk.active {
1261    display: block !important;
1262  }
1263
1264  #menu_navbar #menu_kafelki {
1265    margin-top: 0px;
1266    max-width: 100% !important;
1267  }
1268
1269  #menu_kafelki .submenu.active a::after {
1270    display: none !important;
1271  }
1272
1273  #mobileCategories.mobileCategories {
1274    display: grid;
1275    grid-template-columns: repeat(4, 1fr);
1276  }
1277
1278  #mobileCategories .mobileCategories__link img {
1279    max-width: 20px;
1280    margin-bottom: 3px;
1281  }
1282
1283  .mobileCategories__item.--menu a:before {
1284    display: none !important;
1285  }
1286
1287  #mobileCategories .mobileCategories__item a {
1288    background: var(--darkyello) !important;
1289    color: var(--lightyellow) !important;
1290  }
1291
1292
1293  #mobileCategories .mobileCategories__link.--active img {
1294    filter: brightness(0) saturate(100%) invert(53%) sepia(24%) saturate(7497%) hue-rotate(83deg) brightness(103%) contrast(102%);
1295  }
1296
1297
1298
1299  #mobileCategories .mobileCategories__item a.--active {
1300    background: #fff !important;
1301    color: var(--darkyello) !important;
1302  }
1303
1304  #mobileCategories .mobileCategories__item {
1305    border-left: solid 1px #ccc;
1306  }
1307
1308  .none_arrow::after {
1309    display: none !important;
1310  }
1311
1312  @keyframes menuAnimation {
1313    from {
1314      right: -100%;
1315    }
1316
1317    to {
1318      right: 0%;
1319    }
1320  }
1321
1322  @keyframes menuAnimationHide {
1323    from {
1324      /* opacity:0; */
1325      transform: translate(0, 0px);
1326    }
1327
1328    to {
1329      /* opacity:1; */
1330      transform: translate(-100%, 0px);
1331    }
1332  }
1333
1334  .head_menu_title {
1335    font-size: 23px;
1336    font-weight: normal;
1337    padding-left: 10px;
1338    padding-top: 10px;
1339    color: var(--maincolor);
1340    border: none !important;
1341
1342  }
1343
1344
1345
1346
1347  .submenu {
1348    animation: menuAnimation 0.3s ease-out;
1349  }
1350
1351  /* #menu_kafelki.active {animation: menuAnimationHide 0.3s ease-in ; } */
1352
1353
1354  /* .submenu {animation: menuAnimationHide 0.3s ease-in ; } */
1355
1356
1357  html.sidebar_open #menu_search {
1358    margin-top: 20px;
1359  }
1360
1361
1362  #menu_kafelki ul {
1363    padding-left: 0px !important;
1364  }
1365
1366  .head_infoMenu {
1367    font-weight: bold;
1368  }
1369
1370
1371
1372
1373
1374
1375  .monety_box a:hover {
1376    background: var(--twocolor);
1377    color: var(--green);
1378  }
1379
1380
1381  .monety_box a::after {
1382
1383    background: url(/data/include/cms/mme/arrwo.svg?v=1729687120347) no-repeat;
1384    width: 15px;
1385    background-size: 90%;
1386    display: block;
1387    content: '';
1388    right: 10px;
1389    position: absolute;
1390    top: 18px;
1391    height: 40px;
1392  }
1393
1394  #menurwd_main a.head_infoMenu {
1395    padding-left: 20px !important;
1396    font-size: 28px;
1397  }
1398
1399  a.head_infoMenu::after {
1400    display: none;
1401  }
1402
1403
1404  .submenu li {
1405    display: block;
1406  }
1407
1408
1409  .close {
1410    position: relative;
1411    right: 20px;
1412    top: -54px;
1413  }
1414
1415  .mennice_main.active_mennia {
1416    display: block;
1417    width: 100% !important;
1418  }
1419
1420
1421  .mobileCategories__item a {
1422    background: #414c5c !important;
1423    color: #fff !important
1424  }
1425
1426  .mobileCategories__item a.--active {
1427    background: #2d3540 !important;
1428    color: #fff !important
1429  }
1430
1431
1432  /* /data/include/cms/mme/arrwo.svg?v=1729687120347 */
1433
1434
1435  #menu_navbar #menu_kafelki {
1436    margin-top: 0px;
1437    max-width: 200px;
1438  }
1439
1440  #menu_kafelki {
1441    display: flex;
1442    /* grid-template-columns: 1fr 1fr; */
1443    gap: 0px;
1444
1445    flex-direction: column;
1446  }
1447
1448  .monety_box h3 {
1449    font-size: 14px !important;
1450    text-align: center;
1451    padding: 0px;
1452    margin: 0px;
1453    font-size: 12px;
1454  }
1455
1456
1457
1458  .btn_menurwd_box {
1459    text-align: left;
1460
1461    grid-column-start: 1;
1462    grid-column-end: 3;
1463  }
1464
1465  .btn_menurwd_box h3 {
1466    text-align: left;
1467  }
1468
1469  .btn_menurwd_box a {
1470    padding: 20px 0px;
1471    border-top: solid 1px #f5f6fa;
1472    border-bottom: solid 1px #f5f6fa;
1473    display: block;
1474    width: 100%;
1475    text-align: left;
1476    padding-left: 10px;
1477    background: url("/data/include/cms/mme/menurwd_mme/arrow_left.svg?v=1692191643890") right 10px center no-repeat;
1478
1479    background-size: 7%;
1480    background-color: #f5f6fa;
1481  }
1482
1483  #menu_navbar .submenu li a {
1484    border-top: solid 0px #f5f6fa !important;
1485    border-bottom: solid 1px #f5f6fa !important;
1486    padding-left: 10px !important;
1487  }
1488
1489
1490  #menu_navbar .submenu li a.head_infoMenu {
1491    padding-left: 20px !important;
1492  }
1493
1494  .monety_box img {
1495    border-radius: 3px;
1496  }
1497
1498  aside #menu_search .menu_search__block {
1499
1500    margin-top: 0px;
1501    margin-bottom: 20px;
1502  }
1503
1504
1505  .close {
1506    position: relative;
1507    right: 20px;
1508    top: -60px;
1509  }
1510
1511
1512  .setMobileGrid #menu_navbar .mx-md-n2 {
1513    display: none
1514  }
1515
1516
1517  .menu_lista a:visited {
1518    color: #404040;
1519  }
1520
1521  .submenu {
1522    display: none;
1523  }
1524
1525  .submenu.active {
1526    display: block;
1527
1528    position: absolute;
1529    background: #fff;
1530    width: 100%;
1531    z-index: 99;
1532    top: 0px;
1533    height: 120vh;
1534
1535  }
1536
1537  .menu_lista a:focus {
1538    color: #d4b471;
1539  }
1540
1541  .menu_lista {
1542
1543    background: #fff;
1544    width: 100%;
1545    height: 100%;
1546    z-index: 999;
1547  }
1548
1549  #menu_sub .menu_sub li,
1550  #menu_sub_serie .menu_sub li {
1551    list-style: none !important;
1552
1553  }
1554
1555  .menu_sub li a {
1556    text-decoration: none;
1557    font-size: 15px;
1558    font-weight: bold;
1559    display: block;
1560    width: 100%;
1561    padding: 15px 0px;
1562    border-bottom: solid 1px #f5f6fa;
1563
1564    text-align: left;
1565
1566  }
1567
1568
1569  #menu_sub_serie .images_seria {
1570    margin-bottom: 10px;
1571    min-height: 120px;
1572  }
1573
1574  .menu_lista {
1575    overflow-y: scroll;
1576  }
1577
1578  /* #menurwd_main {display:none;} */
1579
1580  #menurwd_main {
1581    display: block;
1582    width: 98%;
1583    overflow: hidden;
1584  }
1585
1586  @media (max-width: 1000px) {
1587
1588    #menurwd_main {
1589      display: block;
1590    }
1591
1592
1593    .main_page header.commercial_banner.custom-menu-bg {
1594      z-index: 9 !important
1595    }
1596
1597  }
1598
1599
1600  @media (max-width:728px) {
1601
1602    #mobileCategories.mobileCategories {
1603      display: grid !important;
1604    }
1605
1606    .slm_lists__label {
1607      display: none !important;
1608    }
1609
1610  }
1611
1612
1613
1614
1615
1616
1617  #mobileCategories {
1618    background: var(--twocolor);
1619  }
1620
1621  .mobileCategories__item a {
1622    display: flex;
1623    flex-direction: column;
1624    align-items: center;
1625    justify-content: center;
1626  }
1627
1628
1629
1630
1631  #main_menu_bottom {
1632    display: none;
1633  }
1634
1635  @media (max-width:728px) {
1636
1637    #main_menu_bottom {
1638      display: grid;
1639      background: color(--lightyellow);
1640    }
1641
1642    #backTop {
1643      display: none !important;
1644    }
1645
1646    #main_menu_bottom .menu_bottom_ul {
1647
1648      background: #fdfcf7e0;
1649
1650      backdrop-filter: blur(4px);
1651      -webkit-backdrop-filter: blur(5px);
1652      /* background:var(--lightyellow); */
1653      display: grid;
1654      position: fixed;
1655      z-index: 9999;
1656      bottom: 0px;
1657      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
1658      /* max-width: 100%; */
1659      justify-content: space-evenly;
1660      margin: 0px;
1661      padding: 0px;
1662      /* width: 100%; */
1663      align-items: center;
1664      justify-items: center;
1665      width: 100%;
1666    }
1667
1668
1669    #main_menu_bottom li {
1670      list-style: none;
1671      text-align: center;
1672    }
1673
1674    #main_menu_bottom li a {
1675      font-size: 11px;
1676      color: var(--darkyello);
1677      padding-bottom: 5px;
1678      display: block;
1679    }
1680
1681    #main_menu_bottom .menu_bottom_ul {
1682      padding-bottom: 10px !important;
1683    }
1684
1685    #main_menu_bottom li img {
1686      max-width: 45px;
1687      max-height: 50px;
1688      padding: 5px;
1689      margin: auto;
1690      padding-bottom: 0px;
1691    }
1692  }
1693
1694</style>
1695
1696<script>
1697
1698
1699  function menuRWDNew() {
1700
1701
1702
1703    if (window.matchMedia('screen and (max-width: 1070px)').matches) {
1704
1705      const getMenuRwda = document.querySelector('#menu_navbar');
1706
1707
1708      getMenuRwda.insertAdjacentHTML("beforeend",
1709        `
1710    
1711    
1712      <div id="menurwd_main">
1713    
1714        <div id="menu_sub" style="display: none" class="menu_lista">
1715          <ul class="menu_sub">
1716            <li>
1717              <h2 class="h2">Metale inwestycyjne</h2>
1718              <hr class="line-2" />
1719            </li>
1720            <li>
1721              <div class="close">
1722                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
1723              </div>
1724            </li>
1725            <li>
1726              <a
1727                href="/lng/menu/zlote-monety-850.html?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">
1728                Monety inwestycyjne złote
1729              </a>
1730            </li>
1731    
1732            <li>
1733              <a
1734                href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Srebrne-502.html?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">
1735                Monety inwestycyjne srebrne
1736              </a>
1737            </li>
1738    
1739            <li>
1740              <a href="/lng/series/britannia-bu-163.html">
1741                Britannia
1742              </a>
1743            </li>
1744            <li>
1745              <a href="/lng/series/wiener-philharmoniker-54.html">
1746                Wiedeński Filharmonik
1747              </a>
1748            </li>
1749            <li>
1750              <a href="/lng/series/krugerrand-52.html">
1751                Krugerrand
1752              </a>
1753            </li>
1754            <li>
1755              <a href="/lng/series/maple-leaf-53.html">
1756                Kanadyjski Liść Klonowy
1757              </a>
1758            </li>
1759            <li>
1760              <a href="/lng/series/australian-kangaroo-31.html">
1761                Australijski Kangur
1762              </a>
1763            </li>
1764            <li>
1765              <a href="/lng/producers/casa-de-moneda-de-mexico-1325097313.html">
1766                Mexican Libertad
1767              </a>
1768            </li>
1769            <li>
1770              <a href="/lng/series/china-panda-99.html">
1771                Chińska Panda
1772              </a>
1773            </li>
1774            <li>
1775              <a href="/lng/series/amerykanski-orzel-2022-122.html">
1776                Amerykański Orzeł
1777              </a>
1778            </li>
1779            <li>
1780              <a href="/lng/series/koala-205.html">
1781                Koala
1782              </a>
1783            </li>
1784            <li>
1785              <a href="/lng/series/african-wildlife-43.html">
1786                African Wildlife
1787              </a>
1788            </li>
1789    
1790    
1791            <li>
1792              <a href="/lng/series/kookaburra-203.html">
1793                Kookaburra
1794              </a>
1795            </li>
1796    
1797          </ul>
1798        </div>
1799    
1800    
1801    
1802        <div id="menu_kafelki">
1803
1804            
1805    <div class="monety_box" style="width:100%">
1806    <div >
1807   <a href="https://www.metalelokacyjne.pl/zloto-najlepszych-cenach" >
1808
1809      <img
1810        src="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/menu/rwd/lokuj.svg?v=1708605942798" alt="Metale lokacyjne"
1811      />
1812      <h3 class="h3">Metale lokacyjne</h3>
1813      </a>
1814    </div>
1815  </div>
1816
1817
1818  <div class="monety_box">
1819    <div class="_main_baner">
1820      <a href="/search.php?=+&instock=y" >
1821        <img
1822          src="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/menu/rwd/wyslka_24.svg?v=1708605942798"  alt="Dostępność 24h"
1823        />
1824        <h3 class="h3">Dostępność 24h</h3>
1825      </a>
1826    </div>
1827  </div>
1828
1829
1830
1831  <div class="monety_box">
1832    <a href="https://www.metalelokacyjne.pl/Premiery-snewproducts-pol.html" class>
1833      <img
1834        src="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/menu/rwd/new.svg?v=1708605942798" alt="Premiery"
1835      />
1836      <h3 class="h3">Nowości</h3>
1837    </a>
1838  </div>
1839
1840  <div class="monety_box">
1841    <a href="https://www.metalelokacyjne.pl/pol_m_Promocje-2026-3026.html" class>
1842      <img
1843        src="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/menu/rwd/besseler.svg?v=1708605942798" alt="Bestseller"
1844      />
1845      <h3 class="h3">Promocje</h3>
1846    </a>
1847  </div>
1848    
1849    
1850    </div>
1851    
1852
1853    <div class="monety_box">
1854            <a href="https://www.metalelokacyjne.pl/pol_m_Promocje-2026-3026.html" class="none_arrow">
1855
1856              Promocje
1857            </a>
1858          </div>
1859    
1860          <div class="monety_box">
1861            <a href="#" class="menu_main_head">
1862              Złote monety
1863            </a>
1864    
1865            <div class="submenu">
1866              <ul>
1867    
1868    
1869                <li><a href="#" class="head_infoMenu">Złote monety</a></li>    
1870                <li><a
1871                  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html">Wszystkie złote monety</a></li>
1872              
1873              
1874                <li><a
1875                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html.html?filter_traits%5B1%5D=277&filter_traits%5B510%5D=&filter_producer=&filter_instock=y">Dostępność 24h</a></li>
1876    
1877                <li><a
1878                    href="/pl/newproducts/premiery.html?filter_traits%5B1%5D=277&filter_traits%5B510%5D=&filter_producer=">Nowośći</a></li>
1879    
1880    
1881               
1882    
1883    
1884                <li><a
1885                    href="/lng/bestsellers/bestseller.html?filter_default=n&filter_traits[1]=&filter_traits[4880]=&filter_traits[512]=&filter_series=&filter_traits[4582]=&filter_traits[4779]=&filter_tr">Bestseller</a>
1886                </li>
1887  
1888      <li><a
1889                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html?filter_price=&f
1889ilter_traits%5B1%5D=8981&filter_traits%5B69%5D=&filter_traits%5B510%5D=&filter_traits%5B512%5D=&filter_availability=y&filter_traits%5B304%5D=&filter_series=&filter_traits%5B849%5D=&filter_traits%5B4880%5D=&filter_traits%5B5628%5D=&filter_traits%5B5578%5D=&filter_traits%5B219%5D=&filter_traits%5B4582%5D=&filter_traits%5B607%5D=&filter_date=">Pakiety złotych monet</a>
1890                </li>
1891    
1892    
1893                <li><a
1894                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html?filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B4582%5D=&filter_traits%5B510%5D=481&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_availability=y&filter_traits%5B3827%5D=">Waga: 1
1895                    oz</a></li>
1896    
1897    
1898    
1899                <li><a
1900                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html?filter_traits%5B1%5D=&filter_traits%5B510%5D=580&filter_traits%5B512%5D=&filter_availability=y&filter_traits%5B304%5D=&filter_series=&filter_traits%5B849%5D=&filter_traits%5B69%5D=&filter_traits%5B4880%5D=&filter_traits%5B219%5D=&filter_traits%5B4582%5D=&filter_traits%5B607%5D=&filter_date=">Waga: 2
1901                    oz</a></li>
1902
1903
1904                             <li><a
1905                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html?filter_traits%5B1%5D=&filter_traits%5B510%5D=1521%2C3382%2C3860%2C3886%2C3815%2C761%2C906%2C2868&filter_traits%5B512%5D=&filter_availability=y&filter_traits%5B304%5D=&filter_series=&filter_traits%5B849%5D=&filter_traits%5B69%5D=&filter_traits%5B4880%5D=&filter_traits%5B219%5D=&filter_traits%5B4582%5D=&filter_traits%5B607%5D=&filter_date=">Waga: 1/2
1906                    oz</a></li>
1907
1908
1909                        <li><a
1910                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html?filter_price=&filter_traits%5B1%5D=&filter_traits%5B510%5D=650%2C3617%2C759%2C483&filter_traits%5B512%5D=&filter_availability=y&filter_traits%5B304%5D=&filter_series=&filter_traits%5B849%5D=&filter_traits%5B69%5D=&filter_traits%5B4880%5D=&filter_traits%5B5628%5D=&filter_traits%5B5578%5D=&filter_traits%5B219%5D=&filter_traits%5B4582%5D=&filter_traits%5B607%5D=&filter_date=">Waga: 1/10
1911                    oz</a></li>
1912          <li><a
1913                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html?filter_traits%5B1%5D=&filter_traits%5B510%5D=926%2C3350%2C3618%2C19%2C713&filter_traits%5B512%5D=&filter_availability=y&filter_traits%5B304%5D=&filter_series=&filter_traits%5B849%5D=&filter_traits%5B69%5D=&filter_traits%5B4880%5D=&filter_traits%5B219%5D=&filter_traits%5B4582%5D=&filter_traits%5B607%5D=&filter_date=">Waga: 1/20
1914                    oz</a></li>
1915    
1916    
1917    
1918              </ul>
1919    
1920            </div>
1921    
1922          </div>
1923    
1924    
1925    
1926          <div class="monety_box">
1927            <a href="#" class="menu_main_head">
1928              Złote sztabki
1929            </a>
1930    
1931            <div class="submenu">
1932              <ul>
1933    
1934    
1935                <li><a href="#" class="head_infoMenu">Złote sztabki</a></li>    
1936                
1937                <li><a
1938                  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Sztabki_Zlote-sztabki-503.html">Wszystkie sztabki</a></li>
1939                
1940             
1941    
1942                  
1943              
1944              
1945                    <li><a
1946                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Sztabki_Zlote-sztabki-503.html?filter_traits%5B1%5D=&filter_traits%5B510%5D=19&filter_availability=y&filter_traits%5B304%5D=&filter_series=&filter_traits%5B849%5D=&filter_traits%5B69%5D=&filter_traits%5B4582%5D=&filter_traits%5B607%5D=&filter_date=">Waga: 1 g</a></li>  
1947                    
1948                    
1949                    <li><a
1950                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Sztabki_Zlote-sztabki-503.html?filter_traits%5B1%5D=&filter_traits%5B510%5D=640&filter_availability=y&filter_traits%5B304%5D=&filter_series=&filter_traits%5B849%5D=&filter_traits%5B69%5D=&filter_traits%5B4582%5D=&filter_traits%5B607%5D=&filter_date=">Waga: 5 g</a></li>   
1951                    
1952                    <li><a
1953                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Sztabki_Zlote-sztabki-503.html?filter_traits%5B1%5D=&filter_traits%5B510%5D=633&filter_availability=y&filter_traits%5B304%5D=&filter_series=&filter_traits%5B849%5D=&filter_traits%5B69%5D=&filter_traits%5B4582%5D=&filter_traits%5B607%5D=&filter_date=">Waga: 10 g</a></li>
1954         <li><a
1955                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Sztabki_Zlote-sztabki-503.html?filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B4582%5D=&filter_traits%5B510%5D=481&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_availability=y&filter_traits%5B3827%
19555D=">Waga: 1 oz</a></li> 
1956                    
1957            
1958    
1959    
1960              </ul>
1961    
1962            </div>
1963    
1964          </div>
1965    
1966          <div class="monety_box">
1967            <a href="#" class="menu_main_head">
1968         Srebro
1969            </a>
1970            <div class="submenu">
1971              <ul>
1972    
1973    
1974                <li><a href="#" class="head_infoMenu"> Srebro</a></li>    
1975                <li>
1976                  <a
1977                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Srebrne-502.html">Wszystkie srebrne monety</a></li>
1978                  
1979               <li> 
1980                  <li>
1981                  <a href="/lng/menu/srebro/srebrne-sztabki-2357.html">Srebrne sztabki</a></li>
1982               <li> 
1983                
1984                
1985                <a
1986                    href="/lng/newproducts/premiery.html?filter_default=n&filter_traits[1]=&filter_traits[4880]=&filter_traits[512]=&filter_series=&filter_traits[4582]=&filter_traits[4779]=&filter_trai">Dostępność 24h</a></li>
1987    
1988                <li><a
1989                    href="/lng/newproducts/premiery.html?filter_default=n&filter_traits[1]=&filter_traits[4880]=&filter_traits[512]=&filter_series=&filter_traits[4582]=&filter_traits[4779]=&filter_trai">Nowości</a></li>
1990                    
1991                    
1992                    <li><a
1993                    href="/pl/bestsellers/bestseller.html?filter_default=n&filter_traits[1]=&filter_traits[4880]=&filter_traits[512]=&filter_series=&filter_traits[4582]=&filter_traits[4779]=&filter_tr">Bestseller</a></li>
1994    
1995    
1996                <li><a
1997                    href="/lng/links/monety-kolekcjonerskie-863.html">Monety Kolekcjonerskie</a>
1998                </li>
1999                
2000                
2001                <li><a
2002                    href="/lng/links/walory-inwestycyje-868.html">Monety inwestycyjne</a>
2003                </li>
2004    
2005    
2006             
2007    
2008    
2009           
2010                <li><a
2011                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Srebrne-502.html?filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B4582%5D=&filter_traits%5B510%5D=481&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_availability=y&filter_traits%5B3827%5D=&filter_availability=y">Waga: 1
2012                    uncji</a></li>
2013    
2014    
2015    
2016                <li><a
2017                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Srebrne-502.html?filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B510%5D=3636%2C580&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_traits%5B3827%5D=&filter_availability=y">Waga: 2
2018                    uncji</a></li>
2019    
2020                    <li><a
2021                      href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Srebrne-502.html?filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B510%5D=929&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_traits%5B3827%5D=&filter_availability=y">Waga: 5
2022                      uncji</a></li>
2023      
2024    
2025    
2026    
2027              </ul>
2028    
2029            </div>
2030          </div>
2031    
2032
2033
2034             <div class="monety_box">
2035            <a href="#" class="menu_main_head">
2036           Monety inwestycyjne
2037            </a>
2038    
2039           <div class="submenu">
2040              <ul>
2041    
2042    
2043                <li><a href="#" class="head_infoMenu">Monety inwestycyjne</a></li>   
2044
2045
2046
2047                <li><a
2048                  href="/lng/menu/zlote-monety-850.html?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">Inwestycyjne złote monety </a></li> 
2049                  
2050                  
2051                  <li><a
2052                  href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Srebrne-502.html?filter_traits%5B1%5D=367&filter_traits%5B512%5D=&filter_traits%5B510%5D=481&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=">Inwestycyjne srebrne monety </a></li>
2053
2054
2055              
2056                  <li>
2057                    <a href="/lng/series/britannia-bu-163.html">
2058                      Britannia
2059                    </a>
2060                  </li>
2061                  <li>
2062                    <a href="/lng/series/wiener-philharmoniker-54.html">
2063                      Wiedeński Filharmonik
2064                    </a>
2065                  </li>
2066                  <li>
2067                    <a href="/lng/series/krugerrand-52.html">
2068                      Krugerrand
2069                    </a>
2070                  </li>
2071                  <li>
2072                    <a href="/lng/series/maple-leaf-53.html">
2073                      Kanadyjski Liść Klonowy
2074                    </a>
2075                  </li>
2076                  <li>
2077                    <a href="/lng/series/australian-kangaroo-31.html">
2078                      Australijski Kangur
2079                    </a>
2080                  </li>
2081                  <li>
2082                    <a href="/lng/producers/casa-de-moneda-de-mexico-1325097313.html">
2083                      Mexican Libertad
2084                    </a>
2085                  </li>
2086                  <li>
2087                    <a href="/lng/series/china-panda-99.html">
2088                      Chińska Panda
2089                    </a>
2090                  </li>
2091                  <li>
2092                    <a href="/lng/series/american-eagle-211.html">
2093                      Amerykański Orzeł
2094                    </a>
2095                  </li>
2096                  <li>
2097                    <a href="/lng/series/koala-205.html">
2098                      Koala
2099                    </a>
2100                  </li>
2101                  <li>
2102                    <a href="/lng/series/african-wildlife-43.html">
2103                      African Wildlife
2104                    </a>
2105                  </li>
2106          
2107          
2108                  <li>
2109                    <a href="/lng/series/kookaburra-203.html">
2110                      Kookaburra
2111                    </a>
2112                  </li>
2113    
2114    
2115              </ul>
2116    
2117            </div>
2118    
2119          </div>
2120    
2121          
2122        
2123    
2124          <div class="monety_box">
2125            <a href="#" class="menu_main_head">
2126    
2127              Inne metale
2128            </a>
2129    
2130            
2131            <div class="submenu">
2132              <ul>
2133    
2134    
2135                <li><a href="#" class="head_infoMenu">Inne metale</a></li>
2136                <li><a
2137                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety-545.html">Wszystkie metale</a></li>
2138    
2139                <li><a
2140                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Platynowe-506.html">Platyna</a></li>
2141    
2142
2143
2144                        <li><a
2145                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Tytanowe-2807.html">Tytan</a>
2146                </li>
2147    
2148                <li><a
2149                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Palladowe-507.html">Pallad</a>
2150                </li>
2151
2152
2153
2154    
2155    
2156                <li><a
2157                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Miedziane-578.html">Miedź</a>
2158                </li>
2159    
2160    
2161    
2162                <li><a
2163                    href="/pl/menu/metale/inne-metale/braz-2645.html">Brąz</a></li>   
2164                    
2165                    
2166                    <li><a
2167                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Miedzionikiel-1341.html">Miedzionikiel</a></li>    
2168    
2169    
2170                    <li><a
2171                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Stal-1996.html">Stal</a></li>     
2172                    
2173                    
2174                    <li><a
2175                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Akryl-2355.html">Akryl</a></li>
2176    
2177
2178              </ul>
2179    
2180            </div>
2181    
2182    
2183          </div>
2184    
2185    
2186          <div class="monety_box">
2187            <a href="#" class="menu_main_head">
2188    
2189              Akcesoria
2190            </a>
2191    
2192    
2193            <div class="submenu">
2194              <ul>
2195    
2196    
2197                <li><a href="#" class="head_infoMenu">Akcesoria</a></li>
2198                <li><a
2199                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Akcesoria-509.html">Akcesoria wszystkie</a></li>
2200    
2201                <li><a
2202                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Akcesoria_Kapsle-510.html">Ochrona walorów</a></li>
2203    
2204    
2205                <li><a
2206                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Akcesoria_Kapsle-510.html">Kapsle</a>
2207                </li>
2208    
2209    
2210                <li><a
2211                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Akcesoria_Etui-kasety-1965.html">Etui, Kasety, Klasery</a>
2212                </li>
2213    
2214    
2215    
2216                <li><a
2217                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Akcesoria_Tuby-1946.html">Tuby</a></li>   
2218                    
2219                    
2220                    <li><a
2221                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Akcesoria-509.html">Akcesoria</a></li>    
2222    
2223    
2224                    <li><a
2225                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Akce
2225soria_Lupy-517.html">Lupy</a></li>     
2226                    
2227                    
2228                    <li><a
2229                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Akcesoria_Ochrona-i-czyszczenie-1978.html">Ochrona i czyszczenie</a></li>  
2230                    
2231                    
2232                    <li><a
2233                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Akcesoria_Oswietlenie-1950.html">Oświetlenie</a></li>
2234                    
2235                    
2236                    <li><a
2237                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Akcesoria_Wagi-515.html">Wagi</a></li> 
2238                    
2239                    <li><a
2240                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Akcesoria_Katalog-monet-2053.html">katalogi</a></li>
2241  
2242  
2243                    
2244       <li><a
2245                    href="https://www.metalelokacyjne.pl/pol_m_Produkty_Akcesoria_Leuchtturm-2373.html">Leuchtturm</a></li>
2246    
2247    
2248    
2249           
2250    
2251    
2252              </ul>
2253    
2254            </div>
2255  
2256  
2257  
2258          </div>
2259    
2260    
2261      <div class="monety_box">
2262            <a href="https://www.metalelokacyjne.pl/Cennik-skupu-clinks-pol-910.html" class="none_arrow">
2263    
2264              Skup złota
2265            </a>
2266          </div>
2267    
2268    
2269          <div class="monety_box">
2270            <a href="https://www.metalelokacyjne.pl/Kantor-cinfo-pol-786.html" class="none_arrow">
2271    
2272              Kantor
2273            </a>
2274          </div>
2275    
2276    
2277          <div class="monety_box">
2278            <a href="https://www.metalelokacyjne.pl/pol_m_Numizmaty-2656.html" class="none_arrow">
2279    
2280              Numizmaty
2281            </a>
2282          </div>
2283    
2284    
2285      
2286    
2287    
2288          <div class="monety_box">
2289            <a href="/lng/producers.html" class="none_arrow">
2290    
2291               Mennice
2292            </a>
2293    
2294          </div>
2295
2296
2297            <div class="monety_box">
2298            <a href="https://www.metalelokacyjne.pl/Ceny-rynkowe-cinfo-pol-797.html" class="none_arrow">
2299    
2300              Wykresy
2301            </a>
2302          </div>
2303    
2304          <div class="monety_box">
2305            <a href="https://www.metalelokacyjne.pl/pol_m_Produkty_Banknoty-Waluty-2296.html">
2306    
2307              Banknoty/waluty
2308            </a>
2309          </div>
2310    
2311    
2312    
2313          <div class="monety_box _main_baner">
2314            <a href="https://www.metalelokacyjne.pl/Uslugi-cinfo-pol-299.html" class="none_arrow" >
2315    
2316              Usługi
2317            </a>
2318          </div>
2319    
2320          <div class="monety_box _main_baner">
2321            <a href="#" class="menu_main_head">
2322    
2323              Strefa wiedzy
2324            </a>
2325  
2326  
2327                <div class="submenu">
2328              <ul>
2329    
2330    
2331                <li><a href="" class="head_infoMenu">Strefa wiedzy</a></li>
2332             
2333                      <li>
2334                  <a
2335                    href="/pl/blog.html">Blog</a></li>
2336             
2337             
2338                <li><a
2339                    href="/lng/info/strefa-wiedzy-592.html">Strefa wiedzy</a></li>
2340    
2341                <li>
2342                  <a
2343                    href="/lng/info/czesto-zadawane-pytania-591.html">Często zadawane pytania</a></li>
2344    
2345    
2346                <li><a
2347                    href="/lng/links/kurs-zlota-aktualne-notowania-wykres-i-cena-zlota-875.html">Kursy kruszcu i walut</a>
2348                </li>
2349    
2350    
2351            
2352    
2353    
2354                    
2355                   
2356    
2357    
2358                  
2359                    
2360                    
2361               
2362    
2363              </ul>
2364    
2365            </div>
2366  
2367  
2368  
2369          </div> 
2370          
2371          <div class="monety_box _main_baner">
2372            <a href="https://www.metalelokacyjne.pl/contact-pol.html">
2373              Kontakt
2374            </a>
2375          </div>  
2376          
2377          
2378          <div class=" _phone_mail_box" style="margin-top:50px">
2379            <a href="tel:+48 22 623 85 61">
2380               +48 22 623 85 61
2381            </a>
2382          </div>  
2383          
2384          
2385          <div class=" _phone_mail_box">
2386            <a href="mailto:[email protected]">
2387              [email protected]
2388            </a>
2389          </div>
2390    
2391        
2392  
2393        </div>
2394    
2395    
2396      </div>
2397    
2398    
2399    `
2400      )
2401
2402
2403
2404
2405
2406      let menuRWD = document.querySelectorAll("#menurwd_main a.menu_main_head");
2407
2408      let tabContentsCoins_slider = document.querySelectorAll("#menurwd_main .submenu");
2409
2410
2411      let tabContentsCoinssliderClose = document.querySelectorAll("#menurwd_main .head_infoMenu");
2412
2413      menuRWD.forEach((tab, index) => {
2414        tab.addEventListener("click", () => {
2415
2416          document.querySelector('#mobileCategories').scrollIntoView();
2417
2418          menuRWD.forEach((tab) => {
2419            tab.classList.remove("active");
2420          });
2421
2422          tabContentsCoins_slider[index].classList.toggle("active");
2423          document.querySelector('#menurwd_main').classList.add('active')
2424
2425          menuRWD[index].classList.toggle("active");
2426
2427
2428        });
2429      });
2430
2431      tabContentsCoinssliderClose.forEach((tab, index) => {
2432
2433        tab.addEventListener('click', () => {
2434          document.querySelector('#mobileCategories').scrollIntoView();
2435          tabContentsCoins_slider[index].classList.remove("active");
2436
2437
2438        })
2439
2440      });
2441
2442      document.querySelectorAll('.mobileCategories__link')
2443
2444
2445      document.querySelector('#mobileCategories .mobileCategories__item.--account a').insertAdjacentHTML('afterbegin',
2446        `<img src="/data/include/cms/mme/icons/new_icons/loding.svg?v=1730204285563" alt="">`),
2447
2448
2449        document.querySelector('#mobileCategories .mobileCategories__item.--menu a').insertAdjacentHTML('afterbegin',
2450          `<img src="/data/include/cms/mme/icons/new_icons/menu.svg?v=1730204285563" alt="">`),
2451
2452
2453        document.querySelector('#mobileCategories .mobileCategories__item.--settings a').insertAdjacentHTML('afterbegin',
2454          `<img src="/data/include/cms/mme/icons/new_icons/seting.svg?v=1730204285563" alt="">`),
2455
2456
2457        document.querySelector('#mobileCategories .mobileCategories__item.--settings a').innerHTML = `<img src="/data/include/cms/mme/icons/new_icons/seting.svg?v=1730204285563" alt=""> Język/waluty`,
2458
2459
2460
2461
2462        document.querySelector("#mobileCategories").insertAdjacentHTML('beforeend', ` <div class="mobileCategories__item --helpdesk"><a class="mobileCategories__link" href="#" data-ids="#menu_contact,#login_menu_block"><img src="/data/include/cms/mme/icons/new_icons/infe.svg?v=1730204285563" alt="">
2463                             Pomoc
2464                          </a></div>`);
2465
2466
2467
2468
2469
2470      document.querySelector('aside.col-3').insertAdjacentHTML("afterbegin",
2471
2472        `
2473  <div id="help_desk">
2474       <div id="menu_kafelki">
2475  
2476  
2477            <div class="monety_box">
2478            <a href="https://www.metalelokacyjne.pl/Centrum-pomocy-cinfo-pol-536.html" class="none_arrow">
2479          <b> Centrum pomocy </b>
2480            </a>
2481          </div>  
2482    
2483          <div class="monety_box">
2484            <a href="https://www.metalelokacyjne.pl/Bezpieczenstwo-cinfo-pol-537.html" class="none_arrow">
2485            Bezpiczeństwo
2486            </a>
2487          </div>   
2488          
2489          
2490          <div class="monety_box">
2491            <a href="https://www.metalelokacyjne.pl/Wysylka-i-dostawa-cinfo-pol-543.html" class="none_arrow">
2492            Wysyłka i dostawa
2493            </a>
2494          </div>
2495  
2496  
2497         <div class="monety_box">
2498            <a href="https://www.metalelokacyjne.pl/Metody-platnosci-cinfo-pol-538.html" class="none_arrow">
2499            Metody płatności
2500            </a>
2501          </div>    
2502          
2503          <div class="monety_box">
2504            <a href="https://www.metalelokacyjne.pl/Ustawienia-konta-cinfo-pol-542.html" class="none_arrow">
2505          Ustawienia konta
2506            </a>
2507          </div> 
2508          
2509          
2510          <div class="monety_box">
2511            <a href="https://www.metalelokacyjne.pl/Regulaminy-cinfo-pol-540.html" class="none_arrow">
2512          Regulaminy
2513            </a>
2514          </div>
2515       
2516          <div class="monety_box">
2517            <a href="https://www.metalelokacyjne.pl/Ceny-rynkowe-cinfo-pol-797.html" class="none_arrow">
2518          Kursy kruszcu i walut
2519            </a>
2520          </div>
2521  
2522    </div>
2523    
2524    
2525    </div>
2526  
2527  `)
2528
2529
2530      document.querySelector('.mobileCategories__item.--helpdesk a').addEventListener('click', (e) => {
2531        document.querySelector('#help_desk').classList.add("active")
2532      })
2533
2534      const gebuttonBtnmobile = document.querySelectorAll('.mobileCategories__item a')
2535
2536      gebuttonBtnmobile[0].addEventListener('click', (e) => {
2537        document.querySelector('#help_desk').classList.remove("active");
2538      })
2539      gebuttonBtnmobile[1].addEventListener('click', (e) => {
2540        document.querySelector('#help_desk').classList.remove("active");
2541      })
2542
2543      gebuttonBtnmobile[2].addEventListener('click', (e) => {
2544        document.querySelector('#help_desk').classList.remove("active");
2545      })
2546
2547
2548    }
2549
2550  }
2551
2552  menuRWDNew()
2553  // window.addEventListener("DOMContentLoaded", menuRWDNew)
2554
2555
2556
2557</script>
2557
2558
2559<div id="main_menu_bottom">
2560  <div class="menu_botom">
2561    <ul class="menu_bottom_ul">
2562      <li>
2563        <a href="https://www.metalelokacyjne.pl/">
2564          <img
2565            src="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/menu_rwd_icons/home.svg?v=1707481995893"
2566            alt="Metal market">
2567          <p>Strona główna</p>
2568        </a>
2569      </li>
2570      <li>
2571        <a href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety-545.html">
2572          <img
2573            src="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/menu_rwd_icons/monety.svg?v=1707481995893"
2574            alt="monety">
2575          <p>Monety</p>
2576        </a>
2577      </li>
2578
2579      <li>
2580        <a href="https://www.metalelokacyjne.pl/zloto-najlepszych-cenach">
2581          <img
2582            src="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/menu_rwd_icons/lokowanie_1.svg?v=1707482430186"
2583            alt="menu">
2584          <p>Lokowanie</p>
2585        </a>
2586      </li>
2587
2588      <li>
2589        <a
2590          href="https://www.metalelokacyjne.pl/pol_m_Produkty-541.html?filter_traits%5B4779%5D=&filter_traits%5B1%5D=12%2C2240%2C478&filter_traits%5B512%5D=&filter_traits%5B510%5D=&filter_traits%5B4582%5D=&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_availability=y">
2591          <img
2592            src="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/menu_rwd_icons/szatbki.svg?v=1707481995892"
2593            alt="sztabki">
2594          <p>Sztabki</p>
2595        </a>
2596      </li>
2597      <li>
2598        <a href="https://www.metalelokacyjne.pl/pol_m_Produkty_Akcesoria-509.html">
2599          <img
2600            src="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/menu_rwd_icons/acesoria.svg?v=1707481995894"
2601            alt="akcesoria">
2602          <p>Akcesoria</p>
2603        </a>
2604      </li>
2605
2606    </ul>
2607  </div>
2608</div>
2609
2610</div><div class="menu_button_wrapper col-md-3 col-6"><style>
2611    #skup_main {
2612
2613        .rwd_text {
2614            display: none;
2615        }
2616
2617        img {
2618            filter: brightness(1) !important;
2619        }
2620
2621        margin-bottom: 50px;
2622
2623        .tabs_skup {
2624            background: var(--lightyellow);
2625
2626
2627            ul {
2628                li:nth-child(1) {
2629                    display: block !important;
2630                }
2631            }
2632
2633            li {
2634                display: flex;
2635                align-items: center;
2636                margin-bottom: 10px;
2637            }
2638
2639            a {
2640                font-weight: bold;
2641                color: var(--darkyello);
2642                font-size: 18px;
2643                display: flex;
2644                align-items: center;
2645                gap: 10px;
2646                flex-direction: row;
2647
2648                &:hover {
2649                    text-decoration: underline !important;
2650
2651                    text-decoration-color: #d2bc66 !important;
2652                }
2653            }
2654        }
2655
2656        h5 {
2657            color: #333;
2658        }
2659
2660        &:before,
2661        &:after {
2662            display: none;
2663        }
2664
2665        .headline__name {
2666
2667            color: var(--darkyello) !important;
2668
2669
2670        }
2671
2672        display: block !important;
2673        background: #fff !important;
2674
2675        #skup_content {
2676            width: 100%;
2677            display: grid;
2678            grid-template-columns: .25fr 1fr;
2679            gap: 30px;
2680
2681            .contest_skup {
2682                display: flex;
2683                flex-direction: column;
2684                justify-content: space-evenly;
2685                position: relative;
2686
2687                .coins_skup {
2688                    position: absolute;
2689                    right: 20px;
2690                    top: -122px;
2691
2692
2693
2694                    width: 360px;
2695                    height: 200px;
2696                    overflow: hidden;
2697
2698                    &:after {
2699
2700                        content: url(https://www.metalelokacyjne.pl/data/include/cms/skup_komis/icons/ml_icons/belaka_v2.png?v=1750160779952);
2701                        width: 100%;
2702                        height: 7px;
2703                        position: absolute;
2704                        bottom: 3px;
2705                        display: block;
2706                        left: 0px;
2707                    }
2708
2709
2710                    img {
2711                        width: 300px;
2712                        max-width: 300px;
2713                        position: absolute;
2714                        top: 50px;
2715                        transition: all .5s;
2716
2717                    }
2718                }
2719
2720
2721                &:hover .coins_skup img {
2722
2723
2724                    top: 20px;
2725                    transition: all .5s;
2726                }
2727
2728                .text_info {
2729                    font-size: 16px;
2730                    color: var(--darkyello);
2731                    padding-right: 30px;
2732                    font-weight: bold !important;
2733                    margin-bottom: 20px;
2734                    max-width: 50%;
2735                }
2736            }
2737
2738            .tabs_skup {
2739
2740                li {
2741                    list-style: none;
2742                    padding: 10px 0px;
2743                }
2744            }
2745
2746
2747            .list_produkct_skup {
2748                position: relative;
2749
2750                &:after {
2751                    background: #ccc;
2752                    content: "";
2753                    position: absolute;
2754                    height: .5px;
2755                    width: 97%;
2756                    display: block;
2757                    left: 0px;
2758                    top: 95px;
2759                }
2760
2761                display: grid;
2762                grid-template-columns: repeat(5, 1fr);
2763
2764                a {
2765                    p {
2766                        font-size: 11px;
2767                    }
2768                }
2769
2770                >div {
2771                    padding: 20px;
2772                    border-right: solid 1px #ccc;
2773                    border-bottom: solid 3px #fff;
2774
2775
2776                    &:hover {
2777                        background: var(--lightyellow);
2778                        border-bottom: solid 3px var(--yellow);
2779                    }
2780
2781                    &:hover .price {
2782                        color: var(--yellow);
2783
2784                    }
2785
2786                    &:hover p {
2787                        color: var(--darkyello);
2788                        text-decoration: underline;
2789
2790                    }
2791
2792                }
2793
2794                >div:nth-child(5),
2795                >div:nth-child(10) {
2796                    border-right: none;
2797                }
2798
2799                .price {
2800                    display: flex;
2801                    gap: 5px;
2802                    color: #1a1c05;
2803                    align-items: flex-end;
2804
2805                    font-size: 20px;
2806                    color: #1A1C05;
2807                    font-weight: bold;
2808                }
2809
2810                .name_product__skup {
2811                    font-size: 11px;
2812                    color: #ccc;
2813                }
2814            }
2815
2816
2817
2818        }
2819
2820
2821        @media (max-width:728px) {
2822
2823            .rwd_text {
2824                display: block;
2825
2826                font-size: 14px;
2827                color: var(--darkyello);
2828                padding-right: 30px;
2829                font-weight: bold !important;
2830                margin-bottom: 20px;
2831                max-width: 500px;
2832                width:100%;
2833
2834            }
2835
2836            .coins_skup {
2837                display: none;
2838            }
2839
2840            #skup_content {
2841
2842
2843
2844                ul {
2845                    display: grid;
2846                    grid-template-columns: 1fr 1fr;
2847                    padding: 10px;
2848                    justify-content: center;
2849                    justify-items: center;
2850
2851                    small {
2852                        left: 0px !important;
2853                        top: 30px !important;
2854                    }
2855
2856                    a {
2857                        font-weight: bold;
2858                        color: var(--darkyello);
2859                        font-size: 13px;
2860                        display: flex;
2861                        align-items: center;
2862                        gap: 10px;
2863                        flex-direction: column;
2864                        white-space: normal;
2865                    }
2866                }
2867
2868
2869                & .list_produkct_skup {
2870
2871                    &:after {
2872                        display: none !important;
2873                    }
2874
2875
2876
2877                    >div {
2878
2879                        min-width: 200px;
2880                        border-bottom: solid 1px #ccc;
2881                    }
2882
2883                    &:after {
2884                        background: #ccc;
2885                        content: "";
2886                        position: absolute;
2887                        height: .5px;
2888                        width: 97%;
2889                        display: block;
2890                        left: 0px;
2891                        top: 115px;
2892                    }
2893                }
2894
2895                width: 100%;
2896                display: grid;
2897                grid-template-columns: 1fr;
2898                gap: 10px;
2899
2900                .contest_skup {
2901                    display: flex;
2902                    flex-direction: column;
2903                    justify-content: space-evenly;
2904                    position: relative;
2905                    overflow-x: scroll;
2906                    width: 100%;
2907
2908                    .text_info {
2909                        font-size: 16px;
2910                        color: var(--darkyello);
2911                        padding-right: 30px;
2912                        font-weight: bold !important;
2913                        margin-bottom: 20px;
2914                        max-width: 500px;
2915                        width: 560px;
2916                        display: none !important;
2917                    }
2918                }
2919
2920            }
2921
2922
2923
2924            & .tabs_skup {
2925
2926                ul {
2927                    li:nth-child(1) {
2928                        display: none !important;
2929                    }
2930                }
2931
2932
2933
2934                a {
2935                    font-weight: bold;
2936                    color: var(--darkyello);
2937                    font-size: 16px;
2938                    display: flex;
2939                    align-items: center;
2940                    gap: 10px;
2941                    flex-direction: row;
2942                    white-space: normal;
2943                }
2944
2945                .headline__after {
2946                    display: none !important;
2947                }
2948            }
2949
2950
2951        }
2952    }
2953</style>
2954
2955
2956<script>
2957
2958    function formatPrice(price) {
2959        let str = price.toString().replace('.', ',');
2960        if (!str.includes(',')) str += ',00';
2961        else {
2962            const parts = str.split(',');
2963            if (parts[1].length === 1) str += '0';
2964        }
2965        return str.replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
2966    }
2967
2968    const fetchTimeSlle = async () => {
2969
2970
2971
2972        // const urlCurencyaMetal = "https://pp.metalmarket.sg/api/products/buy-list";
2973          const urlCurencyaMetal = "https://admin.metalapi.co.pl/api/v1/products/buyback";
2974        const responseMetal = await fetch(urlCurencyaMetal);
2975
2976        const dataSellLista = await responseMetal.json();
2977
2978        const dataSellListaMain = dataSellLista;
2979
2980        // Filtruj produkty o id "5285" i "5287" i dodaj do nowej tablicy "skupProdukty"
2981
2982
2983        const skupProdukty = [];
2984
2985        console.log('First product from API:', dataSellListaMain[0]);
2986
2987
2988
2989        dataSellListaMain.forEach(product => {
2990
2991
2992
2993            if (
2994
2995                product.id == 5280 ||
2996                product.id == 5285 ||
2997                product.id == 5287 ||
2998                product.id == 1734 ||
2999                product.id == 3992 ||
3000
3001                //
3002                product.id == 7866 ||
3003                product.id == 10916 ||
3004                product.id == 11016 ||
3005                product.id == 5289 ||
3006                product.id == 11018
3007
3008
3009
3010            ) {
3011
3012                skupProdukty.push({
3013
3014
3015                    id: product.id,
3016                    buy: product.buybackPrice || product.buyback_price || product.price || product.sell_price,
3017
3018
3019
3020                });
3021
3022            }
3023        });
3024
3025
3026        skupProdukty.sort((a, b) => a.buy - b.buy)
3027
3028        // Assign names and weights based on ID instead of index
3029        skupProdukty.forEach(product => {
3030            switch(product.id) {
3031                case 5280:
3032                    product.name = "Sztabka Złota Niesortowana";
3033                    product.weight = "AG 1 gram Sztabka ";
3034                    break;
3035                case 5285:
3036                    product.name = "Sztabka złota Niesortowana";
3037                    product.weight = "AU 1 uncja ";
3038                    break;
3039                case 5287:
3040                    product.name = "Sztabka Złota Niesortowana";
3041                    product.weight = "AU 100 gramów ";
3042                    break;
3043                case 1734:
3044                    product.name = "Kanadyjski Liść Klonowy";
3045                    product.weight = "AU 1 uncja Złota Różne roczniki ";
3046                    break;
3047                case 3992:
3048                    product.name = "Britannia";
3049                    product.weight = "AU 1 uncja Złota Różne Roczniki ";
3050                    break;
3051                case 7866:
3052                    product.name = "Moneta  srebrna Niesortowana";
3053                    product.weight = "AG 1 uncja Srebra Niesortowana ";
3054                    break;
3055                case 10916:
3056                    product.name = " Sztabka  Złota Niesortowana";
3057                    product.weight = "PT 1 uncja ";
3058                    break;
3059                case 11016:
3060                    product.name = "Kanadyjski Liść Klonowy";
3061                    product.weight = "AU 1 uncja ";
3062                    break;
3063                case 5289:
3064                    product.name = "Sztabka Złota Niesortowana";
3065                    product.weight = "AU 0.5 grama";
3066                    break;
3067                case 11018:
3068                    product.name = "Moneta Złota ";
3069                    product.weight = "AU 1/10 uncji Złota ";
3070                    break;
3071                default:
3072                    product.name = "Unknown Product";
3073                    product.weight = "Unknown";
3074            }
3075        });
3076
3077
3078
3079
3080
3081
3082
3083        console.log('skupProdukty::: ', skupProdukty);
3084
3085        const showProduktSkup = skupProdukty.map(item => {
3086
3087
3088
3089            // ${item.id}
3090            return `
3091                  <div>
3092                    
3093                    <a href="https://www.metalelokacyjne.pl/Cennik-skupu-clinks-pol-910.html">
3094                     <p>${item.weight} </p>
3095                            <div class="price">
3096                                <small>od</small>
3097                                <div id="gram_one">${formatPrice(item.buy)} zł</div>
3098                            </div>
3099                            <p class="name_product__skup">${item.name}</p>
3100
3101
3102                        </a></div>
3103                `
3104
3105
3106        }).join("")
3107
3108console.log('showProduktSkup::: ', showProduktSkup);
3109
3110        document.querySelector(".list_produkct_skup").innerHTML = showProduktSkup;
3111
3112    }
3113
3114
3115    fetchTimeSlle()
3116
3117
3118</script>
3118</div><div class="menu_button_wrapper col-md-3 col-6">
3118<script>
3119
3120
3121    // Wyświetlanie paska nagłówka tylko gdy szerokość ekranu jest większa niż 728px
3122
3123
3124    if (window.matchMedia("(min-width: 728px)").matches) {
3125
3126
3127        let bar_metal = document.getElementsByTagName("header")[0];
3128
3129        bar_metal.insertAdjacentHTML(
3130            "beforebegin",
3131            `<div class='header_bar' style="background:#3e3d3b; height: 40px;position: absolute !important;"><div class='wrap_content'><div class='left_columnt_head'><ul><li class='phone_head'>
3132        
3133        <img src="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/inwestycje_icon.svg?v=1694099250281">
3134        <a href='https://www.metalelokacyjne.pl/zloto-najlepszych-cenach'> Lokuj  <span class="linka">|</span> </a> 
3135        <a href="https://www.metalelokacyjne.pl/contact-pol.html" class="head_color_adres">Warszawa wiejska 11/1 
3136            
3137            </a>
3138            <a href="https://www.metalelokacyjne.pl/contact-pol.html" class="head_color_adres">
3139            tel: +48 22 623 85 61</a>
3140        
3141        </li> 
3142        
3143        </ul></div>
3144       
3145       
3146       <div class='right_columnt_head' style="position:relative"><ul> <li class='centru_pomocy'>
3147        
3148    
3149        <a href='/Centrum-pomocy-cinfo-pol-536.html'>
3150        
3151        
3152         Centrum pomocy </a></li> </ul> </div></div></div>`
3153        );
3154    }
3155
3156</script>
3156
3157
3158
3159<style>
3160    @media (min-width:728px) {
3161
3162        .header_bar {
3163            display: block !important;
3164        }
3165
3166
3167    }
3168</style>
3169
3170<script>
3171
3172    const getinfo = document.querySelector("#menu_settings").outerHTML;
3173    const right_columnt_head = document.querySelector(".right_columnt_head");
3174
3175    right_columnt_head.insertAdjacentHTML("afterbegin", `<div style="position: absolute;right: 200px;">  ${getinfo} </div>`);
3176</script>
3176</div><div class="menu_button_wrapper col-md-3 col-6"><style>
3177
3178#bestprice_krug {
3179  
3180    background: url(https://www.metalelokacyjne.pl/data/include/cms/mme/karta_produktowa/cup.svg?v=1751449955293) -38px 10px no-repeat !important;
3181    background-size: 20% !important;
3182}
3183
3184/* body #projector_form .projector_bundle__size  button {display: none !important;}
3185html body #layout .f-control.f-dropdown-toggle {display: none !important;} */
3186
3187  #products_associated_zone2  .product__icon,
3188  #products_associated_zone3  .product__icon
3189  
3190  
3191  {
3192    height: 26.2rem !important;
3193}
3194
3195
3196    #content .pswp__img {
3197    max-width: fit-content !important;
3198    height: auto !important;
3199    }
3200
3201
3202
3203#products_associated_zone2 .product__icon img,
3204#products_associated_zone3 .product__icon img
3205
3206
3207{
3208    max-height: 25.2rem !important;
3209}
3210
3211    .slick-slider {
3212        position: sticky !important;
3213        top: 10px
3214    }
3215.projector_details .projector_buy__shopping_list {
3216    border: none;
3217    display: none !important;
3218}
3219
3220#projector_omnibus_price_value, #projector_omnibus_percent {display: none !important;}
3221
3222    body #layout .f-control.f-dropdown-toggle {
3223        display: block !important;
3224    }
3225
3226
3227    #infomoreget img {
3228        width: 20px;
3229        opacity: 0.5;
3230        margin-right: 10px;
3231    }
3232</style>
3233<style>
3234    @keyframes aminacja_images {
3235        from {
3236            opacity: 0;
3237        }
3238
3239        to {
3240            opacity: 1;
3241        }
3242    }
3243
3244    /* #container.projector_page  #products_associated_zone2 .col-sm-3, 
3245#container.projector_page  #products_associated_zone3 .col-sm-3 {
3246    flex: 0 0 25% !important;
3247    max-width: 25% !important;
3248    width: fit-content  !important;
3249} */
3250
3251    .icon-angle-left:before {
3252        content: "\F104" !important;
3253        display: block;
3254    }
3255
3256    .opinions_section #no_opinions_of_type {
3257        display: none !important;
3258    }
3259
3260    .projector_details .projector_stocks__icon:before {
3261        position: relative;
3262        top: 5px;
3263    }
3264
3265    #photos_slider {
3266        animation: aminacja_images 1s linear;
3267    }
3268
3269    .pswp__button {
3270        background: none !important;
3271    }
3272
3273    .photos__link.--nav.--active,
3274    .photos__link.--nav:hover {
3275        border: none !important;
3276    }
3277
3278    .photoSwipe_overlay {
3279        position: fixed;
3280        top: 0;
3281        left: 0;
3282        z-index: 1000;
3283        width: 100vw;
3284        height: 100vh;
3285        bottom: 0;
3286        right: 0;
3287        background: #ffffff70;
3288        backdrop-filter: blur(4px);
3289    }
3290
3291    #projector_price_yousave {
3292        display: block !important;
3293        font-size: 13px;
3294    }
3295
3296    .projector_details .projector_prices__maxprice {
3297        white-space: nowrap;
3298        color: var(--darkyello);
3299        font-size: 24px;
3300    }
3301
3302    .projector_details .projector_prices__maxprice_wrapper {
3303        display: block;
3304    }
3305
3306    .show_btn_pic {
3307        display: none !important;
3308    }
3309
3310    .products:hover .slick-next,
3311    .multiple-items-opinie:hover .slick-next,
3312    #photos_slider .slick-next {
3313        background: url(https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/rigth_white.svg?v=1695128863803) center center no-repeat;
3314        background-color: #d2bd667d;
3315        backdrop-filter: blur(10px);
3316    }
3317
3318    .products:hover .slick-prev,
3319    .multiple-items-opinie:hover .slick-prev,
3320    #photos_slider .slick-prev {
3321        background: url(https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/left_white.svg?v=1709119574467) center center no-repeat;
3322        background-color: #d2bd667d;
3323        backdrop-filter: blur(10px);
3324        /* transform: rotate(-0.25turn); */
3325        display: none !important;
3326    }
3327
3328    .icon-angle-left {
3329        background: url(https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/rigth_white.svg?v=1695128863803) center center no-repeat;
3330    }
3331
3332    .pswp__img {
3333        max-width: 820px !important;
3334        height: 820px !important;
3335    }
3336
3337    #photos_slider:hover .slick-arrow {
3338        display: block !important;
3339    }
3340
3341    #main_hotspot_zone1:hover .slick-arrow {
3342        display: block !important;
3343    }
3344
3345    #main_hotspot_zone3:hover .slick-arrow {
3346        display: block !important;
3347    }
3348
3349    #opinie_main:hover .slick-arrow {
3350        display: block !important;
3351    }
3352
3353    #products_associated_zone3 .slick-arrow,
3354    #products_associated_zone2 .slick-arrow {
3355        display: block !important;
3356    }
3357
3358    .slick-arrow {
3359        display: none !important;
3360    }
3361
3362    .slick-arrow {
3363        background-color: #d2bd667d;
3364        backdrop-filter: blur(10px);
3365    }
3366
3367    .icon-angle-right {
3368        background: url(https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/rigth_white.svg?v=1695128863803) center center no-repeat;
3369    }
3370
3371    .icon-angle-left {
3372        background: url(https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/rigth_white.svg?v=1695128863803) center center no-repeat;
3373    }
3374
3375    .pswp__scroll-wrap .pswp__button--arrow--right {
3376        right: 0px !important;
3377    }
3378
3379    .pswp {
3380        min-height: 100% !important;
3381        max-height: 52%;
3382        top: 50%;
3383        left: 50%;
3384        transform: translate(-50%, -50%);
3385        border-radius: 0;
3386    }
3387
3388    .pswp__button,
3389    .pswp__button--arrow--left:before,
3390    .pswp__button--arrow--right:before {
3391        background: none !important;
3392    }
3393
3394    /* rozwiajen monety*/
3395
3396    /* 
3397.photos___slider_wrapper.slick-initialized.slick-slider {height: auto !important;}
3398
3399
3400#photos_slider .slick-track {width: auto !important;} */
3401
3402    #projector_photos .photos__figure.big_images {
3403        position: static !important;
3404
3405        max-height: 500px !important;
3406
3407        max-width: 500px !important;
3408        opacity: 1 !important;
3409    }
3410
3411    /* 
3412
3413
3414
3415#photos_slider .slick-list {z-index: 0;}
3416
3417
3418
3419
3420*/
3421
3422    .photos {
3423        overflow: visible;
3424    }
3425
3426    #photos_slider {
3427        z-index: 0 !important;
3428    }
3429
3430    #best_price_wrap {
3431        animation: aminacja_images 2s linear;
3432        min-height: 300px;
3433    }
3434
3435    .show_image {
3436        animation: aminacja_images 1s linear;
3437        /* animation-delay: 1s; */
3438    }
3439
3440    /* * {color: var(--darkyello) ;} */
3441
3442    h1.product_name__name {
3443        color: var(--darkyello) !important;
3444    }
3445
3446    .photos.--gallery .photos__slider_wrapper {
3447        padding-top: 40px !important;
3448    }
3449
3450    .photos__slider_wrapper {
3451        position: relative;
3452    }
3453
3454    .photos__figure.show_image:nth-child(1) {
3455        flex: 0 0 100%;
3456        max-width: 100% !important;
3457    }
3458
3459    .photos__figure.show_image:nth-child(2) {
3460        /* flex: 0 0 20%;
3461    max-width: 20% !important; */
3462        top: 50%;
3463        /* position: absolute; */
3464        right: 10%;
3465    }
3466
3467    .photos.--gallery .photos__figure:not(.--nav) {
3468        flex: 0 0 70%;
3469        max-width: 50%;
3470    }
3471
3472    #specyfikacja_main p,
3473    #specyfikacja_main p span,
3474    #specyfikacja_main,
3475    #specyfikacja_main li,
3476    #specyfikacja_main ul,
3477    #specyfikacja_main,
3478    #projector_longdescription.cm {
3479        font-family: "Inter", sans-serif !important;
3480        text-align: left !important;
3481
3482        font-size: 16px !important;
3483        line-height: 25px !important;
3484        color: #1a1c05 !important;
3485    }
3486
3487    #specyfikacja_main p span {
3488        font-family: "Inter", sans-serif !important;
3489        text-align: left !important;
3490    }
3491
3492    .photos.--gallery .photos__slider {
3493        position: sticky;
3494        top: 40px;
3495        display: block;
3496    }
3497
3498    .trzy_opakowania {
3499        display: flex;
3500        text-align: center;
3501    }
3502
3503    .trzy_opakowania img {
3504        width: 120px;
3505    }
3506
3507    .trzy_opakowania .extra_prduct_buy_content {
3508        width: 330px;
3509        flex: 43%;
3510        max-width: 50%;
3511        flex: 13.33333%;
3512        max-width: 23.33333%;
3513        min-height: 270px;
3514        display: flex;
3515        flex-wrap: wrap;
3516        flex-direction: column;
3517        justify-content: space-between;
3518    }
3519
3520    .trzy_opakowania #projector_button_basket {
3521        font-size: 11px;
3522        padding: 3px;
3523    }
3524
3525    .traits__value {
3526        margin: 30px;
3527    }
3528
3529    .traits__value:after {
3530        display: none;
3531    }
3532
3533    .test_phone_karta h4 {
3534        font-size: 15px;
3535    }
3536
3537    #product_questions_list {
3538        margin: 20px 0px;
3539    }
3540
3541    #projector_price_srp_wrapper {
3542        font-size: 24px;
3543        margin-bottom: 10px;
3544    }
3545
3546    .show_btn_pic.active_bnt_nowa {
3547        display: none;
3548    }
3549
3550    .show_btn_pic {
3551        display: block;
3552    }
3553
3554    #projector_price_srp {
3555        font-size: 28px;
3556    }
3557
3558    #products_associated_zone2 {
3559        margin-top: 40px;
3560    }
3561
3562    .strefy_main .--notes {
3563        position: absolute;
3564        top: -30px;
3565        left: 50px;
3566    }
3567
3568    .strefy_main {
3569        position: relative;
3570    }
3571
3572    .contetn_main_tab.active #opinions_section,
3573    .contetn_main_tab.active #product_questions_list,
3574    .contetn_main_tab.active #projector_producttraits {
3575        display: block;
3576    }
3577
3578    #opinions_section .note i.active {
3579        color: #fac917;
3580        display: inherit;
3581    }
3582
3583    #projector_delivery_label:before {
3584        position: absolute;
3585        content: url(https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/kalendarz_main.svg?v=1694445504003) !important;
3586        display: block;
3587        left: -60px;
3588        top: -14px;
3589    }
3590
3591    .projector_details .projector_shipping__icon:before {
3592        content: url(https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/send_kludka.svg?v=1694445504002) !important;
3593    }
3594
3595    .contetn_main_tab #opinions_section {
3596        display: flex !important;
3597        grid-template-columns: 0.5fr 1fr;
3598    }
3599
3600    .contetn_main_tab #opinions_section .opinions_add_form.d-none {
3601        width: 100%;
3602        text-align: center;
3603        margin-top: 20px;
3604    }
3605
3606    #opinions_section,
3607    #product_questions_list,
3608    #projector_producttraits {
3609        display: none;
3610    }
3611
3612    #opinions_section .opinion_note a {
3613        display: inline-block;
3614    }
3615
3616    a.projector_prices__contact {
3617        text-decoration: none;
3618    }
3619
3620    span#projector_amount {
3621        font-size: 11px;
3622        display: block;
3623        padding: 0px;
3624        margin: 0px;
3625    }
3626
3627    .projector_buy__number_wrapper .f-dropdown select {
3628        display: none !important;
3629        /* height: 100% !important; */
3630    }
3631
3632    .projector_details .projector_buy__number_wrapper {
3633        display: block;
3634        width: 80px;
3635        margin-right: 10px;
3636        border-radius: 3px;
3637        text-align: center;
3638        position: relative;
3639
3640        height: 56px !important;
3641        text-align: center;
3642        font-weight: bold;
3643    }
3644
3645
3646
3647    .phoen_karta {
3648        display: flex;
3649        justify-content: flex-start;
3650        gap: 20px;
3651        align-items: center;
3652        text-align: left;
3653        margin-top: 20px;
3654
3655        border-radius: 1px;
3656        padding: 10px 30px;
3657        margin-top: 50px;
3658        border: solid 1px #ccc;
3659    }
3660
3661    .phoen_karta img {
3662        width: 40px;
3663    }
3664
3665    .phoen_karta a {
3666        display: block;
3667        font-size: 34px;
3668        color: #00ab4e;
3669        text-decoration: none;
3670        font-weight: bold;
3671    }
3672
3673    .projector_stocks__info.projector_info__link.--link {
3674        color: #00ab4e;
3675    }
3676
3677    .sub_text {
3678        font-size: 18px;
3679    }
3680
3681    #projector_status_gfx_wrapper {
3682        visibility: hidden;
3683    }
3684
3685    .photos.--gallery .photos__photo {
3686        max-height: none;
3687        border-radius: 5px;
3688    }
3689
3690    .product_name__sub.--firm {
3691        z-index: 0;
3692    }
3693
3694    .product_name__sub.--firm img {
3695        max-height: inherit;
3696        display: block;
3697        max-width: 140px;
3698        max-height: 130px;
3699    }
3700
3701    a.firm_logo {
3702        position: absolute;
3703        /* left: -60%; */
3704
3705        left: -150px !important;
3706        width: 200px;
3707    }
3708
3709    .tags_conisn {
3710        display: flex;
3711
3712        flex-direction: row;
3713        align-items: center;
3714
3715        border-bottom: solid 1px #ccc;
3716        justify-content: space-around;
3717        overflow-x: auto;
3718        min-height: 80px;
3719    }
3720
3721    .tag_content {
3722        position: relative;
3723        min-height: 40px;
3724    }
3725
3726    #projector_form .tag_content small {
3727        position: absolute;
3728        top: -10px !important;
3729        left: 10px;
3730        font-size: 10px;
3731    }
3732
3733    .tag_content a {
3734        border: solid 1px #ccc;
3735        border-radius: 1px;
3736        padding: 15px 20px 10px 10px;
3737        color: #1a1c05 !important;
3738        text-decoration: none;
3739        line-height: 20px;
3740        text-wrap: nowrap;
3741    }
3742
3743    .tag_content a:hover {
3744        background: #fdfcf7;
3745    }
3746
3747    .projector_page #content {
3748        grid-template-columns: minmax(0, 96.6666%) 30.3333%;
3749        grid-column-gap: 65px;
3750    }
3751
3752    /* .projector_details .projector_info__icon {display: none !important;} */
3753    .projector_info__item.--stocks.projector_stocks {
3754        padding-left: 50px;
3755        padding-top: 10px;
3756        padding-bottom: 20px;
3757    }
3758
3759    span.projector_stocks__info {
3760        color: #870a0a;
3761        font-weight: bold;
3762    }
3763
3764    div#projector_shipping_dialog {
3765        padding-left: 50px;
3766        border-bottom: solid 1px #ccc;
3767        display: block;
3768    }
3769
3770    .photos__slider {
3771        width: 100%;
3772        position: relative;
3773        position: sticky;
3774        display: block;
3775        top: 40px;
3776    }
3777
3778    div#projector_shipping_dialog {
3779        padding-left: 50px;
3780        border-bottom: solid 1px #ccc;
3781        display: flex;
3782        padding-bottom: 20px;
3783        padding-top: 10px;
3784    }
3785
3786    div#projector_shipping_dialog a {
3787        text-decoration: none;
3788        font-weight: bold;
3789        color: var(--darkyello);
3790    }
3791
3792    .img_list img {
3793        height: 50px;
3794        width: 50px;
3795    }
3796
3797    .projector_details .projector_info__link {
3798        padding-left: 20px;
3799        font-size: 15px !important;
3800    }
3801
3802    .projector_details .projector_prices__price {
3803        font-size: 45px;
3804        line-height: 1;
3805        margin-right: 0.7rem;
3806    }
3807
3808    .projector_prices__info {
3809        font-size: 24px;
3810    }
3811
3812    .projector_details .projector_prices__price_wrapper {
3813        display: block !important;
3814    }
3815
3816    .projector_safe {
3817        display: none !important;
3818    }
3819
3820    #projector_status_wrapper .projector_status__description {
3821        display: none !important;
3822    }
3823
3824    .projector_prices__price_wrapper {
3825        font-size: 36px;
3826        color: #1a1c05;
3827
3828        width: 100%;
3829        padding-top: 20px;
3830
3831        width: 100%;
3832    }
3833
3834    #projector_prices_wrapper {
3835        border-bottom: solid 1px #ccc;
3836        border-top: solid 1px #ccc;
3837    }
3838
3839    #produkt_contentinfo {
3840        grid-area: 2 !important;
3841    }
3842
3843    #produkt_contentinfo.show_allpic {
3844        grid-area: 2 !important;
3845        height: 100vh;
3846    }
3847
3848    #produkt_contentinfo #projector_productname,
3849    #produkt_contentinfo #projector_form {
3850        display: block !important;
3851
3852        top: 210px;
3853        z-index: 99;
3854    }
3855
3856    .dictionary__group.--first {
3857        border: none;
3858    }
3859
3860    .show_btn_pic {
3861        text-align: center;
3862        width: 100%;
3863        margin-top: 20px;
3864        cursor: pointer;
3865        text-transform: uppercase;
3866        font-size: 11px;
3867        font-weight: bold;
3868        color: #8a8881;
3869    }
3870
3871    .show_btn_pic:hover {
3872        color: #1a1c05;
3873        text-decoration: underline;
3874    }
3875
3876    .btn.--large.--solid {
3877        background: #00ab4e;
3878    }
3879
3880    #projector_productname {
3881        position: relative;
3882    }
3883
3884    #content #projector_productname .product_name__sub .label.--new {
3885        position: absolute;
3886        left: -200%;
3887        top: 30px;
3888        z-index: 0 !important;
3889
3890        background: url("https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/new.svg?v=1694171349269") no-repeat;
3891
3892        background-size: contain;
3893        width: 90px;
3894        height: 90px;
3895        text-indent: -999px;
3896        overflow: hidden;
3897    }
3898
3899    #content #projector_productname .product_name__sub .label.--bestseller {
3900        position: absolute;
3901        left: -200%;
3902        top: 30px;
3903        z-index: 0 !important;
3904
3905        background: url("https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/bestseler.svg?v=1707409093857") no-repeat;
3906
3907        background-size: contain;
3908        width: 90px;
3909        height: 90px;
3910        text-indent: -999px;
3911        overflow: hidden;
3912    }
3913
3914    #projector_productname .label.--bestseller:after {
3915        display: none;
3916    }
3917
3918    .photos__slider_wrapper .photos__figure {
3919        display: none !important;
3920    }
3921
3922    .photos__slider_wrapper .photos__figure.show_image {
3923        display: block !important;
3924    }
3925
3926    /* .photos.--gallery .photos__figure:not(.--nav) {
3927
3928    flex: 0 0 50%;
3929  } */
3930
3931    .photos__figure.show_image.big_images:nth-child(2) {
3932        position: static;
3933        max-width: 50% !important;
3934    }
3935
3936    .firm_logo img {
3937        mix-blend-mode: darken !important;
3938    }
3939
3940    .pswp__bg {
3941        opacity: 1 !important;
3942        backdrop-filter: blur(6px);
3943        -webkit-backdrop-filter: blur(6px);
3944    }
3945
3946    .bgtable:hover {
3947        background: #fdfcf7;
3948    }
3949
3950    .dictionary__param:hover {
3951        background: #fdfcf7 !important;
3952    }
3953
3954    #projector_longdescription span {
3955        font-size: 16px !important;
3956        line-height: 25px;
3957        color: #1a1c05;
3958    }
3959
3960
3961    #projector_longdescription video{width: 100% !important;}
3962
3963
3964
3965    #projector_longdescription,
3966    #projector_dictionary {
3967        display: none;
3968    }
3969
3970    .contetn_main_tab #opinions_section div {
3971        display: block !important;
3972    }
3973
3974    #specyfikacja_main #projector_longdescription {
3975        grid-column: 1 !important;
3976        display: block;
3977        padding: 30px;
3978        padding-top: 20px;
3979    }
3980
3981    #specyfikacja_main #projector_dictionary {
3982        grid-column: 2 !important;
3983        display: block;
3984    }
3985
3986    #specyfikacja_main {
3987        display: grid;
3988        grid-template-columns: 1fr 0.5fr;
3989
3990        gap: 2rem;
3991    }
3992
3993    .tab-content div.dictionary__group,
3994    .tab-content div.dictionary__group div {
3995        display: block !important;
3996    }
3997
3998    .tab-content {
3999        border-bottom: solid 3px #d2bc66;
4000    }
4001
4002    a.dictionary__value_txt {
4003        font-weight: bold;
4004        color: #c0a020;
4005    }
4006
4007    span.dictionary__value_txt {
4008        color: #1a1c05;
4009        font-weight: bold;
4010        font-size: 14px;
4011    }
4012
4013    #specyfikacja_main div.dictionary__group .dictionary__param {
4014        display: flex !important;
4015        grid-template-columns: 0.3fr 1fr;
4016        /* font-size: 14px; */
4017        padding: 2px 15px;
4018        margin-bottom: 2px !important;
4019        transition: all 0.4s;
4020        justify-content: end;
4021        align-items: center !important;
4022        justify-items: start;
4023
4024        justify-items: start;
4025        justify-content: flex-start;
4026    }
4027
4028    #specyfikacja_main .col-6 {
4029        width: auto !important;
4030        max-width: fit-content;
4031        padding: 5px 3px;
4032    }
4033
4034    #specyfikacja_main div.dictionary__group .dictionary__param:hover {
4035        background: #fff;
4036        transition: all 0.4s;
4037    }
4038
4039    .projector_details .projector_status:not(.--status-hide) .projector_status__description {
4040        display: block !important;
4041        margin-bottom: 30px;
4042    }
4043
4044    #projector_status,
4045    .projector_info__item,
4046    .projector_info__item.--stocks.projector_stocks,
4047    #projector_status {
4048        border: none;
4049        min-height: 20px;
4050    }
4051
4052    .projector_returns {
4053        display: none !important;
4054    }
4055
4056    .projector_details .projector_buy__shopping_list:hover {
4057        background: none !important;
4058    }
4059
4060    .projector_buy__wrapper .projector_buy__shopping_list .text_lista {
4061        display: none;
4062    }
4063
4064    a.projector_tell_availability__link.btn.--solid.--outline.--solid.--extrasmall {
4065        padding: 20px 0px;
4066        display: block;
4067        background: #449533;
4068        color: #fff;
4069        font-size: 16px;
4070        font-weight: bold;
4071        border: none;
4072    }
4073
4074    a.projector_tell_availability__link.btn.--solid.--outline.--solid.--extrasmall:hover {
4075        background: #56ba42;
4076        color: #fff;
4077    }
4078
4079    .projector_details .projector_info__item {
4080        position: relative;
4081    }
4082
4083    .telefon_box {
4084        margin-bottom: 70px;
4085        display: block;
4086    }
4087
4088    .skup.skup_main.ask_question {
4089        background: #f5f6fa;
4090        width: 100%;
4091        left: 0px;
4092    }
4093
4094    .skup.skup_main.ask_question img {
4095        width: 35px;
4096    }
4097
4098    .skup.skup_main.ask_question h4 {
4099        font-size: 15px;
4100        font-weight: bold;
4101        padding-left: 10px;
4102    }
4103
4104    .dictionary__name_txt {
4105        font-size: 11px;
4106    }
4107
4108    .menu_messages_warning .dictionary__name_txt {
4109        display: none;
4110    }
4111
4112    .menu_messages_warning .dictionary__values {
4113        display: block;
4114        flex-wrap: wrap;
4115        flex: 1;
4116        max-width: 100%;
4117    }
4118
4119    .projector_details .projector_status.--status-hide .projector_status__gfx_wrapper:before {
4120        content: url("https://www.metalelokacyjne.pl/data/include/cms/mme/karta_produktowa/not_awaible_1.svg?v=1679911679042");
4121    }
4122
4123    .projector_stocks__icon.projector_info__icon:before {
4124        content: url("https://www.metalelokacyjne.pl/data/include/cms/mme/karta_produktowa/not_location.svg?v=1679911911012");
4125    }
4126
4127    .projector_buy__shopping_list {
4128        position: relative;
4129    }
4130
4131    .text_lista {
4132        display: inline-block;
4133    }
4134
4135    .img_list {
4136        display: inline-block;
4137        position: absolute;
4138        top: -15px;
4139        left: 20px;
4140    }
4141
4142    .projector_details__wrapper a:hover {text-decoration: underline;}
4143
4144  #projector_form  .projector_details__buy .projector_buy__shopping_list {
4145        display: flex !important;
4146        grid-area: 2 / 1 / 3 / 3;
4147        margin-bottom: 0px;
4148        padding-bottom: 0px;
4149            padding-left: 30px;
4150   img {max-width: 50px;}
4151
4152
4153    .text_lista {padding-left: 0px;&:hover {text-decoration: underline;}}
4154
4155}
4156
4157
4158    .projector_details .projector_status__wrapper {
4159        overflow: visible;
4160    }
4161
4162    .projector_details .projector_buy__shopping_list:before {
4163        display: none;
4164    }
4165
4166    .projector_buy__shopping_list {
4167        display: block !important;
4168    }
4169
4170    #projector_shipping_info {
4171        display: block;
4172    }
4173
4174    #projector_shipping_info {
4175        padding-left: 20px;
4176    }
4177
4178    .projector_details .projector_buy__shopping_list {
4179        width: auto;
4180        height: auto;
4181        font-size: 15px;
4182        padding-left: 0px;
4183        font-weight: bold;
4184        justify-content: flex-start;
4185
4186        padding-bottom: 30px;
4187    }
4188
4189    .projector_details .text_lista {
4190        font-size: 15px;
4191        width: auto;
4192        padding-left: 85px;
4193        color: var(--darkyello);
4194    }
4195
4196    .projector_details .projector_buy__shopping_list {
4197        border: none;
4198    }
4199
4200    .phone_karta a {
4201        color: var(--darkyello);
4202        letter-spacing: 2px;
4203    }
4204
4205    .telefon_box h4 {
4206        font-weight: bold !important;
4207        font-size: 15px;
4208    }
4209
4210    .phone_karta {
4211        display: block;
4212        position: relative;
4213        top: 6px;
4214        left: 70px;
4215    }
4216
4217    .phone_karta strong {
4218        font-size: 13px;
4219        color: #474747;
4220        font-weight: normal;
4221        position: absolute;
4222        left: -35px !important;
4223    }
4224
4225    .projector_details .projector_info__item .projector_safe__info {
4226        padding-left: 30px;
4227    }
4228
4229    .skup {
4230        display: flex !important;
4231        align-items: flex-end !important;
4232    }
4233
4234    .projector_info__item.projector_safe {
4235        margin-top: 20px;
4236        border-radius: 10px;
4237        border: solid 1px #d9dbde;
4238        background: url("https://www.metalelokacyjne.pl/data/include/cms/mme/karta_produktowa/like_metal.svg?v=1679664828526") 20px center no-repeat;
4239        background-size: 30px;
4240    }
4241
4242    #projector_delivery_label {
4243        position: relative;
4244    }
4245
4246    #projector_delivery_label:before {
4247        position: absolute;
4248        content: url(https://www.metalelokacyjne.pl/data/include/cms/mme/karta_produktowa/calnedar.svg?v=1679668398681);
4249        display: block;
4250    }
4251
4252    .left_text_bar h4 {
4253        font-weight: normal;
4254    }
4255
4256    .telefon_box {
4257        background: #f5f6fa;
4258        border-radius: 10px;
4259    }
4260
4261    .projector_details .projector_info__item {
4262        align-items: baseline;
4263    }
4264
4265    #projector_status,
4266    .projector_info__item,
4267    .projector_info__item.--stocks.projector_stocks,
4268    #projector_status {
4269        border: none;
4270    }
4271
4272    .projector_status__info_amount,
4273    #projector_delivery_days {
4274        font-weight: bold;
4275    }
4276
4277    #projector_amount {
4278        margin-bottom: 20px;
4279    }
4280
4281    #projector_shipping_info {
4282        font-size: 15px;
4283
4284        padding-bottom: 20px;
4285
4286        padding-top: 20px;
4287        display: block;
4288        padding-left: 70px;
4289    }
4290
4291    #projector_status {
4292        border-top: solid 1px #dadada;
4293        border-bottom: solid 1px #dadada;
4294    }
4295
4296    .projector_stocks {
4297        border-bottom: solid 1px #dadada !important;
4298        border-radius: 0px !important;
4299        margin-bottom: 10px !important;
4300    }
4301
4302    .projector_shipping__info.projector_info__link,
4303    .projector_stocks__info.projector_info__link.--link {
4304        font-weight: bold;
4305    }
4306
4307    .projector_details .projector_shipping__icon:before {
4308        content: url("https://www.metalelokacyjne.pl/data/include/cms/mme/karta_produktowa/awaible.svg?v=1679664828526");
4309
4310        position: absolute;
4311        top: -3px;
4312    }
4313
4314    .projector_details .projector_stocks__icon.dostepne_location:before {
4315        content: url("https://www.metalelokacyjne.pl/data/include/cms/mme/karta_produktowa/awaible.svg?v=1679664828526");
4316    }
4317
4318    .product h3 a {
4319        text-align: center;
4320        font-size: 14px;
4321        color: #8a8881;
4322        font-weight: 500 !important;
4323        width: 80%;
4324        margin: auto;
4325        height: fit-content !important;
4326        min-height: auto !important;
4327    }
4328
4329    #products_associated_zone2 .headline {
4330        margin: 0px;
4331    }
4332
4333    @media (max-width: 728px) {
4334
4335        .projector_page #content {
4336            margin-top: 0px !important;
4337        }
4338
4339        .projector_page .breadcrumbs {
4340            margin-top: 40px;
4341        }
4342
4343        body .mb-5,
4344        body .my-5 {
4345            margin-bottom: 1rem !important;
4346        }
4347
4348        .projector_info__item.--stocks.projector_stocks {
4349            padding-bottom: 20px !important;
4350        }
4351
4352        .tab-content .active {
4353            display: block;
4354        }
4355
4356        .trzy_opakowania .extra_prduct_buy_content {
4357            /* width: 380px; */
4358            flex: 43%;
4359            max-width: 50%;
4360            flex: 0 0 23.33333%;
4361            max-width: 63.33333%;
4362            min-height: auto;
4363            display: flex;
4364            flex-wrap: wrap;
4365            flex-direction: column;
4366            justify-content: space-between;
4367            gap: 0px;
4368            margin: 10px 10px;
4369        }
4370
4371        .trzy_opakowania {
4372            display: flex;
4373            text-align: center;
4374            overflow-x: scroll;
4375        }
4376
4377        .projector_details .projector_info__link {
4378            padding-left: 20px;
4379            padding-bottom: 0px;
4380        }
4381
4382        .projector_details__info #projector_status_wrapper {
4383            min-height: 50.8px !important;
4384        }
4385
4386        #projector_delivery_label:before {
4387            position: absolute;
4388            content: url(https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/kalendarz_main.svg?v=1694445504003) !important;
4389            display: block;
4390            left: -60px;
4391            top: -4px;
4392        }
4393
4394        .img_list {
4395            top: -21px;
4396            height: 70px;
4397            width: 50px;
4398            left: 23px;
4399        }
4400
4401        #projector_status,
4402        .projector_info__item,
4403        .projector_info__item.--stocks.projector_stocks,
4404        #projector_status {
4405            padding-bottom: 10px;
4406            margin-bottom: 0px;
4407            margin-top: 0px;
4408            height: auto;
4409        }
4410
4411        #projector_shipping_info {
4412            font-size: 15px;
4413            padding-bottom: 20px;
4414            padding-top: 20px;
4415            display: block;
4416            padding-left: 60px;
4417        }
4418
4419        #projector_status_wrapper {
4420            min-height: 50.8px !important;
4421        }
4422
4423        .projector_tabs__mobile:after {
4424            content: "\f107";
4425            margin-left: auto;
4426            font-size: 19px;
4427            font-family: FontAwesome;
4428        }
4429
4430        .phoen_karta {
4431            padding: 20px;
4432            margin-top: 10px;
4433        }
4434
4435        .tabs .active:after {
4436            background: var(--yellow);
4437            content: "";
4438            position: absolute;
4439            height: 4px;
4440            width: 100%;
4441            display: block;
4442            left: 0px;
4443            bottom: -9px;
4444        }
4445
4446        .projector_page .tabs h3 {
4447            display: block;
4448            flex-wrap: nowrap;
4449            padding: 20px !important;
4450        }
4451
4452        #specyfikacja_main #projector_longdescription {
4453            grid-column: 1 !
4453important;
4454            display: block;
4455            padding: 0px;
4456            padding-top: 0px;
4457        }
4458
4459        .tags_conisn .tag_content a {
4460            font-size: 15px;
4461        }
4462
4463        #tab_karta.tabs {
4464            display: inline-flex !important;
4465            grid-template-columns: repeat(5, 1fr);
4466            text-wrap: nowrap;
4467            margin-top: 40px;
4468            padding: 0px;
4469            height: auto !important;
4470            gap: 20px;
4471            justify-items: center;
4472            text-wrap: nowrap;
4473            justify-content: flex-start;
4474            width: 100%;
4475
4476            flex-wrap: nowrap;
4477
4478            overflow-x: scroll;
4479        }
4480
4481        #tab_karta.tabs .active:after {
4482            display: none !important;
4483        }
4484
4485        .projector_tabs__wrapper:nth-child(4) {
4486            display: none;
4487        }
4488
4489        #projector_shipping_info {
4490            padding-top: 10px;
4491            color: var(--darkyell);
4492        }
4493
4494        .pswp.pswp--open {
4495            z-index: 9999999999999;
4496        }
4497
4498        .projector_details .projector_info__item {
4499            padding: 5px 10px;
4500            margin-top: 10px;
4501        }
4502
4503        .projector_details__info {
4504            margin-top: 20px;
4505            padding-top: 20px;
4506        }
4507
4508        #projector_amount {
4509            margin-bottom: 10px;
4510        }
4511
4512        #projector_status,
4513        .projector_info__item,
4514        .projector_info__item.--stocks.projector_stocks,
4515        #projector_status {
4516            padding-bottom: 5px;
4517            margin-bottom: 0px;
4518            margin-top: 10px;
4519        }
4520
4521        .projector_details .projector_info__item {
4522            margin: 0px;
4523            padding: 5px 10px;
4524            margin-top: 10px;
4525        }
4526
4527        .projector_details .projector_buy__shopping_list {
4528            border: none;
4529            height: auto;
4530            display: block;
4531            margin-bottom: 20px;
4532            padding-bottom: 10px;
4533        }
4534
4535        .telefon_box {
4536            margin-bottom: 10px;
4537        }
4538
4539        .img_list {
4540            display: inline-block;
4541            position: absolute;
4542            top: 5px;
4543
4544            height: 20px;
4545            width: 20px;
4546        }
4547    }
4548</style>
4549
4550<style>
4551    /* .projector_page .tabs h3 {display: flex;flex-wrap: nowrap;} */
4552
4553    .tabs {
4554        display: grid;
4555        grid-template-columns: repeat(6, 1fr);
4556        margin-top: 50px;
4557        padding-bottom: 20px;
4558
4559        border-bottom: solid 1px #8a8881;
4560        /* height: 300px; */
4561    }
4562
4563    .tabs h3 {
4564        text-align: center;
4565    }
4566
4567    .tabs h3:hover {
4568        color: #d2bc66;
4569    }
4570
4571    .breadcrumbs span {
4572        color: #000 !important;
4573    }
4574
4575    .tab-content {
4576        background-color: #ffffff;
4577        padding: 50px 40px;
4578    }
4579
4580    .tab-content h4 {
4581        font-size: 14px !important;
4582        margin-bottom: 0px !important;
4583        margin-top: 30px;
4584        font-weight: 600;
4585        text-align: left !important;
4586        position: relative;
4587
4588        top: 10px;
4589    }
4590
4591    .tab-content p {
4592        text-align: justify;
4593        line-height: 1.9;
4594        letter-spacing: 0.4px;
4595        color: #202238;
4596    }
4597
4598    .tab-content .dlaczego_metal p {
4599        text-align: center;
4600        font-size: 22px;
4601        line-height: normal;
4602        margin-bottom: 20px;
4603    }
4604
4605    .tab-content section {
4606        display: none;
4607    }
4608
4609    .tab-content .active {
4610        display: block;
4611    }
4612
4613    .tabs .active {
4614        background-color: #ffffff;
4615        color: var(--yellow);
4616        position: relative;
4617    }
4618
4619    .tabs .active:after {
4620        background: var(--yellow);
4621        content: "";
4622        position: absolute;
4623        height: 4px;
4624        width: 100%;
4625        display: block;
4626        left: 0px;
4627        bottom: -21px;
4628    }
4629
4630    .tabs h3 {
4631        text-transform: uppercase;
4632        font-size: 14px;
4633        color: #1a1c05;
4634        cursor: pointer;
4635    }
4636</style>
4637
4638<style>
4639    .skup .left_text_bar {
4640        width: 320px;
4641        position: relative;
4642        top: -5px;
4643    }
4644
4645    .phone_karta strong {
4646        font-size: 13px;
4647        color: #474747;
4648        font-weight: normal;
4649        position: absolute;
4650        left: -25px;
4651    }
4652
4653    #box_pop h2 {
4654        text-align: center;
4655        font-weight: normal;
4656        font-size: 24px;
4657        color: #000;
4658    }
4659
4660    .dlaczego_metal .img {
4661        height: 70px;
4662        margin-top: 20px;
4663        margin-bottom: 18px;
4664    }
4665
4666    .projector_details .projector_info__link {
4667        padding-left: 20px;
4668    }
4669
4670    .close_btn:before {
4671        content: "\E897";
4672        font-family: FontAwesome;
4673        font-size: 1.2rem;
4674    }
4675
4676    .dlaczego_metal .img img {
4677        width: 70px;
4678    }
4679
4680    .dlaczego_metal .img.big_artibiut img {
4681        width: 130px;
4682    }
4683
4684    .projector_safe__info.projector_info__link p {
4685        font-weight: normal;
4686    }
4687
4688    .projector_details .projector_safe__icon:before {
4689        display: none;
4690    }
4691
4692    #product_askforproduct {
4693        padding: 10px;
4694    }
4695
4696    .skup {
4697        margin-top: 0px;
4698        cursor: pointer;
4699    }
4700
4701    .projector_safe,
4702    .telefon_box,
4703    .skup {
4704        border: none;
4705    }
4706
4707    .telefon_box {
4708        margin-bottom: 70px;
4709    }
4710
4711    .skup .left_text_bar h4:hover {
4712        text-decoration: underline;
4713    }
4714
4715    .darmowa_wysylka .left_text_bar {
4716        width: 260px;
4717    }
4718
4719    #product_askforproduct .close_skup img {
4720        width: 20px;
4721        position: absolute;
4722        right: 0px;
4723        top: -50px;
4724        cursor: pointer;
4725    }
4726
4727    #product_askforproduct .headline {
4728        text-align: center;
4729    }
4730
4731    /* #product_askforproduct {
4732    display: none;
4733  } */
4734
4735    #product_askforproduct {
4736        position: fixed;
4737        background: #fff;
4738        z-index: 999;
4739        width: 900px;
4740        margin: auto;
4741    }
4742
4743    .skup {
4744        display: block;
4745    }
4746
4747    .projector_info__item {
4748        position: relative;
4749    }
4750
4751    #box_pop {
4752        display: none;
4753        /* position: absolute; */
4754        top: 20px;
4755        display: none;
4756        /* bottom: 20px; */
4757        left: 0px;
4758        z-index: 9999;
4759        padding: 20px;
4760        color: #fff;
4761        padding: 10px;
4762
4763        background-color: #fff;
4764    }
4765
4766    #box_pop .close_btn {
4767        position: absolute;
4768        top: 10px;
4769        right: 10px;
4770    }
4771
4772    .dlaczego_metal {
4773        display: grid;
4774        grid-template-columns: 1fr 1fr 1fr;
4775    }
4776
4777    /*
4778  #box_pop img {
4779      width: 20px;
4780      position: absolute;
4781      right: 20px;
4782      top: 10px;
4783  }
4784  */
4785    #box_pop li {
4786        list-style-type: none;
4787        list-style-position: inside;
4788        padding-top: 10px;
4789        color: #000;
4790
4791        text-align: center;
4792        border-bottom: solid 1px #ccc;
4793    }
4794
4795    .projector_safe__info {
4796        cursor: pointer;
4797        position: relative;
4798        font-weight: bold;
4799    }
4800
4801    .projector_safe__info:hover {
4802        text-decoration: underline;
4803    }
4804
4805    /* karta_pproduktowa */
4806    .btn.--large.--solid {
4807        background: #00ab4e !important;
4808    }
4809
4810    .btn.--large.--solid:hover {
4811        background: #007434 !important;
4812        border: none;
4813        border-radius: 3px;
4814    }
4815
4816    /* karta_pproduktowa */
4817
4818    @media (max-width: 728px) {
4819        .skup .left_text_bar {
4820            width: 200px !important;
4821        }
4822
4823
4824        #remd_more_produt {color: var(--maincolor) !important;
4825        font-weight: bold;
4826        padding: 5px 0px;
4827        cursor: pointer;
4828        margin-bottom: 20px;
4829        border: solid 2px var(--darkyello);
4830        padding-left: 10px;
4831        color: var(--darkyello);
4832        text-align: center;}
4833
4834        .projector_page #specyfikacja_main {
4835        display: block !important;
4836        grid-template-columns: 1fr;
4837        gap: 0rem;
4838    }
4839
4840        body .projector_page #content {
4841            margin-top: 0px !important;
4842        }
4843
4844        #product_askforproduct .flex-column {
4845            flex-direction: column !important;
4846            width: 100%;
4847        }
4848
4849        #product_askforproduct {
4850            position: fixed;
4851            background: #fff;
4852            z-index: 999;
4853            width: 100%;
4854            margin: auto;
4855            height: 100%;
4856            left: 10px;
4857            top: 0px;
4858        }
4859    }
4860
4861    #product_askforproduct .close_skup img {
4862        width: 20px;
4863        position: absolute;
4864        right: 40px;
4865        top: -40px;
4866        cursor: pointer;
4867    }
4868</style>
4869
4870<style>
4871    .stock__opening {
4872        display: none !important;
4873    }
4874</style></div><div class="menu_button_wrapper col-md-3 col-6">
4874<script>
4875    document.querySelector("#projector_price_srp_wrapper").remove()
4876
4877
4878    document.querySelector("#specyfikacja_main .video_big a").href = "#";
4879
4880
4881    window.addEventListener("DOMContentLoaded", function () {
4882        const spotAdd = document.querySelector('.spot-add');
4883        if (spotAdd) {
4884            spotAdd.remove();
4885        }
4886    });
4887
4888
4889
4890</script>
4890
4891
4892<script>
4893
4894
4895
4896
4897    const gettimeCneaa = setTimeout(changeNmae, 2000)
4898
4899    function changeNmae() {
4900
4901        const getNamekartaa = document.querySelector('.projector_prices__contact span');
4902        getNamekartaa.innerHTML = "Wkrótce premiera"
4903    }
4904
4905
4906
4907</script>
4907
4908
4909
4910
4911
4912
4913
4914<script>
4915    const getnemaspecyfikacja = document.querySelector(
4916        ".dictionary__group.--first.--no-group"
4917    );
4918
4919    const gtIdprodukc = document
4920        .querySelector("#projector_form")
4921        .getAttribute("data-product_id");
4922
4923    getnemaspecyfikacja.insertAdjacentHTML(
4924        "beforeend",
4925        `
4926<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">Numer produktu:</span></div><div class="dictionary__values col-6"><div class="dictionary__value"><span class="dictionary__value_txt">${gtIdprodukc}</span></div></div></div>
4927
4928`
4929    );
4930</script>
4930
4931
4932<script>
4933    document.querySelector(".projector_prices__srp_label").innerHTML =
4934        "Skup produktu:";
4935</script>
4935
4936
4937
4938<script defer>
4939    const getname = document.querySelector("h1.product_name__name").textContent;
4940    const getnameDiv = document.querySelector("h1.product_name__name");
4941    const notesOpiniefind = document.querySelector(".--notes");
4942
4943    function chceDiv() {
4944        if (notesOpiniefind == null) {
4945            return "";
4946        } else {
4947            const notesOpinie = notesOpiniefind.outerHTML;
4948            return notesOpinie;
4949        }
4950    }
4951
4952    const notesOpinieMain = chceDiv();
4953
4954    const regexTitlte = /\d.+/i;
4955
4956    const getTitlesub = getname.match(regexTitlte);
4957
4958    const getTible = getname.replace(getTitlesub, "");
4959
4960    getnameDiv.innerHTML = getTible;
4961
4962    getnameDiv.insertAdjacentHTML(
4963        "beforeend",
4964        `
4965              <div class="sub_text">  ${getTitlesub} </div> 
4966 
4967    `
4968    );
4969
4970    const projector_formdiv = document.querySelector("#projector_form");
4971
4972    const projector_bredcrumbsGet = document.querySelector(
4973        ".bc-active.bc-product-name"
4974    );
4975
4976    const getDecription = document.querySelector(
4977        "#projector_longdescription"
4978    ).outerHTML;
4979    const dictionaryGroup = document.getElementById(
4980        "projector_dictionary"
4981    ).outerHTML;
4982
4983    const projector_tabs = document.querySelector("#projector_longdescription");
4984    const opinions_section =
4985        document.querySelector("#opinions_section").outerHTML;
4986
4987    const product_questions_list = document.querySelector(
4988        "#product_questions_list"
4989    ).outerHTML;
4990
4991    const projector_producttraits = document.querySelector(
4992        "#projector_producttraits"
4993    );
4994
4995    function projector_producttraitsfn() {
4996        if (projector_producttraits == null) {
4997            return;
4998        } else {
4999            const projector_producttraitsText = projector_producttraits.outerHTML;
5000            return projector_producttraitsText;
5001        }
5002    }
5003
5004    let projector_producttraitsMain = projector_producttraitsfn();
5005
5006    const projector_productname = document.querySelector(
5007        "#projector_productname"
5008    ).outerHTML;
5009
5010    const projector_form = document.querySelector("#projector_form").outerHTML;
5011
5012    const getmennica_produkt = document.querySelectorAll(
5013        ".dictionary__value a.dictionary__value_txt"
5014    )[0].outerHTML;
5015
5016    const getseria_produktFind = document.querySelectorAll(
5017        ".dictionary__value a.dictionary__value_txt "
5018    )[1];
5019
5020    function getSeriaText() {
5021        if (getseria_produktFind == null) {
5022            // const getseria_produktText = getseria_produktFind.outerHTML;
5023            // document.querySelectorAll(".tag_content")[1].classList.add("nowa")
5024
5025            return "";
5026        } else {
5027            const getseria_produktText =` <small > Seria:</small> ${getseria_produktFind.outerHTML}`;
5028
5029            return getseria_produktText;
5030        }
5031    }
5032
5033
5034
5035    const getseria_produkta = getSeriaText() ;
5036
5037    
5038
5039    projector_bredcrumbsGet.insertAdjacentHTML(
5040        "beforebegin",
5041        `
5042
5043<li class="category bc-item-3 bc-active"><a class="category" href="/pol_m_Produkty_Monety_Srebrne-502.html"> ${getmennica_produkt}</a></li>
5044
5045<li class="category bc-item-3 bc-active"><a class="category" href="/pol_m_Produkty_Monety_Srebrne-502.html"> 
5046    ${getseria_produkta}</a></li>
5047
5048`
5049    );
5050
5051    projector_formdiv.insertAdjacentHTML(
5052        "beforeend",
5053        `
5054      <div class="tags_conisn"> 
5055          <div class="tag_content"> 
5056  
5057              <small>Mennica:</small>
5058      ${getmennica_produkt}
5059      </div>
5060  
5061      <div class="tag_content"> 
5062          
5063
5064
5065         
5066      ${getseria_produkta}
5067      
5068
5069
5070   
5071
5072      </div>
5073      
5074      `
5075    );
5076
5077    //  <div class="tag_content">
5078
5079    //       <small>Waga:</small>
5080
5081    //       <a href="pol_m_Produkty-541.html?filter_traits%5B4779%5D=&filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B510%5D=481&filter_traits%5B4582%5D=&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_availability=y" title="1oz"><strong>1 oz</strong></a>
5082
5083    //   </div>
5084
5085    projector_tabs.insertAdjacentHTML(
5086        "beforebegin",
5087        `
5088        <div class="tabs " id="tab_karta">
5089          <h3 class="active strefy_main">Opis/specyfikacja</h3>
5090          <h3 class="strefy_main">Opakowania/dodatki</h3>
5091  
5092  
5093          <h3 class="strefy_main">
5094          ${notesOpinieMain}
5095            Opinie o produkcie</h3>
5096          <h3 class="strefy_main">Zadaj pytanie</h3>
5097          <h3 class="strefy_main">Dlaczego metale lokacyjne</h3>
5098          <h3 class="strefy_main"></h3>
5099        
5100        </div>
5101          
5102          
5103          
5104        <div class="tab-content">
5105            
5106  
5107          <section class="active contetn_main_tab">
5108         
5109          <div id="specyfikacja_main"> 
5110  
5111  
5112          ${getDecription} 
5113  
5114  
5115           ${dictionaryGroup} 
5116
5117          </div>
5118         
5119          </section>
5120  
5121          <section class="contetn_main_tab">
5122      
5123
5124 <span class="traits__values trzy_opakowania"><a class="traits__value" href="/pl/parameters/wiedenski-filharmonik-srebro-3392.html"><div class="icons_add"><img src="https://www.metalelokacyjne.pl/data/include/cms/metal_market/icon/dodatkowe_produkty/akcesoria.svg?v=1663079976466"></div>Dedykowane</a><a class="traits__value" href="/pl/parameters/kapsel-37-3248.html"><div class="icons_add"><img src="https://www.metalelokacyjne.pl/data/include/cms/metal_market/icon/dodatkowe_produkty/kapsel.svg?v=1663079976466"></div>Kapsle</a>
5124<a class="traits__value" href="/pol_m_Produkty_Akcesoria-509.html"><div class="icons_add"><img src="https://www.metalelokacyjne.pl/data/include/cms/metal_market/icon/dodatkowe_produkty/lupy.svg?v=1663079976466"></div>Akcesoria</a></span>
5125
5126
5127
5128
5129          </section>
5130  
5131          <section class="contetn_main_tab">
5132
5133      ${opinions_section}
5134     
5135          
5136          
5137          
5138          </section>
5139            
5140            
5141                 <section class="contetn_main_tab">
5142          
5143        ${product_questions_list}
5144         
5145          </section>
5146
5147
5148                <section class="contetn_main_tab">
5149       
5150     
5151
5152
5153<div id="box_pop" style="display: block;"><h2>Dlaczego Metale Lokacyjne</h2>
5154
5155
5156
5157
5158<ul class="dlaczego_metal">
5159    
5160    
5161   
5162    <li>
5163        <div class="img"><img src="https://www.metalelokacyjne.pl/data/include/cms/metal_market/dlaczego_metal/tarcza.svg?v=1678189627778" alt="Autoryzowany Dealer"></div>
5164        <p>Autoryzowany Dealer</p>
5165    </li>
5166    
5167    
5168    <li>
5169        <div class="img"><img src="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/polaka.svg?v=1770369865124" alt="14 lat na rynku"></div>
5170        <p>14 lat na rynku</p>
5171    </li>   
5172    
5173    
5174   
5175
5176   <li>
5177        <div class="img"><img src="https://www.metalelokacyjne.pl/data/include/cms/metal_market/dlaczego_metal/line_1.svg?v=1678189627778" alt="Ponad 500 000 "></div>
5178        <p>Pozytywne <br>
5179opinie klientów</p>
5180    </li>
5181    
5182    
5183    <li>
5184        <div class="img"><img src="https://www.metalelokacyjne.pl/data/include/cms/metal_market/dlaczego_metal/line.svg?v=1678189627778" alt="Współpraca z mennicami z całego świata "></div>
5185        <p>Współpraca z mennicami <br>
5186z całego świata </p>
5187    </li>  
5188    
5189    
5190    <li>
5191        <div class="img big_artibiut"><img src="https://www.metalelokacyjne.pl/data/include/cms/metal_market/dlaczego_metal/koszyk.svg?v=1700052492567" alt="Ponad 500 000 "></div>
5192        <p>Ponad 600 000 <br>
5193
5194zamowień</p>
5195    </li>
5196 <li>
5197        <div class="img"><img src="https://www.metalelokacyjne.pl/data/include/cms/metal_market/dlaczego_metal/za.svg?v=1678189627778" alt="Dostawa do 72 krajów"></div>
5198        <p>Dostawa <br>do 72 krajów</p>
5199    </li> 
5200   
5201    
5202    
5203</ul>
5204
5205</div>
5206
5207            </p>
5208          </section>
5209
5210                <section class="contetn_main_tab">
5211            <h4>4 Title</h4>
5212            <p>
5213        jak zamawiać
5214            </p>
5215          </section>
5216            
5217            
5218            
5219        </div>
5220  
5221  `
5222    );
5223
5224    const gettable = document.querySelectorAll(".dictionary__param");
5225
5226    gettable.forEach((x, indx) => {
5227        if (indx % 2) {
5228            x.classList.add("bgtable");
5229        }
5230    });
5231
5232    const photosFigure = document.querySelectorAll(
5233        "#projector_photos .photos__figure"
5234    );
5235
5236    const photos_slider = document.querySelector("#photos_slider");
5237
5238    photos_slider.insertAdjacentHTML(
5239        "beforeend",
5240        `<div class="show_btn_pic">Zobacz wszystkie zdjęcia</div>`
5241    );
5242
5243    const show_btn_pic = document.querySelector(".show_btn_pic");
5244
5245    photosFigure.forEach((x, inx, array) => {
5246        // x.classList.add("nowa");
5247
5248        if (array.length == 2) {
5249            show_btn_pic.classList.add("active_bnt_nowa");
5250
5251        } else {
5252            show_btn_pic.classList.remove("active_bnt_pic");
5253
5254        }
5255
5256        if (inx <= 1) {
5257            x.classList.add("show_image");
5258        }
5259
5260        show_btn_pic.addEventListener("click", function (e) {
5261            if ((inx) => 2) {
5262                x.classList.toggle("show_image");
5263                x.classList.toggle("big_images");
5264
5265                document
5266                    .querySelector("#produkt_contentinfo")
5267                    .classList.toggle("show_allpic");
5268            }
5269        });
5270    });
5271
5272    projector_formdiv.insertAdjacentHTML(
5273        "beforeend",
5274        `
5275  
5276  <div class="phoen_karta"> 
5277    <div class="images_phone">
5278      
5279      <img src="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/phone_karta.svg">
5280    </div>
5281
5282    <div class="test_phone_karta"> 
5283      <h4>Zamów przez telefon</h4>
5284      <small>Nasi eksperci czekają z pomocą:</small>
5285
5286    <a href="tel:22 623 85 61" class="phone_karta_main">22 623 85 61</a>
5287  </div>
5288   
5289      
5290    
5291    </div>
5292  
5293  `
5294    );
5295
5296    const dictionaryGroupdiv = document.getElementById("projector_dictionary");
5297
5298    dictionaryGroupdiv.insertAdjacentHTML("afterbegin", `<h4>Specyfikacja:</h4>`);
5299</script>
5299
5300
5301<!-- 
5301<script>
5302  const removeBTN = setTimeout(function () {
5303    const remuveBnt = document.querySelector(
5304      ".projector_buy__button.btn.disabled"
5305    );
5306
5307    remuveBnt.parentElement.parentElement.remove();
5308  }, 500);
5309
5310  const getBtnAvaible = document.querySelector(
5311    ".projector_tell_availability__link"
5312  );
5313
5314  getBtnAvaible.addEventListener("click", function () {
5315    const getHeaderAwaible = document.querySelector(
5316      "#tell_availability_dialog h2.headline"
5317    );
5318    const getHeaderSubAwaible = document.querySelector(
5319      "#tell_availability_dialog .projector_tell_availability__info_top span"
5320    );
5321
5322    getHeaderAwaible.innerHTML = "SPRAWDŹ DOSTĘPNOŚĆ";
5323    getHeaderSubAwaible.innerHTML =
5324      "Podaj swojego maila, wyślemy Ci informację o produkcie na adres:";
5325  });
5326</script>
5326 -->
5327
5328<script>
5329    const iconLocationa = setTimeout(function () {
5330        const getNotlocation = document.querySelector(
5331            ".projector_stocks__info.projector_info__link.--link"
5332        );
5333
5334        const getNotlocationChangeclass = document.querySelector(
5335            ".projector_stocks__icon.projector_info__icon"
5336        );
5337
5338        const getStrong = getNotlocation.innerHTML;
5339
5340        if (getStrong.includes("Dostępność w sklepie stacjonarnym")) {
5341            getNotlocationChangeclass.classList.add("dostepne_location");
5342        } else {
5343            getNotlocationChangeclass.classList.add("Niedostepne_location");
5344        }
5345    }, 1000);
5346
5347    const getBoxManinKarta = document.querySelector(
5348        "#projector_form  .projector_details__buy .projector_buy__shopping_list"
5349    );
5350
5351    getBoxManinKarta.innerHTML =
5352
5353        '<img src="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/alert.svg?v=1701963171354"></div><div class="text_lista">Dodaj alert cenowy</div>'
5354
5355
5356    const availbletemint = document.querySelector("#projector_status_gfx");
5357
5358    const getNameshop = document.querySelector(
5359        ".projector_stocks__info.projector_info__link.--link"
5360    );
5361
5362    const getNameNotAvaible = document.querySelector(
5363        ".projector_stocks__info.projector_info__link"
5364    );
5365
5366    getNameNotAvaible.innerHTML = "Produkt niedostępny w sklepie stacjonarnym";
5367
5368    getNameshop.innerHTML = "Dostępność w sklepie stacjonarnym";
5369
5370    const inco_awaible = setTimeout(function () {
5371        const getAwaible = availbletemint.src;
5372
5373        if (getAwaible.includes("/data/lang/pol/available_graph/graph_1_4.png")) {
5374            availbletemint.src =
5375                "https://www.metalelokacyjne.pl/data/include/cms/mme/karta_produktowa/availbele_icon.svg?v=1679664238887";
5376        }
5377
5378        if (getAwaible.includes("/data/lang/pol/available_graph/graph_1_1.png")) {
5379            availbletemint.src =
5380                "https://www.metalelokacyjne.pl/data/include/cms/mme/karta_produktowa/wait.svg?v=1679915396294";
5381        }
5382
5383        if (getAwaible.includes("/data/lang/pol/available_graph/graph_1_7.png")) {
5384            availbletemint.src =
5385                "https://www.metalelokacyjne.pl/data/include/cms/mme/karta_produktowa/wait.svg?v=1679915396294";
5386        }
5387    }, 1000);
5388
5389    //        availbletemint.getAttribute('scr','https://www.metalelokacyjne.pl/data/include/cms/mme/karta_produktowa/availbele_icon.svg?v=1679664238887' )
5390
5391    //  var skup_main = document.querySelector(".projector_stocks");
5392    //
5393    //skup_main.insertAdjacentHTML("afterend", "<div class='skup'><img src='https://www.metalelokacyjne.pl/data/include/cms/mme/karta_produktowa/skup.svg?v=1679664828525'><div class='left_text_bar'><h4>Skup w Metal Market Europe</h4> </div>");
5394    //
5395    //
5396    //
5397    //   skup_txt=document.querySelectorAll("#product_askforproduct .f-label ")[1];  // Find the elements
5398    //
5399    //    skup_txt.innerText="Sprzedaję walor...";
5400    //
5401
5402    //    const getNotlocation = document.querySelector('.projector_stocks__info.projector_info__link.--link');
5403    //
5404    //
5405    //    const getNotlocationChangeclass = document.querySelector('.projector_stocks__icon.projector_info__icon');
5406    //
5407    //
5408    //
5409    //
5410    //
5411    //    if(getNotlocation.className == '.projector_stocks__info.projector_info__link.--link' ) {
5412    //
5413    //      getNotlocationChangeclass.classList.add('dostepne') ;
5414    //
5415    //
5416    //    }
5417</script>
5417
5418
5419<!--nowa kara_produktowa -->
5420
5421<script defer>
5422    const btnAskformAdd_class = document
5423        .querySelectorAll(".skup")[0]
5424        .classList.add("skup_main");
5425
5426    const kloneSkup = document.querySelector(".skup");
5427
5428    const cloneSkup = kloneSkup.cloneNode(true);
5429
5430    document
5431        .querySelector(".projector_safe")
5432        .insertAdjacentElement("afterbegin", cloneSkup);
5433
5434    const adds_classAsk = document
5435        .querySelectorAll(".skup")[1]
5436        .classList.add("ask_question");
5437
5438    const tittleAsk = (document.querySelector(".skup.ask_question h4").innerHTML =
5439        "Zadaj pytanie");
5440
5441    //      const tittleAsksub = document.querySelector('.skup.ask_question p').innerHTML="Masz pytania dotyczące monety.";
5442
5443    const imgCzat = document.querySelector(".skup.ask_question img");
5444
5445    imgCzat.setAttribute(
5446        "src",
5447        "https://www.metalelokacyjne.pl/data/include/cms/mme/karta_produktowa/ask.svg?v=1679664828526"
5448    );
5449
5450    const btnAskformMain = document.querySelector(".skup.skup_main");
5451
5452    const btnAskformsell = document.querySelector(".skup.skup_main.ask_question");
5453
5454    btnAskformsell.addEventListener("click", function () {
5455        const product_askforproduct = document.querySelector(
5456            "#product_askforproduct"
5457        );
5458
5459        product_askforproduct.style.display = "block";
5460
5461        const tittleAskHead = (document.querySelector(
5462            "#product_askforproduct .headline__name"
5463        ).innerHTML = "Zadaj Pytanie");
5464        const tittleAsksub = (document.querySelector(
5465            "#product_askforproduct .askforproduct__description_txt"
5466        ).innerHTML =
5467            "Chce dowiedzieć się więcej o produkcie. Zadaj pytanie z chęcią odpowiemy na nie.");
5468
5469        const tittleAskText = (document.querySelector(
5470            "#product_askforproduct .f-feedback.askforproduct__feedback.--question .f-label"
5471        ).innerHTML = "Zadaj pytanie odnośnie monety");
5472
5473        product_askforproduct.insertAdjacentHTML(
5474            "afterbegin",
5475            "<div class='close_skup'><img src='https://www.metalelokacyjne.pl/data/include/cms/metal_market/icon/close.svg?v=1658758257284'></div>"
5476        );
5477
5478        let getBoxAskProdukctMine = document.querySelector(
5479            "#product_askforproduct"
5480        );
5481
5482        let getBtnClose = document.querySelector(".close_skup");
5483
5484        getBtnClose.addEventListener("click", function () {
5485            getBoxAskProdukctMine.style.display = "none";
5486        });
5487    });
5488
5489    const skupBox = document.getElementsByClassName(
5490        "askforproduct__description_txt"
5491    )[0]; // Find the elements
5492
5493    btnAskformMain.addEventListener("click", function () {
5494        btnAskformsell.classList.add("takaa");
5495
5496        const get_oponie = document.querySelector("#opinions_section");
5497
5498        get_oponie.style.display = "block";
5499
5500        const tittleAskHeadSkup = (document.querySelector(
5501            "#product_askforproduct .headline__name"
5502        ).innerHTML = "Skup waloru");
5503
5504        const product_askforproduct = document.querySelector(
5505            "#product_askforproduct"
5506        );
5507
5508        const tittleAskHeadSkupsub = (document.querySelector(
5509            "#product_askforproduct .askforproduct__description_txt"
5510        ).innerHTML =
5511            "Chcesz sprzedać swoją kolekcję monet lub sztabkę złota i szukasz silnego, niezawodnego partnera do sprzedaży lub zakupu metali lokacyjnych? Nasi eksperci doradzą kompleksowo, oszacują wartość i przeprowadzą całą transakcję za Ciebie.");
5512
5513        const tittleAskskup = (document.querySelector(
5514            "#product_askforproduct .askforproduct__question .f-label"
5515        ).innerHTML = "Skup waloru");
5516
5517        product_askforproduct.insertAdjacentHTML(
5518            "afterbegin",
5519            "<div class='close_skup'><img src='https://www.metalelokacyjne.pl/data/include/cms/metal_market/icon/close.svg?v=1658758257284'></div>"
5520        );
5521
5522        let getBoxAskProdukctMine = document.querySelector(
5523            "#product_askforproduct"
5524        );
5525
5526        let getBtnClose = document.querySelector(".close_skup");
5527
5528        getBtnClose.addEventListener("click", function () {
5529            getBoxAskProdukctMine.style.display = "none";
5530        });
5531    });
5532</script>
5532
5533
5534<script defer>
5535    const getNotlocationNew = document.querySelector(
5536        ".projector_stocks__info.projector_info__link.--link"
5537    );
5538
5539    getNotlocationNew.addEventListener("click", function () {
5540        const getSerieLink = document.querySelectorAll(
5541            ".dictionary__param.mb-4"
5542        )[2];
5543
5544        const getSerieMain = getSerieLink.innerHTML;
5545
5546        const serialocation = setTimeout(function () {
5547            const getMessege = document.querySelector(".menu_messages_message_sub p");
5548
5549            const getMeggeAvailble = getMessege.textContent;
5550
5551            if (
5552                getMeggeAvailble.includes(
5553                    "Produkt w wybranym rozmiarze nie jest dostępny w sklepie stacjonarnym, sprawdź inny rozmiar."
5554                )
5555            ) {
5556                getMessege.innerHTML =
5557                    "Zobacz dostępny inny produkt z serii: " + getSerieMain;
5558            }
5559        }, 100);
5560    });
5561</script>
5561
5562
5563<script defer>
5564    $(document).ready(function () {
5565        $(".skup").click(function () {
5566            $("#product_askforproduct").toggle();
5567        });
5568
5569        $(".close_skup").click(function () {
5570            $("#product_askforproduct").toggle();
5571        });
5572    });
5573
5574    var close_btn_skup = document.getElementsByClassName(
5575        "askforproduct__description_txt"
5576    )[0];
5577    close_btn_skup.insertAdjacentHTML(
5578        "afterbegin",
5579        " <div class='close_skup'><img src='https://www.metalelokacyjne.pl/data/include/cms/metal_market/icon/close.svg?v=1658758257284'/></div>"
5580    );
5581</script>
5581
5582
5583<script>
5584    const datazmianaFind = document.querySelectorAll(
5585        ".projector_details .projector_status.--status-hide .projector_status__info_days"
5586    )[0];
5587
5588    if (datazmianaFind == null) {
5589
5590        return;
5591    } else {
5592        const datazmiana = document.querySelectorAll(
5593            ".projector_details .projector_status.--status-hide .projector_status__info_days"
5594        )[0].innerHTML;
5595
5596        return datazmiana;
5597    }
5598
5599
5600
5601    let regex = /[()]/g;
5602
5603    let nowa = datazmiana.toString().replace(regex, "");
5604
5605    const datazmianaa = document.querySelectorAll(
5606        ".projector_status__info_days"
5607    )[0];
5608    datazmianaa.innerHTML = nowa;
5609</script>
5609
5610
5611<script>
5612    const dodatkitextaa = document.querySelectorAll(
5613        ".projector_tabs__mobile span.projector_tabs__name"
5614    )[1];
5615
5616    if (dodatkitextaa == null) {
5617        return;
5618    } else {
5619        dodatkitextaa.textContent = "Opakowania i dodatki ";
5620    }
5621</script>
5621
5622
5623<script>
5624    let tabs = document.querySelectorAll(".tabs .strefy_main");
5625    let tabContents = document.querySelectorAll(".contetn_main_tab");
5626
5627    let kraja = document.querySelector(".country_content");
5628
5629    const tak = 0;
5630    const numerabb = 1;
5631    const numerab = 3;
5632
5633    tabs.forEach((tab, index) => {
5634        tab.addEventListener("click", () => {
5635            tabContents.forEach((content) => {
5636                content.classList.remove("active");
5637            });
5638
5639            tabs.forEach((tab) => {
5640                tab.classList.remove("active");
5641            });
5642
5643            tabContents[index].classList.add("active");
5644
5645            tabs[index].classList.add("active");
5646        });
5647    });
5648</script>
5648
5649
5650<script>
5651    const getButtonMinaa = document.querySelector(
5652        ".projector_stocks__info.projector_info__link.--link"
5653    );
5654
5655    getButtonMinaa.addEventListener("click", function () {
5656        setTimeout(() => {
5657            const textMian = document.querySelectorAll(".stock__label")[1];
5658            textMian.innerHTML = `
5659    
5660    
5661    
5662    
5663    <h4>Godziny otwarcia sklepu:</h4>
5664    <p>pon.- pt.: 9:00 - 17:00</p>
5665
5666   
5667    `;
5668        }, 300);
5669    });
5670</script>
5670
5671
5672
5673
5674<script>
5675
5676
5677    function getTextMoreProdukt() {
5678        if (window.matchMedia('screen and (max-width: 900px)').matches) {
5679
5680            document.querySelector("#projector_longdescription").insertAdjacentHTML("afterend", `
5681<div id="remd_more_produt">Czytaj więcej...</div>
5682`)
5683
5684            document.querySelector("#remd_more_produt").addEventListener("click", function () {
5685                document.querySelector("#projector_longdescription").style.overflow = "visible";
5686                document.querySelector("#projector_longdescription").style.position = "static";
5687                document.querySelector("#projector_longdescription").style.maxHeight = "fit-content";
5688                document.querySelector("#remd_more_produt").remove();
5689            })
5690
5691        }
5692    }
5693
5694
5695    window.addEventListener('DOMContentLoaded', function () {
5696        getTextMoreProdukt()
5697    })
5698
5699</script>
5699
5700
5701<style>
5702    .traits__value {
5703
5704        color: var(--maincolor);
5705    }
5706
5707    #opinions_section h2 .headline__name {
5708        font-weight: bold;
5709        padding: 10px 0px;
5710        color: var(--maincolor);
5711        font-size: 2.7rem;
5712        letter-spacing: 0px !important;
5713
5714    }
5715
5716    @media (max-width: 768px) {
5717
5718
5719        #projector_longdescription {
5720            overflow: hidden;
5721            position: relative;
5722            border-top: solid 1px #ccc;
5723            max-height: 100px;
5724        }
5725
5726        #projector_longdescription {
5727            border: none !important;
5728        }
5729
5730
5731        #remd_more_produt {
5732
5733            color: var(--maincolor);
5734            font-weight: bold;
5735            padding: 5px 0px;
5736            cursor: pointer;
5737        }
5738
5739        #projector_longdescription h2 {
5740            padding-left: 0px !important;
5741        }
5742
5743        #specyfikacja_main p {
5744            border: none !important;
5745        }
5746
5747        #specyfikacja_main #projector_longdescription {
5748            grid-column: 1 !important;
5749            display: block;
5750            padding: 0px;
5751            padding-top: 0px;
5752            border: none;
5753        }
5754
5755
5756
5757        #opinions_section h2 .headline__name {
5758            justify-content: left;
5759            align-items: baseline;
5760            font-size: 19px;
5761            text-transform: math-auto;
5762            letter-spacing: 0px !important;
5763            color: var(--maincolor);
5764            border-top: solid 1px #ccc;
5765            width: 100%;
5766            padding-top: 20px;
5767        }
5768
5769
5770    }
5771
5772    #projector_dictionary {
5773        padding-top: 5px;
5774        border-top: solid 1px #ccc;
5775    }
5776</style>
5777
5778
5779<script>
5780
5781    window.addEventListener("DOMContentLoaded", function () {
5782
5783
5784
5785
5786
5787
5788        const getSallePrice = product_data.base_price.srp;
5789
5790
5791
5792        const formattedPrice = getSallePrice
5793            .toString()
5794            .replace(/\B(?=(\d{3})+(?!\d))/g, ' ')
5795            .replace('.', ',');
5796
5797        const getSellPRiceNew = `<div id="pricesellbox" style=""> <span>cena skupu:</span>  ${formattedPrice}  zł</div>`;
5798
5799
5800        document.querySelector('#projector_prices_wrapper .projector_prices__price_wrapper').insertAdjacentHTML("afterend", getSellPRiceNew)
5801
5802
5803    })
5804
5805
5806</script>
5806
5807
5808<style>
5809    html body #projector_omnibus_price_value,
5810    html body #projector_omnibus_percent {
5811        display: none !important;
5812    }
5813
5814    #pricesellbox {
5815        color: #1a1c05;
5816        font-size: 18px;
5817        font-weight: bold;
5818        margin-top: 10px;
5819        margin-bottom: 20px;
5820
5821        span {
5822            font-size: 14px;
5823        }
5824    }
5825</style></div><div class="menu_button_wrapper col-md-3 col-6">    <style>
5826
5827@media  screen and (max-width: 728px) {
5828        
5829    
5830        @keyframes scrollText_opacity {
5831from {
5832opacity: 0;
5833}
5834to {
5835opacity: 1;
5836}
5837}
5838        
5839      #bar_stock {display: none !important;z-index: 999;  animation: scrollText_opacity 1s  linear;}
5840      
5841  #bar_stock.bar_stoc_hide { display:  block !important;}
5842
5843  }
5844</style>
5845    
5846<style>
5847    
5848        
5849
5850    
5851    
5852#bar_head_curency {
5853    display: none;
5854}
5855    
5856    #google_translate_element {background: #fff !important;}    
5857#bar_stock {
5858    width: 100%;
5859    position: fixed;
5860    top: 0px;
5861    background: #fdfcf7;
5862    left: 0px;
5863    z-index: 10;
5864    cursor: pointer;
5865}
5866#bar_stock:hover {
5867    background: #e1e2e6;
5868    transition: all 1s;
5869    box-shadow: none;
5870}
5871#bar_stock .header_bar {
5872    margin-top: -60px;
5873}
5874#bar_stock .metal_block {
5875    margin: 0px 10px;
5876    display: flex;
5877    align-items: center;
5878
5879}
5880#bar_stock .buy_metal {
5881    margin: 0px 20px;
5882}
5883    
5884    #bar_stock .image_metal strong {color: #000;font-size: 12px;}    
5885    
5886#bar_stock .metal_block .buy_metal {
5887    margin: 0px 13px;
5888}
5889#bar_stock .metal_block h4 span {
5890    font-size: 8px;
5891}
5892#bar_stock .metal_block:hover {
5893    background: none;
5894}
5895#bar_stock .metal_block h4 {
5896    padding: 0px;
5897    margin: 0px;
5898    font-size: 13px;
5899    color: #2c333e;
5900    font-weight: normal;
5901    text-align: left;
5902}
5903#bar_stock .tabele_metal {
5904    display: flex;
5905}
5906#bar_stock a {
5907    display: flex;
5908    text-decoration: none;
5909    color: #000;
5910}
5911#bar_stock {
5912      display: flex;
5913    position: relative;
5914    height: 40px;
5915    margin: auto;
5916    overflow: hidden;
5917    width: 100%;
5918    position: fixed;
5919    top: 0px;
5920    background: #fdfcf7a6;
5921    left: 0px;
5922    backdrop-filter: blur(4px);
5923        -webkit-backdrop-filter: blur(5px);
5924}
5925#bar_stock .image_metal img {
5926    width: 30px;
5927}
5928#bar_stock .image_metal {
5929    margin-right: 10px;
5930    width: 40px;
5931}
5932#bar_stock .buy_metal {
5933    margin-right: 20px;
5934}
5935#bar_stock .buy_metal p {
5936    padding: 0px;
5937    margin: 0px;
5938    text-decoration: none;
5939    font-size: 10px;
5940    text-align: left;
5941    color: #999;
5942}
5943.m-scroll__title {
5944    display: flex;
5945    position: absolute;
5946    top: 0;
5947    left: 0;
5948    align-items: center;
5949    justify-content: flex-start;
5950    width: 100%;
5951    height: 100%;
5952    white-space: nowrap;
5953    transform: scale(1);
5954    transition: all 1s ease;
5955}
5956.m-scroll__title > div.scorl_bar_content:hover {
5957    animation-play-state: paused;
5958}
5959.m-scroll__title > div.scorl_bar_content {
5960    display: flex;
5961    animation: scrollText 73s infinite linear;
5962}
5963
5964
5965
5966
5967    
5968    
5969    @keyframes scrollText {
5970from {
5971transform: translateX(0%);
5972}
5973to {
5974transform: translateX(-50%);
5975}
5976}
5977    
5978    
5979
5980    
5981    
5982</style>
5983    
5984    
5985
5986    
5987    
5988    
5989<div id="bar_stock" class="">
5990    <div class="m-scroll__title">
5991        <div class="scorl_bar_content"> <a href="https://www.metalelokacyjne.pl/Ceny-rynkowe-cinfo-pol-797.html">
5992            </a><div class="tabele_metal"><a href="https://www.metalelokacyjne.pl/Ceny-rynkowe-cinfo-pol-797.html">
5993                <div class="metal_block">
5994                    <div class="image_metal">
5995                        <strong>Gold</strong> 
5996                        
5997<!--                        <img src="https://www.metalelokacyjne.pl/data/include/cms/ceny_gieldy/au_small.svg?v=1681307240593" alt="au gold">-->
5998                    </div>
5999                    <div class="buy_metal">
6000                        <p>SKUP / BID</p>
6001                        <h4 class="gold_blockBid"><span> PLN / OZ  </span> </h4>
6002                        
6003                    </div>
6004                    <div class="buy_metal">
6005                        <p>SPRZEDAÅ» / ASK</p>
6006                        <h4 class="gold_blockAsk"><span> PLN / OZ  </span> </h4>
6007                    </div>
6008                </div>
6009                <div class="metal_block">
6010                    <div class="image_metal">
6011                          <strong>Silver</strong> 
6012<!--                        <img src="https://www.metalelokacyjne.pl/data/include/cms/ceny_gieldy/ag_small.svg?v=1681307240594" alt="au silver">-->
6013                    
6014                    </div>
6015                    <div class="buy_metal">
6016                        <p>
6016SKUP / BID</p>
6017                        <h4 class="silver_blockBid"><span> PLN / OZ  </span> </h4>
6018                    </div>
6019                    <div class="buy_metal">
6020                        <p>SPRZEDAÅ» / ASK</p>
6021                        <h4 class="silver_blockAsk"><span> PLN / OZ  </span> </h4>
6022                    </div>
6023                </div>
6024                <div class="metal_block">
6025                    <div class="image_metal">
6026                          <strong>Platinum</strong> 
6027                        
6028<!--                        <img src="https://www.metalelokacyjne.pl/data/include/cms/ceny_gieldy/pd_small.svg?v=1681307240593" alt="pd pallad"> --></div>
6029                    <div class="buy_metal">
6030                        <p>SKUP / BID</p>
6031                        <h4 class="palladium_blockbid"><span> PLN / OZ  </span> </h4>
6032                    </div>
6033                    <div class="buy_metal">
6034                        <p>SPRZEDAÅ» / ASK</p>
6035                        <h4 class="palladium_blockaks"><span> PLN / OZ  </span> </h4>
6036                    </div>
6037                </div>
6038                <div class="metal_block last_metal_block">
6039                    <div class="image_metal">
6040                          <strong>Palladium</strong> 
6041<!--           <img src="https://www.metalelokacyjne.pl/data/include/cms/ceny_gieldy/pt_small.svg?v=1681307240592" alt="pt platinium"> -->
6042                    
6043                    </div>
6044                    <div class="buy_metal">
6045                        <p>SKUP / BID</p>
6046                        <h4 class="platinium_blockbid"><span> PLN / OZ  </span> </h4>
6047                    </div>
6048                    <div class="buy_metal">
6049                        <p>SPRZEDAÅ» / ASK</p>
6050                        <h4 class="platinium_blockask"><span> PLN / OZ  </span> </h4>
6051                    </div>
6052                </div>
6053                <div class="metal_block">
6054                    <div class="image_metal"><img src="https://www.metalelokacyjne.pl/data/include/cms/kantor/icon/usd.svg?v=1668596092905" alt="au gold"> </div>
6055                    <div class="buy_metal">
6056                        <p>SKUP / BID</p>
6057                        <h4 class="usd_blockBid"><span> PLN   </span> </h4>
6058                    </div>
6059                    <div class="buy_metal">
6060                        <p>SPRZEDAÅ» / ASK</p>
6061                        <h4 class="usd_blockask"><span> PLN  </span> </h4>
6062                    </div>
6063                </div>
6064                <div class="metal_block">
6065                    <div class="image_metal"> <img src="https://www.metalelokacyjne.pl/data/include/cms/kantor/icon/euro.svg?v=1668596092907" alt="au gold"> </div>
6066                    <div class="buy_metal">
6067                        <p>SKUP / BID</p>
6068                        <h4 class="euro_blockbid"><span> PLN   </span> </h4>
6069                    </div>
6070                    <div class="buy_metal">
6071                        <p>SPRZEDAÅ» / ASK</p>
6072                        <h4 class="euro_blockask"><span> PLN  </span> </h4>
6073                    </div>
6074                </div>
6075                <div class="metal_block">
6076                    <div class="image_metal"><img src="https://www.metalelokacyjne.pl/data/include/cms/kantor/icon/gbp.svg?v=1673280071554" alt="pd palladium"> </div>
6077                    <div class="buy_metal">
6078                        <p>SKUP / BID</p>
6079                        <h4 class="funt_blockbid"><span> PLN </span> </h4>
6080                    </div>
6081                    <div class="buy_metal">
6082                        <p>SPRZEDAÅ» / ASK</p>
6083                        <h4 class="funt_blockask"><span> PLN  </span> </h4>
6084                    </div>
6085                </div>
6086
6087                 <div class="metal_block">
6088                    <div class="image_metal"><img src="https://www.metalelokacyjne.pl/data/include/cms/kantor/icon/chef.svg?v=1696852249339" alt="pd palladium"> </div>
6089                    <div class="buy_metal">
6090                        <p>SKUP / BID</p>
6091                        <h4 class="chf_blockbid"><span> PLN </span> </h4>
6092                    </div>
6093                    <div class="buy_metal">
6094                        <p>
6094SKUP / BID</p>
6095                        <h4 class="chf_blockask"><span> PLN  </span> </h4>
6096                    </div>
6097                </div>
6098
6099
6100
6101                </a> </div>
6102            <div class="tabele_metal">
6103                <div class="metal_block">
6104                    <div class="image_metal">
6105                        <strong>Gold</strong> 
6106                        
6107<!--                        <img src="https://www.metalelokacyjne.pl/data/include/cms/ceny_gieldy/au_small.svg?v=1681307240593" alt="au gold"> -->
6108                    
6109                    
6110                    </div>
6111                    <div class="buy_metal">
6112                        <p>SKUP / BID</p>
6113                        <h4 class="gold_blockBid"><span> PLN / OZ  </span> </h4>
6114                    </div>
6115                    <div class="buy_metal">
6116                        <p>SPRZEDAÅ» / ASK</p>
6117                        <h4 class="gold_blockAsk"><span> PLN / OZ  </span> </h4>
6118                    </div>
6119                </div>
6120                <div class="metal_block">
6121                    <div class="image_metal">
6122                         <strong>Silver</strong> 
6123<!--                        <img src="https://www.metalelokacyjne.pl/data/include/cms/ceny_gieldy/ag_small.svg?v=1681308033056" alt="au silver">-->
6124                    
6125                    
6126                    </div>
6127                    <div class="buy_metal">
6128                        <p>SKUP / BID</p>
6129                        <h4 class="silver_blockBid"><span> PLN / OZ  </span> </h4>
6130                    </div>
6131                    <div class="buy_metal">
6132                        <p>SPRZEDAÅ» / ASK</p>
6133                        <h4 class="silver_blockAsk"><span> PLN / OZ  </span> </h4>
6134                    </div>
6135                </div>
6136                <div class="metal_block">
6137                    <div class="image_metal">
6138                             <strong>Platinum</strong> 
6139<!--                        <img src="https://www.metalelokacyjne.pl/data/include/cms/ceny_gieldy/pd_small.svg?v=1681307240593" alt="pd palladium"> -->
6140                    
6141                    </div>
6142                    <div class="buy_metal">
6143                        <p>SKUP / BID</p>
6144                        <h4 class="palladium_blockbid"><span> PLN / OZ  </span> </h4>
6145                    </div>
6146                    <div class="buy_metal">
6147                        <p>SPRZEDAÅ» / ASK</p>
6148                        <h4 class="palladium_blockaks"><span> PLN / OZ  </span> </h4>
6149                    </div>
6150                </div>
6151                <div class="metal_block last_metal_block">
6152                    <div class="image_metal">
6153                        
6154                         <strong>Pallad</strong> 
6155<!--                        <img src="https://www.metalelokacyjne.pl/data/include/cms/ceny_gieldy/pt_small.svg?v=1681307240592" alt="pt platinium"> --> </div>
6156                    <div class="buy_metal">
6157                        <p>SKUP / BID</p>
6158                        <h4 class="platinium_blockbid"><span> PLN / OZ  </span> </h4>
6159                    </div>
6160                    <div class="buy_metal">
6161                        <p>SPRZEDAÅ» / ASK</p>
6162                        <h4 class="platinium_blockask"><span> PLN / OZ  </span> </h4>
6163                    </div>
6164                </div>
6165                <div class="metal_block">
6166                    <div class="image_metal"><img src="https://www.metalelokacyjne.pl/data/include/cms/kantor/icon/usd.svg?v=1668596092905" alt="au dolar"> </div>
6167                    <div class="buy_metal">
6168                        <p>SKUP / BID</p>
6169                        <h4 class="usd_blockBid"><span> PLN   </span> </h4>
6170                    </div>
6171                    <div class="buy_metal">
6172                        <p>SKUP / BID</p>
6173                        <h4 class="usd_blockask"><span> PLN  </span> </h4>
6174                    </div>
6175                </div>
6176                <div class="metal_block">
6177                    <div class="image_metal"> <img src="https://www.metalelokacyjne.pl/data/include/cms/kantor/icon/euro.svg?v=1668596092907" alt=" Euro"> </div>
6178                    <div class="buy_metal">
6179                        <p>
6179SKUP / BID</p>
6180                        <h4 class="euro_blockbid"><span> PLN   </span> </h4>
6181                    </div>
6182                    <div class="buy_metal">
6183                        <p>SKUP / BID</p>
6184                        <h4 class="euro_blockask"><span> PLN  </span> </h4>
6185                    </div>
6186                </div>
6187
6188
6189
6190                <div class="metal_block">
6191                    <div class="image_metal"><img src="https://www.metalelokacyjne.pl/data/include/cms/kantor/icon/gbp.svg?v=1673280071554" alt="pd palladium"> </div>
6192                    <div class="buy_metal">
6193                        <p>SKUP / BID</p>
6194                        <h4 class="funt_blockbid"><span> PLN </span> </h4>
6195                    </div>
6196                    <div class="buy_metal">
6197                        <p>SKUP / BID</p>
6198                        <h4 class="funt_blockask"><span> PLN  </span> </h4>
6199                    </div>
6200                </div>
6201
6202
6203                 <div class="metal_block">
6204                    <div class="image_metal"><img src="https://www.metalelokacyjne.pl/data/include/cms/kantor/icon/chef.svg?v=1696852249339" alt="pd palladium"> </div>
6205                    <div class="buy_metal">
6206                        <p>SKUP / BID</p>
6207                        <h4 class="chf_blockbid"><span> PLN </span> </h4>
6208                    </div>
6209                    <div class="buy_metal">
6210                        <p>SKUP / BID</p>
6211                        <h4 class="chf_blockask"><span> PLN  </span> </h4>
6212                    </div>
6213                </div>
6214
6215
6216
6217                 </div>
6218        </div>
6219    </div>
6220    
6221    
6222    
6223    
6224    
6225
6226
6227
6228   
6229<script>
6230    
6231 
6232  let doc_bar = document.documentElement;
6233  let w = window;
6234
6235  let prevScroll_bar = w.scrollY || doc_bar.scrollTop;
6236  let curScroll;
6237  let direction = 0;
6238  let prevDirection = 0;
6239
6240  let header = document.getElementById('bar_stock');
6241
6242  let checkScrollBar = function() {
6243
6244    /*
6245    ** Find the direction of scroll
6246    ** 0 - initial, 1 - up, 2 - down
6247    */
6248
6249    curScroll = w.scrollY || doc.scrollTop;
6250    if (curScroll > prevScroll_bar) { 
6251      //scrolled up
6252      direction = 2;
6253    }
6254    else if (curScroll < prevScroll_bar) { 
6255      //scrolled down
6256      direction = 1;
6257    }
6258
6259    if (direction !== prevDirection) {
6260      toggleHeader(direction, curScroll);
6261    }
6262    
6263    prevScroll_bar = curScroll;
6264  };
6265
6266  let toggleHeader = function(direction, curScroll) {
6267    if (direction === 2 && curScroll > 52) { 
6268      
6269      //replace 52 with the height of your header in px
6270
6271      header.classList.add('bar_stoc_hide');
6272      prevDirection = direction;
6273    }
6274    else if (direction === 1) {
6275      header.classList.remove('bar_stoc_hide');
6276      prevDirection = direction;
6277    }
6278  };
6279  
6280  window.addEventListener('scroll', checkScrollBar);
6281
6282
6283    
6284    
6285    </script>
6285
6286</div>
6287    
6288    
6289    
6290    
6291    
6292</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.metalelokacyjne.pl/client-orders.php" title="">
6293					Zamówienia
6294				</a><ul class="footer_links_sub"><li id="order_status" class="menu_orders_item"><i class="icon-battery"></i><a href="https://www.metalelokacyjne.pl/order-open.php">
6295							Status zamówienia
6296						</a></li><li id="order_status2" class="menu_orders_item"><i class="icon-truck"></i><a href="https://www.metalelokacyjne.pl/order-open.php">
6297							Śledzenie przesyłki
6298						</a></li><li id="order_rma" class="menu_orders_item"><i class="icon-sad-face"></i><a href="https://www.metalelokacyjne.pl/rma-open.php">
6299							Chcę zareklamować produkt
6300						</a></li><li id="order_returns" class="menu_orders_item"><i class="icon-refresh-dollar"></i><a href="https://www.metalelokacyjne.pl/returns-open.php">
6301							Chcę zwrócić produkt
6302						</a></li><li id="order_exchange" class="menu_orders_item"><i class="icon-return-box"></i><a href="/client-orders.php?display=returns&amp;exchange=true">
6303							Chcę wymienić towar
6304						</a></li><li id="order_contact" class="menu_orders_item"><i class="icon-phone"></i><a href="/contact-pol.html">
6305								Kontakt
6306							</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.metalelokacyjne.pl/login.php" title="">
6307					Konto
6308				</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.metalelokacyjne.pl/client-new.php?register">
6309										Zarejestruj się
6310									</a></li><li id="account_basket" class="menu_orders_item"><i class="icon-basket"></i><a href="https://www.metalelokacyjne.pl/basketedit.php">
6311							Koszyk
6312						</a></li><li id="account_observed" class="menu_orders_item"><i class="icon-heart-empty"></i><a href="https://www.metalelokacyjne.pl/pl/shoppinglist/">
6313							Listy zakupowe
6314						</a></li><li id="account_boughts" class="menu_orders_item"><i class="icon-menu-lines"></i><a href="https://www.metalelokacyjne.pl/products-bought.php">
6315							Lista zakupionych produktów
6316						</a></li><li id="account_history" class="menu_orders_item"><i class="icon-clock"></i><a href="https://www.metalelokacyjne.pl/client-orders.php">
6317							Historia transakcji
6318						</a></li><li id="account_rebates" class="menu_orders_item"><i class="icon-scissors-cut"></i><a href="https://www.metalelokacyjne.pl/client-rebate.php">
6319							Moje rabaty
6320						</a></li><li id="account_newsletter" class="menu_orders_item"><i class="icon-envelope-empty"></i><a href="https://www.metalelokacyjne.pl/newsletter.php">
6321							Newsletter
6322						</a></li></ul></li></ul><ul id="menu_regulations" class="footer_links col-md-4 col-sm-6 col-12"><li><span class="footer_links_label">Regulaminy</span><ul class="footer_links_sub"><li><a href="/Centrum-pomocy-cinfo-pol-536.html">
6323									Informacje o sklepie
6324								</a></li><li><a href="/pol-delivery.html">
6325									Wysyłka
6326								</a></li><li><a href="/pol-payments.html">
6327									Sposoby płatności i prowizje
6328								</a></li><li><a href="/pol-terms.html">
6329									Regulamin
6330								</a></li><li><a href="/pol-privacy-and-cookie-notice.html">
6331									Polityka prywatności
6332								</a></li><li><a href="/pol-returns-and_replacements.html">
6333									Odstąpienie od umowy
6334								</a></li></ul></li></ul><ul class="footer_links col-md-4 col-sm-6 col-12" id="links_footer_1"><li><a href="https://www.metalelokacyjne.pl/Centrum-pomocy-cinfo-pol-536.html" target="_self" title="Przed zakupem" class="footer_links_label" ><span>Przed zakupem</span></a><ul class="footer_links_sub"><li><a href="https://www.metalelokacyjne.pl/Centrum-pomocy-cinfo-pol-536.html" target="_self" title="Centrum pomocy" ><span>Centrum pomocy</span></a></li><li><a href="https://www.metalelokacyjne.pl/Metale-lokacyjne-firmie-clinks-pol-94.html" target="_self" title="O firmie" ><span>O firmie</span></a></li><li><a href="https://www.metalelokacyjne.pl/Regulaminy-cinfo-pol-540.html" target="_self" title="Regulamin" ><span>Regulamin</span></a></li><li><a href="https://www.metalelokacyjne.pl/Regulaminy-cinfo-pol-540.html#accordion1" target="_self" title="Polityka prywatności" ><span>Polityka prywatności</span></a></li><li><a href="https://www.metalelokacyjne.pl/Wysylka-i-dostawa-cinfo-pol-543.html" target="_self" title="Sposoby Wysyłki" ><span>
6334Sposoby Wysyłki</span></a></li><li><a href="https://www.metalelokacyjne.pl/Metody-platnosci-cinfo-pol-538.html" target="_self" title="Metody Płatności" ><span>Metody Płatności</span></a></li><li><a href="https://www.metalelokacyjne.pl/Czesto-zadawane-pytania-cinfo-pol-784.html" target="_self" title="Często zadawane pytania" ><span>Często zadawane pytania</span></a></li><li><a href="https://www.metalelokacyjne.pl/Ceny-rynkowe-cinfo-pol-797.html" target="_self" title="Kursy kruszcu i walut " ><span>Kursy kruszcu i walut </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="Kolekcje monet" class="footer_links_label" ><span>Kolekcje monet</span></span><ul class="footer_links_sub"><li><a href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html" target="_self" title="Złote Monety" ><span>Złote Monety</span></a></li><li><a href="https://www.metalelokacyjne.pl/pol_m_Produkty_Akcesoria-509.html" target="_self" title="Akcesoria" ><span>Akcesoria</span></a></li><li><a href="https://www.metalelokacyjne.pl/search.php?text=+&amp;instock=y" target="_self" title="Dostępność 24h" ><span>Dostępność 24h</span></a></li><li><a href="https://www.metalelokacyjne.pl/zloto-najlepszych-cenach" target="_self" title="Lokowanie złoto" ><span>Lokowanie złoto</span></a></li><li><a href="https://www.metalelokacyjne.pl/srebro-najlepszych-cenach" target="_self" title="Lokowanie srebro" ><span>Lokowanie srebro</span></a></li><li><a href="https://www.metalelokacyjne.pl/Bestseller-sbestseller-pol.html?filter_traits%5B1%5D=&amp;filter_traits%5B512%5D=&amp;filter_traits%5B4582%5D=&amp;filter_traits%5B510%5D=&amp;filter_pricerange=&amp;filter_traits%5B304%5D=" target="_self" title="Bestsellery" ><span>Bestsellery</span></a></li><li><a href="https://www.metalelokacyjne.pl/pol_m_Produkty_Sztabki-553.html" target="_self" title="Sztabki" ><span>Sztabki</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">
6335										W sklepie prezentujemy ceny brutto (z VAT).
6336									</span><span class="price_info__text --region">Stawki VAT dla konsumentów z kraju: <span class="price_info__region">Polska</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/pl/?utm_source=clientShopSite&amp;utm_medium=Label&amp;utm_campaign=PoweredByBadgeLink" title="Sklepy internetowe"><img class="idosell__img mx-auto d-block b-lazy" src="/gfx/standards/loader.gif?r=1766060824" data-src="/ajax/poweredby_IdoSell_Shop_white.svg?v=1" alt="Sklepy internetowe"></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.metalelokacyjne.pl/contact-pol.html" title="">
6337					Kontakt
6338				</a></li><li class="contact_type_phone"><a href="tel:226238561">226238561</a></li><li class="contact_type_text"><span>00-480 Warszawa, ul. Wiejska 11/1</span></li><li class="contact_type_mail"><a href="mailto:[email protected]">[email protected]</a></li><li class="contact_type_adress"><span class="shopshortname">Metale Lokacyjne<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><section id="menu_banners2" class="container"><div class="menu_button_wrapper">
6338<script src="https://www.metalmarket.eu/data/include/cms/mme/js/produkt/baner_sub_listing.js?v=1788854200000"></script>
6338</div><div class="menu_button_wrapper"><style>
6339    .view_switcher {
6340        display: none;
6341        gap: 6px;
6342        position: absolute;
6343        right: 0;
6344        top: 50%;
6345        transform: translateY(-50%);
6346        z-index: 5;
6347    }
6348
6349    #paging_setting_top .f-dropdown.--small-md .f-dropdown-menu {
6350    max-width: auto !important;
6351    overflow: visible !important;
6352}
6353    
6354#container.search_page #content #search.--table-view .col-sm-4 {
6355    flex: 0 0 33.33333%;
6356    max-width: 100% !important;
6357    padding-bottom: 0px !important;
6358}
6359
6360
6361    #search.products.--table-view .product:hover {
6362        background: var(--twocolor);
6363    }
6364
6365    #search.products.--table-view .product__icon {
6366        margin: auto;
6367        overflow: visible;
6368
6369    }
6370
6371    #search.products.--table-view .label_icons {
6372        display: none;
6373    }
6374
6375    @media (min-width: 1001px) {
6376        .view_switcher {
6377            display: flex;
6378        }
6379    }
6380
6381    .view_switcher__btn {
6382        display: flex;
6383        align-items: center;
6384        justify-content: center;
6385        width: 44px;
6386        /* height: 34px; */
6387
6388        border-radius: 4px;
6389        background: #fff;
6390        color: #888;
6391        cursor: pointer;
6392        transition: all .2s;
6393        padding: 0;
6394    }
6395
6396    .view_switcher__btn img {
6397        filter: brightness(.8);
6398    }
6399
6400    .view_switcher__btn:hover {
6401        border-color: var(--maincolor);
6402        color: var(--maincolor);
6403    }
6404
6405    .view_switcher__btn img:hover {
6406        filter: brightness(.4);
6407    }
6408
6409
6410    .view_switcher__btn.--active img {
6411        filter: brightness(0) saturate(100%) invert(0%) sepia(97%) saturate(17%) hue-rotate(138deg) brightness(102%) contrast(96%);
6412        color: #fff;
6413    }
6414
6415    /* Widok tabelaryczny (excel): sama nazwa i małe zdjęcie */
6416    #search.products.--table-view {
6417        display: block !important;
6418    }
6419
6420    #search.products.--table-view .product:hover picture img {
6421        transform: scale(2.5);
6422    mix-blend-mode: normal !important;
6423    z-index: 999;
6424    position: relative;
6425    mix-blend-mode: darken !important;
6426    padding: 0px;
6427    display: block;
6428    box-shadow: 1px 1px 20px #cccccc54;
6429    border-radius: 4px;
6430
6431    }
6432
6433    #search.products.--table-view .product:hover {
6434        position: relative;
6435        z-index: 999;
6436        background: var(--twocolor);
6437
6438        padding: 10px;
6439        border: 5px;
6440    }
6441
6442    #search.products.--table-view .rotation_product_btn {
6443        display: none !important;
6444    }
6445
6446    #search.products.--table-view .promo-nowosci {
6447        display: none !important;
6448    }
6449
6450    #search.products.--table-view .product:has(.price.--phone) {
6451        display: none !important;
6452    }
6453
6454    #search.products.--table-view .product {
6455        display: grid;
6456        align-items: center;
6457        gap: 0px;
6458        width: 100%;
6459        max-width: 100%;
6460        padding: 8px 10px;
6461        border-bottom: solid 1px #eee !important;
6462        color: step-end;
6463        grid-template-columns: minmax(90px, 120px) minmax(380px, 520px) 1fr;
6464        padding: 0px !important;
6465        margin: 0px !important;
6466        justify-items: start;
6467    }
6468
6469    /* 90px 380px */
6470    #search.products.--table-view .product__icon {
6471        flex: 0 0 auto;
6472        width: 48px;
6473        height: 48px;
6474        min-height: 0;
6475    }
6476
6477    #search.products.--table-view .product__icon img,
6478    #search.products.--table-view .product__icon picture {
6479        max-width: 100%;
6480        max-height: 100%;
6481        object-fit: contain;
6482    }
6483
6484    #search.products.--table-view h3 {
6485        margin: 0;
6486        flex: 1;
6487    }
6488
6489    #search.products.--table-view .product__name {
6490        font-size: 14px;
6491        font-weight: normal;
6492        text-align: left;
6493        /* display: grid; */
6494        flex-direction: row;
6495        align-content: center;
6496        align-items: center;
6497        grid-template-columns: 90px 100%;
6498        justify-items: start;
6499        justify-content: start;
6500        min-width: 510px;
6501        display: flex;
6502
6503    }
6504
6505
6506    #search.products.--table-view .label_weight {
6507        opacity: .5;
6508        position: static !important;
6509        white-space: nowrap;
6510    }
6511
6512    #search.products.--table-view .product__prices,
6513    #search.products.--table-view .product__compare {
6514        display: flex;
6515        flex-direction: row;
6516        gap: 10px;
6517        align-items: center;
6518        position: relative;
6519    }
6520
6521    /* Różnica ceny względem pierwszego produktu, widoczna tylko przy sortowaniu po cenie */
6522    .price_diff_badge {
6523        display: inline-block;
6524        margin-left: 6px;
6525        font-size: 12px;
6526        font-weight: bold;
6527    }
6528
6529    .price_diff_badge.--up {
6530        color: #9a0000;
6531    }
6532
6533    .price_diff_badge.--down {
6534        color: #03A84E;
6535    }
6536
6537    .--table-view.produx_size .product__icon {
6538        height: auto !important;
6539    }
6540
6541
6542    #search.products.--table-view.produx_size .product__prices {
6543
6544        min-width: 420px;
6545
6546    }
6547
6548    #search.products.--table-view.produx_size {
6549        /* display: block !important; */
6550        display: grid !important;
6551        grid-auto-flow: row;
6552        justify-content: space-evenly;
6553        align-items: center;
6554        justify-items: center;
6555    }
6556
6557
6558
6559    @media (max-width:1500px) {
6560        #search.products.--table-view .product__name {
6561            min-width: 380px;
6562        }
6563
6564
6565        #search.products.--table-view .product__prices,
6566        #search.products.--table-view .product__compare {
6567            min-width: 400px;
6568        }
6569    }
6570</style>
6571
6572<script>
6573    (function () {
6574        const VIEW_COOKIE = "listing_view";
6575
6576        function getCookie(name) {
6577            const match = document.cookie.match(new RegExp("(?:^|; )" + name + "=([^;]*)"));
6578            return match ? decodeURIComponent(match[1]) : "";
6579        }
6580
6581        function setCookie(name, value) {
6582            const expires = new Date(Date.now() + 365 * 24 * 60 * 60 * 1000).toUTCString();
6583            document.cookie = name + "=" + encodeURIComponent(value) + "; expires=" + expires + "; path=/";
6584        }
6585
6586        function applyView(switcher, grid, view) {
6587            switcher.querySelectorAll(".view_switcher__btn").forEach(function (b) {
6588                b.classList.toggle("--active", b.dataset.view === view);
6589            });
6590            grid.classList.toggle("--table-view", view === "table");
6591            document.dispatchEvent(new CustomEvent("listingViewChanged", { detail: { view: view } }));
6592        }
6593
6594        function initViewSwitcher() {
6595            const container = document.querySelector("#paging_setting_top");
6596            const grid = document.querySelector("#search.products");
6597            if (!container || !grid || container.querySelector(".view_switcher")) return;
6598
6599            container.style.position = container.style.position || "relative";
6600
6601            const switcher = document.createElement("div");
6602            switcher.className = "view_switcher";
6603            switcher.innerHTML = `
6604                <button type="button" class="view_switcher__btn --active" data-view="grid" title="Widok siatki" aria-label="Widok siatki">
6605                  <img src="https://www.metalelokacyjne.pl/data/include/cms/mme/icons/kafelki.svg?v=1787923724081" alt="">
6606                </button>
6607                <button type="button" class="view_switcher__btn" data-view="table" title="Widok tabeli" aria-label="Widok tabeli">
6608
6609<img src="https://www.metalelokacyjne.pl/data/include/cms/mme/icons/line_produkt.svg?v=1787923724081" alt="">
6610                </button>
6611            `;
6612            container.appendChild(switcher);
6613
6614            const savedView = getCookie(VIEW_COOKIE) === "table" ? "table" : "grid";
6615            applyView(switcher, grid, savedView);
6616
6617            switcher.addEventListener("click", function (e) {
6618                const btn = e.target.closest(".view_switcher__btn");
6619                if (!btn) return;
6620                const view = btn.dataset.view;
6621                applyView(switcher, grid, view);
6622                setCookie(VIEW_COOKIE, view);
6623            });
6624        }
6625
6626        if (document.readyState === "loading") {
6627            document.addEventListener("DOMContentLoaded", initViewSwitcher);
6628        } else {
6629            initViewSwitcher();
6630        }
6631    })();
6632</script>
6632
6633
6634<script>
6635    (function () {
6636        function parsePriceWithCurrency(text) {
6637            const cleaned = text.replace(/\u00A0/g, " ").trim();
6638            const CURRENCY = "(zł|PLN|EUR|USD|GBP|CHF|CZK|€|\\$|£)";
6639            const NUMBER = "([\\d\\s]+(?:[.,]\\d{2})?)";
6640
6641            // Currency can come after the number ("123,45 USD", "18 373,07 zł")
6642            // or before it ("$123.45", "£99.99") - try both layouts.
6643            let numberPart, currency;
6644            let match = cleaned.match(new RegExp(NUMBER + "\\s*" + CURRENCY, "i"));
6645            if (match) {
6646                numberPart = match[1];
6647                currency = match[2];
6648            } else {
6649                match = cleaned.match(new RegExp(CURRENCY + "\\s*" + NUMBER, "i"));
6650                if (!match) return null;
6651                currency = match[1];
6652                numberPart = match[2];
6653            }
6654
6655            numberPart = numberPart.replace(/\s/g, "");
6656            const lastComma = numberPart.lastIndexOf(",");
6657            const lastDot = numberPart.lastIndexOf(".");
6658            if (lastComma > lastDot) {
6659                numberPart = numberPart.replace(/\./g, "").replace(",", ".");
6660            } else if (lastDot > lastComma) {
6661                numberPart = numberPart.replace(/,/g, "");
6662            }
6663
6664            const value = parseFloat(numberPart);
6665            if (isNaN(value)) return null;
6666
6667            return { value: value, currency: currency };
6668        }
6669
6670        function isPriceDiffBadge(node) {
6671            return node.nodeType === 1 && node.classList && node.classList.contains("price_diff_badge");
6672        }
6673
6674        function hasRelevantMutations(mutations) {
6675            return mutations.some(function (mutation) {
6676                const changed = Array.prototype.slice.call(mutation.addedNodes)
6677                    .concat(Array.prototype.slice.call(mutation.removedNodes));
6678                return changed.some(function (node) {
6679                    if (isPriceDiffBadge(node)) return false;
6680                    if (node.nodeType === 1 && node.closest && node.closest(".price_diff_badge")) return false;
6681                    return true;
6682                });
6683            });
6684        }
6685
6686        function applyPriceDiffBadges() {
6687            const grid = document.querySelector("#search.products");
6688            if (!grid) return;
6689
6690            grid.querySelectorAll(".price_diff_badge").forEach(function (badge) {
6691                badge.remove();
6692            });
6693
6694            if (!grid.classList.contains("--table-view")) return;
6695
6696            const sortSelect = document.querySelector("#select_top_sort");
6697            const currentSort = sortSelect ? sortSelect.value : "";
6698            if (currentSort !== "price-a" && currentSort !== "price-d") return;
6699
6700            let basePrice = null;
6701            let baseCurrency = "zł";
6702            grid.querySelectorAll(".product").forEach(function (product) {
6703                const priceEl = product.querySelector(".product__prices .price");
6704                if (!priceEl) return;
6705                const parsed = parsePriceWithCurrency(priceEl.textContent);
6706                if (!parsed) return;
6707                const price = parsed.value;
6708
6709                if (basePrice === null) {
6710                    basePrice = price;
6711                    baseCurrency = parsed.currency;
6712                    return;
6713                }
6714
6715                const diff = price - basePrice;
6716                if (Math.abs(diff) < 0.005) return;
6717
6718                const badge = document.createElement("span");
6719                badge.className = "price_diff_badge " + (diff > 0 ? "--up" : "--down");
6720                badge.textContent = (diff > 0 ? "+" : "-") + Math.abs(diff).toFixed(2).replace(".", ",") + " " + (parsed.currency || baseCurrency);
6721                priceEl.insertAdjacentElement("afterend", badge);
6722            });
6723        }
6724
6725        function removeInfoKomis() {
6726            const grid = document.querySelector("#search.products.--table-view");
6727            if (!grid) return;
6728            grid.querySelectorAll(".info_komis, .label_komis_main").forEach(function (el) {
6729                el.remove();
6730            });
6731        }
6732
6733        function simplifyDeliveryTimes() {
6734            const grid = document.querySelector("#search.products");
6735            if (!grid) return;
6736
6737            const inTableView = grid.classList.contains("--table-view");
6738
6739            grid.querySelectorAll(".delivery_time").forEach(function (el) {
6740                if (el.dataset.fullText === undefined) {
6741                    el.dataset.fullText = el.textContent;
6742                }
6743
6744
6745
6746
6747                let target = el.dataset.fullText;
6748                if (inTableView) {
6749                    // usuń wszystko przed pierwszą liczbą, zostaw resztę (liczba + jednostka)
6750                    const idx = el.dataset.fullText.search(/\d/);
6751                    if (idx === -1) return;
6752                    target = el.dataset.fullText.slice(idx).trim();
6753                }
6754
6755                // Only touch the DOM when the text actually needs to change, so this
6756                // doesn't generate a mutation (and re-trigger the observer) every call.
6757                if (el.textContent !== target) {
6758                    el.textContent = target;
6759                }
6760            });
6761        }
6762
6763
6764
6765
6766        function refreshListingExtras() {
6767            applyPriceDiffBadges();
6768            setTimeout(simplifyDeliveryTimes,100);
6769            removeInfoKomis();
6770        }
6771
6772        function init() {
6773            const grid = document.querySelector("#search.products");
6774            if (!grid) return;
6775
6776            refreshListingExtras();
6777
6778            const observer = new MutationObserver(function (mutations) {
6779                if (!hasRelevantMutations(mutations)) return;
6780                refreshListingExtras();
6781            });
6782            observer.observe(grid, { childList: true, subtree: true });
6783
6784            const sortSelect = document.querySelector("#select_top_sort");
6785            if (sortSelect) {
6786                sortSelect.addEventListener("change", function () {
6787                    setTimeout(refreshListingExtras, 300);
6788                });
6789            }
6790
6791            document.addEventListener("listingViewChanged", refreshListingExtras);
6792        }
6793
6794        if (document.readyState === "loading") {
6795            document.addEventListener("DOMContentLoaded", init);
6796        } else {
6797            init();
6798        }
6799    })();
6800</script>
6800</div><div class="menu_button_wrapper">
6800<script>
6801
6802    (function () {
6803        var CATEGORIES = [
6804            {
6805                type: "zloto",
6806                url: "https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html?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#p"
6807            },
6808            {
6809                type: "srebro",
6810                url: "https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Srebrne-502.html?filter_traits%5B4779%5D=&filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B510%5D=481&filter_traits%5B4582%5D=&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%&filter_availability=y"
6811            }
6812
6813          
6814        ];
6815        var SAVE_ENDPOINT = "https://australianemu.com/chcek_produkt/get_available_ids.php";
6816        var PRODUCT_LIMIT = 14;
6817        var REFRESH_INTERVAL_MS = 6 * 60 * 60 * 1000;
6818        var PRODUCT_ID_RE = /\/product-pol-(\d+)-/g;
6819
6820        function extractAvailableProductIds(html) {
6821            var ids = [];
6822            var seen = {};
6823
6824            function pushId(id) {
6825                if (id && !seen[id] && ids.length < PRODUCT_LIMIT) {
6826                    seen[id] = true;
6827                    ids.push(id);
6828                }
6829            }
6830
6831            // Parsujemy HTML i bierzemy 14 pierwszych produktów POMIJAJĄC te,
6832            // które mają cenę tylko telefoniczną (.price.--phone).
6833            try {
6834                var doc = new DOMParser().parseFromString(html, "text/html");
6835                var tiles = doc.querySelectorAll("#search .product, .products .product, .product");
6836                if (tiles.length) {
6837                    for (var i = 0; i < tiles.length && ids.length < PRODUCT_LIMIT; i++) {
6838                        var tile = tiles[i];
6839                        if (tile.querySelector(".price.--phone")) continue; // pomiń cenę telefoniczną
6840                        var link = tile.querySelector('a[href*="/product-pol-"]');
6841                        var m = link && link.getAttribute("href").match(/\/product-pol-(\d+)-/);
6842                        if (m) pushId(m[1]);
6843                    }
6844                    if (ids.length) return ids;
6845                }
6846            } catch (e) {
6847                // brak DOMParser / inny markup -> fallback niżej
6848            }
6849
6850            // Fallback: stary sposób po regexie (bez filtrowania --phone)
6851            var match;
6852            PRODUCT_ID_RE.lastIndex = 0;
6853            while ((match = PRODUCT_ID_RE.exec(html)) !== null && ids.length < PRODUCT_LIMIT) {
6854                pushId(match[1]);
6855            }
6856            return ids;
6857        }
6858
6859        function fetchAndSaveCategory(category) {
6860            fetch(category.url, { credentials: "same-origin" })
6861                .then(function (res) { return res.text(); })
6862                .then(function (html) {
6863                    var ids = extractAvailableProductIds(html);
6864                    if (!ids.length) return;
6865                    return fetch(SAVE_ENDPOINT, {
6866                        method: "POST",
6867                        headers: { "Content-Type": "application/json" },
6868                        body: JSON.stringify({ type: category.type, ids: ids }),
6869                    });
6870                })
6871                .catch(function () { });
6872        }
6873
6874        function fetchAndSaveAll() {
6875            CATEGORIES.forEach(fetchAndSaveCategory);
6876        }
6877
6878        // odśwież od razu po otwarciu strony, potem co 6 h
6879        fetchAndSaveAll();
6880        setInterval(fetchAndSaveAll, REFRESH_INTERVAL_MS);
6881
6882        // dodatkowo przy każdym powrocie do karty
6883        document.addEventListener("visibilitychange", function () {
6884            if (!document.hidden) fetchAndSaveAll();
6885        });
6886    })();
6887</script>
6887</div><div class="menu_button_wrapper">
6887<script>
6888    function getvidepoppa() {
6889
6890 
6891
6892            const videoObserver = new MutationObserver(() => {
6893
6894                const videoElement = document.querySelector(".pswp__zoom-wrap video");
6895
6896                if (videoElement && !videoElement.dataset.videomeApplied) {
6897                    videoElement.dataset.videomeApplied = "true"; // zabezpieczenie przed wielokrotnym uruchomieniem
6898
6899                    const videmCode = document.querySelector("#vide_viemo").outerHTML;
6900
6901                    videoElement.outerHTML = videmCode;
6902                }
6903            });
6904
6905            videoObserver.observe(document.body, { childList: true, subtree: true });
6906
6907
6908
6909    }
6910    getvidepoppa()
6911
6912
6913
6914
6915    function vdeiSilder() {
6916
6917        const videViemoElement = document.querySelector("#vide_viemo");
6918        const sliderVideoLink = document.querySelector("#photos_slider .photos__figure  .photos__link.--video");
6919
6920        if (!videViemoElement || !sliderVideoLink) {
6921            return;
6922        }
6923
6924        // klon - dokładamy podgląd obok istniejącej zawartości linku, żeby nie ruszać
6925        // struktury, z której PhotoSwipe buduje slajdy w popupie (stąd wcześniej psuły się strzałki)
6926        const preview = videViemoElement.cloneNode(true);
6927        preview.removeAttribute("id");
6928        preview.querySelectorAll("[id]").forEach((node) => node.removeAttribute("id"));
6929        preview.classList.add("videome_slider_preview");
6930
6931        sliderVideoLink.appendChild(preview);
6932
6933    }
6934    vdeiSilder()
6935
6936
6937
6938
6939
6940</script>
6940
6941
6942
6943<style>
6944
6945
6946
6947   .pswp__container #vide_viemo {position: relative;
6948    top: 20%;}
6949
6950    .photos__link.--video {
6951        position: relative;
6952    }
6953
6954    .photos__link.--video .videome_slider_preview {
6955        position: absolute;
6956        inset: 0;
6957        width: 100%;
6958        height: 100%;
6959        pointer-events: none;
6960    }
6961
6962    /* w podglądzie na sliderze pokazuj zawsze tylko wariant "dest" (desktop), niezależnie
6963       czy źródło ma to jako title="dest" czy class="dest" */
6964    .photos__link.--video .videome_slider_preview iframe {
6965        display: none;
6966    }
6967
6968    .photos__link.--video .videome_slider_preview iframe[title="mobile_1"],
6969    .photos__link.--video .videome_slider_preview iframe.dest {
6970        display: block;
6971            height: 100% !important;
6972    }
6973</style>
6974
6975
6976</div><div class="menu_button_wrapper"><style>
6977@media (max-width:728px) {
6978    #menu_rwd a {display: block;border: solid 1px var(--darkyello);padding: 10px 20px;}
6979    #content #paging_setting_top {
6980        margin-bottom: 0px;
6981        height: 80px;
6982    }
6983body #tags_constent_mainHead {
6984        display: flex;
6985        gap: 10px;
6986        align-content: flex-end;
6987        align-items: flex-end;
6988        position: absolute;
6989        z-index: 99;
6990        top: 69px !important;
6991    }
6992
6993      body  .search_name {
6994        position: absolute !important;
6995        width: 100%;
6996        top: 0px;
6997        padding: 0px !important;
6998    }
6999
7000    
7001}
7002</style>
7003
7004<script>
7005const urlpagegold = window.location.href;
7006if(urlpagegold.includes("y-545")){
7007
7008document.querySelector("#search").insertAdjacentHTML("beforebegin", `
7009<div id="menu_rwd" style="    display: flex;
7010    justify-content: space-evenly;
7011    width: 100%;margin-top: 20px;">
7012<div><a href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html">Złoto</a></div>
7013<div><a href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Srebrne-502.html">Srebro</a></div>
7014<div><a href="https://www.metalelokacyjne.pl/pol_m_Produkty_Inne-metale_Platyna-2832.html">Platyna</a></div>
7015</div>
7016`)
7017
7018}
7019</script>
7019
7020</div><div class="menu_button_wrapper"><style>
7021@media (max-width:728px) {
7022    
7023    #content #paging_setting_top {
7024        margin-bottom: 0px;
7025        height: 80px;
7026    }
7027body #tags_constent_mainHead {
7028        display: flex;
7029        gap: 10px;
7030        align-content: flex-end;
7031        align-items: flex-end;
7032        position: absolute;
7033        z-index: 99;
7034        top: 69px !important;
7035    }
7036
7037      body  .search_name {
7038        position: absolute !important;
7039        width: 100%;
7040        top: 0px;
7041        padding: 0px !important;
7042    }
7043
7044    
7045}
7046</style></div><div class="menu_button_wrapper">
7046<script>
7047
7048
7049
7050
7051  (function () {
7052    const isMobile = window.matchMedia("(max-width: 728px)").matches;
7053    if (!isMobile) {
7054      return;
7055    }
7056
7057    const movieEl = document.querySelector("#vide_viemo");
7058    const getphodiDiv = document.querySelector("#content");
7059    if (!movieEl || !getphodiDiv) {
7060      return;
7061    }
7062
7063    const getmobiecode = movieEl.outerHTML;
7064
7065    if (!document.querySelector("#bnt_movie")) {
7066
7067      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>')
7068
7069
7070
7071    }
7072
7073    const buttonEl = document.querySelector("#bnt_movie");
7074    if (!buttonEl) {
7075      return;
7076    }
7077
7078    buttonEl.addEventListener("click", function () {
7079      let filmCodeEl = document.querySelector("#film_code");
7080      let createdNow = false;
7081
7082      if (!filmCodeEl) {
7083        getphodiDiv.insertAdjacentHTML("beforeend", '<div id="film_code" style="max-width:100%"></div>');
7084        filmCodeEl = document.querySelector("#film_code");
7085        if (!filmCodeEl) {
7086          return;
7087        }
7088        filmCodeEl.innerHTML = getmobiecode;
7089        createdNow = true;
7090      }
7091
7092      if (createdNow) {
7093        filmCodeEl.classList.remove("remove");
7094      } else {
7095        filmCodeEl.classList.toggle("remove");
7096      }
7097
7098      const isHidden = filmCodeEl.classList.contains("remove");
7099      buttonEl.innerHTML = isHidden ? `<img src="https://www.metalelokacyjne.pl/data/include/cms/mme/play_movie/play.svg?v=1783515514898" alt="">
7100` : `<img src="https://www.metalelokacyjne.pl/data/include/cms/mme/play_movie/spot.svg?v=1783515514898" alt="">`;
7101    });
7102
7103
7104
7105  })();
7106</script>
7106
7107
7108
7109<style>
7110  @media (max-width: 728px) {
7111    #projector_longdescription #vide_viemo {
7112      display: none !important;
7113    }
7114
7115    #bnt_movie {
7116      position: absolute;
7117      z-index: 9999;
7118      top: auto;
7119      right: 30px;
7120      padding: 10px;
7121      width: 50px;
7122      transform-origin: center;
7123      animation: bntMoviePop 0.85s ease-out infinite;
7124      bottom: -50px;
7125
7126    }
7127
7128    @keyframes bntMoviePop {
7129      0% {
7130
7131        transform: scale(0.94);
7132      }
7133
7134      55% {
7135        opacity: 1;
7136        transform: scale(1.08);
7137      }
7138
7139      100% {
7140        opacity: 1;
7141        transform: scale(1);
7142      }
7143    }
7144
7145    #film_code.remove {
7146      display: none;
7147    }
7148
7149    #film_code {
7150      max-width: 100%;
7151      width: 100%;
7152      position: absolute;
7153      z-index: 99;
7154      left: 0px;
7155      top: 20px;
7156    }
7157
7158
7159    #video_destop {
7160      display: none !important;
7161    }
7162  }
7163</style></div><div class="menu_button_wrapper"><style>
7164    #cound_sell {
7165        padding: 10px;
7166        border-radius: 10px;
7167        display: flex;
7168        margin: 0px 0px;
7169        justify-content: center;
7170        background: var(--twocolor);
7171            padding: 0px;
7172
7173        img {
7174            width: 50px;
7175        }
7176
7177
7178        .countdown-wrap {
7179            text-align: center;
7180            display: flex;
7181            align-content: center;
7182            gap: 10px;
7183            align-items: center;
7184        }
7185
7186        .countdown-label {
7187            font-size: 24px;
7188            gap: 20px;
7189
7190            color: var(--maincolor);
7191            display: flex;
7192            align-items: center;
7193
7194        }
7195
7196        .finishsens {
7197            color: var(--maincolor);
7198            font-size: 24px;
7199
7200            span {
7201                font-weight: bold;
7202                color: #259F3B;
7203            }
7204        }
7205
7206        .countdown {
7207            display: flex;
7208            gap: 12px;
7209            align-items: flex-start;
7210        }
7211
7212        .countdown-unit {
7213            display: flex;
7214            flex-direction: column;
7215            align-items: center;
7216        }
7217
7218        .countdown-digits {
7219            font-size: 56px;
7220            font-weight: 700;
7221            color: #259F3B;
7222            line-height: 1;
7223            min-width: 2ch;
7224            text-align: center;
7225            letter-spacing: 2px;
7226        }
7227
7228        .countdown-name {
7229            font-size: 10px;
7230            letter-spacing: 2px;
7231            text-transform: uppercase;
7232            color: #ccc;
7233            margin-top: 6px;
7234        }
7235
7236        .countdown-sep {
7237            font-size: 52px;
7238            font-weight: 700;
7239            color: rgba(181, 201, 138, 0.3);
7240            line-height: 1;
7241            padding-top: 2px;
7242            animation: blink 1s step-end infinite;
7243        }
7244
7245        @keyframes blink {
7246
7247            0%,
7248            100% {
7249                opacity: 1;
7250            }
7251
7252            50% {
7253                opacity: 0;
7254            }
7255        }
7256
7257        .countdown-expired {
7258            font-size: 18px;
7259            letter-spacing: 3px;
7260            text-transform: uppercase;
7261            color: rgba(181, 201, 138, 0.4);
7262            margin-top: 12px;
7263        }
7264
7265    }
7266
7267    #zegar_now {
7268        margin-bottom: 20px;
7269        margin-top: 20px;
7270
7271        img {
7272            display: none !important;
7273        }
7274
7275        .countdown-label,
7276        .finishsens {
7277            font-size: 14px;
7278            font-weight: 500;
7279        }
7280
7281        .countdown-digits {
7282            font-size: 24px;
7283
7284        }
7285
7286
7287
7288
7289        #cound_sell {
7290            margin: 0px;
7291
7292
7293            .countdown-sep {
7294                font-size: 22px;
7295                font-weight: 700;
7296                color: rgba(181, 201, 138, 0.3);
7297                line-height: 1;
7298                padding-top: 2px;
7299                animation: blink 1s step-end infinite;
7300            }
7301
7302            .countdown-wrap {
7303                text-align: center;
7304                display: grid;
7305                align-content: center;
7306                gap: 20px;
7307                align-items: center;
7308                grid-template-columns: 1fr;
7309
7310                .countdown-label {
7311                    grid-area: 1/1;
7312                    margin-top: -20px;
7313                }
7314
7315                #countdown {
7316                    grid-area: 1/2;
7317                }
7318
7319                .finishsens {
7320                    grid-area: 1/1;
7321                    padding-top: 18px;
7322                }
7323            }
7324        }
7325
7326    }
7327
7328
7329    @media (max-width: 728px) {
7330        #zegar_now {
7331            margin-top: 10px;
7332
7333            & #cound_sell {
7334                .countdown-wrap {
7335                    text-align: center;
7336                    display: flex;
7337                    align-content: center;
7338                    gap: 20px;
7339                    align-items: center;
7340                    grid-template-columns: 1fr;
7341                    grid-auto-flow: row;
7342                    flex-direction: column;
7343
7344                    .countdown-label {
7345                        grid-area: 1 / 1;
7346                        margin-top: 0px;
7347                    }
7348
7349                    .finishsens {
7350                        grid-area: 1 / 1;
7351                        padding-top: 0px;
7352                    }
7353                }
7354            }
7355        }
7356    }
7357</style>
7358
7359
7360<!-- <div id="cound_sell"> </div>
7361
7362<div class="countdown-wrap">
7363    <div class="countdown-label">
7364        <img src="https://www.metalelokacyjne.pl/data/include/cms/mme/icons/icona_shiping_1.svg?v=1777388981418" alt="">
7365        Zamów przed upływem
7366    </div>
7367
7368    <div class="countdown" id="countdown">
7369        <div class="countdown-unit">
7370            <span class="countdown-digits" id="hours">00</span>
7371            <span class="countdown-name">godzin</span>
7372        </div>
7373        <span class="countdown-sep">:</span>
7374        <div class="countdown-unit">
7375            <span class="countdown-digits" id="minutes">00</span>
7376            <span class="countdown-name">minut</span>
7377        </div>
7378        <span class="countdown-sep">:</span>
7379        <div class="countdown-unit">
7380            <span class="countdown-digits" id="seconds">00</span>
7381            <span class="countdown-name">sekund</span>
7382        </div>
7383    </div>
7384
7385    <div class="countdown-expired" id="expired" style="display:none;">
7386        Zamówienia realizowane od rana
7387    </div>
7388
7389
7390    <div class="finishsens">wyślemy paczkę <span>dzisiaj</span> !</div>
7391</div> -->
7392
7393<script>
7394
7395    function gettimeShioping() {
7396
7397        const getimesheiping = `<div id="cound_sell"> 
7398        <div class="countdown-wrap">
7399            <div class="countdown-label">
7400                <img src="https://www.metalelokacyjne.pl/data/include/cms/mme/icons/icona_shiping_1.svg?v=1777388981418" alt="">
7401                Zamów przed upływem
7402            </div>
7403
7404            <div class="countdown" id="countdown">
7405                <div class="countdown-unit">
7406                    <span class="countdown-digits" id="hours">00</span>
7407                    <span class="countdown-name">godzin</span>
7408                </div>
7409                <span class="countdown-sep">:</span>
7410                <div class="countdown-unit">
7411                    <span class="countdown-digits" id="minutes">00</span>
7412                    <span class="countdown-name">minut</span>
7413                </div>
7414                <span class="countdown-sep">:</span>
7415                <div class="countdown-unit">
7416                    <span class="countdown-digits" id="seconds">00</span>
7417                    <span class="countdown-name">sekund</span>
7418                </div>
7419            </div>
7420
7421            <div class="countdown-expired" id="expired" style="display:none;">
7422                Zamówienia realizowane od rana
7423            </div>
7424             <div class="finishsens">wyślemy paczkę <span>dzisiaj</span>!</div>
7425</div>
7426
7427            </div>`
7428
7429
7430
7431
7432        if (window.location.href.includes("?instock=y")) {
7433            document.querySelector("#search").insertAdjacentHTML("beforebegin", `
7434    ${getimesheiping}
7435        `);
7436
7437        }
7438
7439
7440        if (window.location.href.includes("product-pol")) {
7441
7442            if (!document.querySelector("#projector_status").classList.contains("--status-hide")) {
7443
7444
7445                document.querySelector("#gwaranty_sell").insertAdjacentHTML("beforebegin", `
7446    
7447           <div id="zegar_now"> 
7448        ${getimesheiping}
7449        </div>
7450
7451
7452
7453
7454        `);
7455
7456            }
7457        }
7458
7459
7460        const TARGET_HOUR = 13; // godzina docelowa
7461
7462        function pad(n) {
7463            return String(n).padStart(2, '0');
7464        }
7465
7466        function tick() {
7467            const now = new Date();
7468            const day = now.getDay(); // 0 = niedziela, 6 = sobota
7469
7470            const isWeekday = day >= 1 && day <= 5;
7471
7472            const target = new Date(now);
7473            target.setHours(TARGET_HOUR, 0, 0, 0);
7474
7475            const diff = target - now; // ms
7476
7477            const hoursEl = document.getElementById('hours');
7478            const minutesEl = document.getElementById('minutes');
7479            const secondsEl = document.getElementById('seconds');
7480            const expiredEl = document.getElementById('expired');
7481            const countdownEl = document.getElementById('countdown');
7482            const wrapEl = document.querySelector('.countdown-wrap');
7483
7484            if (!isWeekday || diff <= 0) {
7485                // weekend lub po 14:00 — ukryj całą sekcję
7486                if (wrapEl) wrapEl.style.display = 'none';
7487                return;
7488            }
7489
7490            if (wrapEl) wrapEl.style.display = '';
7491            countdownEl.style.display = 'flex';
7492            expiredEl.style.display = 'none';
7493
7494            const totalSeconds = Math.floor(diff / 1000);
7495            const h = Math.floor(totalSeconds / 3600);
7496            const m = Math.floor((totalSeconds % 3600) / 60);
7497            const s = totalSeconds % 60;
7498
7499            hoursEl.textContent = pad(h);
7500            minutesEl.textContent = pad(m);
7501            secondsEl.textContent = pad(s);
7502        }
7503
7504        tick();
7505        setInterval(tick, 1000);
7506
7507    }
7508
7509
7510
7511    //   gettimeShioping()
7512
7513    setTimeout(gettimeShioping, 1000)
7514
7515    // odśwież co 5 minut, żeby poprawnie reagować na zmianę dnia tygodnia i godziny
7516    // window.addEventListener('DOMContentLoaded', gettimeShioping);
7517
7518</script>
7518</div><div class="menu_button_wrapper"><style>
7519    .FTChat_custom_bar {
7520        opacity: 0;
7521        display: none;
7522    }
7523
7524
7525
7526    @keyframes chat_animation {
7527        from {
7528            opacity: 0;
7529        }
7530
7531        to {
7532            opacity: 1;
7533        }
7534    }
7535
7536    .FTChat_bar {
7537        animation-name: chat_animation;
7538        animation-duration: 5s;
7539
7540
7541
7542
7543    }
7544
7545
7546    .FTChat_bar.br,
7547    .FTChat_bar.tr,
7548    .FTChat_window.br,
7549    .FTChat_window.tr {
7550        padding-left: 50px;
7551    }
7552
7553    .icons_czat img {
7554        width: 56px;
7555        position: absolute;
7556        left: -25px;
7557        top: -1px;
7558    }
7559
7560    .FTChat_custom_bar {
7561        background: #d2bc66 !important;
7562        right: -50px !important;
7563        bottom: 10% !important;
7564        padding-right: 60px !important;
7565        transition: all 0.5s;
7566    }
7567
7568    .FTChat_custom_bar:hover {
7569        right: 0px !important;
7570        transition: all 0.5s;
7571    }
7572
7573    .FTChat_bar.bc,
7574    .FTChat_bar.bl,
7575    .FTChat_bar.br,
7576    .FTChat_window.bc,
7577    .FTChat_window.bl,
7578    .FTChat_window.br {
7579        box-shadow: none !important;
7580
7581        border-radius: 0px !important;
7582
7583        border-bottom-right-radius: 0px !important;
7584        border-bottom-left-radius: 0px !important;
7585    }
7586
7587
7588    .FTChat_custom_bar span small {
7589        display: block;
7590        font-size: 11px;
7591        text-transform: uppercase;
7592    }
7593
7594    @media only screen and (max-width:728px) {
7595
7596        #fcc-chat-ydtxaxkspbxhkewwml5k8sxdpi {
7597            bottom: 80px !important;
7598        }
7599
7600        .FTChat_custom_bar {
7601            background: #d2bc66 !important;
7602            right: -170px !important;
7603            bottom: 10% !important;
7604            padding-right: 60px !important;
7605            transition: all 0.5s;
7606        }
7607
7608    }
7609</style>
7610
7611
7612<script defer>
7613
7614
7615
7616
7617
7618
7619    // const chatChange = setTimeout( function () {
7620
7621    //     let getChat = document.querySelector( '.FTChat_custom_bar span' );
7622    //     let getChatBox = document.querySelector( '.FTChat_custom_bar' );
7623
7624
7625    //     // getChatBox.style.opacity = "1";
7626    //     // getChatBox.style.display = "block";
7627
7628    //     getChatBox.insertAdjacentHTML( 'beforeend', "<div class='icons_czat'><img src='https://www.metalelokacyjne.pl/data/include/cms/metal_market/czat_icon.svg?v=1678959381227'>  </div>" )
7629
7630    //     getChat.innerHTML = "CZAT ONLINE <small>Napisz do nas!</small>"
7631
7632    // }, 900 )
7633
7634</script>
7634
7635
7636
7637
7638<script type="text/javascript">
7639        ( function () {
7640            var s = document.createElement( "script" ), e = document.getElementsByTagName( "script" )[ 0 ]; s.type = "text/javascript";
7641            s.async = true; s.src = "https://chat.fcc-online.pl/chat/widget.min.js";
7642            s.setAttribute( 'data-wid', 'ydtxaxkspbxhkewwml5k8sxdpi' );
7643            e.parentNode.insertBefore( s, e );
7644        } )();
7645</script>
7645
7646
7647
7648<!-- 
7648<script defer async>
7649    const iragem_get = document.querySelector( "#fcc-chat-ydtxaxkspbxhkewwml5k8sxdpi" );
7650
7651    const czat_main = iragem_get.contentWindow.document.querySelector( ".public-launcher" );
7652
7653    czat_main.style.display = "#03a84e"
7654
7655</script>
7655 -->
7656
7657
7658
7659
7660
7661<style>
7662
7663    .infolinia a {
7664
7665    background-size: contain !important;
7666    padding-left: 51px;
7667    font-size: 24px;text-align: center;
7668  
7669}
7670     .infolinia  a {    background-color: none !important;   border-radius: 10px;}
7671
7672    .infolinia strong{display: block;color:#00ab4e ;}
7673</style>
7674
7675
7676
7677
7678<div id="czat_main_content">
7679
7680
7681
7682    <div class="text_czat">
7683
7684        <div id="czat_main_box">
7685            <div class="icon_czat"><img
7686                    src="https://www.metalelokacyjne.pl/data/include/cms/mme/czat/czat_icon.svg?v=1698926292361" />
7687
7688                <p><strong > Czat on-line</strong> </br>
7689                    <small>& Centrum pomocy </small>
7690                </p>
7691
7692            </div>
7693
7694
7695
7696        </div>
7697
7698
7699
7700
7701    </div>
7702
7703
7704
7705</div>
7706
7707<div id="centrum_pokmocy_fiszka">
7708
7709
7710
7711
7712    <div class="centrum_pokmocy_fiszka_head">
7713        <a href="https://www.metalmarket.eu/lng/info/centrum-pomocy-533.html">
7714            <img
7715                src="https://www.metalelokacyjne.pl/data/include/cms/metal_market/icon/help_icon.svg?v=1654505383595" />
7716
7717            <p>Centrum pomocy </p>
7718
7719        </a>
7720
7721    </div>
7722
7723    <div class="infolinia"> <a href="tel:+48226238561" class="" > 
7724
7725    <strong style="font-size: 14px;">Zadzwoń do nas! </strong>  <strong>+48 22 623 85 61</strong> 
7726
7727      
7728     
7729    </a></div>
7730
7731
7732    <div class="main_centrum_box">
7733        <div class="box">
7734            <a href="https://www.metalelokacyjne.pl/Wysylka-i-dostawa-cinfo-pol-543.html">
7735                <div class="img_centrum">
7736
7737                    <img
7738                        src="https://www.metalelokacyjne.pl/data/include/cms/mme/centrum-pomocy/icons/wysylka.svg?v=1666100838228">
7739
7740
7741
7742                </div>
7743
7744                <p>Wysyłka i dostawa</p>
7745
7746            </a>
7747
7748        </div>
7749
7750
7751
7752        <div class="box">
7753            <a href="https://www.metalelokacyjne.pl/Metody-platnosci-cinfo-pol-538.html">
7754                <div class="img_centrum">
7755
7756                    <img src="https://www.metalmarket.eu/data/include/cms/mme/centrum-pomocy/_platnosci.svg">
7757                </div>
7758
7759                <p>Metody płatności</p>
7760
7761            </a>
7762
7763        </div>
7764
7765
7766        <div class="box">
7767            <a href="https://www.metalelokacyjne.pl/Realizacja-zamowienia-cinfo-pol-545.html">
7768                <div class="img_centrum">
7769        
7770                    <img src="https://www.metalmarket.eu/data/include/cms/mme/centrum-pomocy/_realizacja.svg">
7771                </div>
7772        
7773                <p>Realizacja Zamówienia</p>
7774        
7775            </a>
7776        
7777        </div>
7778
7779        <div class="box">
7780            <a href="https://www.metalelokacyjne.pl/Zwrot-i-reklamacje-cinfo-pol-544.html">
7781                <div class="img_centrum">
7782
7783                    <img src="https://www.metalmarket.eu/data/include/cms/mme/centrum-pomocy/_zwrot.svg">
7784                </div>
7785
7786                <p>Zasady reklamacji</p>
7787
7788            </a>
7789
7790        </div>
7791
7792
7793     
7794
7795
7796        <div class="box">
7797            <a href="https://www.metalelokacyjne.pl/Bezpieczenstwo-cinfo-pol-537.html">
7798                <div class="img_centrum">
7799
7800                    <img
7801                        src="https://www.metalmarket.eu/data/include/cms/mme/centrum-pomocy/_bezpieczenstwo.svg">
7802                </div>
7803
7804                <p>Bezpieczeństwo</p>
7805
7806            </a>
7807
7808        </div>
7809
7810
7811        <div class="box">
7812            <a href="https://www.metalelokacyjne.pl/Regulaminy-cinfo-pol-540.html">
7813                <div class="img_centrum">
7814
7815                    <img src="https://www.metalmarket.eu/data/include/cms/mme/centrum-pomocy/_regulamin.svg">
7816                </div>
7817
7818                <p>Regulaminy</p>
7819
7820            </a>
7821
7822        </div>
7823
7824        <div class="box">
7825            <a href="https://www.metalelokacyjne.pl/Strefa-wiedzy-cinfo-pol-783.html">
7826                <div class="img_centrum">
7827        
7828                    <img src="https://www.metalelokacyjne.pl/data/include/cms/mme/centrum-pomocy/icons/strefa_wiedzy.svg?v=1665757733168">
7829                </div>
7830        
7831                <p>Strefa wiedzy</p>
7832        
7833            </a>
7834        
7835        </div>
7836
7837        <div class="box">
7838            <a href="https://www.metalelokacyjne.pl/Czesto-zadawane-pytania-cinfo-pol-784.html">
7839                <div class="img_centrum">
7840        
7841                    <img src="https://www.metalelokacyjne.pl/data/include/cms/mme/centrum-pomocy/icons/czeste_pytania.svg?v=1665757733169">
7842                </div>
7843        
7844                <p>Faq</p>
7845        
7846            </a>
7847        
7848        </div>
7849
7850
7851
7852
7853    </div>
7854
7855</div>
7856
7857
7858
7859
7860<script>
7861
7862    //         const getCZatMain = document.querySelector( "#czat_main_box" );
7863
7864
7865    // getCZatMain.addEventListener( "click", function ( a ) {
7866
7867    //     getCZatMain.insertAdjacentHTML( "afterbegin", `
7868    //     <style>
7869    //     #centrum_pokmocy_fiszka {display:block !important}
7870    //      iframe#fcc-chat-ydtxaxkspbxhkewwml5k8sxdpi {
7871    //     display: none !important;  inset: auto 0px 300px auto !important;}
7872    //     #czat_main_content {display:none !important;}
7873    //     </style>
7874        
7875    //     `);
7876
7877
7878    // } )
7879
7880
7881</script>
7881
7882
7883
7884<script defer>
7885
7886
7887    const getCZatMain = document.querySelector( "#czat_main_box" );
7888    const logoget = document.querySelector( "#logo" );
7889
7890
7891    getCZatMain.addEventListener( "click", function () {
7892
7893
7894        console.log( "dział" )
7895
7896        // localStorage.setItem( "czatCokiea", "0" );
7897
7898
7899
7900        logoget.classList.add( 'Niedzialł' )
7901
7902
7903        getCZatMain.insertAdjacentHTML( "afterbegin", `
7904        <style>
7905        #centrum_pokmocy_fiszka { right: 0px !important;    transition: all 0.5s !important;}
7906         iframe#fcc-chat-ydtxaxkspbxhkewwml5k8sxdpi {
7907        display: none !important;  inset: auto 0px 0px auto;
7908    visibility: visible !important;
7909    
7910    }
7911        #centrum_pokmocy_fiszka {display:block !important;}
7912        #czat_main_content {display:none !important;opacity:0}
7913        
7914        </style>
7915        
7916        `);
7917
7918
7919    } );
7920
7921
7922    const ifrmeGeta = document.querySelector( "#fcc-chat-ydtxaxkspbxhkewwml5k8sxdpi" );
7923
7924
7925
7926    document.addEventListener( "DOMContentLoaded", ( event ) => {
7927
7928        console.log( "wiem" )
7929
7930        try {
7931
7932            if ( localStorage.getItem( "czatCokiea" ) != "1" ) {
7933
7934                getCZatMain.classList.add( 'dzialł' )
7935                //   ifrmeGeta.remove(false)
7936
7937                getCZatMain.insertAdjacentHTML( "afterbegin", `
7938        <style>
7939      body  #centrum_pokmocy_fiszka {display:none }
7940         iframe#fcc-chat-ydtxaxkspbxhkewwml5k8sxdpi {
7941        display: none !important;  inset: auto 0px -160px auto ;
7942    visibility: hidden;
7943    }
7944        #czat_main_content {display:block !important;}
7945        </style>
7946        
7947        `);
7948
7949
7950            }
7951
7952
7953            logoget.addEventListener( "click", function () {
7954
7955
7956                console.log( "dział" )
7957
7958                // localStorage.setItem( "czatCokiea", "0" );
7959
7960
7961
7962                logoget.classList.add( 'Niedzialł' )
7963
7964
7965                getCZatMain.insertAdjacentHTML( "afterbegin", `
7966        <style>
7967        #centrum_pokmocy_fiszka {display:block !important}
7968         iframe#fcc-chat-ydtxaxkspbxhkewwml5k8sxdpi {
7969        display: none !important;  inset: auto 0px 0px auto;
7970    visibility: visible !important;
7971    
7972    }
7973        #centrum_pokmocy_fiszka {display:block !important;}
7974#czat_main_content {display:none !important}
7975        
7976        </style>
7977        
7978        `);
7979
7980
7981            } );
7982
7983
7984
7985        }
7986        catch ( e ) {
7987
7988            return false;
7989        }
7990
7991
7992    } );
7993</script>
7993
7994
7995
7996
7997
7998<style>
7999
8000
8001    iframe#fcc-chat-ydtxaxkspbxhkewwml5k8sxdpi {
8002        display: none !important;
8003        inset: auto 0px 0px auto;
8004        visibility: hidden;
8005    }
8006
8007    #czat_main_content {
8008        display: block ;
8009    }
8010</style>
8011
8012
8013
8014
8015
8016
8017<style>
8018
8019.box img {display: block;height: auto !important;}
8020
8021    .img_centrum {
8022        height: 40px;
8023        display: flex;
8024        align-items: center;
8025        justify-content: center;
8026    }
8027
8028    #centrum_pokmocy_fiszka {
8029        position: fixed;
8030        bottom: 110px;
8031        right: -300px;
8032        max-width: 300px;
8033        background: #fdfcf8;
8034        z-index: 9999;
8035
8036 -webkit-border-top-left-radius: 10px;
8037-webkit-border-bottom-left-radius: 10px;
8038-moz-border-radius-topleft: 10px;
8039-moz-border-radius-bottomleft: 10px;
8040border-top-left-radius: 10px;
8041border-bottom-left-radius: 10px;
8042
8043        transition: all 0.5s;
8044
8045    }
8046
8047    #centrum_pokmocy_fiszka .main_centrum_box {
8048        display: grid;
8049        grid-template-columns: 1fr 1fr;
8050        gap: 0px;
8051    }
8052
8053
8054    #centrum_pokmocy_fiszka .main_centrum_box .box {
8055        border-radius: 10px;
8056        padding: 5px;
8057        margin: 5px;
8058    }
8059
8060    #centrum_pokmocy_fiszka .main_centrum_box .box:hover {
8061        background: #fff;
8062        text-decoration: underline;
8063    }
8064
8065
8066    .main_centrum_box p {
8067        font-size: 11px;
8068        padding: 0px;
8069        margin: 0px;
8070    }
8071
8072    .centrum_pokmocy_fiszka_head {
8073        z-index: 999;
8074        display: block !important;
8075    }
8076
8077    .centrum_pokmocy_fiszka_head a {
8078        display: flex;
8079        align-items: center;
8080        justify-content: center;
8081        font-weight: bold;
8082        background: #03a84e;
8083        color: #fff;
8084
8085        border-top-left-radius: 10px;
8086        border-top-right-radius: 0px;
8087    }
8088
8089    #centrum_pokmocy_fiszka .centrum_pokmocy_fiszka_head a img {
8090        max-width: 20px;
8091        width: 20px;
8092    }
8093
8094
8095    .centrum_pokmocy_fiszka_head a p {
8096        color: #fff;
8097        padding: 5px;
8098    }
8099
8100    .icon_czat {
8101        display: flex;
8102    }
8103
8104    #czat_main_content {
8105        position: fixed;
8106        bottom: 110px;
8107
8108        right: -20px;
8109        display: flex;
8110        gap: 10px;
8111
8112        align-content: center;
8113        align-items: center;
8114        cursor: pointer;
8115
8116        border: solid 1px #cccccc3e;
8117        padding: 10px 10px;
8118        
8119        padding-right: 30px;
8120
8121        background: #03a84e;
8122        color: #fff;
8123        text-transform: uppercase;
8124
8125-webkit-border-top-left-radius: 10px;
8126-webkit-border-bottom-left-radius: 10px;
8127-moz-border-radius-topleft: 10px;
8128-moz-border-radius-bottomleft: 10px;
8129border-top-left-radius: 10px;
8130border-bottom-left-radius: 10px;
8131
8132    }
8133
8134    /* .text_czat div,.text_czat a{padding: 5px;} */
8135    #czat_main_content:hover {
8136        background: #04863e;
8137    }
8138
8139    .icon_czat {
8140        position: relative;
8141        padding: 0px 6px;
8142        border-radius: 5px;
8143    }
8144
8145    .icon_czat p {
8146        padding-left: 5px;
8147        text-align: left;
8148    }
8149
8150    .icon_czat img {
8151
8152        /* width: 50px;position: absolute;left: -20px; */
8153
8154        max-width: 40px;
8155    }
8156
8157    #czat_main_box {
8158        padding-bottom: 3px 3px;
8159
8160        display: flex;
8161        align-items: center;
8162    }
8163
8164    #czat_main_content .text_czat {
8165        font-size: 12px;
8166    }
8167
8168    #czat_main_content .text_czat a {
8169        font-size: 12px;
8170        display: flex;
8171        color: #fff;
8172        text-decoration: none;
8173        padding-top: 5px;
8174        align-items: center;
8175
8176    }
8177
8178    #czat_main_content:hover {
8179        transition: all 0.5s;
8180        right: 0px;
8181    }
8182
8183    #centrum_pokmocy_fiszka .img_centrum img {
8184        max-width: 60px;
8185        width: 60px;
8186    }
8187
8188
8189    #centrum_pokmocy_fiszka .centrum_pokmocy_fiszka_head img {
8190        max-width: 20px;
8191        width: 50px;
8192    }
8193
8194
8195
8196 
8197
8198    #centrum_pokmocy_fiszka {
8199
8200        text-align: center;
8201    -webkit-border-top-left-radius: 10px;
8202-webkit-border-bottom-left-radius: 10px;
8203-moz-border-radius-topleft: 10px;
8204-moz-border-radius-bottomleft: 10px;
8205border-top-left-radius: 10px;
8206border-bottom-left-radius: 10px;
8207left: auto;
8208    }
8209
8210    /* #centrum_pokmocy_fiszka {
8211        display: none
8212    } */
8213
8214
8215
8216    @media only screen and (max-width: 900px) {
8217
8218
8219#centrum_pokmocy_fiszka {bottom:190px ;}
8220        #czat_main_content {
8221            position: fixed;
8222            bottom: 90px;
8223
8224            right: -145px;
8225
8226        }
8227
8228    }
8229</style></div><div class="menu_button_wrapper"><style>
8230.price.--max {position: absolute;bottom: 0px;width: 100%;text-align: center;}
8231
8232#search .omnibus_price {display: none;position: absolute;bottom: -30px;background: var(--twocolor);z-index: 9;}
8233
8234
8235#search .product:hover .omnibus_price {display: block;}
8236
8237
8238body #search .product {height: stretch;}
8239</style>
8240
8241<script>
8242  if (document.querySelector("#container").classList.contains("search_page")) {
8243
8244
8245    function loadImgSrc() {
8246      document.querySelectorAll(".product img.lazy_my_pic").forEach(x => {
8247
8248        // x.setAttribute("src", "__")
8249
8250        // x.setAttribute("data-src","--");
8251
8252
8253
8254
8255      })
8256
8257      document.querySelectorAll(".product source").forEach(x => {
8258
8259
8260        if (window.innerWidth <= 728) {
8261
8262          const getaribuss = x.getAttribute("media", "(min-width: 421px)");
8263
8264          if (getaribuss) {
8265
8266            console.log(':::11 ',);
8267            x.setAttribute("media", "(min-width: 1021px)");
8268          }
8269
8270
8271
8272        }
8273
8274
8275
8276      })
8277
8278    }
8279
8280    function LoadingCoinsGif() {
8281      function getlinksgif() {
8282        const gethrefs = window.location.href;
8283
8284        if (gethrefs.includes("lokacyjne")) {
8285          return `/data/include/cms/metala_lokacyjne/loading_100.gif?v=1744712959669`;
8286        }
8287
8288        if (gethrefs.includes("market")) {
8289          return `/data/include/cms/mme/loading_70.gif?v=1728394007037`;
8290        }
8291      }
8292
8293      const loadingFiltes = `
8294
8295<div id="loading_filters"
8296 style="
8297position: fixed;
8298top: 0;
8299left: 0;
8300width: 100%;
8301height: 100vh;
8302background-color: rgba(255, 255, 255, 0.6);
8303z-index: 9999;
8304display: flex;
8305justify-content: center;
8306display: block !important;
8307bacgkground: url('${getlinksgif()}');
8308align-items: flex-start;
8309backdrop-filter: blur(1px);
8310-webkit-backdrop-filter: blur(1px);">
8311
8312 <div id="loading_img_filters"
8313 style="position: fixed;
8314background: url('${getlinksgif()}') no-repeat center center;
8315top:25%;
8316display: block;
8317left:50%;
8318width: 100px;
8319height: 100px;
8320z-index: 999999999;
8321">
8322
8323</div>
8324
8325</div>
8326
8327`;
8328
8329      function filters_loading(Div) {
8330        document.querySelectorAll(Div).forEach((x) => {
8331          x.addEventListener("click", function () {
8332            document.querySelector("#content").insertAdjacentHTML(
8333              "beforeend",
8334              `
8335 
8336 ${loadingFiltes}
8337 
8338`
8339            );
8340          });
8341        });
8342      }
8343
8344      filters_loading("#Filters button");
8345      filters_loading("#filter_list a");
8346      filters_loading(".data_tags .tags_datas");
8347      filters_loading("#paging_setting_bottom li");
8348    }
8349    // LoadingCoinsGif();
8350
8351    function buttonSort() {
8352
8353
8354      const getNamesescr = document.querySelector("#paging_setting_top .f-dropdown-li a.--selected").textContent
8355
8356      
8357
8358      document.querySelector("#paging_setting_top").insertAdjacentHTML(
8359        "afterbegin",
8360        `
8361<div id="btn_filtsrs" style="display:none" >
8362 ${langEn ? `${getNamesescr}` : ""}
8363 ${langPl ? `${getNamesescr}` : ""}
8364 ${langBg ? `${getNamesescr}` : ""}
8365 ${langDe ? `${getNamesescr}` : ""}
8366 ${langEs ? `${getNamesescr}` : ""}
8367 ${langCs ? `${getNamesescr}` : ""}
8368 ${langFr ? `${getNamesescr}` : ""}
8369 ${langHu ? `${getNamesescr}` : ""}
8370 ${langIt ? `${getNamesescr}` : ""}
8371
8372</div>`
8373      );
8374
8375      document
8376        .querySelector("#btn_filtsrs")
8377        .addEventListener("click", function () {
8378          document
8379            .querySelector("#paging_setting_top .f-dropdown-menu")
8380            .classList.toggle("acrive_class_filttres");
8381        });
8382
8383      function remuveUsufilter() {
8384        const filterstags = document.querySelectorAll(".filter_list_content a");
8385
8386        filterstags.forEach((x, idx) => {
8387          if (filterstags.length == 1) {
8388            document
8389              .querySelector(".filter_list_content .remove_all_list_filters")
8390              .remove();
8391          }
8392        });
8393      }
8394      window.addEventListener("DOMContentLoaded", function () {
8395        remuveUsufilter();
8396      });
8397    }
8398
8399    // buttonSort();
8400
8401
8402    function getBanerBrandNew() {
8403      const stronaPromocji = window.location.href;
8404
8405      if (stronaPromocji.includes("newproducts")) {
8406        const getFilterMainlastPromocja = document.querySelector("#Filters");
8407
8408        function getlinkwaloryPopremierze() {
8409          const gethrefs = window.location.href;
8410
8411          if (gethrefs.includes("lokacyjne")) {
8412            return `https://www.metalelokacyjne.pl/Archiwum-monet-ccms-pol-851.html`;
8413          }
8414
8415          if (gethrefs.includes("market")) {
8416            return `/lng/cms/monety-po-premierze-390.html`;
8417          }
8418        }
8419
8420        getFilterMainlastPromocja.insertAdjacentHTML(
8421          "afterbegin",
8422
8423          `
8424
8425<div id="przed_premiero_box" style="height: 250px;display:block">
8426
8427<a href="${getlinkwaloryPopremierze()}">
8428
8429<p class="data_time">2020-2025</p>
8430<h3>
8431${langEn ? "Values after the premiere" : ""}
8432${langPl ? "Walory po premierze" : ""}
8433${langBg ? "Предимства след премиерата" : ""}
8434
8435${langEs ? "Valores tras el estreno" : ""}
8436${langCs ? "Hodnoty po premiéře" : ""}
8437${langDe ? "Werte nach der Premiere" : ""}
8438${langFr ? "Valeurs après la première" : ""}
8439${langHu ? "Értékek a premier után" : ""}
8440${langIt ? "Valori dopo la prima" : ""}
8441
8442</h3>
8443
8444<div class="btn_box "> 
8445${langEn ? "See more" : ""}
8446${langPl ? "Sprawdź" : ""}
8447${langBg ? "Проверете го" : ""}
8448
8449${langCs ? "Podívejte se na" : ""}
8450${langEs ? "Echa un vistazo" : ""}
8451${langDe ? "Überprüfen" : ""}
8452${langFr ? "Voir plus" : ""}
8453${langHu ? "Továbbiak" : ""}
8454${langIt ? "Vedi di più" : ""}
8455 
8456</div>
8457
8458
8459<div class="moneta_obranica"><img src="/data/include/cms/metal_market/moneta_._obrutpng.png?v=1710843942130" alt=""></div>
8460
8461</a>
8462
8463</div>
8464
8465
8466
8467
8468`
8469        );
8470      }
8471
8472    }
8473
8474    // getBanerBrandNew()
8475
8476    /// listing produktowy contend
8477
8478    function priceSoon() {
8479      document.querySelectorAll("#search .price.--phone").forEach((x) => {
8480        const namertext = x.innerHTML;
8481
8482        if (namertext.includes("telefon")) {
8483          x.innerHTML = "Cena wkrótce";
8484        }
8485      });
8486    }
8487    // priceSoon();
8488
8489    function chnagedata24h() {
8490      document.querySelectorAll(".delivery_time").forEach((x) => {
8491        const getNameFilter = x.innerHTML;
8492        x.innerHTML = getNameFilter
8493          .replace(
8494            "dni",
8495            `
8496${langEn ? "days" : ""}
8497${langPl ? "dni" : ""}
8498${langBg ? "дни" : ""}
8499
8500${langDe ? "tage" : ""}
8501${langEs ? "días" : ""}
8502${langCs ? "dny" : ""}
8503${langFr ? "jours" : ""}
8504${langHu ? "napok" : ""}
8505${langIt ? "giorni" : ""}
8506
8507`
8508          )
8509          .replace(
8510            "dzień",
8511            `
8512${langEn ? "day" : ""}
8513${langPl ? "dzień" : ""}
8514${langBg ? "ден" : ""}
8515${langDe ? "tag" : ""}
8516${langEs ? "día" : ""}
8517${langCs ? "den" : ""}
8518${langFr ? "jour" : ""}
8519${langHu ? "nap" : ""}
8520${langIt ? "giorno" : ""}
8521
8522`
8523          )
8524          .replace(
8525            "czas dostawy -",
8526            `
8527          ${langEn ? "delivery time" : ""}
8528          ${langPl ? "czas wysyłki" : ""}
8529          ${langBg ? "време на доставка" : ""}
8530          ${langDe ? "Lieferzeit" : ""}
8531          ${langEs ? "tiempo de entrega" : ""}
8532          ${langCs ? "doba doručení" : ""}
8533          ${langFr ? "délai de livraison" : ""}
8534          ${langHu ? "szállítási idő" : ""}
8535          ${langIt ? "tempo di consegna" : ""}
8536
8537  
8538`
8539          );
8540
8541        if (!/\d+/.test(getNameFilter)) {
8542          x.innerHTML += "<strong>24h</strong>";
8543        }
8544      });
8545    }
8546    // chnagedata24h();
8547
8548    function getnumerid() {
8549      const getnumberofAwability = document.querySelector(
8550        "#filter_dual_content .--quantity"
8551      ).innerHTML;
8552      const getNumberprodukct = document.querySelector(
8553        ".search_name__total_value"
8554      );
8555
8556      const getNumberValue = getNumberprodukct.textContent;
8557      document.querySelector("#search").insertAdjacentHTML(
8558        "beforebegin",
8559        `
8560        
8561        <div id="tags_constent_mainHead" style=" display: flex;
8562 gap: 10px;">
8563
8564
8565<div class="number_couns">
8566    ${langEn ? "Number of values" : ""}
8567    ${langPl ? "Liczba walorów" : ""}
8568    ${langBg ? "Брой активи" : ""}
8569
8570
8571    ${langDe ? "Anzahl der Werte" : ""}
8572    ${langEs ? "Número de valores" : ""}
8573    ${langCs ? "Počet hodnot" : ""}
8574    ${langFr ? "Nombre de valeurs" : ""}
8575    ${langHu ? "Értékek száma" : ""}
8576    ${langIt ? "Numero di valori" : ""}
8577
8578${getNumberValue}
8579
8580</div>
8581
8582</div>
8583`
8584      );
8585    }
8586
8587    // ;
8588
8589    function loadfildersCenaPremiera() {
8590      const getListBox = document.querySelector("#paging_setting_top .--order");
8591
8592      const getList = document.querySelectorAll(
8593        ".--sort .f-dropdown-menu li a"
8594      );
8595
8596      if (getListBox == null) {
8597      } else {
8598        getListBox.style.display = "block";
8599        getList.forEach((x) => {
8600          constgetNema = x.innerHTML;
8601
8602          constgetNemadata = x.dataset.value;
8603
8604          if (constgetNemadata == "name-a") {
8605            x.innerHTML = "<div translate='no'>A-Z</div>";
8606          }
8607
8608          if (constgetNemadata == "name-d") {
8609            x.innerHTML = "<div translate='no'> Z-A</div>";
8610          }
8611
8612          if (constgetNemadata == "price-a") {
8613            x.innerHTML = `
8614${langEn ? "The cheapest" : ""}
8615${langPl ? "Najtańsze" : ""}
8616${langBg ? "Най-евтиният" : ""}
8617
8618${langCs ? "Nejlevnější" : ""}
8619${langEs ? "Más barato" : ""}
8620${langDe ? "Das günstigste" : ""}
8621${langFr ? "Le moins cher" : ""}
8622${langHu ? "A legolcsóbb" : ""}
8623${langIt ? "Il più economico" : ""}
8624`;
8625          }
8626          if (constgetNemadata == "price-d") {
8627            x.innerHTML = `
8628${langEn ? "The most expensive" : ""}
8629${langPl ? "Najdroższe" : ""}
8630${langBg ? "Най-скъпи" : ""}
8631
8632${langCs ? "Nejdražší" : ""}
8633${langEs ? "El más caro" : ""}
8634${langDe ? "Das teuerste" : ""}
8635${langFr ? "Le plus cher" : ""}
8636${langHu ? "A legdrágább" : ""}
8637${langIt ? "Il più costoso" : ""}
8638`;
8639          }
8640
8641          if (constgetNemadata == "date-a") {
8642            x.remove();
8643          }
8644
8645          if (constgetNemadata == "date-d") {
8646            x.innerHTML = `
8647            
8648            ${langEn ? "New Arrivals" : ""}
8649            ${langPl ? "Nowości" : ""}
8650            ${langBg ? "Нови продукти" : ""}
8651
8652            ${langEs ? "Novedad" : ""}
8653            ${langCs ? "Premiéra" : ""}
8654            ${langDe ? "Premieren" : ""}
8655            ${langFr ? "Nouveautés" : ""}
8656            ${langHu ? "Újdonságok" : ""}
8657            ${langIt ? "Novità" : ""}
8658 
8659 `;
8660          }
8661        });
8662      }
8663    }
8664
8665
8666
8667
8668
8669    window.addEventListener("load", function () {
8670      getnumerid()
8671      loadfildersCenaPremiera();
8672
8673    }),
8674
8675      window.addEventListener("DOMContentLoaded", function () {
8676        //           getnumerid();
8677        loadfildersCenaPremiera();
8678
8679
8680        setTimeout(() => {
8681          loadImgSrc();
8682        }, 2000);
8683
8684
8685        chnagedata24h();
8686        priceSoon();
8687        getBanerBrandNew()
8688        buttonSort();
8689        LoadingCoinsGif();
8690
8691      });
8692  }
8693
8694// const  getNamesescr = document.querySelector("#paging_setting_top .f-dropdown-li a.--selected").textContent
8695
8696// document.querySelector("#btn_filtsrs").innerHTML = getNamesescr
8697
8698
8699</script>
8699</div><div class="menu_button_wrapper"><style>
8700#caruselpromotionProduct::after {
8701    background-position: center top;
8702    width: 100%;
8703    height: 600px;
8704    background-size: contain;
8705    top: 40px;
8706    z-index: 0;
8707    right: 0px;
8708    border-radius: 10px;
8709    content: "";
8710    display: block;
8711    position: absolute;
8712    background-size: contain !important;
8713}
8714
8715    .caruselpromotionProduct_wrap {
8716        position: relative;
8717        z-index: 9;
8718        max-width: 500px;
8719        margin: auto;
8720    }
8721    div#consten_caruzela {
8722        width: 100%;
8723    }
8724    .caruselpromotionProduct_wrap {
8725        padding-top: 80px;
8726    }
8727    #caruselpromotionProduct .logMennice img {
8728        width: 150px !important;
8729        max-width: 150px !important;
8730        margin-top: 20px;
8731    }
8732    #caruselpromotionProduct div {
8733        text-align: center;
8734    }
8735    #caruselpromotionProduct img {
8736        /* border-radius: 100%; */
8737        max-width: 340px;
8738        max-height: 30%;
8739        margin: auto;
8740    }
8741    .caruselpromotionProduct_wrap p {
8742        color: #fff;
8743        text-align: center;
8744        /* font-family: "Noto Serif", serif; */
8745        font-weight: normal;
8746        font-size: 14px;
8747        line-height: 25px;
8748        margin-top: 10px;
8749    }
8750    .caruselpromotionProduct_wrap .seria_text {
8751        color: #fff;
8752        text-align: center;
8753        font-style: italic;
8754        font-size: 27px;
8755        margin-top: 20px;
8756        /* font-family: "Noto Serif", serif; */
8757        font-weight: normal;
8758    }
8759    .seria_text a {
8760        color: #fff;
8761        &:hover {
8762            text-decoration: underline;
8763        }
8764    }
8765
8766    :root {
8767        --bg: #0f172a;
8768        --panel: #111827;
8769        --accent: #1cb741;
8770        --muted: #9ca3af;
8771        --text: #e5e7eb;
8772        --dot: #475569;
8773        --radius: 18px;
8774        --shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
8775        --speed: 980ms;
8776        font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
8777    }
8778    #carusela_sub_baners {
8779        z-index: 99;
8780        .card {
8781            width: 100%;
8782            max-width: 100%;
8783            padding: 22px 20px 26px;
8784        }
8785        .header {
8786            display: flex;
8787            justify-content: space-between;
8788            align-items: center;
8789            margin-bottom: 14px;
8790            gap: 16px;
8791        }
8792        .title {
8793            font-size: 20px;
8794            font-weight: 700;
8795            letter-spacing: 0.4px;
8796        }
8797        .hint {
8798            font-size: 13px;
8799            color: var(--muted);
8800        }
8801        .carousel {
8802            z-index: 99;
8803            position: relative;
8804            overflow: hidden;
8805            border-radius: var(--radius);
8806            border: 1px solid rgba(255, 255, 255, 0.04);
8807            isolation: isolate;
8808            max-width: 100%;
8809        }
8810        .slider {
8811            display: flex;
8812            position: static;
8813            transition:
8814                /* transform var(--speed) cubic-bezier(0.134, 0.276, 0.2, 1); */
8815                transform var(--speed) cubic-bezier(0.134, 0.276, 0.2, 1);
8816            will-change: transform;
8817            border: none;
8818        }
8819        #carusela_sub_baners {
8820            margin-top: 70px;
8821        }
8822        .slide {
8823            flex: 0 0 calc(100% / 3);
8824            display: grid;
8825            grid-template-columns: 1fr;
8826            /* padding: 16px;
8827gap: 16px; */
8828        }
8829        .slide:hover .product-title,
8830        .slide:hover .product-year {
8831            color: var(--maincolor);
8832        }
8833        .visual {
8834            position: relative;
8835            /* overflow: hidden; */
8836            /* aspect-ratio: 16 / 10; */
8837            text-decoration: none;
8838            display: block;
8839        }
8840        .visual img {
8841            /* width: 80%; */
8842            object-fit: cover;
8843            display: block;
8844            filter: saturate(1.05);
8845            transform: scale(1.01);
8846            transition: transform 600ms ease, filter 600ms ease;
8847            margin: 0px;
8848            width: fit-content;
8849            padding: 0px 20px;
8850        }
8851        .slide:hover .copy {
8852            color: var(--maincolor);
8853        }
8854        .slide:hover img {
8855            transform: scale(1.04);
8856            filter: saturate(1.15);
8857        }
8858        .chip {
8859            position: absolute;
8860            top: 12px;
8861            left: 12px;
8862            padding: 8px 12px;
8863            color: #e9d5ff;
8864            border-radius: 999px;
8865            font-size: 12px;
8866            letter-spacing: 0.3px;
8867            border: 1px solid rgba(139, 92, 246, 0.35);
8868        }
8869        .copy {
8870            display: grid;
8871            gap: 6px;
8872            opacity: 1;
8873        }
8874        .product-title {
8875            font-size: 18px;
8876            font-weight: 700;
8877            text-align: center;
8878            opacity: .5;
8879        }
8880        .product-year {
8881            font-size: 11px;
8882            font-weight: 700;
8883            text-align: center;
8884            opacity: .5;
8885        }
8886        .product-sub {
8887            font-size: 14px;
8888            color: var(--muted);
8889            line-height: 1.6;
8890        }
8891        .meta {
8892            display: flex;
8893            gap: 10px;
8894            align-items: center;
8895            font-size: 13px;
8896            color: #c7d2fe;
8897        }
8898        .price {
8899            padding: 6px 10px;
8900            border-radius: 10px;
8901            font-weight: 600;
8902            letter-spacing: 0.3px;
8903        }
8904        .nav {
8905            position: absolute;
8906            inset: 0;
8907            display: flex;
8908            align-items: center;
8909            justify-content: space-between;
8910            padding: 0 10px;
8911            pointer-events: none;
8912        }
8913        .nav button {
8914            width: 44px;
8915            height: 110px;
8916            border-radius: 14px;
8917            border: 1px solid rgba(255, 255, 255, 0.06);
8918            color: var(--maincolor);
8919            display: grid;
8920            place-items: center;
8921            font-size: 18px;
8922            cursor: pointer;
8923            opacity: 0;
8924            transform: translateY(6px);
8925            transition: opacity 220ms ease, transform 220ms ease, background 160ms ease;
8926            pointer-events: none;
8927        }
8928        .carousel:hover .nav button {
8929            opacity: 1;
8930            transform: translateY(0);
8931            pointer-events: auto;
8932        }
8933        .nav button:hover {
8934            background: rgba(255, 255, 255, 0.5);
8935        }
8936        .dots {
8937            display: flex;
8938            gap: 8px;
8939            justify-content: center;
8940            margin-top: 16px;
8941            position: relative;
8942            z-index: 999;
8943        }
8944        .dot {
8945            width: 9px;
8946            height: 9px;
8947            border-radius: 999px;
8948            background: var(--dot);
8949            transition: transform 200ms ease, background 200ms ease, width 200ms ease;
8950            cursor: pointer;
8951            opacity: .7;
8952            &:hover {
8953                opacity: 1;
8954            }
8955        }
8956        .dot.active {
8957            width: 20px;
8958            background: var(--accent);
8959            transform: translateY(-1px);
8960        }
8961        @media (max-width: 640px) {
8962            .card {
8963                padding: 18px 16px 22px;
8964            }
8965            .slide {
8966                padding: 12px;
8967                flex: 0 0 100%;
8968            }
8969            .nav button {
8970                width: 40px;
8971                height: 40px;
8972                font-size: 16px;
8973            }
8974        }
8975    }
8976    #carusela_sub_baners .slide:hover .product-title,
8977    #carusela_sub_baners .slide:hover .product-year {
8978        color: var(--maincolor);
8979        opacity: 1;
8980    }
8981    @media (max-width: 1360px) {
8982        .caruselpromotionProduct_wrap {
8983            padding-top: 10px !important;
8984        }
8985        .desc {
8986            display: none !important;
8987        }
8988    }
8989    @media (max-width:728px) {
8990        #carusela_sub_baners {
8991            border-radius: 10px;
8992        }
8993        #caruselpromotionProduct::after {
8994            border-radius: 0px;
8995        }
8996        .seria_text a {
8997            color: #fff;
8998            font-size: 17px;
8999        }
9000    }
9001</style></div><div class="menu_button_wrapper">
9001<script>
9002const urlPageRegister = location.href;
9003
9004
9005if(  urlPageRegister.includes("client-new")) {
9006
9007
9008
9009    document.querySelector("body header.commercial_banner").style.border= 'none'
9010
9011    document.querySelector("#menu_seearch").remove()
9012    document.querySelector("#head_belka_fiex").style.height ="150px"
9013    
9014
9015    const getCheck= document.querySelector("#client_type2")
9016
9017
9018    document.querySelector("#invoice_to_billingaddr").parentElement.style.display = "none"
9019
9020
9021
9022
9023 
9024
9025
9026    document.querySelector('#client_type2').addEventListener('click', function () {
9027
9028        document.querySelector("#invoice_to_billingaddr").parentElement.style.display = "block"
9029
9030        document.querySelector("#invoice_box_switcher .form-group").style.display = "none";
9031
9032
9033    })
9034
9035
9036
9037document.querySelector('#client_type1').addEventListener('click',function(){
9038
9039     document.querySelector("#invoice_to_billingaddr").parentElement.style.display = "none"
9040
9041    document.querySelector("#invoice_box_switcher .form-group").style.display = "block";
9042   
9043
9044} )
9045
9046
9047}
9048
9049    </script>
9049</div><div class="menu_button_wrapper"><style>
9050
9051#seria_know_more {display: none !important;}
9052.sr-only {display: none !important;}
9053    .delivery_time {
9054    text-align: center !important;
9055    font-size: 12px;
9056    padding: 5px 0px;
9057    /* border-top: solid 1px #f8f8f8; */
9058    color: #6a6666 !important;
9059}
9060
9061#search.produx_size {
9062    display: flex !important;
9063    justify-content: space-between !important;
9064}
9065
9066
9067@media (max-width: 728px) {
9068    #main_menu_bottom .menu_bottom_ul {
9069        padding-bottom: 10px !important;
9070        z-index: 9 !important;
9071    }
9072}
9073
9074
9075#breadcrumbs a.dictionary__value_txt {
9076    font-weight: bold;
9077    color: #8a8881 !important;
9078}
9079
9080.number_couns {font-weight: bold;color: var(--darkyello);font-size: 14px !important;}
9081
9082
9083
9084.subtititle_filter:before {top:10px !important}
9085.seachFiltersMY {width: 100%;&:hover {border: solid 1px var(--darkyello);}}
9086
9087#filtersweight_content {display: none !important;
9088
9089&.active_small_fitlee{display: block !important;}}
9090
9091#filter_traits512_expand .--show-hidden.btn,
9092html body #filter_traits510_expand .--show-hidden.btn {display: none !important;}
9093
9094
9095    .f-group.filters__buttons.mt-3 .btn.--large {
9096        display: none !important;
9097    }
9098
9099#container.search_page #content #search .col-sm-4 {
9100padding: 0px;margin: 0px;
9101
9102}
9103
9104#search .d-flex {
9105    display: flex !important
9106;
9107    justify-content: space-evenly !important;
9108}
9109
9110   #layout .search_name__total {display: none !important;}
9111
9112    body #Filters #filter_traits510_content.filters__content {display: none;}
9113
9114  body  #filter_traits510_content.filters__content  {display: none !important;}
9115  body  #filter_traits510_content.filters__content.acrive_class_waga  {display: block !important;}
9116
9117    .f-group.filters__buttons.mt-3 .btn.--large.active_chekc_bnt {
9118        display: block !important;
9119    }
9120
9121    aside .filters__toggler .btn span {color: var(--darkyello) !important;}
9122
9123
9124    #filter_traits510_content .filters__item.--hidden{&:hover{
9125        background: var(--lightyellow) !important}}
9126
9127
9128    .f-group.--checkbox .f-control:checked+.f-label:before {
9129        background: #33b33b !important;
9130    }
9131
9132    /* #filter_traits512_expand .--show-hidden {display: none !important;} */
9133
9134    /* #paging_setting_top .s_paging__item.--filters.d-md-none {display: none !important;} */
9135
9136    body #baner_show_hide_filter {
9137        top: 13px !important;
9138    }
9139
9140    #difrent_year {
9141    
9142        gap:10px;
9143            justify-content: flex-start;
9144
9145
9146    }
9147
9148    #btn_yearcontent {
9149        display: flex;
9150        align-items: center;
9151        gap: 3px;
9152        margin-left: 15px;
9153        margin-bottom: 10px;
9154    }
9155
9156    #btn_year {
9157        font-weight: bold;
9158        cursor: pointer;
9159        color: var(--darkyello);
9160
9161        &:hover {
9162            text-decoration: underline;
9163        }
9164    }
9165
9166
9167
9168    /* #filter_traits510_content.filters__content.--list,
9169    #filter_traits512_content.filters__content.--list {
9170        display: block !important;
9171    } */
9172
9173    .waga_tag_6 {
9174        display: none;
9175    }
9176
9177    /* .waga_tag_6.acrive_date {
9178        display: block ;
9179    } */
9180
9181
9182    .year_box_show {
9183
9184        margin-bottom: 10px;
9185
9186        .input_wegith {
9187
9188            display: none;
9189
9190            &.acrive_date {
9191                display: flex;
9192                         justify-content: flex-start;
9193            }
9194
9195
9196        }
9197    }
9198
9199    #filter_traits510_content.filters__content.--list.--shown,
9200    #filter_traits512_content.filters__content.--list.--shown {
9201        display: flex !important;
9202    }
9203
9204
9205    #weightsubmit {
9206        display: none;
9207    }
9208
9209    #weightsubmit.active {
9210        display: block;
9211    }
9212
9213    .tags_waga h4 {
9214        margin-top: 5px;
9215        margin-bottom: 5px;
9216    }
9217
9218    .input_wegith.acrive_date {
9219        display: flex;
9220        justify-content: flex-start;
9221        gap:10px;
9222    }
9223
9224    #regange_weight {
9225
9226
9227        .input_wegith {
9228            display: flex;
9229            justify-content: space-between;
9230            padding-left: 45px;
9231
9232            span {
9233                padding-right: 10px;
9234            }
9235
9236            &::before {
9237                transform: translateX(20px);
9238            }
9239        }
9240    }
9241
9242    .input_wegith {
9243
9244        padding-left: 52px;
9245        position: relative;
9246        cursor: pointer;
9247        color: var(--darkyello);
9248        font-size: 14px;
9249        padding-top: 5px;
9250        padding-bottom: 5px;
9251        display: none;
9252
9253        &.acrive_date {
9254            display: flex;
9255        }
9256
9257        span {
9258            font-weight: normal;
9259            color:  #999;
9260            ;
9261            font-size: 14px;
9262        }
9263
9264        &:hover {
9265            background: var(--lightyellow);
9266        }
9267
9268
9269        &:hover {
9270            &::before {
9271                border: 1px solid var(--darkyello);
9272
9273            }
9274
9275            span {
9276                color: #6c6c6c;
9277            }
9278        }
9279
9280        &::before {
9281            content: '';
9282            background: #fff;
9283            border: 1px solid #c4c7c8;
9284            border-radius: 3px;
9285            text-align: center;
9286            width: 15px;
9287            height: 15px;
9288            font-size: 1.4rem;
9289            transition: border .15s, background-color .15s;
9290            position: absolute;
9291            top: 5px;
9292            transform: translateX(30px);
9293            left: 0;
9294            display: block;
9295
9296
9297        }
9298
9299        &.active {
9300            &::before {
9301                border: 1px solid green;
9302                background: url("https://www.metalelokacyjne.pl/data/include/cms/mme/icons/arrow.svg?v=1756971383580") no-repeat;
9303                background-size: contain;
9304
9305                background-color: #33b33b;
9306
9307
9308            }
9309
9310
9311        }
9312
9313    }
9314
9315
9316    .filterscilck {
9317        color: var(--darkyello);
9318
9319        position: relative;
9320
9321        &::before {
9322            content: '';
9323            content: '';
9324            background: #fff;
9325            border: 1px solid #c4c7c8;
9326            text-align: center;
9327            width: 15px;
9328            height: 15px;
9329            font-size: 1.4rem;
9330            transition: border .15s, background-color .15s;
9331            position: absolute;
9332            top: 50%;
9333            transform: translateY(-50%);
9334            left: 0;
9335            display: block;
9336            border-radius: 100%;
9337        }
9338    }
9339
9340    .filters__item:hover .f-label:before {
9341        border: 1px solid #525353;
9342    }
9343
9344    .tags_datas:hover a::before {
9345        border: 1px solid var(--darkyello) !important;
9346    }
9347
9348    .label.--discount,
9349    .label.--promo {
9350        display: none !important;
9351    }
9352
9353    #paging_setting_top {
9354        overflow: visible;
9355    }
9356
9357    .loading_filters {
9358        width: 100%;
9359        background: #fff;
9360        height: 100%;
9361        content: '';
9362
9363        display: block;
9364        position: absolute;
9365    }
9366
9367    #filter_traits69 {
9368        display: none !important;
9369    }
9370
9371
9372    /* body #Filters #filter_traits510_expand .--show-hidden {
9373        display: none !important;
9374    } */
9375
9376
9377
9378
9379    #filter_traits510_expand .--show-hidden.btn {
9380        display: none !important;
9381    }
9382
9383    /* new */
9384
9385
9386    #filter_traits510_content.filters__content.--list.--shown,
9387    #filter_traits512_content.filters__content.--list.--shown {
9388        display: flex !important;
9389        flex-direction: column-reverse;
9390    }
9391
9392
9393    #buttonLeftFiltertop .headline__after {
9394        margin-top: 0px;
9395    }
9396
9397
9398    .destow_sub_baner {
9399        display: block;
9400    }
9401
9402    .destow_sub_baner_rwd {
9403        display: none !important;
9404    }
9405
9406
9407    @media (max-width:728px) {
9408        .destow_sub_baner {
9409            display: none;
9410        }
9411
9412        .destow_sub_baner_rwd {
9413            display: block !important;
9414        }
9415    }
9416
9417    /* body #Filters #filter_traits510_expand ul {
9418        display: block !important;
9419    } */
9420
9421    #tags_constent_mainHead {
9422        display: flex;
9423        gap: 10px;
9424        align-content: flex-end;
9425        align-items: flex-end;
9426
9427        h5 {
9428            font-size: 18px !important;
9429            margin: 0px 0px !important;
9430            color: var(--darkyello);
9431            font-weight: bold !important;
9432            font-family: "Inter", sans-serif !important;
9433            z-index: 999;
9434            margin-top: 20px !important;
9435        }
9436    }
9437
9438
9439    .filters__block .filters__options button {
9440        background: #33b33b !important;
9441    }
9442
9443    .delivery_time {
9444        text-align: center !important;
9445    }
9446
9447    .quick_buy {
9448        display: none !important;
9449    }
9450
9451    .price_sellby {
9452        display: none !important;
9453    }
9454
9455    .search_name {
9456        display: flex;
9457        align-items: flex-start !important;
9458        margin: 0 0 1.5rem;
9459        align-content: flex-start !important;
9460    }
9461
9462    #Filters a:hover {
9463        background: var(--lightyellow);
9464    }
9465
9466
9467
9468    /* aside .filters__options .--show-hidden .--hide {
9469        display: block !important;
9470    } */
9471
9472    #Filters .--show-hidden.btn {
9473        border: none !important;
9474    }
9475
9476    .s_paging__display.--view {
9477        display: none !important;
9478    }
9479
9480
9481    body #baner_show_hide_filter {
9482        top: 13px !important;
9483    }
9484
9485    #paging_setting_top {
9486        overflow: visible;
9487    }
9488
9489    .loading_filters {
9490        width: 100%;
9491        background: #fff;
9492        height: 100%;
9493        content: '';
9494
9495        display: block;
9496        position: absolute;
9497    }
9498
9499    #filter_traits69 {
9500        display: none !important;
9501    }
9502
9503
9504    #filter_traits510_expand .--show-hidden {
9505        display: none !important;
9506    }
9507
9508
9509
9510
9511    #filter_traits510_content .filters__item.--hidden {
9512        display: block;
9513
9514        &:hover {
9515            background: var(--lightyellow);
9516        }
9517    }
9518
9519    /* #filter_traits510_content.filters__content.--list {
9520        display: block !important;
9521    } */
9522
9523
9524    #filter_traits510_content.acrive_class_waga {
9525        max-height: fit-content !important;
9526    }
9527
9528    #filter_traits510_content {
9529        max-height: 150px !important;
9530        overflow: hidden;
9531        margin-bottom: 20px;
9532    }
9533
9534
9535    #filter_traits510_content.filters__content.--list {
9536        display: none;
9537    }
9538
9539    #filter_traits510_content.filters__content.--list.--shown {
9540        display: block;
9541    }
9542
9543    #more_reads_info_filtres {
9544        font-weight: bold;
9545        padding-left: 10px;
9546        color: var(--darkyello);
9547        cursor: pointer;
9548        position: sticky;
9549        top: 20px;
9550        z-index: 999;
9551        background: #fff;
9552    }
9553
9554    #more_reads_info_filtres:hover {
9555        text-decoration: underline;
9556    }
9557
9558    .option_price-a a,
9559    .option_price-d a {
9560        position: relative;
9561        padding-left: 40px !important;
9562    }
9563
9564
9565    .option_price-a a::before,
9566    .option_price-d a::before {
9567
9568        content: '';
9569        width: 30px;
9570        height: 10px;
9571        position: absolute;
9572        background: url("https://www.metalelokacyjne.pl/data/include/cms/mme/wykres/dacaca.svg?v=1745935118671") no-repeat;
9573        display: block;
9574        position: absolute;
9575        top: 13px;
9576        left: 10px;
9577    }
9578
9579    .option_price-d a::before {
9580
9581        background: url("https://www.metalelokacyjne.pl/data/include/cms/mme/wykres/a.svg?v=1745935118671") no-repeat;
9582    }
9583
9584    .loading_filters {
9585        background: red !important;
9586    }
9587
9588    .data_tags::-webkit-scrollbar {
9589        width: 5px;
9590        height: 5px;
9591        border-radius: 10px;
9592        background: #fff;
9593    }
9594
9595
9596    #container #layout:before {
9597        top: 400px !important;
9598        bottom: 0px !important;
9599    }
9600
9601
9602    #layout .loading_before {
9603        animation-name: text_tranalator;
9604        animation-duration: 0.3s;
9605        animation-delay: 0s;
9606
9607        height: 100%;
9608
9609        display: inline-block;
9610        border-radius: 10px;
9611        overflow: hidden;
9612        position: relative;
9613        display: flex;
9614        border-radius: 25px !important;
9615        border: none !important;
9616
9617        &:before {
9618            top: 20px !important;
9619        }
9620
9621        &:after {
9622            content: '';
9623            display: block;
9624            width: 100%;
9625            height: 100%;
9626            background: linear-gradient(45deg, transparent, var(--loding), transparent);
9627            background-size: 50% 100%;
9628            animation: loading .9s infinite ease-in;
9629            top: 0px !important;
9630            left: 0px !important;
9631            position: absolute;
9632            /* background-position: -200% 100%; */
9633        }
9634    }
9635
9636
9637    html body .search_categoriesdescription_next:not(.expanded)>* {
9638        display: block !important;
9639    }
9640
9641
9642    .filters__item::after .--quantity.d-none {
9643        content: '';
9644        display: block;
9645        width: 10px;
9646        height: 10px;
9647        position: absolute;
9648        right: -10px;
9649        border: solid 1px red;
9650
9651    }
9652
9653    .filters__item.mb-2.--hidden {
9654        color: red;
9655    }
9656
9657    .search_categoriesdescription_next p {
9658        display: inline-block !important;
9659    }
9660
9661    .search_categoriesdescription_next a {
9662        display: inline-block !important;
9663        font-weight: bold !important;
9664        color: var(--darkyello);
9665    }
9666
9667    .--quantity.d-none {
9668        display: inline !important;
9669        color: red !important;
9670    }
9671
9672
9673    .btn {
9674        font-family: "Inter", sans-serif !important;
9675    }
9676
9677    .data_tags::-webkit-scrollbar-thumb:hover {
9678        background: var(--darkyello);
9679    }
9680
9681    .data_tags::-webkit-scrollbar-thumb {
9682        background: #ccc;
9683        border-radius: 10px;
9684        box-shadow: inset 0 0 5px grey;
9685    }
9686
9687    .data_tags::-webkit-scrollbar-track {
9688        background: #fff;
9689        border-radius: 10px;
9690        box-shadow: inset 0 0 5px grey;
9691    }
9692
9693
9694    #przed_premiero_box {
9695        background: var(--lightyellow);
9696        text-align: left;
9697        padding: 20px;
9698        color: var(--darkyello);
9699        border-radius: 10px;
9700        overflow: hidden;
9701        position: relative;
9702        min-height: 250px;
9703        margin-bottom: 10px;
9704        text-align: center;
9705
9706        .btn_box {
9707            position: relative !important;
9708            z-index: 999;
9709            right: auto !important;
9710            margin-top: 20px;
9711        }
9712
9713        p {
9714            letter-spacing: 10px;
9715            font-size: 12px;
9716            color: var(--darkyello);
9717            text-align: left;
9718        }
9719
9720        & h3 {
9721            font-size: 15px;
9722            color: var(--darkyello);
9723            text-align: left;
9724        }
9725
9726        & .moneta_obranica img {
9727            animation: rotatecoins 55s linear infinite;
9728            position: absolute;
9729            bottom: -60%;
9730            left: 0%;
9731        }
9732    }
9733
9734    #paging_setting_top .--order {
9735        display: none;
9736        padding: 0px;
9737        margin: 0px;
9738    }
9739
9740    #filter_list {
9741        margin-bottom: 1rem;
9742        position: sticky;
9743        top: 70px;
9744        z-index: 9;
9745        display: flex;
9746        gap: 10px;
9747        align-items: center;
9748        justify-content: space-between;
9749        margin-top: 0px !important;
9750    }
9751
9752
9753
9754
9755
9756    #menu_categories2 {
9757        display: none !important;
9758    }
9759
9760    .f-dropdown .f-dropdown-menu a:hover,
9761    .f-dropdown .f-dropdown-menu a.selected,
9762    .f-dropdown .f-dropdown-menu a.--selected {
9763        background-color: var(--lightyellow) !important;
9764        border-radius: 10px;
9765    }
9766
9767    #Filters {
9768        border: solid 1px #efefef !important;
9769
9770
9771        #filtersweight_content {
9772
9773            /* position: relative; */
9774            top: 0px;
9775            display: flex;
9776            gap: 10px;
9777            margin-top: 10px;
9778
9779            span {
9780                font-size: 14px;
9781                color: var(--darkyello);
9782                display: inline-block;
9783                font-weight: bold;
9784                cursor: pointer;
9785                padding: 2px 5px;
9786                border: solid 1px #ccc;
9787                border-radius: 5px;
9788
9789                &::before {
9790                    content: '';
9791                    border-radius: 100%;
9792                    width: 12px;
9793                    height: 12px;
9794                    display: inline-block;
9795                    background-size: contain;
9796                    margin-right: 5px;
9797                    position: relative;
9798                    top: 0px;
9799                    border: solid 1px #ccc;
9800                }
9801
9802
9803                &:hover {
9804                    background: var(--twocolor);
9805                }
9806
9807                &.active {
9808                    background: var(--twocolor);
9809
9810                    &::before {
9811                        border: solid 1px green;
9812
9813                        background-color: #33b33b;
9814                    }
9815
9816                }
9817            }
9818
9819        }
9820
9821
9822        #filtersweight_content {
9823
9824            /* position: relative;
9825            top: -20px; */
9826            display: flex;
9827            gap: 10px;
9828
9829            span {
9830                font-size: 14px;
9831                color: var(--darkyello);
9832                display: inline-block;
9833                font-weight: bold;
9834                cursor: pointer;
9835                padding: 2px 5px;
9836
9837                &:hover {
9838                    background: var(--lightyellow);
9839                }
9840
9841                &.active {
9842                    background: var(--lightyellow);
9843                }
9844            }
9845
9846        }
9847
9848
9849
9850        #myInputseacrchMennica,
9851        #search_series {
9852            width: 100%;
9853            border: solid 1px #ccc;
9854
9855            &:hover {
9856                border: solid 1px var(--darkyello);
9857            }
9858        }
9859
9860        border-right: solid 1px #e3e3e3;
9861        padding-top: 0px;
9862        padding-right: 10px;
9863        padding-bottom: 500px;
9864
9865        .filters__block {
9866            border-top: solid 1px #ededed;
9867            border-bottom: solid 1px #ededed !important;
9868        }
9869
9870
9871        &::-webkit-scrollbar {
9872            width: 5px;
9873            border-radius: 10px;
9874            background: #fff;
9875        }
9876
9877        &::-webkit-scrollbar-track {
9878            background: #fff;
9879            border-radius: 10px;
9880            box-shadow: inset 0 0 5px var(--darkyello);
9881        }
9882
9883        &::-webkit-scrollbar-thumb {
9884            background: var(--darkyello);
9885            border-radius: 10px;
9886            box-shadow: inset 0 0 5px var(--darkyello);
9887        }
9888
9889        &::-webkit-scrollbar-thumb:hover {
9890            background: var(--darkyello);
9891        }
9892
9893        .--show-hidden {
9894            padding-left: 30px !important;
9895            font-weight: bold;
9896            margin-bottom: 10px;
9897        }
9898
9899        button {
9900            color: #fff !important;
9901
9902            background: #33b33b;
9903
9904            width: 100%;
9905            padding: 10px 0px !important;
9906            border-radius: 3px;
9907            font-family: "Inter", sans-serif !important;
9908
9909            margin-bottom: 0px;
9910
9911            &:hover {
9912                background: #04863e;
9913                text-decoration: none;
9914            }
9915
9916
9917
9918            &.--large {
9919                color: #fff !important;
9920
9921
9922                top: auto;
9923                bottom: 50px;
9924                width: 320px;
9925                height: 40px;
9926
9927
9928                &.active_chekc_bnt {
9929
9930                    position: fixed;
9931
9932                }
9933
9934                &.dis_active_chekc_bnt {
9935                    position: static;
9936                }
9937
9938            }
9939
9940        }
9941
9942        .f-label {
9943            padding: 6px 0px;
9944            width: 100%;
9945        }
9946
9947        a {
9948            color: var(--darkyello);
9949            width: 100%;
9950            text-align: left;
9951
9952            font-family: "Inter", sans-serif !important;
9953
9954
9955        }
9956
9957        #myInputseacrch {
9958            width: 100%;
9959            margin-bottom: 10px;
9960            border: solid 1px #ccc;
9961            margin-top: 10px;
9962
9963            &:hover {
9964                border: solid 1px var(--darkyello);
9965            }
9966        }
9967
9968        .product__icon {
9969            img {
9970                max-height: 23rem !important;
9971            }
9972        }
9973
9974        .mb-2,
9975        .my-2 {
9976            margin-bottom: 0px !important;
9977        }
9978
9979        .filters__block.mb-1 {
9980            border-top: solid 0px #ccc;
9981            margin: 0px 0px !important;
9982        }
9983
9984        .data_tags {
9985            flex-direction: column;
9986            padding: 5px 0px 0px 20px !important;
9987
9988            white-space: nowrap;
9989            text-align: left;
9990            width: 100%;
9991            position: relative;
9992            left: -30px;
9993            display: flex !important;
9994            flex-direction: column;
9995            border-radius: 3px;
9996            padding: 2px 5px;
9997
9998
9999            .tags_datas {
10000
10001                text-align: center;
10002                display: none;
10003                font-size: 15px;
10004                font-weight: bold;
10005
10006
10007                display: none;
10008
10009                &.acrive_date {
10010                    display: flex;
10011                    align-items: center;
10012                    flex-direction: row;
10013                    gap: 6px;
10014                                        justify-content: flex-start;
10015        gap: 10px;
10016
10017                    padding: 3px 0px 3px 30px;
10018                    color: #007434;
10019                    font-size: 12px;
10020
10021                    a {
10022                        color: #333 !important;
10023                    }
10024
10025                    &:hover {
10026                        background: var(--lightyellow);
10027                        color: var(--darkyello);
10028                    }
10029                }
10030
10031                a {
10032                    font-size: 15px;
10033                    font-weight: 400;
10034                    padding: 3px 0px;
10035
10036                    padding: 0px 30px !important;
10037                    display: block;
10038                    white-space: nowrap;
10039                    text-align: left;
10040                    width: 100%;
10041                    position: relative;
10042                    left: -20px;
10043                    margin-right: 0px;
10044
10045                    span {
10046                        font-size: 11px;
10047                    }
10048                }
10049
10050                .filters__item span {
10051                    font-size: 16px;
10052                    font-weight: 400;
10053                    padding: 3px 0px;
10054                }
10055            }
10056
10057            img {
10058                width: 15px;
10059                height: 15px;
10060            }
10061
10062
10063        }
10064
10065        .filters__toggler {
10066            margin: 0px;
10067            padding: 0px;
10068
10069            .btn {
10070                padding-left: 22px;
10071                font-weight: 500;
10072                font-size: 16px;
10073                font-family: "Inter", sans-serif !important;
10074
10075                &:hover {
10076                    background: var(--lightyellow);
10077                    margin: 0px;
10078                }
10079            }
10080
10081            span {
10082                text-transform: math-auto;
10083                font-weight: 600;
10084                font-size: 16px;
10085            }
10086        }
10087
10088        #see_all_filters {
10089            text-align: center;
10090            padding: 10px;
10091            font-weight: bold;
10092            color: var(--darkyello);
10093            border: solid 1px #ccc;
10094            cursor: pointer;
10095            margin-bottom: 20px;
10096            border-radius: 5px;
10097            background: url("https://www.metalmarket.eu/data/include/cms/metal_market/filters_main.svg?v=1734446479694") no-repeat;
10098
10099            background-size: 10%;
10100
10101            background-position: 10px center;
10102
10103            &:hover {
10104                background: url("https://www.metalmarket.eu/data/include/cms/metal_market/filters_main.svg?v=1734446479694") no-repeat;
10105                background-color: var(--lightyellow);
10106                background-size: 10%;
10107
10108                background-position: 10px center;
10109            }
10110        }
10111
10112        .filters__content {
10113            padding-left: 10px;
10114
10115            li {
10116                padding: 0px 0px;
10117                padding-left: 10px;
10118
10119                &:hover {
10120                    background: var(--lightyellow);
10121                }
10122
10123                .--name {
10124                    font-size: 14px;
10125                    color: var(--darkyello);
10126                    padding-left: 20px;
10127                }
10128            }
10129        }
10130
10131        .head_filter {
10132              color: var(--colorfott);
10133        font-size: 1.5rem;
10134        padding-left: 10px;
10135        padding: 10px 0px 10px 10px;
10136        font-weight: bold;
10137        border-bottom: solid 0px var(--darkyello);
10138        padding-left: 20px;
10139        font-size: 16px;
10140        }
10141
10142        .lastseebnt {
10143            font-weight: bold;
10144            font-size: 14px;
10145            width: 90%;
10146            border-top: solid 1px #ccc;
10147            border-bottom: solid 1px #ccc;
10148            border-radius: 0px;
10149            padding: 10px 10px;
10150            font-size: 11px;
10151            background: #fff;
10152
10153            &:hover {
10154                border-top: solid 1px var(--darkyello);
10155                border-bottom: solid 1px var(--darkyello);
10156                transition: all 1s;
10157                background: #fff;
10158            }
10159        }
10160
10161
10162        @media (max-width: 1360px) {
10163
10164            padding-bottom: 100px !important;
10165            overflow-y: auto !important;
10166            position: static !important;
10167
10168        }
10169
10170
10171        @media (max-width: 1070px) {
10172
10173
10174            & .data_tags {
10175                & .tags_datas {
10176                    a {
10177                        font-size: 17px;
10178                        font-weight: 400;
10179
10180                        padding: 0px 30px !important;
10181                        display: block;
10182                        white-space: nowrap;
10183                        text-align: left;
10184                        width: 100%;
10185                        position: relative;
10186                        left: -20px;
10187                    }
10188                }
10189            }
10190
10191            & .filters__content {
10192
10193                li {
10194                    padding: px 0px;
10195                    padding-left: 10px;
10196                    margin: 0px 0px;
10197
10198                    label {
10199                        padding: 10px 0px;
10200                    }
10201
10202                    .--name {
10203                        font-size: 16px;
10204                        color: var(--darkyello);
10205                        padding-left: 23px;
10206                    }
10207                }
10208            }
10209        }
10210
10211
10212    }
10213
10214
10215
10216
10217    #paging_setting_top {
10218        position: relative;
10219
10220        li {
10221            border: none !important;
10222            border-radius: 2px;
10223        }
10224
10225        .f-dropdown {
10226            position: absolute;
10227            top: 0px;
10228        }
10229
10230        @media (max-width: 1070px) {
10231            .f-dropdown {
10232                position: static;
10233            }
10234        }
10235    }
10236
10237    #paging_setting_top {
10238        li {
10239            a {
10240                font-weight: bold;
10241                font-size: 14px !important;
10242                color: var(--darkyello);
10243                border-radius: 10px;
10244            }
10245        }
10246    }
10247
10248    /* produkt search */
10249
10250    #search.products {
10251
10252
10253
10254        align-items: flex-start !important;
10255
10256        .promo,
10257        .label.--promo {
10258            position: absolute;
10259            white-space: nowrap;
10260            top: 0px;
10261            display: none !important;
10262        }
10263
10264        & .product {
10265            .label_icons {
10266                position: static;
10267                width: 0px !important;
10268            }
10269
10270            .spot-add {
10271                font-size: 12px !important;
10272                font-weight: bold !important;
10273                margin-top: 3px !important;
10274                color: #03a84e !important;
10275                padding: 0px;
10276            }
10277
10278            img {
10279                mix-blend-mode: darken !important;
10280                max-height: 21.2rem !important;
10281            }
10282
10283            &:hover {
10284                border: 0px solid #c4c7c841;
10285                background: var(--lightyellow) !important;
10286                box-shadow: 0 0 0px -2px rgb(0 0 0 / 50%) !important;
10287
10288            }
10289        }
10290
10291        @media (max-width:1070px) {
10292
10293
10294            &.d-flex {
10295
10296                gap: 0px !important;
10297                row-gap: 10px !important;
10298
10299            }
10300
10301
10302            .product__icon {
10303                height: 19.2rem;
10304            }
10305
10306            .product {
10307                padding: 10px 0px;
10308                flex: 0 0 51.33333% !important;
10309                max-width: 46.33333% !important;
10310                background: var(--lightyellow);
10311                margin: 6px;
10312                padding-bottom: 0px !important;
10313                padding-top: 0px !important;
10314
10315                img {
10316                    transform: scale(.9);
10317                }
10318
10319
10320            }
10321
10322            .label_icons {
10323                position: absolute !important;
10324            }
10325        }
10326
10327    }
10328
10329    .s_paging__item.--filters .btn.--large.--solid {
10330        color: var(--darkyello) !important;
10331        padding: 14px !important;
10332        background: url(/data/include/cms/metal_market/filters_main.svg?v=1734446479694) 13px center no-repeat !important;
10333        background-color: #fff !important;
10334        background-size: 18% !important;
10335        text-align: left;
10336        padding-left: 48px !important;
10337        border: none !important;
10338        display: inline-block;
10339        width: auto;
10340    }
10341
10342    #projector_productname .label.--new:after {
10343        display: none;
10344    }
10345
10346    #content #projector_productname .product_name__sub .label.--new {
10347        position: static;
10348        left: -180%;
10349        top: 30px;
10350        z-index: 0 !important;
10351        background: url("/data/include/cms/metal_market/icon/premier_two.svg?v=1720511959340") no-repeat;
10352        background-size: contain;
10353        width: 90px;
10354        height: 50px;
10355        text-indent: -999px;
10356        overflow: hidden;
10357    }
10358
10359    .label.--new:after {
10360        content: "";
10361        background: url(/data/include/cms/metal_market/icon/premier_two.svg?v=1720511959340) no-repeat;
10362        display: block;
10363        width: 50px;
10364        height: 40px;
10365        position: absolute;
10366        z-index: 1;
10367        left: 0px !important;
10368        background-size: contain;
10369        right: 0px;
10370        left: auto;
10371        top: 0px;
10372    }
10373
10374    .label.--bestseller:after {
10375        content: "";
10376        background: url("/data/include/cms/metal_market/icon/bestseler_icon_two.svg?v=1720454189780") no-repeat;
10377        display: block;
10378        width: 50px;
10379        height: 50px;
10380        position: absolute;
10381        z-index: 1;
10382        right: 0px;
10383        left: 0px;
10384        background-size: 100%;
10385        top: 200px;
10386    }
10387
10388    .label.--new,
10389    .label.--bestseller {
10390        text-indent: -999px;
10391        background: none;
10392        overflow: hidden;
10393    }
10394
10395    #paging_setting_top .f-dropdown-menu {
10396        height: 50px;
10397    }
10398
10399    #paging_setting_top #select_top_sort {
10400        display: none;
10401    }
10402
10403    #paging_setting_top .--small-md .s_paging__select-select {
10404        display: none !important;
10405    }
10406
10407    #paging_setting_top .s_paging__item {
10408        width: 100%;
10409    }
10410
10411    #paging_setting_top .f-group.--small-md .f-control {
10412        display: none;
10413    }
10414
10415    #paging_setting_top .f-dropdown.--open .f-dropdown-menu {
10416        display: flex;
10417    }
10418
10419    .f-dropdown-li.option_date-a {
10420        display: none !important;
10421    }
10422
10423    #paging_setting_top .f-dropdown.--small-md .f-dropdown-menu {
10424        display: grid;
10425        border: none;
10426        background: none;
10427        font-weight: bold;
10428        position: static;
10429        white-space: nowrap;
10430        justify-content: start;
10431        grid-template-columns: repeat(6, 1fr);
10432        text-align: left;
10433        justify-items: left;
10434        max-width: 70%;
10435    }
10436
10437    @media (max-width:1070px) {
10438
10439
10440        #paging_setting_top .f-dropdown.--small-md .f-dropdown-menu {
10441            max-width: 100%;
10442
10443
10444        }
10445
10446        #paging_setting_top .f-dropdown.--small-md .f-dropdown-menu>li {
10447
10448
10449
10450            scroll-snap-align: center;
10451            scroll-snap-type: x proximity;
10452        }
10453    }
10454
10455
10456    .f-dropdown-li.option_name-d {
10457        grid-area: 1/5;
10458    }
10459
10460    .f-dropdown-li.option_name-a {
10461        grid-area: 1/6;
10462    }
10463
10464    #paging_setting_top ul.pagination.s_paging__item {
10465        display: none !important;
10466        padding: 0px !important;
10467    }
10468
10469
10470
10471    #select_top_sort {
10472        display: none !important;
10473    }
10474
10475    .f-group.--checkbox.--small .f-label:before {
10476        border-radius: 1px;
10477
10478
10479
10480    }
10481
10482    .f-group.--checkbox.--small .f-label:hover:before {
10483
10484        border: 1px solid var(--darkyello);
10485        /* background: red; */
10486    }
10487
10488    .data_tags input[type="checkbox"] {
10489        position: relative;
10490        pointer-events: none;
10491        opacity: 0.5;
10492    }
10493
10494    #show_info {
10495        color: var(--darkyello);
10496        font-weight: normal;
10497        margin-bottom: 10px;
10498        font-size: 12px;
10499    }
10500
10501    #show_info {
10502        color: #a4172b;
10503    }
10504
10505    #fast_fiters_txt {
10506        position: relative;
10507        top: -20px;
10508        color: var(--darkyello);
10509        font-size: 12px !important;
10510    }
10511
10512    .filters__expand.acrive_class_waga {
10513        display: block !important;
10514    }
10515
10516
10517
10518
10519    #filter_price_expand button {
10520        color: #fff !important;
10521        padding: 7px 10px !important;
10522        display: block;
10523        background: #03a84e;
10524        border-radius: 5px;
10525    }
10526
10527    #filter_price_expand button:hover {
10528        color: #c68e51;
10529        background: #f5f6fa;
10530        background: #037a39;
10531    }
10532
10533    #filter_price_expand label:hover {
10534        border: solid 1px var(--darkyello);
10535    }
10536
10537    ul#filter_traits512_content {
10538        display: flex;
10539        flex-wrap: wrap;
10540        flex-direction: column;
10541    }
10542
10543    .bg_alter>li {
10544        margin: 25px 0px;
10545    }
10546
10547    a.activeMain.activeUnShow {
10548        display: flex;
10549        align-items: flex-start;
10550        justify-items: center;
10551        justify-content: flex-start;
10552    }
10553
10554    .all_walory {
10555        font-size: 14px;
10556        display: block;
10557    }
10558
10559    .walory_all {
10560        margin-bottom: 10px;
10561    }
10562
10563    aside .filters__options {
10564        display: block !important;
10565        align-items: left !important;
10566        justify-content: space-between;
10567        position: relative;
10568        flex-direction: column-reverse;
10569        align-content: flex-start;
10570    }
10571
10572
10573
10574
10575    #filter_price_expand button {
10576        display: none;
10577    }
10578
10579    #filter_price_expand button.show_price_list {
10580        display: block;
10581    }
10582
10583    .dele_oldfilters {
10584        display: none !important;
10585    }
10586
10587    #search_weight {
10588        width: 100%;
10589        margin-top: 10px;
10590        margin-bottom: 10px;
10591    }
10592
10593    #search_weight:hover {
10594        border: solid 1px var(--darkyello);
10595    }
10596
10597
10598
10599    .f-group.--small-md .f-control span {
10600        color: var(--darkyello) !important;
10601    }
10602
10603    #content .product__shippingTime {
10604        display: block !important;
10605    }
10606
10607    #content .tags_constent_main#proof_mian_cont.deactive {
10608        display: none !important;
10609    }
10610
10611    #filter_traits512_content {
10612        display: flex;
10613        flex-direction: column-reverse;
10614    }
10615
10616
10617    #proof_mian_cont h4:after {
10618        display: none;
10619    }
10620
10621    .search_description.--skeleton {
10622        max-height: 210px;
10623        background: none !important;
10624    }
10625
10626    #proffo_bnt {
10627        color: var(--darkyello);
10628    }
10629
10630    .f-group.--small-md .f-control {
10631        padding: 20px 30px !important;
10632        border: solid 1px var(--darkyello) !important;
10633        display: flex;
10634        align-items: center;
10635        border-radius: 2px;
10636        font-weight: bold;
10637        color: var(--darkyello);
10638        padding-top: -10px;
10639        padding-right: 49px !important;
10640        font-size: 14px;
10641    }
10642
10643
10644    .s_paging__item {
10645        padding: 0px !important;
10646    }
10647
10648    #paging_setting_bottom .f-dropdown {
10649        display: none;
10650    }
10651
10652    .s_paging__item.--sort {
10653        display: block !important;
10654    }
10655
10656    .f-group.--small-md .f-control span {
10657        display: block;
10658    }
10659
10660    .pagination__link a {
10661        font-size: 12px !important;
10662    }
10663
10664
10665
10666    .search_name__total {
10667        display: none;
10668    }
10669
10670    .search_name {
10671        display: flex;
10672        align-items: flex-start;
10673        flex-direction: column;
10674    }
10675
10676    .search_description {
10677        margin-bottom: 30px;
10678        color: var(--darkyello);
10679
10680    }
10681
10682    .tags_datas {
10683        position: relative;
10684        margin-left: 10px;
10685    }
10686
10687    .tags_datas.stop_tag {
10688        display: block;
10689    }
10690
10691    .tags_datas img {
10692        display: none !important;
10693    }
10694
10695    /* .tags_datas::before {
10696        content: '';
10697  
10698        border: 1px solid #c4c7c8;
10699        text-align: center;
10700        width: 14px;
10701        height: 14px;
10702        font-size: 1.4rem;
10703        transition: border .15s, background-color .15s;
10704        position: absolute;
10705        top: 50%;
10706        transform: translateY(-50%);
10707        left: 20px;
10708        display: block !important;
10709        border-radius: 100%;
10710
10711
10712    } */
10713
10714
10715
10716    .tags_datas a::before {
10717        border: 1px solid #000;
10718        content: '';
10719        /* background: #fff; */
10720        border: 1px solid #c4c7c8;
10721        text-align: center;
10722        width: 14px;
10723        height: 14px;
10724        font-size: 1.4rem;
10725        transition: border .15s, background-color .15s;
10726        position: absolute;
10727        top: 50%;
10728        transform: translateY(-50%);
10729        left: 6px;
10730        display: block !important;
10731        border-radius: 100%;
10732    }
10733
10734
10735    .tags_datas:hover a::before {
10736        border: 1px solid var(--darkyello) !important;
10737        /* display: block !important;
10738        content: '';
10739        border: 1px solid #c4c7c8;
10740        text-align: center;
10741        width: 15px;
10742        height: 15px;
10743        font-size: 1.4rem;
10744        transition: border .15s, background-color .15s;
10745        position: absolute;
10746        top: 50%;
10747        transform: translateY(-50%);
10748        left: 20px;
10749        display: block !important;
10750        border-radius: 100%; */
10751    }
10752
10753
10754    .waga_tag {
10755        display: none;
10756    }
10757
10758    .waga_tag.acrive_date {
10759        display: block;
10760    }
10761
10762    #waga_filter {
10763        margin-top: 10px;
10764        font-weight: bold;
10765    }
10766
10767    #waga_filter:hover {
10768        text-decoration: underline;
10769        cursor: pointer;
10770    }
10771
10772    #content .tags_constent_main {
10773        max-width: 45%;
10774        display: inline-flex !important;
10775        align-items: flex-end;
10776        justify-content: center;
10777        position: relative;
10778    }
10779
10780
10781
10782
10783    #list_coins .box_coins {
10784        position: relative;
10785        border: solid 1px #ccc;
10786        padding: 2px 10px;
10787        flex: 20%;
10788        max-width: 100%;
10789    }
10790
10791    .serie_all_btn a {
10792        font-weight: bold;
10793        color: var(--darkyello);
10794    }
10795
10796    #content .tags_constent_main .data_tags a {
10797        padding: 15px 15px !important;
10798        display: block;
10799    }
10800
10801    .f-dropdown .f-dropdown-menu {
10802        box-shadow: none !important;
10803        border: solid 2px #000;
10804        background: #fff;
10805        top: calc(100% + -5px) !important;
10806        left: 5px;
10807    }
10808
10809    .f-dropdown-menu li {
10810        border-bottom: solid 1px #ccc;
10811        padding: 0px 3px;
10812        display: block;
10813        font-size: 12px;
10814        text-align: left;
10815        font-size: 13px;
10816        font-weight: normal !important;
10817    }
10818
10819    .f-group.--small-md .f-control:hover {
10820        outline: 2px solid var(--darkyello) !important;
10821        outline-offset: -2px !important;
10822    }
10823
10824    .f-dropdown-button b {
10825        font-weight: bold !important;
10826    }
10827
10828    .f-dropdown .f-dropdown-menu a:hover {
10829        background: var(--lightyellow) !important;
10830    }
10831
10832    .f-dropdown-menu li a {
10833        padding: 13px 3px;
10834    }
10835
10836
10837
10838    #content #paging_setting_top {
10839        margin-bottom: 0px;
10840    }
10841
10842
10843
10844    @media (max-width: 1070px) {
10845        .search_name .search_name__total {
10846            display: none !important;
10847        }
10848
10849        #myInputseacrch {
10850            margin-left: 10px !important;
10851        }
10852
10853        #Filters.filters .filters__item {
10854            padding-left: 10px !important;
10855        }
10856
10857        .active_chekc_bnt {
10858            position: static !important;
10859        }
10860
10861        #Filters .--large {
10862            width: 100% !important;
10863        }
10864
10865        &.dis_active_chekc_bnt .commercial_banner {
10866            padding: 0px 10px !important;
10867        }
10868
10869        #myInputseacrch {
10870            width: 100%;
10871            padding: 25px 20px;
10872        }
10873
10874        #paging_setting_top .f-dropdown.--small-md .f-dropdown-menu:hover {
10875            overflow-x: scroll;
10876        }
10877
10878
10879        #content .data_tags {
10880            position: sticky;
10881            top: 45px;
10882            left: 0%;
10883            width: auto;
10884        }
10885
10886
10887
10888        .filters__options button {
10889            display: none;
10890        }
10891
10892        .s_paging__item.--filters .btn.--large.--solid {
10893            color: var(--darkyello) !important;
10894            padding: 14px !important;
10895            background: url(/data/include/cms/metal_market/filters_main.svg?v=1734446479694) 13px center no-repeat !important;
10896            background-color: #fff !important;
10897            background-size: 18% !important;
10898            text-align: left;
10899            padding-left: 48px !important;
10900            border: none !important;
10901
10902            display: inline-block;
10903            width: auto;
10904        }
10905
10906        #paging_setting_top .s_paging__item.--filters {
10907            display: flex !important;
10908            justify-content: flex-end !important;
10909            position: absolute;
10910            top: 20px;
10911        }
10912
10913        #Filters:hover {
10914            overflow-y: hidden !important;
10915        }
10916
10917        .search_description {
10918            margin-bottom: 30px;
10919            color: var(--darkyello);
10920
10921        }
10922
10923        #content .tags_constent_main h4 {
10924            padding: 10px 15px !important;
10925
10926            display: inline-block;
10927            align-items: center;
10928            display: flex;
10929            align-items: baseline;
10930            flex-wrap: nowrap;
10931            flex-direction: row;
10932            font-size: 14px;
10933            text-align: center;
10934        }
10935
10936        .search_name {
10937            display: block !important;
10938            align-items: flex-start;
10939        }
10940
10941        #Filters .filters_options {
10942            margin-top: 20px;
10943        }
10944
10945        div#ifilters {
10946            overflow-x: scroll;
10947            width: 100%;
10948            display: flex;
10949            padding-bottom: 20px;
10950        }
10951
10952        #Filters a {
10953            color: var(--darkyello);
10954            text-align: left;
10955        }
10956
10957
10958        #Filters a:hover {
10959            background: var(--lightyellow);
10960        }
10961
10962        #fast_fiters_txt {
10963            top: 0px;
10964        }
10965
10966        .f-group {
10967            padding: 0px 0px;
10968            padding-left: 0px;
10969        }
10970
10971        .filters_open .filters__buttons {
10972            transition: right 200ms ease 200ms;
10973            right: 0;
10974            margin-bottom: 40px;
10975        }
10976
10977        .f-group.filters__buttons.mt-3 {
10978            margin-bottom: 10px;
10979        }
10980
10981        aside .filters__options .--submit,
10982        aside .filters__options .--show-hidden {
10983            font-size: 15px;
10984        }
10985    }
10986
10987    #filter_traits510_content.filters__content.--list {
10988        overflow: hidden !important;
10989    }
10990
10991    #filter_traits510_content.filters__content.--list.--shown.acrive_class_waga {
10992        overflow: visible !important;
10993    }
10994
10995
10996    #more_reads_info_filtres,
10997    #more_reads_info_filtresYear {
10998        font-weight: bold;
10999        padding-left: 10px;
11000        color: var(--darkyello);
11001        cursor: pointer;
11002        position: sticky;
11003        top: 10px;
11004        display: block;
11005        background: #fff;
11006        padding: 10px;
11007        padding-bottom: 0px;
11008        margin-top: 0px;
11009        z-index: 999;
11010        margin-bottom: 10px;
11011    }
11012
11013    #more_reads_info_filtresYear:hover {
11014        text-decoration: underline;
11015    }
11016
11017    .filters__content.--shown {
11018        overflow: visible;
11019    }
11020
11021    #filter_traits510_content.acrive_class_waga,
11022    #filter_traits512_content.acrive_class_waga {
11023        max-height: fit-content !important;
11024    }
11025
11026    /* #filter_traits510_content,
11027    #filter_traits512_content {
11028        max-height: 150px;
11029        overflow: hidden;
11030        margin-bottom: 20px;
11031    } */
11032
11033    /* #filter_traits512_content {
11034        max-height: 70px;
11035    } */
11036
11037    /* #filter_traits510_content,
11038    #filter_traits512_content {
11039        max-height: 150px;
11040        overflow: hidden;
11041        margin-bottom: 20px;
11042    } */
11043
11044/* 
11045    #filter_traits510_content.filters__content.--list,
11046    #filter_traits512_content.filters__content.--list {
11047        display: none;
11048    }
11049
11050    #filter_traits510_content.filters__content.--list.--shown,
11051    #filter_traits512_content.filters__content.--list.--shown {
11052        display: block;
11053    } */
11054
11055    #btn_filtsrs {
11056        display: none !important;
11057    }
11058
11059    #paging_setting_top .f-dropdown-menu {
11060        display: grid !important;
11061    }
11062
11063    #paging_setting_top .f-dropdown-menu li {
11064        max-width: 100%;
11065    }
11066
11067    @media (max-width: 768px) {
11068
11069        #Filters {
11070            border: none !important;
11071        }
11072
11073        /* #filter_list {padding-left:140px ;} */
11074        #paging_setting_top {
11075            position: relative;
11076        }
11077
11078        #btn_filtsrs {
11079
11080            display: block !important;
11081            color: var(--darkyello);
11082            font-weight: bold;
11083            font-size: 1.5rem;
11084            background: url(https://www.metalelokacyjne.pl/data/include/cms/metal_market/sortowanie.svg?v=1747137596360) no-repeat left center;
11085            padding-left: 40px;
11086            background-size: 30px;
11087            position: absolute;
11088            top: 34px;
11089            left: 0px;
11090            z-index: 999;
11091        }
11092
11093        #paging_setting_top .f-dropdown-menu {
11094            display: none !important;
11095        }
11096
11097
11098
11099        #paging_setting_top .f-dropdown-menu.acrive_class_filttres {
11100
11101
11102            display: block !important;
11103            position: absolute !important;
11104            background: #fff !important;
11105            overflow: visible !important;
11106            height: fit-content;
11107            top: 70px !important;
11108            z-index: 9999;
11109            padding-bottom: 50px;
11110            animation-name: anmacjaOpacity;
11111            animation-duration: .5s;
11112
11113        }
11114    }
11115@media (max-width: 1070px) {
11116
11117
11118div#head_belka_fiex {
11119    height: 10px;
11120}
11121
11122    #tags_constent_mainHead {
11123        display: flex;
11124        gap: 10px;
11125        align-content: flex-end;
11126        align-items: flex-end;
11127        position: absolute;
11128        z-index: 99;
11129        top: 29px !important;
11130    }
11131}
11132
11133
11134
11135</style></div><div class="menu_button_wrapper">
11135<script>
11136  
11137  const getLangMain = document.querySelector("html");
11138  const gettextlang = getLangMain.getAttribute("lang")
11139
11140  function showLang(lang) {
11141
11142  if(gettextlang == lang){
11143    return true;
11144  }
11145
11146}
11147
11148
11149const langPl = showLang("pl") ;
11150const langEn = showLang("en");
11151const langDe = showLang("de");
11152const langEs = showLang("es");
11153const langCs = showLang("cs");
11154const langFr = showLang("fr");
11155const langHu = showLang("hu");
11156const langIt = showLang("it");
11157
11158
11159
11160</script>
11160
11161
11162</div><div class="menu_button_wrapper">
11163
11164
11165
11166<script>
11167
11168function getchcebox () {
11169
11170
11171
11172const pageUrl = window.location.href;
11173
11174
11175if(
11176    
11177pageUrl.includes("-3913")||
11178pageUrl.includes("-4074")) {
11179
11180
11181
11182      
11183
11184document.querySelector("#projector_buy_section").insertAdjacentHTML("beforebegin",`
11185
11186
11187<div id="boxchcekc" style="padding-top:20px;color:var(--maincolor);padding-bottom:10px;"> 
11188<input type="checkbox" id="myCheck" required="" data-gtm-form-interact-field-id="0">
11189
11190${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.` : ""}
11191${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.` : "" }
11192${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.` : ""}
11193${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.` : ""}
11194${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.` : ""}
11195${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é.` : ""}
11196${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.` : ""}
11197${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.` : ""}
11198
11199</div>
11200
11201`)
11202
11203
11204    function checeboks() {
11205
11206
11207        const getCheckbox = document.querySelector("#myCheck");
11208
11209                    const getbtntSubmint = document.querySelector("#projector_button_basket")
11210
11211        if (getCheckbox.checked) {
11212
11213            getbtntSubmint.disabled = false;
11214           getbtntSubmint.classList.add("active")
11215            
11216            // Checkbox is checked, do something here
11217        } else {
11218             getbtntSubmint.disabled = true;
11219            document.querySelector("#projector_button_basket").classList.remove("active")
11220
11221        }
11222    }
11223
11224
11225
11226    document.querySelector("#myCheck").addEventListener("click", checeboks )
11227 
11228
11229    }
11230
11231    }
11232
11233    getchcebox()
11234
11235</script>
11235</div><div class="menu_button_wrapper">
11235<script>
11236window.addEventListener("DOMContentLoaded",()=>
11237{
11238
11239    const urlfilters = window.location.href;
11240    
11241    if (urlfilters.includes("filter_traits")) {
11242    
11243    
11244    document.querySelectorAll("meta").forEach(x => {
11245
11246        if (x.getAttribute("content") && x.getAttribute("content").includes("follow")) {
11247            x.setAttribute("content", "noindex,nofollow");
11248
11249        }
11250    })
11251    
11252    }
11253        
11254
11255
11256}
11257
11258)
11259
11260 </script>
11260</div><div class="menu_button_wrapper">
11260<script>
11261  const saleLabel = new Set([
11262"14299",
11263"6271",
11264"12162",
11265"7272",
11266"12095",
11267"9696",
11268"9844",
11269"10371",
11270"9843",
11271"9695",
11272"9697",
11273"13344",
11274"9976",
11275"9975",
11276"14363",
11277"14362",
11278"14365",
11279"8512",
11280"10938",
11281"1443",
11282"1176",
11283"10211",
11284"13323",
11285"7750",
11286"14360",
11287"14359",
11288"14361",
11289"14367",
11290"14364",
11291"9977",
11292"13987",
11293"14297",
11294"3205",
11295    "4017",
11296    "12155",
11297    "12914",
11298    "12916",
11299    "8609",
11300    "10473",
11301    "10228",
11302    "6271",
11303    "12436",
11304    "9086",
11305    "12154",
11306    "9984",
11307    "12915",
11308    "9985",
11309    "11162",
11310    "10301",
11311    "12913",
11312    "10410",
11313    "12895",
11314    "11031",
11315    "1636",
11316    "12919",
11317    "6043",
11318    "12917",
11319    "12449",
11320    "8713",
11321    "11325",
11322"11580",
11323"11581",
11324"11582",
11325"9003",
11326"12449",
11327
11328"13837",
11329"13836",
11330"13835",
11331"13834",
11332"13833",
11333"9217",
11334"13968",
11335"8504",
11336"13969",
11337"13971",
11338"13972",
11339"13974",
11340"13977",
11341"13979",
11342"13981",
11343"13980",
11344"13978",
11345"13975",
11346"13976",
11347"13973",
11348"13970",
11349
11350
11351"3728",
11352"1849",
11353"9867",
11354"14299",
11355"14300",
11356"7268",
11357"7757",
11358"6271",
11359"12162",
11360"7272",
11361"5647",
11362"10146",
11363"11962",
11364"14286",
11365"14288",
11366"11163",
11367"12465",
11368"4251",
11369"13528",
11370"13527",
11371"14290",
11372"14289",
11373"14293",
11374"14291",
11375"14292",
11376"14287",
11377"14298",
11378"14297",
11379
11380
11381  ]);
11382</script>
11382
11383
11384<style>
11385  .label_komis_main img {
11386    width: 70px;
11387    position: absolute;
11388    right: 30px;
11389    top: 20px;
11390  }
11391
11392  .info_komis {
11393    position: absolute;
11394    z-index: 9999;
11395    right: 10px;
11396    top: 10px;
11397    opacity: 1 !important;
11398    cursor: pointer;
11399
11400    img {
11401      width: 80px;
11402      right: 0px;
11403      position: absolute;
11404      max-width: 80px;
11405    }
11406
11407    &:hover {
11408      opacity: 1;
11409    }
11410
11411    .lista_info_text {
11412      background: #fff;
11413      padding: 10px;
11414      border-radius: 10px;
11415      color: var(--maincolor);
11416
11417      .title_komis {
11418        font-size: 16px;
11419        font-weight: bold;
11420        color: #17a557;
11421        margin-bottom: 5px;
11422      }
11423
11424      ul {
11425        li {
11426          /* display: block; */
11427          list-style: none;
11428          /* margin-bottom: 10px; */
11429          padding: 5px 0px;
11430          font-size: 12px;
11431          padding-left: 20px;
11432          border-bottom: solid 1px #ccc;
11433          background: url("https://www.metalelokacyjne.pl/data/include/cms/mme/oferta_komisowa/list.svg?v=1753361423615")
11434            left 10px no-repeat;
11435        }
11436      }
11437    }
11438  }
11439
11440  .info_komis:hover .lista_info_text {
11441    display: block !important;
11442    position: absolute;
11443    width: 270px;
11444    right: 30px;
11445
11446    animation: anmacjaOpacity 0.5s ease-out;
11447  }
11448
11449  /* karta_produktowa */
11450  .info_komis {
11451    display: grid;
11452    grid-template-columns: 0.5fr 1fr;
11453  }
11454
11455  .showmore_komis.show_hide_komis {
11456    display: block !important;
11457    position: absolute;
11458    right: 100%;
11459    width: 690px;
11460    display: flex !important;
11461    gap: 50px;
11462    background: #fff;
11463    padding: 0px;
11464    border-radius: 10px;
11465    align-content: center;
11466    align-items: center;
11467    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
11468    border-radius: 10px;
11469    top: -10px;
11470    left: -720px;
11471    padding: 0px;
11472
11473    li {
11474      color: var(--maincolor);
11475      font-size: 16px;
11476      margin-bottom: 10px;
11477      list-style: none;
11478      background: url("https://www.metalelokacyjne.pl/data/include/cms/mme/oferta_komisowa/list.svg?v=1753361423615")
11479        left 10px no-repeat;
11480      padding-left: 20px;
11481      max-width: 80%;
11482      border-bottom: solid 1px #ccc;
11483      padding-bottom: 5px;
11484    }
11485  }
11486
11487  .text_karta_komis {
11488    padding: 10px 0px;
11489
11490    align-items: center;
11491
11492    .title_sale {
11493      font-weight: bold;
11494      font-size: 14px;
11495      color: #17a557;
11496    }
11497
11498    p {
11499      color: var(--maincolor);
11500      font-size: 14px;
11501      max-width: 80%;
11502    }
11503
11504    a {
11505      margin-top: 10px;
11506    }
11507  }
11508
11509  .info_komis_karta {
11510    display: flex;
11511    gap: 20px;
11512    padding: 10px 0px;
11513    border-top: solid 1px #ccc;
11514    border-bottom: solid 1px #ccc;
11515    align-items: center;
11516    position: relative;
11517  }
11518
11519  .btn_komis {
11520    cursor: pointer;
11521    font-weight: bold;
11522
11523    &:hover {
11524      text-decoration: underline;
11525    }
11526  }
11527
11528  .left_komis_karta {
11529    background: #30ae58;
11530    padding: 20px 20px;
11531
11532    img {
11533      width: 110px;
11534      padding: 110px 0px;
11535    }
11536  }
11537
11538  p.titles_karta {
11539    color: #17a557;
11540    font-weight: bold;
11541    font-size: 22px;
11542    margin-bottom: 18px;
11543    padding-left: 20px;
11544  }
11545
11546  .text_info_komis {
11547    padding: 40px 0px;
11548  }
11549
11550  @media (max-width: 728px) {
11551    .info_komis {
11552      position: absolute;
11553      z-index: 9999;
11554      right: 10px;
11555      top: 10px;
11556      opacity: 0.5;
11557      cursor: pointer;
11558
11559      .lista_info_text {
11560        display: block;
11561        position: fixed !important;
11562        top: 25%;
11563        left: 10%;
11564        width: 100%;
11565        padding: 2rem;
11566        z-index: 999;
11567      }
11568    }
11569
11570    .text_info_komis {
11571      padding: 10px 0px;
11572    }
11573
11574    .info_komis_karta {
11575            display: flex;
11576        gap: 20px;
11577        padding: 10px 0px;
11578        border-top: solid 1px #ccc;
11579        border-bottom: solid 1px #ccc;
11580        align-items: center;
11581        position: relative;
11582        flex-direction: row;
11583        flex-wrap: nowrap;
11584}
11585
11586
11587
11588    .showmore_komis.show_hide_komis {
11589        display: flex !important;
11590        gap: 20px;
11591        padding: 10px 0px;
11592        border-top: solid 1px #ccc;
11593        border-bottom: solid 1px #ccc;
11594        align-items: center;
11595        position: static;
11596        flex-direction: row;
11597        width: 100%;
11598        border-radius: 0px;
11599        position: relative;
11600        left: -40px;
11601        width: 120%;
11602            li {
11603        color: var(--maincolor);
11604        font-size: 12px;
11605        margin-bottom: 10px;
11606        list-style: none;
11607        background: url(https://www.metalelokacyjne.pl/data/include/cms/mme/oferta_komisowa/list.svg?v=1753361423615) left 10px no-repeat;
11608        padding-left: 20px;
11609        max-width: 80%;
11610        border-bottom: solid 1px #ccc;
11611        padding-bottom: 5px;
11612    }
11613    }
11614
11615  }
11616</style>
11617
11618<script>
11619
11620
11621    if (document.querySelector("#container").classList.contains("search_page")) { 
11622  function labelProductSaleKomis() {
11623    // const windhtre = window.location
11624
11625    // if (windhtre == "https://www.metalmarket.eu/pl/series/pysanka-375?filter_default=n" ||
11626
11627    //     windhtre == "https://www.metalmarket.eu/pl/series/pysanka-375"
11628
11629    // ) {
11630
11631    let produkt_label = document.querySelectorAll(".product__icon"); // Znajdź wszystkie nie widoczne produkty
11632
11633    produkt_label.forEach((product) => {
11634      const getAllartbut = product.getAttribute("data-product-id");
11635
11636      if (saleLabel.has(getAllartbut)) {
11637        product.insertAdjacentHTML(
11638          "beforebegin",
11639          `
11640                
11641                    <div class="label_komis_main"><img src="" alt=""></div>
11642
11643                <div class="info_komis"> 
11644                    
11645                    <img src="https://www.metalelokacyjne.pl/data/include/cms/skup_komis/icons/label_v2.svg?v=1753699279421" alt=""> 
11646                
11647                
11648                <div class="lista_info_text" style="display:none">
11649
11650    <p class="title_komis">OFERTA KOMISOWA</p>
11651    <p class="text_komis">
11652        <ul>
11653
11654           <li> produkt pochodzi od <strong> inwestora indywidualnego lub instytucjonalnego </strong></li>
11655           <li>produkt przeszedł weryfikację pod kątem <strong> autentyczności i stanu zachowania </strong> przez naszych specjalistów</li>
11656           <li>produkt został zdeponowany w naszym magazynie i <strong> jest dostępny od ręki</strong></li>
11657        </ul>
11658    
11659    
11660    </p>
11661
11662</div>
11663                
11664                </div>
11665
11666                    
11667                    `
11668        );
11669      }
11670    });
11671  }
11672  // }
11673
11674   window.addEventListener("DOMContentLoaded", labelProductSaleKomis());
11675
11676}
11677
11678   if (document.querySelector("#container").classList.contains("projector_page")) { 
11679
11680  function kartaProduktowaKomis() {
11681
11682    const getidKarta = document.querySelector("#projector_form");
11683
11684    const getAllartbutKarta = getidKarta.getAttribute("data-product_id");
11685
11686    function getadresLink() {
11687      const url = window.location.href;
11688      if (url.includes("metalelokacyjne")) {
11689        return "https://www.metalelokacyjne.pl/Skup-i-komis-cinfo-pol-785.html";
11690      }
11691
11692      if (url.includes("metalmarket")) {
11693        return "https://www.metalmarket.eu/pl/links/skup365-989";
11694      }
11695    }
11696
11697
11698
11699     function getadresLinkNmae() {
11700          const url = window.location.href;
11701          if (url.includes("metalelokacyjne")) {
11702              return "metalelokacyjne.pl";
11703          }
11704
11705          if (url.includes("metalmarket")) {
11706              return "Metal Market Europe";
11707          }
11708      }
11709
11710    // 
11711
11712    if (saleLabel.has(getAllartbutKarta)) {
11713      // if (windhtrea == "https://www.metalmarket.eu/pl/products/canada-pisanka-250-zloto-2025-proof-11760") {
11714
11715      document.querySelector("#projector_buy_section").insertAdjacentHTML(
11716        "afterend",
11717        `
11718        
11719        
11720        <div class="info_komis_karta">
11721
11722    <div>
11723        <img src="https://www.metalelokacyjne.pl/data/include/cms/mme/oferta_komisowa/iconss.svg?v=1753362449916"
11724            alt="">
11725
11726    </div>
11727
11728
11729    <div>
11730        <div class="text_karta_komis">
11731        <p class="title_sale">OFERTA KOMISOWA</p>
11732        <p>Ty również możesz sprzedać metal za pośrednictwem platformy ${getadresLinkNmae()}</p>
11733
11734
11735
11736       
11737            <p class="btn_komis">
11738              
11739                Dowiedz się więcej</p>
11740       
11741        </div>
11742
11743        <div class="showmore_komis" style="display:none">
11744
11745
11746            <div class="left_komis_karta">
11747            
11748            <img
11749                    src="https://www.metalelokacyjne.pl/data/include/cms/mme/oferta_komisowa/label_karta.svg?v=1753362830128"
11750                    alt=""></div>
11751
11752            <div class="text_info_komis">
11753                <div style="position: absolute;top:10px;right: 10px;" class="pswp__button pswp__button--close">
11754       
11755                    </div>
11756
11757    <p class="titles_karta">OFERTA KOMISOWA<p>
11758
11759
11760                <ul>
11761                    <li> produkt pochodzi od <strong> inwestora indywidualnego lub instytucjonalnego </strong></li>
11762                    <li>produkt przeszedł weryfikację pod kątem <strong> autentyczności i stanu zachowania </strong> przez naszych specjalistów</li>
11763                    <li>produkt został zdeponowany w naszym magazynie i <strong> jest dostępny od ręki</strong></li>
11764                </ul>
11765
11766                <a href="${getadresLink()}" class="btn_box" style="position: static; bottom: 24%; right: 5%; margin-top: 20px" target="_blank">Dowiedz się więcej </a>
11767
11768            </div>
11769
11770        </div>
11771
11772    </div>
11773
11774
11775
11776</div>
11777        `
11778      );
11779
11780      document.querySelector(".btn_komis").addEventListener("click", (e) => {
11781        document
11782          .querySelector(".showmore_komis")
11783          .classList.toggle("show_hide_komis");
11784      });
11785    } else{ return }
11786
11787    document
11788      .querySelector(".info_komis_karta .pswp__button--close")
11789      .addEventListener("click", (e) => {
11790        document
11791          .querySelector(".showmore_komis")
11792          .classList.remove("show_hide_komis");
11793      });
11794  }
11795
11796 
11797  window.addEventListener("DOMContentLoaded", kartaProduktowaKomis());
11798   }
11799
11800</script>
11800
11801</div><div class="menu_button_wrapper">
11801<script>
11802
11803
11804    if (window.matchMedia('screen and (min-width: 728px)').matches) {
11805        const getartibut = document.querySelector('#projector_form');
11806
11807        const getIDS = getartibut.getAttribute("data-product_id");
11808       
11809        // const getnumbersProduc = new Set(["11269", "10784", "1786","11270","10910","11584","10922","10776","11586","11585","11587","10917"]);
11810
11811
11812        // if (getnumbersProduc.has(getIDS)) {
11813          
11814            const getHeightspecyfokacja = document.querySelector("#projector_dictionary").offsetHeight;
11815
11816           
11817            const getSpec = document.querySelector("#projector_dictionary");
11818
11819            const getDecaa = document.querySelector("#projector_longdescription");
11820
11821
11822
11823            const getheight = 240;
11824            getSpec.style.height = getheight + "px"
11825            getDecaa.style.height = getheight + "px"
11826
11827            getDecaa.insertAdjacentHTML("afterbegin", `
11828    
11829             <div id="read_more_dec" class="btn_box" style="top: 100px; ">
11830                
11831               <div class="buddon_read_more"> Czytaj cały opis i specyfikację </div>
11832                
11833         
11834
11835                
11836                </div>
11837             
11838
11839<style>
11840   #projector_longdescription,#projector_dictionary {overflow: hidden;}
11841.buddon_read_more:after {
11842    content: url(https://www.metalelokacyjne.pl/data/include/cms/js/ikona.svg);
11843    position: absolute;
11844    right: 15px;
11845    top: 10px;
11846    z-index: 999;
11847    transform: rotate(90deg);
11848    -webkit-transform: rotate(90deg);
11849    display: block;
11850    width: 15px;
11851    filter: brightness(0) saturate(100%) invert(28%) sepia(15%) saturate(765%) hue-rotate(176deg) brightness(91%) contrast(88%);
11852    
11853    
11854
11855    }
11856
11857
11858}
11859
11860
11861
11862
11863#read_more_dec:after:hover {
11864    filter: brightness(100) saturate(100%) invert(100%) sepia(15%) saturate(765%) hue-rotate(176deg) brightness(0%) contrast(88%);
11865}
11866
11867#opinions_section {border-top:solid 1px #ccc}
11868
11869    .images_series_box img {
11870        width: 100%;
11871    }
11872
11873    #read_more_dec.btn_box {
11874      position: absolute;
11875    z-index: 999;
11876    top: 173px !important;
11877    left: 50%;
11878    transform: translate(-50%, 0px);
11879    background: #fff;
11880    width: auto;
11881    padding-left: 30px;
11882    font-size: 18px;
11883    font-weight: bold;
11884    cursor: pointer;
11885    color: var(--maincolor);
11886    width: 100%;
11887    text-align: center;
11888    padding: 20px 0px;
11889
11890        &:hover {
11891            background:  var(--lightyellow);
11892            color: var(--maincolor);
11893            text-decoration: underline;
11894        }
11895
11896    }
11897
11898    #projector_longdescription {
11899        position: relative !important;
11900        margin-bottom:100px;
11901    }
11902</style>
11903             
11904             
11905             
11906             `)
11907
11908
11909
11910            document.querySelector("#read_more_dec").addEventListener("click", (e) => {
11911
11912                getDecaa.style.height = "100%"
11913                getSpec.style.height = "100%"
11914                document.querySelector("#read_more_dec").remove();
11915
11916                getDecaa.style.height = "100%"
11917           
11918
11919
11920            })
11921
11922        }
11923    // }
11924
11925
11926</script>
11926
11927
11928<style>
11929#projector_enclosures {display: none !important;}
11930    #projector_dictionary {border: none !important;}
11931#specyfikacja_main #projector_longdescription {padding-top: 0px !important;}
11932/* #projector_longdescription {transition: all 1s;} */
11933.buddon_read_more {padding:10px 30px;display:inline-block;border:solid 1px #ccc;position: relative;
11934background: #fff;    padding-right: 70px;
11935&:hover {background: var(--yellow);color: #fff;}
11936}
11937@media (min-width:1300px) {
11938   .pswp,.pswp__item {overflow: visible !important;}
11939
11940/* .photoSwipe_name:last-child {
11941    display: block;
11942    text-align: left;
11943    font-size: 13px;
11944    font-weight: normal;
11945    top: 10px;
11946    position: fixed;
11947    left: auto;
11948    bottom: auto;
11949} */
11950 .pswp__bg {width: 150% !important;}
11951
11952    .pswp, .pswp__item {
11953        overflow: visible !important;
11954        background: #fff !important;
11955    }
11956.photoSwipe_innerthumbs {display: none !important;}
11957
11958 .photoSwipe_name,.pswp__counter{display: none !important;}
11959 
11960.pswp__scroll-wrap:after, .pswp__scroll-wrap:before {
11961    
11962        background: transparent !important;
11963    
11964    }
11965.pswp__scroll-wrap .slick-list.draggable{   display: none !important;
11966}
11967 .pswp__img {max-width: 80%;}
11968}
11969
11970
11971</style></div><div class="menu_button_wrapper"><style>
11972 @keyframes flipInX {
11973        0% {
11974            -webkit-animation-timing-function: ease-in;
11975            animation-timing-function: ease-in;
11976            opacity: 0;
11977            -webkit-transform: perspective(400px) rotateY(90deg);
11978            transform: perspective(400px) rotateY(90deg)
11979        }
11980
11981        40% {
11982            -webkit-animation-timing-function: ease-in;
11983            animation-timing-function: ease-in;
11984            -webkit-transform: perspective(400px) rotateY(-20deg);
11985            transform: perspective(400px) rotateY(-20deg)
11986        }
11987
11988        60% {
11989            opacity: 1;
11990            -webkit-transform: perspective(400px) rotateY(10deg);
11991            transform: perspective(400px) rotateY(10deg)
11992        }
11993
11994        80% {
11995            -webkit-transform: perspective(400px) rotateY(-5deg);
11996            transform: perspective(400px) rotateY(-5deg)
11997        }
11998
11999        to {
12000            -webkit-transform: perspective(400px);
12001            transform: perspective(400px)
12002        }
12003    }
12004
12005
12006
12007    @keyframes flip {
12008        0% {
12009            -webkit-animation-timing-function: ease-out;
12010            animation-timing-function: ease-out;
12011            -webkit-transform:  scaleX(1) translateZ(0) rotateY(-1turn);
12012            transform:  scaleX(1) translateZ(0) rotateY(0turn)
12013        }
12014
12015        /* 40% {
12016            -webkit-animation-timing-function: ease-out;
12017            animation-timing-function: ease-out;
12018            -webkit-transform:  scaleX(1) translateZ(150px) rotateY(-190deg);
12019            transform:  scaleX(1) translateZ(150px) rotateY(-190deg)
12020        }
12021
12022        50% {
12023            -webkit-animation-timing-function: ease-in;
12024            animation-timing-function: ease-in;
12025            -webkit-transform:  scaleX(1) translateZ(150px) rotateY(-170deg);
12026            transform:  scaleX(1) translateZ(150px) rotateY(-170deg)
12027        }
12028
12029        80% {
12030            -webkit-animation-timing-function: ease-in;
12031            animation-timing-function: ease-in;
12032            -webkit-transform:  scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
12033            transform:  scale3d(.95, .95, .95) translateZ(0) rotateY(0deg)
12034        } */
12035
12036        to {
12037            -webkit-animation-timing-function: ease-in;
12038            animation-timing-function: ease-in;
12039            -webkit-transform:  scaleX(1) translateZ(0) rotateY(0deg);
12040            transform:  scaleX(1) translateZ(0) rotateY(-1turn)
12041        }
12042    }
12043
12044
12045
12046
12047
12048
12049
12050    .active_pic_secounds .pic_secounds {
12051        display: block !important;
12052        animation: flipInX .7s ease-out;
12053        mix-blend-mode: darken !important;
12054    }
12055
12056    .active_pic_secounds picture:nth-child(1) {
12057        display: none !important;
12058        animation: flip .7s ease-out;
12059    }
12060
12061
12062
12063    body #search .product {
12064        background: 0;
12065        border: 0px solid transparent !important;
12066        border-radius: 5px;
12067    }
12068
12069
12070    .reverse_btn {
12071        width: 40px;
12072        display: block;
12073        height: 30px;
12074        cursor: pointer;
12075        opacity: 0.4;
12076        transition: all .4s;
12077
12078        &:hover {
12079            opacity: 1;
12080            transition: all .4s;
12081        }
12082    }
12083
12084
12085
12086    .rotation_product_btn {
12087        position: absolute;
12088        width: 60px;
12089        height: 50px;
12090   
12091        z-index: 99;
12092        right: 10px;
12093        top:215px;
12094        display: flex;
12095        align-items: center;
12096        border-radius: 100%;
12097        bottom: auto;
12098
12099        display: none;
12100
12101
12102        &:hover {
12103            /* background: #ffffff14; */
12104        }
12105    }
12106
12107    .product:hover .rotation_product_btn {
12108        display: block !important;
12109    }
12110
12111    .remove_reverse_btn .rotation_product_btn,
12112    .product.remove_reverse_btn:hover .rotation_product_btn
12113    
12114    {
12115        display: none !important;
12116    }
12117
12118
12119    @media (max-width:900px) {
12120        .rotation_product_btn {
12121            top: 160px;
12122            right: 10px;
12123            bottom: auto;
12124        }
12125
12126
12127    }
12128</style>
12129
12130
12131<script>
12132
12133
12134    const listaProduktow = document.querySelectorAll(".product__icon")
12135
12136
12137    listaProduktow.forEach(button => {
12138
12139
12140        const getAtribut = button.getAttribute("data-product-id");
12141
12142
12143
12144
12145
12146
12147        const getsecondPic = button.querySelector(".pic_secounds");
12148        button.insertAdjacentHTML("beforebegin", `
12149
12150<div class="rotation_product_btn" ><img src="https://www.metalelokacyjne.pl/data/include/cms/serie_monet/lp_serie/animacja_ml.svg?v=1752752384998" alt=""  class="reverse_btn"></div>
12151
12152`);
12153
12154
12155        const getcoinsNotReturn = ["108", "2592", "89", "20", "19", "18", "17", "16", "12670", "12602",
12156
12157
12158"12391", 
12159"12392",
12160"12393",
12161"12394",
12162
12163
12164
12165        ]
12166
12167
12168        getcoinsNotReturn.forEach((x, ixd) => {
12169
12170            if (getAtribut == getcoinsNotReturn[ixd]) {
12171
12172                button.parentElement.classList.add("remove_reverse_btn")
12173
12174
12175            }
12176
12177        })
12178
12179
12180
12181
12182    })
12183
12184    // });
12185
12186
12187    const buttonRotation = document.querySelectorAll(".rotation_product_btn");
12188
12189    buttonRotation.forEach((buttonObrut, idxa) => {
12190        const buttonRotation = buttonObrut.querySelectorAll(".rotation_product_btn");
12191        buttonObrut.addEventListener("click", (e, idx) => {
12192            const getPictureShow = document.querySelectorAll(".pic_secounds")[idxa]
12193            getPictureShow.parentElement.classList.toggle("active_pic_secounds");
12194        })
12195    })
12196
12197
12198
12199</script>
12199</div><div class="menu_button_wrapper">
12199<script>
12200
12201    document.querySelectorAll('#menu_navbar a').forEach(x => {
12202
12203        const href = x.href;
12204
12205        if (href.includes('2742')) {
12206            x.classList.add('line_menu');
12207            x.classList.add('line_menu_promotion');
12208        } 
12209        
12210        
12211        if (href.includes('Promocje')) {
12212            x.classList.add('line_menu');
12213            x.classList.add('line_menu_promotion');
12214        }    
12215        
12216    
12217        
12218        if (href.includes('786')) {
12219            x.classList.add('line_menu');
12220        }
12221 if (href.includes('786')) {
12222            x.classList.add('line_menu');
12223        }
12224
12225
12226    });
12227
12228</script>
12228
12229
12230
12231<style>
12232#menu_navbar li a.nav-link.line_menu_promotion {color:#e31d1c !important;}
12233
12234
12235    .line_menu::before {
12236
12237        content: '';
12238        background: #ccc;
12239        content: "";
12240        position: absolute;
12241        height: 20px;
12242
12243        display: block !important;
12244        left: -20px;
12245        bottom: 0px;
12246        top: 5px;
12247        width: 2px !important;
12248        transition: all 0.5s;
12249
12250    }
12251</style></div><div class="menu_button_wrapper"><!-- <div id="listing_menu">
12252
12253  <div id="royal_mist_kafle" class="kafle_sub"></div>
12254
12255</div> -->
12256
12257
12258
12259<script>
12260  // if (document.querySelector("#container").classList.contains("search_page")) {
12261
12262  //   const listingdataThecanadina = [
12263
12264
12265  //     {
12266
12267  //       href: "/lng/series/maple-leaf-53",
12268  //       subhead: "Złote i srebrne",
12269  //       main_tilte: "Maple Leaf",
12270  //       pic: "/pl/series/hpeciai/4646c8448c40659aa33b124a358209ce/pol_il_Kanadyjski-Lisc-Klonowy-1-20-uncji-Zlota-2025-10914.webp",
12271
12272
12273  //     },
12274
12275  //     {
12276
12277  //       href: "/lng/series/alexander-graham-bell-214",
12278  //       subhead: "Złote i srebrne",
12279  //       main_tilte: "Alexander Graham Bell",
12280  //       pic: "/hpeciai/a501413ff0e223da75bb895a6e675976/pol_pm_Alexander-Graham-Bell-Srebro-2022-Proof-Piedfort-Coin-6624_7.webp",
12281
12282
12283  //     },
12284
12285
12286  //   ]
12287
12288
12289  //   const listingdataThePerthMints = [
12290
12291
12292  //     {
12293
12294  //       href: "/lng/series/australian-emu-23",
12295  //       subhead: "Złote i srebrne",
12296  //       main_tilte: "Australian Emu",
12297  //       pic: "/hpeciai/ffe74e1b04a8bf52e9687c2189d79b1b/pol_pm_Australijski-Emu-1-uncja-Zlota-2024-10133_3.webp",
12298
12299
12300  //     },
12301
12302  //     {
12303
12304  //       href: "/lng/series/koala-perth-mint-873",
12305  //       subhead: "Złote i srebrne",
12306  //       main_tilte: "Koala",
12307  //       pic: "https://www.metalelokacyjne.pl/data/include/cms/sub_baners_serie/koala/2025.webp",
12308
12309
12310  //     },
12311  //     {
12312
12313  //       href: "/lng/series/australian-kangaroo-31",
12314  //       subhead: "Złote i srebrne",
12315  //       main_tilte: "Australijski Kangur",
12316  //       pic: "/pl/series/hpeciai/3219bda3ff7657d6763031ade94bd4df/pol_il_Australijski-Kangur-1-4-uncji-Zlota-2025-10786.webp",
12317
12318
12319  //     }, {
12320
12321  //       href: "/lng/series/the-chinese-myths-and-legends-162",
12322  //       subhead: "Złote i srebrne",
12323  //       main_tilte: "The Chinese <br> Myths and Legends",
12324  //       pic: "/pl/series/hpeciai/f26af2520a8195d04f74db828cd6e98a/pol_il_Chinese-Myths-and-Legends-Double-Phoenix-kolorowany-vivid-1-uncja-Srebra-2025-moneta-w-karcie-12158.webp",
12325
12326
12327  //     },
12328
12329  //     {
12330
12331  //       href: "/lng/series/kookaburra-203",
12332  //       subhead: "Złote i srebrne",
12333  //       main_tilte: "Kookaburra",
12334  //       pic: "https://www.metalmarket.eu/hpeciai/35be0a875c070d658c92fe066f64e862/pol_pm_Kookaburra-1-10-uncji-Zlota-2026-13956_3.webp",
12335
12336
12337  //     }
12338
12339  //     , {
12340
12341  //       href: "/lng/series/quokka-207",
12342  //       subhead: "Złote i srebrne",
12343  //       main_tilte: "Quokka",
12344  //       pic: "/pl/series/hpeciai/e0d89186b73cf7d1bc8d46e7d267ecf9/pol_il_Quokka-kolorowana-1-uncja-Srebra-2022-Proof-6374.webp",
12345
12346
12347  //     }
12348
12349  //     , {
12350
12351  //       href: "/lng/series/the-next-generation-48",
12352  //       subhead: "Złote i srebrne",
12353  //       main_tilte: "The Next Generation",
12354  //       pic: "/pl/series/hpeciai/f39ec1e85f89b3f16be9f91c4895e7ae/pol_il_The-Next-Generation-Mother-and-Baby-Kookaburra-10-uncji-Srebra-2020-4086.webp",
12355
12356
12357  //     },
12358
12359  //     {
12360
12361  //       href: "/lng/series/bogowie-olimpu-26",
12362  //       subhead: "Złote i srebrne",
12363  //       main_tilte: "Bogowie Olimpu",
12364  //       pic: "/pl/series/hpeciai/a5ce06053d2d692857f36a6dd0e65c3a/pol_il_Tuvalu-Bogowie-Olimpu-Atena-1-uncja-Srebra-2022-Antiqued-Coin-6476.webp",
12365
12366
12367  //     },
12368  //     {
12369
12370  //       href: "/lng/series/australian-wedge-tailed-eagle-17",
12371  //       subhead: "Złote i srebrne",
12372  //       main_tilte: "Australian <br> Wedge-Tailed Eagle",
12373  //       pic: "/pl/series/hpeciai/075680ed864cc9ff3d08897efc0c6d04/pol_il_Orzel-Australijski-1-uncja-Srebra-2023-Proof-Incused-7718.webp",
12374
12375
12376  //     },
12377
12378  //     {
12379
12380  //       href: "/lng/series/the-simpsons-192",
12381  //       subhead: "Złote i srebrne",
12382  //       main_tilte: "The Simpsons",
12383  //       pic: "/hpeciai/f129a8f8ae8a0c99abe01aeeb80e44a2/pol_pm_Tuvalu-Homer-Simpson-1-uncja-Srebra-2022-6373_3.webp",
12384
12385
12386  //     }, {
12387
12388  //       href: "/lng/series/lunar-iii-rok-weza-718",
12389  //       subhead: "Złote i srebrne",
12390  //       main_tilte: "Lunar III: Rok Węża",
12391  //       pic: "/hpeciai/d475a912b5132d348222f43dcead75ad/pol_pm_Perth-Mint-Lunar-III-Rok-Weza-kolorowany-2-uncje-Srebra-2025-12072_1.webp",
12392
12393
12394  //     }
12395
12396  //   ]
12397
12398
12399  //   const listingdataTheRolayMints = [
12400
12401
12402  //     {
12403
12404  //       href: "/lng/series/britannia-796",
12405  //       subhead: "Złote i srebrne",
12406  //       main_tilte: "Britannia",
12407  //       pic: "/hpeciai/62bd74aff143c615026046b4403fd1c4/pol_pm_Britannia-1-uncja-Srebra-2025-11587_3.webp",
12408
12409
12410  //     },
12411
12412
12413  //     {
12414
12415  //       href: "/lng/series/sovereign-198",
12416  //       subhead: "Monety",
12417  //       main_tilte: "Sovereign ",
12418  //       pic: "/hpeciai/ec86962311667fed1873d430e89acd69/pol_pm_Wielka-Brytania-1-2-Memorial-Sovereign-2022-Proof-7191_3.webp",
12419
12420
12421  //     },
12422
12423
12424
12425  //     {
12426
12427  //       href: "/lng/series/the-royal-tudor-beasts-78",
12428  //       subhead: "Monety",
12429  //       main_tilte: "The Royal <br> Tudor Beasts",
12430  //       pic: "/hpeciai/60591d084effe7b13fc7f955ae8d48e9/pol_pm_The-Royal-Tudor-Beasts-The-Greyhound-of-Richmond-2-uncje-Srebra-2025-12248_3.webp",
12431
12432
12433  //     },
12434
12435  //     {
12436
12437  //       href: "/lng/series/myths-legends-75",
12438
12439  //       main_tilte: "Myths & Legends",
12440  //       pic: "/hpeciai/0b5a13603e635572dd992be4ad6d1f90/pol_pm_Myths-Legends-Merlin-1-uncja-Zlota-2023-Proof-7887_2.webp",
12441
12442
12443  //     },
12444  //     {
12445
12446  //       href: "/lng/series/harry-potter-the-royal-mint-790",
12447
12448  //       main_tilte: "Harry Potter",
12449  //       pic: "/hpeciai/4ffd1c4763ddd9068ec56d585796523d/pol_pm_Harry-Potter-25-rocznica-50p-Zloto-2022-Proof-7067_1.webp",
12450
12451
12452  //     },
12453  //     {
12454
12455  //       href: "/lng/series/james-bond-007-74",
12456  //       subhead: "Monety historyczne",
12457  //       main_tilte: "James Bond <br> 007",
12458  //       pic: "/hpeciai/be20ec9c070dd22b134f6b2de8af82af/pol_pm_Bond-Films-of-the-60s-1-uncja-Zlota-2023-Proof-9410_6.webp",
12459
12460
12461  //     },
12462
12463
12464  //     {
12465
12466  //       href: "/lng/series/music-legends-569",
12467  //       subhead: "movie & game & fun",
12468  //       main_tilte: "Music Legends",
12469  //       pic: "/pl/series/hpeciai/2614335d9798d602756123fdc5ab5bd1/pol_is_John-Lennon-kolorowany-1-uncja-Srebra-2025-Proof-11990.jpg",
12470
12471
12472  //     },
12473
12474
12475
12476
12477
12478  //   ]
12479
12480
12481
12482  //   function getkategorieMints(mennica, data, div) {
12483  //     const getHrefseriea = window.location.href
12484
12485  //     if (getHrefseriea.includes(mennica)) {
12486
12487  //       document.querySelector("#paging_setting_top").insertAdjacentHTML("beforebegin", `<div id="${div}" class="kafle_sub">`)
12488
12489
12490
12491
12492  //       const menuListing = data.map(item => {
12493
12494  //         return `
12495    
12496  //       <div>
12497
12498  //           <a href="${item.href}">
12499  //               <div class="image"><img loading="lazy"
12500  //                   class="lazy_my"
12501                       
12502  //                       src="${item.pic}"
12503
12504
12505  //                       alt="${item.main_tilte}"></div>
12506  //               <div class="text_inside">
12507                   
12508  //                   <p class="main_tilte">${item.main_tilte} </p>
12509
12510  //               </div>
12511  //           </a>
12512  //       </div>
12513    
12514    
12515  //   `
12516  //       }).join('');
12517
12518  //       document.querySelector("#" + div).innerHTML = menuListing;
12519  //       // document.querySelector("#the_perhmi_mint").innerHTML = menuListing;
12520  //     }
12521  //   }
12522
12523  //   window.addEventListener("DOMContentLoaded", () => {
12524
12525  //     getkategorieMints("1142347123", listingdataThecanadina, "thecanadian_box");
12526  //     getkategorieMints("1294328448", listingdataThePerthMints, "the_perhmi_mint");
12527  //     getkategorieMints("1423579524", listingdataTheRolayMints, "royal_mist_kafle");
12528
12529
12530  //   });
12531  // }
12532
12533</script>
12533
12534
12535<style>
12536  body .search_categoriesdescription_next:not(.expanded)>* {
12537    display: grid !important;
12538  }
12539
12540  .destow_sub_baner {
12541    display: block;
12542    position: relative;
12543  }
12544
12545  #content .show_description {
12546    display: none !important;
12547  }
12548
12549  .text_mints {
12550    width: 60%;
12551    margin: auto;
12552
12553
12554    p {
12555      font-size: 16px;
12556      text-align: center;
12557
12558      &.info_title {
12559        font-size: 16px;
12560        font-weight: 500;
12561        line-height: 23px;
12562      }
12563    }
12564
12565    @media (max-width:1070px) {
12566      width: 100%;
12567      margin: auto;
12568      padding: 0px 20px;
12569    }
12570
12571  }
12572
12573
12574  .kafle_sub {
12575    display: grid;
12576    grid-template-columns: repeat(4, 1fr);
12577    position: relative;
12578    row-gap: 20px;
12579    /* left: 100px; */
12580
12581    margin: 40px 0px;
12582    align-items: center;
12583
12584    &>div &:nth-child(1) {
12585
12586      img {
12587        width: 250px;
12588      }
12589    }
12590
12591    .image {
12592      /* max-width: 140px; */
12593      display: block;
12594      width: 0px;
12595    }
12596
12597
12598    .text_inside {
12599
12600
12601
12602      background: var(--twocolor);
12603
12604      padding-left: 60px;
12605      margin-top: 10px;
12606      padding-right: 40px;
12607      padding-bottom: 20px;
12608      padding-top: 20px;
12609      border-top-right-radius: 10px;
12610      border-bottom-right-radius: 10px;
12611      white-space: nowrap;
12612      flex: 0 0 60%;
12613
12614      position: relative;
12615      right: -40px;
12616      z-index: 0;
12617
12618      &:hover {
12619        text-decoration: underline;
12620      }
12621    }
12622
12623    a {
12624      display: flex;
12625      align-items: center;
12626      gap: 20px;
12627      position: relative;
12628
12629      .subhead {
12630        font-size: 11px;
12631        color: #99A2B0;
12632        padding: 0px;
12633        margin: 0px;
12634      }
12635
12636      .main_tilte {
12637        font-size: 14px;
12638        font-weight: bold;
12639        color: var(--maincolor);
12640        padding: 0px;
12641        margin: 0px;
12642      }
12643
12644      img {
12645        max-width: 80px;
12646        position: relative;
12647        left: 0px;
12648        top: 0px;
12649        mix-blend-mode: darken !important;
12650        transition: all .2s ease;
12651        z-index: 9;
12652
12653
12654      }
12655
12656      &:hover img {
12657        transform: scale(1.1);
12658        transition: all .2s ease;
12659      }
12660
12661
12662    }
12663
12664    @media (max-width:1070px) {
12665
12666      margin: 0px 0px;
12667
12668      a {gap: 0px !important;}
12669
12670      .text_inside {
12671        background: var(--twocolor);
12672        padding-left: 0px;
12673        margin-top: 0px;
12674        padding-right: 10px;
12675        padding-bottom: 0px;
12676        padding-top: 0px;
12677        border-top-right-radius: 10px;
12678        border-bottom-right-radius: 10px;
12679        white-space: nowrap;
12680        flex: 0 0 100%;
12681        position: relative;
12682        right: 0px;
12683        z-index: 0;
12684        padding-left: 0px !important;
12685
12686      }
12687
12688      .main_tilte {
12689        font-size: 14px;
12690        font-weight: normal;
12691        color: var(--maincolor);
12692        padding: 0px;
12693        margin: 0px;
12694        padding-left: 0px;
12695      }
12696
12697
12698
12699      position: static;
12700      left: 0px;
12701      margin: 0px 0px;
12702      overflow-x: scroll;
12703      /* width: 100%; */
12704      padding: 10px 0px;
12705
12706
12707
12708
12709      display: grid;
12710      grid-template-columns: repeat(4, minmax(200px,200px));
12711      position: relative;
12712      row-gap: 0px;
12713      /* left: 100px; */
12714      margin: 40px 0px;
12715      align-items: center;
12716
12717
12718      .text_inside {
12719        white-space: normal;
12720        left: 0px;
12721      }
12722
12723      & a {
12724        gap:0px;
12725        img {
12726          max-width: 90px;
12727          position: relative;
12728          left: 0px;
12729          top: 10px;
12730          mix-blend-mode: darken !important;
12731        }
12732
12733        .image {
12734          /* max-width: 140px; */
12735          display: block;
12736          width: 100%;
12737        }
12738
12739
12740
12741      }
12742
12743
12744
12745    }
12746
12747
12748
12749
12750
12751
12752  }
12753
12754
12755    @media (max-width:1070px) {
12756
12757#royal_mist_kafle {padding: 0px;margin: 0px;}
12758    }
12759
12760</style></div><div class="menu_button_wrapper">
12760<script>
12761
12762
12763
12764document.querySelector(".commercial_banner #menu_settings").insertAdjacentHTML("afterbegin",
12765
12766
12767`<img src="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/wykres_v4.svg?v=1748258664508" alt="" style="width:37px"> 
12768<a class="account_link" href="https://www.metalelokacyjne.pl/Notowania-zlota-cinfo-pol-926.html">Notowania</a>`
12769)
12770
12771
12772
12773
12774
12775</script>
12775
12776
12777</div><div class="menu_button_wrapper"><style>
12778    #projector_dictionary {
12779
12780        /* position: relative;
12781        top: -85px !important; */
12782
12783
12784        .dictionary__value_txt {
12785            color: var(--maincolor);
12786        }
12787
12788        strong {
12789            text-align: left;
12790            margin-top: 15px;
12791            margin-bottom: 5px;
12792            padding-left: 10px;
12793            font-size: 14px;
12794            font-weight: bold;
12795            color: var(--maincolor);
12796            padding-bottom: 30px;
12797            /* border-bottom: solid 1px #ccc; */
12798            margin-bottom: 30px;
12799
12800        }
12801
12802        span {
12803            color: #999;
12804        }
12805
12806        a {
12807            font-weight: bold !important;
12808            color: var(--maincolor);
12809            font-size: 14px;
12810
12811            &:hover {
12812                text-decoration: underline;
12813            }
12814        }
12815
12816        b {
12817            color: var(--maincolor);
12818        }
12819
12820        .brakte_row {
12821            padding: 5px 0px;
12822            /* border-top:solid 1px #ccc; */
12823            border-bottom: solid 1px #c6c6c633;
12824
12825
12826        }
12827
12828        >div>div {
12829            padding: 2px 10px;
12830            font-size: 14px;
12831
12832            &:hover {
12833                background: var(--twocolor);
12834                text-decoration: underline;
12835                text-decoration-color: #ccc !important;
12836            }
12837
12838        }
12839    }
12840</style>
12841
12842
12843
12844<script>
12845
12846    const getdata = document.querySelectorAll("#projector_dictionary .dictionary__param")
12847    const getdataNewNOtrasna = document.querySelector("#projector_dictionary")
12848
12849
12850    // getdataNewNOtrasna.setAttribute("translate", "no")
12851
12852    let dataSpecyfikacja = [] //?
12853
12854
12855
12856    const listaMinaspecyfika = getdata.forEach((x) => {
12857
12858
12859
12860        const nametest = x.querySelector(".dictionary__name_txt").innerHTML
12861        const nametestValue = x.querySelector(".dictionary__value_txt").innerHTML
12862        const nameadres = x.querySelector(".dictionary__value_txt").href
12863
12864
12865        dataSpecyfikacja.push(
12866
12867            {
12868                link: nameadres,
12869                specyfikacja: nametest,
12870                wartosc: nametestValue,
12871            }
12872
12873
12874        )
12875
12876    })
12877
12878
12879    let dataStawkaKodid = [];
12880
12881    let datamarkaseria = [];
12882    let datapochodzenie = [];
12883    let datawyglad = [];
12884    let dataNomilal = [];
12885    let przechowywanie_naklad = [];
12886
12887
12888    function addtalicach(specyfikacj) {
12889        const markaIndex = dataSpecyfikacja.findIndex(el => el.specyfikacja.trim() == specyfikacj);
12890        return markaIndex;
12891
12892
12893    }
12894
12895    dataStawkaKodid.push(
12896        dataSpecyfikacja[addtalicach("Kod producenta")],
12897        dataSpecyfikacja[addtalicach("Kód výrobce")],
12898        dataSpecyfikacja[addtalicach("Stawka VAT")],
12899
12900
12901    )
12902
12903
12904
12905
12906
12907    datamarkaseria.push(
12908
12909
12910        dataSpecyfikacja[addtalicach("Brand")],
12911        dataSpecyfikacja[addtalicach("Marka")],
12912        dataSpecyfikacja[addtalicach("Marke")],
12913        dataSpecyfikacja[addtalicach("Marzo")],
12914        dataSpecyfikacja[addtalicach("Značka")],
12915        dataSpecyfikacja[addtalicach("Marca")],
12916
12917        dataSpecyfikacja[addtalicach("Znamení")],
12918
12919        dataSpecyfikacja[addtalicach("Seria")],
12920        dataSpecyfikacja[addtalicach("Series")],
12921        dataSpecyfikacja[addtalicach("Série")],
12922        dataSpecyfikacja[addtalicach("Serie")],
12923        // dataSpecyfikacja[addtalicach("Mennica")],
12924
12925        dataSpecyfikacja[addtalicach(`"<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Série</font></font>"`)],
12926
12927        dataSpecyfikacja[addtalicach(`"<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Znamení</font></font>"`)],
12928
12929    )
12930
12931    datapochodzenie.push(
12932
12933
12934        dataSpecyfikacja[addtalicach("Kraj Pochodzenia")],
12935        dataSpecyfikacja[addtalicach("Kraj")],
12936        dataSpecyfikacja[addtalicach("Země původu")],
12937        dataSpecyfikacja[addtalicach("País natal")],
12938
12939        dataSpecyfikacja[addtalicach("Country")],
12940        dataSpecyfikacja[addtalicach("Land")],
12941
12942
12943
12944        dataSpecyfikacja[addtalicach("Projektant")],
12945        dataSpecyfikacja[addtalicach("Designer")],
12946
12947
12948        dataSpecyfikacja[addtalicach("Rok")],
12949        dataSpecyfikacja[addtalicach("Year")],
12950        dataSpecyfikacja[addtalicach("Bien")],
12951        dataSpecyfikacja[addtalicach("Jahr")],
12952
12953
12954    );
12955
12956    // datawyglad.push(    { wyglad: "Wyglad" })
12957
12958    datawyglad.push(
12959        dataSpecyfikacja[addtalicach("Forma")],
12960        dataSpecyfikacja[addtalicach("Form")],
12961        dataSpecyfikacja[addtalicach("Bilden")],
12962        dataSpecyfikacja[addtalicach("Formulář")],
12963
12964
12965
12966        dataSpecyfikacja[addtalicach("Waga")],
12967        dataSpecyfikacja[addtalicach("Weight")],
12968        dataSpecyfikacja[addtalicach("Gewicht")],
12969        dataSpecyfikacja[addtalicach("Váhy")],
12970        dataSpecyfikacja[addtalicach("Peso")],
12971
12972
12973
12974        dataSpecyfikacja[addtalicach("Wymiary")],
12975        dataSpecyfikacja[addtalicach("Diameter")],
12976        dataSpecyfikacja[addtalicach("Durchmesser")],
12977        dataSpecyfikacja[addtalicach("Průměr")],
12978
12979
12980        dataSpecyfikacja[addtalicach("Stop")],
12981        dataSpecyfikacja[addtalicach("Metal type")],
12982        dataSpecyfikacja[addtalicach("Metallart")],
12983        dataSpecyfikacja[addtalicach("Aleación")],
12984
12985        dataSpecyfikacja[addtalicach("Klasa")],
12986        dataSpecyfikacja[addtalicach("Class")],
12987        dataSpecyfikacja[addtalicach("Klasse")],
12988
12989
12990        dataSpecyfikacja[addtalicach("Kolorowany")],
12991        dataSpecyfikacja[addtalicach("Colored")],
12992        dataSpecyfikacja[addtalicach("Farbig")],
12993        dataSpecyfikacja[addtalicach("De colores")],
12994
12995
12996        dataSpecyfikacja[addtalicach("Średnica")],
12997        dataSpecyfikacja[addtalicach("Diameter")],
12998        dataSpecyfikacja[addtalicach("Durchmesser")],
12999        dataSpecyfikacja[addtalicach("Diámetro")],
13000
13001
13002
13003        dataSpecyfikacja[addtalicach("Rant")],
13004        dataSpecyfikacja[addtalicach("Edge")],
13005        dataSpecyfikacja[addtalicach("Okraj")],
13006
13007        dataSpecyfikacja[addtalicach("Certyfikat")],
13008        dataSpecyfikacja[addtalicach("Certificate")],
13009
13010
13011
13012
13013        dataSpecyfikacja[addtalicach("Stan zachowania")],
13014        dataSpecyfikacja[addtalicach("Quality")],
13015        dataSpecyfikacja[addtalicach("Qualität")],
13016        dataSpecyfikacja[addtalicach("Stav zachování")],
13017
13018    )
13019
13020
13021    dataNomilal.push(
13022
13023        dataSpecyfikacja[addtalicach("Nominał")],
13024        dataSpecyfikacja[addtalicach("Denomination")],
13025        dataSpecyfikacja[addtalicach("Auf keinen Fall")],
13026        dataSpecyfikacja[addtalicach("Označení")],
13027        dataSpecyfikacja[addtalicach("Denominación")],
13028        dataSpecyfikacja[addtalicach("Nennwert")],
13029    )
13030
13031    przechowywanie_naklad.push(
13032
13033        dataSpecyfikacja[addtalicach("Opakowanie")],
13034        dataSpecyfikacja[addtalicach("Packaging")],
13035        dataSpecyfikacja[addtalicach("Verpackung")],
13036        dataSpecyfikacja[addtalicach("Obal")],
13037        dataSpecyfikacja[addtalicach("Embalayas")],
13038        dataSpecyfikacja[addtalicach("Embalaje")],
13039
13040
13041        dataSpecyfikacja[addtalicach(`Nakład (szt.)`)],
13042        dataSpecyfikacja[addtalicach("Mintage (Pcs)")],
13043        dataSpecyfikacja[addtalicach("Normaltest (St.)")],
13044        dataSpecyfikacja[addtalicach("Rollo de menta (piezas)")],
13045        dataSpecyfikacja[addtalicach("Circulación (uds.)")],
13046        dataSpecyfikacja[addtalicach("Normalprägung (St.)")],
13047
13048        dataSpecyfikacja[addtalicach("Opakowanie jednostkowe")],
13049
13050        dataSpecyfikacja[addtalicach("Opakowanie zbiorcze")],
13051        dataSpecyfikacja[addtalicach("Bulk packaging")],
13052
13053
13054
13055        dataSpecyfikacja[addtalicach("Rolka Mennicza (Szt.)")],
13056        dataSpecyfikacja[addtalicach("Roles (Pc.)")],
13057
13058        dataSpecyfikacja[addtalicach("Tuba mennicza (szt.)")],
13059
13060        dataSpecyfikacja[addtalicach("Pakiety")],
13061
13062
13063        dataSpecyfikacja[addtalicach("Monsterbox")],
13064        dataSpecyfikacja[addtalicach("Monster box")],
13065
13066
13067    )
13068
13069
13070
13071
13072
13073    /// połaocznie
13074    const dataMainSpecyikajac = datapochodzenie.concat(datawyglad).concat(dataNomilal).concat(przechowywanie_naklad).concat(dataStawkaKodid)
13075
13076
13077
13078
13079
13080
13081    DataFinihspochodzenie = datapochodzenie.filter(function (element) {
13082        return element !== undefined;
13083    });
13084
13085
13086    DataFinihsKodId = dataStawkaKodid.filter(function (element) {
13087        return element !== undefined;
13088    });
13089
13090
13091    DataFinihsMarkaSeria = datamarkaseria.filter(function (element) {
13092        return element !== undefined;
13093    });
13094
13095    DataFinihsMarkaSeria[0].specyfikacja = "Mennica"
13096
13097    DataFinihs = dataMainSpecyikajac.filter(function (element) {
13098        return element !== undefined;
13099    });
13100
13101    DatawygladFinihs = datawyglad.filter(function (element) {
13102        return element !== undefined;
13103    });
13104
13105
13106    DatawygladNaklad = przechowywanie_naklad.filter(function (element) {
13107        return element !== undefined;
13108    });
13109
13110    DatanominalFinihs = dataNomilal.filter(function (element) {
13111        return element !== undefined;
13112    });
13113
13114    DataprzechowyFinihs = przechowywanie_naklad.filter(function (element) {
13115        return element !== undefined;
13116    });
13117
13118    ///
13119
13120
13121
13122
13123
13124    const getNumberID = document.querySelector("#projector_product_hidden");
13125
13126    const getIDI = getNumberID.value
13127
13128    const getMapaMarkakodProducenta = DataFinihsKodId.map((item, ide) => {
13129
13130        return `
13131    <div>
13132    <span>${item.specyfikacja}:</span> ${item.wartosc}
13133    </div> 
13134    
13135`
13136    }).join('');
13137
13138
13139    const getMapaMarkaSeriaMain = DataFinihsMarkaSeria.map((item, ide) => {
13140        return `
13141    <div>
13142    <span>${item.specyfikacja}:</span>
13143  <a href="${item.link}"  class="dictionary__name_txt">  ${item.wartosc}</a>
13144    </div>
13145`
13146    }).join('');
13147
13148
13149    const getMapapochodzenie = DataFinihspochodzenie.map((item, ide) => {
13150        return `
13151    <div>
13152    <span>${item.specyfikacja}:</span>
13153    ${item.wartosc}
13154    </div>
13155`
13156    }).join('');
13157
13158
13159
13160    const getMapawyglad = DatawygladFinihs.map((item, ide) => {
13161
13162        return `
13163    <div>
13164   <span> ${item.specyfikacja}:</span>
13165
13166    <b>${item.wartosc}</b>
13167    </div>
13168`
13169
13170    }).join('');
13171
13172
13173    // if(dataNomilal[0].specyfikacja !== undefined) {
13174
13175    const getMapanominap = DatanominalFinihs.map((item, ide) => {
13176
13177        return `
13178   
13179    <div>
13180  <span>  ${item.specyfikacja}:</span>
13181
13182    <b>${item.wartosc}</b>
13183    </div>
13184`
13185    }).join('');
13186
13187    // }
13188
13189
13190    const getMapanaklad = DatawygladNaklad.map((item, ide) => {
13191
13192        return `
13193
13194    <div>
13195  <span>  ${item.specyfikacja}:</span>
13196
13197    <b>${item.wartosc}</b>
13198    </div>
13199`
13200    }).join('');
13201
13202
13203
13204
13205    const getMapprzechowyanie = DataprzechowyFinihs.map((item, ide) => {
13206
13207        return `
13208  
13209    <div>
13210  <span>  ${item.specyfikacja}:</span>
13211
13212    <b>${item.wartosc}</b>
13213    </div>
13214
13215
13216`
13217
13218    }).join('');
13219
13220
13221    function getPrzechowywnaie() {
13222
13223        if (DataprzechowyFinihs.length == 0) {
13224            return ""
13225        } else {
13226            return `<strong>Przechowywanie/nakład:</strong>  ${getMapprzechowyanie}`
13227
13228
13229        }
13230    }
13231
13232
13233
13234
13235
13236
13237    //   ${ langEn ? "Show sold-out products" : "" }
13238
13239    const getNumberAll = () => {
13240
13241
13242        if (getMapaMarkakodProducenta.includes(getIDI)) {
13243
13244            return ` <span>
13245                
13246                ${langEn ? "Store product code:" : ""}
13247                ${langPl ? "Kod produktu sklepu:" : ""}
13248                ${langDe ? "Shop-Produktcode:" : ""}
13249                ${langEs ? "Código de producto de la tienda:" : ""}
13250                ${langCs ? "Kód produktu obchodu:" : ""}
13251                
13252                
13253                </span> ${getIDI}`
13254        } else {
13255
13256            return ` <span> ${langEn ? "Store product code:" : ""}
13257                ${langPl ? "Kod produktu sklepu:" : ""}
13258                ${langDe ? "Shop-Produktcode:" : ""}
13259                ${langEs ? "Código de producto de la tienda:" : ""}
13260                ${langCs ? "Kód produktu obchodu:" : ""}</span> ${getIDI}
13261    
13262    ${getMapaMarkakodProducenta}
13263    `
13264
13265        }
13266
13267    }
13268    getNumberAll()
13269
13270
13271    document.querySelector("#projector_dictionary").innerHTML =
13272
13273        `
13274      <strong>
13275          ${langEn ? "Specification:" : ""}
13276    ${langPl ? "Specyfikacja:" : ""}
13277    ${langCs ? "Specifikace:" : ""}
13278    ${langEs ? "Especificación:" : ""}
13279    ${langDe ? "Spezifikation:" : ""}
13280        
13281
13282
13283        
13284        
13285        
13286        </strong>
13287
13288<div class="brakte_row">
13289       ${getMapaMarkaSeriaMain} 
13290    
13291
13292
13293    ${getMapapochodzenie} 
13294</div>
13295
13296  <div class="brakte_row">
13297    ${getMapawyglad}
13298</div>
13299<div class="brakte_row">
13300     ${getMapanominap}
13301</div>
13302<div class="brakte_row">
13303     ${getMapanaklad}
13304</div>
13305
13306<div class="brakte_row">
13307  
13308
13309      <div>
13310    ${getNumberAll()}
13311    </div>
13312    </div>
13313    
13314    
13315    `
13316    //   ${ getMapaMarkakodProducenta }
13317</script>
13317
13318
13319
13320
13321<script>
13322    function nowaaa() {
13323
13324        function parsePrice(priceStr) {
13325            const cleanStr = priceStr.replace(/[^0-9.,]/g, '');
13326            if (cleanStr.includes('.') && cleanStr.includes(',') && cleanStr.indexOf(',') < cleanStr.indexOf('.')) {
13327                return parseFloat(cleanStr.replace(',', ''));
13328            } else if (cleanStr.includes(',')) {
13329                return parseFloat(cleanStr.replace(',', '.'));
13330            } else {
13331                return parseFloat(cleanStr);
13332            }
13333        }
13334
13335        function getCurrencySymbol(priceStr) {
13336            const match = priceStr.match(/[^\d\s,.-]+/);
13337            if (match) {
13338                return match[0];
13339            } else {
13340                return '';
13341            }
13342        }
13343
13344        function parseWeightStringUpdated(weightStr) {
13345            weightStr = weightStr.toLowerCase().trim();
13346
13347            const pattern = /(\d+[\.,]?\d*)\s*(?:\/(\d+))?\s*(kg|kilogram|kilogramy|kilogramów|kilograms|lbs|lb|pound|pounds|g|gram|gramy|gramów|grams|oz|ozt|ounce|uncja|uncje|uncji)/;
13348            const match = weightStr.match(pattern);
13349
13350            if (match) {
13351                let numerator = parseFloat(match[1].replace(',', '.'));
13352                let denominator = match[2] ? parseFloat(match[2]) : 1.0;
13353                const unit = match[3].toLowerCase();
13354                const fraction = numerator / denominator;
13355
13356                return [fraction, unit];
13357            }
13358
13359            return [null, null];
13360        }
13361
13362        function convertToTroyOunces(value, unit) {
13363            const conversionFactors = {
13364                'kg': 1000 / 31.1035,
13365                'kilogram': 1000 / 31.1035,
13366                'kilogramy': 1000 / 31.1035,
13367                'kilogramów': 1000 / 31.1035,
13368                'kilograms': 1000 / 31.1035,
13369                'lbs': 1 / 14.5833,
13370                'lb': 1 / 14.5833,
13371                'pound': 1 / 14.5833,
13372                'pounds': 1 / 14.5833,
13373                'g': 1 / 31.1035,
13374                'gram': 1 / 31.1035,
13375                'gramy': 1 / 31.1035,
13376                'gramów': 1 / 31.1035,
13377                'grams': 1 / 31.1035,
13378                'oz': 1,
13379                'ozt': 1,
13380                'ounce': 1,
13381                'uncja': 1,
13382                'uncje': 1,
13383                'uncji': 1,
13384            };
13385
13386            const factor = conversionFactors[unit];
13387            if (factor !== undefined) {
13388                return value * factor;
13389            }
13390            return null;
13391        }
13392
13393        function extractWeightInTroyOuncesUpdated(productName) {
13394            const [value, unit] = parseWeightStringUpdated(productName);
13395            if (value && unit) {
13396                return convertToTroyOunces(value, unit);
13397            }
13398            return null;
13399        }
13400
13401        let fetchOresCard = async () => {
13402            const response = await fetch('https://data.metalmarket.sg/api/ores/live-mm-get', {
13403                headers: {
13404                    'Accept': 'application/json'
13405                }
13406            });
13407            const json = await response.json();
13408
13409            const gold = {
13410                PLN: json.XAUPLN.ask,
13411                USD: json.XAUUSD.ask,
13412                EUR: json.XAUEUR.ask,
13413                SGD: json.XAUSGD.ask,
13414            }
13415
13416            const silver = {
13417                PLN: json.XAGPLN.ask,
13418                USD: json.XAGUSD.ask,
13419                EUR: json.XAGEUR.ask,
13420                SGD: json.XAGSGD.ask,
13421            }
13422
13423            const platinum = {
13424                PLN: json.XPTPLN.ask,
13425                USD: json.PLATIN.ask,
13426            }
13427
13428            const palladium = {
13429                PLN: json.XPDPLN.ask,
13430                USD: json.PALLAD.ask,
13431            }
13432
13433            return {
13434                gold,
13435                silver,
13436                platinum,
13437                palladium,
13438            }
13439        }
13440
13441        function getOrePriceBySymbol(orePrices, name, symbol) {
13442            const orePrice = getOrePriceByType(orePrices, name);
13443            console.log('oreprice', orePrice)
13444            if (!orePrice) return null;
13445            if (symbol === 'zł') {
13446                return orePrice.PLN;
13447            } else if (symbol === '$') {
13448                return orePrice.USD;
13449            } else if (symbol === '€') {
13450                if (orePrice.EUR) {
13451                    return orePrice.EUR;
13452                }
13453                return null;
13454            }
13455            return null;
13456        }
13457
13458        function getOrePriceByType(orePrices, type) {
13459            let name = type.toLowerCase();
13460            name = name.trim();
13461            if (name.includes('złota') || name.includes('złoto') || name.includes('gold') || name.includes('xau') || name.includes('złote') || name.includes('złoty')) {
13462                return orePrices.gold;
13463            } else if (name.includes('srebra') || name.includes('srebro') || name.includes('silver') || name.includes('xag') || name.includes('srebrne') || name.includes('srebrna')) {
13464                return orePrices.silver;
13465            } else if (name.includes('platyny') || name.includes('platyna') || name.includes('platinum') || name.includes('xpt') || name.includes('platynowe') || name.includes('platynowy')) {
13466                return orePrices.platinum;
13467            } else if (name.includes('palladu') || name.includes('palladium') || name.includes('xpd') || name.includes('palladowe') || name.includes('palladowy')) {
13468                return orePrices.palladium;
13469            }
13470            return null;
13471        }
13472
13473        function updateProductCardInformation(node, orePrices) {
13474            const oreValue = Array.from(document.querySelectorAll('#projector_dictionary div')).find((node) => node.innerHTML.includes('Forma')).innerText;
13475            const weightValue = Array.from(document.querySelectorAll('#projector_dictionary div')).find((node) => node.innerHTML.includes('Waga')).innerText;
13476            const price = document.querySelector('#projector_price_value');
13477
13478            if (!price) return;
13479
13480            const productPrice = parsePrice(price.innerText);
13481            const productPriceSymbol = getCurrencySymbol(price.innerText);
13482            if (!productPrice) {
13483                console.error('no price', price.innerText);
13484                return;
13485            }
13486            if (productPriceSymbol !== 'zł' && productPriceSymbol !== '$' && productPriceSymbol !== '€') {
13487                console.error('no currency', price.innerText);
13488                return;
13489            };
13490            const orePrice = getOrePriceBySymbol(orePrices, oreValue, productPriceSymbol);
13491            const oreWeight = extractWeightInTroyOuncesUpdated(weightValue);
13492            if (!orePrice || !oreWeight) {
13493                console.error('no ore price or weight', weightValue, orePrice, oreWeight);
13494                return;
13495            }
13496
13497            const spotPriceDifferencePercentage = ((productPrice / (oreWeight * orePrice)) - 1) * 100;
13498            if (typeof spotPriceDifferencePercentage !== 'number' || isNaN(spotPriceDifferencePercentage)) {
13499                console.error('no spot price difference percentage', spotPriceDifferencePercentage);
13500                return;
13501            }
13502
13503            if (spotPriceDifferencePercentage > 1000 || spotPriceDifferencePercentage < -1000) return;
13504
13505            const spotAdd = document.createElement('strong');
13506            spotAdd.classList.add('spot-add');
13507
13508            if (spotPriceDifferencePercentage < 0) {
13509                spotAdd.classList.add('spot-add--negative');
13510                spotAdd.style.color = "#e74c3c";
13511            } else if (spotPriceDifferencePercentage > 0) {
13512                spotAdd.classList.add('spot-add--positive');
13513                spotAdd.style.color = "#10ac82";
13514            } else {
13515                spotAdd.classList.add('spot-add--neutral');
13516                spotAdd.style.color = "#000";
13517            }
13518
13519            spotAdd.innerText = `SPOT +${spotPriceDifferencePercentage.toFixed(2)}%`
13520            node.appendChild(spotAdd);
13521        }
13522
13523        async function loadPonadSpotProduct() {
13524            const prices_wrapper = document.getElementById('projector_prices_wrapper');
13525            if (!prices_wrapper) return;
13526            let orePrices = await fetchOresCard();
13527
13528            updateProductCardInformation(prices_wrapper, orePrices);
13529        }
13530
13531        if (document.readyState === 'loading') {
13532            document.addEventListener("DOMContentLoaded", loadPonadSpotProduct);
13533        } else {
13534            loadPonadSpotProduct();
13535        }
13536
13537    }
13538
13539    nowaaa();
13540
13541</script>
13541</div><div class="menu_button_wrapper"><style>
13542
13543.seria_text {display:none !important}
13544
13545header.commercial_banner {
13546    z-index: 1 !important
13547}
13548
13549#projector_photos .pswp__img {
13550    max-width: fit-content !important;
13551    height: auto !important;
13552}
13553
13554
13555#slider_popular_coins {
13556    & .popular_coins_tabs {
13557        & li {
13558            &.active {
13559                border-bottom: none !important;
13560                opacity: 1;
13561                color: var(--yellow);
13562            }
13563        }
13564    }
13565}
13566
13567
13568#menu_seearch .menu_seearch__mobile {
13569    width: 100%;
13570}
13571
13572#links_footer_3 a span {
13573
13574    text-wrap: pretty !important;
13575}
13576
13577@media (max-width:1500px) {
13578
13579    body #footer_links {
13580        display: grid !important;
13581        grid-template-columns: minmax(218px, 0.5fr) repeat(5, 1fr) !important;
13582        max-width: 1400px;
13583    }
13584
13585    #footer_links a,
13586    #footer_links span {
13587        display: block;
13588        text-decoration: none;
13589        text-wrap: pretty;
13590    }
13591
13592
13593    header.commercial_banner {
13594        max-width: var(--widtpage);
13595        padding: 0px 0px;
13596    }
13597
13598    header.commercial_banner {
13599        padding: 0px 20px;
13600    }
13601
13602    .main_page #layout {
13603        max-width: 90%;
13604    }
13605
13606    #menu_rwd_main #menu_search {
13607        margin-bottom: 20px;
13608    }
13609
13610    .search_page #layout {
13611        margin-bottom: 15px;
13612        margin-top: 50px;
13613        max-width: 90% !important;
13614    }
13615
13616
13617    .wrap_content {
13618        display: flex;
13619        justify-content: space-between;
13620        /* gap: 39px; */
13621        color: #fff;
13622        max-width: var(--widtpage);
13623        margin: auto;
13624        padding: 0px 20px;
13625    }
13626
13627    input.input_main {
13628        border: solid 1px #ccc;
13629        min-height: 45px;
13630        display: flex;
13631        align-content: center;
13632        align-items: center;
13633        gap: 40px;
13634        padding: 0px 19px;
13635        text-transform: none;
13636        text-decoration: none;
13637        color: #e2e2e2;
13638        padding-right: 40px;
13639        border-radius: 0px;
13640        position: static;
13641        width: 100% !important;
13642        font-size: 12px;
13643        font-weight: 100;
13644    }
13645
13646
13647    .contetn_main_tab_two {
13648
13649        max-width: 100%;
13650        margin: auto;
13651        margin: 100px auto;
13652        margin-top: 0px;
13653    }
13654
13655
13656    .pic_big_content {
13657        position: absolute;
13658        width: 890px;
13659        right: -360px;
13660        top: 30%;
13661    }
13662
13663    header .navbar-nav {
13664        align-items: center;
13665        justify-content: space-between !important;
13666        gap: 8px !important;
13667    }
13668
13669}
13670
13671@media (max-width:1300px) {
13672
13673    .pic_big_content {
13674        position: absolute;
13675        width: 890px;
13676        right: -260px;
13677        top: 30%;
13678    }
13679
13680    .right_columnt_head_grid {
13681        justify-items: end;
13682        display: grid;
13683        grid-template-columns: 1fr 1fr;
13684        gap: 20px;
13685        text-wrap: nowrap;
13686    }
13687
13688
13689    .headline_big h2 {
13690        font-size: 22px;
13691        color: #1A1C05;
13692        font-family: 'Noto Serif', serif;
13693    }
13694
13695    .price_item {
13696        font-size: 15px;
13697        color: #1A1C05;
13698        font-weight: bold;
13699    }
13700
13701    .skup_gold_items .number_item {
13702        font-size: 33px;
13703    }
13704
13705    .headline__name {
13706        font-size: 3vw;
13707
13708    }
13709
13710    .table_big {
13711        margin-top: 10px;
13712    }
13713
13714    div#przedpremiery_bos {
13715        position: absolute;
13716        z-index: 999;
13717        top: -420px;
13718        right: 0px;
13719        width: 520px;
13720    }
13721
13722    #mennice_contetn {
13723        padding: 70px 0px;
13724    }
13725
13726    .text_big_content {
13727        display: grid;
13728        grid-template-columns: 0.6fr 0.6fr;
13729        position: relative;
13730    }
13731
13732    .liczba_box {
13733
13734        padding: 0px 20px;
13735
13736    }
13737
13738    .contetn_main_tab_two.active {
13739
13740        max-width: 100%;
13741    }
13742
13743    #wielak_szostka {
13744        padding: 0px 0px;
13745    }
13746
13747    #wielak_szostka .headline__after {
13748        position: static;
13749    }
13750
13751    #kafelki {
13752        padding: 10px;
13753        margin: 0px;
13754    }
13755
13756
13757    /* .email_footer_bar {display: none;} */
13758
13759    .text_main_ceny h2 {
13760        font-size: 40px;
13761    }
13762
13763    .produkty_main_cena {
13764        gap: 0px;
13765        width: 310%;
13766        margin: 10px 0px;
13767
13768
13769    }
13770
13771    #cytat_main {
13772        margin-right: 0px;
13773        margin-left: 300px;
13774    }
13775
13776    .button_gold {
13777        position: relative;
13778        margin: 10px;
13779    }
13780
13781    html.sidebar_open aside {
13782        padding-top: 0;
13783        z-index: 999999;
13784    }
13785
13786
13787
13788    .contetn_main_tab_two.active {
13789        display: block;
13790        max-width: 100%;
13791        margin: auto;
13792        margin: 50px auto;
13793        margin-top: 0px;
13794    }
13795
13796
13797    #wielak_szostka .pic_big_content img {
13798        max-width: 100%;
13799    }
13800
13801    .cytat_main {
13802        position: absolute;
13803        right: -70%;
13804    }
13805
13806    #cytat_main h6 {
13807        font-size: 12px;
13808        padding: 10px;
13809
13810    }
13811
13812    #projector_status_wrapper {
13813        min-height: 70.8px !important;
13814    }
13815
13816    #projector_amount {
13817        display: block;
13818    }
13819
13820    .tag_content a {
13821        font-size: 11px;
13822    }
13823
13824    .phone_head_grid {
13825        display: inline-block;
13826
13827    }
13828
13829    #centrum_pokmocy_fiszka {
13830        left: -320px;
13831    }
13832
13833    .phoen_karta img {
13834        width: 40px;
13835    }
13836
13837    .phoen_karta a {
13838        display: block;
13839        font-size: 32px;
13840    }
13841
13842    .phoen_karta {
13843
13844        padding: 10px 0px;
13845    }
13846
13847    #projector_price_srp_wrapper {
13848        font-size: 19px;
13849    }
13850
13851    .spot-add.spot-add {
13852        font-size: 19px;
13853    }
13854
13855
13856
13857    h1.product_name__name {
13858        font-size: 32px;
13859    }
13860
13861    #menu_categories {
13862        max-width: 100%;
13863    }
13864
13865    header .navbar-nav {
13866        gap: 20px !important
13867    }
13868
13869
13870
13871    .projector_details .projector_prices__price {
13872        font-size: 35px;
13873
13874    }
13875
13876    .projector_prices__info {
13877        font-size: 17px;
13878    }
13879
13880    #projector_shipping_info {
13881        font-size: 15px;
13882        padding-bottom: 0px;
13883    }
13884
13885
13886}
13887
13888#ofirmie h4 {
13889    color: #1A1C05;
13890    font-size: 18px;
13891    font-family: 'Inter' !important;
13892    font-weight: normal;
13893    color: #63625D;
13894    margin: 20px 0px;
13895}
13896
13897
13898@media (max-width:1366px) {
13899
13900    #slider_popular_coins {
13901        & .image_slider_coins {
13902            img {
13903                max-width: 120px;
13904                mix-blend-mode: multiply;
13905            }
13906        }
13907    }
13908
13909
13910    #slider_popular_coins {
13911        & .tabsy_coins_main.active {
13912            animation: aminacja_images 2s linear;
13913            display: grid;
13914            grid-template-columns: repeat(3, 1fr);
13915            justify-items: left;
13916            align-items: center;
13917            gap: 2 rem;
13918        }
13919    }
13920
13921    .pic_big_content {
13922        position: absolute;
13923        width: 890px;
13924        right: -50%;
13925        top: 30%;
13926    }
13927
13928
13929
13930#slider_popular_coins {
13931    & .sliver_items_1 {
13932        position: relative;
13933        border-left: solid 1px #cccccc5c;
13934    }
13935}
13936
13937.sliver_items_1:nth-child(1),
13938.sliver_items_1:nth-child(4) {
13939
13940    border-left: none !important;
13941
13942}
13943
13944.moneta_main img {
13945    width: 100% !important;
13946}
13947
13948#karuzela_promocja {
13949    display: grid;
13950    grid-template-columns: minmax(140px, 150px) 1fr;
13951    gap: 30px;
13952}
13953
13954#karuzela_promocja {
13955    & .product_right {
13956        & .promocja_manin_kafelki {
13957            .price_promotion {
13958                font-size: 18px;
13959                color: #04a75c;
13960                font-weight: bold;
13961            }
13962        }
13963    }
13964
13965
13966}
13967
13968#skup_main {
13969    & #skup_content {
13970        & .list_produkct_skup {
13971            .price {
13972                display: flex;
13973                gap: 5px;
13974                color: #1a1c05;
13975                align-items: flex-end;
13976                font-size: 17px;
13977                color: #1A1C05;
13978                font-weight: bold;
13979            }
13980        }
13981    }
13982}
13983
13984#boksy_main_baner .boksy_main_text {
13985    padding: 10px 50px;
13986}
13987
13988}
13989
13990
13991@media (max-width:1070px) {
13992
13993    .moneta_main img {
13994        width: 100% !important;
13995    }
13996
13997    #karuzela_promocja {
13998        display: grid;
13999        grid-template-columns: minmax(140px, 260px) 1fr;
14000        gap: 30px;
14001    }
14002
14003    body h2 .headline__name {
14004        font-family: 'Noto Serif', serif;
14005        color: var(--darkyello);
14006        font-size: var(--big36);
14007        padding-bottom: 0px;
14008    }
14009
14010    body #baner_bars_conten {
14011        margin-top: 0px;
14012    }
14013
14014    body #menu_walory {
14015        width: 150px;
14016        top: 220px !important;
14017        right: 20px;
14018        z-index: 9999;
14019    }
14020
14021
14022    body #calculator_box .adres {
14023        margin-bottom: 20px;
14024    }
14025
14026
14027    body #bars_caruselki .text_main_carusel p {
14028        text-align: center;
14029    }
14030
14031    body #baner_gwaranty h2 {
14032        margin-bottom: 0px;
14033    }
14034
14035    body #slider_popular_coins h2 {
14036
14037        margin-bottom: 0px !important;
14038    }
14039
14040    #kafelki_content {
14041
14042        z-index: 0;
14043    }
14044
14045    #logo {
14046        height: auto !important;
14047        margin-top: 0;
14048        padding: 0 10px;
14049        padding-left: 0;
14050    }
14051
14052    header {
14053        align-items: center;
14054    }
14055
14056    .destow_sub_baner {
14057        display: none;
14058    }
14059
14060    #main_hotspot_zone1 .products {
14061        position: relative;
14062        top: -20px
14063    }
14064
14065    #Filters .headline__after {
14066        display: none !important;
14067    }
14068
14069    #paging_setting_top .s_paging__item.--filters .btn.--large.--solid {
14070        display: block !important;
14071    }
14072
14073    .s_paging__item.--filters .btn.--large.--solid {
14074        background: none !important;
14075    }
14076
14077    html.--freeShipping:not(.order_process) body,
14078    html body {
14079
14080        padding-top: 60px !important;
14081
14082    }
14083
14084
14085    .s_paging__item.--sort {
14086        min-height: 50px !important;
14087    }
14088
14089    #paging_setting_top .--filters .btn.--large.--solid {
14090
14091
14092        color: var(--darkyello);
14093        background-size: contain;
14094        text-align: right;
14095        background-color: transparent !important;
14096        position: relative;
14097        /* top: 50px; */
14098        z-index: 999;
14099    }
14100
14101    #paging_setting_top .--filters .btn.--large.--solid::before {
14102
14103
14104        content: '';
14105        width: 40px;
14106        height: 50px;
14107        position: absolute;
14108        background: url(https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/filtrowanie.svg?v=1730798190617) 10px 10px no-repeat;
14109        background-size: 80%;
14110        right: 110px;
14111        top: -1px;
14112
14113
14114    }
14115
14116    .search_page #breadcrumbs {
14117        display: none !important;
14118    }
14119
14120
14121    .search_name__label {
14122        margin: 0 !important;
14123        padding: 0 !important;
14124        display: flex;
14125        justify-content: flex-start;
14126        font-size: -8px !important;
14127    }
14128
14129    .topBasket {
14130        width: 50px;
14131        grid-area: menu_basket;
14132        display: flex;
14133        align-content: center;
14134        align-items: center;
14135    }
14136
14137    h1 .search_name__label {
14138        font-size: 18px !important;
14139    }
14140
14141    #boksy_main_baner {
14142        /* margin: 20px 0px; */
14143        display: grid;
14144        flex-wrap: nowrap;
14145        flex-direction: row;
14146        align-content: center;
14147        align-items: flex-start;
14148        overflow-x: scroll;
14149        width: 100%;
14150        text-wrap: balance;
14151        /* width: 160%; */
14152        grid-template-columns: minmax(300px, 1fr) minmax(300px, 1fr);
14153    }
14154
14155    #boksy_main_baner .boksy_main_text {
14156        padding: 10px 20px;
14157    }
14158
14159    #boksy_main_baner p {
14160        font-size: 11px;
14161        line-height: 17px;
14162        padding: 10px;
14163        padding-bottom: 0px;
14164        margin-bottom: 0px;
14165        margin-top: 0px;
14166        padding-top: 0px;
14167    }
14168
14169    #boksy_main_baner>div>a {
14170        background: #fdfcf7;
14171        display: block;
14172        grid-template-columns: 1fr;
14173        text-align: center;
14174        align-content: center;
14175        align-items: center;
14176        justify-content: center;
14177        gap: 0px;
14178        width: 100%;
14179    }
14180
14181    #boksy_main_baner .boksy_main_text>div {
14182        padding-bottom: 0px;
14183    }
14184
14185    #boksy_main_baner .head_text img {
14186        margin: auto;
14187        border-radius: 0px;
14188        padding: 10px;
14189        display: block;
14190    }
14191
14192
14193
14194    #main_menu_bottom .menu_bottom_ul {
14195        padding-bottom: 20px;
14196    }
14197
14198
14199    #mennicenew {
14200        grid-template-columns: repeat(2, 1fr);
14201        gap: 5px 1px;
14202    }
14203
14204    .caruselpromotionProduct_wrap .seria_text {
14205        color: #fff;
14206        text-align: center;
14207        font-style: italic;
14208        font-size: 27px;
14209        margin-top: 0px;
14210        font-family: 'Noto Serif', serif;
14211        font-weight: normal;
14212    }
14213
14214    .caruselpromotionProduct_wrap p {
14215        color: #fff;
14216        text-align: center;
14217        font-family: 'Noto Serif', serif;
14218        font-weight: normal;
14219        font-size: 14px;
14220        line-height: 25px;
14221        padding: 20px;
14222    }
14223
14224    .seria_text a {
14225        color: #fff;
14226        font-size: 21px;
14227    }
14228
14229    #caruselpromotionProduct img {
14230        /* mix-blend-mode: color-burn !important; */
14231        /* filter: brightness(1); */
14232        /* mix-blend-mode: multiply; */
14233        border-radius: 100%;
14234        max-width: 100%;
14235        max-height: 30%;
14236        margin: auto;
14237    }
14238
14239    /* #caruselpromotionProduct {display: none;} */
14240
14241    #the_best_price .price_bg .info_metal {
14242        display: block !important;
14243    }
14244
14245    #content #the_best_price .info_metal {
14246        font-size: 12px !important;
14247        color: #1A1C05;
14248        text-transform: uppercase;
14249    }
14250
14251
14252    #main_banner1 .main_pager {
14253        position: absolute;
14254        bottom: 40px;
14255
14256    }
14257
14258    #search.d-flex {
14259        display: flex !important;
14260        justify-content: space-around !important;
14261        gap: 10px !important;
14262        row-gap: 10px !important;
14263    }
14264
14265    img {
14266        border-radius: 0px !important;
14267    }
14268
14269    #menu_seearch {
14270        width: auto;
14271        grid-area: menu_search;
14272        display: flex;
14273        align-items: center;
14274    }
14275
14276
14277    header.commercial_banner {
14278        max-width: var(--widtpage);
14279        padding: 0px 0px;
14280        grid-template-columns: .6fr !important;
14281    }
14282
14283    .main_page #layout {
14284        max-width: 100%;
14285    }
14286
14287    #menu_rwd_main #menu_search {
14288        margin-bottom: 20px;
14289    }
14290
14291    .search_page #layout {
14292        margin-bottom: 15px;
14293        margin-top: 50px;
14294        max-width: 100% !important;
14295    }
14296
14297
14298    #menu_settings {
14299        display: block !important;
14300    }
14301
14302    #menu_settings .select-after {
14303        position: relative;
14304        background: #3e3d3b;
14305    }
14306
14307
14308    #menu_settings .form-group {
14309        margin-bottom: 0px;
14310        display: block;
14311        align-content: space-between;
14312        align-items: center;
14313        gap: 10px;
14314        flex-wrap: nowrap;
14315        width: 100%;
14316    }
14317
14318    #menu_rwd_main .chse_mennice {
14319        display: none;
14320    }
14321
14322    #menu_rwd_main #menu_search {
14323        display: block !important;
14324    }
14325
14326    #menu_rwd_main .menu_search__block {
14327        display: block !important;
14328    }
14329
14330    header {
14331        -webkit-backdrop-filter: blur(5px);
14332    }
14333
14334    #menu_rwd_main #menu_sub li a {
14335        padding-left: 20px;
14336    }
14337
14338    #menu_rwd_main {
14339        margin-bottom: 100px;
14340    }
14341
14342    .f-dropdown.open .f-dropdown-menu,
14343    .f-dropdown.--open .f-dropdown-menu {
14344        display: block !important;
14345    }
14346
14347    .search_name {
14348        padding-left: 10px;
14349    }
14350
14351    html {
14352        overflow-x: hidden;
14353    }
14354
14355    ._mobile .f-dropdown:not(.--disable-mobile-view):not(.open) .f-dropdown-menu {
14356        display: flex !important;
14357        white-space: normal;
14358        justify-content: flex-end;
14359    }
14360
14361    #container #paging_setting_bottom .pagination {
14362        display: flex !important;
14363    }
14364
14365    .icon-angle-right,
14366    .icon-angle-left {
14367        height: auto !important;
14368    }
14369
14370    header.commercial_banner {
14371        backdrop-filter: blur(4px);
14372
14373    }
14374
14375    aside .navbar-subnav,
14376    aside .navbar-subsubnav {
14377        height: auto !important;
14378    }
14379
14380    .search_page aside {
14381
14382        padding: 0 15px !important;
14383        width: 100%;
14384    }
14385
14386    .breadcrumbs {
14387        display: list-item;
14388
14389        top: 20px;
14390        position: relative;
14391
14392        margin-bottom: 20px;
14393
14394        position: static;
14395        margin-top: 0px !important;
14396    }
14397
14398    #container .breadcrumbs {
14399        margin-top: 0px !important;
14400        position: static !important;
14401        padding: 10px !important;
14402    }
14403
14404    #menu_navbar .navbar-subsubnav {
14405        top: -10px !important;
14406        position: relative;
14407        padding: 0px;
14408        overflow: hidden;
14409    }
14410
14411    .photos.--gallery .photos__slider_wrapper {
14412        padding-top: 10px !important;
14413    }
14414
14415    h1.product_name__name,
14416    h2 .headline__name {
14417        font-family: 'Noto Serif', serif;
14418        text-transform: capitalize;
14419        color: #1A1C05;
14420        font-size: 28px !important;
14421    }
14422
14423    .breadcrumbs {
14424        margin-top: 190px;
14425        display: block;
14426    }
14427
14428    .footer_bar_grid:after,
14429    .price_bg:after,
14430    #ofirmie:after,
14431    #cytat_main:after {
14432        display: none !important;
14433    }
14434
14435    #container.projector_page .col-sm-3 {
14436
14437        scroll-snap-align: center;
14438        flex: 0 0 45%;
14439        max-width: 45%;
14440    }
14441
14442    .tab-content .dlaczego_metal p {
14443        font-size: var(--small12);
14444    }
14445
14446    .tabs {
14447        display: flex;
14448        grid-template-columns: repeat(3, 1fr);
14449        gap: 30px;
14450        text-wrap: nowrap;
14451        overflow-x: scroll;
14452        padding: 0px;
14453
14454        flex-wrap: nowrap;
14455    }
14456
14457    .head_title_big {
14458        display: inline-flex;
14459        align-items: baseline;
14460
14461        white-space: nowrap;
14462    }
14463
14464    #ofirmie h2 {
14465        font-size: 28px;
14466    }
14467
14468    .head_title_big {
14469        display: flex;
14470        align-items: baseline;
14471        text-wrap: nowrap;
14472    }
14473
14474    #main_hotspot_zone3 {
14475        padding-bottom: 0px !important;
14476    }
14477
14478    #mennice_contetn h5 {
14479        font-size: 20px;
14480        color: var(--darkyello);
14481    }
14482
14483    /* #mennice_contetn::after {display: none;} */
14484
14485    .produkty_main_cena {
14486        gap: 0px;
14487        width: 210%;
14488        margin: 10px 0px;
14489    }
14490
14491    .headline__after::before,
14492    .headline__after:after {
14493        display: none !important;
14494    }
14495
14496    #kafelki .headline__after {
14497        margin-right: 50px;
14498        display: inline-flex;
14499        position: static;
14500        flex-wrap: nowrap;
14501
14502    }
14503
14504    .headline__after a {
14505        display: flex;
14506        position: static;
14507        flex-wrap: nowrap;
14508    }
14509
14510    #kafelki {
14511        padding: 10px;
14512        margin: 0px;
14513        overflow-x: scroll;
14514
14515        scrollbar-color: var(--darkyello) transparent;
14516        scrollbar-width: thin;
14517
14518
14519    }
14520
14521    .tags_conisn {
14522        white-space: nowrap;
14523        gap: 20px;
14524    }
14525
14526    .breadcrumbs {
14527        margin-top: 20px;
14528        display: flex;
14529
14530    }
14531
14532
14533
14534    /* div#seach_mennice {display: none !important;} */
14535
14536
14537    .producers__name span {
14538        font-size: 1.3rem;
14539        white-space: break-spaces;
14540        overflow-x: hidden;
14541        text-overflow: ellipsis;
14542    }
14543
14544    .szukaj_tags {
14545        margin-top: 20px;
14546    }
14547
14548    .producers__icon img {
14549        mix-blend-mode: darken !important;
14550        max-width: 110px;
14551        max-height: 80px;
14552    }
14553
14554    .producers__item {
14555        display: block;
14556        justify-content: center;
14557        flex-direction: column;
14558        align-items: center;
14559        flex-wrap: wrap;
14560    }
14561
14562    #mennicenew {
14563        grid-template-columns: repeat(2, 0.9fr) !important;
14564        gap: 10px;
14565    }
14566
14567    .shopping_list_top_mobile .sltm_link {
14568        height: 60px !important;
14569    }
14570
14571    .shopping_list_top_mobile .sltm_link:before {
14572
14573        content: '';
14574        background: url(https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/gwiazda.svg?v=1694099250281) no-repeat;
14575        height: 40px;
14576        width: 70px;
14577        display: block;
14578        background-size: cover;
14579        margin-bottom: 7px;
14580    }
14581
14582
14583
14584
14585    .maps_content {
14586        display: none;
14587    }
14588
14589    #mennicenew small {
14590        text-align: center !important;
14591    }
14592
14593    .producers__name {
14594        margin-top: auto;
14595        display: block;
14596        text-align: center;
14597    }
14598
14599    .producers__icon img {
14600        mix-blend-mode: darken !important;
14601        max-width: 150px;
14602        max-height: -webkit-fill-available;
14603        margin: auto;
14604    }
14605
14606    .producers__icon {
14607        display: flex;
14608        align-items: center;
14609        justify-content: center;
14610        text-decoration: none;
14611        /* height: 8rem; */
14612        /* width: 50%; */
14613    }
14614
14615    .headline__after {
14616        display: inline-block;
14617        font-size: var(--small14);
14618        /* font-family: 'Roboto', sans-serif !important; */
14619        text-wrap: nowrap;
14620        border-radius: 3px;
14621        /* padding: 10px 30px; */
14622        /* border: solid 2px var(--yellow); */
14623        color: var(--grey);
14624        letter-spacing: 1px;
14625        font-weight: 500;
14626        text-transform: none;
14627        position: relative;
14628        padding-left: 0px;
14629        margin-top: 20px;
14630        margin-left: 20px;
14631        cursor: pointer;
14632        font-weight: 800;
14633        bottom: -270px;
14634        right: 70px;
14635    }
14636
14637    #the_best_price {
14638        margin-top: 50px;
14639    }
14640
14641    #mennice_contetn .headline__after {
14642        left: -130px;
14643        display: none;
14644    }
14645
14646    #main_banner1 .main_pager .main_pager__item {
14647        overflow: hidden;
14648        text-indent: -999px;
14649        width: auto;
14650        /* margin-right: 0px; */
14651        display: block;
14652        height: 50px;
14653        max-width: 100px;
14654    }
14655
14656    #the_best_price .tabs {
14657        margin-top: 0px;
14658        border: none;
14659        padding: 20px;
14660        padding-top: 0px;
14661
14662    }
14663
14664    #the_best_price .tabs {
14665        overflow: hidden !important;
14666        /* height: 50px; */
14667    }
14668
14669    #the_best_price h5,
14670    #the_best_price h2 {
14671        padding-left: 10px;
14672    }
14673
14674    .produkty_main_cena:after {
14675        background: #e7e7e7;
14676        content: "";
14677        position: absolute;
14678        height: 1px;
14679        width: 97%;
14680        display: block;
14681        left: 0px;
14682        top: 99px;
14683    }
14684
14685    .tabs img {
14686        max-width: 150px;
14687    }
14688
14689    #logtypy_footer_info,
14690    #wrap_logo_info {
14691        overflow-x: scroll;
14692    }
14693
14694    .slick-arrow {
14695        display: none !important;
14696    }
14697
14698    .projector_page #specyfikacja_main {
14699        display: grid;
14700        grid-template-columns: 1fr;
14701        gap: 0rem;
14702    }
14703
14704
14705    #layout .projector_page .tabs h3 {
14706        padding: 20px !important;
14707    }
14708
14709    #tab_karta.tabs {
14710        white-space: nowrap;
14711    }
14712
14713    h2 .headline__name {
14714        font-family: 'Noto Serif', serif;
14715        color: var(--darkyello);
14716        font-size: 32px !important;
14717        line-height: 35px !important;
14718
14719    }
14720
14721    .headline_big h2 {
14722        font-size: var(--small24) !important;
14723        font-weight: normal;
14724
14725    }
14726
14727    .bestselery_karusela,
14728    .nowosi_karusela {
14729
14730        font-size: 28px;
14731    }
14732
14733
14734
14735    #content .tags_constent_main {
14736        display: inline-block !important;
14737        max-width: fit-content;
14738        margin: 0px;
14739        margin-left: 10px;
14740        margin-top: 5px;
14741    }
14742
14743
14744
14745    #container.search_page #content #search .col-sm-4 {
14746        flex: 0 0 46.33333% !important;
14747        max-width: 46.33333% !important;
14748        background: #fdfcf7;
14749    }
14750
14751
14752    #search .product {
14753        background: #fff;
14754        margin: 0px;
14755    }
14756
14757    html:not(.--ios) .main_page {
14758        padding-top: 0px;
14759    }
14760
14761    .header_bar {
14762        margin-top: 0px !important;
14763        position: static;
14764        display: none;
14765    }
14766
14767    .head_two img {
14768        width: 50px;
14769    }
14770
14771    .wrap_content {
14772        display: inline-block;
14773        justify-content: space-between;
14774        /* gap: 39px; */
14775        color: #fff;
14776        max-width: 1600px;
14777        margin: auto;
14778    }
14779
14780
14781    h2 .headline__name {
14782        font-family: 'Noto Serif', serif;
14783        color: var(--darkyello);
14784        font-size: var(--big36);
14785
14786    }
14787
14788    body {
14789        padding: 0px;
14790    }
14791
14792    .pic_big_content {
14793        position: static;
14794        width: 100%;
14795        margin: auto;
14796        margin-top: 40px;
14797        text-align: center;
14798    }
14799
14800    .topBasket__sub:after {
14801        mix-blend-mode: darken !important;
14802    }
14803
14804    #menu_categories {
14805        width: auto;
14806        clear: both;
14807        margin-bottom: 0rem !important;
14808        background: none;
14809        padding: 0px 0px !important;
14810        padding-top: 10px;
14811        margin: 0px;
14812        padding-bottom: 0rem !important;
14813        margin-top: 0px !important;
14814    }
14815
14816    .cytat_main {
14817        display: none;
14818    }
14819
14820
14821
14822    #centrum_pokmocy_fiszka {
14823        left: 0px;
14824        position: static;
14825    }
14826
14827    #centrum_pokmocy_fiszka .main_centrum_box {
14828        display: grid;
14829        grid-template-columns: 1fr 1fr 1fr;
14830        gap: 2px;
14831        align-items: center;
14832        justify-content: center;
14833    }
14834
14835    .imsg {
14836        text-align: center;
14837    }
14838
14839    .contetn_main_tab_two.active {
14840        max-width: 95%;
14841    }
14842
14843
14844    .text_big_content {
14845        display: block;
14846    }
14847
14848    .pic_main_six img {
14849        width: 100%;
14850        margin: auto;
14851    }
14852
14853    .tabs.two_tabs {
14854        border: none;
14855        margin-left: 10px;
14856
14857    }
14858
14859    .image_ofirmnie img {
14860        max-width: 200px;
14861        margin: auto;
14862    }
14863
14864    #ofirmie {
14865        background: #fdfcf7;
14866        padding: 50px 0px 50px 0px;
14867    }
14868
14869    .batch_opinie {
14870        position: static;
14871        left: 20px;
14872    }
14873
14874    a.logo_metal_market_footer img {
14875        width: 200px;
14876        margin-left: 20px;
14877    }
14878
14879    .right_columnt_head_grid {
14880        display: block;
14881        width: 100%;
14882        margin-top: 0px;
14883
14884    }
14885
14886    .phone_head_grid {
14887        padding: 20px;
14888    }
14889
14890    #footer_links {
14891        display: block !important;
14892        grid-template-columns: 1fr;
14893    }
14894
14895    .price_bg {
14896
14897
14898        overflow-x: scroll;
14899        flex-wrap: nowrap;
14900
14901        white-space: nowrap
14902    }
14903
14904
14905    .price_bg {
14906        justify-items: stretch;
14907        align-items: center;
14908        gap: 20px;
14909        background: #fdfcf7;
14910        display: grid;
14911        align-content: stretch;
14912        padding: 10px 0px;
14913        display: flex;
14914        justify-items: center;
14915        justify-content: flex-start;
14916        margin-top: 10px;
14917        flex-wrap: nowrap;
14918        flex-direction: row;
14919    }
14920
14921    #the_best_price .headline__after {
14922        position: static;
14923    }
14924
14925    .price_bg:before {
14926        display: none !important;
14927    }
14928
14929    .price_bg div>div:after {
14930        display: none !important;
14931    }
14932
14933    .price_bg div:nth-child(1) {
14934        display: flex;
14935        flex-wrap: wrap;
14936        padding-left: 10px;
14937
14938    }
14939
14940    #ofirmie h1 {
14941        color: #1A1C05;
14942        font-size: 23px;
14943        font-family: "Noto Serif", serif;
14944        font-weight: normal;
14945    }
14946
14947    .max-width-1200 {
14948        max-width: var(--widtpage);
14949        position: relative;
14950        margin-top: 0px !important;
14951    }
14952
14953
14954    .text_ofirmnie {
14955        padding: 0px 10px;
14956    }
14957
14958    .slick-dots {
14959        bottom: -10px;
14960        top: auto;
14961        display: flex;
14962    }
14963
14964    .headline__name {
14965        font-size: 5vw;
14966    }
14967
14968    .logotypy {
14969        display: flex;
14970        grid-template-columns: repeat(a, 1fr);
14971        gap: 50px;
14972        overflow-x: scroll;
14973    }
14974
14975    .tabs.two_tabs {
14976        grid-template-columns: repeat(6, 1fr);
14977        overflow-x: scroll;
14978        width: 100%;
14979    }
14980
14981
14982
14983    div#przedpremiery_bos {
14984        position: static;
14985
14986    }
14987
14988    #footer_links .footer_links#menu_orders .footer_links_sub {
14989        display: none;
14990    }
14991
14992    #cytat_main {
14993        margin-right: 0px;
14994        margin-left: 0px;
14995    }
14996
14997    #kafelki_content {
14998        display: flex;
14999        overflow-x: scroll;
15000        width: 200%;
15001    }
15002
15003    .table_imtex {
15004        padding: 5px 0px;
15005    }
15006
15007    div#best_price_wrap {
15008        display: grid;
15009        grid-template-columns: 1fr;
15010        align-items: center;
15011        overflow-x: scroll;
15012    }
15013
15014
15015    .ofirmie_contetn {
15016        display: block;
15017    }
15018
15019
15020    .liczby_mml {
15021        overflow-x: scroll;
15022    }
15023
15024    #mennice_contetn {
15025        padding: 30px 0px;
15026    }
15027
15028    .menu_seearch.--focus .seach_mennnice {
15029        display: block !important;
15030        max-width: 100%;
15031        padding: 10px !important;
15032    }
15033
15034    .befeoresearch_box h3 {
15035        text-align: left;
15036        padding-left: 10px;
15037    }
15038
15039    #menu_seearch .menu_seearch__mobile:before {
15040        left: 0px !important;
15041    }
15042
15043    #menu_seearch .menu_seearch__mobile:before {
15044        content: '';
15045        background: url('https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/seach.svg?v=1730817806555') no-repeat;
15046        width: 40px;
15047        height: 40px;
15048
15049        width: 40px !important;
15050        height: 54px !important;
15051        background-size: contain !important;
15052        background-position: 6px 8px !important;
15053    }
15054
15055
15056
15057    .projector_details__info {
15058        margin-top: 0px;
15059        padding-top: 0px;
15060    }
15061
15062    html.--rabateCode:not(.order_process) body {
15063        padding-top: 0px !important;
15064    }
15065
15066    .liczby_mml {
15067        display: flex;
15068        align-items: stretch;
15069        justify-content: center;
15070        gap: 30px;
15071        margin-top: 3rem;
15072        padding: 40px 0px;
15073        flex-wrap: nowrap;
15074        flex-direction: row;
15075        padding-left: 350px;
15076    }
15077
15078    .liczby_mml:after {
15079        display: none;
15080    }
15081
15082    .img_list {
15083        top: -21px;
15084
15085        height: 70px;
15086        width: 50px;
15087    }
15088
15089    .price {
15090        color: #1A1C05;
15091        font-size: 15px !important;
15092        text-align: center;
15093    }
15094
15095    .product h3 a {
15096        text-align: center;
15097        font-size: 12px !important;
15098
15099    }
15100
15101    #mennice_contetn::after {
15102        content: '';
15103        display: block;
15104        position: absolute;
15105        left: -330px;
15106        background: url(https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/strona_glowna/mapa.jpg?v=1703087601702) no-repeat;
15107        top: 4%;
15108        width: 1180px;
15109        height: 665px;
15110        z-index: -1;
15111        background-size: contain;
15112        -webkit-filter: grayscale(100%);
15113        filter: grayscale(100%);
15114        transition: all 1s;
15115        background-size: 80%;
15116        /* background: no-repeat; */
15117    }
15118
15119    #kafelki:after {
15120        display: none;
15121    }
15122
15123    #kafelki {
15124        display: flex;
15125        align-items: flex-start;
15126        justify-content: flex-start;
15127        gap: 0px;
15128        margin-top: 100px;
15129        position: relative;
15130        margin-bottom: 20px;
15131        cursor: pointer;
15132        padding-bottom: 0px;
15133        border-bottom: solid 0px var(--yellow);
15134        margin-bottom: 50px;
15135        text-wrap: nowrap;
15136        flex-wrap: nowrap;
15137        height: 100px;
15138    }
15139
15140
15141    #content #paging_setting_top {
15142        margin-bottom: 0px;
15143        padding: 10px;
15144    }
15145
15146    #filter_list {
15147        padding: 10px;
15148    }
15149
15150    #opinie_main p.big-3 {
15151        font-size: 17px;
15152        font-family: 'Noto Serif', serif;
15153        color: var(--darkyello);
15154    }
15155
15156    #menu_settings form>ul>li.buttons {
15157        display: block !important;
15158        width: 100% !important;
15159        position: static;
15160    }
15161
15162    #layout #menu_settings .--large {
15163        width: 100% !important;
15164    }
15165
15166    /* #menu_settings .--large { } */
15167
15168
15169    #layout #menu_settings .f-dropdown-menu {
15170        display: none !important;
15171    }
15172
15173    .active_btn:after {
15174        background: var(--yellow);
15175        content: "";
15176        position: absolute;
15177        width: 80%;
15178        bottom: 0px;
15179        height: 1px;
15180        margin: auto;
15181        left: 0px;
15182        bottom: -10px;
15183        display: block;
15184        height: 3px;
15185    }
15186
15187    .price_big {
15188        font-weight: bold;
15189        font-size: 12px;
15190        text-align: right;
15191        padding-right: 10px;
15192    }
15193
15194
15195
15196    body #main_banner1 {
15197        margin-bottom: 20px !important;
15198    }
15199
15200    .pic_main_six img {
15201        mix-blend-mode: multiply;
15202        width: 110px;
15203    }
15204
15205    .liczba_box h3 {
15206        position: absolute;
15207        left: 0px;
15208        bottom: -30px;
15209        text-align: center;
15210        width: 100%;
15211        color: var(--darkyello);
15212    }
15213
15214    /* #ofirmie img {display: none;} */
15215
15216
15217
15218
15219    #ofirmie h2 {
15220        font-size: 24px;
15221    }
15222
15223    #ofirmie h4 {
15224        font-size: 15px;
15225        color: #63625D;
15226        line-height: 24px;
15227    }
15228
15229    .hotspot:not(.--slider):not(.--list):not(.--bundle):not(.--added) .products:not(.slick-initialized) .product {
15230        scroll-snap-align: center !important;
15231        flex: 0 0 45% !important;
15232        max-width: 75% !important;
15233
15234
15235
15236    }
15237
15238    #mobileCategories .mobileCategories__link img {
15239        max-width: 20px;
15240        margin-bottom: 3px;
15241        filter: brightness(4);
15242    }
15243
15244    .search_page h1 .headline__name {
15245        font-family: 'Inter', sans-serif !important;
15246        font-size: 24px;
15247        letter-spacing: 1px;
15248    }
15249
15250    .topBasket .badge {
15251        top: calc(50% - 1.4rem);
15252        right: 30px !important;
15253    }
15254
15255    .header_bar {
15256        display: none !important;
15257    }
15258
15259    .phoen_karta {
15260        padding: 20px;
15261    }
15262
15263    #kafelki {
15264        margin-top: 0px;
15265
15266    }
15267
15268
15269    .hotspot:not(.--slider):not(.--list):not(.--bundle):not(.--added) .products:not(.slick-initialized) .product {
15270        scroll-snap-align: center;
15271        flex: 0 0 45% !important;
15272        max-width: 75% !important;
15273    }
15274
15275}
15276
15277</style></div><div class="menu_button_wrapper"><style>
15278    #gwaranty_sell {
15279        position: relative;
15280
15281
15282        #gwaranty_belka {
15283            display: flex
15284;
15285        justify-self: center;
15286        align-items: center;
15287        gap: 15px;
15288        cursor: pointer;
15289        max-width: 100%;
15290        justify-content: flex-start;
15291        width: 100%;
15292        padding-left: 15px;
15293        margin-bottom: 20px;
15294        padding-top: 10px;
15295        padding-bottom: 10px;
15296        padding-left: 42px;
15297
15298    p{font-weight: bold;color: var(--maincolor);font-size: 17px;
15299    
15300    
15301    &:hover{text-decoration: underline;}}
15302
15303            img {
15304                width: 40px;
15305            }
15306        }
15307
15308        background: var(--twocolor);
15309        border-radius: 10px;
15310
15311        span {
15312            color: var(--green);
15313            font-size: 12px;
15314            padding: 0px;
15315            font-weight: bold;
15316        }
15317
15318        p {
15319            padding: 0px;
15320            margin: 0px;
15321        }
15322        .headline__after {        font-size: 1.3rem;
15323    padding: 0px;
15324    background: none;
15325    padding-left: 0px;
15326    margin-left: 0px;
15327    margin-top: 16px;
15328color: var(--maincolor);}
15329
15330        #gwaranty_text {
15331
15332
15333            a {    font-weight: 800;    color: var(--grey);margin-top: 20px;display: block;}
15334          
15335            border: solid 1px #ccc;
15336            padding: 40px;
15337            border-radius: 10px;
15338            max-width: 800px;
15339            display: grid;
15340
15341            left: -180%;
15342            background: #fff;
15343            position: absolute;
15344            left: -215%;
15345            top:-100%;
15346
15347            .baner_info {
15348                grid-area: 1/1/1/3;
15349            }
15350
15351            .test_1_gwaranty {
15352                grid-area: 2/2/2/1;
15353                color: var(--maincolor);
15354                padding: 30px;
15355                padding-top: 0px;
15356                padding-left: 0px;
15357
15358            img {padding: 10px 0px;}
15359                small {font-size: 12px;text-transform: uppercase;}
15360                .title_main {
15361                    font-size: 32px;
15362                    font-weight: bold;
15363                    margin-bottom: 10px;
15364                }
15365
15366                p {font-size: 18px;}
15367
15368
15369                strong  {font-size: 18px;}
15370
15371            }
15372
15373            .test_2_gwaranty {
15374                grid-area: 2/2/2/2;
15375                img {
15376                width: 100%;
15377                position: relative;
15378                bottom: -110px;
15379
15380                &.only_custumer {position: absolute;
15381                width: 200px;
15382                z-index: 999;
15383                top: 50px;
15384                right: -30px;}
15385            }
15386            }
15387
15388            .test_3_gwaranty {
15389                grid-area: 3/1/3/2;
15390            }
15391
15392            .test_4_gwaranty {
15393                grid-area: 3/1/3/3;
15394                display: flex;
15395                align-content: center;
15396                align-items: center;
15397                border-top: solid 1px #ccc;
15398
15399                p {font-weight: bold;font-size: 18px;}
15400
15401
15402                img {
15403                    max-width: 420px;
15404                }
15405            }
15406
15407            .test_5_gwaranty {
15408                grid-area: 5/1/5/3;
15409            }
15410
15411
15412            .test_6_gwaranty {
15413                grid-area: 6/1/6/4;
15414                display: flex;
15415                justify-content: center;
15416                
15417            }
15418
15419
15420           
15421
15422
15423
15424
15425            &.show {
15426                display: grid !important;
15427                animation: anmacjaOpacity 0.5s linear;
15428            }
15429        }
15430
15431@media (max-width:1070px) 
15432
15433{
15434
15435
15436    .headline__after {display: none;}     
15437& #gwaranty_text {
15438    .title_main {font-size: 26px;}
15439    .test_1_gwaranty{font-size: 14px; 
15440        
15441        .title_main {
15442                font-size: 24px;
15443                font-weight: bold;
15444                margin-bottom: 10px;
15445            }
15446
15447         p{     img {padding: 10px 0px;}}   
15448    
15449        
15450        }
15451
15452   
15453
15454    &.show {
15455              position: static;
15456              display: flex !important;
15457              padding: 10px;
15458              flex-direction: column;
15459            }
15460            .test_2_gwaranty {text-align: center; 
15461                
15462                
15463                img {
15464                width: 70%;
15465                position: relative;
15466                bottom: -16px;
15467
15468            }
15469            & img {
15470                &.only_custumer {
15471                    position: absolute;
15472                    width: 200px;
15473                    z-index: 999;
15474                    top: auto;
15475                    right: -30px;
15476                    bottom: 200px;
15477                }
15478            }
15479        
15480        
15481        
15482        }
15483
15484            .test_1_gwaranty {padding: 0px;}
15485}
15486
15487}
15488
15489    }
15490</style>
15491
15492
15493
15494
15495
15496<script>
15497
15498
15499
15500
15501function showGwarancje() {
15502//       const loactionpage =  window.location.href;
15503
15504
15505// if(loactionpage == "https://www.metalmarket.eu/pl/products/australijski-emu-1-uncja-srebra-2024-10134") {
15506
15507
15508document.querySelector(".projector_details__info.projector_info").insertAdjacentHTML('beforebegin',`
15509
15510<div id="gwaranty_sell">
15511
15512<div id="gwaranty_belka">
15513
15514    <div>
15515
15516        <img src="https://www.metalelokacyjne.pl/data/include/cms/uslugi/odkup/sell_more.svg?v=1741085531196"
15517            alt="">
15518    </div>
15519    <div>
15520        <span>Nowość</span>
15521        <p>Gwarancja odkupu </p>
15522    </div>
15523
15524
15525
15526</div>
15527
15528<div id="gwaranty_text" style="display: none;">
15529
15530  
15531
15532    <div class="test_1_gwaranty">
15533        <small>Tylko dla klientów Metale Lokacyjne</small>
15534        <p class="title_main">Sprzedaj walory <br>
15535            w 4 prostych krokach</p>
15536
15537        <p><strong>Kupując w Metale Lokacyjne masz
15538                gwarancję odkupu walorów - stacjonarnie lub na odległość. 
15539</strong></p>
15540
15541        <p style="padding-top:10px">Szybko i bezpiecznie, dowiedz się jaka cena
15542            sprzedaży waloru bez udziału konsultanta.
15543            
15544            </br>
15545
15546
15547            <img src="https://www.metalelokacyjne.pl/data/include/cms/uslugi/odkup/zaowienie.png?v=1741086623605"
15548alt="">
15549            • Minimum formalności  <br>
15550• Atrakcyjne ceny odkupu  <br>
15551• Szybka realizacja</p>
15552
15553
15554
15555
15556<a href="https://www.metalelokacyjne.pl/Gwarancja-odkupu-cinfo-pol-918.html" class="btn_box" style="margin-top:10px">Dowiedz się więcej</a>
15557            
15558    </div>
15559
15560
15561    <div class="test_2_gwaranty">
15562
15563
15564<img src="https://www.metalelokacyjne.pl/data/include/cms/uslugi/tylko.svg?v=1743415205068" alt="" class="only_custumer">
15565            
15566            
15567       <img src="https://www.metalelokacyjne.pl/data/include/cms/uslugi/odkup/phone.png?v=1741093545725" alt="" class="phone_gwarancja">
15568
15569
15570    </div>
15571
15572
15573
15574
15575  
15576
15577</div>
15578
15579</div>
15580
15581
15582
15583`
15584)
15585
15586
15587
15588// <div class="test_4_gwaranty">
15589
15590// <p>1. Zaloguj się na swoje konto <br>
15591//    2. Kliknij na dole “Dodaj skup” </p>
15592
15593// <img src="https://www.metalelokacyjne.pl/data/include/cms/uslugi/odkup/skup.png?v=1741086623606" alt="">
15594
15595// </div>
15596
15597// <div class="test_5_gwaranty">
15598// <img src="https://www.metalelokacyjne.pl/data/include/cms/uslugi/odkup/zaowienie.png?v=1741086623605"
15599//     alt="">
15600// </div>
15601
15602
15603// <div class="test_6_gwaranty">
15604
15605
15606// </div>
15607// <img src="https://www.metalelokacyjne.pl/data/include/cms/uslugi/odkup/gwarancja.png?v=1741086623606"
15608// alt=""> 
15609
15610
15611// <div class="baner_info">
15612//             <img src="https://www.metalelokacyjne.pl/data/include/cms/uslugi/odkup/baner_skup.jpg?v=1741090799245"
15613//                 alt="">
15614//         </div>
15615
15616document.querySelector('#gwaranty_sell').addEventListener('click', function () {
15617    document.querySelector('#gwaranty_text').classList.toggle('show');
15618
15619});
15620
15621
15622
15623}
15624
15625
15626// } 
15627
15628
15629showGwarancje()
15630
15631
15632
15633</script>
15633</div><div class="menu_button_wrapper">
15633<script>
15634
15635const liczbaSummary = document.querySelector(".basketedit_total_summary strong")
15636
15637const liczbaText = liczbaSummary.textContent
15638
15639
15640liczbaSummary.insertAdjacentHTML("beforebegin",`<span style="font-weight:bold"> ${liczbaText} <span>`)
15641
15642</script>
15642
15643
15644<style>
15645
15646.basketedit_total_summary strong {display: none;}
15647</style></div><div class="menu_button_wrapper">
15647<script> 
15648
15649function rdwSkupkantor() { 
15650
15651  const getIDSgoldozdwa = "1786,9265,9095,10776,9243,8229,9271,10133,9829,7283,10717,9815,6633,9835";
15652  
15653  const getIDsilveroz ="8611,6706,10561,11129,11130,5660,6949,6951,6955,8179,11095,10832,7817,8074";
15654
15655
15656
15657
15658  const skupData ="1350,2222,3992,9271,1118,1660,9328,4269";
15659  
15660    
15661  // bar_head
15662  const getIDslistawieden =
15663    "1685,9248,9247,9244,9246,9249,9245,9243";
15664  const getIDslistabrit = "1603,8762,9368,5596,5961,9681,8677,8764,9270";
15665  ;
15666  const getIDslistamaple =
15667    "9270,7424,7425,7426,10196,7770,10197,8112,9145,9271,8106";
15668  const getIDslistakanguro =
15669    "6565,9100,10142,8635,9098,9097,10141,9096,9095,7845,9101";
15670  
15671  const getIDslistaeagle = "9975,5050,7235,9255,9253,7233";
15672  const getIDslistakrugerant =
15673    "9269,9744,5683,9743,5684,7285,9446,5689,5688,9445,9444,9265,9442,5685,7283,9741,9817";
15674    
15675  
15676      const buyextraprodukdate ="9810,142,143,2491,9600,9601,9602,9599,7392";
15677  
15678  const skupDiv = "#skup_main_numbers";
15679  const table_big_brit = ".table_big_brit";
15680  const table_big_maple = ".table_big_maple";
15681  const table_big_kangur = ".table_big_kangur";
15682  const table_big_eagle = ".table_big_eagle";
15683  const table_big_krugerant = ".table_big_krugerant ";
15684  
15685  
15686  /// butPrukt
15687  const basketedit_summary_container = "#ekstraProdukt";
15688  
15689  const kartaproductAcesory = ".traits__values.trzy_opakowania";
15690  
15691  
15692  
15693  
15694  const getLInkIsertgold = ".produkty_main_cena.gold_constn";
15695  const getLInkIsertSilver = ".produkty_main_cena.silver_constn";
15696  
15697  const getlista1_bar = "lista_1";
15698  const getlista2_lista = "lista_2";
15699  
15700  
15701  const buylista = "bulista";
15702  
15703  
15704  
15705  async function getIdsprodukt(arr, getlinkIsert, listaHTml, numberprodukt) {
15706
15707    const urlIDmetals =
15708      "https://metalapi.co.pl/api/products/products?productIds=" + arr + "";
15709  
15710    const responseIDmetalas = await fetch(urlIDmetals);
15711  
15712    const dataIDprodukt = await responseIDmetalas.json();
15713  
15714    const getDataIDS = dataIDprodukt; //?
15715  
15716    let dataNew = [];
15717  
15718    // console.log("::: ", dataNew);
15719  
15720    const nuberarrayIDS = Array.from(Array(numberprodukt).keys(), (item) => item);
15721    const getgods = nuberarrayIDS; //?
15722  
15723    getgods.forEach((element, index) => {
15724      // console.log(index);
15725  
15726      let getdata = dataNew.push(getDataIDS.results[index]); //?
15727      return getdata; //?
15728    });
15729  
15730    dataNew.sort(function (a, b) {
15731      return b - a;
15732    }); //?
15733  
15734    const getgheadLinksbar = dataNew
15735      .map((gold, indx) => {
15736        const getchangspace =
15737          "product-pol-" +
15738          gold.productId +
15739          "-" +
15740          gold.productDescriptionsLangData[0].productName +
15741          ".html";
15742        const gethrefID = getchangspace.replace(/(\s)|(:)/g, "-").toLowerCase(); //?
15743  
15744  
15745  
15746        
15747        gold.productShopsAttributes[2].productSuggestedPrice; //?
15748  
15749        if (gold.productShopsAttributes[2].productSuggestedPrice == 0) {
15750          gold.productShopsAttributes[2].productSuggestedPrice = "-";
15751        } else {
15752          gold.productShopsAttributes[2].productSuggestedPrice += " zł";
15753        }
15754  
15755
15756  
15757        const listaBar = `
15758
15759        
15760
15761          <div class="price_skup">
15762              
15763              ${gold.productShopsAttributes[2].productSuggestedPrice} 
15764          
15765          </div>
15766
15767
15768       
15769   `;
15770          
15771          
15772          const getBuyexktraProdukt = `
15773  
15774  
15775          <div class="extra_prduct_buy_content">
15776  <div class="picure_addd"> 
15777              <img src="${gold.productIcon.productIconLargeUrl}" alt="${gold.productDescriptionsLangData[0].productName}">
15778  
15779              </div>
15780  <div class="product_descriptin"> 
15781          ${gold.productDescriptionsLangData[0].productName}
15782          </div>
15783  
15784      <div class="product_price">     
15785        ${gold.productShopsAttributes[4].productWholesalePrice}  zł
15786  </div>
15787  
15788    <form
15789    id="projector_form"
15790    class="projector_details is-validated enable"
15791    action="https://www.metalelokacyjne.pl/basketchange.php"
15792    method="post"
15793    data-product_id="${gold.productId}"
15794    data-type="product_item"
15795  >
15796    <button style="display: none" type="submit"></button
15797    ><input
15798      id="projector_product_hidden"
15799      type="hidden"
15800      name="product"
15801      value="${gold.productId}"
15802    /><input
15803      id="projector_size_hidden"
15804      type="hidden"
15805      name="size"
15806      autocomplete="off"
15807      value="onesize"
15808    /><input id="projector_mode_hidden" type="hidden" name="mode" value="1" />
15809    <div class="projector_details__wrapper">
15810     <button
15811            class="projector_buy__button btn --solid --large"
15812            id="projector_button_basket"
15813            type="submit"
15814          >
15815            Do koszyka</button
15816          ><a
15817            class="projector_buy__shopping_list"
15818            href="#addToShoppingList"
15819            title="Kliknij, aby dodać produkt do listy zakupowej"
15820          ></a>
15821        </div>
15822      </div>
15823     
15824  </form>
15825  
15826  </div>
15827          
15828          
15829          `
15830  
15831        const getlista = `   
15832         <a
15833                href='${gethrefID}' title="${
15834          gold.productDescriptionsLangData[0].productName
15835        }"
15836                class='table_imtex'>
15837                <div class='number_big'>${indx + 1}.</div>
15838                <div class='text_big'>${
15839                  gold.productDescriptionsLangData[0].productName
15840                }</div>
15841                <div class='price_big skupu_box'> ${
15842                  gold.productShopsAttributes[2].productSuggestedPrice
15843                } </div>
15844                <div class='price_big'> ${
15845                    gold.productShopsAttributes[2].productWholesalePrice
15846                } zł</div>
15847              </a>
15848   
15849                `;
15850  
15851        if (listaHTml == getlista1_bar) {
15852          return listaBar;
15853        }
15854        else if (listaHTml == getlista2_lista) {
15855          return getlista;
15856          }
15857          
15858             else if (listaHTml == buylista) {
15859          return getBuyexktraProdukt;
15860        }
15861  
15862        const getSkupa = document.querySelector(".price_item_suugest");
15863  
15864        getSkupa.innerHTML = "skupa";
15865      })
15866      .join("");
15867  
15868    // lisxt ---------------------------
15869  
15870    const getlisteMain = document.querySelector(getlinkIsert);
15871  
15872    getlisteMain.innerHTML = getgheadLinksbar;
15873  }
15874  
15875
15876  
15877  getIdsprodukt(skupData, skupDiv, getlista1_bar, 8); //?
15878
15879console.log(getIdsprodukt(skupData, skupDiv, getlista1_bar, 8))
15880
15881  
15882  const getthbestPricegold = ".gold_blockBid_betst_price";
15883  const getthbestPricesilver = ".silver_blockBid_betst_price";
15884  
15885  const getreturnnumbergold = ".produkty_main_cena.gold_constn .price_item";
15886  const getreturnnumbersilver = ".produkty_main_cena.silver_constn .price_item";
15887  
15888  function getbestPrice(pricehead, retunthebestprice, pricenumber) {
15889    const myTimeoutIdgold = setTimeout(() => {
15890      const getbetstprice = document.querySelector(pricehead);
15891  
15892      const price_item = document.querySelectorAll(retunthebestprice);
15893  
15894      let tablePrice = [];
15895  
15896      price_item.forEach((x) => {
15897        // console.log("x.innerHTML::: ", x.innerHTML);
15898  
15899        const getNumberMin = x.textContent;
15900  
15901        tablePrice.push(getNumberMin);
15902  
15903        // getNumberMin.sort()
15904  
15905      });
15906  
15907      getbetstprice.innerHTML = tablePrice[pricenumber];
15908  
15909    }, 3000);
15910  }
15911  getbestPrice(getthbestPricegold, getreturnnumbergold,0);
15912  
15913  getbestPrice(getthbestPricesilver, getreturnnumbersilver,0);
15914  
15915
15916  
15917        
15918  
15919}
15920rdwSkupkantor()
15921
15922
15923
15924  </script>
15924
15925  
15926
15927  
15928<script>
15929
15930
15931const timePrice = setTimeout(skupprice, 1500);
15932
15933function skupprice() {
15934
15935
15936const dataSkup = [];
15937
15938document.querySelectorAll('.price_skup').forEach((x,ind)=>{
15939const getpariceSkup = x.textContent;
15940
15941dataSkup.push(getpariceSkup);
15942
15943
15944});
15945
15946
15947console.log('dataksup',dataSkup.length)
15948
15949
15950function skupDatasho() { 
15951if(dataSkup.length == 8) { 
15952
15953document.querySelector('.kang_gold').innerHTML = dataSkup[1]
15954document.querySelector('.kang_silver').innerHTML = dataSkup[0]
15955
15956document.querySelector('.vied_gold').innerHTML = dataSkup[3]
15957document.querySelector('.vied_silver').innerHTML = dataSkup[2]
15958
15959
15960
15961document.querySelector('.brit_gold').innerHTML = dataSkup[4]
15962document.querySelector('.brit_silver').innerHTML = dataSkup[5]
15963
15964
15965
15966document.querySelector('.maple_gold').innerHTML = dataSkup[6];
15967document.querySelector('.maple_silver').innerHTML = dataSkup[7];
15968}
15969
15970}
15971
15972skupDatasho()
15973
15974}
15975
15976skupprice();
15977
15978
15979
15980
15981</script>
15981</div><div class="menu_button_wrapper">
15981<script>
15982
15983
15984const dataheadSearch = [ 
15985
15986{ 
15987
15988link: "/lng/series/dukat-355.html",
15989name:  `Złoty Dukat Austriacki`,
15990namesub:  `1915 NOWE BICIE`,
15991
15992
15993pic:  "/pol_pm_Zloty-Dukat-Austriacki-1915-NOWE-BICIE-950_1.jpg",
15994
15995},
15996  
15997
15998{ 
15999
16000link: "/lng/products/zloto/zlote-sztabki/1-g/sztabka-c-hafner-1-gram-zlota-lbma-9592.html",
16001name:  `Sztabka C. Hafner `,
16002namesub:  `1 gram Złota LBMA`,
16003
16004
16005pic:  "/pol_pm_Sztabka-C-Hafner-1-gram-Zlota-LBMA-9592_2.jpg",
16006
16007},
16008{ 
16009
16010link: "/lng/products/zloto/zlote-monety/krugerrand-1-uncja-zlota-rozne-roczniki-1786.html",
16011name:  `Krugerrand`,
16012namesub:  `1 uncja Złota Różne roczniki`,
16013
16014
16015pic:  "/pol_pm_Krugerrand-1-uncja-Zlota-Rozne-roczniki-1786_1.jpg",
16016
16017},
16018
16019]
16020
16021</script>
16021</div><div class="menu_button_wrapper"><style>
16022
16023  div#inf_sihipin {position: relative;}
16024  #infosend {
16025    background: #ffba04;
16026    border-radius: 5px;
16027    display: flex;
16028    gap: 20px;
16029    padding-left: 70px;
16030    padding-top: 10px;
16031    padding-bottom: 10px;
16032    margin: 10px 0px;
16033    align-items: flex-end;
16034    cursor: pointer;
16035
16036    background: url("https://www.metalelokacyjne.pl/data/include/cms/metal_market/send.svg?v=1718111318394")
16037      left center no-repeat #ffba04;
16038    background-size: 13%;
16039  }
16040
16041  #infosend:hover {
16042    background-color: #fcbe13;
16043  }
16044
16045  div#bg_wyslka {
16046    position: absolute;
16047    left: -590px;
16048    top: 0px;
16049  }
16050
16051  div#bg_wyslka img {
16052    height: 430px;
16053  }
16054
16055  #infosend:hover .kartka {
16056    text-decoration: underline;
16057  }
16058
16059  #projector_buy_section {
16060    position: relative;
16061  }
16062
16063  #infosend h2 {
16064    color: #000;
16065    font-size: 17px;
16066  }
16067  #infosend h4 {
16068    color: #000;
16069    font-size: 12px;
16070  }
16071
16072  #infosend .kartka {
16073    font-weight: bold;
16074  }
16075
16076  #karteczka_send {
16077    position: absolute;
16078
16079    position: absolute;
16080    top: 10px;
16081    left: -120%;
16082    background: #fff;
16083    padding: 20px;
16084    width: 450px;
16085    z-index: 9999;
16086    display: flex;
16087  }
16088
16089  #karteczka_send h2 {
16090    font-size: 35px;
16091    color: #000;
16092    line-height: 36px;
16093  }
16094
16095  /* #karteczka_send h2 span {color: #ffba04;} */
16096
16097  #karteczka_send {
16098    display: none;
16099  }
16100
16101  #karteczka_send.active_karteczka {
16102    display: block;
16103  }
16104
16105  #karteczka_send .btn_box {
16106    margin: 20px 0px;
16107    padding: 10px;
16108    text-align: center;
16109    border: solid 1px #ccc;
16110    display: block
16111
16112  }
16113
16114  #karteczka_send h3 {
16115    text-align: left;
16116    color: #000;
16117    font-size: 11px;
16118  }
16119  #karteczka_send h4 {
16120    color: #ffba04;
16121    font-size: 24px;
16122    margin: 10px 0px;
16123  }
16124
16125  @media (max-width: 900px) {
16126    #karteczka_send {
16127      position: absolute;
16128      position: static;
16129      width: 100%;
16130      padding: 0px;
16131    }
16132
16133    #karteczka_send .btn_box {
16134      padding: 11px 20px 11px 20px;
16135    }
16136
16137    #infosend {
16138      background: #ffba04;
16139      border-radius: 1px;
16140      display: flex;
16141      gap: 10px;
16142      padding-left: 50px;
16143      padding-top: 10px;
16144      padding-bottom: 10px;
16145      margin: 10px 0px;
16146      align-items: flex-end;
16147      cursor: pointer;
16148      background: url(https://www.metalelokacyjne.pl/data/include/cms/metal_market/send.svg?v=1718111318394)
16149        left center no-repeat #ffba04;
16150      background-size: 13%;
16151    }
16152
16153    #infosend h2 {
16154      color: #000;
16155      font-size: 14px;
16156      padding: 0px;
16157    }
16158    #infosend h4 {
16159      color: #000;
16160      font-size: 11px;
16161    }
16162
16163    #bg_wyslka {
16164      display: none;
16165    }
16166
16167    #karteczka_send h2 {
16168      font-size: 22px;
16169      color: #000;
16170      padding: 0px;
16171    }
16172    #karteczka_send h3 {
16173      text-align: left;
16174      color: #000;
16175      font-size: 11px;
16176      font-weight: normal;
16177    }
16178  }
16179</style>
16180
16181<script>
16182  const getinfoLang = navigator.language;
16183//  ${langEn ? "Only in Metal Market Europe" : "" }${langPl ? "Tylko w Metal Market Europe" : ""  }${langDe ? "Nur bei Metal Market Europe"  :""  }
16184
16185    // ${langEn ? "Shipping COD" : "" }${langPl ? "Wysyłka za pobraniem" : ""  }${langDe ? "Versand per Nachnahme"  :""  }
16186  // ${langEn ? "Find out more" : "" }${langPl ? "Dowiedz się wiecej" : ""  }${langDe ? "Finde mehr heraus"  :""  }
16187
16188
16189  const landtext = () => {
16190    if (getinfoLang.includes("pl")) {
16191      const landPL = `
16192       <div id="infosend">
16193
16194
16195<div>
16196<h4>
16197         ${langEn ? "Only in Metal Market Europe" : "" }${langPl ? "Tylko w Metale Lokacyjne" : ""  }${langDe ? "Nur bei Metal Market Europe"  :""  }
16198
16199  
16200  </h4>
16201<h2>
16202 
16203
16204  ${langEn ? "Shipping COD" : "" }${langPl ? "Wysyłka za pobraniem" : ""  }${langDe ? "Versand per Nachnahme"  :""  }
16205  </h2>
16206
16207</div>
16208
16209<div href="" class="kartka">
16210  ${langEn ? "Find out more" : "" }${langPl ? "Dowiedz się wiecej" : ""  }${langDe ? "Finde mehr heraus"  :""  }
16211  </div>
16212
16213</div>
16214
16215
16216  <div id="karteczka_send">
16217    
16218     <div id="bg_wyslka">
16219        <img src="https://www.metalelokacyjne.pl/data/include/cms/metal_market/wyslka_pic.jpg?v=1718112541657" alt="" />
16220      </div>
16221      <div>
16222
16223        <h3> 1500 produktów do zakupu w 24h</h3>
16224        <h2>
16225          Zamawiasz dziś <span>opłacasz</span> przy
16226          <span>odbiorze</span>
16227        </h2>
16228
16229        <a
16230          href="https://www.metalelokacyjne.pl/search.php?dostepnosc=+&instock=y"
16231          class="btn_box"
16232          >Zobacz produkty za pobraniem z wysłką 24h</a
16233        >
16234
16235        <div class="shipping_info__couriers">
16236         
16237          <div class="shipping_info__courier">
16238            <span class="shipping_info__item --icon"
16239              ><img
16240                src="/data/include/deliveries/icons/100335_6.svg"
16241                alt="Poczta Polska Pocztex Kurier doręczenie do punktu odbioru"
16242            /></span>
16243            <span class="shipping_info__item --name"
16244              >Poczta Polska Pocztex Kurier doręczenie do punktu odbioru</span
16245            >
16246            <strong class="shipping_info__item --cost">25,02 zł</strong>
16247          </div>
16248          <div class="shipping_info__courier">
16249            <span class="shipping_info__item --icon"
16250              ><img
16251                src="/data/include/deliveries/icons/100334_6.svg"
16252                alt="Poczta Polska Pocztex Kurier doręczenie do automatu"
16253            /></span>
16254            <span class="shipping_info__item --name"
16255              >Poczta Polska Pocztex Kurier doręczenie do automatu</span
16256            >
16257            <strong class="shipping_info__item --cost">25,02 zł</strong>
16258          </div>
16259          <div class="shipping_info__courier">
16260            <span class="shipping_info__item --icon"
16261              ><img
16262                src="/data/include/deliveries/icons/100336_6.svg"
16263                alt="Poczta Polska Pocztex Kurier doręczenie pod wskazany adres"
16264            /></span>
16265            <span class="shipping_info__item --name"
16266              >Poczta Polska Pocztex Kurier doręczenie pod wskazany adres</span
16267            >
16268            <strong class="shipping_info__item --cost">25,02 zł</strong>
16269          </div>
16270        </div>
16271      </div>
16272    </div>
16273
16274    
16275    `;
16276      return landPL;
16277    }
16278
16279    if (getinfoLang.includes("de")) {
16280      const landDE = `
16281    
16282
16283      <div id="infosend">
16284
16285
16286<div>
16287<h4>Nur bei Metal Market Europe</h4>
16288<h2>Versand per Nachnahme </h2>
16289
16290</div>
16291
16292<div href="" class="kartka">Finde mehr heraus</div>
16293
16294</div>
16295
16296
16297  <div id="karteczka_send">
16298    
16299     <div id="bg_wyslka">
16300        <img src="https://www.metalelokacyjne.pl/data/include/cms/metal_market/wyslka_pic.jpg?v=1718112541657" alt="" />
16301      </div>
16302      <div>
16303
16304        <h3> 1500 produktów do zakupu w 24h</h3>
16305        <h2>
16306          Zamawiasz dziś <span>opłacasz</span> przy
16307          <span>odbiorze</span>
16308        </h2>
16309
16310        <h4>Lieferzeit 2 Tage</h4>
16311
16312        <a
16313          href="https://www.metalmarket.eu/search.php?text=+&instock=y"
16314          class="btn_box"
16315          >Zobacz produkty za pobraniem z wysłką 24h</a
16316        >
16317
16318        <div class="shipping_info__couriers">
16319          <div class="shipping_info__courier">
16320            <span class="shipping_info__item --icon"
16321              ><img
16322                src="https://www.metalmarket.eu/data/include/deliveries/icons/100056_6.svg"
16323                alt=""
16324            /></span>
16325            <span class="shipping_info__item --name"
16326              >DHL Internationaler Versand</span
16327            >
16328            <strong class="shipping_info__item --cost"> 16,11 €</strong>
16329          </div>
16330
16331
16332        
16333          </div>
16334        </div>
16335      </div>
16336    </div>
16337    
16338    `;
16339      return landDE;
16340    }
16341
16342    if (getinfoLang.includes("cs") || getinfoLang.includes("sl")) {
16343      const landcz = `
16344    
16345
16346      <div id="infosend">
16347
16348
16349<div>
16350<h4>Tylko w Metale Lokacyjne</h4>
16351<h2>Wysyłka za pobraniem </h2>
16352
16353</div>
16354
16355<div href="" class="kartka">Dowiedz się więcej</div>
16356
16357</div>
16358
16359
16360  <div id="karteczka_send">
16361    
16362     <div id="bg_wyslka">
16363        <img src="https://www.metalelokacyjne.pl/data/include/cms/metal_market/wyslka_pic.jpg?v=1718112541657" alt="" />
16364      </div>
16365      <div>
16366
16367        <h3> 1500 produktów do zakupu w 24h</h3>
16368        <h2>
16369          Zamawiasz dziś <span>opłacasz</span> przy
16370          <span>odbiorze</span>
16371        </h2>
16372
16373        <h4>Dodací lhůta 2 dny</h4>
16374
16375        <a
16376          href="https://www.metalmarket.eu/search.php?text=+&instock=y"
16377          class="btn_box"
16378          >Zobacz produkty za pobraniem z wysłką 24h</a
16379        >
16380
16381        <div class="shipping_info__couriers">
16382          <div class="shipping_info__courier">
16383            <span class="shipping_info__item --icon"
16384              ><img
16385                src="https://www.metalmarket.eu/data/include/deliveries/icons/100056_6.svg"
16386                alt=""
16387            /></span>
16388            <span class="shipping_info__item --name"
16389              >DHL Internationaler Versand</span
16390            >
16391            <strong class="shipping_info__item --cost"> 15.4 €</strong>
16392          </div>
16393
16394
16395        
16396          </div>
16397        </div>
16398      </div>
16399    </div>
16400    
16401    `;
16402      return landcz;
16403    }
16404
16405    if (getinfoLang.includes("at")) {
16406      const landAt = `
16407    
16408
16409      <div id="infosend">
16410
16411
16412<div>
16413<h4>Tylko w Metal Market Europe</h4>
16414<h2>Wysyłka za pobraniem </h2>
16415
16416</div>
16417
16418<div href="" class="kartka">Dowiedz się więcej</div>
16419
16420</div>
16421
16422
16423  <div id="karteczka_send">
16424    
16425     <div id="bg_wyslka">
16426        <img src="https://www.metalelokacyjne.pl/data/include/cms/metal_market/wyslka_pic.jpg?v=1718112541657" alt="" />
16427      </div>
16428      <div>
16429
16430        <h3> 1500 produktów do zakupu w 24h</h3>
16431        <h2>
16432          Zamawiasz dziś <span>opłacasz</span> przy
16433          <span>odbiorze</span>
16434        </h2>
16435
16436        <h4>Lieferzeit 2 Tage</h4>
16437
16438        <a
16439          href="https://www.metalmarket.eu/search.php?text=+&instock=y"
16440          class="btn_box"
16441          >Zobacz produkty za pobraniem z wysłką 24h</a
16442        >
16443
16444        <div class="shipping_info__couriers">
16445          <div class="shipping_info__courier">
16446            <span class="shipping_info__item --icon"
16447              ><img
16448                src="https://www.metalmarket.eu/data/include/deliveries/icons/100056_6.svg"
16449                alt=""
16450            /></span>
16451            <span class="shipping_info__item --name"
16452              >DHL Internationaler Versand</span
16453            >
16454            <strong class="shipping_info__item --cost"> 18.4 €</strong>
16455          </div>
16456
16457
16458        
16459          </div>
16460        </div>
16461      </div>
16462    </div>
16463    
16464    `;
16465      return landAt;
16466    }
16467
16468    return ` `;
16469  };
16470
16471  const textShiping = landtext();
16472
16473  // console.log(":::landtext ", getinfoLang, textShiping);
16474
16475 
16476// ${textShiping}
16477  /// karta produktowa
16478  // ${textShiping}
16479if(!document.querySelector("#projector_status").classList.contains("--status-hide")) {
16480
16481  {
16482    document.querySelector("#projector_buy_section").insertAdjacentHTML(
16483      "afterend",
16484      `
16485
16486      <div  id="inf_sihipin">
16487
16488  ${textShiping}
16489  </div>
16490  
16491          `
16492    );
16493  }
16494}
16495    
16496
16497</script>
16497
16498
16499<script>
16500  const getButotnShipingpobranie = document.querySelector("#infosend");
16501
16502  getButotnShipingpobranie.addEventListener("click", function () {
16503
16504    const getKarteczka = document.querySelector("#karteczka_send");
16505
16506    getKarteczka.classList.toggle("active_karteczka");
16507
16508    document.body.addEventListener(
16509      "click",
16510      function () {
16511        getKarteczka.classList.remove("active_karteczka");
16512        //    getKarteczka.classList.toggle("active_karteczka");
16513      },
16514      true
16515    );
16516  });
16517</script>
16517
16518</div><div class="menu_button_wrapper">
16518<script>
16519function gettext() { 
16520
16521const getinfoContentdec = document.querySelector("#projector_longdescription");
16522
16523getinfoContentdec.insertAdjacentHTML("beforeend", `
16524
16525<div class="infomoreget"><img src="https://www.metalelokacyjne.pl/data/include/cms/metal_market/icon/inf_icon.svg?v=1655125830726" align="center" width="30"> Dodatkowe  informacje | Dowiedz się więcej  </div>
16526<div class="menu_info" style="display: none;">
16527<p>
16528 <strong> UWAGA!</strong>
16529Prawo odstąpienia od umowy zawartej poza lokalem przedsiębiorstwa lub na odległość nie przysługuje Konsumentowi/Przedsiębiorcy na prawach konsumenta w odniesieniu do Umów Sprzedaży, za które cena zależy wyłącznie od ruchu cen na rynku finansowym, nad którym Sprzedawca nie sprawuje kontroli i które mogą wystąpić przed upływem terminu do odstąpienia od umowy zgodnie z przepisami art. 38 ustawy z dnia 30 maja 2014 r. o prawach konsumenta. Ze względu na uzależnienie cen produktów oferowanych przez Sprzedawcę, od ruchu kursów na rynku finansowym, zapłatę za ich nabycie należy dokonać przelewem bankowym lub za pomocą płatności elektronicznych do godz. 12:00 następnego Dnia Roboczego od momentu złożenia zamówienia. Sprzedający zastrzega sobie prawo do anulowania transakcji nieopłaconych w powyższym terminie oraz nie przyjmowania do realizacji nowych zamówień w przypadku Klienta posiadającego historię nieopłaconych transakcji. Jak również na podstawie powyższego zapisu Sprzedający może domagać się sądownej zapłaty za zamówienie. Prosimy o przemyślane zakupy.
16530            </p>
16531        <ul style="font-size: 12px;color:#2c2c2c;">
16532            <li> W przypadku niektórych metod płatności, zewnętrzny Operator Płatności może pobierać od Klienta dodatkowe opłaty, np. opłaty z tytułu transakcji zagranicznych lub inne opłaty związane z obsługą wybranej metody płatności. W celu uzyskania szczegółowych informacji Klient powinien skontaktować się z danym Operatorem Płatności realizującym wskazaną płatność lub w zakładce Formy płatności. </li>
16533            
16534            <li> Przy wyborze opcji darmowej wysyłki oraz przy odbiorach osobistych Sprzedawca zastrzega możliwość łączenia zamówień. Łączeniu podlegają przesyłki o zbliżonym terminie dostawy. Zamówienia nie będą łączone w przypadku wybrania płatnej opcji wysyłki. Nie ma możliwości łączenia zamówień aktywnych z zamówieniami gotowymi do odbioru oraz paczkami które powróciły do magazynu, a także z zamówieniami złożonymi w ramach różnych sklepów, złożonych w różnej walucie, jak i bez rejestracji konta . W przypadku zwrotu paczki, Klient zobowiązany jest do uiszczenia kosztu zwrotu oraz kosztu ponownej wysyłki. </li>
16535            
16536            <li>Sposób zabezpieczenia produktu każdorazowo jest określony w karcie produktu. Opakowanie jest wyłącznie środkiem zabezpieczenia/ochrony metalu na czas transportu i nie podlega reklamacji. Dodatkowe kapsle/tuby/boxy można zamówić na dziale akcesoria.</li>
16537            
16538            <li>Realizacja zamówienia następuje po otrzymaniu płatności przez Sprzedawcę. Przez dokonanie zapłaty przelewem bankowym rozumie się wpływ środków na rachunek bankowy Sprzedawcy. Przez dokonanie zapłaty w przypadku płatności elektronicznych rozumie się otrzymanie potwierdzenia dokonania operacji przez operatora płatności. </li>
16539            
16540            <li>W przypadku zakupu monet bulionowych stan menniczy to również monety z drobnymi zarysowaniami/obiciami rantów/obiciami (inaczej: Milk spoty) na powierzchni monety/przebarwieniami które mogą powstać już na etapie produkcji . Milk spoty są zjawiskiem powstałym w wyniku procesu obróbki srebra i nie mającym wpływu na wartość produktu. Powyższe czynniki nie stanowią podstawy do reklamacji produktu.</li>
16541
16542        <li>W przypadku zakupu produktu kategorii Sztabka Złota LBMA, wysyłany jest losowy producent posiadający akredytację organizacji LBMA. Nie ma możliwości wyboru konkretnego producenta.</li>
16543        <li>W nadzwyczajnych okolicznościach, braku dostępności konkretnego rocznika wielkiej szóstki, monet bulionowych, Sprzedawca zastrzega prawo wysłania monety o innym roku, niż ten prezentowany w ofercie. Zamienione monety są zawsze o takim samym stanie zachowania jak w produkcie bazowym.</li>
16544        </ul>
16545        </div> `);
16546
16547
16548        }
16549
16550        function getbutfn() { 
16551  const getbtninfab = document.querySelector(".infomoreget");
16552
16553
16554getbtninfab.addEventListener("click", function() {
16555
16556    const getinfokartkav = document.querySelector(".menu_info");
16557   console.log(':klick', );
16558      getinfokartkav.classList.toggle("acrivevisible");
16559  
16560
16561  });
16562  
16563
16564}
16565
16566gettext()
16567getbutfn()
16568
16569
16570
16571</script>
16571
16572
16573<style>
16574
16575.menu_info.acrivevisible {display: block !important;}
16576
16577
16578
16579.infomoreget img {width: 20px;opacity: 0.5;margin-right: 10px;}
16580
16581</style>
16582
16583</style></div><div class="menu_button_wrapper">
16584<script>
16585
16586
16587const getMenuSubGold = document.querySelectorAll("#menu_navbar .navbar-subnav")[1]
16588
16589
16590getMenuSubGold.insertAdjacentHTML("afterbegin",
16591`
16592<div id="baner_gold_con">
16593
16594    <a href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html">
16595<img src="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/menu/kangur.webp?v=1760950717004" alt="">
16596        </a>
16597</div>
16598
16599`);
16600
16601
16602const getMenuSubSilver = document.querySelectorAll("#menu_navbar .navbar-subnav")[2]
16603
16604
16605getMenuSubSilver.insertAdjacentHTML("afterbegin",
16606`
16607<div id="baner_gold_con">
16608
16609    <a href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Srebrne-502.html">
16610<img src="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/menu/kangur_silver.webp?v=1760950717004" alt="">
16611        </a>
16612</div>
16613
16614`);
16615
16616
16617</script>
16617
16618
16619
16620<style>
16621
16622     @keyframes aminacja_submenu_monety {
16623    from {
16624      transform: translate(0px, 20px);
16625    }
16626    to {
16627            transform: translate(0px, 0px);
16628    }
16629  }
16630
16631
16632.projector_page #content #projector_form {
16633    z-index: 0; 
16634}
16635
16636#baner_gold_con {position: absolute;top:20px;right: -150px;z-index: 999999;animation: aminacja_submenu_monety 0.4s linear;}
16637
16638#menu_navbar .navbar-subnav.--cols3{padding-right: 100px;z-index: 999999;}
16639    </style>
16640</div><div class="menu_button_wrapper">
16640<script>
16641
16642const getLogin = document.querySelector("#login_menu");
16643
16644
16645 getLogin.insertAdjacentHTML("beforebegin", 
16646 
16647 `
16648 
16649<div id="infoKarteczka">
16650
16651<p><strong>Ważna informacja</strong> dla klientów sklepu dotycząca połączenia zamówień złożonych przed dniem <strong>19.02.2024 r.</strong> z zamówieniami złożonymi po dniu <strong>19.02.2024 r.</strong> </p>
16652
16653    <a href="https://www.metalelokacyjne.pl/Polaczenia-zamowien-chelp-pol-814.html">Dowiedz się więcej...</a>
16654
16655
16656</div>
16657 
16658 `
16659 
16660 )   
16661
16662
16663
16664            </script>
16664
16665
16666            
16667<style>
16668#infoKarteczka  {background: #fffbef;padding: 10px 20%;margin-bottom: 10px;}
16669#infoKarteczka p {font-size: 18px;text-align: center;background: #fffbef;}
16670#infoKarteczka a {display: block;font-weight: bold; text-align: center;}
16671
16672#zamknij_rozumim {text-align: center;font-weight: bold;font-size: 13px;cursor: pointer;}
16673#zamknij_rozumim:hover {text-decoration: underline;}
16674
16675#infoKarteczka.close_deled {display: none;} 
16676
16677@media (max-width:900px) {
16678    #infoKarteczka  {background: #fffbef;padding: 10px 20px;margin-bottom: 10px;}
16679}
16680
16681</style>
16682
16683
16684<script>
16685
16686    const getbtncloseInfo = document.querySelector("#zamknij_rozumim");
16687    const infoKarteczka = document.querySelector("#infoKarteczka");
16688
16689getbtncloseInfo.addEventListener('click', (x) =>{
16690
16691        localStorage.setItem( "info_karteczka", "1" );
16692
16693
16694        
16695     
16696            
16697            infoKarteczka.classList.add("close_deled");
16698     
16699        
16700    })
16701    
16702       if ( localStorage.getItem( "info_karteczka" ) == "1" ) {
16703            
16704            infoKarteczka.classList.add("close_deled");
16705     }
16706        
16707
16708
16709</script>
16709</div><div class="menu_button_wrapper">    
16709<script>
16710
16711            const inviosbuy = window.location.href;
16712
16713if (inviosbuy =="https://www.metalelokacyjne.pl/order2.php" ) {
16714
16715
16716timeRemovelabel();
16717
16718remoInvosice();
16719
16720const gethead = document.querySelector("#content");
16721
16722gethead.insertAdjacentHTML("afterbegin", 
16723
16724
16725`
16726<style>
16727#modal {display:none !important}
16728    </style>
16729`
16730)
16731
16732
16733
16734}
16735
16736function timeRemovelabel() {
16737  const gertLabeleincoveremove = document.querySelectorAll(
16738    ".order2__invoice_label"
16739  )[1];
16740
16741  const getnlabelremove = gertLabeleincoveremove.getAttribute("for");
16742
16743  if (getnlabelremove == "order2_document_e-invoice") {
16744    gertLabeleincoveremove.remove();
16745  }
16746}
16747
16748const gettime = setTimeout(timeRemovelabel, 500);
16749
16750
16751   
16752function remoInvosice() { 
16753
16754if (sessionStorage.getItem('clientType') && sessionStorage.getItem('clientType').length) {
16755   console.log('if');
16756   app_shop.vars.clientType = sessionStorage.getItem('clientType');
16757   validateInvoice(app_shop.vars.clientType);
16758} else {
16759    // console.log('else');
16760    $.ajax({
16761        url: "/client-new.php"
16762    }).done(function(response) {
16763        parser = new DOMParser();
16764        end_response = parser.parseFromString(response, "text/html")
16765        table = end_response.getElementsByName('client_type');
16766        console.log('response');
16767        for (i = 0; i < table.length; i++) {
16768            if(table[i].checked){
16769              sessionStorage.setItem('clientType',table[i].value);
16770              app_shop.vars.clientType = table[i].value;
16771              validateInvoice(app_shop.vars.clientType);
16772              console.log('validate');
16773              break;
16774            }
16775        }
16776    });
16777}
16778
16779function validateInvoice(clientType) {
16780    if(clientType != 'firm') {
16781        $('label[for="order2_document_invoice"').remove();
16782        $('.order2_select option[value=1]').remove();
16783        $('label[for="order2_document_confirmation"]').click();
16784        $('.order2_select').change()
16785    }
16786} 
16787}
16788
16789
16790</script>
16790</div><div class="menu_button_wrapper">
16790<script>
16791  const findproduktLink = window.location.href;
16792
16793  if (
16794    findproduktLink.includes("noproduct.html")
16795  ) {
16796
16797    const getDvFind = document.querySelector('.noproduct');
16798
16799    getDvFind.style.display = "none";
16800
16801    location.replace(
16802      "https://www.metalmarket.eu/lng/cms/formularz-wyszukiwania-walorow-748.html"
16803    );
16804
16805
16806  }
16807</script>
16807
16808
16809
16810
16811
16812<script>
16813
16814  //   const redirection = document.querySelector(".redirection").remove();
16815
16816  const addtextLang = document.querySelector("#menu_settings .open_trigger");
16817
16818  addtextLang.insertAdjacentHTML("beforebegin", `
16819
16820<div class="menu_settings_header">
16821										
16822									</div>
16823`);
16824
16825
16826</script>
16826
16827
16828
16829
16830
16831
16832
16833<script>
16834
16835  const getClassa = document.querySelectorAll(".label.--disable")
16836
16837  getClassa.forEach(function (ixdaa) {
16838
16839    ixdaa.parentElement.parentElement.parentElement.classList.add("termin_wyslki_deled");
16840
16841
16842  })
16843
16844
16845
16846</script>
16846
16847
16848
16849<style>
16850  .bnt_show_hide {
16851    display: flex;
16852    flex-direction: row-reverse;
16853    align-items: center;
16854  }
16855
16856  #baner_show_hide_filter small {
16857    font-size: 9px;
16858    display: block;
16859    /* white-space: pre; */
16860    /* position: absolute; */
16861    /* width: 120px; */
16862    z-index: 3;
16863    text-transform: uppercase;
16864    /* top: -28px; */
16865    width: 62px;
16866    padding-left: 10px;
16867  }
16868
16869  #baner_show_hide_filter small:hover {
16870    text-decoration: underline;
16871  }
16872
16873  .produx_size .product__icon img {
16874    max-height: 22.2rem !important;
16875  }
16876
16877  .produx_size .product__icon {
16878    height: 20rem;
16879    margin-bottom: 1rem;
16880    position: relative;
16881    border-radius: 0;
16882    overflow: visible !important;
16883  }
16884
16885
16886  .bnt_show_hide_back {
16887    border: solid 1px var(--darkyello);
16888  }
16889
16890  #Filters {
16891    position: relative;
16892  }
16893
16894  .termin_wyslki_deled .product__shippingTime {
16895    visibility: hidden;
16896  }
16897</style>
16898<style>
16899  #projector_longdescription {
16900    margin-top: 20px;
16901    position: static;
16902  }
16903
16904  .bar_Hide {
16905    display: none !important;
16906  }
16907
16908  #baner_show_hide_filter_back {
16909    position: fixed;
16910    top: 45%;
16911    -webkit-transform: scaleX(-1);
16912    transform: scaleX(-1);
16913    margin-left: -11px;
16914    cursor: pointer;
16915    z-index: 9999999;
16916    /* background-color: #e3e3e3; */
16917
16918
16919    display: none;
16920  }
16921
16922  .max_width {
16923    flex: 0 0 100% !important;
16924    max-width: 100% !important;
16925  }
16926
16927
16928  #baner_show_hide_filter {
16929    cursor: pointer;
16930    position: absolute;
16931    top: -10px;
16932    z-index: 9;
16933    background: #03a84e;
16934    right: auto;
16935    left: -90px;
16936  }
16937
16938  #baner_show_hide_filter img {
16939    width: 17px;
16940    position: relative;
16941    right: -3px;
16942  }
16943
16944  #baner_show_hide_filter {
16945    border: solid 1px var(--darkyello);
16946    background: #fdfcf7 !important;
16947    border-radius: 2px;
16948    margin-right: 10px;
16949    top: 12px !important;
16950
16951  }
16952
16953
16954  #baner_show_hide_filter:hover {
16955    background: var(--yellow) !important;
16956    color: #fff;
16957    text-decoration: underline;
16958  }
16959
16960
16961  @keyframes animate_fade_bar {
16962    0% {
16963      right: -15px;
16964      opacity: 0;
16965    }
16966
16967    100% {
16968      right: 0px;
16969      opacity: 1;
16970    }
16971  }
16972
16973  .spot-add {
16974    padding-bottom: 0px !important;
16975  }
16976
16977  #container.search_page #content #search .col-sm-4 {
16978    flex: 0 0 33.33333%;
16979    max-width: 23.33333%;
16980    padding-bottom: 0px !important;
16981  }
16982
16983  #paging_setting_top {
16984    position: relative;
16985  }
16986
16987  #content .produx_size .product {
16988    max-width: 19% !important;
16989    /* transition: all 1s; */
16990
16991    img {
16992      max-height: 25.2rem !important;
16993    }
16994
16995    h3 a {
16996      padding-top: 30px !important;
16997    }
16998
16999  }
17000
17001  img.bnt_show_hide {
17002    /* transition: all 1s; */
17003    position: relative;
17004    /* transition: all 1s; */
17005    /* width: 20px; */
17006    /* background: #f1f1f1; */
17007    padding-top: 0px;
17008    padding-bottom: 0px;
17009    border-top-left-radius: 3px;
17010    border-bottom-left-radius: 3px;
17011    /* width: 26px;
17012    height: 50px; */
17013    top: -3px;
17014  }
17015
17016  #Filters {
17017    border-right: solid 1px #e3e3e3;
17018  }
17019
17020  .bnt_show_hide:hover {
17021    background: #fcfcfc;
17022    border-radius: 1px;
17023    color: var(--darkyello);
17024  }
17025
17026  .invert_rotation {
17027    -webkit-transform: scaleX(-1);
17028    transform: scaleX(-1);
17029    display: none !important;
17030    /*        transform: rotate(180deg);*/
17031
17032
17033    /* transition: all 1s; */
17034    /* background: #fff; */
17035    opacity: 0.5
17036  }
17037
17038  @media (max-width:900px) {
17039
17040    #baner_show_hide_filter {
17041      display: none;
17042    }
17043
17044  }
17045</style>
17046
17047
17048
17049<script>
17050
17051
17052
17053  function bar_filter() {
17054
17055
17056    const getMainfilter = document.querySelector("#paging_setting_top");
17057
17058    getMainfilter.insertAdjacentHTML(
17059      "beforeend",
17060      `<div id="baner_show_hide_filter">
17061
17062                            <div class="bnt_show_hide"> 
17063    <small>Wyłącz filtry</small>
17064    <img 
17065         src="https://www.metalelokacyjne.pl/data/include/cms/metal_market/icon/arrow_bok_wstecz.svg">
17066
17067         </div>
17068    </div>`
17069    );
17070
17071
17072    const getBntfilter = document.querySelector("#baner_show_hide_filter");
17073
17074    const getBarfilter = document.querySelector("#layout aside");
17075    const getConterntmain = document.querySelector("#content");
17076    const getCproduct_main = document.querySelector("#search");
17077    const getMainfiltera = document.querySelector("#content");
17078
17079
17080    const bnt_show_hide_back = document.querySelector(".bnt_show_hide_back");
17081
17082
17083    const bnt_show_hide = document.querySelector(".bnt_show_hide");
17084
17085
17086
17087
17088
17089    getMainfiltera.insertAdjacentHTML(
17090      "afterbegin",
17091      `<div id="baner_show_hide_filter_back">
17092 
17093    <img class="bnt_show_hide_back" 
17094         src="https://www.metalelokacyjne.pl/data/include/cms/metal_market/icon/arrow_bok_wstecz.svg">
17095    </div>`
17096    );
17097
17098
17099    bnt_show_hide.addEventListener("click", function () {
17100
17101      localStorage.setItem("bar_left", "6");
17102
17103
17104      getBarfilter.classList.add("bar_Hide");
17105      getConterntmain.classList.add("max_width");
17106      getCproduct_main.classList.add("produx_size");
17107      getBntfilter.classList.add("invert_rotation");
17108
17109
17110      document.querySelector("#baner_show_hide_filter_back").style.display = "block";
17111
17112
17113    });
17114
17115
17116
17117
17118
17119
17120    document.querySelector("#baner_show_hide_filter_back").addEventListener("click", function () {
17121
17122
17123      localStorage.setItem("bar_left", "5");
17124
17125
17126      getBarfilter.classList.remove("bar_Hide");
17127      getConterntmain.classList.remove("max_width");
17128      getCproduct_main.classList.remove("produx_size");
17129      getBntfilter.classList.remove("invert_rotation");
17130
17131      document.querySelector("#baner_show_hide_filter_back").style.display = "none";
17132
17133    });
17134
17135
17136
17137    if (localStorage.getItem("bar_left") == "6") {
17138      getBarfilter.classList.add("bar_Hide");
17139      getConterntmain.classList.add("max_width");
17140      getCproduct_main.classList.add("produx_size");
17141      getBntfilter.classList.add("invert_rotation");
17142
17143
17144      document.querySelector("#baner_show_hide_filter_back").style.display = "block";
17145
17146
17147
17148    }
17149
17150
17151
17152    if (localStorage.getItem("bar_left") == "5") {
17153
17154
17155      getBarfilter.classList.remove("bar_Hide");
17156      getConterntmain.classList.remove("max_width");
17157      getCproduct_main.classList.remove("produx_size");
17158      getBntfilter.classList.remove("invert_rotation");
17159
17160      document.querySelector("#baner_show_hide_filter_back").style.display = "none";
17161
17162
17163
17164
17165
17166    }
17167
17168  }
17169  bar_filter()
17170  // window.addEventListener("DOMContentLoaded", () => {
17171  //     bar_filter()
17172
17173  // })
17174
17175</script>
17175</div><div class="menu_button_wrapper">
17176
17177<script>    
17178const buymoreItems =document.querySelector("#Basket");
17179
17180
17181
17182buymoreItems.insertAdjacentHTML("beforebegin", 
17183
17184`
17185<h2>Dokup produkty</h2>
17186
17187<div id="ekstraProdukt"></div>`
17188)
17189
17190
17191
17192</script>
17192
17193
17194<style>
17195
17196#ekstraProdukt {
17197    display: flex;
17198    gap: 20px;
17199    flex-wrap: nowrap;
17200    flex-direction: row;
17201    align-content: space-between;
17202    justify-content: space-between;
17203    align-items: flex-end;
17204    max-height: 250px;
17205    position: relative;
17206    top: 30px;
17207    overflow-x: auto;
17208
17209}
17210
17211/* #ekstraProdukt .extra_prduct_buy_content {max-width: 15%;} */
17212
17213#ekstraProdukt img {max-width: 90px;}
17214.picure_addd,.product_descriptin,.product_price {
17215    text-align: center;
17216    font-size: 12px;
17217}
17218#ekstraProdukt .projector_details__wrapper {
17219    margin-bottom: 0rem;
17220    text-align: center;
17221}
17222
17223#ekstraProdukt .projector_buy__button {padding: 3px;}
17224
17225#menu_security_policy h2 {display: none;}
17226#layout div.basketedit_rebatecodes_outline  {display: block !important;}
17227
17228.securityPolicy__sub {
17229    flex-wrap: nowrap;
17230    display: block;
17231}
17232
17233#ekstraProdukt .projector_buy__button {
17234    padding: 3px;
17235    font-size: 12px;
17236    margin-top: 10px;
17237    font-weight: normal;
17238}
17239
17240</style></div><div class="menu_button_wrapper">
17240<script defer>
17241
17242const bestselery_karusela =document.querySelector(".bestselery_karusela");
17243
17244
17245
17246const nowosi_karusela =document.querySelector(".nowosi_karusela");
17247
17248
17249nowosi_karusela.addEventListener("click", function() {
17250
17251document.querySelector("#przedpremiery_bos").classList.remove("przedpremiery_bnt")
17252
17253const getCaruselabest =document.querySelector("#main_hotspot_zone3");
17254const getCaruselanowosci =document.querySelector("#main_hotspot_zone1");
17255getCaruselabest.style.display= "none";
17256
17257getCaruselanowosci.style.display= "block";
17258
17259nowosi_karusela.classList.add("active_btn")
17260bestselery_karusela.classList.remove("active_btn")
17261
17262// document.querySelector("body").style.background="red";
17263
17264getCaruselanowosci.classlist.add("acrtive");
17265
17266
17267} )
17268
17269
17270
17271bestselery_karusela.addEventListener("click", function(){
17272
17273const getCaruselabest =document.querySelector("#main_hotspot_zone3");
17274const getCaruselanowosci =document.querySelector("#main_hotspot_zone1");
17275getCaruselabest.style.display= "block";
17276getCaruselabest.style.height= "auto";
17277getCaruselabest.style.visibility= "visible";
17278
17279bestselery_karusela.classList.add("active_btn");
17280nowosi_karusela.classList.remove("active_btn");
17281
17282getCaruselanowosci.style.display= "none";
17283
17284document.querySelector("#przedpremiery_bos").classList.add("przedpremiery_bnt")
17285
17286} )
17287
17288
17289</script>
17289
17290
17291<style>
17292/* #przedpremiery_bos {opacity: 0;} */
17293
17294
17295@keyframes aminacja_images {
17296	from {opacity: 0;}
17297	to {opacity: 1;}
17298}
17299
17300#main_hotspot_zone1,#wielak_szostka {
17301  
17302/* background: rgb(253,252,247);
17303background: linear-gradient(180deg, rgba(253,252,247,1) 29%, rgba(255,255,255,1) 100%); */
17304
17305}
17306
17307#main_hotspot_zone1 {    width: 100% !important; }
17308
17309
17310 #main_hotspot_zone1,#main_hotspot_zone3 { animation: aminacja_images 1s linear ;
17311} 
17312
17313
17314 #przedpremiery_bos{ animation: aminacja_images 1s  ;  animation-iteration-count: 1;opacity: 1;} 
17315
17316#main_hotspot_zone1 {
17317    padding-bottom: 0px;
17318}
17319    .przedpremiery_bnt {display: none;}
17320
17321#main_hotspot_zone1 h2,#main_hotspot_zone3 h2 {display: none;}
17322
17323.active_btn {color: var(--yellow) !important;    text-decoration-color: #d2bc66 !important;
17324
17325
17326}
17327
17328
17329#main_hotspot_zone3 .products {display: none;}
17330
17331.hotspot:not(.--slider):not(.--list):not(.--bundle):not(.--added) .products.slick-initialized .slick-list {overflow: visible;}
17332
17333.bestselery_karusela ,.nowosi_karusela {font-size: var(--big36);  
17334      font-family: 'Noto Serif', serif;
17335color: var(--darkyello);
17336}
17337
17338
17339.bestselery_karusela .headline__after,
17340.nowosi_karusela .headline__after
17341
17342{font-family: 'Inter', sans-serif !important;position: relative;}
17343.active_btn {position: relative;}
17344.active_btn:after {
17345
17346  background: var(--yellow);
17347    content: "";
17348    position: absolute;
17349    width: 80%;
17350    bottom: 0px;
17351    height: 1px;
17352    margin: auto;
17353    left: 0px;
17354    bottom: -50px;
17355    display: block;
17356    height: 3px;
17357
17358}
17359
17360
17361#kafelki {    display: flex;
17362  align-items: center;
17363    justify-content: center;
17364    gap: 20px;
17365    margin-top: 100px;
17366    position: relative;
17367    margin-bottom: 20px;
17368
17369cursor: pointer;
17370padding-bottom: 50px;
17371border-bottom: solid 2px var(--yellow);
17372margin-bottom: 50px;
17373
17374}
17375
17376#kafelki .headline__after {margin-right: 50px;}
17377#kafelki .headline__after  a{color: var(--darkyello);}
17378
17379#main_hotspot_zone3 {height: 0px ;visibility: hidden;padding-bottom: 140px;}
17380
17381
17382#kafelki > div:hover {text-decoration: underline;}
17383.product__icon img {
17384    max-height: 18.2rem !important;
17385}
17386
17387div#przedpremiery_bos {top:290px !important;    backdrop-filter: blur(10px);background-image: none !important;    background-color: #fbf9ef96 !important; }
17388div#przedpremiery_bos img {max-width: 100% !important;filter: none;}
17389.monety_przed_premiery {
17390    text-align: center;
17391}
17392#kafelki_content {
17393    display: flex;
17394    margin-top: 150px;
17395}
17396
17397
17398#main_hotspot_zone1 .slick-next.slick-arrow {
17399    right: 0%;
17400}
17401
17402/* #kafelki {min-height: ;} */
17403#kafelki:after {
17404    background: #ccc;
17405    content: "";
17406    position: absolute;
17407    width: 80%;
17408    bottom: 0px;
17409    height: 1px;
17410    margin: auto;
17411    left: 5%;
17412    bottom: -450px;
17413}
17414
17415</style>
17416
17417
17418<!-- 
17418<script>
17419 setTimeout(function () {
17420    const getboxPremiery = document.querySelector("#skup_main");
17421
17422    getboxPremiery.insertAdjacentHTML(
17423      "afterbegin",
17424      ` <div id="przedpremiery_bos">
17425
17426    <a href="https://www.metalelokacyjne.pl/Kalendarz-emisji-ccms-pol-646.html" >
17427        <div class="baner_przed_prmiery">
17428<span class="headline__after">Zobacz wszystkie</span>
17429       <div class="text_przed">
17430              <h2>Przedpremiery</h2>
17431            <h4 class="h4"> Kalendarz emisji monet</h4>
17432         
17433  
17434         
17435          </div>
17436          <div class="monety_przed_premiery"><img loading="lazy" src="https://www.metalelokacyjne.pl/data/include/cms/oferta_specjalna/wiedenczyk/monety_zakryte.png?v=1683726978203"></div>
17437        </div>
17438        </a>
17439    </div>   `
17440    );
17441  }, 500);
17442</script>
17442 -->
17443</div><div class="menu_button_wrapper">
17443<script>
17444
17445
17446    function getthebestPricebtn() {
17447        window.addEventListener('DOMContentLoaded', function () {
17448
17449            const getbnts = document.querySelector('#paging_setting_top .option_price-a a')
17450
17451            if (!getbnts.classList.contains("--selected")) {
17452                console.log('::: aa',);
17453                getbnts.click();
17454            }
17455
17456
17457
17458        }, { once: true });
17459    }
17460
17461
17462const stylelink = `
17463
17464<style>
17465.product  .info_komis {
17466    top: -10px;
17467    right: 161px;
17468}
17469
17470
17471body #layout #paging_setting_top,.label_komis_main,.akcesoria_10_procent::after {display: none !important;}
17472
17473      body  #paging_setting_top .s_paging__item.--filters .btn.--large.--solid {
17474        display: none !important;
17475    }
17476
17477    .delivery_time {
17478    text-align: center !important;
17479    font-size: 11px;
17480}
17481
17482div#filters {
17483    /* position: absolute; */
17484    bottom: -80px;
17485    z-index: 99;
17486    margin-bottom: 10px;
17487    display: flex
17488;
17489    margin-top: 20px;
17490    align-items: center;
17491}
17492
17493#search h3{margin-top:10px !important;}
17494
17495
17496.product h3 a {
17497    text-align: center;
17498    font-size: 14px;
17499    color: #8a8881;
17500    font-weight: 500 !important;
17501    width: 80%;
17502    margin: auto;
17503    margin-top: 20px;
17504}
17505
17506        .spot-add {
17507            font-size: 12px !important;
17508            font-weight: bold !important;
17509            margin-top: 3px !important;
17510            color: #03a84e !important;
17511            padding: 0px !important;
17512        }
17513
17514#paging_setting_top #btn_filtsrs,
17515#paging_setting_top .btn.--solid.--large
17516
17517
17518{display: none !important;}
17519
17520.product__prices .omnibus_price {
17521    order: 4;
17522    display: none !important;
17523}
17524
17525.product__prices .price.--max {
17526    order: 3;
17527    display: none !important;
17528}
17529
17530#paging_setting_top .f-dropdown.--small-md .f-dropdown-menu {
17531    display: grid
17532;
17533    border: none;
17534    background: none;
17535    font-weight: bold;
17536    position: static;
17537    white-space: nowrap;
17538    justify-content: start;
17539    grid-template-columns: repeat(6, 1fr);
17540    text-align: center;
17541    justify-items: center;
17542    max-width: 100% !important;
17543}
17544
17545
17546    .omnibus_price,
17547
17548.--max   {
17549    display: none !important;}
17550#small_baner {display: none !important;}
17551
17552
17553       #search .label_icons {
17554            position: static;
17555            width: 0px !important;
17556            display: none !important;
17557        }
17558#content #search .product {    align-items: start !important;}
17559
17560#paging_setting_top .f-dropdown.--small-md .f-dropdown-menu {
17561    display: grid
17562;
17563    border: none;
17564    background: none;
17565    font-weight: bold;
17566    position: static;
17567    white-space: nowrap;
17568    justify-content: start;
17569    grid-template-columns: repeat(6, 1fr);
17570    text-align: center;
17571    justify-items: center;
17572    max-width: 100% !important;
17573}
17574
17575
17576
17577
17578    </style>`
17579
17580
17581
17582
17583    const zloteInwestycjne = window.location.href;
17584    
17585    console.log('zloteInwestycjne::: ', zloteInwestycjne);
17586
17587    if (
17588  zloteInwestycjne == "https://www.metalelokacyjne.pl/zloto-najlepszych-cenach" ||
17589  zloteInwestycjne == "https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html?filter_price=&filter_traits%5B1%5D=&filter_traits%5B510%5D=483&filter_traits%5B512%5D=&filter_availability=y&filter_traits%5B304%5D=&filter_series=&filter_traits%5B849%5D=&filter_traits%5#price=a" ||
17590
17591
17592
17593  zloteInwestycjne == "https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html?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#p" ||
17594
17595    zloteInwestycjne == "https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html?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#p" ||
17596
17597       zloteInwestycjne == "https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Srebrne-502.html?filter_traits%5B4779%5D=&filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B510%5D=481&filter_traits%5B4582%5D=&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_availability=y" ||
17598       
17599       zloteInwestycjne == "https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html?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" ||
17600
17601
17602        zloteInwestycjne == "https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html?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#price-a"
17603        
17604        
17605        || zloteInwestycjne == "https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html?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#price-a"  
17606        
17607        || zloteInwestycjne == "https://www.metalelokacyjne.pl/zloto-1-2-oz" 
17608        || zloteInwestycjne == "https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html?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%
176085D=#price-a" 
17609
17610
17611
17612        || zloteInwestycjne == "https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html?filter_traits%5B4779%5D=&filter_traits%5B1%5D=&filter_traits%5B4880%5D=&filter_traits%5B512%5D=&filter_traits%5B510%5D=481&filter_traits%5B4582%5D=&filter_pricerange=&filter_traits%5B304%"  
17613        
17614        
17615        || zloteInwestycjne == "https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html?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" 
17616
17617
17618
17619       || zloteInwestycjne == "https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html?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"       || 
17620       
17621       
17622       
17623       zloteInwestycjne == "https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html?filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B4582%5D=4597&filter_traits%5B510%5D=&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_traits%5B3827%5D=#price-a" 
17624
17625
17626    ) 
17627    
17628    
17629    {
17630         
17631
17632
17633
17634            goldMonetyLista()
17635
17636
17637
17638    }
17639
17640
17641
17642
17643
17644
17645
17646
17647    function goldMonetyLista() {
17648
17649
17650
17651
17652
17653
17654
17655    getthebestPricebtn()
17656        // const getProduktPriceout = document.querySelectorAll( '.price.--phone' );
17657        // getProduktPriceout.forEach( x => {
17658
17659        //     x.parentElement.parentElement.remove()
17660
17661        // } )
17662
17663
17664        document.querySelector( ".headline__name" ).innerHTML = "Złote MONETY";
17665
17666
17667        // setTimeout( () => {
17668
17669
17670        //     document.querySelector( "#one_oz" ).remove();
17671        //  document.querySelector( ".option_price-a a" ).innerHTML = "Najniższa cena";
17672        //     document.querySelector( ".option_price-d a" ).innerHTML = "Najwyższa cena";
17673
17674        // }, 500 );
17675
17676
17677
17678        const getConntedntDIvZlote = document.querySelector( "#layout" );
17679        getConntedntDIvZlote.insertAdjacentHTML(
17680            "afterbegin",
17681
17682            `
17683<div id="head_inwestycje"> 
17684
17685    <div class="baner_send pln_baner"> 
17686    
17687    
17688<picture>
17689        <source srcset="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/inwestycje/mobile_gold.jpg?v=1707474415907" media="(max-width: 639px)">
17690        <source srcset="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/inwestycje/destorp_gold.jpg?v=1707474415908" media="(min-width: 640px) and (max-width: 1023px)">
17691        <source srcset="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/inwestycje/destorp_gold.jpg?v=1707474415908" media="(min-width: 1024px)">
17692        <img src="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/inwestycje/destorp_gold.jpg?v=1707474415908" alt="MONETY INWESTYCJE ZŁOTE
17693" srcset="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/inwestycje/destorp_gold.jpg?v=1707474415908"> </picture>
17694
17695      </div>
17696
17697<div id="filters"> 
17698 <div class="head_filters">Wybierz wagę: </div>
17699 <div class="head_filters wybierz_cena">Wybierz cenę: </div>
17700 <div class="tag_chose">
17701
17702 <a href="https://www.metalelokacyjne.pl/zloto-najlepszych-cenach?filter_availability=y">1 oz</a>
17703
17704 <a href="https://www.metalelokacyjne.pl/zloto-1-2-oz">1/2 oz</a>
17705
17706  <a href="?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?filter_availability=y">1/4 oz</a>
17707
17708
17709 <a href="?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?filter_availability=y">1/10 oz</a>
17710 
17711
17712 
17713 </div>
17714
17715 </div>
17716
17717
17718 <div id="filters"> 
17719 <div class="head_filters">Wybierz spot: </div>
17720 <div class="head_filters wybierz_cena">Wybierz cenę: </div>
17721 <div class="tag_chose">
17722
17723
17724
17725 <a href="https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Zlote-546.html?filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B4582%5D=4597&filter_traits%5B510%5D=&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_traits%5B3827%
177255D=#price-a">0-5%</a>
17726
17727
17728 
17729
17730 
17731 </div>
17732
17733
17734
17735 <div id="filters"> 
17736 <div class="head_filters">Wybierz metal: </div>
17737
17738 <div class="tag_chose" id="metals_tag">
17739
17740 <a href="https://www.metalelokacyjne.pl/zloto-najlepszych-cenach?filter_availability=y">Złoto</a>
17741
17742 <a href="https://www.metalelokacyjne.pl/srebro-najlepszych-cenach?filter_availability=y">Srebro</a>
17743 <a href="https://www.metalelokacyjne.pl/platyna-najlepszych-cenach?filter_availability=y">Platyna</a>
17744  <a href="https://www.metalelokacyjne.pl/Cennik-skupu-clinks-pol-910.html">Cennik skupu walorów</a>
17745 </div>
17746
17747
17748
17749
17750
17751</div>
17752
17753
17754                
17755          <link href="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/inwestowac/style_inwestycje.css?v=1708359118886" rel="stylesheet" /> </link>
17756          
17757    
17758    ${stylelink}
17759
17760    
17761                
17762       `
17763        ) };
17764
17765const getNameproduct = document.querySelector(".product__name");
17766
17767const getnameText =  getNameproduct.textContent;
17768
17769if (getnameText.includes("Złota")) {
17770
17771   const gettagsButonMetal = document.querySelectorAll("#metals_tag a")[0]
17772
17773   gettagsButonMetal.classList.add("active_btn_tags")
17774
17775}
17776
17777
17778if (getnameText.includes("1 uncja")) {
17779
17780   const gettagsButon = document.querySelectorAll(".tag_chose a")[0]
17781
17782   gettagsButon.classList.add("active_btn_tags")
17783
17784}
17785
17786if (getnameText.includes("1/2 uncji")) {
17787
17788   const gettagsButon = document.querySelectorAll(".tag_chose a")[1]
17789
17790   gettagsButon.classList.add("active_btn_tags")
17791
17792}
17793
17794
17795if (getnameText.includes("1/4 uncji")) {
17796
17797   const gettagsButon = document.querySelectorAll(".tag_chose a")[2]
17798
17799   gettagsButon.classList.add("active_btn_tags")
17800
17801}
17802
17803if (getnameText.includes("1/10 uncji")) {
17804
17805   const gettagsButon = document.querySelectorAll(".tag_chose a")[3]
17806
17807   gettagsButon.classList.add("active_btn_tags")
17808
17809}
17810
17811
17812</script>
17812
17813
17814
17815<!--silver_main --------------------------------------------------------------->
17816
17817<script>
17818
17819
17820    const srebneInwestycjne = window.location.href;
17821
17822    if (
17823
17824  
17825
17826 srebneInwestycjne == "https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Srebrne-502.html?filter_traits%5B4779%5D=&filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B510%5D=481&filter_traits%5B4582%5D=&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%&filter_availability=y#p" || 
17827
17828
17829
17830  srebneInwestycjne == "https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Srebrne-502.html?filter_traits%5B4779%5D=&filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B510%5D=481&filter_traits%5B4582%5D=&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%" || 
17831
17832
17833   srebneInwestycjne == "https://www.metalelokacyjne.pl/srebro-najlepszych-cenach" || 
17834  
17835  
17836  srebneInwestycjne == "https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Srebrne-502.html?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=#price-a" ||  srebneInwestycjne == "https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Srebrne-502.html?filter_traits%5B4779%5D=&filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B510%5D=481&filter_traits%5B4582%5D=&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_availability=y#price-a" 
17837
17838
17839
17840
17841    ) {
17842
17843        getthebestPricebtn(); // <-- DODANE: automatyczne sortowanie po najniższej cenie
17844
17845
17846
17847        // location.replace(
17848        //     "https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Srebrne-502.html?filter_traits%5B4779%5D=&filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B510%5D=481&filter_traits%5B4582%5D=&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_availability=y" );
17849
17850
17851       
17852
17853        const getConntedntDIv = document.querySelector( "#layout" );
17854
17855        getConntedntDIv.insertAdjacentHTML(
17856            "afterbegin",
17857            `
17858<div id="head_inwestycje"> 
17859
17860      <div class="baner_send pln_baner"> 
17861    
17862
17863<picture>
17864        <source srcset="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/inwestycje/mobile_silver.jpg?v=1707474415907" media="(max-width: 639px)">
17865        <source srcset="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/inwestycje/destorp_siver.jpg?v=1707474415908" media="(min-width: 640px) and (max-width: 1023px)">
17866        <source srcset="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/inwestycje/destorp_siver.jpg?v=1707474415908" media="(min-width: 1024px)">
17867        <img src="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/inwestycje/destorp_siver.jpg?v=1707474415908" alt="inwestycje lokuj srebro
17868" srcset="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/inwestycje/destorp_siver.jpg?v=1707474415908"> </picture>
17869
17870      </div>
17871
17872
17873       <div id="filters"> 
17874 <div class="head_filters">Wybierz metal: </div>
17875
17876 <div class="tag_chose" id="metals_tag">
17877
17878 <a href="https://www.metalelokacyjne.pl/zloto-najlepszych-cenach?filter_availability=y">Złoto</a>
17879
17880 <a href="https://www.metalelokacyjne.pl/srebro-najlepszych-cenach?filter_availability=y">Srebro</a>
17881  <a href="https://www.metalelokacyjne.pl/platyna-najlepszych-cenach?filter_availability=y">Platyna</a>
17882   <a href="https://www.metalelokacyjne.pl/Cennik-skupu-clinks-pol-910.html">Cennik skupu walorów</a>
17883 
17884 </div>
17885
17886
17887     
17888
17889</div>
17890
17891    <link href="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/inwestowac/style_inwestycje.css?v=1708359118886" rel="stylesheet" />
17892
17893  
17894        
17895        ${stylelink}         
17896                
17897                
17898       `
17899        );
17900
17901
17902        
17903    const getNameproduct = document.querySelector(".product__name");
17904
17905const getnameText =  getNameproduct.textContent;
17906
17907if (getnameText.includes("Srebra")) {
17908
17909   const gettagsButonMetal = document.querySelectorAll("#metals_tag a")[1]
17910
17911   gettagsButonMetal.classList.add("active_btn_tags")
17912
17913}
17914    
17915
17916
17917    }
17918
17919</script>
17919
17920
17921
17922
17923<!--platyna --------------------------------------------------------------->
17924
17925<script>
17926
17927
17928    const platynaInwestycjne = window.location.href;
17929
17930    if (
17931
17932  
17933
17934
17935
17936
17937
17938  platynaInwestycjne == "https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Platynowe-506.html?filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B4582%5D=&filter_traits%5B510%5D=481&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_availability" || 
17939   platynaInwestycjne == "https://www.metalelokacyjne.pl/platyna-najlepszych-cenach" || 
17940
17941   platynaInwestycjne == "https://www.metalelokacyjne.pl/pol_m_Produkty_Monety_Platynowe-506.html?filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B4582%5D=&filter_traits%5B510%5D=481&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_availability" 
17942  
17943  
17944
17945
17946
17947
17948
17949    ) {
17950
17951        getthebestPricebtn(); // <-- opcjonalnie: dodaj też tutaj, jeśli chcesz to samo dla platyny
17952
17953
17954
17955
17956       
17957
17958        const getConntedntDIv = document.querySelector( "#layout" );
17959
17960        getConntedntDIv.insertAdjacentHTML(
17961            "afterbegin",
17962            `
17963<div id="head_inwestycje"> 
17964
17965      <div class="baner_send pln_baner"> 
17966    
17967
17968<picture>
17969        <source srcset="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/inwestycje/mobile_latin.jpg?v=1709216877252" media="(max-width: 639px)">
17970        <source srcset="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/inwestycje/destorp_paltin.jpg?v=1709216877253" media="(min-width: 640px) and (max-width: 1023px)">
17971        <source srcset="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/inwestycje/destorp_paltin.jpg?v=1709216877253" media="(min-width: 1024px)">
17972        <img src="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/inwestycje/destorp_paltin.jpg?v=1709216877253" alt="inwestycje lokuj platyna
17973" srcset="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/inwestycje/destorp_paltin.jpg?v=1709216877253"> </picture>
17974
17975      </div>
17976
17977
17978       <div id="filters"> 
17979 <div class="head_filters">Wybierz metal: </div>
17980
17981 <div class="tag_chose" id="metals_tag">
17982
17983 <a href="https://www.metalelokacyjne.pl/zloto-najlepszych-cenach">Złoto</a>
17984
17985 <a href="https://www.metalelokacyjne.pl/srebro-najlepszych-cenach">Srebro</a>
17986 <a href="https://www.metalelokacyjne.pl/platyna-najlepszych-cenach">Platyna</a>
17987 <a href="https://www.metalelokacyjne.pl/Cennik-skupu-clinks-pol-910.html">Cennik skupu walorów</a>
17988 
17989 </div>
17990
17991
17992     
17993
17994</div>
17995
17996    <link href="https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/inwestowac/style_inwestycje.css?v=1708359118886" rel="stylesheet" />
17997
17998  
17999                   
18000        
18001             
18002               
18003
18004               <style>
18005.product__prices .omnibus_price {
18006    order: 4;
18007    display: none !important;
18008}
18009
18010.product__prices .price.--max {
18011    order: 3;
18012    display: none !important;
18013}
18014
18015
18016.product__prices .omnibus_price {
18017    order: 4;
18018    display: none;
18019}
18020
18021#paging_setting_top .f-dropdown.--small-md .f-dropdown-menu {
18022    display: grid
18023;
18024    border: none;
18025    background: none;
18026    font-weight: bold;
18027    position: static;
18028    white-space: nowrap;
18029    justify-content: start;
18030    grid-template-columns: repeat(6, 1fr);
18031    text-align: center;
18032    justify-items: center;
18033    max-width: 100% !important;
18034}
18035
18036
18037    .omnibus_price,
18038
18039.--max   {
18040    display: none !important;}
18041#small_baner {display: none !important;}
18042
18043
18044       #search .label_icons {
18045            position: static;
18046            width: 0px !important;
18047            display: none !important;
18048        }
18049#content #search .product {    align-items: start !important;}
18050
18051#paging_setting_top .f-dropdown.--small-md .f-dropdown-menu {
18052    display: grid
18053;
18054    border: none;
18055    background: none;
18056    font-weight: bold;
18057    position: static;
18058    white-space: nowrap;
18059    justify-content: start;
18060    grid-template-columns: repeat(6, 1fr);
18061    text-align: center;
18062    justify-items: center;
18063    max-width: 100% !important;
18064}
18065
18066
18067
18068
18069    </style>
18070           
18071    ${stylelink} 
18072
18073
18074       `
18075        );
18076
18077    
18078
18079
18080        
18081            const getNameproductplatyna = document.querySelector(".product__name");
18082        
18083        const getnameTextplatyna =  getNameproductplatyna.textContent;
18084        
18085        if (getnameTextplatyna.includes("Platyny")) {
18086        
18087           const gettagsButonMetal = document.querySelectorAll("#metals_tag a")[2]
18088        
18089           gettagsButonMetal.classList.add("active_btn_tags")
18090        
18091        }
18092    }
18093
18094</script>
18094</div><div class="menu_button_wrapper">    <style>
18095        
18096    .country    font font {display: flex !important;width: 300px !important;}
18097        
18098        .menu_mennica {
18099            display: none;
18100        }
18101
18102        .producers__item {
18103            border-radius: 10px;
18104        }
18105
18106        .menica {
18107            display: block;
18108            width: 100%;
18109
18110            font-size: 14px;
18111            ;
18112        }
18113
18114        .conutry_menica b {
18115            display: block;
18116            width: 100%;
18117            font-size: 14px;
18118        }
18119
18120
18121        .year,
18122        .country_send,
18123        .production,
18124        .top_coins,
18125        .conutry_menica {
18126            border-bottom: solid 1px #ccc;
18127            padding-top: 5px;
18128            display: block;
18129            padding-bottom: 5px;
18130        }
18131
18132        .year span,
18133        .country_send span,
18134        .production span,
18135        .top_coins span,
18136        .conutry_menica span {
18137            display: block;
18138            width: 100%;
18139            font-size: 13px;
18140            color: #999;
18141            padding-bottom: 2px;
18142
18143
18144
18145
18146        }
18147
18148        @keyframes opacity {
18149            0% {
18150                opacity: 0;
18151                -webkit-transform-origin: 50% 100%;
18152                -moz-transform-origin: 50% 100%;
18153                -o-transform-origin: 50% 100%;
18154                -ms-transform-origin: 50% 100%;
18155                transform-origin: 50% 100%;
18156                -webkit-transform: scale(0.3);
18157                -moz-transform: scale(0.3);
18158                -o-transform: scale(0.3);
18159                -ms-transform: scale(0.3);
18160                transform: scale(0.3);
18161            }
18162
18163            100% {
18164                opacity: 1;
18165                animation-iteration-count: 1;
18166            }
18167        }
18168
18169        .flags {
18170            width: 50px;
18171            height: 50px;
18172            display: block;
18173            z-index: 99;
18174        }
18175
18176        .anmacja2,
18177        .anmacja1 {
18178            opacity: 1;
18179            animation-name: opacity;
18180            transition-duration: 1s, 1s;
18181
18182        }
18183
18184
18185
18186        .flags {
18187            opacity: 0;
18188            animation-name: opacity;
18189            animation-duration: 0.7s;
18190            animation-fill-mode: forwards;
18191        }
18192
18193        .anmacja0 .flags {
18194            animation-name: opacity;
18195            animation-delay: 0.2s;
18196            animation-iteration-count: 1;
18197            transition-duration: 223s, 225s;
18198        }
18199
18200        .anmacja1 .flags {
18201            animation-name: opacity;
18202            animation-delay: 0.4s;
18203        }
18204
18205        .anmacja2 .flags {
18206            animation-name: opacity;
18207            animation-delay: 0.5s;
18208        }
18209
18210        .id3::after {
18211
18212
18213            animation-name: opacity;
18214            animation-delay: 1s;
18215
18216            animation-fill-mode: forwards;
18217
18218            content: url('https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/linie/ang_1.svg?v=1676990296845');
18219            position: absolute;
18220            top: -10px;
18221            left: 35%;
18222
18223
18224        }
18225
18226
18227
18228        .anmacja3::after {
18229
18230            content: url('https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/linie/linia.svg?v=1676989148377');
18231            position: absolute;
18232            top: -14px;
18233            left: 40%;
18234
18235
18236
18237
18238        }
18239
18240
18241        .anmacja3 .flags {
18242            animation-name: opacity;
18243            animation-delay: 0.6s;
18244        }
18245
18246        .anmacja4 .flags {
18247            animation-name: opacity;
18248            animation-delay: 0.7s;
18249        }
18250
18251        .id4::after {
18252
18253
18254
18255
18256
18257            content: url('https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/linie/ang.svg?v=1676990296845');
18258            position: absolute;
18259            top: -10px;
18260            left: 42%;
18261            
18262
18263
18264        }
18265
18266
18267
18268        .anmacja5 .flags {
18269            animation-name: opacity;
18270            animation-delay: 0.8s;
18271        }
18272
18273        .anmacja6 .flags {
18274            animation-name: opacity;
18275            animation-delay: 0.9s;
18276        }
18277
18278        .anmacja7 .flags {
18279            animation-name: opacity;
18280            animation-delay: 1s;
18281        }
18282
18283        .anmacja8 .flags {
18284            animation-name: opacity;
18285            animation-delay: 1.1s;
18286        }
18287
18288        .anmacja9 .flags {
18289            animation-name: opacity;
18290            animation-delay: 1.2s;
18291        }
18292
18293        .anmacja10 .flags {
18294            animation-name: opacity;
18295            animation-delay: 1.3s;
18296        }
18297
18298        .anmacja11 .flags {
18299            animation-name: opacity;
18300            animation-delay: 1.4s;
18301        }
18302
18303
18304
18305        .id11::after {
18306
18307
18308
18309
18310
18311            content: url('https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/linie/bull.svg?v=1676992835520');
18312            position: absolute;
18313            top: 60px;
18314            left: 49%;
18315
18316
18317        }
18318
18319        .anmacja12 .flags {
18320            animation-name: opacity;
18321            animation-delay: 1.5s;
18322        }
18323
18324        .id12::after {
18325
18326
18327
18328
18329
18330            content: url('https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/linie/austria.svg?v=1676992001123');
18331            position: absolute;
18332            top: 90px;
18333            left: 46.5%;
18334
18335
18336        }
18337
18338
18339
18340        .anmacja13 .flags {
18341            animation-name: opacity;
18342            animation-delay: 1.5s;
18343        }
18344
18345        .anmacja14 .flags {
18346            animation-name: opacity;
18347            animation-delay: 1.6s;
18348        }
18349
18350        .anmacja15 .flags {
18351            animation-name: opacity;
18352            animation-delay: 1.7s;
18353        }
18354
18355
18356        .id15::after {
18357
18358
18359            animation-name: opacity;
18360            animation-delay: 1s;
18361
18362
18363            content: url('https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/linie/pl.svg?v=1676991655677');
18364            position: absolute;
18365            top: 4px;
18366            left: 47%;
18367
18368
18369        }
18370
18371        .anmacja16 .flags {
18372            animation-name: opacity;
18373            animation-delay: 1.8s;
18374        }
18375
18376        .id16::after {
18377
18378
18379            animation-name: opacity;
18380            animation-delay: 1s;
18381
18382
18383            content: url('https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/linie/ger.svg?v=1676990989060');
18384            position: absolute;
18385            top: 104px;
18386            left: 36%;
18387
18388
18389        }
18390
18391
18392
18393        .anmacja17 .flags {
18394            animation-name: opacity;
18395            animation-delay: 1.9s;
18396        }
18397
18398        .anmacja18 .flags {
18399            animation-name: opacity;
18400            animation-delay: 2s;
18401        }
18402
18403
18404        .id17::after {
18405
18406
18407            animation-name: opacity;
18408            animation-delay: 1s;
18409
18410
18411            content: url('https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/linie/pl_2.svg?v=1676991752005');
18412            position: absolute;
18413            top: -18px;
18414            left: 48%;
18415
18416
18417        }
18418
18419        .anmacja19 .flags {
18420            animation-name: opacity;
18421            animation-delay: 2.1s;
18422        }
18423
18424
18425        .id19::after {
18426
18427
18428            animation: opacity;
18429            animation-delay: 1s;
18430
18431
18432            content: url('https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/linie/pl_3.svg?v=1676993060184');
18433            position: absolute;
18434            top: -27px;
18435            left: 47%;
18436
18437
18438        }
18439
18440        .anmacja20 .flags {
18441            animation-name: opacity;
18442            animation-delay: 2.2s;
18443        }
18444
18445
18446
18447        .id19::after {
18448
18449
18450
18451            animation-name: opacity;
18452            animation-delay: 1s;
18453
18454
18455            content: url('https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/linie/ger2.svg?v=1676991213959');
18456            position: absolute;
18457            top: 90px;
18458            left: 29%;
18459
18460
18461        }
18462
18463
18464        .id20::after {
18465
18466
18467            animation-name: opacity;
18468            animation-delay: 1s;
18469            
18470            
18471
18472
18473            content: url('https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/linie/pres.svg?v=1676992319050');
18474            position: absolute;
18475            top: 90px;
18476            left: 50%;
18477        }
18478
18479
18480
18481
18482        .anmacja21 .flags {
18483            animation-name: opacity;
18484            animation-delay: 2.3s;
18485        }
18486
18487
18488        .id20::after {
18489
18490
18491            animation-name: opacity;
18492            animation-delay: 1s;
18493
18494
18495            content: url('https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/linie/czech.svg?v=1676993060184');
18496            position: absolute;
18497            top: 60px;
18498            left: 50%;
18499
18500
18501        }
18502
18503        .flags a img {
18504            width: 80%;
18505        }
18506
18507        .conutry_menica,
18508        .name_menica {
18509            margin: 15px 0px;
18510        }
18511
18512        .name_menica a {
18513            color: #000;
18514            text-decoration: none;
18515        }
18516
18517        .name_menica.menu_mennica {
18518            left: 70%;
18519            width: auto;
18520            height: auto;
18521            text-align: center;
18522            font-size: 12px;
18523            padding-top: 0px;
18524            margin-top: 2px;
18525            margin-bottom: 5px;
18526            /* top: 40%; */
18527            position: relative;
18528            width: auto;
18529        }
18530
18531        .menica .name_menica:hover .flags {
18532            
18533            display: block;
18534        }
18535
18536        .country {
18537            position: relative;
18538            background: #fff;
18539        }
18540
18541        .buttony .country:nth-child(3):after {
18542            content: '';
18543            position: absolute;
18544            left: -20px;
18545            width: 30px;
18546            height: 30px;
18547            top: 0px;
18548            background: url("https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/maps/eng.svg?v=1663169165808") no-repeat;
18549        }
18550
18551        .Niemcy:after {
18552            content: '';
18553            position: absolute;
18554            left: -20px;
18555            width: 30px;
18556            height: 30px;
18557            top: 0px;
18558            background: url("https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/maps/germany.svg?v=1663169319703") no-repeat;
18559        }
18560
18561        .Kanada:after {
18562            content: '';
18563            position: absolute;
18564            left: -20px;
18565            width: 30px;
18566            height: 30px;
18567            top: 0px;
18568            background: url("https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/maps/canada.svg?v=1663169580453") no-repeat;
18569        }
18570
18571        .Australia:after {
18572            content: '';
18573            position: absolute;
18574            left: -20px;
18575            width: 30px;
18576            height: 30px;
18577            top: 0px;
18578            background: url("https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/maps/australia.svg?v=1663169807994") no-repeat;
18579        }
18580
18581        .Australia:after {
18582            content: '';
18583            position: absolute;
18584            left: -20px;
18585            width: 30px;
18586            height: 30px;
18587            top: 0px;
18588            background: url("https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/maps/australia.svg?v=1663169807994") no-repeat;
18589        }
18590
18591        .Chiny:after {
18592            content: '';
18593            position: absolute;
18594            left: -20px;
18595            width: 30px;
18596            height: 30px;
18597            top: 0px;
18598            background: url("https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/maps/chiny.svg?v=1663327459876") no-repeat;
18599        }
18600
18601        .Meksyk:after {
18602            content: '';
18603            position: absolute;
18604            left: -20px;
18605            width: 30px;
18606            height: 30px;
18607            top: 0px;
18608            background: url("https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/maps/meksyk.svg?v=1663327459874") no-repeat;
18609        }
18610
18611        .RPA:after {
18612            content: '';
18613            position: absolute;
18614            left: -20px;
18615            width: 30px;
18616            height: 30px;
18617            top: 0px;
18618            background: url("https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/maps/rpa.svg?v=1663327459873") no-repeat;
18619        }
18620
18621        .Austria:after {
18622            content: '';
18623            position: absolute;
18624            left: -20px;
18625            width: 30px;
18626            height: 30px;
18627            top: 0px;
18628            background: url("https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/maps/austria.svg?v=1663327459877") no-repeat;
18629        }
18630
18631        .Polska:after {
18632            content: '';
18633            position: absolute;
18634            left: -20px;
18635            width: 30px;
18636            height: 30px;
18637            top: 0px;
18638            background: url("https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/maps/polska.svg?v=1663593813446") no-repeat;
18639        }
18640
18641        .Czechy:after {
18642            content: '';
18643            position: absolute;
18644            left: -20px;
18645            width: 30px;
18646            height: 30px;
18647            top: 0px;
18648            background: url("https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/maps/czech.svg?v=1663593813447") no-repeat;
18649        }
18650
18651        .buttony .country:nth-child(5):after {
18652            content: '';
18653            position: absolute;
18654            left: -20px;
18655            width: 30px;
18656            height: 30px;
18657            top: 0px;
18658            background: url("https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/maps/usa.svg?v=1663333425217") no-repeat;
18659        }
18660
18661        .buttony .country:nth-child(9):after {
18662            content: '';
18663            position: absolute;
18664            left: -20px;
18665            width: 30px;
18666            height: 30px;
18667            top: 0px;
18668            background: url("https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/maps/bulgaria.svg?v=1663333425219") no-repeat;
18669        }
18670
18671        .buttony .country:nth-child(11):after {
18672            content: '';
18673            position: absolute;
18674            left: -20px;
18675            width: 30px;
18676            height: 30px;
18677            top: 0px;
18678            background: url("https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/maps/new_zeland.svg?v=1663333425218") no-repeat;
18679        }
18680
18681        .buttony .country:nth-child(14):after {
18682            content: '';
18683            position: absolute;
18684            left: -20px;
18685            width: 30px;
18686            height: 30px;
18687            top: 0px;
18688            background: url("https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/maps/korea_poludniowa.svg?v=1663333425218") no-repeat;
18689        }
18690
18691
18692        .buttony .country:nth-child(16):after {
18693            content: '';
18694            position: absolute;
18695            left: -20px;
18696            width: 30px;
18697            height: 30px;
18698            top: 0px;
18699            background: url("https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/maps/slowacja.svg?v=1666084103916") no-repeat;
18700        }
18701
18702
18703
18704        .name_menica {
18705            margin-top: 20px;
18706            font-size: 18px;
18707            font-weight: bold;
18708
18709        }
18710
18711        .buttony {
18712            display: flex;
18713            justify-content: space-evenly;
18714            flex-wrap: wrap;
18715        }
18716
18717        .country {
18718            align-content: flex-end;
18719            border: none;
18720            background: none;
18721            padding: 2px 10px;
18722            cursor: pointer;
18723            border-radius: 4px;
18724            width: 100%;
18725            margin-top: 5px;
18726            text-align: left;
18727            color: #414C5C;
18728            position: relative;
18729            z-index: 9999;
18730            background: #fff;
18731        }
18732
18733        .buttony .country.active {
18734            text-decoration: underline;
18735            color: #C68E51;
18736
18737        }
18738
18739        .buttony .country:hover {
18740            text-decoration: underline;
18741            color: #C68E51;
18742        }
18743
18744        .logo {
18745            /* background: #fff; */
18746            min-height: 110px;
18747            padding: 20px;
18748            border-radius: 10px;
18749
18750        }
18751
18752        b {
18753            font-weight: normal !important;
18754        }
18755
18756    
18757
18758        .menica_content {
18759            display: none;
18760            background: #f5f6fa;
18761            padding: 20px;
18762            color: #1d2229;
18763            border-radius: 10px;
18764            position: absolute;
18765            top: -50%;
18766            left: 130%;
18767            box-shadow: 0px 5px 10px #cccccc57;
18768            z-index: 9;
18769            width: 250px;
18770
18771            filter: invert(0);
18772        }
18773
18774        .flags a img:hover {
18775            filter: invert(1);
18776            transform: scale(1.1);
18777
18778        }
18779
18780        .flags:hover {
18781            z-index: 999;
18782            
18783        }
18784
18785        .flags {
18786            cursor: pointer;
18787            position: absolute;
18788        }
18789
18790        .flags:hover .menica_content {
18791            display: block;
18792        }
18793
18794        /* .mapas_all {
18795            background: url(https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/strona_glowna/mapa.jpg?v=1703087601702) center center no-repeat;
18796            position: relative;
18797
18798            max-width: 850px;
18799            height: 450px;
18800            background-size: 840px;
18801            text-align: center;
18802            background-size: contain;
18803            z-index: 99;
18804            margin: auto;
18805        } */
18806
18807.mapas_all { 
18808    max-width: 850px;
18809            height: 450px;
18810            position: relative;
18811
18812                margin: auto;
18813    overflow: visible;
18814
18815}
18816
18817        
18818        .maps_content::after {
18819       background: url(https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/strona_glowna/mapa.jpg?v=1703087601702) center center no-repeat;
18820    position: absolute;
18821    content: '';
18822    display: block;
18823    width: 1080px;
18824    height: 550px;
18825    background-size: 840px;
18826    text-align: center;
18827    background-size: cover;
18828    z-index: -1;
18829    margin: auto;
18830    left: 110px;
18831    top: -90px;
18832
18833        }
18834
18835        .logo img {
18836            max-width: 130px;
18837            height: auto;
18838        }
18839
18840        hr {
18841            height: 1px;
18842            display: block;
18843            background: #f4f4f4;
18844            border: none;
18845        }
18846
18847        .maps_content {
18848            position: relative;
18849            margin-top: 50px;
18850        }
18851
18852        .buttony {
18853            position: absolute;
18854            left: 30px;
18855            width: 0px;
18856            z-index: 99;
18857        }
18858    </style>
18859
18860
18861
18862
18863    
18863<script>
18864        const mapa = document.getElementById("producers-list_sub");
18865
18866        mapa.insertAdjacentHTML("beforebegin", "  <div class='maps_content'> <div class='buttony'></div><div class='mapas_all'>  </div></div> ");
18867    </script>
18867
18868
18869    
18870    
18870<script>
18871
18872
18873        const menice = [
18874
18875            {
18876                id: 1,
18877                flag: "https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/image_mennice/the_perth_mint.png?v=1663151644724",
18878                logoImg: "https://www.metalmarket.eu/data/lang/pol/producers/gfx/projector/1294328448_1.svg",
18879                mennicaName: 'The Perth Mint',
18880                year: '',
18881                country: "Australia",
18882                style: 'top:66%;left:77%',
18883                link: "producers/perth-mint-1294328448.html",
18884                top_coins: "Australian Emu, Australian NuggetSwan, Platinum Koala, Silver Kookaburra, seria Swan",
18885                Rok: "1899",
18886                number_country: "130",
18887                production: "Łącznie 19, 7 mln monet, medali(medallions) oraz sztabek w 2021"
18888
18889            },
18890
18891            {
18892                id: 2,
18893                flag: "https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/image_mennice/australia_govermnet.png?v=1663156932325",
18894                logoImg: "https://www.metalmarket.eu/data/lang/pol/producers/gfx/projector/1425643690_1.svg",
18895                mennicaName: 'Royal Australian Mint',
18896                year: '',
18897                country: "Australia",
18898                style: 'top:68%;left:85%',
18899                link: "producers/royal-australian-mint-1425643690.html",
18900                top_coins: "Disney,  Lucasfilms, Warner Bros, Star Trek, seria Lunar",
18901                Rok: "1965",
18902                number_country: "11",
18903                production: "1,7 mln monet w 2021"
18904
18905            },
18906
18907            {
18908                id: 3,
18909                flag: "https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/image_mennice/the_royal_mint.png?v=1663157548832",
18910                logoImg: "https://www.metalmarket.eu/data/lang/pol/producers/gfx/projector/1423579524_1.svg",
18911                mennicaName: 'The Royal Mint',
18912                year: '',
18913                country: "Wielka&nbspBrytania",
18914                style: 'top:-9%;left:34%',
18915                link: "producers/the-royal-mint-1423579524.html",
18916
18917
18918                top_coins: "Britannia,Bestie Królowej",
18919
18920                Rok: "886",
18921                number_country: "20+",
18922                production: "3,3 mld monet"
18923
18924            },
18925
18926
18927            {
18928                id: 3,
18929                flag: "https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/image_mennice/lbma.png?v=1664875461278",
18930                logoImg: "https://www.metalmarket.eu/data/lang/pol/producers/gfx/projector/1428482363_1.svg",
18931                mennicaName: 'LBMA',
18932                year: '',
18933                country: "Wielka&nbspBrytania",
18934                style: 'top:-5%;left:40%',
18935                link: "producers/lbma-1428482363.html",
18936
18937                top_coins: "Sztabka Złota LBMA",
18938
18939                Rok: "1987",
18940                number_country: "--",
18941                production: "---"
18942
18943
18944            },
18945
18946            {
18947                id: 4,
18948                flag: "https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/image_mennice/the_east_company.png?v=1663157702134",
18949                logoImg: "https://www.metalmarket.eu/data/lang/pol/producers/gfx/projector/1599214350_1.png",
18950                mennicaName: 'The East India Company',
18951                year: '',
18952                country: "Wielka&nbspBrytania",
18953                style: 'top:-9%;left:45%',
18954                link: "producers/the-east-india-company-1599214350.html",
18955                top_coins: "Goddesses, The Queen’s Virtues, Platinum Jubilee",
18956
18957                Rok: "1614",
18958                number_country: "--",
18959                production: "---"
18960
18961
18962            },
18963
18964
18965            {
18966                id: 5,
18967                flag: "https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/image_mennice/canada.png?v=1663158035670",
18968                logoImg: "https://www.metalmarket.eu/data/lang/pol/producers/gfx/projector/1142347123_1.svg",
18969                mennicaName: 'Royal Canadian Mint',
18970                year: '',
18971                country: "Kanada",
18972                style: 'top:12%;left:12%',
18973                link: "producers/royal-canadian-mint-1142347123.html",
18974                top_coins: "Maple Leaft",
18975
18976
18977                Rok: "1908",
18978                number_country: "--",
18979                production: "379 mln monet w 2021"
18980
18981            },
18982
18983
18984            {
18985                id: 6,
18986                flag: "https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/image_mennice/usa_mint.png?v=1663158259563",
18987                logoImg: "https://www.metalmarket.eu/data/lang/pol/producers/gfx/projector/1294327554_1.svg",
18988                mennicaName: 'United States Mint',
18989                year: '',
18990                country: "Stany&nbspZjednoczone",
18991                style: 'top:20%;left:15%',
18992                link: "producers/united-states-mint-1294327554.html",
18993                top_coins: "American Eagle",
18994
18995                Rok: "1792",
18996                number_country: "--",
18997                production: "14,8 bln monet w 2021"
18998
18999            },
19000
19001            {
19002                id: 7,
19003                flag: "https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/image_mennice/scottdale.png?v=1663158259567",
19004                logoImg: "https://www.metalmarket.eu/data/lang/pol/producers/gfx/projector/1553784091_1.png",
19005                mennicaName: 'Scottsdale Mint',
19006                year: '',
19007                country: "Stany&nbspZjednoczone",
19008                style: 'top:20%;left:7%',
19009                link: "producers/scottsdale-mint-1553784091.html",
19010                top_coins: " Vikings: Gods, Kings, and Warriors, seria Egyptian,Series Relic ",
19011
19012
19013                Rok: "2009",
19014                number_country: "21",
19015                production: "---"
19016
19017
19018            },
19019            {
19020                id: 8,
19021                flag: "https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/image_mennice/china.png?v=1663158570850",
19022                logoImg: "https://www.metalmarket.eu/data/lang/pol/producers/gfx/projector/1324899740_1.png",
19023                mennicaName: 'China Gold Coin Corp',
19024                year: '',
19025                country: "Chiny",
19026                style: 'top:20%;left:77%',
19027                link: "producers/china-gold-coin-corp-1324899740.html",
19028                top_coins: "Chińska Panda,2022 New Year Celebration",
19029
19030                Rok: "1987",
19031                number_country: "---",
19032                production: "---"
19033            },
19034
19035
19036            {
19037                id: 9,
19038                flag: "https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/image_mennice/mexico.png?v=1663158919727",
19039                logoImg: "https://www.metalmarket.eu/data/lang/pol/producers/gfx/projector/1325097313_1.jpg",
19040                mennicaName: 'Casa de Moneda de Mexico',
19041                year: '',
19042                country: "Meksyk",
19043                style: 'top:40%;left:15%',
19044                link: "producers/casa-de-moneda-de-mexico-1325097313.html",
19045                top_coins: "Mexican Libertad",
19046
19047                Rok: "1535",
19048                number_country: "---",
19049                production: "---"
19050
19051
19052            },
19053
19054            {
19055                id: 10,
19056                flag: "https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/image_mennice/south_africa.png?v=1663159212058",
19057                logoImg: "https://www.metalelokacyjne.pl/data/lang/pol/producers/gfx/projector/1294327890_1.png",
19058                mennicaName: 'The South Africa Mint',
19059                year: '',
19060                country: "RPA",
19061                style: 'top:70%;left:47%',
19062                link: "producers/the-south-african-mint-1294327890.html",
19063                top_coins: "Krugerrand, Big Five II",
19064
19065                Rok: "1892",
19066                number_country: "20+",
19067                production: "---"
19068
19069            },
19070
19071            {
19072                id: 11,
19073                flag: "https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/image_mennice/bultmint.png?v=1663159619116",
19074                logoImg: "https://www.metalmarket.eu/data/lang/pol/producers/gfx/projector/1655466855_1.svg",
19075                mennicaName: 'Bulmint',
19076                year: '',
19077                country: "Bułgaria",
19078                style: 'top:13%;left:63%',
19079                link: "producers/bulmint-1655466855.html",
19080                top_coins: "Bull & Bear ",
19081
19082
19083                Rok: "2005",
19084                number_country: "20+",
19085                production: "---",
19086
19087            },
19088
19089
19090            {
19091                id: 12,
19092                flag: "https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/image_mennice/austria_mint.png?v=1663159730693",
19093                logoImg: "https://www.metalmarket.eu/data/lang/pol/producers/gfx/projector/1142347122_1.svg",
19094                mennicaName: 'Austria Mint',
19095                year: '',
19096                country: "Austria",
19097                style: 'top:30%;left:50%',
19098                link: "producers/austrian-mint-1142347122.html",
19099                top_coins: "Philharmonic,Dukaty Austriacki ",
19100
19101
19102                Rok: "1194",
19103                number_country: "29",
19104                production: "350 mln monet rocznie",
19105            },
19106
19107            {
19108                id: 13,
19109                flag: "https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/image_mennice/new_zeland_mint.png?v=1663163311751",
19110                logoImg: "https://www.metalelokacyjne.pl/data/lang/pol/producers/gfx/projector/1560249442_1.svg",
19111                mennicaName: 'New Zeland Mint',
19112                year: '',
19113                country: 'Nowa&nbspZelandia',
19114                style: 'top:70%;left:93%',
19115                link: "producers/new-zealand-mint-1560249442.html",
19116                top_coins: "serie monet na licencji Disney, Lucasfilms, Warner Bros czy Star Trek",
19117
19118
19119                Rok: "1987",
19120                number_country: "---",
19121                production: "----",
19122            },
19123
19124
19125            {
19126                id: 14,
19127                flag: "https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/image_mennice/post.png?v=1663163311751",
19128                logoImg: "https://www.metalmarket.eu/data/lang/pol/producers/gfx/projector/1474985814_1.svg",
19129                mennicaName: 'New Zeland Post',
19130                year: '',
19131                country: 'Nowa&nbspZelandia',
19132                style: 'top:78%;left:89%',
19133                link: "producers/new-zealand-mint-1560249442.html",
19134
19135                top_coins: "Kiwi,Władca Pierścieni ",
19136
19137                Rok: "1987",
19138                number_country: "---",
19139                production: "----",
19140
19141            },
19142
19143            {
19144                id: 14,
19145                flag: "https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/image_mennice/germania.png?v=1663167274998",
19146                logoImg: "https://www.metalmarket.eu/data/lang/pol/producers/gfx/projector/1635175088_1.png",
19147                mennicaName: 'Germania Mint',
19148                year: '',
19149                country: 'Polska',
19150                style: 'top:5%;left:50%',
19151                link: "producers/germania-mint-1635175088.html",
19152                top_coins: "Germania Mint,seria Allegories, Fenrir ",
19153
19154                Rok: "2018",
19155                number_country: "22",
19156                production: "----",
19157
19158            },
19159
19160            {
19161                id: 15,
19162                flag: "https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/image_mennice/leip.png?v=1663167516218",
19163                logoImg: "https://www.metalelokacyjne.pl/data/lang/pol/producers/gfx/projector/1400763912_1.svg",
19164                mennicaName: 'Leipziger Edelmetallverarbeitung',
19165                year: '',
19166                country: 'Niemcy',
19167                style: 'top:20%;left:35%',
19168                link: "https://www.metalelokacyjne.pl/data/lang/pol/producers/gfx/projector/1400763912_1.svg",
19169                top_coins: "Arka Noego, seria Giants of the Ice Age ",
19170                Rok: "---",
19171                number_country: "22",
19172                production: "----",
19173
19174            },
19175
19176            {
19177                id: 16,
19178                flag: "https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/image_mennice/komsco.png?v=1663168016828",
19179                logoImg: "https://www.metalmarket.eu/data/lang/pol/producers/gfx/projector/1497438674_1.svg",
19180                mennicaName: 'Komsco',
19181                year: '',
19182                country: 'Korea&nbspPołudniowa',
19183                style: 'top:39%;left:76%',
19184                link: "producers/komsco-1497438674.html",
19185                top_coins: " 2017 Korean National Parks Commemorative Coins, Korean Cultural Heritage Commemorative Coins, 2018 Pyeongchang Winter Olympics Commemorative Coin , seria Chiwoo Cheonwang",
19186
19187                Rok: "1951",
19188                number_country: "48",
19189                production: "----",
19190
19191
19192            },
19193
19194
19195            {
19196                id: 17,
19197                flag: "https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/image_mennice/mennica_polska.png?v=1663591782561",
19198                logoImg: "https://www.metalmarket.eu/data/lang/pol/producers/gfx/projector/1441361618_1.svg",
19199                mennicaName: 'Mennica Polska',
19200                year: '',
19201                country: 'Polska',
19202                style: 'top:0%;left:54%',
19203                link: "producers/mennica-polska-1441361618.html",
19204                top_coins: "Bielik, 100. rocznica odzyskania przez Polskę niepodległości 100 - lecie polskiej flagi państwowej",
19205
19206
19207                Rok: "1766",
19208                number_country: "---",
19209                production: "1 mld 280 mln monet i numizmatów w 2021",
19210            },
19211
19212
19213
19214
19215            {
19216                id: 17,
19217                flag: "https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/image_mennice/nbp.png?v=1663591782561",
19218                logoImg: "https://www.metalmarket.eu/data/lang/pol/producers/gfx/projector/1543568429_1.svg",
19219                mennicaName: 'NBP',
19220                year: '',
19221                country: 'Polska',
19222                style: 'top:-7%;left:51%',
19223                link: "producers/narodowy-bank-polski-1543568429.html",
19224                top_coins: "seria Odkryj Polskę, seria Wielcy polscy ekonomiści",
19225
19226                Rok: "1945",
19227                number_country: "---",
19228                production: "---",
19229            },
19230
19231            {
19232                id: 19,
19233                flag: "https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/image_mennice/mennica_polska_copy_4.png?v=1663592053618",
19234                logoImg: "https://www.metalmarket.eu/data/lang/pol/producers/gfx/projector/1683558460_1.png",
19235                mennicaName: 'Bayerisches Hauptmunzamt',
19236                year: '',
19237                country: 'Niemcy',
19238                style: 'top:20%;left:27%',
19239                link: "producers/bavarian-mint-1465998013.html",
19240                top_coins: " African Wildlife: Elephant",
19241
19242                Rok: "1158",
19243                number_country: "---",
19244                production: "---",
19245            },
19246
19247            {
19248                id: 20,
19249                flag: "https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/image_mennice/czech_mint.png?v=1663592053620",
19250                logoImg: "https://www.metalmarket.eu/data/lang/pol/producers/gfx/projector/1646912532_1.svg",
19251                mennicaName: 'Czech Mint',
19252                year: '',
19253                country: 'Czechy',
19254                style: 'top:5%;left:58%',
19255                link: "producers/czech-mint-1646912532.html",
19256                top_coins: "Czech Lion ",
19257
19258                Rok: "1992",
19259                number_country: "---",
19260                production: "---",
19261            },
19262
19263
19264            {
19265                id: 20,
19266                flag: "https://www.metalelokacyjne.pl/data/include/cms/mennice_swiata/mapa/image_mennice/perburg.png?v=1663592053617",
19267                logoImg: "https://www.metalmarket.eu/data/lang/eng/producers/gfx/projector/1611316088_1.svg",
19268                mennicaName: 'Pressburg Mint',
19269                year: '',
19270                country: 'Słowacja',
19271                style: 'top:22%;left:58%',
19272                link: "producers/pressburg-mint-1611316088.html",
19273                top_coins: "Vivat Humanitas,serie Icons , Pioneer Plaque, Niue: Silver Note Coinbar, Chronos ",
19274
19275                Rok: "1430",
19276                number_country: "---",
19277                production: "---",
19278
19279            },
19280
19281
19282
19283
19284
19285
19286
19287        ];
19288
19289        // show anchor		
19290        const mapsAll = document.querySelector('.mapas_all');
19291        const butons_main = document.querySelector('.buttony');
19292
19293        // const mennice_main = document.querySelectorAll('.menu_mennica');
19294
19295
19296
19297        // load Iteme
19298        window.addEventListener("DOMContentLoaded", function () {
19299
19300            showMenniceItems(menice);
19301
19302            displayButtons()
19303
19304
19305
19306
19307
19308        });
19309
19310
19311
19312
19313        // filter items
19314
19315
19316
19317        // show ITEMs		
19318
19319        function showMenniceItems(menicea) {
19320
19321            let showmennnice = menicea.map(function (item) {
19322
19323
19324
19325                return `
19326
19327
19328<div class="name_menica menu_mennica"><a href="${item.link}"> ${item.mennicaName}	</a></div>
19329
19330
19331
19332
19333<div class="menica  id${item.id}" >
19334
19335<div class="flags" style=${item.style}>
19336
19337<a href="${item.link}">
19338
19339<img src="${item.flag}" ></a>
19340
19341<div class="menica_content" >
19342
19343<div class="logo"><img src="${item.logoImg}"></div>
19344
19345
19346
19347<div class="name_menica"> ${item.mennicaName}	</div>	
19348
19349
19350
19351<div class="conutry_menica"><span> Kraj: </span>  <b> ${item.country} </b>	</div>	
19352
19353
19354<div class="year"><span>
19354Rok założenie: </span> <b>${item.Rok} </b></div>
19355
19356
19357<div class="country_send"><span>Kraje do których jest wysłka: </span> <b>${item.number_country} </b></div>
19358
19359
19360<div class="production"> <span> Nakład produkcji (1 rok): </span> <b>${item.production} </b></div>
19361
19362
19363
19364<div class="top_coins"><span>Najpopularniejsze walory:</span> <b> ${item.top_coins} </b></div>	
19365
19366</div></div>
19367
19368	
19369</div>	
19370`
19371
19372
19373                // timeEvery();
19374
19375            });
19376
19377
19378            showmennnice = showmennnice.join('');
19379
19380            mapsAll.innerHTML = showmennnice;
19381
19382
19383            const menniceAll = document.querySelectorAll('.menica');
19384
19385            menniceAll.forEach(function (menniceAll, e) {
19386
19387                menniceAll.classList.add('anmacja' + e);
19388
19389
19390            });
19391
19392
19393        };
19394
19395        // show Butoons		
19396        function displayButtons() {
19397
19398
19399
19400
19401
19402
19403
19404            const categories = menice.reduce(function (values, item) {
19405
19406
19407
19408                if (!values.includes(item.country)) {
19409
19410                    values.push(item.country);
19411
19412                }
19413
19414
19415
19416
19417
19418                //values.push(item.flag);
19419
19420
19421
19422
19423
19424
19425                //		console.log(item);
19426
19427                return values;
19428
19429
19430            }, ['Mennice']);
19431
19432
19433
19434
19435            const categorieBtns = categories.map(function (categoryBTs) {
19436
19437
19438
19439                return `<div class="country ${categoryBTs}   "   data-id=${categoryBTs}> ${categoryBTs}</div>`
19440
19441
19442            }).join('');
19443
19444
19445
19446            butons_main.innerHTML = categorieBtns;
19447
19448
19449            const butons = butons_main.querySelectorAll('.country');
19450
19451            butons.forEach(function (btn) {
19452
19453                btn.addEventListener('click', function (e) {
19454
19455                    const category = e.currentTarget.dataset.id;
19456
19457
19458
19459
19460
19461                    const menuCategory = menice.filter(function (menuItem) {
19462
19463
19464                        let btns = document.querySelectorAll(".country");
19465
19466
19467                        for (let i = 1; i < btns.length; i++) {
19468
19469
19470                            btns[i].addEventListener("click", function () {
19471
19472
19473                                let current = document.getElementsByClassName("active");
19474
19475                                if (current.length > 1) {
19476
19477                                    current[0].className = current[0].className.replace(" active", "");
19478                                }
19479                                this.className += " active";
19480                            });
19481                        }
19482
19483
19484
19485                        //		console.log(menuItem.country);
19486                        //	return 	menuItem;
19487
19488
19489
19490                        if (menuItem.country === category) {
19491                            return menuItem;
19492
19493                        }
19494
19495                    });
19496
19497                    if (category === "Mennice") {
19498                        showMenniceItems(menice);
19499
19500                    } else {
19501                        showMenniceItems(menuCategory);
19502                    }
19503
19504
19505                });
19506
19507
19508            });
19509
19510
19511
19512        }
19513
19514
19515    </script>
19515</div><div class="menu_button_wrapper"><style>
19516
19517
19518.box_sort .btn_liczba {border: none !important;font-weight: bold;margin-right: 10px;}
19519.box_sort .btn_liczba img {margin-right: 10px;}
19520
19521.box_sort .btn_liczba.active {
19522    color: #c0a020;
19523}
19524
19525
19526    h1.big_label {
19527        display: none
19528    }
19529
19530    .btn_liczba.active {
19531        background: var(--yellow);
19532        color: #fff;
19533    }
19534
19535    .producers__icon img {
19536        mix-blend-mode: darken !important;
19537        max-width: 150px;
19538        max-height: 80px;
19539    }
19540
19541    .producers__item {
19542        padding: 10px
19543    }
19544
19545    .producers__item:hover {
19546        background: #fdfcf7 !important;
19547    }
19548
19549    #producers-list_sub {
19550        display: none;
19551    }
19552
19553    #mennicenew {
19554        display: grid;
19555        grid-template-columns: repeat(6, 1fr);
19556        gap: 10px 10px;
19557    }
19558
19559    .producers__name:after {
19560        display: none;
19561    }
19562
19563    #seach_mennice_input {
19564        width: 50%;
19565        margin: auto;
19566        border: none;
19567
19568        border: solid 1px #ccc;
19569        margin-bottom: 30px 0px;
19570        border-radius: 0px;
19571        font-size: 12px;
19572        background: url("https://www.metalelokacyjne.pl/data/include/cms/metal_market/zapisy_na_metale/search.svg?v=1681740326040") right 20px center no-repeat;
19573        background-size: 24px;
19574        padding: 30px 10px
19575    }
19576
19577    #seach_mennice_input:hover {
19578        border: solid 1px #1b2c48;
19579    }
19580
19581    #iloscmennic {
19582        text-align: center;
19583        font-size: 24px;
19584        font-weight: bold;
19585        font-family: 'Noto Serif', serif;
19586
19587    }
19588
19589    div#seach_mennice {
19590        text-align: center;
19591        padding: 30px 0px;
19592        position: sticky;
19593        display: block;
19594        top: 0px;
19595        background: #fff !important;
19596        z-index: 9;
19597    }
19598
19599    #szukaj_mmenice_contetn p {
19600        position: absolute;
19601        top: -20px;
19602        font-size: 11px;
19603
19604        left: 20px;
19605    }
19606
19607    #seach_mennice .headline {
19608        justify-content: center;
19609    }
19610
19611    #seach_mennice .headline {
19612        color: #000;
19613        font-size: 16px;
19614        font-weight: normal !important;
19615    }
19616
19617    .szukaj_tags {
19618        display: flex;
19619        justify-content: flex-start;
19620        gap: 2rem;
19621        margin-top: 20px;
19622
19623        justify-content: center;
19624
19625    }
19626
19627    .producers__item {
19628        padding: 0px;
19629    }
19630
19631    .btn_liczba {
19632        cursor: pointer;
19633        /* position: absolute; */
19634        left: 10px;
19635        font-weight: normal;
19636        font-size: 13px;
19637        border-radius: 0px;
19638        border: solid 1px #b1b2b5;
19639        display: block;
19640        padding: 0px 15px;
19641        text-align: center;
19642        min-height: 41px;
19643        display: flex;
19644        align-items: center;
19645        justify-content: center;
19646    }
19647
19648    #sortuj_wedug_ilosc:hover {
19649        border: solid 1px #4b4c50;
19650    }
19651
19652    .producers__name {
19653        margin-top: auto;
19654        display: flex;
19655        flex-wrap: wrap;
19656        flex-direction: column;
19657        align-items: center;
19658    }
19659
19660    .producers__name small {
19661        font-weight: bold;
19662    }
19663
19664    #szukaj_mmenice_contetn {
19665        display: flex;
19666        justify-content: center;
19667        position: relative;
19668        margin: 10px 0px;
19669        margin-bottom: 0px;
19670
19671    }
19672
19673    #menu_search .menu_search__mobile:before,
19674    #menu_search .menu_search__submit:before {
19675        content: "\E8A1";
19676        font-family: FontAwesome;
19677    }
19678
19679    @media (max-width: 728px) {
19680        #iloscmennic {
19681            text-align: center;
19682            font-size: 24px;
19683            font-weight: bold;
19684        }
19685
19686        .szukaj_tags {
19687
19688
19689            overflow-x: scroll;
19690
19691            justify-content: left;
19692        }
19693
19694        .producers__icon img {
19695            max-width: 110px;
19696        }
19697
19698        #content #mennicenew {
19699            grid-template-columns: repeat(3, 1fr) !important;
19700
19701            gap: 5px 1px;
19702        }
19703
19704        #seach_mennice_input {
19705            width: 95%;
19706            margin: auto;
19707            border: none;
19708            border-bottom: solid 1px #ccc;
19709            margin-bottom: 50px 0px;
19710            border-radius: 0px;
19711            font-size: 13px;
19712            background: url(https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/search.svg?v=1694101492850) right center no-repeat;
19713            background-size: 9%;
19714
19715            padding: 30px 10px;
19716        }
19717
19718        #szukaj_mmenice_contetn {
19719            display: grid;
19720            justify-content: stretch;
19721            position: relative;
19722            margin: 20px 0px;
19723            margin-bottom: 0px;
19724            text-align: left;
19725        }
19726
19727        #szukaj_mmenice_contetn p {
19728            position: static;
19729            top: -20px;
19730            font-size: 11px;
19731            color: #4b4c50;
19732            left: 20px;
19733            margin-top: 10px;
19734        }
19735
19736        .btn_liczba {
19737            width: 50%;
19738            /* display: block; */
19739            position: static;
19740            font-size: 11px;
19741            white-space: nowrap;
19742        }
19743
19744        div#seach_mennice {
19745            text-align: center;
19746            padding: 30px 0px;
19747            position: sticky;
19748            display: block;
19749            top: 0px;
19750            background: #fff !important;
19751            z-index: 9;
19752        }
19753
19754        .szukaj_mmenice_contetn {
19755            display: grid;
19756        }
19757
19758        .szukaj_tags {
19759            grid-area: 2;
19760        }
19761    }
19762</style>
19763
19764<script>
19765
19766    const MenniceLink = window.location.href;
19767
19768    const serachMennice = document.querySelector("#producers-list");
19769    if (
19770        MenniceLink ==
19771
19772        "https://www.metalmarket.eu/pl/producers?lang=lng" ||
19773        "https://www.metalmarket.eu/pl/producers?lang=pl" ||
19774
19775
19776        MenniceLink == "https://www.metalmarket.eu/pl/producers" ||
19777        MenniceLink == "https://www.metalmarket.eu/pl/producers" ||
19778
19779        MenniceLink ==
19780        "https://www.metalmarket.eu/de/producers?lang=lng" ||
19781        MenniceLink == "https://www.metalmarket.eu/en/producers?lang=lng" ||
19782
19783        MenniceLink == "https://www.metalmarket.eu/de/producers" ||
19784        MenniceLink == "https://www.metalmarket.eu/en/producers" ||
19785        MenniceLink == "https://www.metalmarket.eu/es/producers" ||
19786        MenniceLink == "https://www.metalmarket.eu/cs/producers"
19787
19788
19789    ) {
19790        if (serachMennice == null) {
19791        } else {
19792
19793
19794            serachMennice.insertAdjacentHTML(
19795                "beforeend",
19796                `
19797     
19798     <div id="flags" style="position:relative;top:-200px"></div>
19799     
19800     <div id="seach_mennice">
19801     
19802         <div id="iloscmennic"> </div>
19803     
19804     
19805     
19806     <div id="szukaj_mmenice_contetn"> 
19807     
19808        
19809     
19810     <input id="seach_mennice_input"  type="text" placeholder="${langEn ? "Search for the name, continent, country of origin of the mint..." : ""}${langPl ? "Szukaj nazwy, kontynentu, kraju pochodzenia mennicy..." : ""}
19811     ${langDe ? "Suchen Sie nach dem Namen, Kontinent, Herkunftsland der Münze..." : ""}${langEs ? "Búsqueda por nombre, continente y país de origen de mint...." : ""}${langCs ? "Vyhledávání názvu, kontinentu, země původu mint...." : ""}"  
19812     
19813     >
19814     
19815     </div>
19816 
19817      <div class="szukaj_tags"> 
19818 
19819 
19820 
19821<div id="dostepne" class=" btn_liczba"  style="display:none">
19822
19823         ${langEn ? "Available mints" : ""}
19824         ${langPl ? "Dostępne mennice" : ""}
19825         
19826         ${langDe ? "Verfügbare Pfefferminzbonbons" : ""}
19827         ${langCs ? "Mincovny k dispozici" : ""}
19828         ${langEs ? "Mentas disponibles" : ""}
19829
19830        -  <span id="dostepne_ilosc">0</span>
19831         
19832          </div>
19833
19834
19835
19836 
19837 
19838       <div id="autoryzowanyautoryzowany" class=" btn_liczba" >
19839 
19840         ${langEn ? "Authorized distributor" : ""}
19841         ${langPl ? "Autoryzowany dystrybutor" : ""}
19842         
19843         ${langDe ? "Autorisierter Distributor" : ""}
19844         ${langCs ? "Autorizovaný distributor" : ""}
19845         ${langEs ? "Distribuidor autorizado" : ""}
19846        - <span id="dostepne_ilosc_autorszowa">0</span>
19847          </div>
19848
19849
19850<div id="sztabki" class=" btn_liczba" >
19851
19852         ${langEn ? "Bars" : ""}
19853         ${langPl ? "Sztabki" : ""}
19854         
19855         ${langDe ? "Barren" : ""}
19856         ${langCs ? "Bary" : ""}
19857         ${langEs ? "Barras" : ""}
19858
19859        - <span id="dostepne_ilosc_szatbki">0</span>
19860         
19861          </div>
19862
19863 
19864       <div id="kraj_bnt" class=" btn_liczba" >
19865 
19866         ${langEn ? "Sort by country" : ""}
19867         ${langPl ? "Sortuj krajem" : ""}
19868 
19869          ${langCs ? "Seřadit podle regionu" : ""}
19870          ${langEs ? "Ordenar por regiones" : ""}
19871         
19872         ${langDe ? "Nach Land sortieren" : ""}
19873         
19874          </div>
19875
19876
19877
19878       
19879
19880
19881
19882 
19883     </div>
19884
19885        <div class="box_sort" style="display:flex;    justify-content: center;
19886    align-items: center;">
19887
19888
19889
19890         <div id="sortuj_wedug_ilosc_najmniej" class="btn_liczba" style="background: none;    justify-content: center;
19891    " >
19892
19893             ${langEn ? "The largest amount" : ""}
19894         
19895         
19896             ${langPl ? `<img src="https://www.metalelokacyjne.pl/data/include/cms/mme/wykres/a.svg?v=1745935118671
19897" alt=""> Największa ilość` : ""}
19898
19899
19900             ${langCs ? `<img src="https://www.metalelokacyjne.pl/data/include/cms/mme/wykres/a.svg?v=1745935118671
19901" alt=""> Největší počet` : ""}
19902             ${langEs ? `<img src="https://www.metalelokacyjne.pl/data/include/cms/mme/wykres/a.svg?v=1745935118671
19903" alt=""> El mayor número de` : ""}
19904             ${langDe ? `<img src="https://www.metalelokacyjne.pl/data/include/cms/mme/wykres/a.svg?v=1745935118671
19905" alt=""> Die größte Menge` : ""}
19906              </div>
19907 
19908     <div id="sortuj_wedug_ilosc" class="btn_liczba" style="background: none;">
19909            ${langEn ? "Minimal amount" : ""}
19910            ${langPl ? `<img src="https://www.metalelokacyjne.pl/data/include/cms/mme/wykres/dacaca.svg?v=1745935118671
19911" alt=""> Najmniejsza ilość` : ""}
19912         ${langDe ? "Minimale Menge" : ""}
19913               ${langCs ? `<img src="https://www.metalelokacyjne.pl/data/include/cms/mme/wykres/a.svg?v=1745935118671
19914" alt=""> Najmniejsza ilość` : ""}     
19915
19916${langDe ? "Minimale Menge" : ""}
19917               ${langEs ? `<img src="https://www.metalelokacyjne.pl/data/include/cms/mme/wykres/a.svg?v=1745935118671
19918" alt=""> La cantidad más pequeña` : ""}
19919
19920
19921         
19922          </div>
19923 
19924 
19925    
19926 
19927     <div id="alfabetycznie" class="btn_liczba" style="background: none;">od A-Z</div>
19928 
19929     <div id="alfabetycznie_z_a" class="btn_liczba" style="background: none;">od Z-A</div>
19930 
19931 </div>
19932     
19933     </div>
19934     
19935     <div id="mennicenew"></div>
19936     
19937     
19938     `
19939            );
19940        }
19941    }
19942</script>
19942
19943
19944
19945<script>
19946    const producersItemsa = document.querySelectorAll(".producers__item");
19947
19948    const mennicenew = document.querySelector("#mennicenew");
19949    const seach_mennice = document.querySelector("#seach_mennice");
19950    const iloscmennic = document.querySelector("#iloscmennic");
19951
19952    let MenniceData = [];
19953
19954    producersItemsa.forEach((item, index) => {
19955        const iconLinka = item
19956            .querySelector(".producers__icon")
19957            .getAttribute("href");
19958        const iconImagea = item
19959            .querySelector(".links_producers")
19960            .getAttribute("src");
19961        const nameLinka = item
19962            .querySelector(".producers__name")
19963            .getAttribute("href");
19964        const nameTexta = item
19965            .querySelector(".producers__name span")
19966            .textContent.trim();
19967        const smallTexta = item
19968            .querySelector(".producers__name small")
19969            .textContent.trim();
19970
19971        const getIlosca = parseInt(smallTexta.match(/\d+/g));
19972
19973        MenniceData.push({
19974
19975
19976            id: index + 1,
19977            iconLinka: iconLinka,
19978            iconImagea: iconImagea,
19979            nameLinka: nameLinka,
19980            nameTexta: nameTexta,
19981            smallTexta: getIlosca,
19982        });
19983    });
19984
19985
19986
19987    //dobrze
19988
19989    const tablicaNameMennice = ["Silver", "Austrian"];
19990
19991    const Niemcy = "Niemcy Europa";
19992    const Polska = "Polska Europa";
19993    const uk = "Wielka Brytania Europa ";
19994    const australia = "Australia";
19995    const usatext = "USA Ameryka";
19996    const szwacjaria = "Szwajcaria Europa";
19997    const afryka = "Rpa Afryka";
19998    const czechy = "Czechy Europa";
19999
20000
20001
20002    ///
20003
20004
20005
20006    naemmenniceDostepne = ["NBP", "Perth", "Croatian Mint"]
20007
20008
20009
20010    function getfilterMints() {
20011
20012        MenniceData.forEach((x, idx) => {
20013            let MennicaIndex = MenniceData.findIndex((idxx) => {
20014                return idxx.nameTexta.includes(x.nameTexta);
20015            });
20016
20017
20018
20019            naemmenniceAutoryzowane = ["Perth", "The Royal Mint", "Scottsdale", "Holy", "CIT", "Zealand", "African", "Lithuanian", "Czech", "Metalor", "Mason", "Pressburg", "IGR", "Canadian", "Argor", "Austrian", "Heraeus", "Umicore", "Valcambi", "Asturmint", "Komsco", "Pobjoy Mint", "Mennica Polska", "Pamp", "Narodowy Bank Polski"]
20020
20021            naemmenniceAutoryzowane.forEach(xa => {
20022                if (x.nameTexta.includes(xa)) {
20023                    MenniceData[MennicaIndex].autoryzowany = "autoryzowany";
20024                }
20025            })
20026
20027
20028            /// dodaj dostpene mints
20029
20030            naemmennice = ["Perth", "The Royal Mint", "Scottsdale", "Holy", "CIT", "Zealand", "African", "Lithuanian", "Czech", "Metalor", "Mason", "Pressburg", "Narodowy Bank Polski", "IGR", "Canadian", "Austrian", "Heraeus", "Umicore", "Valcambi", "Asturmint", "Komsco", "Pobjoy Mint", "Mennica Polska", "Pamp", "Narodowy Bank Polski", "Private Mint", "Leuchtturm", "Leipziger Edelmetallverarbeitung", "Pobjoy Mint", "The Singapore Mint", "The East India Company", "Swiss National Bank", "Bayerisches Hauptmünzamt", "Croatian Mint", "Mason Mint", "Romed", "LBMA", "Medasept", "The Holy Land Mint", "Wielka Piątka", "Nitrylex", "Narodowy Bank Ukrainy", "Carpathian Mint", "China Gold Coin Corp", "United States Mint", "The Royal Australian Mint", "Pressburg Mint", "Germania Mint", "Casa de Moneda de Mexico"]
20031
20032
20033
20034
20035            naemmennice.forEach((xa, ixd) => {
20036
20037                if (x.nameTexta.includes(xa)) {
20038                    MenniceData[MennicaIndex].dostepny = "dostepny";
20039                }
20040            })
20041
20042
20043
20044            naemmenniceBars = ["PAMP", "Argor", "Heraeus", "IGR", "LBMA", "KGHM Polska Miedź S.A", "Metalor", "NTR Metals", "C.Hafner", "Agosi", "Degussa", "Valcambi", "Umicore", "Stone X", "IGR", "Credit Suisse", "Berlin Mint", "RMC", "Italpreziosi","Accredited Mint"]
20045
20046            document.querySelector("#dostepne_ilosc").innerHTML = naemmennice.length
20047            document.querySelector("#dostepne_ilosc_autorszowa").innerHTML = naemmenniceAutoryzowane.length
20048            document.querySelector("#dostepne_ilosc_szatbki").innerHTML = naemmenniceBars.length
20049
20050
20051            naemmenniceBars.forEach((xa, ixd) => {
20052
20053                if (x.nameTexta.includes(xa)) {
20054                    MenniceData[MennicaIndex].szatbki = "szatbki";
20055                }
20056            })
20057
20058
20059            return;
20060
20061        });
20062
20063    }
20064
20065    getfilterMints();
20066
20067
20068
20069
20070    const getAutoryzowane = document.querySelector("#autoryzowanyautoryzowany");
20071    const getdostepne = document.querySelector("#dostepne");
20072    const getsztabki = document.querySelector("#sztabki");
20073
20074    getAutoryzowane.addEventListener('click', function () {
20075        const mennicadataAutorazaja = MenniceData.filter(item => item.autoryzowany === "autoryzowany");
20076
20077        document.getElementById('flags').scrollIntoView();
20078        menniceHTMl(mennicadataAutorazaja)
20079
20080    })
20081
20082
20083    getdostepne.addEventListener('click', function () {
20084        const mennicadataAutorazaja = MenniceData.filter(item => item.dostepny === "dostepny");
20085
20086        document.getElementById('flags').scrollIntoView();
20087        menniceHTMl(mennicadataAutorazaja)
20088
20089    })
20090
20091
20092    getsztabki.addEventListener('click', function () {
20093        const mennicadataAutorazaja = MenniceData.filter(item => item.szatbki === "szatbki");
20094
20095        document.getElementById('flags').scrollIntoView();
20096        menniceHTMl(mennicadataAutorazaja)
20097
20098    })
20099
20100
20101
20102    function findcontry() {
20103
20104
20105
20106        MenniceData.forEach((x, idx) => {
20107
20108            let MennicaIndex = MenniceData.findIndex((idxx) => {
20109
20110                return idxx.nameTexta.includes(x.nameTexta);
20111
20112            });
20113
20114            console.log('x::: ', x.nameTexta);
20115
20116            if (MennicaIndex > -1) {
20117                MenniceData[MennicaIndex].kraj = "brak kraju";
20118            }
20119
20120
20121            if (x.nameTexta.includes("Metalor")) {
20122                MenniceData[MennicaIndex].kraj = szwacjaria;
20123
20124            }
20125
20126            if (x.nameTexta.includes("IGR")) {
20127                MenniceData[MennicaIndex].kraj = szwacjaria;
20128
20129            }
20130
20131            if (x.nameTexta === "Argor Heraeus") {
20132                MenniceData[MennicaIndex].kraj = "Szwajcaria Europa";
20133            } 
20134            
20135            
20136            if (x.nameTexta === "Geiger Edelmetalle") {
20137                MenniceData[MennicaIndex].kraj = Niemcy;
20138            }
20139
20140            if (x.nameLinka.includes("1715183901")) {
20141                MenniceData[MennicaIndex].kraj = Polska;
20142
20143            }
20144
20145
20146            if (x.nameTexta.includes("KGHM")) {
20147                MenniceData[MennicaIndex].kraj = Polska;
20148
20149            }
20150
20151
20152            if (x.nameTexta.includes("England")) {
20153                MenniceData[MennicaIndex].kraj = uk;
20154
20155            }
20156
20157            if (x.nameTexta.includes("PAMP")) {
20158                MenniceData[MennicaIndex].kraj = szwacjaria;
20159
20160            }
20161            if (x.nameTexta === "Swiss National Bank") {
20162                MenniceData[MennicaIndex].kraj = szwacjaria;
20163
20164            }
20165
20166
20167            if (x.nameTexta.includes("Meule")) {
20168                MenniceData[MennicaIndex].kraj = Niemcy;
20169            }
20170
20171            if (x.nameTexta.includes("Fischer")) {
20172                MenniceData[MennicaIndex].kraj = Polska;
20173
20174            }
20175
20176            if (x.nameTexta.includes("European Central Ban")) {
20177                MenniceData[MennicaIndex].kraj = "Europa";
20178
20179            }
20180
20181            if (x.nameTexta.includes("Francja")) {
20182                MenniceData[MennicaIndex].kraj = "Francja Europa";
20183
20184            }
20185
20186
20187
20188
20189            if (x.nameTexta.includes("Petersburg")) {
20190                MenniceData[MennicaIndex].kraj = "Rosja Europa";
20191
20192            }
20193            if (x.nameTexta.includes("Umicore")) {
20194                MenniceData[MennicaIndex].kraj = Polska;
20195
20196            }
20197
20198
20199
20200
20201            // if (x.nameTexta.includes("raeus")) {
20202            //     MenniceData[MennicaIndex].kraj = szwacjaria;
20203
20204            // }
20205
20206
20207            if (x.nameTexta.includes("IGR")) {
20208                MenniceData[MennicaIndex].kraj = "Turcja Azja";
20209
20210            }
20211
20212            if (x.nameTexta.includes("Private Mint")) {
20213                MenniceData[MennicaIndex].kraj = "Wiele krajów";
20214
20215            }
20216
20217
20218            if (x.nameTexta.includes("Austrian Mint")) {
20219                MenniceData[MennicaIndex].kraj = szwacjaria;
20220
20221            }
20222
20223
20224            if (x.nameTexta.includes("Silver")) {
20225                MenniceData[MennicaIndex].kraj = usatext;
20226            }
20227
20228
20229
20230
20231            if (x.nameTexta.includes("Valcambi")) {
20232                MenniceData[MennicaIndex].kraj = szwacjaria;
20233            }
20234
20235
20236            if (x.nameTexta.includes("Leipziger")) {
20237                MenniceData[MennicaIndex].kraj = Niemcy;
20238            }
20239
20240
20241            if (x.nameTexta.includes("Austrian Mint")) {
20242                MenniceData[MennicaIndex].kraj = "Austria Europa";
20243            }
20244
20245            if (x.nameTexta.includes("Bayerisches")) {
20246                MenniceData[MennicaIndex].kraj = Niemcy;
20247            }
20248            if (x.nameTexta.includes("Mason")) {
20249                MenniceData[MennicaIndex].kraj = usatext;
20250            }
20251
20252            if (x.nameTexta.includes("Kunstprageanstalt")) {
20253                MenniceData[MennicaIndex].kraj = Niemcy;
20254            }
20255
20256            if (x.nameTexta.includes("Bulmint")) {
20257                MenniceData[MennicaIndex].kraj = "Bułgaria Europa";
20258            }
20259            if (x.nameTexta.includes("Hafner")) {
20260                MenniceData[MennicaIndex].kraj = Niemcy;
20261            }
20262
20263
20264            if (x.nameTexta.includes("Moneda")) {
20265                MenniceData[MennicaIndex].kraj = "Meksyk Ameryka";
20266            }
20267
20268            if (x.nameTexta.includes("China")) {
20269                MenniceData[MennicaIndex].kraj = "Chiny Azja";
20270            }
20271
20272            if (x.nameTexta.includes("CIT")) {
20273                MenniceData[MennicaIndex].kraj = "Lichtenstein Europa";
20274            }
20275
20276            if (x.nameTexta.includes("Croatian")) {
20277                MenniceData[MennicaIndex].kraj = "Chorwacja Europa";
20278            }
20279
20280
20281
20282            if (x.nameTexta.includes("Czech")) {
20283                MenniceData[MennicaIndex].kraj = "Czechy Europa";
20284            }
20285
20286
20287            if (x.nameTexta.includes("Germania")) {
20288                MenniceData[MennicaIndex].kraj = Polska;
20289            }
20290
20291
20292            if (x.nameTexta.includes("Asturmint")) {
20293                MenniceData[MennicaIndex].kraj = "Hiszpania Europa";
20294            }
20295
20296
20297
20298            if (x.nameTexta.includes("Golden")) {
20299                MenniceData[MennicaIndex].kraj = usatext;
20300            }
20301
20302
20303            if (x.nameTexta.includes("Komsco")) {
20304                MenniceData[MennicaIndex].kraj = "Korea południowa Azja";
20305            }
20306
20307            if (x.nameTexta.includes("LBMA")) {
20308                MenniceData[MennicaIndex].kraj = uk;
20309            }
20310
20311
20312            if (x.nameTexta.includes("Leuchtturm")) {
20313                MenniceData[MennicaIndex].kraj = Niemcy;
20314            }
20315
20316
20317            if (x.nameTexta.includes("Lithuanian ")) {
20318                MenniceData[MennicaIndex].kraj = "Litwa Europa";
20319            }
20320
20321            if (x.nameTexta === "Mennica Małopolska") {
20322                MenniceData[MennicaIndex].kraj = Polska;
20323            }
20324            if (x.nameTexta === "Mennica Polska") {
20325                MenniceData[MennicaIndex].kraj = Polska;
20326            }
20327
20328
20329            if (x.nameTexta.includes("Monnaie")) {
20330                MenniceData[MennicaIndex].kraj = "Francja Europa";
20331            }
20332
20333
20334            if (x.nameTexta.includes("Narodowy")) {
20335                MenniceData[MennicaIndex].kraj = Polska;
20336            }
20337
20338            if (x.nameTexta.includes("Ukrainy")) {
20339                MenniceData[MennicaIndex].kraj = "Ukraina Europa";
20340            }
20341
20342            if (x.nameTexta.includes("New Zealand Mint")) {
20343                MenniceData[MennicaIndex].kraj = "Nowa Zelandia";
20344            }
20345
20346            if (x.nameTexta.includes("Post")) {
20347                MenniceData[MennicaIndex].kraj = "Nowa Zelandia";
20348            }
20349
20350            if (x.nameTexta.includes("Pobjoy Mint")) {
20351                MenniceData[MennicaIndex].kraj = uk;
20352            }
20353
20354
20355            if (x.nameTexta.includes("Refinery")) {
20356                MenniceData[MennicaIndex].kraj = afryka;
20357            }
20358
20359
20360            if (x.nameTexta.includes("Royal Australian Mint")) {
20361                MenniceData[MennicaIndex].kraj = australia;
20362            }
20363
20364
20365
20366            if (x.nameTexta.includes("Royal Australian Mint")) {
20367                MenniceData[MennicaIndex].kraj = australia;
20368            }
20369
20370            if (x.nameTexta.includes("Carpathian")) {
20371                MenniceData[MennicaIndex].kraj = Polska;
20372            }
20373
20374
20375            if (x.nameTexta.includes("Pressburg")) {
20376                MenniceData[MennicaIndex].kraj = "Słowacja Europa";
20377            }
20378
20379
20380            if (x.nameTexta.includes("Canadian")) {
20381                MenniceData[MennicaIndex].kraj = "Kanada Ameryka";
20382            }
20383
20384
20385            if (x.nameTexta.includes("Dutch")) {
20386                MenniceData[MennicaIndex].kraj = "Dania Europa";
20387            }
20388            if (x.nameTexta.includes("Scottsdale")) {
20389                MenniceData[MennicaIndex].kraj = usatext;
20390            }
20391
20392
20393            if (x.nameTexta.includes("Sunshine")) {
20394                MenniceData[MennicaIndex].kraj = usatext;
20395            }
20396
20397
20398            if (x.nameTexta.includes("India")) {
20399                MenniceData[MennicaIndex].kraj = uk;
20400            }
20401
20402            if (x.nameTexta.includes("Holy")) {
20403                MenniceData[MennicaIndex].kraj = "Izrael Bliski wschód";
20404            }
20405
20406
20407            if (x.nameTexta.includes("Perth")) {
20408                MenniceData[MennicaIndex].kraj = australia;
20409            }
20410
20411            if (x.nameTexta.includes("The Royal Mint")) {
20412                MenniceData[MennicaIndex].kraj = uk;
20413            }
20414
20415            if (x.nameTexta.includes("Singapore")) {
20416                MenniceData[MennicaIndex].kraj = "Singapur Azja";
20417            }
20418            if (x.nameTexta.includes("African")) {
20419                MenniceData[MennicaIndex].kraj = afryka;
20420            }
20421
20422            if (x.nameTexta.includes("United")) {
20423                MenniceData[MennicaIndex].kraj = usatext;
20424            }
20425
20426            return;
20427
20428
20429        })
20430
20431
20432    }
20433
20434
20435    findcontry()
20436
20437    console.table(MenniceData);
20438
20439    /////
20440
20441    iloscmennic.innerHTML =
20442        ` 
20443                ${langEn ? "We cooperate with" : ""}${langPl ? "Współpracujemy z" : ""}${langDe ? "Wir arbeiten mit" : ""}
20444           
20445           ${MenniceData.length}    
20446           
20447           ${langEn ? "mints from around the world" : ""}${langPl ? "mennicami z całego świata" : ""}${langDe ? "Münzstätten aus der ganzen Welt zusammen" : ""}
20448        
20449        
20450        `;
20451
20452    const menniceHTMl = (MenniceData) => {
20453        const getproinfo = MenniceData.map((x, index) => {
20454            return `
20455     
20456       <div class="producers__item">
20457       <a
20458               class="producers__icon"
20459               href="${MenniceData[index].iconLinka}"
20460               title="${MenniceData[index].iconLinka}"
20461               ><img
20462
20463        loading="lazy" 
20464                      
20465
20466                 class="links_producers " lodind="lazy"
20467
20468               
20469                 src="${MenniceData[index].iconImagea}"
20470
20471
20472                
20473                 
20474                 alt="${MenniceData[index].nameTexta}" /></a
20475             >
20476             
20477             <a
20478               class="producers__name"
20479               href="${MenniceData[index].iconLinka}"
20480               title="T${MenniceData[index].nameTexta}"
20481               ><span>${MenniceData[index].nameTexta}</span><small>${MenniceData[index].smallTexta} </small></a
20482             >
20483 
20484             <small style="text-align: center;
20485     margin-top: 5px;
20486     color: #999;
20487     display: block;
20488     width: 100%;
20489 }">${MenniceData[index].kraj}</small>
20490 
20491 
20492             </div>
20493       `;
20494        }).join("");
20495
20496        mennicenew.innerHTML = getproinfo;
20497    };
20498
20499
20500
20501    function sortowanieAlfabetycznie() {
20502        MenniceData.sort((a, b) => a.nameTexta.localeCompare(b.nameTexta));
20503    }
20504
20505    function sortowanieAlfabetycznie_z_a() {
20506        MenniceData.sort((a, b) => b.nameTexta.localeCompare(a.nameTexta));
20507    }
20508
20509
20510
20511
20512
20513    sortowanieAlfabetycznie();
20514
20515    menniceHTMl(MenniceData);
20516
20517    function zmianaNumberow() {
20518        const getNumbsa = MenniceData.sort((a, b) => {
20519            return a.smallTexta - b.smallTexta;
20520        });
20521    }
20522
20523    function zmianaNumberowMniejsze() {
20524        const getNumbsa = MenniceData.sort((b, a) => {
20525            return a.smallTexta - b.smallTexta;
20526
20527            MenniceData.sort((a, b) => b.nameTexta.localeCompare(a.nameTexta));
20528
20529        }
20530
20531        );
20532
20533
20534    }
20535
20536
20537    function sortujKrajem() {
20538        MenniceData.sort((a, b) => a.kraj.localeCompare(b.kraj));
20539
20540
20541    }
20542
20543
20544
20545
20546    // console.table('getNumbs::: ', getNumbs);
20547
20548    const changeNumbersMneniceBtn = document.querySelector(
20549        "#sortuj_wedug_ilosc"
20550    );
20551
20552    const sortuj_wedug_ilosc_najmniej = document.querySelector(
20553        "#sortuj_wedug_ilosc_najmniej"
20554    );
20555
20556    changeNumbersMneniceBtn.addEventListener("click", function (e) {
20557        document.getElementById('flags').scrollIntoView();
20558
20559        zmianaNumberow();
20560
20561        menniceHTMl(MenniceData);
20562    });
20563
20564    sortuj_wedug_ilosc_najmniej.addEventListener("click", function (e) {
20565        document.getElementById('flags').scrollIntoView();
20566
20567        zmianaNumberowMniejsze();
20568        menniceHTMl(MenniceData);
20569    });
20570
20571
20572    // kraj
20573    const getNameKrajBnt = document.querySelector('#kraj_bnt')
20574
20575    getNameKrajBnt.addEventListener("click", function (e) {
20576        document.getElementById('flags').scrollIntoView();
20577
20578        sortujKrajem();
20579        menniceHTMl(MenniceData);
20580    });
20581
20582
20583
20584
20585
20586    document.querySelector("#alfabetycznie").addEventListener("click", function (e) {
20587        document.getElementById('flags').scrollIntoView();
20588        sortowanieAlfabetycznie();
20589        menniceHTMl(MenniceData);
20590
20591    });
20592
20593
20594    document.querySelector("#alfabetycznie_z_a").addEventListener("click", function (e) {
20595        document.getElementById('flags').scrollIntoView();
20596
20597        sortowanieAlfabetycznie_z_a();
20598        menniceHTMl(MenniceData);
20599
20600    })
20601
20602
20603
20604
20605    const seach_mennice_input = document.querySelector(
20606        "#seach_mennice_input"
20607    );
20608
20609    seach_mennice_input.addEventListener("keyup", function (e) {
20610
20611        document.getElementById('flags').scrollIntoView({ yOffset: -400, behavior: 'smooth' });
20612
20613        const getNamesearch = e.target.value.toLowerCase();
20614
20615        const nowaMennice = MenniceData.filter((xx, a) => {
20616            return (
20617                xx.nameTexta.toLowerCase().includes(getNamesearch) || xx.kraj.toLowerCase().includes(getNamesearch)
20618            );
20619        });
20620
20621        menniceHTMl(nowaMennice);
20622    });
20623
20624
20625
20626    const getAlleBtnchecMennice = document.querySelectorAll('.btn_liczba');
20627
20628
20629    getAlleBtnchecMennice.forEach(x => {
20630
20631        x.addEventListener('click', function () {
20632
20633            getAlleBtnchecMennice.forEach(x => { x.classList.remove('active') })
20634
20635
20636            x.classList.add('active');
20637
20638        })
20639
20640
20641
20642    })
20643
20644
20645
20646</script>
20646</div><div class="menu_button_wrapper"><style>
20647#menu_seearch .menu_seearch__input {border: solid 1px #ccc !important;}
20648
20649
20650@keyframes aminacja_search {
20651	from {opacity: 0;}
20652	to {opacity: 1;}
20653}
20654
20655.menu_seearch.--focus .seach_mennnice {display: block !important;}
20656
20657
20658.menu_seearch .seach_mennnice {display: none !important;}
20659
20660
20661
20662 .seach_mennnice {
20663    animation: aminacja_search 1s linear ;
20664
20665}
20666
20667a.search_result__item    {text-decoration: none !important;}
20668a.search_result__item:hover {text-decoration: underline !important;}
20669
20670.seach_mennnice {
20671        position: absolute;
20672    top: 110px;
20673    background: #ffff;
20674    width: 700px;
20675    left: 200px;
20676    width: 710px !important;
20677}
20678
20679#cosinsBox_search small {display: block;}
20680#cosinsBox_search .product__name {font-weight: bold;}
20681
20682
20683input.input_main {width: 77%;}
20684
20685.chse_mennice {z-index: 9999999;}
20686
20687/* #container .menu_search.--open {position: relative !important;} */
20688
20689.text-center.mennice_alll.btn_box {font-size: 12px;
20690
20691    padding: 10px 10px 10px 10px;
20692    text-align: center;
20693}
20694
20695.seach_mennnice li {list-style: none;}
20696.seach_mennnice img {width: 160px;}
20697.seach_mennnice  ul {display: flex;justify-content: space-evenly;}
20698
20699    .menu_search__item::before {
20700        width: 100%;
20701        height: 100%;
20702        position: absolute;
20703        top: 0px;
20704        left: 0px;
20705        background: #ffff;
20706    }
20707.search_result__block {
20708   display: flex !important;
20709    flex-direction: row-reverse;
20710    max-width: 80%;
20711    align-items: top !important;
20712    flex: none !important;
20713    height: auto !important;
20714    margin-top: 100px;
20715}
20716  #menu_search .search_result__sub:last-child {
20717      margin-bottom: 0;
20718    height: auto !important;
20719    padding: 0px !important;
20720    margin: 0px !important;
20721    width: 250px;
20722    border-right: solid 1px #ccc;
20723    padding: 10px !important;
20724    margin: 100px 0px !important;
20725}
20726
20727    @keyframes opacytyprodukt {
20728  0% {
20729    opacity: 0;
20730    /* top: 10px */
20731
20732    transform: translate(0px, 10px);
20733  }
20734
20735
20736 
20737
20738
20739  100% {
20740    opacity: 100;
20741    transform: translate(0px,0px);
20742    /* top:0px */
20743  }
20744}
20745
20746
20747    /* #menu_search {
20748        position: absolute;
20749        top: 25%;
20750        left: 50%;
20751
20752            transform: translate(-50%,-50%);
20753    } */
20754#menu_search .search_result__item.--button-all {
20755    min-width: 123px;
20756    width: auto;
20757    margin: 1.5rem auto 0;
20758    border-radius: 100%;
20759    height: 123px;
20760    margin: auto;
20761}
20762
20763
20764a.search_result__item { 
20765
20766  animation-name: opacytyprodukt;
20767          animation-duration: 0.5s;
20768          animation-timing-function: linear;
20769          animation-delay: 0s;
20770          animation-iteration-count: 1;
20771          animation-direction: alternate;
20772          position: relative;
20773
20774}
20775/* 
20776   #menu_search.--focus .menu_search__input {
20777    border: none !important;
20778    border-bottom: solid 2px #414c5c !important;
20779    border-radius: 0px;
20780} */
20781
20782#menu_search .menu_search__mobile:before, #menu_search .menu_search__submit:before {
20783    content: "\E8A1";
20784    font-family: FontAwesome;
20785    width: 90px;
20786    height: 90px;
20787    display: block;
20788    z-index: 9999;
20789    position: absolute;
20790    top: 10px;
20791}
20792
20793.search_result__sub.--categories {width: 60%;margin: auto;}
20794
20795    #menu_search.--focus .menu_search__input {
20796        position: relative;
20797        z-index: 9999;
20798    }
20799
20800    #search_box {display: none;}
20801
20802    #menu_search.--focus .menu_search__input {
20803        position: relative;
20804        z-index: 9999;
20805        border: solid 1px #cccc;
20806        width: 100%;
20807    }
20808
20809.search_result__name_label {font-weight: bold;}
20810
20811    .menu_search__block {
20812        display: block;
20813    }
20814
20815    #menu_search .search_result__icon img {
20816        display: block;
20817        position: static;
20818        top: 50%;
20819        left: 50%;
20820        transform: translate(0%, 0%);
20821        width: 120px;
20822        height:auto;
20823        margin: auto;
20824
20825    transform: scale(1.0);
20826    transition: transform .5s;
20827
20828    }
20829    #menu_search .search_result__icon img:hover {
20830
20831    transform: scale(1.0);
20832    transition: transform .5s;
20833
20834    }
20835
20836    #menu_search .search_result__item.--product .search_result__name {
20837        max-width: 100%;
20838        display: block;
20839        text-align: center;
20840    }
20841
20842
20843   .menu_search__input:before {
20844    content: "\E8A1";
20845    font-family: FontAwesome;
20846    font-size: 24px;
20847}
20848
20849    .search_result__sub.--products {
20850        display: grid;
20851        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
20852        /* min-width: 60%; */
20853        grid-column-gap: -50px;
20854        justify-content: space-evenly;
20855        justify-items: center;
20856        align-content: stretch;
20857        max-width: 70%;
20858        margin: auto;
20859        margin-top: 90px !important;
20860        gap:10px ;
20861
20862    }
20863
20864    #menu_search .search_result__name_wrapper {
20865        display: block;
20866        justify-content: space-between;
20867        align-items: center;
20868        width: calc(100% - 60px);
20869        width: 100%;
20870        text-align: center;
20871    }
20872
20873    #menu_search .search_result__item.--product {
20874        display: block;
20875        align-items: center;
20876        text-decoration: none;
20877    }
20878
20879    #menu_search.--focus::after {
20880        position: fixed;
20881        width: 100%;
20882        height: 100%;
20883        position: absolute;
20884        top: 0px;
20885        left: 0px;
20886        /* background: #ffff; */
20887        content: '';
20888    }
20889
20890
20891    .search_result__price {font-weight: bold;}
20892    #menu_search.--focus.--open .menu_search__item.--results {
20893        display: flex;
20894        border-top: 0px solid #c4c7c8;
20895        max-height: calc(95vh - 80px);
20896        max-height: calc((var(--vh, 1vh) * 95) - 80px);
20897        overflow: auto;
20898        scrollbar-color: #33b33b transparent;
20899        scrollbar-width: thin;
20900        /* border-radius: 5px; */
20901        /* border-radius: 0; */
20902        width: 100%;
20903        background: #fff;
20904        position: fixed;
20905        top: 26px;
20906        transform: translate(0%, 1%);
20907        left: 0px;
20908        height: 100vh;
20909
20910        justify-content: center;
20911
20912    }
20913
20914
20915
20916    #menu_search.--focus .menu_search__block {
20917        position: absolute;
20918        top: 0px;
20919        left: 0;
20920        width: 540px;
20921        background: #fff;
20922        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
20923    }
20924
20925
20926 @media only screen and (max-width:900px) {
20927
20928    #menu_search.--focus .menu_search__input {
20929    position: relative;
20930    z-index: 9999;
20931    border: solid 1px #cccc;
20932    width: 100%;
20933}
20934div#search_box {
20935    position: fixed;
20936    left: 0px;
20937    z-index: 999;
20938}
20939.search_result__block.--others,#search_box {display: none !important;} 
20940#menu_search.--focus::after {display: none !important;}
20941html.sidebar_open #menu_search .menu_search__block {width: 100%;}
20942#menu_search.--focus::after {background: none;}
20943 #menu_search .menu_search__item.--results {display: none !important;background: none;}
20944}
20945
20946</style>
20947
20948<script>
20949
20950
20951document.querySelector("#menu_seearch .menu_seearch__input").placeholder = "Znajdź produkt lub serię..."
20952
20953
20954function getremoveButton(){
20955  
20956  
20957  document.querySelectorAll(".befeoresearch_box").forEach(x => {
20958            x.style.display = "none";
20959  
20960   })
20961      }
20962  
20963    const getFormfind = document.querySelector(".menu_seearch__item");
20964  
20965    const getFormfindBTN = document.querySelector("#menu_seearch  .menu_seearch__input");
20966  
20967  
20968    getFormfindBTN.addEventListener("input", function (events) {
20969  
20970        getremoveButton();
20971  
20972
20973
20974
20975    const getValuesInput = getFormfindBTN.value;
20976
20977    const countNumbers_tet = getFormfindBTN.value.length;
20978
20979//    document.querySelector("#befeoresearch_box").style.display = "none";
20980
20981
20982    document.querySelector(".befeoresearch_box").style.display = "none"
20983      
20984
20985    if (countNumbers_tet == 2) {
20986    document.querySelector(".befeoresearch_box").style.display = "none";
20987
20988
20989  getremoveButton()
20990
20991      const menu_search = document.querySelector(".menu_search__item");
20992
20993      const search_result = document.querySelector(".search_result");
20994      // document.querySelector("body").style.background="red";
20995
20996      document.querySelector(".search_result").style.display = "flex";
20997
20998      document.querySelector("#search_box").style.display = "block";
20999    }
21000
21001    if (getFormfindBTN.value == "") {
21002      document.querySelector("#search_box").style.display = "none";
21003    }
21004  });
21005
21006
21007  const focusBTnSreach = document.querySelector(".menu_search__input")
21008  
21009  
21010
21011  getFormfindBTN.addEventListener('click', function(){
21012
21013    getFormfind.classList.toggle("active_pwa");
21014
21015    getFormfind.insertAdjacentHTML(
21016  
21017  
21018    "beforeend",
21019
21020    `  
21021
21022    <div class="befeoresearch_box">
21023
21024
21025         <div class="seach_mennnice">
21026
21027
21028
21029<h3>Popularne wyszukiwanie:</h3>
21030
21031
21032<ul id="tags_szukaj">
21033
21034 
21035
21036 <li><a href="https://metalelokacyjne.pl/pl/producers.html" >
21037                    #mennice
21038                  </a>
21039
21040        </li>
21041
21042
21043  <li><a href="https://www.metalelokacyjne.pl/pol_m_Produkty-541.html?filter_traits%5B1%5D=&filter_traits%5B512%5D=&filter_traits%5B4582%5D=&filter_traits%5B510%5D=481&filter_pricerange=&filter_traits%5B304%5D=&filter_traits%5B69%5D=&filter_availability=y&filter_traits%5B3827%5D=">#1 oz</a></li>
21044
21045         <li><a href="https://www.metalelokacyjne.pl/pol_m_Produkty-541.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=" >#2024</a>
21046        <li><a href="https://metalelokacyjne.pl/pl/search.html?text=sztabki">#sztabki</a></li>
21047
21048
21049<li><a href="https://metalelokacyjne.pl/pl/menu/inne-metale-banknoty/platyna-2098.html">#platyna</a></li>
21050
21051
21052<li><a href="https://metalelokacyjne.pl/pl/series/kookaburra-203.html">#kookaburra</a></li>
21053<li><a href="https://metalelokacyjne.pl/pl/series/dukat-355.html">#Dukat</a></li>
21054
21055<li><a href="https://www.metalelokacyjne.pl/Popkultura-ccms-pol-822.html">#popkultura</a></li>
21056<li><a href="https://metalelokacyjne.pl/pl/about/serie-monet-554.html">#serie monet</a></li>
21057
21058        
21059        <li><a href="https://metalelokacyjne.pl/pl/series/the-royal-tudor-beasts-78.html" >#The Royal Tudor Beasts</a>
21060        <li><a href="https://metalelokacyjne.pl/pl/series/chinese-panda-99.html" >#Panda Chińska</a>
21061        <li><a href="https://metalelokacyjne.pl/pl/series/britannia-bu-163.html" >#Britannia</a>
21062        <li><a href="https://metalelokacyjne.pl/pl/series/koala-205.html" >#Koala</a>
21063       
21064
21065
21066        <li><a href="https://metalelokacyjne.pl/pl/series/australian-emu-23.html" >#Australian Emu</a> </li>   
21067        
21068        
21069        <li><a href="https://metalelokacyjne.pl/pl/series/malnge-leaf-53.html" >#Maple Leaf</a> </li>
21070
21071
21072
21073        <li><a href="https://metalelokacyjne.pl/pl/series/libertad-104.html" >#Libertad</a>
21074                    
21075
21076
21077        </li>
21078
21079    </ul>
21080
21081
21082    <div id="cosinsBox_search">
21083
21084        <div class="searchcoins"> 
21085
21086    <a class="product__icon d-flex justify-content-center align-items-center"
21087        data-product-id="950"
21088        href="https://metalelokacyjne.pl/pl/products/zlote-monety/zloty-dukat-austriacki-1915-nowe-bicie-950.html"
21089        title="Sztabka IGR 0,5 grama Złota LBMA">
21090
21091        <img alt="Sztabka IGR 0,5 grama Złota LBMA"
21092            src="https://metalelokacyjne.pl/pol_pm_Zloty-Dukat-Austriacki-1915-NOWE-BICIE-950_1.jpg">
21093
21094    </a>
21095    <h3>
21096        
21097        <a class="product__name"
21098            href="https://metalelokacyjne.pl/pl/products/sztabki-zlota/sztabka-igr-0-5-grama-zlota-lbma-9132.html"
21099            title="Sztabka IGR 0,5 grama Złota LBMA">Złoty Dukat Austriacki 1915 NOWE BICIE</a>
21100            
21101            
21102            </h3>
21103     <div
21104        class="product__prices --omnibus-new" "><div class="delivery_time">
21105            
21106          
21107        </div>
21108
21109    
21110</div>
21111</div>
21112
21113
21114<div class="searchcoins"> 
21115
21116    <a class="product__icon d-flex justify-content-center align-items-center"
21117        data-product-id="950"
21118        href="https://metalelokacyjne.pl/pl/products/sztabki-zlota/sztabka-igr-0-5-grama-zlota-lbma-9132.html"
21119        title="Sztabka IGR 0,5 grama Złota LBMA">
21120
21121        <img alt="Sztabka IGR 0,5 grama Złota LBMA"
21122            src="https://metalelokacyjne.pl/pol_pm_Sztabka-IGR-0-5-grama-Zlota-LBMA-9132_2.jpg">
21123
21124    </a>
21125    <h3>
21126        
21127        <a class="product__name"
21128            href="https://metalelokacyjne.pl/pl/products/sztabki-zlota/sztabka-igr-0-5-grama-zlota-lbma-9132.html"
21129            title="Sztabka IGR 0,5 grama Złota LBMA">Złoty Dukat
21130            Sztabka IGR 0,5 grama Złota LBMA</a>
21131            
21132            
21133            </h3><div
21134        class="product__prices --omnibus-new" "><div class="delivery_time">
21135            czas dostawy -
21136            1
21137            dzień
21138        </div>
21139
21140    
21141</div>
21142</div>
21143
21144<div class="searchcoins"> 
21145
21146    <a class="product__icon d-flex justify-content-center align-items-center"
21147        data-product-id="950"
21148        href="https://metalelokacyjne.pl/pl/products/srebrne-monety/kanadyjski-lisc-klonowy-1-uncja-srebra-2018-5.html"
21149        title="Kanadyjski Liść Klonowy ">
21150
21151        <img alt="Kanadyjski Liść Klonowy "
21152            src="https://metalelokacyjne.pl/pol_pm_Kanadyjski-Lisc-Klonowy-1-uncja-Srebra-2018-5_2.jpg">
21153
21154    </a>
21155    <h3>
21156        
21157        <a class="product__name"
21158            href="https://metalelokacyjne.pl/pl/products/srebrne-monety/kanadyjski-lisc-klonowy-1-uncja-srebra-2018-5.html"
21159            title="Kanadyjski Liść Klonowy ">Kanadyjski Liść Klonowy <small>1 uncja Srebra 2018</small></a>
21160            
21161            
21162            </h3><div
21163        class="product__prices --omnibus-new" "><div class="delivery_time">
21164            czas dostawy -
21165            1
21166            dzień
21167        </div>
21168
21169  </div>  
21170</div>
21171
21172
21173
21174
21175
21176
21177
21178        </div>
21179
21180
21181
21182          </div>
21183
21184    
21185    `)
21186
21187//  document.querySelector("header").addEventListener("click", function (e) {
21188// getremoveButton()
21189// })
21190
21191const getdataSterch = dataheadSearch.map( item =>{
21192
21193return `
21194
21195<div class="searchcoins"> 
21196
21197<a class="product__icon d-flex justify-content-center align-items-center"
21198    data-product-id="950"
21199    href="${item.link}"
21200    title="${item.name}">
21201
21202    <img alt="${item.name}"
21203        src="${item.pic}">
21204</a>
21205
21206
21207
21208
21209<h3>
21210    <a class="product__name"
21211        href="${item.link}"
21212        title="${item.name}">${item.name} <small>${item.namesub}</small></a>
21213        
21214        
21215        </h3><div
21216    class="product__prices --omnibus-new" "><div class="delivery_time">
21217       -
21218    </div>
21219
21220</div>  
21221</div>
21222
21223
21224`
21225
21226
21227}).join('')
21228document.querySelector("#cosinsBox_search").innerHTML = getdataSterch;
21229
21230
21231  });
21232
21233
21234
21235
21236  menu_search.insertAdjacentHTML(
21237    "beforeend",
21238    ` 
21239 
21240 <div id="search_box"> 
21241 
21242 <div id="anuluj_search" ><a href="#" class="btn_box"> Anuluj wyszukiwanie</a></div>
21243
21244
21245 <div class="seach_mennnice">
21246
21247
21248  
21249   
21250    </div>
21251 </div>
21252
21253 `
21254  );
21255
21256  
21257
21258 
21259
21260  document.querySelector("#anuluj_search").addEventListener("click", function (e) {
21261
21262      document.querySelector(".search_result").style.display = "none";
21263      document.querySelector("#search_box").style.display = "none";   
21264      
21265          document.querySelector(".befeoresearch_box").style.display = "none"; 
21266
21267
21268    //   document.querySelector(".befeoresearch_box").forEach(x=>{
21269    //       x.style.display = "none";
21270
21271    //   })
21272    
21273
21274      getFormfindBTN.value = "";
21275    });
21276
21277 
21278</script>
21278
21279
21280<style>
21281
21282
21283    #anuluj_search {   
21284    
21285    position: absolute;
21286    top: 23px;
21287    left: 52%;
21288    z-index: 9999999;
21289    width: 360px;
21290    background: #fff;
21291    padding: 10px 10px;
21292    border: solid 1px #ccc;
21293    width: 290px !important;
21294    text-align: center;
21295    }
21296
21297
21298</style>
21299
21300
21301<style>
21302
21303
21304#menu_search .search_result__items {
21305    padding-left: 0rem !important;
21306    /* text-align: right; */
21307  }
21308
21309  #cosinsBox_search {display: flex;}
21310
21311  .searchcoins {    max-width: 190px;
21312    display: flex;
21313    flex-direction: row-reverse;
21314    flex-wrap: wrap;
21315    justify-content: center;
21316  
21317  }
21318  
21319.menu_search.--focus .befeoresearch_box {display: block;}
21320
21321.menu_search .befeoresearch_box {display: none;}
21322
21323
21324  a.search_result__item {
21325    text-decoration: none !important;
21326  }
21327  a.search_result__item:hover {
21328    text-decoration: underline !important;
21329  }
21330
21331  .befeoresearch_box h3 {text-align: left;}
21332
21333  .seach_mennnice {
21334      position: absolute;
21335    top: 0px;
21336    background: #ffff;
21337    width: 700px;
21338    right: auto;
21339    top: 45px;
21340    padding: 40px;
21341    left: 0px;
21342    /* border-radius: 10px; */
21343        padding-top: 30px;
21344 animation: anmacjaOpacity .5s ease-out;
21345
21346}
21347
21348.seach_mennnice ul {
21349    display: flex;
21350    justify-content: flex-start;
21351    gap: 26px;
21352    font-size: 12px;
21353    /* margin-bottom: 10px; */
21354    flex-direction: row;
21355    grid-template-columns: repeat(6, 1fr);
21356    flex-wrap: wrap;
21357    align-items: center;
21358    align-content: flex-start;
21359    margin-top: 20px;
21360}
21361
21362.seach_mennnice li a {
21363    color: var(--grey);
21364    padding: 10px 20px;
21365    border-radius: 10px;
21366    font-weight: bold;
21367    white-space: nowrap;
21368    background: #fff;
21369    transition: all 0s;
21370}
21371
21372.seach_mennnice li a:hover {
21373
21374text-decoration: underline;
21375    background: #fdfcf7 ;
21376
21377}
21378
21379
21380.seach_mennnice  {
21381    width: 100%;
21382    z-index: 999999;
21383    top: 70px !important;
21384}
21385
21386
21387
21388</style></div><div class="menu_button_wrapper"><!-- 
21388<script defer>
21389
21390
21391const getFooterinf= document.querySelector("#footer_links");
21392
21393getFooterinf.insertAdjacentHTML("afterend", `<div>tea</div>` )
21394
21395
21396</script>
21396 -->
21397
21398
21399
21400<div class="copy_right" style="color:#fff ;font-size: 11px;">Copyright © 2013-2025 by Metale Lokacyjne</div>
21401
21402
21403<script>
21404  document.addEventListener("DOMContentLoaded", function() {
21405    const copyRightDiv = document.querySelector('.copy_right');
21406    if (copyRightDiv) {
21407      const currentYear = new Date().getFullYear();
21408      copyRightDiv.textContent = `Copyright © 2013-${currentYear} by Metale Lokacyjne`;
21409    }
21410  });
21411</script>
21411
21412
21413
21414<style>
21415.copy_right::after {
21416  content: " Copyright © 2013-" attr(data-year) " by Metale Lokacyjne";
21417  display: none;
21418}
21419#menu_banners2:before {background: #3E3D3B !important;}
21420/* #menu_banners2 {display: none;}  */
21421
21422  #menu_regulations {display: none;}
21423footer.max-width-1200:before {display: none !important;}
21424
21425  #left_cloumn_footer_info {
21426
21427    margin-top: 50px;
21428    padding: 20px;
21429    color: #fff;
21430    max-width: 400px;
21431
21432    .text_info {
21433      color: var(--colorfott);
21434      font-size: 12px;
21435      padding: 10px 0px;
21436    }
21437
21438    h6 {
21439      font-size: var(--small14);
21440      font-weight: bold;
21441      padding: 5px 0px;
21442      margin-top: 20px;
21443    }
21444
21445    a.phone_footer {
21446      font-size: 18px;
21447      color: var(--yellow);
21448      font-weight: bold;
21449      padding-bottom: 10px;
21450      margin-bottom: 0px;
21451    }
21452
21453    a {
21454      font-size: 14px;
21455      color: #fff;
21456      font-weight: normal;
21457      margin-bottom: 10px;
21458    }
21459
21460    p {
21461      padding: 5px 0px;
21462      font-size: var(--small12);
21463    }
21464
21465    .logi {width: 200px;}
21466  }
21467
21468
21469
21470  :root {
21471    --colorfott: #888784;
21472  }
21473
21474
21475  #footer_links a:hover {
21476    text-decoration: underline !important;
21477    text-decoration-color: #d2bc66 !important;
21478    color: #fff;
21479
21480  }
21481
21482  #links_footer_1 .footer_links_sub li:first-child {
21483    border-radius: 10px;
21484    padding-left: 0px !important;
21485    background: none !important;
21486    /* background-color: #fff !important; */
21487    padding-bottom: 5px;
21488    padding-top: 5px;
21489    color: #3e3d3b !important;
21490  }
21491
21492  #links_footer_1 .footer_links_sub li a span:first-child {
21493
21494
21495    color: var(--colorfott) !important;
21496  }
21497
21498  #links_footer_1 .footer_links_sub li:nth-child(1) a span {
21499    color: #3e3d3b !important;
21500  }
21501
21502  #footer_links .footer_links {
21503    border-right: solid 1px #4f4e4d !important;
21504  }
21505
21506  .footer_logotypy li:nth-child(4) img,
21507  .footer_logotypy li:nth-child(5) img,
21508  .footer_logotypy li:nth-child(6) img,
21509  .footer_logotypy li:nth-child(7) img,
21510  .footer_logotypy li:nth-child(8) img,
21511  .footer_logotypy li:nth-child(9) img {
21512
21513    height: 60px;
21514    opacity: 0.5;
21515    filter: invert(42%) sepia(93%) saturate(125%) hue-rotate(-193deg) brightness(39%) contrast(119%);
21516    transition: all 0.5s;
21517
21518  }
21519
21520
21521  #footer_links .footer_links_label {
21522    color: #d0d1d3 !important;
21523    font-size: 18px;
21524  }
21525
21526  footer.max-width-1200 {
21527
21528    background: #3E3D3B;
21529
21530    width: 100%;
21531    max-width: 100%;
21532    ;
21533
21534  }
21535
21536  #menu_contact {
21537    background: none !important;
21538  }
21539
21540  footer.max-width-1200 a {
21541    color: var(--colorfott);
21542  }
21543
21544
21545  .footer_bar_grid {
21546    position: relative;
21547  }
21548
21549  .footer_bar_grid:before {
21550    display: block;
21551    position: absolute;
21552    background: #fdfcf7;
21553    content: "";
21554    width: 100%;
21555    height: 100%;
21556    top: 0px;
21557    left: -100%;
21558    z-index: 0;
21559  }
21560
21561
21562  .footer_bar_grid:after {
21563    display: block;
21564    position: absolute;
21565    background: #fdfcf7;
21566    content: "";
21567    width: 100%;
21568    height: 100%;
21569    top: 0px;
21570    right: -100%;
21571    z-index: 0;
21572  }
21573
21574
21575
21576  #footer_links li {
21577    position: relative;
21578  }
21579
21580  #links_footer_4 ul li {
21581    padding: 10px 0px !important;
21582  }
21583
21584  #links_footer_4 ul li::after {
21585
21586    content: '';
21587    position: absolute;
21588    left: -40px;
21589    top: 7px;
21590
21591    width: 30px;
21592    height: 30px;
21593    display: block;
21594
21595    filter: invert(42%) sepia(93%) saturate(125%) hue-rotate(-193deg) brightness(39%) contrast(119%);
21596    transition: all 0.5s;
21597
21598    background-size: contain !important;
21599
21600  }
21601
21602  #links_footer_4 ul li:nth-child(1):after {
21603
21604    background: url('https://www.metalelokacyjne.pl/data/include/cms/metal_market/icon/social_media/facebook.svg?v=1650891411152') no-repeat;
21605  }
21606
21607  #links_footer_4 ul li:nth-child(2):after {
21608
21609    background: url('https://www.metalelokacyjne.pl/data/include/cms/metal_market/icon/social_media/istagram.svg?v=1650891411152') no-repeat;
21610  }
21611
21612
21613  #links_footer_4 ul li:nth-child(3):after {
21614
21615    background: url('https://www.metalelokacyjne.pl/data/include/cms/metal_market/icon/social_media/pinteres.svg?v=1665412635730') no-repeat;
21616  }
21617
21618
21619  #links_footer_4 ul li:nth-child(3):after {
21620
21621    background: url('https://www.metalelokacyjne.pl/data/include/cms/metal_market/icon/social_media/pinteres.svg?v=1665412635730') no-repeat;
21622  }
21623
21624  #links_footer_4 ul li:nth-child(4):after {
21625
21626    background: url('https://www.metalelokacyjne.pl/data/include/cms/metal_market/icon/social_media/twiter.svg?v=1665407936615') no-repeat;
21627  }
21628
21629  #links_footer_4 ul li:nth-child(4):after {
21630
21631    background: url('https://www.metalelokacyjne.pl/data/include/cms/metal_market/icon/social_media/twiter.svg?v=1665407936615') no-repeat;
21632  }
21633
21634
21635  #links_footer_4 ul li:nth-child(5):after {
21636
21637    background: url('https://www.metalelokacyjne.pl/data/include/cms/metal_market/icon/social_media/youtube.svg?v=1650891411151') no-repeat;
21638  }
21639
21640
21641
21642
21643
21644
21645
21646  #account_newsletter a {
21647    color: #fff !important;
21648  }
21649
21650
21651  ul#menu_orders,
21652  ul#menu_account,
21653  ul#menu_regulations,
21654  #links_footer_1,
21655  footer #links_footer_2 {
21656    border-right: solid 1px #e0e1e426 !important;
21657  }
21658
21659
21660  #footer_links {
21661
21662    display: grid !important;
21663  grid-template-columns: minmax(358px, 0.5fr) repeat(5, 1fr) !important;
21664    max-width: 1400px;
21665
21666
21667  }
21668
21669  #footer_links .footer_links {
21670    max-width: 100% !important;
21671  }
21672
21673  #footer_links ul:last-child  {border: none;}
21674
21675
21676
21677  #links_footer_1 .footer_links_sub li:nth-child(1) a  {
21678
21679
21680    color: #fff !important;
21681
21682    border: solid 1px var(--yellow);
21683    padding-left: 0px !important;
21684    background: url(https://www.metalelokacyjne.pl/data/include/cms/metal_market/icon/help_icon.svg?v=1654505383595) 10px 3px no-repeat;
21685    padding: 5px 10px;
21686    margin-bottom: 10px;
21687    
21688  }
21689
21690
21691    #links_footer_1 .footer_links_sub li:nth-child(1) a span { color: #fff !important;   padding-left: 50px;}
21692
21693  #footer_links .footer_links#menu_account {
21694    border-radius: 0px !important;
21695  }
21696
21697
21698
21699
21700
21701
21702
21703
21704  .secound_bar {
21705    width: 100%;
21706    clear: both;
21707  }
21708
21709  a.logo_metal_market_footer img {
21710    width: 200px;
21711  }
21712
21713  .left_columnt_head ul,
21714  .right_columnt_head ul {
21715    display: flex;
21716  }
21717
21718  .right_columnt_head ul div {
21719    margin: 0px 10px;
21720  }
21721
21722  .right_columnt_head ul div img {
21723    width: 40px;
21724  }
21725
21726  .email_footer_bar a,
21727  .phone_head a {
21728    padding-top: 25px;
21729  }
21730
21731  div.email_footer_bar {
21732    padding: 0px 0px;
21733  }
21734
21735  .centrum_pomocy a {
21736    font-size: 18px;
21737  }
21738
21739  #menu_buttons .secound_bar img {
21740    display: indivne-block;
21741    width: 50px;
21742    vertical-adivgn: middle;
21743  }
21744
21745  .footer_bar div {
21746    border: none;
21747  }
21748
21749  .secound_bar ul {
21750    display: flex;
21751    width: 100%;
21752    justify-content: space-between;
21753  }
21754
21755  .footer_bar .secound_bar a {
21756    border-bottom: sodivd 2px #1d2229;
21757  }
21758
21759  .footer_bar .secound_bar a:hover {
21760    border-bottom: sodivd 2px #fff;
21761  }
21762
21763
21764  #menu_buttons .footer_bar .centrum_pomocy a {
21765    padding-left: 0px;
21766    padding-top: 23px;
21767  }
21768
21769  #menu_buttons .footer_bar .centrum_pomocy img {
21770    width: 30px;
21771  }
21772</style>
21773
21774
21775<style>
21776  .centrum_pomocy_btn a {
21777
21778    /* display: inline-block; */
21779    font-size: 18px;
21780    padding: 5px 50px;
21781    color: #fff !important;
21782
21783    padding-left: 60px;
21784    border-radius: 10px;
21785    margin-top: 20px;
21786    background: #D2BC66;
21787    border-radius: 3px;
21788    transition: all 0.5s;
21789  }
21790
21791  .centrum_pomocy_btn a:hover {
21792    background: #C0A020;
21793    transition: all 0.5s;
21794  }
21795
21796
21797  .footer_bar_grid {
21798    display: grid;
21799    grid-template-columns: 1fr 2fr;
21800    justify-content: left;
21801    color: #fff;
21802
21803    padding: 20px 0px;
21804    align-items: center;
21805    justify-items: stretch;
21806
21807
21808    background: #FDFCF7;
21809
21810  }
21811
21812  .phone_head_grid {
21813
21814    display: grid;
21815    align-items: stretch;
21816    column-gap: 10px;
21817    grid-template-columns: 1fr 1fr;
21818
21819  }
21820
21821  .wrap_content_grid {
21822
21823
21824    justify-content: left;
21825    color: #fff;
21826    align-content: center;
21827    align-items: center;
21828    gap: 10px;
21829
21830  }
21831
21832  .email_footer_bar a,
21833  .phone_head_grid a {
21834    padding: 0px !important;
21835    font-size: 21px;
21836    text-decoration: none;
21837  }
21838
21839  .open_hour {
21840    display: block;
21841  }
21842
21843  .wrap_content_grid a {
21844    color: #fff;
21845  }
21846
21847  .right_columnt_head_grid {
21848    justify-items: end;
21849    display: grid;
21850    grid-template-columns: 1fr 1fr;
21851    gap: 20px;
21852  }
21853
21854
21855  .left_columnt_head_grid ul div {
21856    divst-style: none !important;
21857  }
21858
21859  #menu_buttons .phone_head_grid a {
21860    color: #1d2229 !important;
21861  }
21862
21863  #menu_contact ul {
21864    background: none !important;
21865    color: #fff;
21866  }
21867
21868
21869  @media (max-width: 728px) {
21870
21871    .row.blog div:nth-child(4) {
21872      display: none;
21873    }
21874
21875    .footer_bar_grid {
21876      padding-bottom: 0px;
21877    }
21878
21879    .footer_settings {
21880      width: 90px !important;
21881    }
21882
21883    .menu_button_wrapper.col-12 {
21884      padding: 0px;
21885    }
21886
21887    div#menu_buttons {
21888      max-width: 100%;
21889      padding: 0px !important;
21890    }
21891
21892footer #footer_links  {display: block !important;}
21893
21894    #footer_links .footer_links#menu_orders {
21895      padding-bottom: 14px !important;
21896      border-radius: 0px;
21897    }
21898
21899
21900
21901
21902    #footer_links .footer_links {
21903      margin: 0px;
21904      padding: 14px 0px;
21905      border-right: none !important;
21906    }
21907
21908    .centrum_pomocy_btn a {
21909      width: 100%;
21910      display: block;
21911      padding: 10px 40px;
21912      border-radius: 0px;
21913      background: #D2BC66;
21914      border-radius: 3px;
21915
21916    }
21917
21918
21919
21920
21921
21922    #footer_links ul,
21923    #menu_orders,
21924    #menu_account {
21925      border-bottom: solid 1px #D6D6D6 !important;
21926    }
21927
21928    .phone_head_grid {
21929      border: none;
21930      padding-right: 10px;
21931    }
21932
21933
21934
21935
21936    #menu_buttons,
21937    #footer_links {
21938      padding: 0px 10px !important;
21939    }
21940
21941    .footer_links {
21942      text-align: left;
21943    }
21944
21945    .footer_links ul,
21946    #footer_links ul {
21947      position: relative;
21948    }
21949
21950    #footer_links .footer_links_label:not(:only-child):after {
21951      position: absolute;
21952      right: 30px;
21953      top: 5px;
21954    }
21955
21956    #footer_links .footer_links_label {
21957      display: block;
21958      font-size: 13px;
21959      color: #fff;
21960    }
21961
21962    #footer_links {
21963      display: grid !important;
21964      grid-template-columns: 1fr;
21965    }
21966
21967    .wrap_content_grid {
21968      grid-template-columns: 1fr 1fr;
21969    }
21970
21971    .footer_bar_grid {
21972      grid-template-columns: 1fr;
21973    }
21974
21975    .ades_footer_bar_grid {
21976      display: none;
21977    }
21978
21979    .right_columnt_head_grid {
21980      display: block;
21981      width: 100%;
21982      margin-top: 20px;
21983    }
21984
21985
21986
21987
21988
21989    .footer_bar .wyslka,
21990    .footer_bar .platnosci,
21991    .footer_bar .bezpieczestwo,
21992    .footer_bar .readivzacja {
21993      display: none;
21994    }
21995
21996    #menu_buttons .footer_bar .centrum_pomocy a {
21997      padding-top: 0px;
21998
21999      color: #fff;
22000    }
22001
22002    a.logo_metal_market_footer img {
22003      width: 140px;
22004    }
22005
22006    .centrum_pomocy a {
22007      font-size: 14px;
22008    }
22009  }
22010</style>
22011
22012
22013<style>
22014
22015#wrap_logo_info {max-width: 1400px;margin: auto;}
22016
22017#logtypy_footer_info {display: inline-flex;gap:30px;border-top:solid 1px #4f4e4d !important;padding-top: 20px;}
22018#logtypy_footer_info img {max-width: 80px;max-height: 80px;}
22019
22020#logtypy_footer_info ul li {list-style: none;}
22021
22022#logtypy_footer_info h3,#logtypy_footer_info ul {margin: 0px;padding: 0px; color: #fff;}
22023
22024#logtypy_footer_info .metody_platnos ul  {display: inline-flex;
22025
22026    align-items: center;
22027    gap: 40px;
22028}
22029.metody_platnos { 
22030
22031    border-right: solid 1px #4f4e4d !important;
22032    padding-right: 10px;
22033}
22034</style></div><div class="menu_button_wrapper">
22034<script>
22035  if (document.querySelector("#container").classList.contains("search_page")) {
22036    getbtnfilterMore();
22037
22038    function getbtnfilterMore() {
22039      let isDivCreated = false;
22040
22041      if (!isDivCreated) {
22042        const btnFilter = document.querySelector("#Filters .filters__buttons");
22043
22044        btnFilter.insertAdjacentHTML(
22045          "afterbegin",
22046          `<div id="see_all_filters">${langEn ? "See all filters" : ""}${
22047            langPl ? "Zobacz wszystkie filtry" : ""
22048          }${langDe ? "Alle Filter anzeigen" : ""}${
22049            langEs ? "Ver todos los filtros" : ""
22050          }${langCs ? "Zobrazit všechny filtry" : ""}
22051</div>`
22052        );
22053
22054        isDivCreated = true;
22055      }
22056    }
22057
22058    function gerfiltersHide_show() {
22059      const divIdsHide = [
22060        "#filter_traits9467_content",
22061        "#filter_traits199_content",
22062        "#filter_series_content",
22063        "#filter_traits4880_content",
22064        "#filter_traits304_content",
22065        "#filter_traits849_content",
22066        "#filter_traits1280_content",
22067        "#filter_traits69_content",
22068        "#filter_traits607_content",
22069        "#filter_date_expand .--date",
22070        "#filter_traits4582_content",
22071        "#filter_traits219_content",
22072        "#filter_traits52_content",
22073        "#filter_traits5578_content",
22074        "#filter_traits5628_content",
22075        "#filter_traits4779_content"
22076      ];
22077
22078      divIdsHide.forEach((id) => {
22079        const divHide = document.querySelector(id);
22080        if (divHide) {
22081          divHide.parentElement.parentElement.style.display = "none";
22082
22083          const getfiltesBTN = document.querySelector("#see_all_filters");
22084
22085          getfiltesBTN.addEventListener("click", function (e) {
22086            getfiltesBTN.innerHTML = `${langEn ? "Collapse all filters" : ""}
22087${langPl ? "Zwiń wszystkie filtry" : ""}
22088${langDe ? "Alle Filter ausblenden" : ""}
22089${langEs ? "Contraer todos los filtros" : ""}
22090${langCs ? "Sbalit všechny filtry" : ""}
22091`;
22092
22093            divHide.parentElement.parentElement.style.display = "block";
22094
22095            divHide.parentElement.style.display = "none";
22096
22097            if (
22098              (getfiltesBTN.innerHTML = `${langEn ? "Collapse all filters" : ""}
22099${langPl ? "Zwiń wszystkie filtry" : ""}
22100${langDe ? "Alle Filter ausblenden" : ""}
22101${langEs ? "Contraer todos los filtros" : ""}
22102${langCs ? "Sbalit všechny filtry" : ""}
22103`)
22104            ) {
22105              divHide.parentElement.style.display = "none";
22106            }
22107          });
22108        } else {
22109        }
22110      });
22111    }
22112
22113    gerfiltersHide_show();
22114
22115    window.addEventListener("DOMContentLoaded", function () {
22116      const gethrefsAkcesria = window.location.href;
22117
22118      if (gethrefsAkcesria.includes("akcesoria")) {
22119        document
22120          .querySelector("#menu_categories2")
22121          .setAttribute("style", "display:inline !important");
22122      }
22123    });
22124  }
22125  /// listing produktowy contend
22126</script>
22126
22127
22128<!-- ---__ waga -->
22129<script>
22130  if (document.querySelector("#container").classList.contains("search_page")) {
22131    function parseWeight(weight) {
22132      let value = parseInt(weight);
22133
22134      if (
22135        weight ===
22136        `
22137
221381 uncja
22139
22140
22141`
22142      ) {
22143        value *= 28.3495;
22144        return value;
22145      }
22146
22147      if (
22148        weight ===
22149        `
22150
221512 uncje
22152
22153
22154
22155`
22156      ) {
22157        value *= 56.6995;
22158
22159        return value;
22160      }
22161
22162      if (weight.includes("unc")) {
22163        value *= 28.3495;
22164      }
22165
22166      if (weight.includes("oz")) {
22167        value *= 28.3495;
22168      }
22169
22170      // if (weight.includes("uncje")) {
22171      //   value *= 28.3495;
22172      // }
22173
22174      if (weight.includes("kg")) {
22175        value *= 1000;
22176      }
22177
22178      if (weight.includes("1/4")) {
22179        value = 28.3495 / 4;
22180      }
22181
22182      if (weight.includes("1/2")) {
22183        value = 28.3495 / 2;
22184      }
22185
22186      if (weight.includes("1/20")) {
22187        value = 28.3495 / 20;
22188      }
22189
22190      if (weight.includes("1/10")) {
22191        value = 28.3495 / 10;
22192      }
22193
22194      if (weight.includes("1/12")) {
22195        value = 28.3495 / 12;
22196      }
22197
22198      if (weight.includes("1/25")) {
22199        value = 28.3495 / 25;
22200      }
22201
22202      return value;
22203    }
22204
22205    // parseWeight();
22206
22207    //   const wycenaConte = document.querySelector("#filter_traits4779_expand");
22208
22209    //   wycenaConte.insertAdjacentHTML(
22210    //     "afterend",
22211    //     `
22212
22213    // <div class="f-group --small --checkbox mb-0">
22214    //  <a href="/lng/links/cennik-skupu-zlota-909" target="_blank">
22215
22216    //  <label class="f-label" ><span class="--name">produkty z wyceną</span><span class="--quantity">( ponad 100) </span></label></a></div>
22217    // `
22218    //   );
22219  }
22220</script>
22220
22221
22222<script>
22223  if (document.querySelector("#container").classList.contains("search_page")) {
22224    function getWeightfilter() {
22225      const getdataNameWagadvi = document.querySelectorAll(
22226        "#filter_traits510_content .filters__item"
22227      );
22228
22229      const itemArrayWaga = Array.from(getdataNameWagadvi).filter((item) => {
22230        const quantityElement = item.querySelector(".--name");
22231        return quantityElement;
22232      });
22233
22234      itemArrayWaga.sort((a, b) => {
22235        return (
22236          parseWeight(b.querySelector(".--name").innerText) -
22237          parseWeight(a.querySelector(".--name").innerText)
22238        );
22239      });
22240
22241      const getDivshow = document.querySelector("#filter_traits510_content");
22242
22243      itemArrayWaga.forEach((x) => getDivshow.appendChild(x));
22244    }
22245
22246    function getbuttonsfiltreweidht() {
22247      document.querySelector("#filter_traits510_content").insertAdjacentHTML(
22248        "beforebegin",
22249        `
22250
22251<div id="filtersweight_content">
22252
22253
22254
22255
22256<img src="https://www.metalelokacyjne.pl/data/include/cms/metal_market/sortowanie.svg?v=1747137596360" class="icons_sros" style="width:25px;">
22257
22258
22259<span id="wagabtn" class="active">
22260${langEn ? "weight" : ""}
22261 
22262 ${langPl ? " wagą" : ""}
22263 ${langCs ? "Váhy" : ""}
22264 ${langEs ? "peso" : ""}
22265
22266 ${langDe ? "Waage" : ""}
22267
22268 </span>
22269
22270
22271
22272<span id="wquantity_btn" >${langEn ? "number of qualities" : ""}
22273${langPl ? "ilością walorów" : ""}
22274${langDe ? "Anzahl der Qualitäten" : ""}
22275${langEs ? "número de calidades" : ""}
22276${langCs ? "počet vlastností" : ""}
22277</span>
22278
22279
22280
22281
22282
22283
22284
22285
22286</div>
22287
22288`
22289      );
22290
22291      getWeightfilter();
22292
22293      document
22294        .querySelector("#wquantity_btn")
22295        .addEventListener("click", function () {
22296          const items = document.querySelectorAll(
22297            "#filter_traits510_content .filters__item"
22298          );
22299
22300          const itemArray = Array.from(items).filter((item) => {
22301            const quantityElement = item.querySelector(".--quantity");
22302            return quantityElement;
22303          });
22304
22305          itemArray.sort((a, b) => {
22306            const quantityA = parseInt(
22307              a.querySelector(".--quantity").innerText
22308            );
22309            const quantityB = parseInt(
22310              b.querySelector(".--quantity").innerText
22311            );
22312            return quantityB - quantityA;
22313          });
22314
22315          const list = document.querySelector("#filter_traits510_content");
22316          itemArray.forEach((item) => list.appendChild(item));
22317        });
22318
22319      document.querySelector("#wagabtn").addEventListener("click", function () {
22320        getWeightfilter();
22321      });
22322    }
22323
22324    window.addEventListener("DOMContentLoaded", getbuttonsfiltreweidht());
22325
22326    document.querySelectorAll("#filtersweight_content span").forEach((x) => {
22327      x.addEventListener("click", function () {
22328        document
22329          .querySelectorAll("#filtersweight_content span")
22330          .forEach((x) => {
22331            x.classList.remove("active");
22332          });
22333        x.classList.add("active");
22334      });
22335    });
22336
22337    // window.addEventListener("DOMContentLoaded", function () { loadfildersCenaPremiera(); });
22338    // window.addEventListener("scroll", function () { loadfildersCenaPremiera(); });
22339  }
22340</script>
22340
22341
22342<script>
22343  if (document.querySelector("#container").classList.contains("search_page")) {
22344    function getButtonLeft() {
22345      const getFilterMainlast = document.querySelector("#Filters");
22346
22347      getFilterMainlast.insertAdjacentHTML(
22348        "beforeend",
22349
22350        `
22351<div id="buttonLeftFiltertop" style="display:none"> 
22352
22353<button class="lastseebnt walory_all"><a href="/lng/categories/wszystkie-produkty-1214553978.html" class="activeMain activeUnShow all_walory">
22354 ${langEn ? "All coins/bars" : ""}
22355 ${langPl ? "Wszystkie walory" : ""}
22356 ${langCs ? "Všechny vlastnosti" : ""}
22357 ${langEs ? "Todos los productos" : ""}
22358 ${langDe ? "Alle Qualitäten" : ""}
22359
22360 <span class='headline__after'>
22361
22362${langEn ? "more" : ""}
22363${langPl ? "więcej" : ""}
22364${langEs ? "más" : ""}
22365${langCs ? "více" : ""}
22366
22367${langDe ? "mehr" : ""}
22368
22369</span></a></button>
22370
22371
22372
22373 <button class="lastseebnt walory_all"><a href="/lng/producers" class="activeMain activeUnShow all_walory">
22374 ${langEn ? "All mints" : ""}
22375 ${langPl ? "Wszystkie mennice" : ""}
22376 ${langCs ? "Všechny máty" : ""}
22377 ${langEs ? "Todas las mentas" : ""}
22378 ${langDe ? "Alle Pfefferminzbonbons" : ""}
22379
22380 <span class='headline__after'>
22381
22382${langEn ? "more" : ""}
22383${langPl ? "więcej" : ""}
22384${langEs ? "más" : ""}
22385${langCs ? "více" : ""}
22386
22387${langDe ? "mehr" : ""}
22388
22389</span></a></button>
22390
22391
22392</div>
22393
22394
22395
22396`
22397      );
22398    }
22399    /// zobacz wsyzstkie walory
22400    // window.addEventListener("DOMContentLoaded", function () {
22401    //   getButtonLeft();
22402    // });
22403  }
22404</script>
22404
22405
22406<script>
22407  if (document.querySelector("#container").classList.contains("search_page")) {
22408    const getfiltersMain = document.querySelector("#ifilters");
22409
22410    let data2026Year = [];
22411    let data2025Year = [];
22412    let data2024Year = [];
22413    let data2023Year = [];
22414
22415    let data220202023Year = [];
22416    let data201902000Year = [];
22417    let data10002000Year = [];
22418
22419    function yearFiltersCouns(dataYearMain, minYear, maxYear) {
22420      const getdataNameWagadvi = document.querySelectorAll(
22421        "#filter_traits512_content .filters__item"
22422      );
22423
22424      const itemArrayWaga = Array.from(getdataNameWagadvi).filter((item) => {
22425        const quantityElement = item.querySelector(".--name");
22426        return quantityElement;
22427      });
22428
22429      const filteredItems = itemArrayWaga.filter((item) => {
22430        const weightText = item.querySelector(".--name").innerText;
22431        const YearValue = parseInt(weightText);
22432
22433        return YearValue >= minYear && YearValue <= maxYear;
22434      });
22435
22436      filteredItems.forEach((item) => {
22437        dataYearMain.push({
22438          value: item.querySelector("input").value,
22439          counst: item.querySelector(".--quantity").innerText
22440        });
22441      });
22442    }
22443
22444    function sumCounstYeas(dataArray) {
22445      return dataArray.reduce((sum, item) => {
22446        let value = parseFloat(
22447          String(item.counst).replace(",", ".").replace(/\s/g, "")
22448        );
22449        return sum + (isNaN(value) ? 0 : value);
22450      }, 0);
22451    }
22452
22453    yearFiltersCouns(data2026Year, 2026, 2026);
22454    yearFiltersCouns(data2025Year, 2025, 2025);
22455    yearFiltersCouns(data2024Year, 2024, 2024);
22456    yearFiltersCouns(data2023Year, 2023, 2023);
22457
22458    yearFiltersCouns(data220202023Year, 2020, 2022);
22459    yearFiltersCouns(data201902000Year, 2000, 2019);
22460    yearFiltersCouns(data10002000Year, 1000, 2000);
22461
22462    const infopNumberYear = `<span> 
22463 
22464${langEn ? "" : ""}
22465${langPl ? "" : ""}
22466${langDe ? "" : ""}
22467${langEs ? "" : ""}
22468${langCs ? "" : ""}</span>`;
22469
22470    const getButtonsFilterData = document.querySelector(
22471      "#filter_traits512_expand"
22472    );
22473
22474    const textTagsData = `<div class="data_tags year_box_show" id="year_content"> 
22475
22476
22477<div class="input_wegith" id="difrent_year" >
22478${langEn ? "Various years" : ""}
22479${langPl ? "Różne roczniki" : ""}
22480${langDe ? "Verschiedene Jahrgänge" : ""}
22481${langEs ? "Varios años" : ""}
22482${langCs ? "Různé ročníky" : ""}
22483<span></span>
22484</div>
22485
22486
22487
22488<div class="input_wegith" id="year_from_2026" ${
22489      sumCounstYeas(data2026Year) === 0 ? 'style="display:none;"' : ""
22490    }>
22491${langEn ? "2026 year" : ""}
22492${langPl ? "2026 rok" : ""}
22493${langDe ? "2026 Jahr" : ""}
22494${langEs ? "2026 año" : ""}
22495${langCs ? "2026 rok" : ""}
22496
22497 <span>(${sumCounstYeas(data2026Year)}) ${infopNumberYear}</span>
22498
22499</div>
22500
22501
22502<div class="input_wegith" id="year_from_2025" ${
22503      sumCounstYeas(data2025Year) === 0 ? 'style="display:none;"' : ""
22504    }>
22505
22506${langEn ? "2025 year" : ""}
22507${langPl ? "2025 rok" : ""}
22508${langDe ? "2025 Jahr" : ""}
22509${langEs ? "2025 año" : ""}
22510${langCs ? "2025 " : ""}
22511
22512 <span>(${sumCounstYeas(data2025Year)}) ${infopNumberYear}</span>
22513</div>
22514
22515<div class="input_wegith " id="year_from_2024" >
22516${langEn ? "2024 year" : ""}
22517${langPl ? "2024 rok" : ""}
22518${langDe ? "2024 Jahr" : ""}
22519${langEs ? "2024 año" : ""}
22520${langCs ? "2024 rok" : ""}
22521
22522
22523 <span>(${sumCounstYeas(data2024Year)}) ${infopNumberYear}</span>
22524</div>
22525
22526
22527<div class="input_wegith " id="year_from_2023" >
22528${langEn ? "2023 year" : ""}
22529${langPl ? "2023 rok" : ""}
22530${langDe ? "2023 Jahr" : ""}
22531${langEs ? "2023 año" : ""}
22532${langCs ? "2023 rok" : ""}
22533
22534
22535 <span>(${sumCounstYeas(data2023Year)}) ${infopNumberYear}</span>
22536</div>
22537
22538
22539<div id="sorrt_year" style="display:none">
22540
22541
22542 <div class="subtititle_filter"  id="years_nagege" >
22543
22544
22545${langEn ? "Sort by years" : ""}
22546${langPl ? "Sortuj latami" : ""}
22547${langDe ? "Nach Jahren sortieren" : ""}
22548${langEs ? "Ordenar por años" : ""}
22549${langCs ? "Třídit podle let" : ""}
22550</div>
22551
22552<div id="years_content" style="display:none;">
22553
22554<div class="input_wegith" id="year_from_2020_2023" ${
22555      sumCounstYeas(data220202023Year) === 0 ? 'style="display:none;"' : ""
22556    }>
22557${langEn ? "from 2022 to 2020" : ""}
22558${langPl ? "od 2022 do 2020 roku" : ""}
22559${langDe ? "von 2022 bis 2020" : ""}
22560${langEs ? "de 2022 a 2020" : ""}
22561${langCs ? "od roku 2022 do roku 2020" : ""}
22562
22563 <span>(${sumCounstYeas(data220202023Year)}) ${infopNumberYear}</span>
22564</div>
22565
22566<div class="input_wegith" id="year_from_2019_2000" ${
22567      sumCounstYeas(data201902000Year) === 0 ? 'style="display:none;"' : ""
22568    }>
22569
22570${langEn ? "from 2019 to 2001" : ""}
22571${langPl ? "od 2019 do 2001 roku" : ""}
22572${langDe ? "von 2019 bis 2001" : ""}
22573${langEs ? "de 2019 a 2001" : ""}
22574${langCs ? "od roku 2019 do roku 2001" : ""}
22575
22576 <span>(${sumCounstYeas(data201902000Year)}) ${infopNumberYear}</span>
22577
22578</div>
22579
22580<div class="input_wegith" id="year_from_2000" ${
22581      sumCounstYeas(data10002000Year) === 0 ? 'style="display:none;"' : ""
22582    }>
22583
22584${langEn ? "from 2000" : ""}
22585${langPl ? "od 2000 roku do ∞" : ""}
22586${langDe ? "ab 2000" : ""}
22587${langEs ? "desde 2000" : ""}
22588${langCs ? "od roku 2000" : ""}
22589
22590 <span>(${sumCounstYeas(data10002000Year)}) ${infopNumberYear}</span>
22591
22592</div>
22593
22594
22595</div>
22596</div>
22597
22598</div>
22599
22600 `;
22601
22602    getButtonsFilterData.insertAdjacentHTML("beforebegin", `${textTagsData}`);
22603
22604    function YearMian() {}
22605
22606    function finddata() {
22607      const getNameFilterData = document.querySelectorAll(
22608        "#filter_traits512_content .--name"
22609      );
22610
22611      getNameFilterData.forEach((x) => {
22612        const dateLiczby = parseInt(x.textContent);
22613
22614        if (dateLiczby == 2026) {
22615          document
22616            .querySelector("#year_from_2026")
22617            .classList.add("acrive_date");
22618        }
22619
22620        if (dateLiczby == 2025) {
22621          document
22622            .querySelector("#year_from_2025")
22623            .classList.add("acrive_date");
22624        }
22625
22626        if (dateLiczby == 2023) {
22627          document
22628            .querySelector("#year_from_2023")
22629            .classList.add("acrive_date");
22630        }
22631        if (dateLiczby == 2024) {
22632          document
22633            .querySelector("#year_from_2024")
22634            .classList.add("acrive_date");
22635        }
22636
22637        if (dateLiczby >= 2000 && dateLiczby <= 2023) {
22638          document
22639            .querySelector("#year_from_2020_2023")
22640            .classList.add("acrive_date");
22641        }
22642
22643        if (dateLiczby >= 2001 && dateLiczby <= 2019) {
22644          document
22645            .querySelector("#year_from_2019_2000")
22646            .classList.add("acrive_date");
22647        }
22648
22649        if (dateLiczby <= 2000) {
22650          document
22651            .querySelector("#year_from_2000")
22652            .classList.add("acrive_date");
22653        }
22654      });
22655    }
22656
22657    finddata();
22658
22659    function getInfochcekinput() {
22660      const getNameFilterData = document.querySelectorAll(
22661        "#filter_traits512_content input"
22662      );
22663
22664      getNameFilterData.forEach((x) => {
22665        const chcekdValue = x.value;
22666
22667        if (chcekdValue == "9355" && x.checked == true) {
22668          document.querySelector("#year_from_2026").classList.add("active");
22669        }
22670
22671        if (chcekdValue == "5044" && x.checked == true) {
22672          document.querySelector("#year_from_2025").classList.add("active");
22673        }
22674
22675        if (chcekdValue == "4212" && x.checked == true) {
22676          document.querySelector("#year_from_2024").classList.add("active");
22677        }
22678        if (
22679          ["2663", "3134", "3201"].includes(chcekdValue) &&
22680          x.checked == true
22681        ) {
22682          document
22683            .querySelector("#year_from_2019_2000")
22684            .classList.add("active");
22685        }
22686      });
22687    }
22688
22689    getInfochcekinput();
22690
22691    //waga ----
22692    function getwaga() {
22693      const getButtonsFilterDataWieh = document.querySelector(
22694        "#filter_traits510_expand"
22695      );
22696
22697      const getWagatext = ` 
22698 <div class="data_tags waga_boks_show" id="list_weight"> 
22699    <div class="input_wegith waga_tag_1" id="uncja1000_filter">
22700${langEn ? "1000 g" : ""}
22701${langPl ? "1000 g" : ""}
22702${langDe ? "1000 g" : ""}
22703${langEs ? "1000 g" : ""}
22704${langCs ? "1000 g" : ""}
22705
22706</div>
22707
22708
22709
22710<div class="input_wegith waga_tag_1" id="uncja5_filter">
22711${langEn ? "5 oz" : ""}
22712${langPl ? "5 uncji" : ""}
22713${langDe ? "5 Unzen" : ""}
22714${langEs ? "5 onzas" : ""}
22715${langCs ? "5 uncí" : ""}
22716
22717</div>
22718
22719<div class=" input_wegith waga_tag_2" id="uncja3_filter">
22720${langEn ? "3 oz" : ""}
22721${langPl ? "3 uncje" : ""}
22722${langDe ? "3 Unzen" : ""}
22723${langEs ? "3 onzas" : ""}
22724${langCs ? "3 uncí" : ""}
22725
22726</div>
22727
22728
22729
22730<div class=" input_wegith waga_tag_2" id="uncja62_filter">
22731${langEn ? "62,2 g" : ""}
22732${langPl ? "62,2 g" : ""}
22733${langDe ? "62,2 g" : ""}
22734${langEs ? "62,2 g" : ""}
22735${langCs ? "62,2 g" : ""}
22736
22737</div>
22738
22739
22740
22741
22742<div class=" input_wegith waga_tag_2" id="uncja2_filter">
22743${langEn ? "2 oz" : ""}
22744${langPl ? "2 uncje" : ""}
22745${langDe ? "2 Unzen" : ""}
22746${langEs ? "2 onzas" : ""}
22747${langCs ? "2 uncí" : ""}
22748
22749</div>
22750
22751
22752 
22753<div class=" input_wegith waga_tag_3" id="uncja1_filter">
22754${langEn ? "1 oz" : ""}
22755${langPl ? "1 uncja" : ""}
22756${langDe ? "1 unze" : ""}
22757${langEs ? "1 onza" : ""}
22758${langCs ? "1 unce" : ""}
22759</div>
22760
22761
22762<div class=" input_wegith waga_tag_4" id="uncja1_2_filter">
22763${langEn ? "1/2 oz" : ""}
22764${langPl ? "1/2 uncji" : ""}
22765${langDe ? "1/2 unze" : ""}
22766${langEs ? "1/2 onza" : ""}
22767${langCs ? "1/2 unce" : ""}
22768
22769</div>
22770
22771
22772
22773<div class=" input_wegith waga_tag_5" id="uncja1_4_filter">
22774
22775${langEn ? "1/4 oz" : ""}
22776${langPl ? "1/4 uncji" : ""}
22777${langDe ? "1/4 unze" : ""}
22778${langEs ? "1/4 onza" : ""}
22779${langCs ? "1/4 unce" : ""}
22780
22781</div>
22782
22783
22784<div class=" input_wegith waga_tag_6" id="uncja1_10_filter">
22785 
22786${langEn ? "1/10 oz" : ""}
22787${langPl ? "1/10 uncji" : ""}
22788${langDe ? "1/10 unze" : ""}
22789${langEs ? "1/10 onza" : ""}
22790${langCs ? "1/10 unce" : ""} </div>
22791
22792
22793
22794<div class=" input_wegith waga_tag_8" id="gram5_filter">
22795${langEn ? "5gram" : ""}
22796${langPl ? "5g" : ""}
22797${langDe ? "5 gramm" : ""}
22798${langEs ? "5 gramos" : ""}
22799${langCs ? "5g" : ""}
22800</div>
22801
22802
22803
22804<div class=" input_wegith waga_tag_7" id="gram1_filter">
22805
22806${langEn ? "1 gram" : ""}
22807${langPl ? "1g" : ""}
22808${langDe ? "1 gramm" : ""}
22809${langEs ? "1 gramos" : ""}
22810${langCs ? "1g" : ""}
22811</div>
22812
22813
22814
22815<div class=" input_wegith waga_tag_8" id="gram0_5_filter">
22816
22817${langEn ? "0,5gram" : ""}
22818${langPl ? "0,5g" : ""}
22819${langDe ? "0,5 gramm" : ""}
22820${langEs ? "0,5 gramos" : ""}
22821${langCs ? "0,5g" : ""}
22822</div>
22823
22824
22825
22826
22827<button type="submit" class="--submit btn py-0 pl-0 pr-3" id="weightsubmit">
22828 ${langEn ? "Apply" : ""}
22829 ${langPl ? "Zastosuj" : ""}
22830 ${langDe ? "Anwenden" : ""}
22831 ${langEs ? "Aplicar" : ""}
22832 ${langCs ? "Použít" : ""}
22833
22834	</button>
22835
22836
22837</div>
22838
22839
22840
22841`;
22842
22843      // list_weight
22844
22845      getButtonsFilterDataWieh.insertAdjacentHTML(
22846        "beforebegin",
22847        `${getWagatext}`
22848      );
22849
22850      const getNameFilterWagaa = document.querySelectorAll(
22851        "#filter_traits510_content li"
22852      );
22853
22854      if (getNameFilterWagaa == null) {
22855      } else {
22856        const weightMappings = [
22857          {
22858            selector: "#uncja5_filter",
22859            names: ["5 uncji", "5 oz", "5 onzas", "5 Unzen", "5 uncí"]
22860          },
22861          {
22862            selector: "#uncja3_filter",
22863            names: ["3 uncji", "3 oz", "3 onzas", "3 Unzen", "3 uncí"]
22864          },
22865          {
22866            selector: "#uncja2_filter",
22867            names: ["2 uncje", "2 oz", "2 onzas", "2 Unzen", "2 unce"]
22868          },
22869          {
22870            selector: "#uncja62_filter",
22871            names: ["62,2 g"]
22872          },
22873          {
22874            selector: "#uncja1_filter",
22875            names: ["1 uncja", "1 oz", "1 onza", "1 unci", "1 unce"]
22876          },
22877          {
22878            selector: "#uncja1_2_filter",
22879            names: ["1/2 uncji", "1/2 oz", "1/2 onza", "1/2 unce"]
22880          },
22881          {
22882            selector: "#uncja1_4_filter",
22883            names: ["1/4 uncji", "1/4 oz", "1/4 onza", "1/4 unce"]
22884          },
22885          {
22886            selector: "#uncja1_10_filter",
22887            names: ["1/10 uncji", "1/10 oz", "1/10 de onza"]
22888          },
22889          {
22890            selector: "#gram1_filter",
22891            names: ["1 g", "1 gram", "1g", "1 gramm", "1 gramos"]
22892          },
22893          {
22894            selector: "#gram0_5_filter",
22895            names: ["0,5 g", "0,5gram", "0,5g", "0,5 gramm", "0,5 gramos"]
22896          },
22897          {
22898            selector: "#gram5_filter",
22899            names: ["5 g", "5gram", "5g", "5 gramm", "5 gramos"]
22900          },
22901          {
22902            selector: "#uncja1000_filter",
22903            names: ["1000 g", "1000gram", "1000g", "1000 gramm", "1000 gramos"]
22904          }
22905        ];
22906
22907        getNameFilterWagaa.forEach((x) => {
22908          const dateLiczbyWaga = x.querySelector(".--name").textContent.trim();
22909          const dateLiczbyWagaCouts = x
22910            .querySelector(".--quantity")
22911            .textContent.trim();
22912
22913          if (dateLiczbyWagaCouts !== "0") {
22914            const infopNumber = `
22915<span> 
22916(${dateLiczbyWagaCouts})
22917${langEn ? "" : ""}
22918${langPl ? "" : ""}
22919${langDe ? "" : ""}
22920${langEs ? "" : ""}
22921${langCs ? "" : ""}</span>`;
22922
22923            weightMappings.forEach(({ selector, names }) => {
22924              if (names.includes(dateLiczbyWaga)) {
22925                const el = document.querySelector(selector);
22926                if (el) {
22927                  el.classList.add("acrive_date");
22928                  el.innerHTML += infopNumber;
22929                }
22930              }
22931            });
22932          }
22933        });
22934      }
22935
22936      function getInfochcekinput() {
22937        const getNameFilterData = document.querySelectorAll(
22938          "#filter_traits510_content input"
22939        );
22940
22941        getNameFilterData.forEach((x) => {
22942          const valueToSelector = {
22943            481: "#uncja1_filter",
22944            580: "#uncja2_filter",
22945            585: "#uncja3_filter",
22946            1480: "#uncja62_filter",
22947            630: "#uncja1000_filter",
22948            906: "#uncja1_2_filter",
22949            485: "#uncja1_4_filter",
22950            483: "#uncja1_10_filter",
22951            713: "#gram0_5_filter",
22952            19: "#gram1_filter"
22953          };
22954
22955          const chcekdValue = x.value;
22956
22957          if (x.checked && valueToSelector[chcekdValue]) {
22958            const el = document.querySelector(valueToSelector[chcekdValue]);
22959            if (el) el.classList.add("active");
22960          }
22961        });
22962      }
22963
22964      getInfochcekinput();
22965    }
22966
22967    getwaga();
22968  }
22969</script>
22969
22970
22971<script>
22972  // waga_dwa
22973  let DataWagi015g = [];
22974  let DataWagi1630g = [];
22975
22976  let DataWagi2831g = [];
22977
22978  let DataWagi3060g = [];
22979  let DataWagi60upg = [];
22980
22981  function getWeightfilterSearcha(dataWeght, weigh_min, weigh_max) {
22982    const getdataNameWagadvi = document.querySelectorAll(
22983      "#filter_traits510_content .filters__item"
22984    );
22985
22986    const itemArrayWaga = Array.from(getdataNameWagadvi).filter((item) => {
22987      const quantityElement = item.querySelector(".--name");
22988      return quantityElement;
22989    });
22990
22991    const filteredItems = itemArrayWaga.filter((item) => {
22992      const weightText = item.querySelector(".--name").innerText;
22993      const YearValue = parseWeight(weightText);
22994      return YearValue >= weigh_min && YearValue <= weigh_max;
22995    });
22996
22997    filteredItems.forEach((item) => {
22998      dataWeght.push({
22999        value: item.querySelector("input").value,
23000        counst: item.querySelector(".--quantity").innerText
23001      });
23002    });
23003  }
23004
23005  function sumCounst(dataArray) {
23006    return dataArray.reduce((sum, item) => {
23007      let value = parseFloat(
23008        String(item.counst).replace(",", ".").replace(/\s/g, "")
23009      );
23010      return sum + (isNaN(value) ? 0 : value);
23011    }, 0);
23012  }
23013
23014  getWeightfilterSearcha(DataWagi015g, 0, 15);
23015  getWeightfilterSearcha(DataWagi1630g, 16, 27);
23016
23017  getWeightfilterSearcha(DataWagi2831g, 28, 31);
23018
23019  getWeightfilterSearcha(DataWagi3060g, 31, 60);
23020  getWeightfilterSearcha(DataWagi60upg, 60, 100000);
23021
23022  document
23023    .querySelectorAll("#filter_traits510_content .filters__item input")
23024    .forEach((x) => {
23025      if (DataWagi015g.some((item) => item.value === x.value)) {
23026        x.parentElement.parentElement.classList.add("weight_0_15");
23027        // x.parentElement.parentElement.style.backgroundColor = '#FDFDFD';
23028      }
23029
23030      if (DataWagi1630g.some((item) => item.value === x.value)) {
23031        x.parentElement.parentElement.classList.add("weight_15_30");
23032        // x.parentElement.parentElement.style.backgroundColor = '#FBFBFB';
23033      }
23034
23035      if (DataWagi2831g.some((item) => item.value === x.value)) {
23036        x.parentElement.parentElement.classList.add("weight_28_31");
23037        // x.parentElement.parentElement.style.backgroundColor = '#FBFBFB';
23038      }
23039
23040      if (DataWagi3060g.some((item) => item.value === x.value)) {
23041        x.parentElement.parentElement.classList.add("weight_30_60");
23042        // x.parentElement.parentElement.style.backgroundColor = '#F8F8F8';
23043      }
23044
23045      if (DataWagi60upg.some((item) => item.value === x.value)) {
23046        x.parentElement.parentElement.classList.add("weight_60up");
23047        // x.parentElement.parentElement.style.backgroundColor = '#F6F6F6';
23048      }
23049    });
23050
23051  //szukaj
23052
23053  const infopNumbera = `<span> 
23054 
23055${langEn ? "" : ""}
23056${langPl ? "" : ""}
23057${langDe ? "" : ""}
23058${langEs ? "" : ""}
23059${langCs ? "" : ""}</span>`;
23060
23061  if (document.querySelector("#container").classList.contains("search_page")) {
23062    const buttonMainSearchwaga = document.querySelector(".waga_boks_show");
23063
23064    buttonMainSearchwaga.insertAdjacentHTML(
23065      "afterend",
23066      `
23067<div id="filters_content_add" style="display:none">
23068
23069<input type="text" id="myInputseacrch" onkeyup="searchwagan(getDiva, divsearch, diva)"placeholder="${
23070        langPl ? "Szukaj wagi, uncji lub gram" : ""
23071      }${langEn ? "Search for weight, ounces or grams" : ""}
23072${langDe ? "Suche nach Gewicht, Unzen oder Gramm" : ""}
23073${langEs ? "Buscar por peso, onzas o gramos" : ""}
23074${langCs ? "Hledání hmotnosti, uncí nebo gramů" : ""}
23075" >
23076
23077
23078
23079<div class="tags_waga_range" style="margin-bottom: 10px;">
23080<div class="subtititle_filter" id="rage_weight">
23081${langEn ? "Sort weight range" : ""}
23082${langPl ? "Sortuj zakres wag" : ""}
23083${langDe ? "Gewichtsbereich sortieren" : ""}
23084${langEs ? "Ordenar rango de peso" : ""}
23085${langCs ? "Třídit rozsah hmotnosti" : ""}
23086
23087</div>
23088
23089
23090<div id="regange_weight">
23091<div class="input_wegith" id="from_0_15g" ${
23092        sumCounst(DataWagi015g) === 0 ? 'style="display:none;"' : ""
23093      }> 
230940g - 15g <span>(${sumCounst(DataWagi015g)}) ${infopNumbera}</span></div>
23095
23096
23097<div class="input_wegith" id="from_15_35g" ${
23098        sumCounst(DataWagi1630g) === 0 ? 'style="display:none;"' : ""
23099      }> 
23100
2310116g - 27g
23102 <span>(${sumCounst(DataWagi1630g)})${infopNumbera}</span> 
23103</div>
23104 
23105<div class="input_wegith" id="from_1_ucnaja" ${
23106        sumCounst(DataWagi2831g) === 0 ? 'style="display:none;"' : ""
23107      }> 
23108
231091 ${langEn ? "ounce" : ""}
23110${langPl ? "uncja" : ""}
23111${langDe ? "Unze" : ""}
23112${langEs ? "onza" : ""}
23113${langCs ? "unce" : ""}
23114
23115 <span>(${sumCounst(DataWagi2831g)})${infopNumbera}</span> 
23116</div>
23117
23118
23119
23120
23121
23122<div class="input_wegith" id="from_30_60g" ${
23123        sumCounst(DataWagi3060g) === 0 ? 'style="display:none;"' : ""
23124      }> 30g - 2 
23125
23126${langEn ? "ounces" : ""}
23127${langPl ? "uncje" : ""}
23128${langDe ? "Unzen" : ""}
23129${langEs ? "onzas" : ""}
23130${langCs ? "unce" : ""}
23131 <span>(${sumCounst(DataWagi3060g)}) ${infopNumbera}</span>
23132</div>
23133 
23134<div class="input_wegith" id="from_60gup" ${
23135        sumCounst(DataWagi60upg) === 0 ? 'style="display:none;"' : ""
23136      }>
2313760g - ∞
23138
23139<span>(${sumCounst(DataWagi60upg)}) ${infopNumbera}</span>
23140
23141</div>
23142
23143
23144
23145</div>
23146</div>
23147
23148</div>
23149
23150</div>
23151
23152
23153`
23154    );
23155  }
23156
23157  if (document.querySelector("#container").classList.contains("search_page")) {
23158    document
23159      .querySelector("#rage_weight")
23160      .addEventListener("click", function () {
23161        document.querySelector("#regange_weight").classList.toggle("active");
23162        this.classList.toggle("active");
23163      });
23164
23165    document
23166      .querySelector("#years_nagege")
23167      .addEventListener("click", function () {
23168        const getYearcontentDIV = document.querySelector("#years_content");
23169
23170        getYearcontentDIV.style.display =
23171          getYearcontentDIV.style.display === "block" ? "none" : "block";
23172      });
23173
23174    document
23175      .querySelector("#myInputseacrch")
23176      .addEventListener("click", function () {
23177        const gettableWeight = document.querySelector(".tags_waga_range");
23178
23179        // gettableWeight.style.display = 'none'
23180
23181        if (gettableWeight.style.display === "none") {
23182          gettableWeight.style.display = "block";
23183        } else {
23184          gettableWeight.style.display = "none";
23185        }
23186      });
23187
23188    const buttonMainSearchMennica = document.querySelector(
23189      "#filter_traits304_expand"
23190    );
23191    buttonMainSearchMennica.insertAdjacentHTML(
23192      "afterbegin",
23193      `
23194 <input type="text" id="myInputseacrchMennica"class="seachFiltersMY" onkeyup="searchwagan(getDivaMennica, divsearchMennica, divaMennica)" placeholder="${
23195   langEn ? "Search for a mint..." : ""
23196 }${langPl ? "Szukaj mennicy..." : ""}${
23197        langDe ? "Suche nach einer Minze..." : ""
23198      }${langEs ? "Buscar una menta..." : ""}${
23199        langCs ? "Hledat mincovnu..." : ""
23200      }
23201
23202 " >
23203
23204`
23205    );
23206  }
23207
23208  if (document.querySelector("#container").classList.contains("search_page")) {
23209    const buttonMainSearchseria = document.querySelector(
23210      "#filter_series_expand"
23211    );
23212    buttonMainSearchseria.insertAdjacentHTML(
23213      "afterbegin",
23214      `
23215 <input type="text" id="myInputseacrchseria"class="seachFiltersMY" onkeyup="searchwagan(getDivaSeria, divsearchSeria, divaSeria)" placeholder="${
23216   langEn ? "Search for series..." : ""
23217 }
23218${langPl ? "Szukaj seri..." : ""}
23219${langDe ? "Suche nach seriösen..." : ""}
23220${langEs ? "Búsqueda de seri..." : ""}
23221${langCs ? "Vyhledávání seriálů..." : ""}
23222" >
23223
23224`
23225    );
23226  }
23227
23228  const getDiva = "#filter_traits510_content";
23229  const divsearch = "myInputseacrch";
23230  const diva = "filter_traits510_content";
23231
23232  const getDivaMennica = "#filter_traits304_expand";
23233  const divsearchMennica = "myInputseacrchMennica";
23234  const divaMennica = "filter_traits304_content";
23235
23236  //
23237  const getDivaSeria = "#filter_series_expand";
23238  const divsearchSeria = "myInputseacrchseria";
23239  const divaSeria = "filter_series_expand";
23240
23241  function searchwagan(div1, div_search, div3) {
23242    document.querySelector(div1).style.display = "block";
23243
23244    var inputa, filter, table, tr, td, i, txtValue;
23245
23246    inputa = document.getElementById(div_search);
23247    filter = inputa.value.toUpperCase();
23248
23249    table = document.getElementById(div3);
23250    tr = table.getElementsByTagName("label");
23251
23252    for (i = 0; i < tr.length; i++) {
23253      td = tr[i].getElementsByTagName("span")[0];
23254
23255      if (td) {
23256        txtValue = td.textContent || td.innerText;
23257        if (txtValue.toUpperCase().indexOf(filter) > -1) {
23258          tr[i].parentElement.parentElement.style.display = "block";
23259        } else {
23260          tr[i].parentElement.parentElement.style.display = "none";
23261        }
23262      }
23263    }
23264  }
23265</script>
23265
23266
23267<script>
23268  if (document.querySelector("#container").classList.contains("search_page")) {
23269    function removeAllaftreCilc() {
23270      const adavaible = document.querySelectorAll(
23271        "#filter_list .filter_list_content a"
23272      )[1].textContent;
23273
23274      if (document.querySelector("#filter_list") == null) {
23275      } else if (
23276        !adavaible.includes("Dostępność") &&
23277        !adavaible.includes("In stock") &&
23278        !adavaible.includes("Availability") &&
23279        !adavaible.includes("Nowości") &&
23280        !adavaible.includes("Bestseller") &&
23281        !adavaible.includes("Dostępne od ręki")
23282      ) {
23283        // usnowanie listy
23284        document.querySelectorAll(".data_tags").forEach((x) => {
23285          x.remove();
23286          x.classList.add("hide");
23287        });
23288
23289        document.querySelectorAll(".filters__block").forEach((x) => {
23290          const getfilter = x.querySelectorAll(".f-group");
23291
23292          if (getfilter.length == 0) {
23293            x.classList.add("--hidden");
23294
23295            x.remove();
23296          } else {
23297            x.classList.remove("--hidden");
23298          }
23299        });
23300
23301        // pokazywanie wsyzsktieog
23302
23303        const getallshowlifilters = document.querySelectorAll(
23304          ".filters__content.--list"
23305        );
23306        getallshowlifilters.forEach((x) => {
23307          x.classList.add("--shown");
23308        });
23309
23310        const getallshowlifiltersBNT = document.querySelectorAll(
23311          ".--show-hidden .--show"
23312        );
23313        getallshowlifiltersBNT.forEach((x) => {
23314          x.remove();
23315        });
23316      }
23317    }
23318
23319    function checkboxk() {
23320      document.querySelectorAll(".f-control").forEach((x) => {
23321        x.addEventListener("click", () => {
23322          if (x.checked == true) {
23323            document
23324              .querySelector(".btn.--large.--solid.d-block")
23325              .classList.add("active_chekc_bnt");
23326          }
23327        });
23328      });
23329    }
23330
23331    window.addEventListener("DOMContentLoaded", checkboxk);
23332    window.addEventListener("scroll", checkboxk);
23333
23334    document.querySelectorAll(".--show-hidden .--show").forEach((x) => {
23335      x.innerHTML = `${langEn ? "Show more" : ""}
23336${langPl ? "Pokaż więcej" : ""}
23337${langDe ? "Mehr anzeigen" : ""}
23338${langEs ? "Ver más" : ""}
23339${langCs ? "Zobrazit více" : ""}
23340`;
23341    });
23342
23343    function removeAllfiltes() {
23344      const tablicadiv = [
23345        "#filter_traits69_content",
23346        "#filter_traits510_content",
23347        "#filter_traits512_content"
23348      ];
23349
23350      tablicadiv.forEach((x) => {
23351        if (document.querySelector(x) !== null) {
23352          const tablicadivLI = [
23353            "#filter_traits69_content li",
23354            "#filter_traits510_content li",
23355            "#filter_traits512_content li"
23356          ];
23357
23358          tablicadivLI.forEach((li) => {
23359            document.querySelectorAll(li).forEach((x, ind) => {
23360              if (document.querySelectorAll(li).length > 5) {
23361                x.classList.add("--hidden");
23362              } else {
23363                x.classList.remove("--hidden");
23364              }
23365            });
23366          });
23367        }
23368      });
23369    }
23370
23371    removeAllfiltes();
23372
23373    function clickusunfiltry() {
23374      if (document.querySelector("#filter_list") == null) {
23375      } else {
23376      }
23377    }
23378  }
23379</script>
23379
23380
23381<script>
23382  if (document.querySelector("#container").classList.contains("search_page")) {
23383    /// heady dodanie
23384
23385    document.querySelector("#filter_traits69_input").insertAdjacentHTML(
23386      "beforebegin",
23387      `<p class="head_filter">
23388${langEn ? "Appearance of the asset" : ""}
23389${langPl ? "Wygląd waloru" : ""}
23390${langDe ? "Erscheinungsbild des Vermögenswertes" : ""}
23391${langEs ? "Aspecto del activo" : ""}
23392${langCs ? "Vzhled aktiva" : ""}
23393
23394 </p>`
23395    );
23396
23397    document.querySelector("#filter_traits304_input").insertAdjacentHTML(
23398      "beforebegin",
23399      `<p class="head_filter">${langEn ? "Origin of the asset" : ""}
23400${langPl ? "Pochodzenie waloru" : ""}
23401${langDe ? "Herkunft des Vermögenswerts" : ""}
23402${langEs ? "Origen del activo" : ""}
23403${langCs ? "Původ aktiva" : ""}
23404
23405 </p>`
23406    );
23407
23408    document.querySelector("#filter_traits4582_input").insertAdjacentHTML(
23409      "beforebegin",
23410      `<p class="head_filter">${langEn ? "Quantity/value of the asset" : ""}
23411${langPl ? "Ilość/cena waloru" : ""}
23412${langDe ? "Menge/Wert des Vermögenswerts" : ""}
23413${langEs ? "Cantidad/valor del activo" : ""}
23414${langCs ? "Množství/hodnota aktiva" : ""}
23415</p>`
23416    );
23417  }
23418</script>
23418
23419
23420<script>
23421  if (document.querySelector("#container").classList.contains("search_page")) {
23422    function removefiltersa() {
23423      const removeFilters = document.querySelectorAll(
23424        "#Filters .--quantity.d-none"
23425      );
23426
23427      removeFilters.forEach((x) => {
23428        const getli = document.getElementsByTagName(" li");
23429
23430        x.style.padding = "0px";
23431
23432        x.parentElement.parentElement.remove();
23433      });
23434    }
23435
23436    removefiltersa();
23437
23438    window.addEventListener("Load", function () {
23439      removeFiltersa();
23440    });
23441
23442    function getFiltersMore(DIV, text, btn) {
23443      const getMorebaners = document.querySelector(DIV);
23444
23445      if (!getMorebaners) return;
23446
23447      getMorebaners.insertAdjacentHTML(
23448        "afterend",
23449        `
23450<div id="${btn}" style="display:flex;align-items: center;">
23451
23452${text}</div>
23453`
23454      );
23455
23456      // <img src="https://www.metalelokacyjne.pl/data/include/cms/mme/icons/waga.svg?v=1757070745500" alt="" style="width:32px">
23457
23458      const getButonn = document.getElementById(btn);
23459
23460      if (!getButonn) return;
23461
23462      getButonn.addEventListener("click", function () {
23463        getMorebaners.classList.toggle("acrive_class_waga");
23464
23465        const getnameTxt = document.querySelector("#more_reads_info_filtres");
23466
23467        // getnameTxt.innerHTML = ` ${langEn ? "Hide weight" : ""}
23468        // ${langPl ? "Ukryj wagę" : ""}
23469        // ${langDe ? "Gewicht ausblenden" : ""}
23470        // ${langEs ? "Ocultar peso" : ""}
23471        // ${langCs ? "Skrýt váhu" : ""}`
23472
23473        if (
23474          document
23475            .querySelector("#filter_traits510_content")
23476            .classList.contains("acrive_class_waga")
23477        ) {
23478          getnameTxt.innerHTML = ` ${langEn ? "Hide weight" : ""}
23479    ${langPl ? "Ukryj wagę" : ""}
23480    ${langDe ? "Gewicht ausblenden" : ""}
23481    ${langEs ? "Ocultar peso" : ""}
23482    ${langCs ? "Skrýt váhu" : ""}`;
23483        } else {
23484          getnameTxt.innerHTML = `${langEn ? "See all weights" : ""}
23485${langPl ? "Zobacz wszystkie wagi" : ""}
23486${langDe ? "Alle Gewichte anzeigen" : ""}
23487${langEs ? "Ver todos los pesos" : ""}
23488${langCs ? "Zobrazit všechny váhy" : ""}`;
23489        }
23490
23491        const filtersWeightContent = document.querySelector(
23492          "#filtersweight_content"
23493        );
23494
23495        if (filtersWeightContent) {
23496          filtersWeightContent.classList.add("active_small_fitlee");
23497        }
23498
23499        const getNamebutton = getButonn.textContent.trim();
23500        const hideWeightText = [
23501          langEn ? "Hide weight" : "",
23502          langPl ? "Ukryj wagę" : "",
23503          langDe ? "Gewicht ausblenden" : "",
23504          langEs ? "Ocultar peso" : "",
23505          langCs ? "Skrýt váhu" : ""
23506        ]
23507          .filter(Boolean)
23508          .join("");
23509
23510        document.querySelector("#filters_content_add").style.display = "block";
23511
23512        if (getNamebutton === text.replace(/\s+/g, "").trim()) {
23513          getButonn.textContent = hideWeightText;
23514        } else if (
23515          getNamebutton === hideWeightText.replace(/\s+/g, "").trim()
23516        ) {
23517          getButonn.textContent = text;
23518        }
23519      });
23520    }
23521
23522    /// now
23523    getFiltersMore(
23524      "#filter_traits510_content",
23525      `${langEn ? "See all weights" : ""}
23526${langPl ? "Zobacz wszystkie wagi" : ""}
23527${langDe ? "Alle Gewichte anzeigen" : ""}
23528${langEs ? "Ver todos los pesos" : ""}
23529${langCs ? "Zobrazit všechny váhy" : ""}`,
23530      "more_reads_info_filtres"
23531    );
23532
23533    function getYearbtuion() {
23534      const seeAllYearsText = [
23535        langEn ? "See all years" : "",
23536        langPl ? "Zobacz wszystkie lata" : "",
23537        langDe ? "Alle Jahre anzeigen" : "",
23538        langEs ? "Ver todos los años" : "",
23539        langCs ? "Zobrazit všechny roky" : ""
23540      ]
23541        .filter(Boolean)
23542        .join("");
23543
23544      const hideAllYearsText = [
23545        langEn ? "Hide all years" : "",
23546        langPl ? "Ukryj wszystkie lata" : "",
23547        langDe ? "Alle Jahre ausblenden" : "",
23548        langEs ? "Ocultar todos los años" : "",
23549        langCs ? "Skrýt všechny roky" : ""
23550      ]
23551        .filter(Boolean)
23552        .join("");
23553
23554      const getMorebaners = document.querySelector("#filter_traits512_expand");
23555
23556      if (!getMorebaners) return;
23557
23558      getMorebaners.insertAdjacentHTML(
23559        "afterend",
23560        `
23561
23562<div id="btn_yearcontent"style="display:flex;align-items: center;">
23563
23564<div id="btn_year" >
23565${seeAllYearsText}
23566</div>
23567
23568</div>
23569`
23570      );
23571
23572      const getyBtnYear = document.querySelector("#btn_year");
23573
23574      getyBtnYear.addEventListener("click", function () {
23575        document.querySelector("#sorrt_year").style.display = "block";
23576
23577        getMorebaners.classList.toggle("--shown");
23578        document
23579          .querySelector("#filter_traits512_content")
23580          .classList.toggle("--shown");
23581
23582        const gtexttext = getyBtnYear.textContent.replace(/\s+/g, "").trim();
23583        const seeAllYearsTextNoSpace = seeAllYearsText
23584          .replace(/\s+/g, "")
23585          .trim();
23586
23587        if (gtexttext === seeAllYearsTextNoSpace) {
23588          getyBtnYear.textContent = `
23589${hideAllYearsText}
23590`;
23591        } else {
23592          getyBtnYear.textContent = `${seeAllYearsText}
23593`;
23594        }
23595      });
23596    }
23597
23598    getYearbtuion();
23599  }
23600</script>
23600
23601
23602<script>
23603  if (document.querySelector("#container").classList.contains("search_page")) {
23604    document.querySelector(".filters__price").addEventListener("click", () => {
23605      document.querySelector(".filters_options button").style.display = "block";
23606    });
23607
23608    function cilkFilteer(ID) {
23609      document
23610        .querySelectorAll("#filter_traits510_content li input")
23611        .forEach((filtesx) => {
23612          const getVatlue = filtesx.value;
23613
23614          if (getVatlue == ID) {
23615            filtesx.click();
23616          }
23617        });
23618    }
23619    const divBtnFiltere = [
23620      {
23621        div: "#uncja1_10_filter",
23622        id: "483"
23623      },
23624      {
23625        div: "#uncja1_filter",
23626        id: "481"
23627      },
23628
23629      {
23630        div: "#uncja1_4_filter",
23631        id: "485"
23632      },
23633
23634      {
23635        div: "#uncja1_2_filter",
23636        id: "906"
23637      },
23638      {
23639        div: "#uncja2_filter",
23640        id: "580"
23641      },
23642
23643      {
23644        div: "#uncja3_filter",
23645        id: "585"
23646      },
23647
23648      {
23649        div: "#uncja1000_filter",
23650        id: "630"
23651      },
23652
23653      {
23654        div: "#uncja62_filter",
23655        id: "1480"
23656      },
23657
23658      {
23659        div: "#uncja5_filter",
23660        id: "929"
23661      },
23662      {
23663        div: "#gram5_filter",
23664        id: "640"
23665      },
23666
23667      {
23668        div: "#gram1_filter",
23669        id: "19"
23670      },
23671
23672      {
23673        div: "#gram0_5_filter",
23674        id: "713"
23675      }
23676    ];
23677
23678    divBtnFiltere.forEach((selector) => {
23679      const btn = document.querySelector(selector.div);
23680      if (btn) {
23681        btn.addEventListener("click", function () {
23682          document.querySelector("#weightsubmit").classList.toggle("active");
23683          cilkFilteer(selector.id);
23684          this.classList.toggle("active");
23685        });
23686      }
23687    });
23688
23689    let DataWagiSortsFiters = [];
23690
23691    function getWeightfilterSearch(weigh_min, weigh_max) {
23692      DataWagiSortsFiters = []; ///redude
23693      const getdataNameWagadvi = document.querySelectorAll(
23694        "#filter_traits510_content .filters__item"
23695      );
23696
23697      const itemArrayWaga = Array.from(getdataNameWagadvi).filter((item) => {
23698        const quantityElement = item.querySelector(".--name");
23699        return quantityElement;
23700      });
23701
23702      const filteredItems = itemArrayWaga.filter((item) => {
23703        const weightText = item.querySelector(".--name").innerText;
23704        const YearValue = parseWeight(weightText);
23705        return YearValue >= weigh_min && YearValue <= weigh_max;
23706      });
23707
23708      filteredItems.forEach((item) => {
23709        DataWagiSortsFiters.push(item.querySelector("input").value);
23710      });
23711    }
23712
23713    getWeightfilterSearch(20, 30);
23714
23715    function getAllewiegiht() {
23716      document
23717        .querySelectorAll("#filter_traits510_content li input")
23718        .forEach((filtesx) => {
23719          // filtesx.click()
23720
23721          const getVatlue = filtesx.value;
23722
23723          if (DataWagiSortsFiters.includes(getVatlue)) {
23724            filtesx.click();
23725            filtesx.parentElement.parentElement.classList.toggle(
23726              "activeFilters"
23727            );
23728          }
23729        });
23730    }
23731
23732    function getweightRage(Div, min_rage, max_ragnge) {
23733      document.querySelector(Div).addEventListener("click", function () {
23734        document.querySelector("#weightsubmit").classList.toggle("active");
23735
23736        getWeightfilterSearch(min_rage, max_ragnge);
23737
23738        getAllewiegiht();
23739        this.classList.toggle("active");
23740
23741        document
23742          .querySelector("#filtersweight_content")
23743          .classList.add("active_small_fitlee");
23744      });
23745    }
23746
23747    getweightRage("#from_60gup", 61, 10000);
23748    getweightRage("#from_30_60g", 30, 60);
23749    getweightRage("#from_1_ucnaja", 28, 31);
23750
23751    getweightRage("#from_15_35g", 16, 27);
23752    getweightRage("#from_0_15g", 0, 15);
23753
23754    /// msalla_price
23755
23756    ///////
23757    /// rok
23758
23759    let dataYear = [];
23760
23761    function yearFilters(minYear, maxYear) {
23762      dataYear = []; // Clear previous results
23763
23764      const getdataNameWagadvi = document.querySelectorAll(
23765        "#filter_traits512_content .filters__item"
23766      );
23767
23768      const itemArrayWaga = Array.from(getdataNameWagadvi).filter((item) => {
23769        const quantityElement = item.querySelector(".--name");
23770        return quantityElement;
23771      });
23772
23773      const filteredItems = itemArrayWaga.filter((item) => {
23774        const weightText = item.querySelector(".--name").innerText;
23775        const YearValue = parseInt(weightText);
23776        return YearValue >= minYear && YearValue <= maxYear;
23777      });
23778
23779      filteredItems.forEach((item) => {
23780        dataYear.push(item.querySelector("input").value);
23781      });
23782    }
23783
23784    function getAlleFiltersYear(yearArray) {
23785      document
23786        .querySelectorAll("#filter_traits512_content li input")
23787        .forEach((filtesx) => {
23788          const getVatlue = filtesx.value;
23789
23790          if (yearArray.includes(getVatlue)) {
23791            filtesx.click();
23792          }
23793        });
23794    }
23795
23796    function starYear(div, rage_min, rage_max) {
23797      document.querySelector(div).addEventListener("click", function () {
23798        yearFilters(rage_min, rage_max);
23799        getAlleFiltersYear(dataYear);
23800        this.classList.toggle("active");
23801      });
23802    }
23803
23804    starYear("#year_from_2026", 2026, 2026);
23805    starYear("#year_from_2025", 2025, 2025);
23806    starYear("#year_from_2024", 2024, 2024);
23807    starYear("#year_from_2023", 2023, 2023);
23808
23809    starYear("#year_from_2020_2023", 2020, 2023);
23810    starYear("#year_from_2019_2000", 2001, 2019);
23811    starYear("#year_from_2000", 1000, 2000);
23812
23813    function difrestsYear() {
23814      const infopNumberYear = `<span> 
23815 
23816${langEn ? "" : ""}
23817${langPl ? "" : ""}
23818${langDe ? "" : ""}
23819${langEs ? "" : ""}
23820${langCs ? "" : ""}</span>`;
23821
23822      document
23823        .querySelectorAll("#filter_traits512_content input")
23824        .forEach((x) => {
23825          const getQucen =
23826            x.parentElement.querySelector(".--quantity").innerHTML;
23827
23828          const getValue = x.value;
23829
23830          if (getValue == 1131) {
23831            const getButtonRozneRocznik =
23832              document.querySelector("#difrent_year");
23833            getButtonRozneRocznik.style.display = "flex";
23834
23835            document.querySelector("#difrent_year").innerHTML = `
23836${langEn ? "Random Years" : ""}
23837${langPl ? "Różne roczniki" : ""}
23838${langDe ? "Verschiedene Jahrgänge" : ""}
23839${langEs ? "Varios años" : ""}
23840${langCs ? "Různé ročníky" : ""} <span>(${getQucen}) ${infopNumberYear}</span>`;
23841
23842            getButtonRozneRocznik.addEventListener("click", function () {
23843              getButtonRozneRocznik.classList.toggle("active");
23844              x.click();
23845            });
23846          }
23847        });
23848    }
23849
23850    difrestsYear();
23851  }
23852</script>
23852
23853
23854<style>
23855  #rage_weight {
23856    cursor: pointer;
23857    margin-bottom: 10px;
23858    position: relative;
23859  }
23860
23861  #regange_weight {
23862    display: none;
23863  }
23864
23865  #regange_weight.active {
23866    display: block;
23867    border-bottom: solid 1px #ccc;
23868  }
23869
23870  .subtititle_filter {
23871    font-size: 12px;
23872    margin-left: 10px;
23873    font-weight: bold;
23874    color: var(--maincolor) !important;
23875    cursor: pointer;
23876    padding: 10px 20px;
23877    position: relative;
23878    border-top: solid 1px #cccccc3b;
23879    border-bottom: solid 1px #cccccc3b;
23880    background: #fff;
23881
23882    &:hover {
23883      background: var(--twocolor);
23884    }
23885
23886    &:before {
23887      font-family: FontAwesome;
23888      content: "\F106";
23889      right: 14px;
23890      top: 10px;
23891      z-index: 999;
23892      font-size: 12px;
23893      transform: rotate(-180deg);
23894      -webkit-transform: rotate(-180deg);
23895      display: block;
23896      width: 15px;
23897      filter: brightness(0) saturate(100%) invert(28%) sepia(15%) saturate(765%)
23898        hue-rotate(176deg) brightness(91%) contrast(88%);
23899      position: absolute;
23900      top: 0px;
23901      right: 130px;
23902    }
23903
23904    &.active {
23905      background: var(--twocolor);
23906      &:before {
23907        transform: rotate(0deg);
23908        -webkit-transform: rotate(0deg);
23909      }
23910    }
23911  }
23912</style>
23913
23914<script>
23915  /* Pobierz URL strony */
23916  const gethrefSerach = window.location.href;
23917
23918  if (gethrefSerach.includes("-2358") || gethrefSerach.includes("-503.html")) {
23919    document
23920      .querySelector(".data_tags.waga_boks_show")
23921      .style.setProperty("display", "none", "important");
23922    document.querySelector("#filters_content_add").style.display = "block";
23923    document.querySelector("#filtersweight_content").style.display = "block";
23924    document.querySelector("#filter_traits510_content").style.display = "block";
23925    document
23926      .querySelector("#filter_traits510_content")
23927      .classList.add("acrive_class_waga");
23928
23929    document.querySelector("#more_reads_info_filtres").style.display = "none";
23930    document.querySelector(
23931      "body #filter_traits510_content .filters__item.--hidden"
23932    ).style.display = "block";
23933  }
23934</script>
23934
23935
23936<script>
23937  if (document.querySelector("#container").classList.contains("search_page")) {
23938    document
23939      .querySelectorAll(".btn.--icon-right")[3]
23940      .addEventListener("click", function () {
23941        this.classList.toggle("active");
23942
23943        document
23944          .querySelector(".data_tags.waga_boks_show")
23945          .classList.toggle("show");
23946      });
23947
23948    document
23949      .querySelectorAll(".btn.--icon-right")[4]
23950      .addEventListener("click", function () {
23951        this.classList.toggle("active");
23952
23953        document
23954          .querySelector(".data_tags.year_box_show")
23955          .classList.toggle("show");
23956      });
23957  }
23958</script>
23958
23959
23960<style>
23961  aside .filters__toggler:not(.--not-expandable) .btn.--icon-right:before {
23962    content: "\f106";
23963    /* right: .5rem; */
23964    top: 0px;
23965    transform: rotate(-180deg);
23966  }
23967
23968  #Filters .data_tags.waga_boks_show {
23969    display: block;
23970  }
23971
23972  #Filters .data_tags.waga_boks_show.show {
23973    display: none !important;
23974  }
23975
23976  #Filters .data_tags.year_box_show.show {
23977    display: none !important;
23978  }
23979</style>
23980
23981<script>
23982  if (document.querySelector("#container").classList.contains("search_page")) {
23983    const getdataNameWagadviaa = document.querySelectorAll(
23984      "#filter_traits512_content li"
23985    );
23986
23987    if (getdataNameWagadviaa.length < 7) {
23988      const yearContenta = document.querySelector("#year_content");
23989
23990      if (yearContenta) {
23991        yearContenta.remove();
23992        document.querySelector("#btn_year").remove();
23993
23994           document.querySelectorAll("#filter_traits512_content li").forEach((x) => {
23995        x.style.display = "block";
23996      });
23997
23998      }
23999    }
24000
24001    // ilość wagi
24002
24003    const getNameFilterWagaaaNumb = document.querySelectorAll(
24004      "#filter_traits510_content li"
24005    ).length;
24006
24007    if (getNameFilterWagaaaNumb < 10) {
24008      document.querySelector("#list_weight").remove();
24009
24010      document.querySelector("#more_reads_info_filtres").remove();
24011
24012      document.querySelector("#filter_traits510_content li").style.display =
24013        "block";  
24014            
24015            
24016        document.querySelector("#filter_traits510_content").style.setProperty("display", "block", "important");
24017
24018
24019
24020        
24021        
24022        document.querySelector("#filter_traits510_expand").style.display =
24023        "block";
24024
24025      document.querySelectorAll("#filter_traits510_expand li").forEach((x) => {
24026        x.style.display = "block";
24027      });
24028    }
24029  }
24030</script>
24030
24031</div><div class="menu_button_wrapper">    <!-- 
24031<script src="https://www.metalelokacyjne.pl/data/include/cms/waluty/waluty.js"></script>
24031 -->
24032    
24032<script src="https://www.metalelokacyjne.pl/data/include/cms/waluty/waluty_data.js?v=1770977474683"></script>
24032
24033</div><div class="menu_button_wrapper"><!-- akcesoria_________________________________________ -->
24034
24035<style>
24036  .projector_details .projector_info__link {
24037    padding-left: 20px;
24038    font-weight: bold !important;
24039    color: var(--darkyello);
24040  }
24041
24042  #projector_delivery_days {
24043    color: var(--darkyello);
24044  }
24045
24046 #projector_producttraitsAk .traits__value {
24047    margin: 10px;
24048    color: var(--darkyello);
24049}
24050
24051  .--status-hide #projector_amount,
24052  .--status-hide #projector_amount span.projector_stocks__info {
24053    color: #870a0a !important;
24054  }
24055
24056  .projector_details .projector_status.--status-hide strong {
24057    color: #870a0a !important;
24058  }
24059
24060  #projector_amount,
24061  #projector_delivery_label {
24062    color: var(--darkyello);
24063  }
24064
24065  .traits__wrapper {
24066    display: none;
24067  }
24068
24069  #projector_producttraitsAk {
24070    display: flex;
24071    gap: 20px;
24072    text-align: center;
24073    position: relative;
24074    top: -12px;
24075    justify-content: center;
24076    margin-bottom: 10px;
24077  }
24078
24079  div.component_projector_cms {
24080    margin-bottom: 0px !important;
24081  }
24082</style>
24083
24084<script>
24085
24086function icony_kserosia() { 
24087  const getakcesorai = document.querySelectorAll("a.dictionary__value_txt")[1];
24088  const akcesroaiArry = "Brit Maple Kookaburra Wiener";
24089
24090  const getnamea = getakcesorai.innerHTML;
24091
24092  const getkapsle = document.querySelector(
24093    ".projector_details__wrapper"
24094  );
24095
24096  function getNameaseriaKaplse(nazawa) {
24097  
24098
24099    if (
24100      getnamea.includes("Brit") ||
24101      getnamea.includes("Maple") ||
24102      getnamea.includes("Wiener") ||
24103      getnamea.includes("Krugerrand") ||
24104      getnamea.includes("American Eagle") ||
24105      getnamea.includes("Bestie Królowej") ||
24106      getnamea.includes("Beasts") ||
24107      getnamea.includes("Kangaroo") ||
24108      getnamea.includes("Kookaburra") ||
24109      getnamea.includes("Ark") ||
24110      getnamea.includes("Panda") 
24111    ) {
24112      const getnameaText = getakcesorai.innerHTML;
24113      return getnameaText.trim();
24114    } else {
24115      getkapsle.insertAdjacentHTML(
24116        "afterbegin",
24117        `<style>.akecsira_boks {display:none} </style>`
24118      );
24119    }
24120    // }
24121
24122    // })
24123  }
24124
24125  // }
24126
24127  const getNameaAkseria_main = getNameaseriaKaplse();
24128
24129  getkapsle.insertAdjacentHTML(
24130    "afterend",
24131    `
24132
24133<div id="projector_producttraitsAk"> 
24134<a class="traits__value akecsira_boks" href="/${langEn ? "en" : "" }${langPl ? "pl" : ""  }${langDe ? "de" :""  }${langCs ? "cs" :""  }${langEs ? "es" : "" }/search.html?text=${getNameaAkseria_main}
24135
24136+akcesoria"><div class="icons_add"><img src="/data/include/cms/metal_market/icon/dodatkowe_produkty/akcesoria.svg?v=1663079976466" alt="kapsle "></div>
24137    
24138     ${langEn ? "Dedicated" : "" }
24139     ${langPl ? "Dedykowane" : ""  }
24140     ${langEs ? "Dedicado" : ""  }
24141     ${langCs ? "Vyhrazené stránky" : ""  }
24142     ${langDe ? "Dediziert" :""  }
24143    </a>
24144
24145
24146<a class="traits__value" href="https://www.metalelokacyjne.pl/pol_m_Produkty_Akcesoria_Kapsle-510.html"><div class="icons_add"><img src="/data/include/cms/metal_market/icon/dodatkowe_produkty/kapsel.svg?v=1663079976466" alt="kapsle "></div>
24147    ${langEn ? "Caps" : "" }
24148    ${langPl ? "Kapsle" : ""  }
24149    ${langCs ? "Kapsle" : ""  }
24150    ${langEs ? "Cápsula" : ""  }
24151    
24152    ${langDe ? "Kappen" :""  }
24153    
24154    </a>
24155
24156
24157
24158<a class="traits__value" href="https://www.metalelokacyjne.pl/pol_m_Produkty_Akcesoria-509.html"><div class="icons_add"><img src="/data/include/cms/metal_market/icon/dodatkowe_produkty/lupy.svg?v=1663079976466" alt="kapsle "></div>
24159    
24160      ${langEn ? " Accessories/accessories" : "" }
24161      ${langPl ? " Akcesoria/dodatki" : ""  }
24162      ${langCs ? " Příslušenství/příslušenství" : ""  }
24163      ${langEs ? "Accesorios/aditivos" : ""  }
24164      
24165      ${langDe ? "Zubehör/Accessoires" :""  }
24166   </a>
24167</div>
24168
24169`
24170  );
24171
24172}
24173
24174icony_kserosia();
24175
24176</script>
24176
24177
24178<!-- 
24178<script>
24179    // baner _przy logo
24180
24181    /*    const blackweekLabel = document.querySelector('#logo');
24182          
24183          blackweekLabel.insertAdjacentHTML ("beforeend", "<div class='black_week_label'><a href='/lng/menu/black-week-2022-2006.html?discount_code=BW2022'><img src='/data/include/cms/black_week_2022/black_week_label.svg?v=1669378544736' style='width:100px'> </a></div>");*/
24184
24185    const title_uslugi = document.querySelectorAll(
24186        ".traits__item.mb-4.d-flex"
24187    )[ 0 ];
24188
24189    title_uslugi.insertAdjacentHTML(
24190        "afterbegin",
24191        "<div class='title_akcesoria'>Opakowania i dodatki </div>"
24192    );
24193
24194    const poliLiczby = document.querySelectorAll( "a.traits__value" );
24195
24196    const petla = Array.from( poliLiczby );
24197
24198    const telatliczba = petla.length;
24199
24200    if ( telatliczba == 3 ) {
24201        const dodatkowe_produkty =
24202            document.querySelectorAll( ".traits__values a" )[ 0 ];
24203
24204        const zminaa = document.querySelector( ".traits__values" );
24205
24206        const claaAdd = document.querySelector( ".traits__values" );
24207
24208        claaAdd.classList.add( "trzy_opakowania" );
24209
24210        dodatkowe_produkty.innerHTML = "Dedykowane";
24211
24212        dodatkowe_produkty.insertAdjacentHTML(
24213            "afterbegin",
24214            "<div class='icons_add'><img src='/data/include/cms/metal_market/icon/dodatkowe_produkty/akcesoria.svg?v=1663079976466'></div>"
24215        );
24216
24217        //
24218        const dodatkowe_produkty2 =
24219            document.querySelectorAll( ".traits__values a" )[ 1 ];
24220        dodatkowe_produkty2.innerHTML = "Kapsle";
24221
24222        dodatkowe_produkty2.insertAdjacentHTML(
24223            "afterbegin",
24224            "<div class='icons_add'><img src='/data/include/cms/metal_market/icon/dodatkowe_produkty/kapsel.svg?v=1663079976466'></div>"
24225        );
24226
24227        ///
24228
24229        const dodatkowe_produkty3 =
24230            document.querySelectorAll( ".traits__values a" )[ 2 ];
24231
24232        dodatkowe_produkty3.innerHTML = "Akcesoria";
24233
24234        dodatkowe_produkty3.href =
24235            "/lng/menu/akcesoria-2076.html";
24236
24237        dodatkowe_produkty3.insertAdjacentHTML(
24238            "afterbegin",
24239            "<div class='icons_add'><img src='/data/include/cms/metal_market/icon/dodatkowe_produkty/lupy.svg?v=1663079976466'></div>"
24240        );
24241    } else {
24242        //
24243        const dodatkowe_produkty22 =
24244            document.querySelectorAll( ".traits__values a" )[ 0 ];
24245        dodatkowe_produkty22.innerHTML = "Kapsle";
24246
24247        dodatkowe_produkty22.insertAdjacentHTML(
24248            "afterbegin",
24249            "<div class='icons_add'><img src='/data/include/cms/metal_market/icon/dodatkowe_produkty/kapsel.svg?v=1663079976466'></div>"
24250        );
24251
24252        ///
24253
24254        const dodatkowe_produkty33 =
24255            document.querySelectorAll( ".traits__values a" )[ 1 ];
24256
24257        dodatkowe_produkty33.innerHTML = "Akcesoria";
24258
24259        dodatkowe_produkty33.href =
24260            "/lng/menu/akcesoria-2076.html";
24261
24262        dodatkowe_produkty33.insertAdjacentHTML(
24263            "afterbegin",
24264            "<div class='icons_add'><img src='/data/include/cms/metal_market/icon/dodatkowe_produkty/lupy.svg?v=1663079976466'></div>"
24265        );
24266    }
24267
24268    /* const treeCheck = document.querySelectorAll(".traits__values a");  
24269          
24270          
24271          treeCheck.forEach (function(index,id){
24272                  
24273              
24274            let liczab= id.toString()
24275              
24276                        console.log(liczab)
24277              
24278              if (liczab==2   ){
24279                 console.log("trzy")
24280                  
24281              }
24282              if (liczab==1) {
24283                  
24284                  console.log("dwa");
24285              }
24286              
24287              
24288                 if (liczab==0) {
24289                  
24290                  console.log("zero");
24291              }
24292              
24293             
24294          });
24295      */
24296
24297    const produkty_dodatkowe = document.querySelectorAll(
24298        ".traits__label.mr-1"
24299    )[ 0 ];
24300
24301    produkty_dodatkowe.textContent = "Produkty dodatkowe";
24302
24303    let akcesoria = document.querySelectorAll(
24304        ".projector_details .projector_status.--status-hide span#projector_amount"
24305    )[ 0 ];
24306    akcesoria.insertAdjacentHTML( "beforeend", " - u dostawcy" );
24307</script>
vendor: 1 bytes, line 24307
24307
24308<script>
24309    const znajdzObejtya = document.querySelectorAll( ".product__name" );
24310
24311    function usunProdukt() {
24312        znajdzObejtya.forEach( function ( index, id ) {
24313            const znajdzTytul = index.querySelectorAll( ".product__name" ).title;
24314
24315            let tytul = index.title;
24316
24317            const uncja = "uncja";
24318
24319            const uncje = "uncje";
24320
24321            const bicie = "BICIE";
24322
24323            const gram = "gram";
24324
24325            const uncji = "uncji";
24326
24327            if (
24328                tytul.includes( uncja ) ||
24329                tytul.includes( uncji ) ||
24330                tytul.includes( gram ) ||
24331                tytul.includes( uncje ) ||
24332                tytul.includes( bicie )
24333            ) {
24334                const listaSpraw = index.parentElement.parentElement;
24335
24336                listaSpraw.remove();
24337            } else {
24338                index.parentElement.parentElement.classList.add( "nie" );
24339            }
24340        } );
24341    }
24342
24343    const akcesoriaStrona = window.location.href;
24344
24345    if (
24346        akcesoriaStrona.includes( "kapsel-39" ) ||
24347        akcesoriaStrona ==
24348        "/lng/parameters/akcesoria-3193.html?counter=1" ||
24349        akcesoriaStrona ==
24350        "/lng/parameters/akcesoria-3193.html#60" ||
24351        akcesoriaStrona ==
24352        "/lng/parameters/kapsel-41-3247.html" ||
24353        akcesoriaStrona.includes( "kapsel-37" ) ||
24354        akcesoriaStrona ==
24355        "/lng/parameters/kapsel-40-3261.html"
24356    ) {
24357        usunProdukt();
24358    }
24359</script>
24359 -->
24360</div><div class="menu_button_wrapper"><style>
24361
24362.img-list {
24363  display: flex;
24364  flex-direction: column;
24365  align-items: center;
24366}
24367.img-wrapper {
24368  width: 300px;
24369  height: 300px;
24370  margin: 20px;
24371}
24372
24373
24374
24375</style>
24376
24377<script> 
24378
24379const lazyImages=document.querySelectorAll(".lazy_my");
24380
24381const options=
24382{
24383    root: null, // Use the viewport as the root
24384        rootMargin: "0px",
24385        threshold: 0.2 // Specify the threshold for intersection
24386}
24387
24388;
24389
24390const handleIntersection=(entries, observer)=>
24391{
24392    entries.forEach((entry)=>
24393        {
24394            
24395            if (entry.isIntersecting)
24396            {
24397                const img=entry.target;
24398                const src=img.getAttribute("data-src");
24399
24400                // Replace the placeholder with the actual image source
24401                img.src=src;
24402
24403                // Stop observing the image
24404                observer.unobserve(img);
24405            }
24406
24407
24408
24409        }
24410    );
24411}
24412
24413;
24414
24415const observer=new IntersectionObserver(handleIntersection, options);
24416
24417lazyImages.forEach((image)=>
24418    {
24419        observer.observe(image);
24420    }
24421);
24422
24423
24424
24425function taka(){
24426
24427
24428    const lazyImages=document.querySelectorAll(".lazy_my");
24429
24430const options=
24431{
24432    root: null, // Use the viewport as the root
24433        rootMargin: "0px",
24434        threshold: 0.2 // Specify the threshold for intersection
24435}
24436
24437;
24438
24439const handleIntersection=(entries, observer)=>
24440{
24441    entries.forEach((entry)=>
24442        {
24443            
24444            if (entry.isIntersecting)
24445            {
24446                const img=entry.target;
24447                const src=img.getAttribute("data-src");
24448
24449                // Replace the placeholder with the actual image source
24450                img.src=src;
24451
24452                // Stop observing the image
24453                observer.unobserve(img);
24454            }
24455
24456
24457
24458        }
24459    );
24460}
24461
24462;
24463
24464const observer=new IntersectionObserver(handleIntersection, options);
24465
24466lazyImages.forEach((image)=>
24467    {
24468        observer.observe(image);
24469    }
24470);
24471}
24472document.addEventListener('DOMContentLoaded', () => {
24473    taka();
24474});
24475
24476 taka();
24477
24478</script>
24478
24479
24480
24481
24482
24483
24484
24485
24486
24487
24488
24489</div><div class="menu_button_wrapper"><style>
24490    .promocja_manin_kafelki {
24491        position: relative;
24492    }
24493
24494    .promotion_percent {
24495        position: absolute;
24496        top: 0px;
24497        right: 0px;
24498        background: #cc0000;
24499        z-index: 99;
24500        border-radius: 100%;
24501        padding: 0px;
24502        color: #fff;
24503        font-weight: bold;
24504        width: 40px;
24505        height: 40px;
24506        padding-top: 0px;
24507        display: flex;
24508        text-align: center;
24509        align-items: center;
24510        justify-content: center;
24511        font-size: 17px;
24512
24513        span {
24514            font-size: 10px;
24515        }
24516
24517    }
24518
24519    #karuzela_promocja {
24520        & .product_right {
24521            .carusel_promotion_a {
24522                display: grid;
24523                gap: 0px;
24524                grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
24525
24526
24527
24528                .moneta_main {
24529                    mix-blend-mode: multiply;
24530                    transform: scale(1);
24531                    transition: 0.5s;
24532
24533                    &:hover {
24534                        transform: scale(1.2);
24535                        transition: 0.5s;
24536                    }
24537                }
24538
24539                /* filter: contrast(1.05) saturate(1.1); */
24540            }
24541        }
24542    }
24543
24544    @media (max-width: 728px) {
24545        #karuzela_promocja {
24546            & .product_right {
24547                .carusel_promotion_a {
24548                    display: flex;
24549                    overflow-x: auto;
24550                    scroll-snap-type: x mandatory;
24551                    gap: 10px;
24552                    padding: 10px 0;
24553                }
24554
24555                .carusel_promotion_a>* {
24556                    flex: 0 0 180px;
24557                    scroll-snap-align: start;
24558                }
24559            }
24560        }
24561    }
24562</style>
24563
24564<script>
24565
24566
24567
24568    // ------------------------------------------------------------------
24569    //  SREBRO: baza wlasna window.__bazaSilveroz = { silveroz_new: [...], updated }
24570    //  Scrapujemy listing "Monety Srebrne" (same-origin) i to jest ZRODLO dla renderera.
24571    //  Dodatkowo mostkujemy do window.IDS.silveroz i POST-ujemy do save_available_ids.php.
24572    // ------------------------------------------------------------------
24573    window.__idsExternalFetch = window.__idsExternalFetch || {};
24574
24575    // localStorage dla LIST ID (silveroz_new + goldozdwa). Raz zaladowane -> lezy tu przez 1h.
24576    var __IDS_CACHE_KEY = "mll_ids_cache_v1";
24577    var __IDS_CACHE_TTL_MS = 60 * 60 * 1000; // 1 h
24578
24579    var __SILVER_CATEGORY_URL =
24580        "/pol_m_Produkty_Monety_Srebrne-502.html" +
24581        "?filter_traits%5B4779%5D=&filter_traits%5B1%5D=&filter_traits%5B512%5D=" +
24582        "&filter_traits%5B510%5D=481&filter_traits%5B4582%5D=&filter_pricerange=" +
24583        "&filter_traits%5B304%5D=&filter_availability=y#p";
24584    var __SILVER_SAVE_ENDPOINT = "https://australianemu.com/chcek_produkt/save_available_ids.php";
24585    var __SILVER_MAX_IDS = 14;
24586
24587    function __extractSilverIds(html) {
24588        var ids = [];
24589        var seen = new Set();
24590        function push(id) {
24591            if (id && !seen.has(id) && ids.length < __SILVER_MAX_IDS) { seen.add(id); ids.push(id); }
24592        }
24593        // 1) DOM, z pominieciem ceny telefonicznej
24594        try {
24595            var doc = new DOMParser().parseFromString(html, "text/html");
24596            var tiles = doc.querySelectorAll("#search .product, .products .product, .product, .product-tile, li.product");
24597            for (var i = 0; i < tiles.length && ids.length < __SILVER_MAX_IDS; i++) {
24598                if (tiles[i].querySelector(".price.--phone")) continue;
24599                var a = tiles[i].querySelector('a[href*="/product-pol-"], a[href*="/products/"]');
24600                var href = (a && a.getAttribute("href")) || "";
24601                var m = href.match(/\/product-pol-(\d+)/) || href.match(/-(\d+)(?:[/?#].*)?$/);
24602                if (m) push(m[1]);
24603            }
24604            if (ids.length) return ids;
24605        } catch (e) { /* fallback nizej */ }
24606        // 2) goly regex - oba formaty URL
24607        var patterns = [/\/product-pol-(\d+)/g, /\/products\/[a-z0-9-]+?-(\d+)(?=[/?"'\s#]|$)/gi];
24608        for (var p = 0; p < patterns.length; p++) {
24609            var re = patterns[p], mm;
24610            while ((mm = re.exec(html)) !== null && ids.length < __SILVER_MAX_IDS) push(mm[1]);
24611            if (ids.length >= __SILVER_MAX_IDS) break;
24612        }
24613        return ids;
24614    }
24615
24616    var __SILVER_MAX_ATTEMPTS = 3;
24617
24618    function __buildBazaSilveroz(attempt) {
24619        attempt = attempt || 1;
24620        return fetch(__SILVER_CATEGORY_URL, { credentials: "same-origin", cache: "no-store" })
24621            .then(function (r) { if (!r.ok) throw new Error("listing HTTP " + r.status); return r.text(); })
24622            .then(function (html) {
24623                var silveroz_new = __extractSilverIds(html);
24624                if (!silveroz_new.length) throw new Error("0 ID w listingu srebra");
24625
24626                window.__bazaSilveroz = { silveroz_new: silveroz_new, updated: new Date().toISOString() };
24627                // mostek dla kodu, ktory czyta window.IDS.silveroz
24628                window.IDS = window.IDS || {};
24629                window.IDS.silveroz = silveroz_new;
24630                console.log("__bazaSilveroz.silveroz_new (" + silveroz_new.length + "):", silveroz_new.join(", "));
24631
24632                // zapis na serwerze - fire-and-forget
24633                fetch(__SILVER_SAVE_ENDPOINT, {
24634                    method: "POST",
24635                    headers: { "Content-Type": "application/json" },
24636                    body: JSON.stringify({ type: "srebro", ids: silveroz_new }),
24637                }).then(function (r) { return r.json(); })
24638                    .then(function (out) { console.log("save_available_ids.php:", out); })
24639                    .catch(function () { });
24640
24641                return silveroz_new;
24642            })
24643            .catch(function (e) {
24644                console.warn("__bazaSilveroz proba " + attempt + "/" + __SILVER_MAX_ATTEMPTS + ": " + (e && e.message));
24645                if (attempt < __SILVER_MAX_ATTEMPTS) {
24646                    return new Promise(function (res) { setTimeout(res, 1500 * attempt); })
24647                        .then(function () { return __buildBazaSilveroz(attempt + 1); });
24648                }
24649                return (window.__bazaSilveroz && window.__bazaSilveroz.silveroz_new) || [];
24650            });
24651    }
24652
24653    // UWAGA: __buildBazaSilveroz() nie jest juz wolane tutaj - orchestracja jest na dole
24654    // (po `window.IDS = IDS`), w __initIds(): najpierw localStorage, dopiero potem siec.
24655
24656
24657    // ------------------------------------------------------------------
24658    //  ZLOTO: lista goldozdwa ladowana ze zrodla JSON przez proxy (silver ma wlasna baze wyzej).
24659    //  Proxy zwraca { "ids": [...], "updated": "<ISO>" }.
24660    // ------------------------------------------------------------------
24661    window.__idsSourceSig = window.__idsSourceSig || {}; // sygnatura zrodla -> wykrywanie zmiany pliku
24662
24663    // PODMIEN adres, jesli proxy jest gdzie indziej. Sam base URL do .php (bez ?type=).
24664    // get_available_ids.php lezy na australianemu.com i wysyla naglowki CORS.
24665    var __IDS_PROXY = "https://australianemu.com/chcek_produkt/get_available_ids.php";
24666    var __IDS_JOBS = [
24667        { type: "gold", key: "goldozdwa" }
24668    ];
24669
24670    function __loadIdsFromJson(job) {
24671        return fetch(__IDS_PROXY + "?type=" + job.type + "&t=" + Date.now(), { cache: "no-store" })
24672            .then(function (r) { return r.ok ? r.json() : null; })
24673            .then(function (data) {
24674                var list = data && (data.ids || data[job.key] || data.silveroz || data.goldozdwa);
24675                if (Array.isArray(list) && list.length) {
24676                    window.IDS = window.IDS || {};
24677                    window.IDS[job.key] = list.map(String);
24678                    window.__idsSourceSig[job.key] = ((data && data.updated) || "") + "|" + window.IDS[job.key].join(",");
24679                    console.log("IDS." + job.key + " z JSON (" + window.IDS[job.key].length + "):", window.IDS[job.key].join(", "));
24680                } else {
24681                    console.warn("IDS." + job.key + ": proxy nie zwrocil listy - zostaje fallback z IDS");
24682                }
24683                return (window.IDS && window.IDS[job.key]) || [];
24684            })
24685            .catch(function (e) {
24686                console.warn("IDS." + job.key + ": blad pobierania -", e && e.message);
24687                return (window.IDS && window.IDS[job.key]) || [];
24688            });
24689    }
24690
24691    // ------------------------------------------------------------------
24692    //  localStorage list ID + orchestracja (wolane na dole z __boot / co godzine).
24693    // ------------------------------------------------------------------
24694    function __readIdsCache() {
24695        try {
24696            var s = getStorage();
24697            if (!s) return null;
24698            var raw = s.getItem(__IDS_CACHE_KEY);
24699            if (!raw) return null;
24700            var p = JSON.parse(raw);
24701            if (!p || typeof p.ts !== "number") return null;
24702            if (Date.now() - p.ts > __IDS_CACHE_TTL_MS) return null;           // starsze niz 1h
24703            if (!Array.isArray(p.silveroz_new) || !p.silveroz_new.length) return null; // niekompletne
24704            return p;
24705        } catch (e) { return null; }
24706    }
24707
24708    function __writeIdsCache() {
24709        try {
24710            var s = getStorage();
24711            if (!s) return;
24712            s.setItem(__IDS_CACHE_KEY, JSON.stringify({
24713                ts: Date.now(),
24714                updated: new Date().toISOString(),
24715                silveroz_new: (window.__bazaSilveroz && window.__bazaSilveroz.silveroz_new) || [],
24716                goldozdwa: (window.IDS && window.IDS.goldozdwa) || [],
24717                sig: window.__idsSourceSig || {}
24718            }));
24719        } catch (e) { }
24720    }
24721
24722    // Pobranie na zywo: scrape srebra + proxy zlota. Zwraca Promise gdy wszystko gotowe.
24723    function __fetchIdsLive() {
24724        var jobs = [];
24725        window.__idsExternalFetch.silveroz = __buildBazaSilveroz();
24726        jobs.push(window.__idsExternalFetch.silveroz);
24727        __IDS_JOBS.forEach(function (job) {
24728            window.__idsExternalFetch[job.key] = __loadIdsFromJson(job);
24729            jobs.push(window.__idsExternalFetch[job.key]);
24730        });
24731        return Promise.all(jobs.map(function (p) { return Promise.resolve(p).catch(function () { }); }));
24732    }
24733
24734    // 1. jest swiezy localStorage (<1h)  -> wstaw z niego, zero sieci
24735    // 2. brak / stary                     -> pobierz na zywo i zapisz do localStorage
24736    function __initIds() {
24737        var cached = __readIdsCache();
24738        if (cached) {
24739            window.IDS = window.IDS || {};
24740            window.__bazaSilveroz = {
24741                silveroz_new: cached.silveroz_new.map(String),
24742                updated: cached.updated || new Date(cached.ts).toISOString()
24743            };
24744            window.IDS.silveroz = cached.silveroz_new.map(String);
24745            if (Array.isArray(cached.goldozdwa) && cached.goldozdwa.length) {
24746                window.IDS.goldozdwa = cached.goldozdwa.map(String);
24747            }
24748            window.__idsSourceSig = cached.sig || {};
24749            console.log("IDS z localStorage (wiek " + Math.round((Date.now() - cached.ts) / 60000) + " min)");
24750            return Promise.resolve();
24751        }
24752        return __fetchIdsLive().then(__writeIdsCache);
24753    }
24754
24755    window.__idsReady = null; // ustawiane w __boot()
24756
24757    const getdataPromoction = [
24758
24759        {
24760            class: "dragon",
24761            numerProduktu: 5,
24762            //
24763            id: "6530",
24764            color: "#fff",
24765            promocjaMonetyOneLink:
24766                "https://www.metalelokacyjne.pl/product-pol-6530--Perth-Mint-Lunar-III-Rok-Krolika-1-4-uncji-Zlota-2023.html",
24767            promocjaMonetyOneTitle: `
24768  
24769 
24770
24771     ${langEn ? "Lunar III - Year of the Snake" : ""}
24772  ${langPl ? "Lunar III - Rok Królika" : ""}
24773  ${langDe ? "Lunar III - Jahr der Schlange" : ""}
24774  ${langEs ? "Lunar III - Año de la Serpiente" : ""}
24775  ${langCs ? "Lunar III - Rok hada" : ""}
24776  ${langFr ? "Lunar III - Année du Serpent" : ""}
24777  ${langRo ? "Lunar III - Anul Șarpelui" : ""}
24778  ${langHu ? "Lunar III - A kígyó éve" : ""}
24779  ${langIt ? "Lunar III - Anno del Serpente" : ""}
24780  ${langBg ? "Lunar III - Годината на Змията" : ""}
24781
24782            `,
24783            promocjaMonetyOneTitleSub: `
24784${langEn ? "1/4 oz Gold 2025" : ""}
24785${langPl ? "  1/4 uncji Złota 2023 " : ""}
24786${langRo ? "1/4 uncie de aur 2025" : ""}
24787${langDe ? "1/4 Unze Gold 2025" : ""}
24788${langEs ? "1/4 onza de Oro 2025" : ""}
24789${langCs ? "1/4 unce zlata 2025" : ""}
24790${langFr ? "1/4 oz Or 2025" : ""}
24791${langHu ? "1/4 uncia arany 2025" : ""}
24792${langIt ? "1/4 oz Oro 2025" : ""}
24793${langBg ? "1/4 унция злато 2025" : ""}
24794           `,
24795            promotion: 0,
24796        },
24797        {
24798            class: "malpe_div_gold_silver",
24799            numerProduktu: 1,
24800            //
24801            id: "13037",
24802            color: "#fff",
24803            promocjaMonetyOneLink:
24804                "/lng/products/britannia-1-10-uncji-zlota-2026-13037",
24805            promocjaMonetyOneTitle: `
24806     ${langEn ? "Britannia" : ""}
24807  ${langPl ? "Britannia" : ""}
24808  ${langDe ? "Britannia" : ""}
24809  ${langEs ? "Britannia" : ""}
24810  ${langCs ? "Britannia" : ""}
24811  ${langFr ? "Britannia" : ""}
24812  
24813  ${langHu ? "Britannia" : ""}
24814  ${langIt ? "Britannia" : ""}
24815  ${langBg ? "Britannia" : ""}
24816            
24817`,
24818            promocjaMonetyOneTitleSub: `
24819      ${langEn ? "1/10 oz Gold 2026" : ""}
24820  ${langPl ? "1/10 uncji Złota 2026" : ""}
24821  ${langDe ? "1/10 Unze Gold 2026" : ""}
24822  ${langEs ? "1/10 onza de Oro 2026" : ""}
24823  ${langCs ? "1/10 unce Zlata 2026" : ""}
24824  ${langFr ? "1/10 oz Or 2026" : ""}
24825  
24826  ${langHu ? "1/10 uncia Arany 2026" : ""}
24827  ${langIt ? "1/10 oncia Oro 2026" : ""}
24828  ${langBg ? "1/10 унция Злато 2026" : ""}
24829`,
24830            promotion: 0,
24831
24832        },
24833        {
24834            class: "malpe_div_gold",
24835            numerProduktu: 2,
24836            //
24837            id: "13806",
24838            color: "#fff",
24839            promocjaMonetyOneLink:
24840                "https://www.metalelokacyjne.pl/product-pol-13806-The-Royal-Mint-Legendary-Creatures-Loch-Ness-Monster-1-uncja-Srebra-2026.html",
24841            promocjaMonetyOneTitle: `
24842     ${langEn ? "Britannia" : ""}
24843  ${langPl ? "Loch Ness" : ""}
24844  ${langDe ? "Britannia" : ""}
24845  ${langEs ? "Britannia" : ""}
24846  ${langCs ? "Britannia" : ""}
24847  ${langFr ? "Britannia" : ""}
24848  ${langRo ? "Britannia" : ""}
24849  ${langHu ? "Britannia" : ""}
24850  ${langIt ? "Britannia" : ""}
24851  ${langBg ? "Britannia" : ""}
24852    
24853            
24854`,
24855            promocjaMonetyOneTitleSub: `
24856${langEn ? "1/4 oz Silver 2026" : ""}
24857${langPl ? "1 uncji Srebra 2026" : ""}
24858${langDe ? "1/4 Unze Silber 2026" : ""}
24859${langEs ? "1/4 onza de Plata 2026" : ""}
24860${langCs ? "1/4 unce Stříbra 2026" : ""}
24861${langFr ? "1/4 once d’Argent 2026" : ""}
24862${langRo ? "1/4 uncie de Argint 2026" : ""}
24863${langHu ? "1/4 uncia Ezüst 2026" : ""}
24864${langIt ? "1/4 oncia d’Argento 2026" : ""}
24865${langBg ? "1/4 унция Сребро 2026" : ""}
24866            `,
24867            promotion: 0,
24868
24869        },
24870        {
24871            class: "smok_div",
24872            numerProduktu: 4,
24873            //
24874            id: "10786",
24875            promocjaMonetyOneLink:
24876                "https://www.metalelokacyjne.pl/product-pol-10786-Australijski-Kangur-1-4-uncji-Zlota-2025.html",
24877            promocjaMonetyOneTitle: `
24878     ${langEn ? "Koala" : ""}
24879  ${langPl ? "Australijski Kangur" : ""}
24880  ${langDe ? "Koala" : ""}
24881  ${langEs ? "Coala" : ""}
24882  ${langCs ? "Koala" : ""}
24883  ${langFr ? "Koala" : ""}
24884  
24885  ${langHu ? "Koala" : ""}
24886  ${langIt ? "Koala" : ""}
24887  ${langBg ? "Коала" : ""}
24888   
24889            `,
24890            promocjaMonetyOneTitleSub: `
24891      ${langEn ? "1 ounce Platinum 1994" : ""}
24892  ${langPl ? "  1/4 uncji Złota 2025 " : ""}
24893  ${langDe ? "1 Unze Platin 1994" : ""}
24894  ${langEs ? "1 onza Platino 1994" : ""}
24895  ${langCs ? "1 unce Platiny 1994" : ""}
24896  ${langFr ? "1 once Platine 1994" : ""}
24897  ${langHu ? "1 uncia Platina 1994" : ""}
24898  ${langIt ? "1 oncia Platino 1994" : ""}
24899  
24900  ${langBg ? "1 унция Платина 1994" : ""}
24901        `,
24902            promotion: 0,
24903        },
24904        {
24905            class: "dragon_",
24906            numerProduktu: 6,
24907            //
24908            id: "13236",
24909            color: "#fff",
24910            promocjaMonetyOneLink:
24911                "/lng/products/australijski-kangur-1-uncja-platyny-2026-13236",
24912            promocjaMonetyOneTitle: `
24913  
24914  ${langEn ? "Australian Kangaroo" : ""}
24915  ${langPl ? "Australijski Kangur" : ""}
24916
24917  ${langDe ? "Australisches Känguru" : ""}
24918  ${langEs ? "Canguro Australiano" : ""}
24919  ${langCs ? "Australský Klokan" : ""}
24920  ${langFr ? "Kangourou Australien" : ""}
24921  ${langHu ? "Ausztrál Kenguru" : ""}
24922  ${langIt ? "Canguro Australiano" : ""}
24923  ${langBg ? "Австралийски Кенгуру" : ""}
24924            `,
24925            promocjaMonetyOneTitleSub: `
24926          
24927${langEn ? "1 oz Platinum 2026" : ""}
24928${langPl ? "1 uncja Platyny 2026" : ""}
24929
24930${langDe ? "1 Unze Platin 2026" : ""}
24931${langEs ? "1 onza de Platino 2026" : ""}
24932${langCs ? "1 unce platiny 2026" : ""}
24933${langFr ? "1 oz Platine 2026" : ""}
24934${langHu ? "1 uncia platina 2026" : ""}
24935${langIt ? "1 oz Platino 2026" : ""}
24936${langBg ? "1 унция платина 2026" : ""}
24937           `,
24938            promotion: 0,
24939
24940        },
24941
24942
24943    ];
24944
24945
24946
24947    var IDS = window.IDS || {
24948
24949        getIDpromotion: [
24950
24951
24952            "13037", "13806", "10786", "14213", "13236", "6530"
24953        ],
24954
24955
24956
24957
24958
24959
24960
24961
24962
24963        // fallback, gdy available_gold_ids.json nie załaduje się (CORS / offline / stary) –
24964        // świeży JSON z australianemu.com nadpisuje tę listę, jeśli się powiedzie
24965        goldozdwa:
24966            [
24967
24968                "4100",
24969                "5009",
24970                "9709",
24971                "12102",
24972                "12243",
24973                "14283",
24974                "14642",
24975                "14645",
24976                "14654",
24977                "14657",
24978                "14786",
24979                "14795",
24980                "1350",
24981                "1786"
24982
24983
24984            ],
24985
24986
24987
24988        // silveroz: NADPISYWANE przez window.__bazaSilveroz.silveroz_new (scrape listingu srebra).
24989        // Ta lista to fallback, gdy scrape sie nie powiedzie.
24990        silveroz: [
24991            // "14741",
24992            // "1118",
24993            // "1660",
24994            // "3562",
24995            // "3563",
24996            // "4121",
24997            // "8557",
24998            // "3681",
24999            // "13806",
25000            // "14667",
25001            // "13235",
25002            // "13512",
25003            // "13642",
25004            // "14316"
25005        ],
25006
25007
25008
25009        wiede: [
25010
25011            "1685",
25012            "13512",
25013            "13514",
25014            "13515",
25015            "13513",
25016            "13511",
25017            "13507",
25018            "13509",
25019        ],
25020        brit: [
25021
25022            "13039",
25023            "13806",
25024            "9583",
25025            "9368",
25026            "11849",
25027            "5962",
25028            "11851",
25029            "11850",
25030            "6041",
25031            "13037",
25032            "13036",
25033            "13038",
25034            "5965"
25035        ],
25036        maple: [
25037
25038            "1682",
25039            "11449",
25040            "5555",
25041            "13642",
25042            "13638",
25043            "13637",
25044            "13636",
25045            "1832",
25046            "13635"
25047        ],
25048        kanguro: [
25049
25050            "10790",
25051            "13241",
25052            "10889",
25053            "2032",
25054            // "13235",
25055            // "13237",
25056            // "13238",
25057            // "13239",
25058            // "13240",
25059            // "7518",
25060            // "9101"
25061        ],
25062        eagle: [
25063
25064            "9912",
25065            "10888",
25066            "1684",
25067            // "13557",
25068            // "13560",
25069            // "13559",
25070            // "13558",
25071            // "13556"
25072        ],
25073        krugerant: [
25074
25075            "8659",
25076            "4133",
25077            "5491",
25078            "7133",
25079            // "13656",
25080            // "13655",
25081            // "13654",
25082            // "13653",
25083            // "1786",
25084            // "13652",
25085
25086        ],
25087
25088        getIDSgoldozdwa:
25089            ["13240", "13509", "13038", "13635", "1786", "13556"],
25090
25091        getIDsilveroz: [
25092
25093            "13656", "13235", "13512", "13041", "13557", "13642"
25094        ],
25095
25096
25097
25098
25099
25100
25101        // extra: "9810,142,143,2491,9600,9601,9602,9599,7392"
25102    };
25103
25104    window.IDS = IDS;
25105
25106
25107
25108
25109
25110
25111
25112
25113
25114    function formatPrice(price) {
25115        // Round to 2 decimal places first
25116        const rounded = Math.round(price * 100) / 100;
25117        let str = rounded.toFixed(2).replace('.', ',');
25118        return str.replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
25119    }
25120
25121
25122
25123
25124    var SELECTORS = window.SELECTORS || {
25125        gold: ".produkty_main_cena.gold_constn",
25126        silver: ".produkty_main_cena.silver_constn",
25127        wiede: ".table_big_one",
25128        brit: ".table_big_brit",
25129        maple: ".table_big_maple",
25130        kangur: ".table_big_kangur",
25131        eagle: ".table_big_eagle",
25132        krugerant: ".table_big_krugerant",
25133        basket: "#ekstraProdukt",
25134
25135
25136        accessory: ".traits__values.trzy_opakowania",
25137
25138        //sivler
25139        goldsix: ".gold_silder_coins",
25140        silversix: ".silver_silder_coins",
25141
25142
25143        // promotiuon
25144        carusel_promotion_a: ".carusel_promotion_a",
25145
25146
25147
25148
25149
25150
25151
25152    };
25153    window.SELECTORS = SELECTORS;
25154
25155    // Default currency settings with change detection
25156    const currencyVars = ['curencyPla', 'curencyeuroa', 'curencyUSDa', 'curencyGBPa', 'curencyCHFa', 'curencyCZKa'];
25157    currencyVars.forEach(varName => {
25158        let value = window[varName] || (varName === 'curencyPla' ? true : false);
25159        Object.defineProperty(window, varName, {
25160            get: () => value,
25161            set: (newValue) => {
25162                if (value !== newValue) {
25163                    value = newValue;
25164                    // Update prices when currency changes
25165                    setTimeout(updatePrices, 0);
25166                }
25167            }
25168        });
25169    });
25170
25171    function handleLanguageChange() {
25172        document.querySelectorAll('.carusel_promotion_a, .gold_silder_coins, .silver_silder_coins')
25173            .forEach(el => el.innerHTML = 'Ładowanie...');
25174        clearCache();
25175        __allProductsPromise = null;
25176        __renderStarted = false;
25177        __renderedFresh = false;
25178        if (typeof renderProduct === "function") {
25179            renderProduct._bigsixCounter = 0;
25180        }
25181        startRender();
25182    }
25183
25184    // Language change detection with cache clearing
25185    const langVars = ['langPl', 'langEn', 'langDe', 'langEs', 'langCs', 'langFr', 'langHu', 'langIt', 'langBg'];
25186    langVars.forEach(varName => {
25187        let value = window[varName] || false;
25188        Object.defineProperty(window, varName, {
25189            get: () => value,
25190            set: (newValue) => {
25191                if (value !== newValue) {
25192                    value = newValue;
25193                    handleLanguageChange();
25194                }
25195            }
25196        });
25197    });
25198
25199
25200
25201
25202
25203    // Default exchange rates
25204    const defaultRates = {
25205        EUR: dataCurency.find(item => item.name === "EURPLN")?.bid,
25206        USD: dataCurency.find(item => item.name === "USDPLN")?.bid,
25207        GBP: dataCurency.find(item => item.name === "GBPPLN")?.bid,
25208        CHF: dataCurency.find(item => item.name === "CHFPLN")?.bid,
25209        CZK: dataCurency.find(item => item.name === "CZKPLN")?.bid
25210    };
25211
25212    // "GBPPLN" "CHFPLN" "USDPLN" "CZKPLN"
25213
25214    function renderProduct(product, type) {
25215
25216        function getPriceInCurrency(pricePLN) {
25217            if (curencyPla) return pricePLN;
25218            if (curencyeuroa) return pricePLN / (window.datacurencya?.EUR || defaultRates.EUR);
25219            if (curencyUSDa) return pricePLN / (window.datacurencya?.USD || defaultRates.USD);
25220            if (curencyGBPa) return pricePLN / (window.datacurencya?.GBP || defaultRates.GBP);
25221            if (curencyCHFa) return pricePLN / (window.datacurencya?.CHF || defaultRates.CHF);
25222            if (curencyCZKa) return pricePLN / (window.datacurencya?.CZK || defaultRates.CZK);
25223            return pricePLN;
25224        }
25225
25226        function getWholesalePrice(product) {
25227            const pricePLN = product?.productPrice?.price || 0;
25228            return getPriceInCurrency(pricePLN);
25229        }
25230
25231        function updatePrices() {
25232            document.querySelectorAll('[data-price-pln]').forEach(el => {
25233                const pricePLN = parseFloat(el.getAttribute('data-price-pln'));
25234                if (!isNaN(pricePLN)) {
25235                    el.textContent = formatPrice(getPriceInCurrency(pricePLN));
25236                }
25237            });
25238        }
25239
25240
25241        window.updatePrices = updatePrices;
25242
25243
25244        const getCurrencyChose = document.querySelector('#menu_settings .f-dropdown-toggle').getAttribute("data-indexcurrent")
25245
25246        function showCurency(curency) {
25247
25248            if (getCurrencyChose == curency) {
25249                return true;
25250            }
25251
25252        }
25253
25254
25255        const curencyPla = showCurency(0);
25256        const curencyeuroa = showCurency(1);
25257        const curencyUSDa = showCurency(2);
25258        const curencyGBPa = showCurency(3);
25259        const curencyCHFa = showCurency(4);
25260        const curencyCZKa = showCurency(5);
25261
25262
25263
25264
25265
25266        const id = product && product.productId ? product.productId : "";
25267
25268
25269        const name = (product && product.productDescriptionsLangData && product.productDescriptionsLangData[0] && product.productDescriptionsLangData[0].productName) || `Produkt ${id}`;
25270
25271
25272
25273
25274
25275
25276
25277
25278
25279        const img = (product && product.productIcon && product.productIcon.productIconLargeUrl) || "";
25280
25281        const stockInfo = product && product.productStocksData && product.productStocksData.productSizesDispositions
25282            && product.productStocksData.productSizesDispositions.productSizesDispositionsInSales
25283            && product.productStocksData.productSizesDispositions.productSizesDispositionsInSales[0]
25284            ? product.productStocksData.productSizesDispositions.productSizesDispositionsInSales[0]
25285            : null;
25286
25287        const fallbackQty = stockInfo && typeof stockInfo.productSizeQuantityAllStocks !== "undefined"
25288            ? stockInfo.productSizeQuantityAllStocks
25289            : "-";
25290
25291
25292
25293
25294
25295        const producer = (product && product.producerName) || "";
25296
25297
25298        const url = `product-pol-${id}-${name}.html`.replace(/(\s)|(:)/g, "-").toLowerCase();
25299
25300
25301
25302
25303        /// namel
25304
25305
25306        /// lng
25307
25308
25309
25310
25311
25312
25313
25314
25315        /// lng
25316
25317        // 
25318        const langMappings = [
25319            { flag: langPl, index: 0 },
25320            { flag: langBg, index: 1 },
25321            { flag: langCs, index: 2 },
25322            { flag: langEn, index: 3 },
25323            { flag: langFr, index: 4 },
25324            { flag: langDe, index: 5 },
25325            { flag: langHu, index: 6 },
25326            { flag: langIt, index: 7 },
25327            { flag: langEs, index: 9 }
25328        ];
25329        const activeLang = langMappings.find(item => item.flag);
25330        const getNumbb = activeLang ? activeLang.index : 0;
25331
25332        /// lng
25333
25334        const getUncje = [
25335            "uncji", "gramów", "uncja", "uncje", "oz", "Złoty", "grama", "gram", "Silber", "Unze", "unce", "oncia", "once", "arany", "onza", "Onza"
25336        ]
25337        const getnameProdukt = (product && product.productDescriptionsLangData && product.productDescriptionsLangData[getNumbb])
25338            || (product && product.productDescriptionsLangData && product.productDescriptionsLangData[0])
25339            || { productName: name };
25340
25341        const getNameuncja = () => {
25342
25343            if (
25344                getnameProdukt && getnameProdukt.productName &&
25345                getUncje.some(substring => getnameProdukt.productName.includes(substring))
25346
25347            ) {
25348
25349                const regexTitlte = /\d.+/i;
25350                const getTitlesub = getnameProdukt.productName.match(regexTitlte);
25351                const getTitlesubFinish = getnameProdukt.productName.replace(getTitlesub, "");
25352
25353                return getTitlesubFinish
25354
25355            }
25356        }
25357
25358        const listauncje = getNameuncja()
25359
25360
25361        const getNameuncjaUncje = () => {
25362            if (
25363                getnameProdukt && getnameProdukt.productName &&
25364                getUncje.some(substring => getnameProdukt.productName.includes(substring))
25365            ) {
25366                const regexTitlte = /\d.+/i;
25367                const getTitlesub = getnameProdukt.productName.match(regexTitlte);
25368                return getTitlesub
25369            }
25370        }
25371
25372        const listauncjeUncje = getNameuncjaUncje()
25373
25374        /// Determine if product is gold or silver based on name
25375        const isGold = getnameProdukt && getnameProdukt.productName &&
25376            (getnameProdukt.productName.toLowerCase().includes('złota') ||
25377                getnameProdukt.productName.toLowerCase().includes('gold') ||
25378                getnameProdukt.productName.toLowerCase().includes('zlota'));
25379
25380        const isSilver = getnameProdukt && getnameProdukt.productName &&
25381            (getnameProdukt.productName.toLowerCase().includes('srebra') ||
25382                getnameProdukt.productName.toLowerCase().includes('silver') ||
25383                getnameProdukt.productName.toLowerCase().includes('srebra'));
25384
25385        ///
25386
25387
25388
25389        /// ilosć
25390
25391
25392
25393
25394
25395
25396        // stockInfo is already defined above as an object
25397
25398
25399
25400
25401        function returnvalue() {
25402            if (!stockInfo) {
25403                const fallbackQty = product && product.productStocksData && product.productStocksData.productSizesDispositions
25404                    && product.productStocksData.productSizesDispositions.productSizesDispositionsInSales
25405                    && product.productStocksData.productSizesDispositions.productSizesDispositionsInSales[0]
25406                    ? product.productStocksData.productSizesDispositions.productSizesDispositionsInSales[0].productSizeQuantityAllStocks
25407                    : null;
25408
25409
25410                return (fallbackQty === null || typeof fallbackQty === "undefined") ? "-" : fallbackQty + " szt.";
25411            }
25412
25413            if (stockInfo.productSizeQuantityAllStocks == 0) {
25414                return stockInfo.productSizeQuantityOutsideStock + " szt.";
25415            }
25416
25417            else if (stockInfo.productSizeQuantityAllStocks == -1) {
25418                return `
25419                                    ${langPl ? "ilość ograniczona" : ""}
25420                                    ${langEn ? "limited quantity" : ""}
25421                                    ${langDe ? "begrenzte Menge" : ""}
25422                                    ${langEs ? "cantidad limitada" : ""}
25423                                    ${langCs ? "omezené množství" : ""}
25424                                    ${langFr ? "quantité limitée" : ""}
25425                                    ${langHu ? "korlátozott mennyiség" : ""}
25426                                    ${langIt ? "quantità limitata" : ""}
25427                                    ${langBg ? "ограничено количество" : ""}
25428                                `
25429            }
25430
25431            else {
25432                return stockInfo.productSizeQuantityAllStocks + " szt."
25433            }
25434        }
25435
25436
25437
25438
25439
25440
25441
25442
25443        ///
25444
25445        const wholesaleValue = (product && product.productShopsAttributes && product.productShopsAttributes[2] && product.productShopsAttributes[2].productShopPriceComparisonSitesPrices && product.productShopsAttributes[2].productShopPriceComparisonSitesPrices[0] && product.productShopsAttributes[2].productShopPriceComparisonSitesPrices[0].productPriceComparisonSitePrice)
25446            || (product && product.productShopsAttributes && product.productShopsAttributes[2] && product.productShopsAttributes[2].productWholesalePrice)
25447            || 0;
25448
25449        let currencySymbol = " zł";
25450        if (curencyeuroa) currencySymbol = " EURO";
25451        else if (curencyUSDa) currencySymbol = " USD";
25452        else if (curencyGBPa) currencySymbol = " GBP";
25453        else if (curencyCHFa) currencySymbol = " CHF";
25454        else if (curencyCZKa) currencySymbol = " CZK";
25455
25456
25457
25458
25459
25460        const wholesale = formatPrice(getPriceInCurrency(Number(wholesaleValue) || 0)) + currencySymbol;
25461
25462        const promoData = Array.isArray(getdataPromoction)
25463            ? getdataPromoction.find(item => String(item.id) === String(id))
25464            : null;
25465
25466        const promotionPercent = promoData && typeof promoData.promotion === "number"
25467            ? promoData.promotion
25468            : 0;
25469
25470        const promoTitle = promoData && promoData.promocjaMonetyOneTitle
25471            ? promoData.promocjaMonetyOneTitle
25472            : name;
25473
25474
25475        const promoURL = promoData && promoData.promocjaMonetyOneLink
25476            ? promoData.promocjaMonetyOneLink
25477            : name;
25478
25479        const promoSubTitle = promoData && promoData.promocjaMonetyOneTitleSub
25480            ? promoData.promocjaMonetyOneTitleSub
25481            : "";
25482
25483        const promoColor = promoData && promoData.color ? promoData.color : "";
25484        const promoLeft = promoData && promoData.promocjaMonetyOnesztuki ? promoData.promocjaMonetyOnesztuki : "";
25485        const promoLogo = promoData && promoData.promocjaMonetyLogo ? promoData.promocjaMonetyLogo : "";
25486
25487
25488
25489
25490        const promoPriceValue = (Number(wholesaleValue) || 0) * (1 - promotionPercent / 100);
25491        const promoPrice = promotionPercent ? formatPrice(getPriceInCurrency(promoPriceValue)) + currencySymbol : wholesale;
25492
25493
25494
25495
25496
25497
25498
25499
25500        // function getremoveprice() {
25501        //     const suggested = product && product.productShopsAttributes && product.productShopsAttributes[2]
25502        //         ? product.productShopsAttributes[2].productSuggestedPrice
25503        //         : null;
25504        //     if (suggested === null || typeof suggested === "undefined") return `-`;
25505
25506        //     const baseSuggested = product && product.productShopsAttributes && product.productShopsAttributes[0]
25507        //         ? product.productShopsAttributes[0].productSuggestedPrice
25508        //         : 0;
25509
25510        //     const price = suggested == 0 ? baseSuggested : suggested * 4.199;
25511        //     return formatPrice(Number(price) || 0) + " zł";
25512        // }
25513
25514        if (type === "bar") {
25515            return `
25516      <a class="skup_gold_items" href="${url}" title="${name}">
25517        <div class="imge_show"><img src="${img}" alt="${name}"></div>
25518        <div class="text_produkt_items">
25519          <div class="firma_item">${producer}</div>
25520          <div class="name_product_item">${name}</div>
25521          <div class="price_item" data-price-pln="${Number(wholesaleValue) || 0}">${wholesale}</div>
25522        </div>
25523      </a>
25524    `;
25525        }
25526
25527        if (type === "list") {
25528            return `
25529      <a href="${url}" title="${name}" class="table_imtex">
25530        <div class="number_big"></div>
25531        <div class="text_big ${isGold ? 'gold-category' : isSilver ? 'silver-category' : ''}">${name}</div>
25532        <div class="price_big skupu_box"></div>
25533        <div class="price_big" data-price-pln="${Number(wholesaleValue) || 0}">${wholesale}</div>
25534
25535      </a>
25536    `;
25537        }
25538
25539
25540
25541        if (type === "buy") {
25542            return `
25543      <div class="extra_prduct_buy_content">
25544        <div class="picure_addd"><img src="${img}" alt="${name}"></div>
25545        <div class="product_descriptin">${name}</div>
25546        <div class="product_price">${wholesale}</div>
25547        <form class="projector_details is-validated enable" action="https://www.metalelokacyjne.pl/basketchange.php" method="post" data-product_id="${id}" data-type="product_item" target="theFrame" onsubmit="setTimeout(function(){ location.reload(); }, 0);">
25548          <input type="hidden" name="product" value="${id}" />
25549          <input type="hidden" name="size" value="onesize" />
25550          <input type="hidden" name="mode" value="1" />
25551          <div class="projector_details__wrapper">
25552<button class="projector_buy__button btn --solid --large" type="submit">Do koszyka</button>
25553<a class="projector_buy__shopping_list" href="#addToShoppingList" title="Kliknij, aby dodać produkt do listy zakupowej"></a>
25554          </div>
25555        </form>
25556        <iframe name="theFrame" style="display:none"></iframe>
25557      </div>
25558    `;
25559        }
25560
25561
25562
25563
25564
25565
25566
25567
25568
25569        //  <h2>${listauncje}</h2>
25570        //                     <p>${listauncjeUncje}</p>
25571        // ${ indx + 1 }
25572        /////
25573        //  <h2>${name.listauncje}</h2>
25574        //                 <p>${amount.listauncjeUncje}</p>
25575        if (type === "bigsix") {
25576            return `
25577         <div class="sliver_items_1">
25578          <a href='${url}' title="" class="coins_slider_contetnt">
25579
25580                <div class="number_slider_coins">${((renderProduct._bigsixCounter = (renderProduct._bigsixCounter || 0) + 1) - 1) % 6 + 1}</div>
25581
25582                
25583                <div class="text_silver_coins">
25584                    <h4>${producer}</h4>
25585          
25586                     <h2>${listauncje}</h2>
25587                    <p>${listauncjeUncje}</p>
25588
25589                    <p class="price_slider_coins">
25590                ${wholesale}
25591
25592
25593 </p>
25594
25595 <p class="skup_box"> 
25596     
25597
25598                </div>
25599                <div class="image_slider_coins">
25600     <img  src="${img}" 
25601     
25602     alt=""  >
25603
25604                 
25605                </div>
25606            </a>
25607        </div>
25608    
25609    `;
25610
25611        }
25612
25613
25614        // <p class="info_title">
25615        //     ${langPl ? "Cena regularna:" : ""}
25616        //     ${langEn ? "Regular price:" : ""}
25617        //     ${langDe ? "Regulärer Preis:" : ""}
25618        //     ${langEs ? "Precio regular:" : ""}
25619        //     ${langCs ? "Běžná cena:" : ""}
25620        //     ${langFr ? "Prix régulier :" : ""}
25621        //     ${langHu ? "Normál ár:" : ""}
25622        //     ${langIt ? "Prezzo regolare:" : ""}
25623        //     <p class="prioce">
25624        //         ${wholesale}
25625
25626        //     </p>
25627
25628        // </p>
25629
25630
25631
25632
25633        if (type === "promotion") {
25634            return `
25635
25636        <div class="promocja_manin_kafelki"  >
25637            <div class="spot_kolko">
25638
25639                <img src="" alt="">
25640            </div>
25641            <a href="${promoURL}" title=""  >
25642                <div class="spot_infot"></div>
25643                <div>
25644                    <h3 style="color:${promoColor}">
25645                        ${promoTitle}
25646
25647                        <small>${promoSubTitle}</small>
25648                    </h3>
25649
25650
25651                    <div class="count_number">
25652                        <p class="info_title">      
25653                             ${langPl ? "pozostało:" : ""}
25654                            ${langEn ? "left:" : ""}
25655                            ${langDe ? "verbleibend:" : ""}
25656                            ${langEs ? "quedan:" : ""}
25657                            ${langCs ? "zbývá:" : ""}
25658                            ${langFr ? "restant:" : ""}
25659                            ${langHu ? "maradt:" : ""}
25660                            ${langIt ? "rimasto:" : ""}
25661                            
25662                        </p>
25663
25664                        <span>
25665
25666                            <span> ${returnvalue()} </span>
25667                            
25668                        </span> ${promoLeft}
25669                    </div>
25670
25671                    <div>
25672
25673                     
25674
25675                        <p class="info_title" style="padding-top:10px">       
25676                            ${langPl ? "Najlepsza cena na rynku:" : ""}
25677                            ${langEn ? "Best price on the market:" : ""}
25678                            ${langDe ? "Bester Preis auf dem Markt:" : ""}
25679                            ${langEs ? "Mejor precio en el mercado:" : ""}
25680                            ${langCs ? "Nejlepší cena na trhu:" : ""}
25681                            ${langFr ? "Meilleur prix sur le marché :" : ""}
25682                            ${langHu ? "Legjobb ár a piacon:" : ""}
25683                            ${langIt ? "Miglior prezzo sul mercato:" : ""}</p>
25684
25685                        <p class="price_promotion">
25686                            ${promoPrice}
25687
25688                        </p>
25689                        ${promotionPercent > 0 ? `<p class="promotion_percent"><span> -</span> ${promotionPercent} <span>% </span></p>` : ""}
25690                    </div>
25691                </div>
25692                <div>
25693
25694                    <div class="moneta_main">
25695                        <img src="${img}" 
25696                            alt="" style="width:190px" class="lazy_my" loading="lazy">
25697                    </div>
25698
25699                    <div class="logo_promocja"><img
25700                        src="${promoLogo}"
25701                        alt="the perth mint"></div>
25702
25703                </div>
25704            </a>
25705
25706
25707        </div>
25708
25709  `;
25710
25711
25712        }
25713
25714
25715
25716
25717
25718        // <h2>${name}</h2>
25719
25720
25721        return "";
25722    }
25723
25724
25725    var __allProductsPromise = null;
25726    var cacheVersion = 0;
25727
25728    function normalizeIds(ids) {
25729        if (!ids) return [];
25730        if (Array.isArray(ids)) return ids;
25731        if (typeof ids === "string") return ids.split(",").map(s => s.trim()).filter(Boolean);
25732        return [];
25733    }
25734
25735    function collectAllIds() {
25736        const all = [];
25737        Object.values(IDS).forEach(val => {
25738            all.push(...normalizeIds(val));
25739        });
25740        const unique = Array.from(new Set(all.map(String)));
25741
25742        return unique;
25743    }
25744
25745    // Sygnatura zrodel. Zmiana ktoregokolwiek elementu uniewaznia cache produktow:
25746    //  - "updated" + lista ID z JSON (gold / silver) -> reaguje na zmiane pliku na serwerze,
25747    //  - pelna lista wszystkich ID (pozostale grupy tez).
25748    function sourceSignature() {
25749        let sig = "";
25750        try { sig = JSON.stringify(window.__idsSourceSig || {}); } catch (e) { }
25751        return sig + "::" + collectAllIds().slice().sort().join(",");
25752    }
25753
25754    const CACHE_KEY = "mll_products_cache_v2";
25755    const CACHE_TTL_MS = 60 * 60 * 1000;      // 1 h - po tym czasie cache wygasa
25756    const REFRESH_INTERVAL_MS = 60 * 60 * 1000; // co godzine ponowne pobranie list ID + render
25757    const COOKIE_CACHE_KEY = "mll_products_loaded";
25758    const COOKIE_MAX_AGE_SECONDS = 60 * 60;
25759
25760    function getStorage() {
25761        try {
25762            if (typeof localStorage !== "undefined") return localStorage;
25763        } catch (e) {
25764            // ignore
25765        }
25766        try {
25767            if (typeof sessionStorage !== "undefined") return sessionStorage;
25768        } catch (e) {
25769            // ignore
25770        }
25771        return null;
25772    }
25773
25774    function readCache() {
25775        try {
25776            const storage = getStorage();
25777            if (!storage) return null;
25778            const raw = storage.getItem(CACHE_KEY);
25779            if (!raw) return null;
25780            const parsed = JSON.parse(raw);
25781            if (!parsed || !Array.isArray(parsed.items)) return null;
25782            const expectedCount = collectAllIds().length;
25783            if (parsed.version !== cacheVersion) {
25784                clearCache();
25785                return null;
25786            }
25787            // plik zrodlowy / listy ID sie zmienily -> cache nieaktualny
25788            if (parsed.sig !== sourceSignature()) {
25789                clearCache();
25790                return null;
25791            }
25792            if (Date.now() - parsed.ts > CACHE_TTL_MS) {
25793                clearCache();
25794                return null;
25795            }
25796            if (!parsed.expectedCount || parsed.expectedCount !== expectedCount) {
25797                clearCache();
25798                return null;
25799            }
25800            if (parsed.items.length < expectedCount) {
25801                clearCache();
25802                return null;
25803            }
25804            return parsed.items;
25805        } catch (e) {
25806            return null;
25807        }
25808    }
25809
25810    function slimProduct(product) {
25811        const descriptions = (product && Array.isArray(product.productDescriptionsLangData))
25812            ? product.productDescriptionsLangData.map(d => ({ productName: d && d.productName ? d.productName : "" }))
25813            : [{ productName: "" }];
25814
25815        const priceSite = product && product.productShopsAttributes && product.productShopsAttributes[2]
25816            && product.productShopsAttributes[2].productShopPriceComparisonSitesPrices
25817            && product.productShopsAttributes[2].productShopPriceComparisonSitesPrices[0]
25818            ? product.productShopsAttributes[2].productShopPriceComparisonSitesPrices[0]
25819            : { productPriceComparisonSitePrice: 0 };
25820
25821        const stockInfo = product && product.productStocksData && product.productStocksData.productSizesDispositions
25822            && product.productStocksData.productSizesDispositions.productSizesDispositionsInSales
25823            && product.productStocksData.productSizesDispositions.productSizesDispositionsInSales[0]
25824            ? product.productStocksData.productSizesDispositions.productSizesDispositionsInSales[0]
25825            : {};
25826
25827        return {
25828            productId: product && product.productId ? product.productId : "",
25829            producerName: product && product.producerName ? product.producerName : "",
25830            productIcon: {
25831                productIconLargeUrl: product && product.productIcon ? product.productIcon.productIconLargeUrl : ""
25832            },
25833            productDescriptionsLangData: descriptions,
25834            productStocksData: {
25835                productSizesDispositions: {
25836                    productSizesDispositionsInSales: [
25837                        {
25838                            productSizeQuantityAllStocks: stockInfo.productSizeQuantityAllStocks || 0,
25839                            productSizeQuantityOutsideStock: stockInfo.productSizeQuantityOutsideStock || 0
25840                        }
25841                    ]
25842                }
25843            },
25844            productShopsAttributes: [
25845                {
25846                    productSuggestedPrice: product && product.productShopsAttributes && product.productShopsAttributes[0]
25847                        ? product.productShopsAttributes[0].productSuggestedPrice
25848                        : 0
25849                },
25850                {},
25851                {
25852                    productSuggestedPrice: product && product.productShopsAttributes && product.productShopsAttributes[2]
25853                        ? product.productShopsAttributes[2].productSuggestedPrice
25854                        : 0,
25855                    productWholesalePrice: product && product.productShopsAttributes && product.productShopsAttributes[2]
25856                        ? product.productShopsAttributes[2].productWholesalePrice
25857                        : 0,
25858                    productShopPriceComparisonSitesPrices: [
25859                        { productPriceComparisonSitePrice: priceSite.productPriceComparisonSitePrice || 0 }
25860                    ]
25861                }
25862            ]
25863        };
25864    }
25865
25866    function writeCache(items) {
25867        try {
25868            const storage = getStorage();
25869            if (!storage) return;
25870            const expectedCount = collectAllIds().length;
25871            const slimItems = items.map(slimProduct);
25872            storage.setItem(CACHE_KEY, JSON.stringify({ ts: Date.now(), sig: sourceSignature(), expectedCount, items: slimItems, version: cacheVersion }));
25873        } catch (e) {
25874            // ignore cache errors
25875        }
25876    }
25877
25878    function clearCache() {
25879        try {
25880            const storage = getStorage();
25881            if (!storage) return;
25882            storage.removeItem(CACHE_KEY);
25883            cacheVersion++;
25884            __allProductsPromise = null;
25885        } catch (e) {
25886            // ignore cache errors
25887        }
25888    }
25889
25890    function setCookie(name, value, maxAgeSeconds) {
25891        const encoded = encodeURIComponent(value);
25892        document.cookie = `${name}=${encoded}; Max-Age=${maxAgeSeconds}; Path=/; SameSite=Lax`;
25893    }
25894
25895    function readCookie(name) {
25896        const cookies = document.cookie ? document.cookie.split(";") : [];
25897        const prefix = `${name}=`;
25898        for (let i = 0; i < cookies.length; i++) {
25899            const c = cookies[i].trim();
25900            if (c.startsWith(prefix)) return decodeURIComponent(c.substring(prefix.length));
25901        }
25902        return null;
25903    }
25904
25905    function chunkArray(arr, size) {
25906        const out = [];
25907        for (let i = 0; i < arr.length; i += size) {
25908            out.push(arr.slice(i, i + size));
25909        }
25910        return out;
25911    }
25912
25913    async function fetchAllProducts() {
25914        if (__allProductsPromise) return __allProductsPromise;
25915
25916        const cached = readCache();
25917        if (cached) {
25918            __allProductsPromise = Promise.resolve(cached);
25919            return __allProductsPromise;
25920        }
25921
25922        const allIds = collectAllIds();
25923
25924        const chunks = chunkArray(allIds, 25);
25925
25926
25927        __allProductsPromise = Promise.all(
25928            chunks.map((chunk, index) => {
25929                const url = `https://admin.metalapi.co.pl/idosell/products/products?productIds=${chunk.join(",")}`;
25930
25931                return fetch(url)
25932                    .then(res => {
25933
25934                        if (!res.ok) throw new Error(`HTTP ${res.status}`);
25935                        return res.json();
25936                    })
25937                    .then(data => {
25938
25939                        return (data && data.results ? data.results : []);
25940                    })
25941                    .catch(error => {
25942                        console.error(`Error fetching chunk ${index + 1}:`, error);
25943                        return [];
25944                    });
25945            })
25946        ).then(list => {
25947            const flatList = list.flat();
25948
25949            return flatList;
25950        });
25951
25952        return __allProductsPromise;
25953    }
25954
25955
25956    async function fetchAndRender(ids, selector, type, limit, options = {}) {
25957        const { filterFn, onRendered } = options;
25958        const allProducts = await fetchAllProducts();
25959        const idsArr = normalizeIds(ids);
25960        const idSet = new Set(idsArr.map(String));
25961
25962        let products = allProducts.filter(p => idSet.has(String(p.productId)));
25963
25964        if (typeof filterFn === "function") {
25965            products = products.filter(filterFn);
25966        }
25967
25968        products.sort((a, b) =>
25969            a.productShopsAttributes[2].productWholesalePrice - b.productShopsAttributes[2].productWholesalePrice
25970        );
25971
25972        if (typeof limit === "number") {
25973            products = products.slice(0, limit);
25974        }
25975
25976        const el = document.querySelector(selector);
25977        if (!el) return;
25978
25979        if (!products.length) {
25980            el.innerHTML = "---";
25981            return;
25982        }
25983
25984        const html = products.map(p => {
25985            try {
25986                return renderProduct(p, type);
25987            } catch (e) {
25988                return "";
25989            }
25990        }
25990).filter(Boolean).join("");
25991        el.innerHTML = html;
25992
25993        if (typeof onRendered === "function") {
25994            onRendered({ selector, type, products, ids: idsArr });
25995        }
25996    }
25997
25998    async function renderGroups(groups, onAllRendered) {
25999        await Promise.all(groups.map(g =>
26000            fetchAndRender(g.ids, g.selector, g.type, g.limit, g.options)
26001        ));
26002        if (typeof onAllRendered === "function") onAllRendered();
26003    }
26004
26005    function renderFromItems(items, ids, selector, type, limit, options = {}) {
26006        const { filterFn, onRendered } = options;
26007        const idsArr = normalizeIds(ids);
26008        const idSet = new Set(idsArr.map(String));
26009
26010        let products = items.filter(p => idSet.has(String(p.productId)));
26011
26012        if (typeof filterFn === "function") {
26013            products = products.filter(filterFn);
26014        }
26015
26016        products.sort((a, b) =>
26017            a.productShopsAttributes[2].productWholesalePrice - b.productShopsAttributes[2].productWholesalePrice
26018        );
26019
26020        if (typeof limit === "number") {
26021            products = products.slice(0, limit);
26022        }
26023
26024        const el = document.querySelector(selector);
26025        if (!el) return;
26026
26027        if (!products.length) {
26028            el.innerHTML = "---";
26029            return;
26030        }
26031
26032        const html = products.map(p => {
26033            try {
26034                return renderProduct(p, type);
26035            } catch (e) {
26036                return "";
26037            }
26038        }).filter(Boolean).join("");
26039        el.innerHTML = html;
26040
26041        if (typeof onRendered === "function") {
26042            onRendered({ selector, type, products, ids: idsArr });
26043        }
26044    }
26045
26046    function renderGroupsFromItems(items, groups, onAllRendered) {
26047        groups.forEach(g => renderFromItems(items, g.ids, g.selector, g.type, g.limit, g.options));
26048        if (typeof onAllRendered === "function") onAllRendered();
26049    }
26050
26051    var __renderStarted = false;
26052    var __renderedFresh = false;
26053
26054    async function startRender() {
26055
26056        if (__renderStarted) {
26057
26058            return;
26059        }
26060        __renderStarted = true;
26061
26062
26063        // Poczekaj na zaladowanie list ID ze zrodla JSON (goldozdwa + silveroz), max 4s.
26064        // GROUPS budujemy dopiero pozniej, wiec biora juz swieze window.IDS.*.
26065        try {
26066            const ext = window.__idsExternalFetch || {};
26067            const waits = ["goldozdwa", "silveroz"]
26068                .map(function (k) { return ext[k]; })
26069                .filter(function (p) { return p && typeof p.then === "function"; })
26070                .map(function (p) { return Promise.resolve(p).catch(function () { }); });
26071            if (waits.length) {
26072                await Promise.race([
26073                    Promise.all(waits),
26074                    new Promise(function (res) { setTimeout(res, 4000); })
26075                ]);
26076            }
26077        } catch (e) { /* lecimy z tym co jest w IDS */ }
26078
26079
26080
26081
26082        // Check if #container has class main_page
26083        const container = document.querySelector('#container');
26084        const isMainPage = container && container.classList.contains('main_page');
26085
26086
26087        var GROUPS = [];
26088
26089        // Only render these groups if on main_page
26090        if (isMainPage) {
26091            GROUPS = [
26092                { ids: IDS.goldozdwa, selector: SELECTORS.gold, type: "bar", limit: 14 },
26093                { ids: (window.__bazaSilveroz && window.__bazaSilveroz.silveroz_new) || IDS.silveroz || [], selector: SELECTORS.silver, type: "bar", limit: 14 },
26094
26095
26096                { ids: IDS.wiede, selector: SELECTORS.wiede, type: "list", limit: IDS.wiede.length },
26097                { ids: IDS.brit, selector: SELECTORS.brit, type: "list", limit: IDS.brit.length },
26098                { ids: IDS.maple, selector: SELECTORS.maple, type: "list", limit: IDS.maple.length },
26099                { ids: IDS.kanguro, selector: SELECTORS.kangur, type: "list", limit: IDS.kanguro.length },
26100                { ids: IDS.eagle, selector: SELECTORS.eagle, type: "list", limit: 6 },
26101                { ids: IDS.krugerant, selector: SELECTORS.krugerant, type: "list", limit: IDS.krugerant.length },
26102
26103
26104
26105                { ids: IDS.extra, selector: SELECTORS.basket, type: "buy", limit: 9 },
26106
26107                { ids: IDS.getIDSgoldozdwa, selector: SELECTORS.goldsix, type: "bigsix", limit: 6 },
26108                { ids: IDS.getIDsilveroz, selector: SELECTORS.silver
26108six, type: "bigsix", limit: 6 },
26109                { ids: IDS.getIDpromotion, selector: SELECTORS.carusel_promotion_a, type: "promotion", limit: 5 },
26110            ];
26111        }
26112
26113        const cached = readCache();
26114        if (cached && cached.length && isMainPage) {
26115            __allProductsPromise = Promise.resolve(cached);
26116            renderGroupsFromItems(cached, GROUPS, function () {
26117                showBestPrice(".gold_blockBid_betst_price", ".produkty_main_cena.gold_constn .price_item", 0);
26118                showBestPrice(".silver_blockBid_betst_price", ".produkty_main_cena.silver_constn .price_item", 11);
26119            });
26120        }
26121
26122        if (!isMainPage) {
26123            __renderStarted = false;
26124            return;
26125        }
26126
26127        __allProductsPromise = __allProductsPromise || fetchAllProducts();
26128        const allProducts = await __allProductsPromise;
26129
26130        if (!Array.isArray(allProducts) || allProducts.length === 0) {
26131
26132            __renderStarted = false;
26133            setTimeout(startRender, 0);
26134            return;
26135        }
26136
26137        __renderedFresh = true;
26138        renderGroups(GROUPS, function () {
26139            showBestPrice(".gold_blockBid_betst_price", ".produkty_main_cena.gold_constn .price_item", 0);
26140            showBestPrice(".silver_blockBid_betst_price", ".produkty_main_cena.silver_constn .price_item", 11);
26141        });
26142
26143        if (allProducts.length) {
26144            writeCache(allProducts);
26145            setCookie(COOKIE_CACHE_KEY, `${Date.now()}|${allProducts.length}`, COOKIE_MAX_AGE_SECONDS);
26146        } else {
26147            clearCache();
26148        }
26149    }
26150
26151    /**
26152     * Find and display best price
26153     */
26154    function showBestPrice(blockSelector, priceSelector, index) {
26155        setTimeout(() => {
26156            const block = document.querySelector(blockSelector);
26157            const prices = Array.from(document.querySelectorAll(priceSelector)).map(x => x.textContent);
26158            if (block && prices[index]) block.innerHTML = prices[index];
26159        }, 1000);
26160    }
26161
26162    // Co godzine: pobierz listy ID na zywo, nadpisz localStorage, wyczysc cache produktow, przerysuj.
26163    // Ponowne wejscia na strone w ciagu godziny NIE pobieraja nic - id lezy w localStorage.
26164    function refreshEverything() {
26165        __fetchIdsLive().then(function () {
26166            __writeIdsCache();
26167            clearCache();
26168            __allProductsPromise = null;
26169            __renderStarted = false;
26170            __renderedFresh = false;
26171            startRender();
26172        });
26173    }
26174
26175    // Start renderu dopiero gdy DOM gotowy ORAZ listy ID gotowe
26176    // (__initIds: localStorage jesli <1h, inaczej siec + zapis). Bezpiecznik: 15 s.
26177    function __boot() {
26178        var guard = new Promise(function (res) { setTimeout(res, 15000); });
26179        window.__idsReady = __initIds();
26180        Promise.race([window.__idsReady, guard]).then(function () {
26181            startRender();
26182        });
26183    }
26184    if (document.readyState === "loading") {
26185        window.addEventListener("DOMContentLoaded", __boot);
26186    } else {
26187        __boot();
26188    }
26189
26190    // Co godzine odswiez listy ID + cache produktow.
26191    setInterval(refreshEverything, REFRESH_INTERVAL_MS);
26192
26193
26194</script>
26194</div><div class="menu_button_wrapper"><style>
26195    .product h3 a {
26196        text-align: center;
26197        font-size: 14px;
26198
26199        font-weight: 500 !important;
26200        width: 100%;
26201        margin: auto;
26202        height: fit-content !important;
26203        min-height: auto !important;
26204    }
26205
26206
26207    #consten_caruzela .slider:before{display: none !important;}
26208
26209    @media (max-width:728px) {
26210
26211        .filters_open aside {
26212            background: #fff;
26213            z-index: 99999;
26214        }
26215
26216        #content #paging_setting_top {
26217
26218            position: relative;
26219            z-index: 9999;
26220        }
26221
26222
26223        #paging_setting_top .f-dropdown.--small-md .f-dropdown-menu {
26224            max-width: 50%;
26225        }
26226
26227    }
26228
26229    #filter_list {
26230        margin-bottom: 1rem;
26231        position: sticky;
26232        top: 70px;
26233        z-index: 9;
26234        display: flex;
26235        gap: 10px;
26236        align-items: center;
26237        justify-content: space-between;
26238        margin-top: 40px !important;
26239        z-index: 999;
26240    }
26241
26242    .btn_wloczLabel {
26243        display: flex;
26244        font-size: 11px;
26245        font-weight: bold;
26246        color: var(--maincolor);
26247        align-items: center;
26248        gap: 10px;
26249        padding: 1px 0px;
26250        /* border-top: solid 1px #e4e4e4; */
26251        border: solid 1px #f3f3f3;
26252        border-radius: 10px;
26253        display: flex;
26254        justify-content: center;
26255        max-width: 140px;
26256        margin-left: 20px;
26257
26258        &:hover {
26259            background: var(--twocolor);
26260        }
26261    }
26262
26263
26264
26265    .label_weight {
26266        z-index: 6;
26267        background: var(--twocolor);
26268
26269        position: absolute;
26270        top: 240px;
26271        border-radius: 10px;
26272
26273        font-weight: bold;
26274
26275        bottom: auto;
26276        left: auto;
26277        right: auto;
26278
26279        &:hover {
26280            background: #fff;
26281        }
26282    }
26283
26284
26285    .label_weight a,
26286    .label_weight span {
26287        color: var(--maincolor);
26288        background: var(--twocolor);
26289        font-weight: normal !important;
26290        display: block;
26291        padding: 6px 10px;
26292        border-radius: 10px;
26293        font-weight: bold;
26294        font-size: 13px;
26295        bottom: auto;
26296        left: auto;
26297        right: auto;
26298        border: solid 1px transparent;
26299
26300        &:hover {
26301            background: #fff;
26302            border: solid 1px var(--maincolor);
26303        }
26304    }
26305
26306
26307    /* The switch - the box around the slider */
26308    .switch {
26309        font-size: 17px;
26310        position: relative;
26311        display: inline-block;
26312        width: 30px;
26313        height: 20px;
26314    }
26315
26316    /* Hide default HTML checkbox */
26317    .switch input {
26318        opacity: 0;
26319        width: 0;
26320        height: 0;
26321    }
26322
26323    /* The slider */
26324    .slider {
26325        position: absolute;
26326        cursor: pointer;
26327        inset: 0;
26328        border: 1px solid #bcbcbc;
26329        border-radius: 50px;
26330        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
26331        transition: all .2s;
26332    }
26333
26334    .slider:before {
26335        position: absolute;
26336        content: "";
26337        height: 15px;
26338        width: 15px;
26339        left: 1px;
26340        right: auto;
26341        bottom: 2px;
26342        background-color: var(--maincolor);
26343        border-radius: inherit;
26344        transition: all 0.4s cubic-bezier(0.23, 1, 0.320, 1);
26345
26346        transform: translateX(0px);
26347    }
26348
26349
26350    @keyframes sliderKnobPulse {
26351
26352        0%,
26353        100% {
26354            box-shadow: 0 0 0 0 rgba(65, 65, 65, 0.15);
26355        }
26356
26357        50% {
26358            box-shadow: 0 0 0 4px rgba(65, 65, 65, 0.05);
26359        }
26360    }
26361
26362    /* .switch input+.slider {
26363        box-shadow: 0 0 20px rgba(9, 117, 241, 0.8);
26364        border: 2px solid #0974f1;
26365    } */
26366
26367    .btn_wloczLabel.active .switch .slider:before {
26368        /* transform: translateX(10px); */
26369        left: 10px;
26370        background: green;
26371        transition: all .2s;
26372    }
26373
26374
26375    body #content .produx_size .product {
26376
26377        .label_weight {
26378            z-index: 9;
26379            background: var(--twocolor);
26380            position: absolute;
26381            top: 210px !important;
26382            border-radius: 10px;
26383            font-weight: bold;
26384            bottom: auto;
26385            left: auto;
26386            right: auto;
26387            bottom: auto;
26388
26389            a {
26390                padding-top: 6px !important;
26391            }
26392        }
26393
26394
26395    }
26396
26397
26398    @media (max-width:728px) {
26399        .label_weight {
26400
26401
26402            position: absolute;
26403            top: 10px;
26404            /* padding: 2px 10px; */
26405            /* border-radius: 5px; */
26406            font-weight: bold;
26407            font-size: 10px;
26408            bottom: auto;
26409            left: 10px;
26410
26411            a {
26412                background: #fff !important;
26413            }
26414        }
26415    }
26416</style>
26417
26418
26419<script>
26420      function wagiPage() {
26421
26422            const getpageHref = window.location.href;
26423
26424
26425            if (
26426
26427                getpageHref.includes("-2687") ||
26428                getpageHref.includes("-2076") ||
26429                getpageHref.includes("-509") ||
26430                getpageHref.includes("-2296")
26431
26432            ) {
26433
26434                return
26435            }
26436
26437
26438
26439
26440            if (
26441                document.querySelector("#container").classList.contains("search_page")
26442            ) {
26443
26444                // "American Eagle 1 oz Gold 2022"
26445
26446                const WEIGHT_LABEL_COOKIE = "weight_labels_enabled";
26447                const TARGET_CATEGORY_PATH = "";
26448                let labelsObserver = null;
26449                let rerenderTimer = null;
26450                let isRenderingLabels = false;
26451                let suppressObserverUntil = 0;
26452
26453                function isLabelNode(node) {
26454                    return node && node.nodeType === 1 && node.classList && node.classList.contains("label_weight");
26455                }
26456
26457                function hasRelevantProductMutations(mutations) {
26458                    return mutations.some(mutation => {
26459                        const changedNodes = [...mutation.addedNodes, ...mutation.removedNodes];
26460                        if (!changedNodes.length) return false;
26461
26462                        return changedNodes.some(node => {
26463                            if (node.nodeType !== 1) return false;
26464                            if (isLabelNode(node)) return false;
26465
26466                            const insideLabel = node.closest && node.closest(".label_weight");
26467                            if (insideLabel) return false;
26468
26469                            const isProduct = node.matches && node.matches(".product, .product__name");
26470                            const insideProduct = node.closest && node.closest(".product, .product__name");
26471                            return Boolean(isProduct || insideProduct);
26472                        });
26473                    });
26474                }
26475
26476                function isTargetCategoryPage() {
26477                    if (!TARGET_CATEGORY_PATH) return true;
26478                    const currentPath = location.pathname.replace(/\/+$/, "");
26479                    const targetPath = TARGET_CATEGORY_PATH.replace(/\/+$/, "");
26480                    return currentPath === targetPath;
26481                }
26482
26483                function setCookie(name, value, days) {
26484                    const date = new Date();
26485                    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
26486                    document.cookie = `${name}=${value}; expires=${date.toUTCString()}; path=/`;
26487                }
26488
26489                function getCookie(name) {
26490                    const nameEq = `${name}=`;
26491                    const cookies = document.cookie.split(';');
26492
26493                    for (let index = 0; index < cookies.length; index += 1) {
26494                        let cookie = cookies[index];
26495                        while (cookie.charAt(0) === ' ') {
26496                            cookie = cookie.substring(1);
26497                        }
26498                        if (cookie.indexOf(nameEq) === 0) {
26499                            return cookie.substring(nameEq.length);
26500                        }
26501                    }
26502                    return null;
26503                }
26504
26505                function isWeightLabelEnabled() {
26506                    const cookieValue = getCookie(WEIGHT_LABEL_COOKIE);
26507                    if (cookieValue === null) {
26508                        setCookie(WEIGHT_LABEL_COOKIE, "1", 365);
26509                        return true;
26510                    }
26511                    return cookieValue !== "0";
26512                }
26513
26514                function clearWeightLabels() {
26515                    document.querySelectorAll("#search .product .label_weight").forEach(label => label.remove());
26516                }
26517
26518                function updateToggleButtonText() {
26519                    const toggleButton = document.querySelector(".btn_wloczLabel");
26520                    if (!toggleButton) return;
26521
26522                    const isEnabled = isWeightLabelEnabled();
26523                    toggleButton.classList.toggle("active", isEnabled);
26524
26525
26526                    const getBtbttext = `<label class="switch">
26527      <input type="checkbox" ${isEnabled ? "checked" : ""}>
26528  <span class="slider"></span>
26529</label>`
26530
26531                    toggleButton.innerHTML = isEnabled ? `
26532        
26533        ${langEn ? `Weight label: ${getBtbttext} ` : ""}
26534
26535
26536  ${langPl ? `Etykieta waga: ${getBtbttext}` : ""}
26537  ${langRo ? `Greutatea produsului: ${getBtbttext}` : ""}
26538    ${langDe ? `Produktetikett: ${getBtbttext}` : ""}
26539    ${langEs ? `Etiqueta de producto: ${getBtbttext}` : ""}
26540    ${langCs ? `Štítek produktu: ${getBtbttext}` : ""}
26541    ${langFr ? `Étiquette de produit: ${getBtbttext}` : ""}
26542    ${langHu ? `Termék címke: ${getBtbttext}` : ""}
26543    ${langIt ? `Etichetta prodotto: ${getBtbttext}` : ""}
26544    ${langBg ? `Етикет на продукта: ${getBtbttext}` : ""}
26545` :
26546
26547
26548                        `${langEn ? `Weight label: ${getBtbttext}` : ""}
26549    ${langPl ? `Etykieta waga: ${getBtbttext}` : ""}
26550    ${langRo ? `Greutatea produsului: ${getBtbttext}` : ""}
26551    ${langDe ? `Produktetikett: ${getBtbttext}` : ""}
26552    ${langEs ? `Etiqueta de producto: ${getBtbttext}` : ""}
26553    ${langCs ? `Štítek produktu: ${getBtbttext}` : ""}
26554    ${langFr ? `Étiquette de produit: ${getBtbttext}` : ""}
26555    ${langHu ? `Termék címke: ${getBtbttext}` : ""}
26556    ${langIt ? `Etichetta prodotto: ${getBtbttext}` : ""}
26557    ${langBg ? `Етикет на продукта: ${getBtbttext}` : ""}
26558`;
26559
26560                    const switchInput = toggleButton.querySelector('.switch input[type="checkbox"]');
26561                    if (switchInput) {
26562                        switchInput.checked = isEnabled;
26563                    }
26564                }
26565
26566                function handleToggleButtonClick(event) {
26567                    if (event.target.closest(".switch")) {
26568                        event.preventDefault();
26569                    }
26570                    setWeightLabelEnabled(!isWeightLabelEnabled());
26571                }
26572
26573                function setWeightLabelEnabled(enabled) {
26574                    setCookie(WEIGHT_LABEL_COOKIE, enabled ? "1" : "0", 365);
26575
26576                    if (enabled) {
26577                        shoWeightLabel();
26578                    } else {
26579                        clearWeightLabels();
26580                    }
26581
26582                    updateToggleButtonText();
26583                }
26584
26585                function shoWeightLabel() {
26586
26587                    isRenderingLabels = true;
26588                    suppressObserverUntil = Date.now() + 400;
26589                    try {
26590                        clearWeightLabels();
26591
26592
26593                        function applyCustomWeightByProductId() {
26594                            // Tu edytujesz ręczne mapowanie ID produktu -> etykieta wagi.
26595                            const customLabelsByProductId = {
26596                                "14320": "6,10 g",
26597                                "2699": "13,77 g",
26598                                "14201": "15,43 g",
26599                                "14319": " 3,05 g",
26600                                "13682": " 7,8 g",
26601                                "13825": "15,43 g",
26602                                "12315": "13,95 g",
26603                                "11108": "3,442 g",
26604                                "950": "3,442g",
26605                                "13180": "12,81 g",
26606                                "13192": "59,12 g",
26607                                "6372": "2 oz",
26608                                "3477": "9,0625 g",
26609                                "7016": "31,62 g",
26610                                "6105": "7,4 g",
26611                                "13908": "7,4 g",
26612                                "6635": "26,159 g",
26613                                "6292": "26,159 g",
26614                                "6636": "52,318 g",
26615                                "3230": "10,02g",
26616                                "3508": "10,875 g",
26617                                "8504": "2 oz",
26618                                "11833": "1 oz",
26619                                "3531": "1000g",
26620                                "6025": "13,95 g",
26621                                "6134": "7,4 g",
26622                                "6762": "26,159 g",
26623                                "6976": "14,8 g",
26624                                "7074": "26,159 g",
26625                                "7125": "23,17 g",
26626                                "7096": "93,9 g",
26627                                "5217": "14,8 g",
26628                                "5469": "2 oz",
26629                                "5935": " 11,1g",
26630                                "6961": "7,4 g",
26631                                "6972": "26,159 g",
26632                                "6973": "52,318 g",
26633                                "7154": "7,4 g",
26634                                "7155": "7,4 g",
26635                                "7158": "7,4g",
26636                                "7383": "20,73 g",
26637                                "8393": "14,8 g",
26638                                "8400": "26,159 g",
26639                                "9089": "26,159 g",
26640                                "9094": "2 oz",
26641                                "9703": "7,4g",
26642                                "9704": "14,8 g",
26643                                "10074": "20,80g",
26644                                "10356": "2 oz",
26645                                "10868": "200 g",
26646                                "11755": "7,4 g",
26647                                "12211": "7,4 g",
26648                                "12212": "14,8 g",
26649                                "12520": "52,31 g",
26650                                "13962": "111,65 g",
26651                                "14200": "32,75 g",
26652                                "14205": "23,17 g",
26653                                "14286": "26,19 g",
26654                                "7848": "7,4 g",
26655                                "8118": "7,4 g",
26656                                "8332": "2 oz",
26657                                "8392": "7,4 g",
26658                                "11893": "7,4 g",
26659                                "11894": "14,8 g",
26660                                "12328": "26,15 g",
26661                                "12551": "1,5 oz",
26662                                "14197": "23,17 g",
26663                                "11548": "2,25 g",
26664                                "11551": "5,625 g",
26665                                "11640": "2 oz",
26666
26667                                "14198": "31,56 g",
26668                                "12658": "13,95 g",
26669                                "14124": "1 oz",
26670                                "14123": "311 g",
26671                                "14543": "30,09 g",
26672                                "2890": "13,95 g",
26673                                "3091": "13,95 g",
26674                                "3099": "13,95 g",
26675                                "3123": "13,95 g",
26676                                "3204": "13,95 g",
26677                                "3244": "13,95 g",
26678                                "5190": "5.80 g",
26679                                "3625": "13,76 g",
26680                                "3625": "311 g",
26681                                "3625": "1000 g",
26682                                "14361": "1000 g",
26683                                "14359": "1000 g",
26684                                "12255": "5 g",
26685                                "12254": "12,49 g",
26686                                "4736": "14.47 g",
26687                                "4738": "14.47 g",
26688                                "14548": "25 g",
26689                                "8512": "1 oz",
26690                                "11962": "26,17 g",
26691                                "12993": "3,3 g",
26692                                "9976": "24,05 g",
26693                                "14377": "1,53 g",
26694                                "8489": "1 oz",
26695                                "9709": "1 oz",
26696
26697                                "14376": "1,53 g",
26698                                "14515": "7,31 g",
26699                                "14384": "1,25 oz",
26700                                "14710": "2,9 g",
26701                                "14711": "5,81 g",
26702                                "4079": "0,9 g",
26703                                "12623": "30,09 g",
26704                                "14375": "26,96 g",
26705                                "14374": "26,96 g",
26706                                "14376": "1,53 g",
26707                                "14596": "14,65 g",
26708                                "14695": "30,09 g",
26709                                "14360": "1000 g",
26710                                "14636": "16,81 g",
26711                                "3111": "15.03 g",
26712                                "14366": "8 g",
26713                                "14673": "14,2 g",
26714                                "3188": "5.80 g",
26715                                "3029": "5.80 g",
26716                                "14813": "3,67 g",
26717                                "3094": "7,2 g",
26718                                "9239": "30 g",
26719                                "14523": "57,54 g",
26720                                "15016": "13,95 g",
26721                            };
26722
26723                            document.querySelectorAll("#search .product h3 a").forEach(product => {
26724                                const productCard = product.closest(".product");
26725                                const productId = (
26726                                    (productCard && productCard.getAttribute("data-product_id")) ||
26727                                    product.getAttribute("data-product_id") ||
26728                                    product.getAttribute("data-product-id") ||
26729                                    ""
26730                                ).trim();
26731
26732                                const customLabel = customLabelsByProductId[productId];
26733                                if (!customLabel) return;
26734
26735                                product.insertAdjacentHTML("afterbegin", `
26736    <div class="label_weight" data-weight-label-source="custom-id" style="background:var(--twocolor);position:absolute">
26737        <span>${customLabel}</span>
26738    </div>
26739                `);
26740                            });
26741                        }
26742
26743                        applyCustomWeightByProductId();
26744
26745
26746                        document.querySelectorAll("#search .product__name").forEach(nameproduct => {
26747
26748
26749
26750
26751
26752                            const getnewNameprodukt = nameproduct.innerHTML;
26753                            // console.log('getnewNameprodukt::: ', getnewNameprodukt); 
26754                            // " 50p ",
26755
26756                            const getWegith = [" 1g", " 0,5g", "2 gramy", " 250 ", " 100g", " 5 g", " 500 g ", " 5 g ", " 50g", " 50 g", " 10 g", " 20g", " 10g", " 2,5", " 20 g", " 25 g", " 10 g", " 2 g ", " 1/25 ", " 5 u", " 1/20 ", " 1 g", " 1/2 ", " 5 g", "1 oz", "1/20 oz", " 2 oz", "1/4 oz", " 10 oz", "1 ounce", " 1/2 ", " 1/2 ", "1/4", "1/25", "0.5", "1/10", "1000 grams", "1 uncja", "1000 gram", "5 oz", "3 oz", "200 g", "15 g", "1 Once", " 2 o", " 2 u", " 1 ", " 100 g", " 30 ", " 0,5 ", " 10 u", " 3 o", " 3 u", " 5 g", " 5g", " 500g", " 250g", " 25g", " 1/50", "1/200"]
26757
26758
26759                            const matchedWeight = getWegith.find(w => getnewNameprodukt.includes(w))
26760
26761                            const normalizedWeights = {
26762                                "1 ounce": "1 oz",
26763                                "1/2 ": "1/2 oz",
26764                                "1/2": "1/2 oz",
26765                                "1/4": "1/4 oz",
26766                                "1/25": "1/25 oz",
26767                                "1/10": "1/10 oz",
26768                                "0.5": "0.5 g",
26769                                " 2 ": "2 oz",
26770                                " 1 ": "1 oz",
26771                                " 100 ": "100 g",
26772                                " 30 ": "30 g",
26773                                " 0,5 ": "0,5 g",
26774                                " 0,5g ": "0,5 g",
26775                                "1 uncja": "1 oz",
26776                                " 10 ": "10 oz",
26777                                " 10 u": "10 oz",
26778                                " 3 ": "3 oz",
26779                                "1000 gram": "1000 g",
26780                                " 1/25 ": "1/25 oz",
26781                                " 1/20 ": "1/20 oz",
26782                                " 1/2 ": "1/2 oz",
26783                                " 5 ": "5 oz",
26784                                " 5p ": "7,4 g",
26785                                " 50p ": "14,8 g",
26786                                " 2 g ": " 2 g ",
26787                                " 2,5": " 2.5 g ",
26788                                " 500 ": " 500 g ",
26789                                " 5 u": " 5 oz ",
26790                                " 1 g": " 1g ",
26791                                " 5g ": " 5 g ",
26792
26793                                // " £5 ": "26,159g",
26794                                // " 10 zł ": "13,08 g",
26795                                " 10g ": "10 g",
26796                                " 250 ": "250 g",
26797                                " 5 g": "5 g",
26798                                " 1 g": "1 g",
26799                                " 3 u": "3 oz",
26800                                " 2 u": "2 oz",
26801                            }
26802
26803                            const displayWeight = normalizedWeights[matchedWeight] || matchedWeight
26804                            const weightTrait510Ids = {
26805                                "1 oz": "481",
26806                                "1/2 oz": "906",
26807                                "2 oz": "580",
26808                                " 2 u": "580",
26809                                " 2 o": "580",
26810                                "1/10 oz": "483",
26811                                "1/4 oz": "485",
26812                                "0.5 g": "713",
26813                                "0.5": "713",
26814                                " 20 ": "634",
26815                                " 20 ": "634",
26816                                " 20 ": "512",
26817                                " 1g": "19",
26818
26819
26820
26821                                // "0.5": "713",
26822                            }
26823
26824                            const weightLinkAliases = {
26825                                " 1 ": "1 oz",
26826                                " 2 ": "2 oz",
26827                                " 1/10 ": "1/10 oz",
26828                            }
26829
26830                            const normalizedDisplayWeight = weightLinkAliases[displayWeight] || displayWeight
26831                            const normalizedMatchedWeight = weightLinkAliases[matchedWeight] || matchedWeight
26832                            const weightTrait510Id = weightTrait510Ids[normalizedDisplayWeight] || weightTrait510Ids[normalizedMatchedWeight]
26833
26834                            const weightHref = weightTrait510Id
26835                                ? `?filter_price=&filter_traits%5B1%5D=&filter_traits%5B510%5D=${weightTrait510Id}&filter_traits%5B512%5D=&filter_traits%5B304%5D=&filter_series=&filter_traits%5B69%5D=&filter_traits%5B9467%5D=&filter_traits%5B199%5D=&filter_traits%5B4880%5D=&filter_traits%5B9877%5D=&filter_traits%5B5578%5D=&filter_traits%5B5628%5D=&filter_traits%5B219%5D=&filter_traits%5B4582%5D=&filter_traits%5B607%5D=&filter_date=`
26836                                : null
26837                            const labelContent = weightHref
26838                                ? `<a href="${weightHref}">${displayWeight}</a>`
26839                                : `<span>${displayWeight}</span>`
26840
26841                            if (
26842                                getWegith.some(w => getnewNameprodukt.includes(w)) &&
26843                                !nameproduct.querySelector('.label_weight[data-weight-label-source="custom-id"]')
26844                            ) {
26845
26846                                nameproduct.insertAdjacentHTML("afterbegin", `
26847    
26848    <div class="label_weight" data-weight-label-source="name-match" style="background:var(--twocolor);position:absolute">
26849        ${labelContent}
26850        
26851        </div>
26852            
26853            `)
26854
26855                            }
26856
26857                        })
26858                    } finally {
26859                        isRenderingLabels = false;
26860                    }
26861
26862                }
26863
26864                function initWeightLabelToggle() {
26865                    if (!isTargetCategoryPage()) {
26866                        clearWeightLabels();
26867
26868                        const existingButton = document.querySelector(".btn_wloczLabel");
26869                        if (existingButton) {
26870                            existingButton.remove();
26871                        }
26872
26873                        if (labelsObserver) {
26874                            labelsObserver.disconnect();
26875                            labelsObserver = null;
26876                        }
26877
26878                        return;
26879                    }
26880
26881                    if (isWeightLabelEnabled()) {
26882
26883
26884                        shoWeightLabel();
26885
26886                    } else {
26887
26888
26889                        clearWeightLabels();
26890
26891
26892                    }
26893
26894
26895                    // const weightList = document.querySelector("#Filters #list_weight");
26896                    //          weightList.insertAdjacentHTML("afterbegin", `<div class="btn_wloczLabel">testr</div>`);
26897
26898
26899
26900                    // const weightList = document.querySelectorAll("#Filters .filters__block .filters__toggler")[3];
26901                    const weightList = document.querySelector("#Filters .waga_boks_show");
26902                    const toggleHost = weightList || document.body;
26903
26904                    let toggleButton = document.querySelector(".btn_wloczLabel");
26905
26906                    if (!toggleButton) {
26907                        toggleHost.insertAdjacentHTML("afterbegin", `<div class="btn_wloczLabel"></div>`);
26908                        toggleButton = document.querySelector(".btn_wloczLabel");
26909
26910
26911                    }
26912
26913                    if (!toggleButton.dataset.weightToggleBound) {
26914                        toggleButton.addEventListener("click", handleToggleButtonClick);
26915                        toggleButton.dataset.weightToggleBound = "1";
26916                    }
26917
26918                    updateToggleButtonText();
26919
26920                    const searchContainer = document.querySelector("#search");
26921                    if (searchContainer && !labelsObserver) {
26922                        labelsObserver = new MutationObserver((mutations) => {
26923                            if (!isWeightLabelEnabled() || isRenderingLabels) return;
26924                            if (Date.now() < suppressObserverUntil) return;
26925                            if (!hasRelevantProductMutations(mutations)) return;
26926
26927                            clearTimeout(rerenderTimer);
26928                            rerenderTimer = setTimeout(() => {
26929                                shoWeightLabel();
26930                            }, 180);
26931                        });
26932
26933                        labelsObserver.observe(searchContainer, {
26934                            childList: true,
26935                            subtree: true,
26936                        });
26937                    }
26938                }
26939
26940                initWeightLabelToggle();
26941
26942            }
26943
26944
26945        }
26946
26947
26948        wagiPage()
26949</script>
26949</div></section>
26949<script>
26950		const instalmentData = {
26951			
26952			currency: 'zł',
26953			
26954			
26955					basketCost: 0,
26956				
26957					basketCostNet: 0,
26958				
26959			
26960			basketCount: parseInt(0, 10),
26961			
26962			
26963					price: 0,
26964					priceNet: 0,
26965				
26966		}
26967	</script>
26967<script type="application/ld+json">
26968		{
26969		"@context": "http://schema.org",
26970		"@type": "WebSite",
26971		
26972		"url": "https://www.metalelokacyjne.pl/",
26973		"potentialAction": {
26974		"@type": "SearchAction",
26975		"target": "https://www.metalelokacyjne.pl/search.php?text={search_term_string}",
26976		"query-input": "required name=search_term_string"
26977		}
26978		}
26979	</script>
26979<script>
26980                app_shop.vars.request_uri = "%2Fcontact-pol.html"
26981                app_shop.vars.additional_ajax = '/contact-pol.html'
26982            </script>
26982</footer>
26982<script src="/gfx/pol/envelope.js.gzip?r=1766060906"></script>
26982<script src="/gfx/pol/menu_suggested_shop_for_language.js.gzip?r=1766060906"></script>
26982            <!-- Google Tag Manager (noscript) -->
vendor: 84 bytes, lines 26982-26983
26982
26983                <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
26983GTM-WQ9X8N2P
vendor: 111 bytes, lines 26983-26985
26983"
26984                height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
26985            
26985<!-- End Google Tag Manager (noscript) -->            
26985<script>
26986            var google_tag_params = {
26987                'ecomm_pagetype': 'other',
26988                'ecomm_prodid': "",
26989                'ecomm_totalvalue': 0,
26990                'ecomm_quantity': "",
26991                'a': '',
26992                'g': ''
26993            };
26994            </script>
26994<script>
26995            window.Core = {};
26996            window.Core.basketChanged = function(newContent) {};</script>
26996<script>var inpostPayProperties={"isBinded":null}</script>
26996
26997<!-- Begin additional html or js -->
26998
26999
27000<!--SYSTEM - COOKIES CONSENT|4|-->
27001<script src="/ajax/getCookieConsent.php" id="cookies_script_handler"></script>
27001<script> function prepareCookiesConfiguration() {
27002  const execCookie = () => {
27003    if (typeof newIaiCookie !== "undefined") {
27004      newIaiCookie?.init?.(true);
27005    }
27006  };
27007
27008  if (document.querySelector("#cookies_script_handler")) {
27009    execCookie();
27010    return;
27011  }
27012  
27013  const scriptURL = "/ajax/getCookieConsent.php";
27014  if (!scriptURL) return;
27015  
27016  const scriptElement = document.createElement("script");
27017  scriptElement.setAttribute("id", "cookies_script_handler");
27018  scriptElement.onload = () => {
27019    execCookie();
27020  };
27021  scriptElement.src = scriptURL;
27022  
27023  document.head.appendChild(scriptElement);
27024}
27025 </script>
27025
27026
27027<!-- End additional html or js -->
27028<script id="iaiscript_2" data-requirements="eyJhbmFseXRpY3MiOlsiZ29vZ2xlYW5hbHl0aWNzIl19">
27029window.iaiscript_2 = ``;
27030</script>
27030<style>.grecaptcha-badge{position:static!important;transform:translateX(186px);transition:transform 0.3s!important;}.grecaptcha-badge:hover{transform:translateX(0);}</style>
27030<script>async function prepareRecaptcha(){var captchableElems=[];captchableElems.push(...document.getElementsByName("mailing_email"));captchableElems.push(...document.getElementsByName("client_login"));captchableElems.push(...document.getElementsByName("from"));if(!captchableElems.length)return;window.iaiRecaptchaToken=window.iaiRecaptchaToken||await getRecaptchaToken("contact");captchableElems.forEach((el)=>{if(el.dataset.recaptchaApplied)return;el.dataset.recaptchaApplied=true;const recaptchaTokenElement=document.createElement("input");recaptchaTokenElement.name="iai-recaptcha-token";recaptchaTokenElement.value=window.iaiRecaptchaToken;recaptchaTokenElement.type="hidden";if(el.name==="opinionId"){el.after(recaptchaTokenElement);return;}
27031el.closest("form")?.append(recaptchaTokenElement);});}
27032document.addEventListener("focus",(e)=>{const{target}=e;if(!target.closest)return;if(["order1","order2"].some(p=>window.location.href.includes(p)))return;if(!target.closest("input[name=mailing_email],input[name=client_login], input[name=client_password], input[name=client_firstname], input[name=client_lastname], input[name=client_email], input[name=terms_agree],input[name=from]"))return;prepareRecaptcha();},true);let recaptchaApplied=false;document.querySelectorAll(".rate_opinion").forEach((el)=>{el.addEventListener("mouseover",()=>{if(!recaptchaApplied){prepareRecaptcha();recaptchaApplied=true;}});});function getRecaptchaToken(event){if(window.iaiRecaptchaToken)return window.iaiRecaptchaToken;if(window.iaiRecaptchaTokenPromise)return window.iaiRecaptchaTokenPromise;const captchaScript=document.createElement('script');captchaScript.src="https://www.google.com/recaptcha/api.js?render=explicit";document.head.appendChild(captchaScript);window.iaiRecaptchaTokenPromise=new Promise((resolve,reject)=>{captchaScript.onload=function(){grecaptcha.ready(async()=>{if(!document.getElementById("googleRecaptchaBadge")){const googleRecaptchaBadge=document.createElement("div");googleRecaptchaBadge.id="googleRecaptchaBadge";googleRecaptchaBadge.setAttribute("style","position: relative; overflow: hidden; float: right; padding: 5px 0px 5px 5px; z-index: 2; margin-top: -75px; clear: both;");document.body.appendChild(googleRecaptchaBadge);}
27033let clientId=grecaptcha.render('googleRecaptchaBadge',{'sitekey':'6LfY2KIUAAAAAHkCraLngqQvNxpJ31dsVuFsapft','badge':'bottomright','size':'invisible'});const response=await grecaptcha.execute(clientId,{action:event});window.iaiRecaptchaToken=response;setInterval(function(){resetCaptcha(clientId,event)},2*61*1000);resolve(response);})}});return window.iaiRecaptchaTokenPromise;}
27034function resetCaptcha(clientId,event){grecaptcha.ready(function(){grecaptcha.execute(clientId,{action:event}).then(function(token){window.iaiRecaptchaToken=token;let tokenDivs=document.getElementsByName("iai-recaptcha-token");tokenDivs.forEach((el)=>{el.value=token;});});});}</script>
27034<script>app_shop.runApp();</script>
27034<img src="https://client886.idosell.com/checkup.php?c=6b4854d33171261ccfe789dca4fe2e4e" style="display:none" alt="pixel"></body></html>

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