CINXE.COM
Marketing sklepu internetowego z Traffic Trends - IdoSell
<!DOCTYPE html> <html lang="pl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="user-scalable=no, initial-scale = 1.0, maximum-scale = 1.0, width=device-width"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Marketing sklepu internetowego z Traffic Trends - IdoSell</title> <meta name="keywords" content=""/> <meta name="description" content="Marketing sklepu internetowego to nie tylko większy ruch na stronie, ale przede wszystkim większa sprzedaż. Sprawdź, jak pomoże Ci w tym Traffic Trends. Profesjonalne wsparcie marketingowe dla Twojego sklepu internetowego. Zobacz ofertę, dzięki której zyskasz nowych klientów."/> <link rel="canonical" href="https://www.idosell.com/pl/oferta-traffic-trends/"> <meta property="og:title" content="Marketing sklepu internetowego z Traffic Trends"/><meta property="og:type" content="website"/><meta property="og:locale" content="pl_PL"/><meta property="og:description" content="Marketing sklepu internetowego to nie tylko większy ruch na stronie, ale przede wszystkim większa sprzedaż. Sprawdź, jak pomoże Ci w tym Traffic Trends. Profesjonalne wsparcie marketingowe dla Twojego sklepu internetowego. Zobacz ofertę, dzięki której zyskasz nowych klientów."/><meta property="og:url" content="https://www.idosell.com/pl/oferta-traffic-trends/"/><meta property="og:image" content="https://www.idosell.com/gfx/new_design/img/homepage_idosell_shop_pl.png"/><meta property="og:site_name" content="IdoSell"/> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "LocalBusiness", "name": "IAI", "@id": "IdoSell", "image": [ "https://www.idosell.com/panel/file-gate.php?id=39557&ext=.png" ], "address": { "@type": "PostalAddress", "streetAddress": "Piastów 30", "addressLocality": "Szczecin", "addressRegion": "SZ", "postalCode": "71-064", "addressCountry": "PL" }, "geo": { "@type": "GeoCoordinates", "latitude": "53.41", "longitude": "14.53" }, "openingHoursSpecification": [ { "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Monday", "Tuesday", "Wednesday", "Thursday", "Friday" ], "opens": "09:00", "closes": "17:00" } ], "telephone": "+48 91 443 66 00" } </script> <link rel="stylesheet" href="/gfx/new_design/css/full.css?r=18"> <link rel="preconnect" href="https://fonts.googleapis.com"/> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap"/><link rel="shortcut icon" type="image/png" href="/gfx/icon-shop.png"/><script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "url": "https://www.idosell.com/pl/shop/", "potentialAction": { "@type": "SearchAction", "target": "https://www.idosell.com/pl/shop/search/?q={search_term_string}", "query-input": "required name=search_term_string" } } </script> <script type="text/javascript"> /* <![CDATA[ */ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)} ,i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-2810032-1', 'auto'); ga('send', 'pageview'); /* ]]> */ </script><meta name="facebook-domain-verification" content="85xl3o9hpzrjja5gjgq5o6b6pe0wvw" /></head> <body class="px-3 px-md-0 bg"><script> dataLayer = [{ 'internalIAINetwork': '' }]; </script><!-- Google Tag Manager --> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-MM74KX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MM74KX');</script> <!-- End Google Tag Manager --> <div class="layout d-flex flex-column"><script> var dynamicTXT = {"Demo":"Demo ","Informacja":"Informacja","JakZalozycSklepInternetowyX":"Jak za\u0142o\u017cy\u0107 sklep internetowy?","KodJestNiepoprawny":"Kod jest niepoprawny","MozliweZeNoweOpcjeNieSaJeszczeWidoczneWTwoimPaneluAdministarcyjnnym":"Mo\u017cliwe, \u017ce nowe opcje nie s\u0105 jeszcze widoczne w Twoim panelu administracyjnym.","NieMaZCzegoWybierac":"Nie ma z czego wybiera\u0107","NieZnalezionoWynikow":"Nie znaleziono wynik\u00f3w","OczekiwanaPrzezCiebieFunkcjonalnoscJestSukcesywnieInstalowanaWKolejnychSklepachIPowinnaPojawicSieWTwoimSklepieWTerminieDoDwochTygodni":"Oczekiwana przez Ciebie funkcjonalno\u015b\u0107 jest sukcesywnie instalowana w kolejnych sklepach i powinna pojawi\u0107 si\u0119 w Twoim sklepie w terminie do dw\u00f3ch tygodni.","Powrot":"Powr\u00f3t","PrzesunKolumnyTabelkiPalcem":"Przesu\u0144 kolumny tabelki palcem","WcisnijAbyWybrac":"Wci\u015bnij aby wybra\u0107","Wczytywanie":"Wczytywanie...","WybierzKraj":"Wybierz kraj","WybierzPanstwo":"Wybierz pa\u0144stwo","fpTopMenuInstallationTekst":"Procedura wdro\u017cenia","fpTopMenuManualTekst":"Poradnik","fpTopMenuOrderTekst":"Za\u0142\u00f3\u017c sklep","fpTopMenuTermsTekst":"Umowa, regulamin i rozliczenia","fpTopMenuTimeTekst":"Czas realizacji"};</script><header class="container"> <div class="header_content"> <div class="header__logo logo"> <a class="logo__link" href="https://www.idosell.com/pl/"> <img class="logo__image" src="/img/logo-idosell-dots.svg" alt="IdoSell" /> </a> </div> <nav class="header__menu menu"> <button type="button" class="menu__toggler d-md-none"> <i class="fas fa-bars"></i> </button> <div class="menu__collapse flex-column flex-md-row-reverse d-flex justify-content-start"> <ul class="d-md-flex main_menu_mobile order-2 order-md-0"> <li class="menu__item d-md-flex --small --align-right"> <a href="#" class="menu__link px-md-3 d-md-flex align-items-md-center"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none"> <path d="M16.5136 15.1375C15.5711 13.4832 14.0992 12.1941 12.335 11.4779C13.2123 10.8199 13.8604 9.90261 14.1874 8.85585C14.5143 7.8091 14.5037 6.686 14.1569 5.64564C13.8101 4.60528 13.1448 3.7004 12.2551 3.05919C11.3655 2.41797 10.2967 2.07293 9.20002 2.07293C8.10338 2.07293 7.03454 2.41797 6.14491 3.05919C5.25527 3.7004 4.58993 4.60528 4.24315 5.64564C3.89636 6.686 3.8857 7.8091 4.21268 8.85585C4.53967 9.90261 5.18771 10.8199 6.06502 11.4779C4.30084 12.1941 2.82899 13.4832 1.88639 15.1375C1.82799 15.2314 1.78906 15.3361 1.77192 15.4454C1.75479 15.5546 1.7598 15.6662 1.78665 15.7735C1.8135 15.8808 1.86166 15.9816 1.92824 16.0699C1.99482 16.1582 2.07848 16.2322 2.17425 16.2875C2.27001 16.3429 2.37591 16.3784 2.48567 16.3919C2.59543 16.4055 2.7068 16.3969 2.81316 16.3666C2.91951 16.3362 3.01869 16.2849 3.10478 16.2154C3.19088 16.146 3.26214 16.06 3.31433 15.9625C4.56008 13.8092 6.76008 12.525 9.20002 12.525C11.64 12.525 13.84 13.8099 15.0857 15.9625C15.1988 16.1444 15.3782 16.2751 15.586 16.3271C15.7937 16.3791 16.0136 16.3483 16.199 16.2411C16.3844 16.134 16.5209 15.959 16.5797 15.753C16.6384 15.547 16.6147 15.3263 16.5136 15.1375ZM5.62502 7.29999C5.62502 6.59292 5.83469 5.90173 6.22751 5.31383C6.62034 4.72592 7.17868 4.26771 7.83193 3.99712C8.48517 3.72654 9.20398 3.65574 9.89747 3.79368C10.5909 3.93163 11.228 4.27211 11.7279 4.77208C12.2279 5.27206 12.5684 5.90906 12.7063 6.60254C12.8443 7.29603 12.7735 8.01484 12.5029 8.66809C12.2323 9.32133 11.7741 9.87967 11.1862 10.2725C10.5983 10.6653 9.90709 10.875 9.20002 10.875C8.2522 10.8739 7.34352 10.4969 6.67332 9.82669C6.00311 9.15649 5.62611 8.24781 5.62502 7.29999Z" fill="#171717"/> </svg> <span class="d-md-none">Konto użytkownika</span></a> <ul class="submenu d-none"> <li class="submenu__item nav_item"> <a class="menu__link" href="https://www.idosell.com/pl/dashboard/?ref=%2Fpl%2Ftraffic-trends%2F" rel="nofollow">Zaloguj się</a> </li><li class="submenu__item nav_item"> <a class="menu__link" href="https://www.idosell.com/pl/order/" rel="nofollow">Zamów sklep</a> </li> </ul> </li> </ul> <form action="https://www.idosell.com/pl/search/" class="brand-search form ml-md-4"> <button type="submit" class="menu__link --search"> <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none"> <path d="M16.7837 15.5163L13.5188 12.25C14.4977 10.9743 14.9547 9.37405 14.7972 7.77379C14.6396 6.17353 13.8792 4.69312 12.6703 3.63287C11.4613 2.57262 9.89436 2.01193 8.28722 2.06453C6.68009 2.11712 5.15313 2.77908 4.0161 3.9161C2.87908 5.05313 2.21712 6.58009 2.16453 8.18723C2.11193 9.79436 2.67262 11.3613 3.73287 12.5703C4.79312 13.7792 6.27353 14.5396 7.87379 14.6972C9.47405 14.8547 11.0743 14.3977 12.35 13.4188L15.6177 16.6871C15.6944 16.7639 15.7855 16.8247 15.8858 16.8663C15.9861 16.9078 16.0935 16.9292 16.2021 16.9292C16.3106 16.9292 16.4181 16.9078 16.5183 16.8663C16.6186 16.8247 16.7097 16.7639 16.7864 16.6871C16.8632 16.6104 16.9241 16.5193 16.9656 16.419C17.0071 16.3187 17.0285 16.2113 17.0285 16.1028C17.0285 15.9942 17.0071 15.8868 16.9656 15.7865C16.9241 15.6862 16.8632 15.5951 16.7864 15.5184L16.7837 15.5163ZM3.825 8.40001C3.825 7.47538 4.09919 6.57151 4.61288 5.80271C5.12658 5.03391 5.85671 4.43471 6.71096 4.08087C7.5652 3.72703 8.50519 3.63445 9.41205 3.81483C10.3189 3.99522 11.1519 4.44047 11.8057 5.09428C12.4595 5.74809 12.9048 6.5811 13.0852 7.48796C13.2656 8.39482 13.173 9.33481 12.8191 10.1891C12.4653 11.0433 11.8661 11.7734 11.0973 12.2871C10.3285 12.8008 9.42463 13.075 8.5 13.075C7.26051 13.0737 6.07214 12.5808 5.19569 11.7043C4.31923 10.8279 3.82628 9.6395 3.825 8.40001Z" fill="#171717"/> </svg> </button> <div class="form__group container"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path d="M15.9837 15.0163L12.7188 11.75C13.6977 10.4743 14.1547 8.87404 13.9972 7.27378C13.8396 5.67352 13.0792 4.19312 11.8703 3.13287C10.6613 2.07262 9.09437 1.51192 7.48723 1.56452C5.88009 1.61712 4.35313 2.27907 3.21611 3.4161C2.07908 4.55312 1.41713 6.08008 1.36453 7.68722C1.31193 9.29436 1.87263 10.8613 2.93288 12.0703C3.99312 13.2792 5.47353 14.0396 7.07379 14.1972C8.67405 14.3547 10.2743 13.8977 11.55 12.9187L14.8177 16.1871C14.8944 16.2639 14.9855 16.3247 15.0858 16.3663C15.1861 16.4078 15.2935 16.4292 15.4021 16.4292C15.5106 16.4292 15.6181 16.4078 15.7183 16.3663C15.8186 16.3247 15.9097 16.2639 15.9864 16.1871C16.0632 16.1104 16.1241 16.0193 16.1656 15.919C16.2071 15.8187 16.2285 15.7113 16.2285 15.6027C16.2285 15.4942 16.2071 15.3868 16.1656 15.2865C16.1241 15.1862 16.0632 15.0951 15.9864 15.0184L15.9837 15.0163ZM3.02501 7.9C3.02501 6.97537 3.29919 6.07151 3.81289 5.30271C4.32658 4.53391 5.05672 3.9347 5.91096 3.58086C6.76521 3.22702 7.70519 3.13444 8.61206 3.31483C9.51892 3.49521 10.3519 3.94046 11.0057 4.59428C11.6595 5.24809 12.1048 6.08109 12.2852 6.98795C12.4656 7.89481 12.373 8.8348 12.0191 9.68904C11.6653 10.5433 11.0661 11.2734 10.2973 11.7871C9.5285 12.3008 8.62464 12.575 7.70001 12.575C6.46051 12.5737 5.27215 12.0808 4.39569 11.2043C3.51923 10.3279 3.02628 9.1395 3.02501 7.9Z" fill="#C8C8C8"/> </svg> <input name="q" type="text" class="form__input" placeholder="Wpisz czego szukasz" autocomplete="off"/> <button type="search" class="button --solid">Szukaj</button> <input type="hidden" name="title" value="all"/> </div> </form> <ul class="d-md-flex pt-0 order-3 order-md-0"><li class="menu__item d-md-flex --small"><a class="menu__link d-md-flex align-items-md-center" href="https://www.idosell.com/pl/oferta-idosell/" data-dropdown="hover0" data-options="is_hover:true;">Oferta</a><ul class="submenu d-none"><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/oferta-idosell/" class="menu__link">Oferta IdoSell</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/abonamenty/" class="menu__link">Abonamenty</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/sprzedaz-miedzynarodowa/" class="menu__link">Crossborder z IdoSell</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/implementation-package/pakiety-wdrozeniowe/" class="menu__link">Wdrożenie sklepu</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/opieka-graficzna-webmasterska/" class="menu__link">Personalizacja powdrożeniowa sklepu</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/support/unikalne-wsparcie-w-ramach-abonamentu-przy-zakladaniu-oraz-prowadzeniu-sklepu-internetowego/" class="menu__link">Nieograniczone wsparcie techniczne</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/safety/bezpieczny-sklep-internetowy-idosell-z-sla-na-poziomie-99-98/" class="menu__link">Bezpieczeństwo i infrastruktura serwerowa</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/safety/legalshop/sklep-internetowy-zgodny-z-prawem/" class="menu__link">Sklep zgodny z prawem</a></li></ul></li><li class="menu__item d-md-flex"><a class="menu__link d-md-flex align-items-md-center" href="https://www.idosell.com/pl/tysiace-gotowych-do-uzycia-funkcji/">Możliwości</a><ul class="submenu d-none"><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/sales/sprzedaz-w-sklepie-internetowym-idosell/" class="menu__link">Sprzedaż</a><ul class="subsubmenu d-none"><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/checkout/szybsze-i-wygodniejsze-zakupy-z-wieksza-konwersja-express-chcekout/" class="menu__link">Szybkie płatności</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/functions/subscription-module/rozpocznij-sprzedaz-subskrypcyjna-z-idosell/" class="menu__link">Sprzedaż subskrypcyjna</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/b2b/uruchom-hurtownie-internetowa-w-idosell-i-skutecznie-zarzadzaj-relacjami-b2b/" class="menu__link">Sprzedaż hurtowa (B2B)</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/multishop/" class="menu__link">Multishop</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/omnichannel/sprzedaz-wielokanalowa-w-sklepie-internetowym/" class="menu__link">Obsługa sprzedaży stacjonarnej</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/self-publishing/obsluga-self-publishing-sprzedawaj-swobodnie-wlasne-ksiazki-kursy-muzyke-wszystko-co-kreatywnie-stworzysz-przez-idosell/" class="menu__link">Obsługa self-publishing</a></li></ul></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/marketing/" class="menu__link">Marketing</a><ul class="subsubmenu d-none"><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/traffic-trends/allegro-ads/allegro-ads-prowadzenie-kampanii-z-traffic-trends/" class="menu__link">Allegro Ads</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/traffic-trends/meta-ads/facebook-ads-i-instagram-ads-prowadzenie-kampanii-z-traffic-trends/" class="menu__link">Facebook Ads</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/reklamy-google-od-idosell/" class="menu__link">Google Ads</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/marketing/automation/marketing-automation-system-automatyzacji-marketingu-w-sklepie-internetowym/" class="menu__link">Marketing automation</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/traffic-trends/seo-traffic/pozycjonowanie-i-optymalizacja-sklepu-internetowego-z-traffic-trends/" class="menu__link">Pozycjonowanie sklepu internetowego</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/marketing/affiliate-program/program-partnerski-w-sklepie-internetowym/" class="menu__link">Program partnerski</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/marketing/loyalty-program/program-lojalnosciowy/" class="menu__link">Program lojalnościowy</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/recommendations/inteligentny-system-rekomendacji-produktowych-idosell-rs/" class="menu__link">Rekomendacje produktowe IdoSell RS</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/marketing/" class="menu__link">Wsparcie kampanii promocyjnych i marketingowych</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/integrations/trade-tracker/tradetracker/" class="menu__link">Systemy afiliacyjne</a></li></ul></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/" class="menu__link">Poprawa konwersji</a><ul class="subsubmenu d-none"><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/functions/searching-pro/searching-pro-the-intelligent-text-search-engine/" class="menu__link">Inteligentna wyszukiwarka tekstowa (AI)</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/recommendations/inteligentny-system-rekomendacji-produktowych-idosell-rs/" class="menu__link">Inteligentne rekomendacje produktów (AI)</a></li></ul></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/otworz-swoj-wlasny-sklep-internetowy/" class="menu__link">Wygląd sklepu</a><ul class="subsubmenu d-none"><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/design/standard/standard-estetycznie-standardowo-natychmiast/" class="menu__link">Szablon Standard</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/kolekcje-towarow/" class="menu__link">Kolekcje</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/sklep-rwd-mobile/" class="menu__link">Sklep RWD</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/opieka-graficzna-webmasterska/" class="menu__link">Customizacja dowolnych elementów sklepu</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/design-gallery/galeria-designow-idosell/" class="menu__link">Galeria designów</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/design/logo/projektowanie-logo-firmy-i-sklepu-internetowego-z-idosell/" class="menu__link">Projektowanie logo</a></li></ul></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/logistics/procesy-i-logistyka-w-sklepie-idosell/" class="menu__link">Procesy i logistyka</a><ul class="subsubmenu d-none"><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/wms/system-zarzadzania-magazynem-wms/" class="menu__link">System zarządzania magazynem (WMS)</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/erp/integracja-z-systemem-erp-sklepu-internetowego-idosell/" class="menu__link">Funkcje i Integracja z ERP</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/functions/returns/zwroty-towarow-sprzedanych-w-sklepie-internetowym/" class="menu__link">Obsługa zwrotów towarów</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/functions/complaints/complaints/" class="menu__link">Moduł reklamacji (RMA)</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/justintime/just-in-time-deliveries-with-idosell/" class="menu__link">Obsługa dropshipping i cross-docking</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/wms/fulfillment/fulfillment-czyli-kompleksowa-obsluga-procesow-magazynowych-przez-wyspecjalizowana-firme-zewnetrzna/" class="menu__link">Pełna obsługa fulfillment</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/sprzedaz-plikow-cyfrowych/" class="menu__link">Sprzedaż plików</a></li></ul></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/wealthon/" class="menu__link">Finansowanie</a><ul class="subsubmenu d-none"><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/wealthon/" class="menu__link">Wealthon</a></li></ul></li></ul></li><li class="menu__item d-md-flex --small"><a class="menu__link d-md-flex align-items-md-center" href="https://www.idosell.com/pl/services/ecommerce-services/" data-dropdown="hover2" data-options="is_hover:true;">Usługi</a><ul class="submenu d-none"><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/audyt-sklepu-internetowego/" class="menu__link">Audyt sklepu internetowego</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/services/whatwedo/co-mozemy-zrobic-dla-twojego-sklepu/" class="menu__link">Co możemy zrobić dla Twojego sklepu</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/services/custom-apps/programowanie-indywidualnych-rozwiazan/" class="menu__link">Indywidualne rozwiązania</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/services/import/import-danych-do-sklepu-internetowego-idosell/" class="menu__link">Importy danych</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/opieka-graficzna-webmasterska/" class="menu__link">Obsługa graficzna po wdrożeniu</a></li></ul></li><li class="menu__item d-md-flex --small"><a class="menu__link d-md-flex align-items-md-center" href="https://www.idosell.com/pl/integracje/" data-dropdown="hover3" data-options="is_hover:true;">Integracje</a><ul class="submenu d-none"><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/kurierzy/" class="menu__link">Kurierzy</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/systemy-platnosci-obslugiwane-w-idosell/" class="menu__link">Płatności</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/marketplaces-sprzedawaj-swoje-towary-w-wielu-miejscach-jednoczesnie-na-calym-swiecie/integracja-sklepu-internetowego-z-serwisem-aukcyjnym-allegro/" class="menu__link">Allegro</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/amazon/integracja-sklepu-internetowego-z-amazon/" class="menu__link">Amazon</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/marketplaces/" class="menu__link">Marketplaces</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/-integracje-gotowe-do-wlaczenia-jednym-kliknieciem-porownywarki-katalogi-serwisy-opinii/" class="menu__link">Porównywarki, katalogi i serwisy opinii</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/wms/fulfillment/fulfillment-czyli-kompleksowa-obsluga-procesow-magazynowych-przez-wyspecjalizowana-firme-zewnetrzna/" class="menu__link">Fulfillment (outsourcing magazynu i wysyłki)</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/integracja-z-hurtowniami/" class="menu__link">Integracja z hurtowniami</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/systemy-erp/" class="menu__link">Systemy ERP</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/partners/do-you-want-to-become-an-iai-partner/" class="menu__link">Dla partnerów</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/dla-developerow/" class="menu__link">Dla developerów</a></li></ul></li><li class="menu__item d-md-flex --small"><a class="menu__link d-md-flex align-items-md-center" href="https://www.idosell.com/pl/baza-wiedzy/" data-dropdown="hover4" data-options="is_hover:true;">Edukacja</a><ul class="submenu d-none"><li class="submenu__item nav_item"><a href="https://pomoc.idosell.com" class="menu__link">Pomoc IdoSell</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/knowledge-base/beginners-guide/e-commerce-od-czego-zaczac/" class="menu__link">E-commerce - od czego zacząć</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/knowledge-base/safety/sprawy-prawne-w-sklepie-internetowym/" class="menu__link">Prawo i bezpieczeństwo</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/przygotowanie-sklepu-do-sprzedazy/" class="menu__link">Przygotowanie sklepu do sprzedaży</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/knowledge-base/multichannel-sales/sprzedaz-w-wielu-miejscach-multichannel/" class="menu__link">Sprzedaż w wielu miejscach (Multichannel)</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/historie-klientow-idosell/" class="menu__link">Historie klientów IdoSell</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/podcast/posluchaj-podcastow-idosell-o-e-commerce/" class="menu__link">Śniadanie z e-commerce - podcast IdoSell</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/baza-wiedzy/webinary/" class="menu__link">Webinary IdoSell</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/knowledge-base/growth-strategy/wyglad-sklepu-internetowego/" class="menu__link">Zwiększanie Sprzedaży</a></li></ul></li><li class="menu__item d-md-flex --small"><a class="menu__link d-md-flex align-items-md-center" href="https://www.idosell.com/pl/blog/" data-dropdown="hover5" data-options="is_hover:true;">Blog</a><ul class="submenu d-none"><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/blog/edu" class="menu__link">Blog edu</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/blog/info" class="menu__link">Blog produktowy</a></li></ul></li><li class="menu__item d-md-flex --small"><a class="menu__link d-md-flex align-items-md-center" href="https://www.idosell.com/pl/abonamenty/" data-dropdown="hover6" data-options="is_hover:true;">Załóż sklep</a><ul class="submenu d-none"><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/abonamenty/" class="menu__link">ZAMÓW SKLEP</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/demo/try-idosell-demo-for-free/" class="menu__link">DEMO</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/knowledge-base/beginners-guide/installation/etapy-instalacji-sklepu-internetowego-idosell/" class="menu__link">Procedura wdrożenia</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/personalizacja-sklepu-internetowego/" class="menu__link">Czas realizacji</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/blog/jak-zalozyc-sklep-internetowy-w-2023-roku-1235327227/" class="menu__link">Jak założyć sklep internetowy?</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/uslugi/wdrozenie-sklepu-internetowego/sklep-pod-klucz/" class="menu__link">Gotowe sklepy internetowe</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/szczegolowy-cennik-idosell/" class="menu__link">Szczegółowy cennik</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/terms/regulamin-idosell/" class="menu__link">Umowa i regulamin</a></li></ul></li><li class="menu__item d-md-flex --small"><a class="menu__link d-md-flex align-items-md-center" href="https://www.idosell.com/pl/migracja/">Migracja</a></li><li class="menu__item d-md-flex --small"><a class="menu__link d-md-flex align-items-md-center" href="https://www.idosell.com/pl/contact/skontaktuj-sie-z-nami-i-uzyskaj-unikalna-pomoc-w-prowadzeniu-sklepu-internetowego-idosell/" data-dropdown="hover8" data-options="is_hover:true;">KONTAKT</a><ul class="submenu d-none"><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/support/unikalne-wsparcie-w-ramach-abonamentu-przy-zakladaniu-oraz-prowadzeniu-sklepu-internetowego/" class="menu__link">Skontaktuj się z naszymi specjalistami</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/support/training/szkolenia-z-obslugi-uslugi-idosell-shop/" class="menu__link">Szkolenia dla klientów</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/partners/do-you-want-to-become-an-iai-partner/" class="menu__link">Dla partnerów</a></li><li class="submenu__item nav_item"><a href="https://www.iai-sa.com/pl/dsa/" class="menu__link">DSA</a></li></ul></li></ul> <div class="aside_mobile d-md-none bg-alternate order-1 order-md-0 main_menu_mobile"></div> </div> </nav> </div> </header> <div class="container mb-5"> <div class="row content align-items-start"> <div class="col-md-12"><script> var dynamicTXT = {"Demo":"Demo ","Informacja":"Informacja","JakZalozycSklepInternetowyX":"Jak za\u0142o\u017cy\u0107 sklep internetowy?","KodJestNiepoprawny":"Kod jest niepoprawny","MozliweZeNoweOpcjeNieSaJeszczeWidoczneWTwoimPaneluAdministarcyjnnym":"Mo\u017cliwe, \u017ce nowe opcje nie s\u0105 jeszcze widoczne w Twoim panelu administracyjnym.","NieMaZCzegoWybierac":"Nie ma z czego wybiera\u0107","NieZnalezionoWynikow":"Nie znaleziono wynik\u00f3w","OczekiwanaPrzezCiebieFunkcjonalnoscJestSukcesywnieInstalowanaWKolejnychSklepachIPowinnaPojawicSieWTwoimSklepieWTerminieDoDwochTygodni":"Oczekiwana przez Ciebie funkcjonalno\u015b\u0107 jest sukcesywnie instalowana w kolejnych sklepach i powinna pojawi\u0107 si\u0119 w Twoim sklepie w terminie do dw\u00f3ch tygodni.","Powrot":"Powr\u00f3t","PrzesunKolumnyTabelkiPalcem":"Przesu\u0144 kolumny tabelki palcem","WcisnijAbyWybrac":"Wci\u015bnij aby wybra\u0107","Wczytywanie":"Wczytywanie...","WybierzKraj":"Wybierz kraj","WybierzPanstwo":"Wybierz pa\u0144stwo","fpTopMenuInstallationTekst":"Procedura wdro\u017cenia","fpTopMenuManualTekst":"Poradnik","fpTopMenuOrderTekst":"Za\u0142\u00f3\u017c sklep","fpTopMenuTermsTekst":"Umowa, regulamin i rozliczenia","fpTopMenuTimeTekst":"Czas realizacji"};</script> <style> .hs-cta-wrapper a { pointer-events: none; } </style> <main class="template"> <section id="hero_section" class="main_banner"> <div class="main_banner__container col-12 col-md-6 px-0"> <h3 class="main_banner__eyebrow --green">Wypromuj swój sklep</h3> <h1 class="main_banner__title"> Marketing sklepu internetowego z Traffic Trends</h1> </div> <div id="mauticform_wrapper_heroform" class="form_container col-12 col-md-6 col-lg-5 px-md-0 my-5 my-md-0"> <div class="form_wrapper"> <script charset="utf-8" type="text/javascript" src="//js-eu1.hsforms.net/forms/embed/v2.js"></script> <script> hbspt.forms.create({ region: "eu1", portalId: "26134891", formId: "dd52685e-e7af-4499-8c2b-68b52959c3c0" }); </script> <style> .hbspt-form { background: transparent; } .legal-consent-container .hs-form-booleancheckbox-display>span { margin-left: 35px !important; } ul.no-list.hs-error-msgs.inputs-list { margin-top: 10px; } ul.no-list.hs-error-msgs.inputs-list label { color: #f2545b; } .hs-input[type=checkbox] { position: absolute; opacity: 0; left: 0; bottom: 0; } .submitted-message { display: flex; align-items: center; justify-content: center; padding: 20px; } label.hs-form-booleancheckbox-display > span { position: relative; } label.hs-form-booleancheckbox-display > span:before { content: ''; background: transparent; border: 1px solid #ccc; text-align: center; width: 23px; height: 23px; font-size: 1.4rem; transition: border 0.15s, background-color 0.15s; position: absolute; top: 0; left: 0; display: block; border-radius: 5px; left: -35px; } .hs-input[type=checkbox]:checked ~ span:before { background: #1FD18E; border: 1px solid #1FD18E; } .hs-input[type=checkbox]:checked ~ span::after { content: ''; left: calc(-35px + (8px/2)); top: calc(6px); width: 100%; height: 100%; display: block; position: absolute; background: url(https://www.idosell.com/panel/file-gate.php?id=187844&ext=.svg); background-repeat: no-repeat; } .hbspt-form fieldset { max-width: 100% !important; } .hbspt-form h3 { font-size: 32px; } .form-columns-0 { margin-bottom: 35px !important; } .hbspt-form .form-title { font-size: 22px; color: black; } .hs-input:not([type=file]) { background-color: transparent !important; padding: 11px 18px; border-radius: 30px; margin-top: 5px; width: 100%; border: 1.5px solid #adadad; } .hbspt-form label { color: black; } .hbspt-form .input { margin-top: 5px; } .hs-input:focus { outline: 1.5px solid black; } fieldset.form-columns-2, fieldset.form-columns-1 { margin-bottom: 15px; } .hs-button { background: black; color: white; padding: 12px 70px; border-radius: 25px; font-size: 16px; } .hs-form-field .inputs-list { padding: 0; list-style: none; } .hs-fieldtype-select .hs-input { width: 100% !important; } .hs-form-booleancheckbox-display span p { font-size: 12px; } .submitted-message { color: black; font-size: 22px; } </style> </div> </div> <a class="down_arrow__hyperlink" href="#benefits"> <img src="https://www.idosell.com/panel/file-gate.php?id=185795&ext=.svg" class="down-arrow" alt="Strzałka prowadząca do następnej sekcji"> </a> </section> <style> html { scroll-behavior: smooth; } .text-container h2 { margin-bottom: 0; } body { overflow-x: hidden; } .layout div.container { margin-bottom: 0 !important; } .section { padding: 30px 0; margin: 0; } /* Paddingi dla sekcji hero */ #hero_section { position: relative; padding: 50px 0 70px 0; color: white; align-items: center; } #hero_section .main_banner__additional_title { display: block; font-weight: 400; } #hero_section .link.--underline { color: white; } /* Typografia sekcji */ #hero_section .main_banner__eyebrow { font-size: 20px; margin-bottom: 20px; font-weight: 400; } #hero_section .main_banner__title { font-size: 42px; font-weight: 700; margin-bottom: 15px; } #hero_section .paragraph.--highlighted { font-size: 16px; color: rgb(31 209 142); margin-bottom: 15px; } #hero_section .form_wrapper .paragraph.--extra { margin-top: 35px; margin-bottom: 20px; } .paragraph.--extra { font-size: 14px; } /* Rozciągniecie zdjęcia na całą szerokość wraz z przyciemnieniem */ #hero_section:before { content: " "; background-size: cover; background-repeat: no-repeat; position: absolute; width: 100vw; height: 100%; top: 0; left: 50%; margin-left: -50vw; filter: brightness(.45); z-index: -2; background-color: #000; background-image: url('https://www.idosell.com/panel/file-gate.php?id=222519&ext=.jpeg'); } .mainButton { font-size: 14px; } /* Nowy wygląd buttona */ #hero_section .mainButton.--orange, section.--background_photo .mainButton.--orange{ border: 1px solid rgba(255, 184, 42, 0.8); color: #fff; background: rgba(255, 184, 42, 0.6); backdrop-filter: blur( 6.5px ); font-weight: 400; } .mainButton.--orange.--outline { color: #fff; font-weight: 400; background: transparent; border: 1px solid rgba(255, 184, 42, 1); } /* Odległości w sekcji hero */ #hero_section .paragraph { margin-bottom: 35px; } #hero_section .service_image { margin-bottom: 20px; max-width: 300px; } #hero_section .down-arrow { height: 40px; animation: animateDown infinite 1.5s; } #hero_section .down_arrow__hyperlink { position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); } .form textarea.form__input { min-height: 0px !important; font-family: 'Lato-font', Arial, sans-serif; } .link.--with_arrow, .link.--with_arrow__left { position: relative; display: flex; align-items: center; } .link.--with_arrow__left { font-size: 16px; } @media (min-width: 979px) { .link.--with_arrow__left { font-size: 14px; } } .form__group, .form__box, .form__select, .form__radiogroup { margin-bottom: 0; } .link.--with_arrow:before { content: url('https://www.idosell.com/panel/file-gate.php?id=187364&ext=.svg'); margin-right: 10px; } .link.--with_arrow__left:after { content: url('https://www.idosell.com/panel/file-gate.php?id=222460&ext=.svg'); margin-left: 5px; } a { scroll-behavior: smooth; } .form_wrapper { background: rgba(255, 255, 255, 0.9); padding: 25px; padding-right: calc((100vw - 100%)/2); border-radius: 2px 0 0 2px; color: black; width: calc(100% + (100vw - 100%)/2); } #contact-form-anchor { font-size: 22px; } #contact-form-anchor.--orange { color: #FFB82A; } .form__group .form__label, .form__select .form__label, .form__input[type="text"], .form__input[type="tel"], .form__input[type="password"], .form__input[type="email"], .form__input[list], .form select.form__input { background: transparent; font-weight: 400; color: black; } .brand-search .form__input { background: white; } .form_wrapper .form__group .form__input { margin: 10px 0; opacity: .7; } .form_wrapper .form__group .form__label, .form_wrapper .form__select .form__label { top: 25px } .form_wrapper .form__group .form__input.--focused + .form__label, .form_wrapper .form__select .form__input.--focused + .form__label, .form_wrapper .form__group .form__input:focus + .form__label, .form_wrapper .form__select .form__input:focus + .form__label .mauticform-checkboxgrp-row { transform: scale(0.70) translateY(-50px); color: black; opacity: 1; } .row.form__inputs .form__group.--input:not(.--last-input), .row.form__inputs .form__group.--input:not(.--last-input) > .mauticform-row { margin-bottom: 0; } .mauticform-checkboxgrp-row { display: flex; } .mauticform-checkboxgrp input { opacity: 0; } .mauticform-input:focus-visible, .mauticform-textarea:focus-visible { outline-color: #000; } .checkbox_container { padding-left: 23px; } .mauticform-checkboxgrp .mauticform-checkboxgrp-label a { color: black; font-weight: 700; } .mauticform-checkboxgrp-label:before { content: ''; background: transparent; border: 1px solid #ccc; text-align: center; width: 23px; height: 23px; font-size: 1.4rem; transition: border 0.15s, background-color 0.15s; position: absolute; top: 0; left: 0; display: block; border-radius: 5px; } .mauticform-checkboxgrp-checkbox:checked + .checkbox_container .mauticform-checkboxgrp-label:after { content: ''; left: calc(8px/2); top: calc(10px/2); width: 100%; height: 100%; display: block; position: absolute; background: url(https://www.idosell.com/panel/file-gate.php?id=187844&ext=.svg); background-repeat: no-repeat; } .mauticform-message[data-gtm-vis-has-fired-2002739_173] ~ * { display: none; } .mauticform-checkboxgrp-checkbox:checked + .mauticform-checkboxgrp-label:before { background: #1FD18E; border: 1px solid #1FD18E; } div#mauticform_wrapper_heroform { position: relative; left: calc((100% + (100vw - 100%)/2) - 100% - (100vw - 100%)/2) } .pricing_section__item { display: flex; flex-direction: column; } .pricing_section__item_description { flex-grow: 1; } .pricing_section__item:hover { opacity: 1; } #hero_section #mauticform_wrapper_heroform .link.--underline { color: #000; } @media (min-width: 757px) { #hero_section:before { background-color: #000; background-image: url('https://www.idosell.com/panel/file-gate.php?id=222207&ext=.jpeg'); background-repeat: no-repeat; background-size: cover; background-position: center center; } .form_wrapper { padding: 35px; padding-right: calc((100vw - 100%)/2); } } @media (min-width: 979px) { /* Paddingi dla sekcji hero */ #hero_section { padding: 120px 0 190px 0; display: flex; height: calc(100vh - 70px); } /* .main_banner__container { position: absolute; top: 50%; transform: translateY(-50%); } */ /* Typografia sekcji */ #hero_section .main_banner__title { font-size: 52px; } #hero_section .main_banner__eyebrow { font-size: 20px; margin-bottom: 35px; } /* Zmiana ciemności zdjęcia hero */ #hero_section:before { filter: brightness(.46) } /* Linear gradient #hero_section:after { content: ""; position: absolute; width: 100vw; height: 100%; top: 0; left: 50%; margin-left: -50vw; background: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,.95)); z-index: -1; } */ /* Odległości w sekcji hero */ #hero .service_image { margin-bottom: 40px; } div#mauticform_wrapper_heroform { left: calc((100% + (100vw - 100%)/2) - 100% + 15px) } .form_wrapper { background: rgba(255, 255, 255, 0.9); padding: 35px; border-radius: 2px; color: black; width: 100%; } } @media (min-width: 1200px) { .main_banner__container .link.--underline { display: unset; margin-left: 15px; } #hero_section { position: relative; } .form_wrapper { padding: 55px 150px 55px 35px; border-radius: 2px 0 0 2px; width: 600px; } div#mauticform_wrapper_heroform { position: absolute; top: 50%; transform: translateY(-50%); left: calc((100% + (100vw - 1170px)/2) - 600px); } } @media (min-width: 1590px) { /* Paddingi dla sekcji hero */ #hero_section { padding: 120px 0 190px 0; height: 800px; } #hero_section:before { background-size: cover; background-position-y: 10%; background-repeat: no-repeat; background-image: url('https://www.idosell.com/panel/file-gate.php?id=222207&ext=.jpeg'); } /* Typografia sekcji */ #hero_section .main_banner__title { font-size: 52px; } div#mauticform_wrapper_ebookform { left: calc(100% - 650px + 135px) } .form_wrapper { padding: 55px 181px 55px 35px; border-radius: 2px; width: 750px; } div#mauticform_wrapper_heroform { left: calc(100% - 650px + 135px + 65px) } } @media (min-width: 1920px) { #hero_section:before { background-size: cover; background-repeat: no-repeat; background-image: url('https://www.idosell.com/panel/file-gate.php?id=222520&ext=.jpeg'); } } .ads_process { margin-top: 30px; padding: 0 15px; } .ads_process .ads_process__item { margin-bottom: 15px; font-size: 16px; } article.success_item { margin: 15px 0; } @media (min-width: 979px) { article.success_item { margin: 0; } } </style> <section id="benefits" class="benefits_container p-relative --background_black"> <h2 class="benefits_title">Dlaczego warto korzystać z oferty Traffic Trends?</h2> <div class="benefits"> <article> <div class="benefits_image_wrapper"> <img loading="lazy" src="https://www.idosell.com/panel/file-gate.php?id=222521&ext=.svg"> </div> <div class="benfits__item_body"> <span>Doświadczenie w e-commerce</span> <p class="paragraph"> Traffic Trends od 2011 roku specjalizuje się w obsłudze sklepów internetowych. Zarówno kompetencje, jak i własne narzędzia agencji, są rozwijane z myślą o zwiększaniu przychodów klientów. </p> </div> </article> <article> <div class="benefits_image_wrapper"> <img loading="lazy" src="https://www.idosell.com/panel/file-gate.php?id=211909&ext=.svg"> </div> <div class="benfits__item_body"> <span>Orientacja na zysk</span> <p class="paragraph"> Nadrzędnym celem działań proponowanych i realizowanych przez Traffic Trends jest budowanie regularnych wzrostów przychodów w sklepach internetowych. </p> </div> </article> <article> <div class="benefits_image_wrapper"> <img loading="lazy" src="https://www.idosell.com/panel/file-gate.php?id=222522&ext=.svg" > </div> <div class="benfits__item_body"> <span>Automatyczne raportowanie</span> <p class="paragraph"> Wszystkie działania, a także osiągane efekty, są na bieżąco raportowane w Panelu Klienta Traffic Trends. Od efektywności kampanii reklamowych, po realizowane działania w ramach SEO. </p> </div> </article> </div> </section> <section id="whats_in" class="whats_in"> <div class="text_container col-12 px-0"> <h2> Co zyskasz dzięki Traffic Trends? </h2> </div> <div class="row mt-5"> <article class="col-12 col-md-4 whats_in__item"> <img loading="lazy" src="/panel/file-gate.php?id=160473&ext=.svg"> <div class="col-9 whats_in__text_container px-0"> <p class="paragraph --medium">Profesjonalną obsługę kampanii SEO, Meta i Allegro</p> </div> </article> <article class="col-12 col-md-4 whats_in__item"> <img loading="lazy" src="/panel/file-gate.php?id=160473&ext=.svg"> <div class="col-9 whats_in__text_container px-0"> <p class="paragraph --medium">Wzrost widoczności i przychodów</p> </div> </article> <article class="col-12 col-md-4 whats_in__item"> <img loading="lazy" src="/panel/file-gate.php?id=160473&ext=.svg"> <div class="col-9 whats_in__text_container px-0"> <p class="paragraph --medium">Regularną optymalizację i raportowanie</p> </div> </article> <article class="col-12 col-md-4 whats_in__item mb-md-0"> <img loading="lazy" src="/panel/file-gate.php?id=160473&ext=.svg"> <div class="col-9 whats_in__text_container px-0"> <p class="paragraph --medium">Wsparcie doświadczonych specjalistów</p> </div> </article> <article class="col-12 col-md-4 whats_in__item mb-md-0"> <img loading="lazy" src="/panel/file-gate.php?id=160473&ext=.svg"> <div class="col-9 whats_in__text_container px-0"> <p class="paragraph --medium">Doradztwo w zakresie budowy strategii reklamowej</p> </div> </article> </div> </section> <style> .benefits_title { font-size: 32px; border-bottom: 0 !important; } .benefits_perks > .benefits_perk:first-child { margin-top: 0 !important; } .benefits_perk > .text_container { border-left: 1.5px solid #777777; padding-left: 15px !important; padding-top: 5px; padding-bottom: 5px; } img { max-width: 100%; } @media (min-width: 979px) { .photo_left { left: 0; } .photo_right { right: 0; } .benefits_title { font-size: 32px; } } </style> <section class="offer d-flex flex-column"> <h2 class="--green">Sprawdź możliwości Traffic Trends</h2> <div class="offer__element_container col-12 px-0 "> <div class="offer__text_container order-2 order-md-1"> <h2> Facebook Ads </h2> <div class="text_description"> <p class="paragraph"> Idealne uzupełnienie systemu Google, które umożliwia dotarcie do potencjalnych klientów w formie remarketingu lub poprzez kierowanie reklamy do osób o konkretnych zainteresowaniach. </p> <a href="https://www.idosell.com/pl/oferta-traffic-trends/meta-ads/" class="mainButton --outline">Dowiedz się więcej</a> </div> </div> <div class="image_container px-0 order-1 order-md-2 d-none d-md-block"> <img src="https://www.idosell.com/panel/file-gate.php?id=222252&ext=.png" alt="Zdjęcie logo firmy Meta" class="img"> </div> </div> <div class="offer__element_container col-12 px-0"> <div class="image_container px-0 d-none d-md-block"> <img src="https://www.idosell.com/panel/file-gate.php?id=222262&ext=.jpg" alt="Zdjęcie dla SEO" class="img"> </div> <div class="offer__text_container"> <h2> Pozycjonowanie </h2> <div class="text_description"> <p class="paragraph"> Usługa o ponadprzeciętnym potencjale generowania przychodów. To ona wpływa na bezpłatną widoczność w Google oraz generowany w ten sposób ruch organiczny. </p> <a href="https://www.idosell.com/pl/oferta-traffic-trends/pozycjonowanie-sklepu-internetowego/" class="mainButton --outline">Dowiedz się więcej</a> </div> </div> </div> <div class="offer__element_container col-12 px-0"> <div class="offer__text_container order-2 order-md-1"> <h2> Allegro Ads </h2> <div class="text_description"> <p class="paragraph"> Skuteczna forma reklamy na największym w Polsce marketplace, która pozwala na zwiększenie przychodów generowanych na Allegro. </p> <a href="https://www.idosell.com/pl/oferta-traffic-trends/allegro-ads/" class="mainButton --outline">Dowiedz się więcej</a> </div> </div> <div class="image_container px-0 order-1 order-md-2 d-none d-md-block"> <img src="https://www.idosell.com/panel/file-gate.php?id=222263&ext=.jpg" alt="Zdjęcie dla Allegro Ads" class="img"> </div> </div> </section> <section class="about col-12 px-0 d-flex flex-column flex-md-row"> <div class="offer__text_container col-12 col-md-6 px-0"> <h2 class="d-flex align-items-center flex-wrap"> Poznaj <span class="about__logo"></span> </h2> <div class="text_description"> <p class="paragraph mb-3"> Traffic Trends to agencja marketingu internetowego, która od ponad dziesięciu lat specjalizuje się w realizowaniu sprzedażowych kampanii dla sklepów internetowych. </p> <p class="paragraph --medium --bolded mb-3"> Obecnie z usług Traffic Trends korzysta ok. 500 projektów e-commerce, reprezentujących zarówno różny stopień rozwoju biznesu, jak i różne branże. </p> <p class="paragraph mb-7"> Wieloletnie doświadczenie oraz wysoka jakość realizowanych działań zaowocowały m.in. osiągnięciem statusu <span class="--green">Google Partner Premium, Meta Business Partner czy Allegro Partner+.</span> </p> <a href="#" class="mainButton --black mt-5 mb-3 mb-md-0">Zapytaj o ofertę Traffic Trends</a> </div> </div> <div class="image_container px-0 col-12 col-md-6 px-0 d-flex justify-content-start justify-content-md-end"> <img src="https://www.idosell.com/panel/file-gate.php?id=222351&ext=.jpg" alt="Zdjęcie logo Traffic Trends" class="img "> </div> </section> <style> .mb-7 { margin-bottom: 35px !important; } .about__logo { position: relative; margin-top: 15px; width: 270px; height: 52px; } @media (min-width: 407px) { .about__logo { margin-top: 0; margin-left: 15px; } } .tile_link:hover { color: black; opacity: 0.9; } .about__logo::before { position: absolute; top: 0; left: 0; content: url("https://www.idosell.com/panel/file-gate.php?id=222362&ext=.jpg"); } .offer__element_container { display: grid; grid-template-columns: 1fr; gap: 35px; margin-bottom: 35px; } .offer__element_container .text_description .paragraph { margin-bottom: 90px; } .offer__element_container .offer__text_container { padding: 50px 35px; } .offer > .offer__element_container:nth-of-type(1) .offer__text_container { background: #9DF2D2; } .offer > .offer__element_container:nth-of-type(2) .offer__text_container { background: #BFFFE7; } .offer > .offer__element_container:nth-of-type(3) .offer__text_container { background: #D9FFF1; } @media (min-width: 979px) { .offer__element_container { grid-template-columns: 50% 50%; } } </style> <script> function showMoreText() { var moreText = document.querySelector(".more-text"); var iconShowMore = document.querySelector(".show_more_icon"); iconShowMore.classList.toggle("extended"); if (iconShowMore.classList.contains("extended")) { moreText.style.display = "inline"; } else { moreText.style.display = "none"; } } </script> <style> .splide__arrows { position: absolute; right: 0; z-index: 10; display: none; } #splide .splide__arrows { top: 50%; transform: translateY(calc(-50% - 25px)); width: 100%; } #splide2 .splide__arrows { top: -52px; width: 100px; } .slider_section__image_container { text-align: center; } .slider_section__display_name { font-size: 22px; } .features_column { display: grid; grid-template-columns: 100%; row-gap: 50px; padding: 0; } .features_row { display: grid; grid-template-columns: 100%; margin-top: 35px; row-gap: 50px; } .feature__item_body span { font-size: 22px; } @media (min-width: 757px) { .features_row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 35px; row-gap: 0; } } @media (min-width: 979px) { .splide__arrows { display: block; } .sticky_container { position: sticky; top: 100px; } .features_row { margin-top: 0; } } .splide__sr { display: none; } </style> <style> .timeline__container.active > .timeline__item_content { opacity: 1; } .timeline__item_content { opacity: 40%; } .more-text { display: none; } .show_more_icon { position: relative; margin-left: 5px; cursor: pointer; } .show_more_icon:after { width: 2px; height: 2px; position: absolute; top: 0; left: 0; content: url("https://www.idosell.com/panel/file-gate.php?id=209071&ext=.svg"); } .show_more_icon.extended:after { content: url("https://www.idosell.com/panel/file-gate.php?id=209072&ext=.svg"); } @media (min-width: 979px) { .button-container { width: 100px; z-index: 8; display: flex; position: absolute; top: 70px; left: calc(1170px - 60px - 35px); } .button-container .button-left, .button-container .button-right { content: ""; position: relative; width: 40px; height: 40px; cursor: pointer; } .button-container .button-left:hover, .button-container .button-right:hover { transform: scale(1.15); } .button-left { margin-right: auto; } .button-right { margin-left: auto; } .button-container .button-left i.icon-left { content: url('https://www.idosell.com/panel/file-gate.php?id=191533&ext=.svg'); } .button-container .button-right i.icon-right { content: url('https://www.idosell.com/panel/file-gate.php?id=191534&ext=.svg'); } .timeline { margin-top: 115px !important; } } @media (min-width: 1200px) { .button-container { left: calc(1170px - 60px - 35px); } .timeline { margin-top: 145px !important; } } .benefits_image_wrapper, .feature_image_wrapper { display: flex; justify-content: center; align-items: center; width: 74px; height: 74px; margin-bottom: 15px; } .timeline__item_title { font-size: 22px; } /* Media queries - Responsive timeline on screens less than 600px wide */ </style> <section class="cta_ebook p-relative --background_black section--circleBg"> <div class="col-12 col-md-6"> <h2><span class="d-block --green">Chcesz o coś zapytać </span>Porozmawiaj z ekspertem IdoSell.</h2> <p class="paragraph">Eksperci z Działu Sprzedaży są do Twojej dyspozycji od poniedziałku do piątku, w godzinach <span class="bolded">9:00 - 17:00</span></p> <a class="link --underline d-block mt-4" href="mailto:shop@idosell.com">shop@idosell.com</a> <a class="link --underline --bigger d-block mt-5" href="tel:+48914436600">+48 91 443 66 00</a> </div> </scetion> <style> .case_study_quote { font-size: 22px; font-style: italic; margin-bottom: 35px; } .logo_wrapper { max-width: 150px; min-height: 70px; } @media (min-width: 757px) { .section--circleBg:after{ content: ""; height: 100%; filter: brightness(0) saturate(100%) invert(68%) sepia(90%) saturate(393%) hue-rotate(99deg) brightness(85%) contrast(95%); background-image: url("https://www.iai-system.com/panel/file-gate.php?id=189113&ext=.svg"); background-position: 50% 60%; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; width: 100vw; margin-left: 50%; left: -50vw; z-index: -1; } } @media (min-width: 992px) { .section--circleBg:after { background-image: url("https://www.iai-system.com/panel/file-gate.php?id=189114&ext=.svg"); background-position: center; } } </style> <style> .features_section__item_link:hover { color: black; } .blog_posts { display: grid; gap: 15px; grid-template-columns: 1fr; } .features_section__item_image_container { margin-bottom: 15px; display: flex; justify-content: start; align-items: center; height: 84px; width: 84px; } .features_section__item_image_container > img { max-width: unset; } .features_section__item_link { padding-bottom: 35px; } .features_section__item_link:hover img { filter: grayscale(0) brightness(1); } .features_section__item_link:hover .features_section__item { border-bottom: 1px solid #FFB82A; } .features_section__item_title { flex-grow: 1; } .features_section__container { display: flex; flex-direction: row; flex-wrap: nowrap; overflow-x: scroll; } .features_section__item_link { display: block; } .features_section__item { padding: 35px 0; border-bottom: 1px solid #999; width: 232px; margin-right: 35px; display: flex; flex-direction: column; position: relative; height: 100%; justify-content: space-between; } .features_section__item_title { font-size: 22px; } .features_section__body { display: flex; } .features_section__item_text_container { margin-bottom: 15px; } .features_section__item_image { filter: grayscale(1) brightness(.6); } @media (min-width: 757px) { .blog_posts { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 979px) { .features_section__item_image_container { margin-bottom: 0; display: unset; } .blog_posts { grid-template-columns: repeat(3, 1fr); } .features_section__text_image_container { display: flex; } .features_section__container { flex-direction: row; flex-wrap: nowrap; } .features_section__container > .features_section__body:first-child { margin-right: auto; } .features_section__body { flex: 0 0 calc(50% - 50px); flex-direction: column; } .features_section__item_image_container { flex: 0 0 25%; } .features_section__item_text_container { flex: 0 0 50%; } .features_section__item { flex-direction: row; width: unset; height: unset; margin-right: 0; justify-content: flex-start; } .features_section__item:before{ position: absolute; content: url('https://www.idosell.com/panel/file-gate.php?id=208178&ext=.svg'); width: 35px; height: 16px; right: 0; bottom: 50%; transform: translateY(50%); } .features_section__container { overflow-x: hidden; } } @media (min-width: 1200px) { .features_section__body { flex: 0 0 calc(50% - 70px); flex-direction: column; } } </style> <style> .standard_tooltip_icon { cursor: pointer; } .pricing_section__item.--frequent > .pricing_section__item_title { border-bottom: 1px solid #FFB82A; } .pricing_section__item.--frequent > .frequently_choosen { color: #FFB82A; margin-bottom: 15px; } .standard_tooltip { display: inline; position: relative; } .features_section__item_link { padding-bottom: 20px; } .standard_tooltip .standard_tooltip_container { display: none; } .standard_tooltip.active .standard_tooltip_container { background: #C4C4C4; position: absolute; top: -55px; left: -12px; width: 145px; font-size: 14px; color: white; padding: 12px 15px; display: flex; align-items: center; border-radius: 3px; } .standard_tooltip_container:before { position: absolute; content: url('https://www.idosell.com/panel/file-gate.php?id=209060&ext=.svg'); width: 16px; height: 13px; bottom: -8px; left: 15px; } .standard_tooltip_close { position: absolute; right: 7px; top: 50%; transform: translateY(-50%); cursor: pointer; } @media (min-width: 450px) { .standard_tooltip.active .standard_tooltip_container { width: 245px; } } .pricing_section__body { display: grid; grid-template-columns: repeat(3, 90%); gap: 30px; margin: 35px 0 65px 0; overflow-x: scroll; padding: 10px; margin-right: calc(-1 * ((100vw - 100%) / 2)); } @media (min-width: 757px) { .pricing_section__body { grid-template-columns: repeat(3, 370px); } } @media (min-width: 979px) { .pricing_section__body { grid-template-columns: repeat(3, 300px); overflow-x: unset; margin-right: 0; } .pricing_section__item { opacity: 0.6; } } @media (min-width: 1200px) { .pricing_section__body { grid-template-columns: repeat(3, 370px); } } section .pricing_text_container h2 { margin-bottom: 15px; } .pricing_section__item { padding: 35px 50px; background: white; border-radius: 30px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25); } .pricing_section__item_title, .pricing_section__item_price{ font-size: 22px; } .pricing_section__pricing { font-size: 32px; font-weight: 700; margin-top: 35px; } .pricing_section__item_title { border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px; } .pricing_section__container_title, .pricing_section__item_price { font-size: 22px; } .pricing_section__container { margin-top: 65px; } .slider_section__body { display: flex; height: 100%; transition: all 1s ease-in; position: relative; } .slider_section__description_body .slider_section__author{ } .slider_section__body:before, .slider_section__body:after { content: ""; position: absolute; background: white; z-index: 4; top: 0; width: calc((100vw - 100%) / 2); height: 100%; } .slider_section__item .link.--underline.slider_section__title { display: block; font-size: 22px; margin-bottom: 15px; } .slider_section__body:before { left: calc(-1 * ((100vw - 100%) / 2)); } .slider_section__body:after { right: calc(-1 * ((100vw - 100%) / 2));; } .slider_section__body .slider_section__item { height: 100%; width: 100%; background: white; margin-right: 15px; transition: all .5s ease-in } .nav_dots { position: absolute; bottom: 30px; z-index: 9; display: flex; left: 50%; transform: translateX(-50%); } .dot { height: 10px; width: 10px; background-color: #e8e8e8; margin: 0 5px; border-radius: 50%; cursor: pointer; } .nav_dots .dot.active { background-color: #c4c4c4; } </style> <script> const standardTooltips = document.querySelectorAll('.standard_tooltip_icon'); standardTooltips.forEach(standardTooltip => { standardTooltip.addEventListener('click', function() { standardTooltip.parentNode.classList.add('active'); }); standardTooltip.parentNode.querySelector('.standard_tooltip_close').addEventListener('click', function() { standardTooltip.parentNode.classList.remove('active'); }) // I'm using "click" but it works with any event document.addEventListener('click', event => { const isClickInside = standardTooltip.parentNode.contains(event.target) if (!isClickInside) { standardTooltip.parentNode.classList.remove('active'); } }) }) </script> <style> .whats_in__item { display: flex; align-items: center; margin-bottom: 35px; } .whats_in__item img { width: 50px; height: 50px; margin-right: 15px; margin-left: 0; margin-top: 0; } .whats_in__title { font-size: 22px; font-weight: 500; } .expertSectionContainer { padding: 30px 25px 30px 25px; border-radius: 2px; margin-top: 30px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); } .citation_body { font-size: 16px; font-style: italic; margin-bottom: 15px; } .citation_function { font-size: 14px; } @media (min-width: 979px) { #special_icon { margin-top: 50px; } } </style> <style> .paragraphBtn { display: none; } .paragraphBtn.paragraphBtn--active { display: block; } main.template .composerStpes .iaiAdsPresentation-possibilities{ width: 100%; text-align: left; font-size: 20px; margin-bottom: 25px; } .about_section .about { margin-bottom: 35px; } @media (min-width: 979px) { .about_section .about { margin-bottom: 107px; } } img.infoicon{ width: 14px; height: 14px; margin: 0; margin-right: 5px; } .iaiAdStepsBtn{ background: 0; color:black; border:0; text-align: left; margin-top: 20px; margin-bottom: 20px; padding: 5px; font-size: 22px; position: relative; /* padding-left: 20px; */ display: flex; justify-content: center; align-items: center; padding-left:25px; } .iaiAdStepsBtn::before{ width: 15px; height: 15px; border-radius: 15px; position: relative; position: absolute; left: -2px; background-color: #d1d3d1; content: ''; display: inline-block; visibility: visible; box-sizing: initial; transition: all 0.3s; } .iaiAdStepsBtn::after{ width: 5px; height:5px; border-radius: 8px; position: relative; position: absolute; left: -1.5px; left:0px; background-color: #d1d3d1; content: ''; display: inline-block; visibility: visible; z-index: 4; border:3px solid white; box-sizing: initial; transition: all 0.3s; } .iaiAdStepsBtn:hover::before, .iaiAdStepsBtn--active::before{ background-color: #52D489; } .iaiAdStepsBtn:hover::after, .iaiAdStepsBtn--active::after{ background-color: #52D489; } .iaiAdStepsBtn:hover, .iaiAdStepsBtn--active{ color:#000; } .input_data { margin: 10px 0 20px; color: #53D48A; font-size: 16px; } .ads_provision, .ads_total { margin-bottom: 20px; } main.composer img.iaiAdsPresentationImg{ margin-bottom: 0; max-height: 550px; } .iaiAdsPresentation .text_title { margin-bottom: 15px; } .crossBorder .container { display: flex; flex-direction: column; align-items: flex-end; } .country_info__local_trends { margin-top: 40px; } .about_container__item { margin-bottom: 35px; } .country_info__local_trends li { font-size: 16px; margin-bottom: 20px; } .country_info__container { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; } p.big-h1 { font-size: 42px; } p.big-h2 { font-size: 32px; } p.big-h3 { font-size: 22px; } .text { margin-bottom: 35px; } .text.--medium, .list_title { font-size: 22px; } .list_title { margin-bottom: 30px; } .paragraph.--medium { font-size: 16px; } .paragraph.--large { font-size: 42px; } .offer__price { font-size: 32px; margin-bottom: 35px; } .country_info__name { font-size: 16px; flex: 0 0 70%; } .country_info__value, .local_trends__title { font-size: 22px; } .country_info__name_flag_contaianer { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; } .offer_container { border: 4px solid #F25300; border-radius: 30px; padding: 30px; } .crossBorder .container .map { width: 100%; display: flex; justify-content: space-between; flex-direction: row; align-items: center; } .crossBorder-integrations > .crossBorderIntegration:not(:first-child) { border-top: 1px solid #ddd; } @media (max-width: 979px) { .crossBorder .container .section { flex-direction: column-reverse; } } .crossBorder-countryInfo { width: 40%; display: flex; justify-content: center; position: relative; } .crossBorder-countryInfo .crossBorder__closeBtn{ width:15px; height:15px; position:absolute; top:15px; right:15px; z-index:4; cursor:pointer; } @media (max-width: 768px) { .crossBorder-countryInfo { width: 100%; } } .crossBorder-countryInfo-country { width: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 35px 55px 55px 35px; background-color: #fefefe; border-radius: 20px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); animation: fadeInAnimation ease 1s; animation-fill-mode: forwards; z-index: 1; } @media (max-width: 768px) { .crossBorder-countryInfo-country { padding: 20px; } } .crossBorder-countryInfo-country img { height: 48px; } .crossBorder-countryInfo-country__cta { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .crossBorder-countryInfo-country span { display: block; } .crossBorder-countryInfo-country span strong { font-size: 1.9rem; font-weight: bold; } .crossBorder-countryInfo-country ul { list-style: disc; padding-left: 15px; } .crossBorder-countryInfo-country ul li { margin-top: 7px; } .crossBorder-countryInfo-country b { font-weight: bold; } .crossBorder-countryInfo-country a { width: 100%; } .crossBorder-countryInfo-default { display: flex; flex-direction: column; justify-content: center; animation: fadeInAnimation ease 1s; animation-fill-mode: forwards; } .crossBorder-map { width: 60%; position: relative; animation: fadeInAnimation ease 1s; animation-fill-mode: forwards; padding: 60px 0; } @media (max-width: 768px) { .crossBorder-map { width: 100%; padding: 0; } } .crossBorder-map svg { z-index: 5; width: 100%; } .crossBorder-map svg > g > g > g { transition: all ease-in-out 200ms; cursor: pointer; } .crossBorder-map svg > g > g > g:hover path { fill: #1fd18e; } .crossBorder-map svg .country--active { position: relative; } .crossBorder-map svg .country--active::before { content: ""; position: absolute; top: 0; width: 150vw; left: -50vw; height: 100%; background-color: black; height: 100%; opacity: 0.45; } .crossBorder-map svg .country--active path { fill: #1fd18e; } .crossBorder-map svg .country--dimmed { opacity: 0.75; } .crossBorder-list { animation: fadeInAnimation ease 1s; animation-fill-mode: forwards; display: flex; flex-direction: row; flex-wrap: wrap; } .crossBorder-list button { width: calc(50%-6px); padding: 16px; margin: 5px 3px; background-color: #efefef; cursor: pointer; border-radius: 5px; transition: background-color 200ms, color 200ms; } @media (max-width: 370px) { .crossBorder-list button { padding: 10px; } } .crossBorder-list button:hover { background-color: #1fd18e; color: white; } .crossBorder-list button.active { background-color: #1fd18e; color: white; } .crossBorder-integrations { display: flex; flex-wrap: wrap; } .crossBorder-integrations > div { padding-top: 25px; animation: fadeInAnimation ease 1s; animation-fill-mode: forwards; display: flex; align-content: flex-start; flex-wrap: wrap; flex-direction: row; width: 100%; } @media (max-width: 576px) { .crossBorder-integrations > div { width: 100%; } } .crossBorder-integrations > div .integrations-item { width: 20%; display: flex; } .crossBorder-integrations > div .integrations-item:last-of-type { border-bottom: 0; } .crossBorder-integrations > div .integrations-item a { height: 110px; min-width: 50%; max-width: 100%; /* padding: 22px; */ margin-top: 1px; animation: fadeInAnimation ease 1s; animation-fill-mode: forwards; } @media (max-width: 576px) { .crossBorder-integrations > div .integrations-item a { height: 100px; height: 80px; /* padding: 1px; */ /* height: 65px; */ } } .crossBorder-integrations > div .categoryTitle { width: 20%; font-size: 21px; margin-bottom: 8px; } .categoryBody { display: flex; width: 80%; flex-wrap: wrap; } .crossBorder .off { display: none; } @keyframes fadeInAnimation { 0% { opacity: 0; } 100% { opacity: 1; } } .integrationsCountryInfo { font-size: 32px; /* The switchViewMode - the box around the slider */ } .switchViewMode { margin-bottom: 10px; display: flex; justify-content: center; align-items: center; } @media (min-width: 768px) { .switchViewMode { display: none; } } .switchViewMode label { position: relative; display: inline-block; width: 60px; height: 34px; margin-left: 5px; /* Hide default HTML checkbox */ } .switchViewMode input { opacity: 0; width: 0; height: 0; /* The slider */ } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: background-color 350ms ease, transform 400ms; border-radius: 34px; } .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; transition: background-color 350ms ease, transform 400ms; border-radius: 50%; } input:checked + .slider { background-color: #1fd18e; } input:focus + .slider { box-shadow: 0 0 1px #1fd18e; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .btn { margin-top: 10px; margin-bottom: 10px; } .btn-primary { color: white; border: 0; background-color: #52d489; } .imgContainer--imgContain img { width: 100%; height: 100%; object-fit: contain; } .imgContainer img { max-width: 100%; } h4{ line-height: 1.1; font-size: 1.965rem; margin-bottom: 0.786rem; margin-top: 1.179rem; font-weight: 400; } @media (min-width: 979px) { .paragraph.--large { font-size: 52px; } .crossBorder-countryInfo { transform: translateY(-100px); } .paragraph.--medium { font-size: 22px; } } </style> <style> .link.--underline.--small { font-size: 14px !important; } .link.--underline.--bigger { font-size: 22px !important; } #contact-form-anchor { font-size: 22px; } #contact-form-anchor p { margin: 15px 0 30px 0; } .mauticform_wrapper { max-width: 600px; margin: 10px auto; } .mauticform-innerform {} .mauticform-post-success {} .mauticform-name { font-weight: bold; font-size: 1.5em; margin-bottom: 3px; } .mauticform-description { margin-top: 2px; margin-bottom: 10px; } .mauticform-error { display: block; color: red; margin-top: -10px; margin-bottom: 15px; font-size: 16px; } .mauticform-message { margin-bottom: 10px;color: green; font-size: 16px; } .mauticform-row { display: block; } .mauticform-label { font-size: 1.1em; display: block; font-weight: bold; margin-bottom: 5px; } .mauticform-row.mauticform-required .mauticform-label:after, .mauticform-checkboxgrp-label.--required:after { color: black; content: " *"; display: inline; } .mauticform-helpmessage { display: block; font-size: 0.9em; margin-bottom: 3px; } .mauticform-errormsg { display: block; color: red; margin-top: -15px; margin-bottom: 15px; } .mauticform-selectbox, .mauticform-input, .mauticform-textarea { width: 100%; padding: 0.5em 0.5em; border: 1px solid #CCC; background: #fff; box-shadow: 0px 0px 0px #fff inset; border-radius: 4px; box-sizing: border-box; font-family: 'Lato-font', Arial, sans-serif; } .mauticform-checkboxgrp-row {} .mauticform-checkboxgrp-label { font-weight: normal; } .mauticform-checkboxgrp-checkbox {} .mauticform-radiogrp-row {} .mauticform-radiogrp-label { font-weight: normal; } .mauticform-radiogrp-radio {} .mauticform-pagebreak-wrapper .mauticform-button-wrapper { display: inline; } </style> <style> #mauticform_input_crossborderform_submit { margin-top: 25px; } .form__group .form__input { margin: 12px 0; } .form__group .form__label, .form__select .form__label { top: 25px } .form__group .form__label, .form__select .form__label { background: transparent; font-weight: 400; color: #999; } .row.form__inputs .form__group.--input:not(.--last-input), .row.form__inputs .form__group.--input:not(.--last-input) > .mauticform-row { margin-bottom: 0; } .form__group .form__input.--focused + .form__label, .form__select .form__input.--focused + .form__label, .form__group .form__input:focus + .form__label, .form__select .form__input:focus + .form__label .mauticform-checkboxgrp-row { transform: scale(0.75) translateY(-50px); color: black } .mauticform-checkboxgrp-row { display: flex; } .mauticform-checkboxgrp input { opacity: 0; } .mauticform-input:focus-visible { outline-color: #000; } .checkbox_container { padding-left: 38px; } .mauticform-checkboxgrp .mauticform-checkboxgrp-label a { color: black; font-weight: 700; } .form__title.--green { color: #1FD18E; } .mauticform-checkboxgrp-row .mauticform-checkboxgrp-label:before { content: ''; background: transparent; border: 1px solid #ccc; text-align: center; width: 23px; height: 23px; font-size: 1.4rem; transition: border 0.15s,background-color 0.15s; position: absolute; top: 0; left: 0; display: block; border-radius: 5px; } .mauticform-checkboxgrp-row .mauticform-checkboxgrp-checkbox:checked + .checkbox_container .mauticform-checkboxgrp-label:after { content: ''; left: calc(8px/2); top: calc(7px); width: 100%; height: 100%; display: block; position: absolute; background: url(https://www.idosell.com/panel/file-gate.php?id=187844&ext=.svg); background-repeat: no-repeat; } #contact-form-anchor { margin-bottom: 25px; } span.--orange { color: #FFB82A; } .mauticform-checkboxgrp-row .mauticform-checkboxgrp-checkbox:checked + .checkbox_container .mauticform-checkboxgrp-label:before { background: #1FD18E; border: 1px solid #1FD18E; } @media (min-width: 979px) { .offer_container { padding: 35px 65px 45px 60px; } } </style> <script> const mauticFormBooking = document.getElementById("mauticform_iaibookingorderlanding"); const mauticSuccessMessage = document.querySelector('.mauticform-message'); mauticFormBooking.addEventListener('submit', () => { var timer = setInterval(checkSubmittedForm, 500); function checkSubmittedForm() { if(mauticSuccessMessage.innerText != '') { clearInterval(timer); return; } mauticSuccessMessage.classList.add('--submitted') } }); </script> <style> .mauticform-message { color: black; text-align: center; font-size: 32px; } .mauticform-message.--submitted ~ * { display: none; } .comparision_plans__item_title { font-size: 32px; padding-bottom: 15px; border-bottom: 1px solid #ddd; margin-bottom: 35px; } .comparision_plans__block__list_item { margin-left: 15px; } .comparision_plans__body { display: grid; grid-template-columns: 1fr; gap: 35px; } @media (min-width: 757px) { .comparision_plans__body { grid-template-columns: 1fr 1fr; } } .comparision_plans__item { padding: 45px 68px; border-radius: 18px; box-shadow: 0px 5px 10px 0px #00000040; } .comparision_plans__block { margin-bottom: 15px; } .comparision_plans__block__title { font-weight: 700; } .comparision_plans__block__list { font-size: 16px; } .comparision_plans__block__body.--price { font-size: 32px; color: #1FD18E; } .expert_benefits__item { margin-bottom: 35px; } .expert_benefits__title { position: relative; font-size: 32px; display: flex; align-items: center; } .expert_benefits__title:before { content: url('https://www.idosell.com/panel/file-gate.php?id=205141&ext=.svg'); height: 40px; width: 40px; margin-right: 25px; } </style> <script type="text/javascript"> /** This section is only needed once per page if manually copying **/ if (typeof MauticSDKLoaded == 'undefined') { var MauticSDKLoaded = true; var head = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.src = 'https://ma.idosell.com/media/js/mautic-form.js?vb1851ae3'; script.onload = function() { MauticSDK.onLoad(); }; head.appendChild(script); var MauticDomain = 'https://ma.idosell.com'; var MauticLang = { 'submittingMessage': "Please wait..." } }else if (typeof MauticSDK != 'undefined') { MauticSDK.onLoad(); } </script> <script type="text/javascript"> let insertUrlAndCountry = function() { let urlInput = document.getElementById("mauticform_input_crossborderform_url"), countryInput = document.getElementById("mauticform_input_crossborderform_kraj"); if(urlInput) { urlInput.value = window.location.href; } if(countryInput) { const queryString = window.location.search, urlParams = new URLSearchParams(queryString); let countryParam = urlParams.get('country'); if(countryParam) { countryInput.value = countryParam; } } }; document.addEventListener("DOMContentLoaded", function(event) { insertUrlAndCountry(); }); </script> <style> section .bolded { font-weight: 700; } </style> <!-- <section id="frequently_question" class="faq"> <div class="col-12"> <h2>Najczęściej zadawane pytania</h2> <div class="accordion_main_container"> <div class="accordion__first_half"> <div class="accordion_container"> <button class="accordion_question"> <p class="paragraph"> 1. Lorem ipsum </p> </button> <div class="accordion_answer"> <p class="paragraph">Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolores molestiae necessitatibus iusto dolorum reprehenderit sint totam! Ab eius et id, illo molestiae eligendi! Asperiores minima laborum officia omnis dignissimos. </p> </div> </div> <div class="accordion_container"> <button class="accordion_question"> <p class="paragraph"> 2. Lorem ipsum </p> </button> <div class="accordion_answer"> <p class="paragraph"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore dolore minus aliquam, porro, corporis reprehenderit a, provident sed veniam natus iusto repudiandae nostrum quibusdam eveniet excepturi consequuntur blanditiis facilis nihil? </p> </div> </div> <div class="accordion_container"> <button class="accordion_question"> <p class="paragraph"> 3. Lorem ipsum </p> </button> <div class="accordion_answer"> <p class="paragraph"> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Distinctio, dolores consequatur? Commodi illum eius necessitatibus eligendi vel quaerat, nisi iste impedit ad magnam dolorum, architecto ab officia doloribus, ipsa corporis! </p> </div> </div> <div class="accordion_container"> <button class="accordion_question"> <p class="paragraph"> 4. Lorem ipsum </p> </button> <div class="accordion_answer"> <p class="paragraph"> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Harum praesentium et maiores ipsum similique, ut illum quidem aut repudiandae. Assumenda, ducimus unde dolor atque rem sed incidunt consectetur officia blanditiis. </p> </div> </div> </div> </section> --> <style> section.faq { display: flex; flex: 0 0 100%; max-width: 100%; flex-direction: column; } .accordion_main_container { display: flex; flex-direction: column; } .accordion__first_half, .accordion__second_half { display: flex; flex-direction: column; flex: 0 0 100%; max-width: 100% } .accordion_question { cursor: pointer; padding: 5px 35px 15px 0; width: 100%; border: none; text-align: left; font-size: 15px; margin-top: 20px; position: relative; border-bottom: 1px solid rgba(193, 193, 193, 0.527); } .accordion_question::after { content: '\f078'; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 15px !important; color:black; position: absolute; right:15px; top: calc(50% - 10px); } .accordion_question.active::after { content: '\f077'; } button { font-family: 'Lato-font', 'Arial', sans-serif ; } button.accordion_question:hover{ color:black; } .accordion_answer { padding-top: 10px; padding-bottom: 10px; display: none; overflow: hidden; } .ads_calculator__body .image_container { margin-top: 50px; } .infographic_image .image_container img { max-width: 70%; } @media (min-width: 979px) { .accordion__first_half, .accordion__second_half { display: flex; flex-direction: column; flex: 0 0 calc(50% - 50px / 2); max-width: calc(50% - 50px / 2); } .accordion_main_container { flex-direction: row; gap: 50px; } .ads_calculator__body .image_container { margin-top: 100px; } .infographic_image .image_container img { margin-left: auto; } } </style> <script> let acc = document.getElementsByClassName("accordion_question"); let i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function() { this.classList.toggle("active"); let panel = this.nextElementSibling; if (panel.style.display === "block") { panel.style.display = "none"; } else { panel.style.display = "block"; } }); } </script> </div> <style> .cross-border__webinars { display: grid; margin-top: 40px; grid-template-columns: 1fr; gap: 30px; } .cross-border__webinars article { display: flex; flex-direction: column; justify-content: space-between; } .cross-border__webinars article img { border-radius: 30px; box-shadow: 0 3px 6px rgb(0 0 0 / 20%); -webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 20%); border-radius: 30px; transition: .3s linear; } .cross-border__webinars article img:hover { transform: scale(1.05); } @media (min-width: 979px) { .cross-border__webinars { display: grid; flex-wrap: wrap; margin-top: 40px; grid-template-columns: 1fr 1fr 1fr; } } </style> </section> <style> p.paragraph.--small { font-size: 14px; } section.date_container{ padding: 10px 0; display: flex; justify-content: space-between; align-content: center; } section.date_container .text__container { color: #fff; order: 1; display: flex; align-items: baseline; margin-bottom: 15px; } section.date_container h2 { margin-bottom: 0; } section.date_container a.mainButton { order: 2; } section.date_container .left_container { color: white; } section.date_container .text__container .full_date { font-size: 32px; font-weight: 700; margin-right: 5px; } section.date_container .text__container .day_of_week { font-size: 22px; } /* .partners:before { content: ""; position: absolute; height: 100%; top: 0; width: calc((100vw - 100%)/2); margin-left: 50%; left: -50vw; z-index: 2; background-color: white; } */ .partners__body::-webkit-scrollbar { display: none; } .media_patronage__body { display: flex; flex-wrap: wrap; align-items: center; } .date_container { position: relative; z-index: 9; color: white; } .date_container:before { content: ""; position: absolute; height: 100%; top: 0; width: 100vw; margin-left: 50%; left: -50vw; z-index: -2; background-color: #F25300; } section#sticky_date_container.--sticky { position: sticky; top: 65px } .logo_photo { margin-right: 35px; display: block; height: 50px; max-width: 150px; } .logo_photo.packeta, .logo_photo.tradetracker { max-width: 200px; } .partners { position: relative; min-height: calc(121px + 35px + 80px + 32px) } .mauticform-checkboxgrp-label a.link.--underline { font-size: 14px; } @-webkit-keyframes first-animation { 0% { left: 0% } 100% { left: -100%; } } @keyframes animateDown { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(5px); } 60% { transform: translateY(3px); } } @-webkit-keyframes second-animation { 0% { left: 100%; } 100% { left: 0; } } .media_patronage__photo { max-width: calc(50% - 35px); max-height: 120px; margin-bottom: 15px; margin-right: 15px; flex: 0 0 calc(50% - 35px); } .schedule__item__top { display: flex; position: relative; justify-content: space-between; align-items: center; margin-bottom: 15px; } .schedule__item__top .time__container { background-color: #1FD18E; color: white; font-size: 22px; padding: 10px 25px; position: relative; left: 35px; } .schedule__item .schedule__item__title { font-size: 22px; margin-bottom: 15px; } .schedule__item .schedule__item__body { margin-bottom: 35px; } .schedule__item .schedule__item__author { display: flex; align-items: center; } .schedule__item .schedule__item__author .text__container { font-size: 14px; } .benefits_list__item { margin-bottom: 30px; list-style: none; display: flex; font-size: 16px; } .benefits_list__item:before { height: 14px; width: 22px; margin-right: 20px; } .benefits_list__item.--orange:before { content: url('https://www.idosell.com/panel/file-gate.php?id=195065&ext=.svg'); } .benefits_list__item.--green:before { content: url('https://www.idosell.com/panel/file-gate.php?id=195065&ext=.svg'); } .--green { color: #1FD18E; } .schedule__item .schedule__item__author .text__container .author__name { font-weight: 700; } .schedule__item .schedule__item__author img { width: 105px; height: 100px; border-radius: 50%; margin-right: 35px; } .schedule__body { display: grid; gap: 35px; grid-template-columns: 1fr; } article.schedule__item { padding: 25px 35px; border-radius: 20px; box-shadow: 0 3px 6px rgb(0 0 0 / 20%); -webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 20%); display: flex; flex-direction: column; } #form_section .text_container .paragraph { margin-bottom: 35px; } .benefits { display: grid; gap: 40px; } .benefits article { width: 100%; display: flex; flex-direction: column; align-items: flex-start; max-width: 100% } .benfits__item_body, .feature__item_body { display: flex; flex-direction: column; justify-content: start; } .benefits article span { font-size: 22px; margin-top: 20px; margin-bottom: 15px; font-weight: 400; } main.template .benefits article img { margin-left: 0; } main.template .benefits article img.wider_img { width: 120px; } @media screen and (min-width: 757px) { .benefits { grid-template-columns: repeat(2, 1fr); } .schedule__body { grid-template-columns: 1fr 1fr } .date_container { flex-direction: row; justify-content: space-between; align-items: center; } section.date_container .text__container { order: 2; margin-bottom: 0; } section.date_container a.mainButton { order: 1; } .media_patronage__photo, .partners__photo { max-width: calc(100%/3 - 35px); flex: 0 0 calc(100%/3 - 35px); } } @media screen and (min-width: 979px) { .schedule__item__top .time__container { padding: 10px 50px; } .benefits { grid-template-columns: repeat(3, 1fr); } .partners__body { position: absolute; width: 100vw; left: 50%; margin-left: -50vw; padding: 2rem 0; overflow-x: visible } .first-element { animation: first-animation 15s linear infinite; } .second-element { animation: second-animation 15s linear infinite; } .scroll-element { width: inherit; height: inherit; position: absolute; left: 0%; top: 0%; display: flex; align-items: center; justify-content: space-around; } .media_patronage__body { margin-right: 0; } section#sticky_date_container.--sticky { position: sticky; top: 70px } .partners { min-height: calc(121px + 35px + 150px + 32px) } .media_patronage__photo { max-width: calc(25% - 35px); flex: 0 0 calc(25% - 35px); } } @media (min-width: 1200px) { .media_patronage__photo { margin-bottom: 0; } } </style> <style> .paragraph.--bolded { font-weight: 700; } </style> <style> .orderDot { background-color: #222222; border-radius: 50%; height: 50px; width: 50px; display: flex; justify-content: center; align-items: center; font-size: 24px; color: white; } .templateElementWithArrowImg { display: flex; align-items: center; } .templateElementWithArrowImg { margin-bottom: 35px; } /* Paddingi wszystkich sekcji */ section { padding: 30px 0 50px 0; flex-direction: column; } section.p-relative { position: relative; } .text_container .idosell_list { padding: 0 15px; margin-top: 15px; font-size: 16px; } .text_container .idosell_list .idosell_list__item { margin-bottom: 10px; } .text_container .idosell_list .idosell_list__item::marker { color: #53D48A; } .goToArticles { display: flex; flex-direction: column; } /* Backgroundy rozciągniete na całą sekcję */ section.--background_gray:before, section.--background_black:before, section.--background_green:before, section.--background_photo:before { content: ""; position: absolute; height: 100%; top: 0; width: 100vw; margin-left: 50%; left: -50vw; z-index: -3; } section.--background_gray:before { background-color: #F7F7F7; } section.--background_black:before { background-color: #222; } section.--background_green:before { background-color: #E6FEF5; } section.--background_photo.--dark * { color: white; } section.--background_black * { color: white; } section.--background_photo:before { background-image: url('https://www.idosell.com/panel/file-gate.php?id=190583&ext=.jpg'); background-size: cover; background-repeat: no-repeat; } @media (min-width: 757px) { section.--background_photo:before { background-image: url('https://www.idosell.com/panel/file-gate.php?id=190584&ext=.jpg'); background-size: cover; background-repeat: no-repeat; } } @media (min-width: 1590px) { section.--background_photo:before { background-image: url('https://www.idosell.com/panel/file-gate.php?id=190585&ext=.jpg'); background-size: cover; background-repeat: no-repeat; } } section.--background_black .benefits *, section.--background_photo .benefits * { color: #fff; } /* Typografia elementów na stronie */ section * { line-height: 1.05; } #hero_section h2 { font-size: 26px; } #hero_section h2{ margin-bottom: 0 !important; font-size: 26px !important; } section:not(#hero_section) h2 { font-size: 32px; margin-bottom: 35px; font-weight: 400; } section .text_container h2 { margin-bottom: 15px; } section .paragraph { font-size: 16px; line-height: 1.15; } section .paragraph.--italic { font-style: italic; } section .paragraph.--green { color: #1FD18E; } section .paragraph.--green.--extra { font-size: 14px; } section h3, section .section__intertitle { font-size: 22px; margin-bottom: 15px; } .link.--underline { text-decoration: underline; } section.--background_black .link.--underline:hover { text-decoration: none; color: white; } .link.--underline:hover { text-decoration: none; color: black; } .link.--underline.--extra { font-size: 14px; } .link.--underline.--white { color: white; } .text_description .text_interlude { font-size: 1.7em; margin: 15px 0; } /* Wygląd komponentów */ section .btn { padding: 10px 50px; min-height: unset; font-size: 16px; text-transform: none; font-weight: 400; } section .ctaSection { margin-top: 35px; display: flex; flex-wrap: wrap; align-items: center; } section .ctaSection > .link.--underline { margin-top: 15px; } .mainButton { min-width: 100%; } .ctaButtons .mainButton { margin: 0; } .ctaButtons #country__info { margin-top: 15px; } .mainButton.--black { display: block; background-color: #000; color: #fff; font-weight: 400; border-radius: 25px; padding: 12px 50px; margin-left: 0; margin-right: 35px; width: max-content; min-width: unset; } .mainButton.--green { border: 1px solid #1fd18dcd; background-color: #1FD18E99; backdrop-filter: blur( 6.5px ); color: #fff; font-weight: 400; border-radius: 25px; padding: 12px 50px; margin-left: 0; } .mainButton.--outline { display: block; background-color: transparent; border: 1.5px solid black; color: black; font-weight: 400; border-radius: 25px; padding: 12px 50px; margin-left: 0; width: max-content; min-width: unset; } .mainButton.--outline:hover { opacity: 80%; } span.bolded { font-weight: 700; } span.bolded.--title { display: block; } .about__item { align-items: flex-start; display: flex; margin: 25px auto; } main.template .about__item img { width: 50px; height: 50px; margin-right: 35px; margin-left: 0; margin-top: 0; } .about__item div { display: flex; justify-content: center; flex-direction: column; } #pros .row { margin-bottom: 10px; } @media (min-width: 757px) { #hero_section h2 { font-size: 32px; } .mainButton { min-width: unset; } } @media (min-width: 979px) { /* Paddingi dla wszystkich sekcji*/ section { padding: 70px 0 90px 0; flex-direction: row; } .ctaButtons #country__info { margin-left: 35px; margin-top: 0; } section.--background_black { padding: 90px 0 110px 0; } .about .image_container { margin-left: auto; } .goToArticles { flex-direction: row; } /* Typografia elementów na stronie */ } </style> </main> <script> function _defineProperties(n,t){for(var e=0;e<t.length;e++){var i=t[e];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(n,i.key,i)}}function _createClass(n,t,e){return t&&_defineProperties(n.prototype,t),e&&_defineProperties(n,e),Object.defineProperty(n,"prototype",{writable:!1}),n}!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(n="undefined"!=typeof globalThis?globalThis:n||self).Splide=t()}(this,function(){"use strict";var d="(prefers-reduced-motion: reduce)",R=4,W=5,n={CREATED:1,MOUNTED:2,IDLE:3,MOVING:R,SCROLLING:W,DRAGGING:6,DESTROYED:7};function x(n){n.length=0}function _(n,t,e){return Array.prototype.slice.call(n,t,e)}function D(n){return n.bind.apply(n,[null].concat(_(arguments,1)))}function G(){}var v=setTimeout;function p(n){return requestAnimationFrame(n)}function t(n,t){return typeof t===n}function X(n){return!r(n)&&t("object",n)}var o=Array.isArray,w=D(t,"function"),M=D(t,"string"),z=D(t,"undefined");function r(n){return null===n}function g(n){return n instanceof HTMLElement}function m(n){return o(n)?n:[n]}function y(n,t){m(n).forEach(t)}function b(n,t){return-1<n.indexOf(t)}function E(n,t){return n.push.apply(n,m(t)),n}function L(t,n,e){t&&y(n,function(n){n&&t.classList[e?"add":"remove"](n)})}function P(n,t){L(n,M(t)?t.split(" "):t,!0)}function C(n,t){y(t,n.appendChild.bind(n))}function k(n,e){y(n,function(n){var t=(e||n).parentNode;t&&t.insertBefore(n,e)})}function B(n,t){return g(n)&&(n.msMatchesSelector||n.matches).call(n,t)}function S(n,t){n=n?_(n.children):[];return t?n.filter(function(n){return B(n,t)}):n}function A(n,t){return t?S(n,t)[0]:n.firstElementChild}var h=Object.keys;function N(n,t,e){if(n)for(var i=h(n),i=e?i.reverse():i,o=0;o<i.length;o++){var r=i[o];if("__proto__"!==r&&!1===t(n[r],r))break}return n}function T(i){return _(arguments,1).forEach(function(e){N(e,function(n,t){i[t]=e[t]})}),i}function O(e){return _(arguments,1).forEach(function(n){N(n,function(n,t){o(n)?e[t]=n.slice():X(n)?e[t]=O({},X(e[t])?e[t]:{},n):e[t]=n})}),e}function I(t,n){m(n||h(t)).forEach(function(n){delete t[n]})}function F(n,e){y(n,function(t){y(e,function(n){t&&t.removeAttribute(n)})})}function j(e,t,i){X(t)?N(t,function(n,t){j(e,t,n)}):y(e,function(n){r(i)||""===i?F(n,t):n.setAttribute(t,String(i))})}function H(n,t,e){n=document.createElement(n);return t&&(M(t)?P:j)(n,t),e&&C(e,n),n}function Y(n,t,e){if(z(e))return getComputedStyle(n)[t];r(e)||(n.style[t]=""+e)}function q(n,t){Y(n,"display",t)}function U(n){n.setActive&&n.setActive()||n.focus({preventScroll:!0})}function K(n,t){return n.getAttribute(t)}function J(n,t){return n&&n.classList.contains(t)}function Q(n){return n.getBoundingClientRect()}function V(n){y(n,function(n){n&&n.parentNode&&n.parentNode.removeChild(n)})}function Z(n){return A((new DOMParser).parseFromString(n,"text/html").body)}function $(n,t){n.preventDefault(),t&&(n.stopPropagation(),n.stopImmediatePropagation())}function nn(n,t){return n&&n.querySelector(t)}function tn(n,t){return t?_(n.querySelectorAll(t)):[]}function en(n,t){L(n,t,!1)}function on(n){return n.timeStamp}function rn(n){return M(n)?n:n?n+"px":""}var un="splide",i="data-"+un;function sn(n,t){if(!n)throw new Error("["+un+"] "+(t||""))}var cn=Math.min,an=Math.max,fn=Math.floor,ln=Math.ceil,dn=Math.abs;function pn(n,t,e){return dn(n-t)<e}function hn(n,t,e,i){var o=cn(t,e),e=an(t,e);return i?o<n&&n<e:o<=n&&n<=e}function vn(n,t,e){var i=cn(t,e),e=an(t,e);return cn(an(i,n),e)}function gn(n){return(0<n)-(n<0)}function mn(t,n){return y(n,function(n){t=t.replace("%s",""+n)}),t}function yn(n){return n<10?"0"+n:""+n}var bn={};function wn(){var s=[];function e(n,e,i){y(n,function(t){t&&y(e,function(n){n.split(" ").forEach(function(n){n=n.split(".");i(t,n[0],n[1])})})})}return{bind:function(n,t,r,u){e(n,t,function(n,t,e){var i="addEventListener"in n,o=i?n.removeEventListener.bind(n,t,r,u):n.removeListener.bind(n,r);i?n.addEventListener(t,r,u):n.addListener(r),s.push([n,t,e,r,o])})},unbind:function(n,t,o){e(n,t,function(t,e,i){s=s.filter(function(n){return!!(n[0]!==t||n[1]!==e||n[2]!==i||o&&n[3]!==o)||(n[4](),!1)})})},dispatch:function(n,t,e){var i;return"function"==typeof CustomEvent?i=new CustomEvent(t,{bubbles:!0,detail:e}):(i=document.createEvent("CustomEvent")).initCustomEvent(t,!0,!1,e),n.dispatchEvent(i),i},destroy:function(){s.forEach(function(n){n[4]()}),x(s)}}}var En="mounted",Sn="move",xn="moved",_n="shifted",Pn="click",Cn="active",kn="inactive",Ln="visible",An="hidden",Dn="slide:keydown",Mn="refresh",zn="updated",Nn="resize",Tn="resized",On="scroll",In="scrolled",u="destroy",Fn="navigation:mounted",jn="autoplay:play",Rn="autoplay:pause",Wn="lazyload:loaded";function Gn(n){var e=n?n.event.bus:document.createDocumentFragment(),i=wn();return n&&n.event.on(u,i.destroy),T(i,{bus:e,on:function(n,t){i.bind(e,m(n).join(" "),function(n){t.apply(t,o(n.detail)?n.detail:[])})},off:D(i.unbind,e),emit:function(n){i.dispatch(e,n,_(arguments,1))}})}function Xn(t,n,e,i){var o,r,u=Date.now,s=0,c=!0,a=0;function f(){if(!c){if(s=t?cn((u()-o)/t,1):1,e&&e(s),1<=s&&(n(),o=u(),i&&++a>=i))return l();p(f)}}function l(){c=!0}function d(){r&&cancelAnimationFrame(r),c=!(r=s=0)}return{start:function(n){n||d(),o=u()-(n?s*t:0),c=!1,p(f)},rewind:function(){o=u(),s=0,e&&e(s)},pause:l,cancel:d,set:function(n){t=n},isPaused:function(){return c}}}function s(n){var t=n;return{set:function(n){t=n},is:function(n){return b(m(n),t)}}}var e="Arrow",Bn=e+"Left",Hn=e+"Right",c=e+"Up",a=e+"Down",Yn="ttb",f={width:["height"],left:["top","right"],right:["bottom","left"],x:["y"],X:["Y"],Y:["X"],ArrowLeft:[c,Hn],ArrowRight:[a,Bn]};var qn="role",Un="tabindex",e="aria-",Kn=e+"controls",Jn=e+"current",Qn=e+"selected",Vn=e+"label",Zn=e+"labelledby",$n=e+"hidden",nt=e+"orientation",tt=e+"roledescription",l=e+"live",et=e+"relevant",it=[qn,Un,"disabled",Kn,Jn,Vn,Zn,$n,nt,tt],ot=un,rt=un+"__track",ut=un+"__list",st=un+"__slide",ct=st+"--clone",at=st+"__container",ft=un+"__arrows",lt=un+"__arrow",dt=lt+"--prev",pt=lt+"--next",ht=un+"__pagination",vt=ht+"__page",gt=un+"__progress"+"__bar",mt=un+"__toggle",yt=un+"__sr",bt="is-active",wt="is-prev",Et="is-next",St="is-visible",xt="is-loading",_t="is-focus-in",Pt=[bt,St,wt,Et,xt,_t];var Ct="touchstart mousedown",kt="touchmove mousemove",Lt="touchend touchcancel mouseup";var At="slide",Dt="loop",Mt="fade";function zt(o,e,t,r){var i,n=Gn(o),u=n.on,s=n.emit,c=n.bind,a=o.Components,f=o.root,l=o.options,d=l.isNavigation,p=l.updateOnMove,h=l.i18n,v=l.pagination,g=l.slideFocus,m=a.Direction.resolve,y=K(r,"style"),b=K(r,Vn),w=-1<t,E=A(r,"."+at),S=tn(r,l.focusableNodes||"");function x(){var n=o.splides.map(function(n){n=n.splide.Components.Slides.getAt(e);return n?n.slide.id:""}).join(" ");j(r,Vn,mn(h.slideX,(w?t:e)+1)),j(r,Kn,n),j(r,qn,g?"button":""),g&&F(r,tt)}function _(){i||P()}function P(){var n,t;i||(n=o.index,(t=C())!==J(r,bt)&&(L(r,bt,t),j(r,Jn,d&&t||""),s(t?Cn:kn,k)),function(){var n=function(){if(o.is(Mt))return C();var n=Q(a.Elements.track),t=Q(r),e=m("left"),i=m("right");return fn(n[e])<=ln(t[e])&&fn(t[i])<=ln(n[i])}(),t=!n&&(!C()||w);o.state.is([R,W])||j(r,$n,t||"");j(S,Un,t?-1:""),g&&j(r,Un,t?-1:0);n!==J(r,St)&&(L(r,St,n),s(n?Ln:An,k));n||document.activeElement!==r||(n=a.Slides.getAt(o.index))&&U(n.slide)}(),L(r,wt,e===n-1),L(r,Et,e===n+1))}function C(){var n=o.index;return n===e||l.cloneStatus&&n===t}var k={index:e,slideIndex:t,slide:r,container:E,isClone:w,mount:function(){w||(r.id=f.id+"-slide"+yn(e+1),j(r,qn,v?"tabpanel":"group"),j(r,tt,h.slide),j(r,Vn,b||mn(h.slideLabel,[e+1,o.length]))),c(r,"click",D(s,Pn,k)),c(r,"keydown",D(s,Dn,k)),u([xn,_n,In],P),u(Fn,x),p&&u(Sn,_)},destroy:function(){i=!0,n.destroy(),en(r,Pt),F(r,it),j(r,"style",y),j(r,Vn,b||"")},update:P,style:function(n,t,e){Y(e&&E||r,n,t)},isWithin:function(n,t){return n=dn(n-e),(n=!w&&(l.rewind||o.is(Dt))?cn(n,o.length-n):n)<=t}};return k}var Nt=i+"-interval";var Tt={passive:!1,capture:!0};var Ot={Spacebar:" ",Right:Hn,Left:Bn,Up:c,Down:a};function It(n){return n=M(n)?n:n.key,Ot[n]||n}var Ft="keydown";var jt=i+"-lazy",Rt=jt+"-srcset",Wt="["+jt+"], ["+Rt+"]";var Gt=[" ","Enter"];var Xt=Object.freeze({__proto__:null,Media:function(i,n,o){var r=i.state,t=o.breakpoints||{},u=o.reducedMotion||{},e=wn(),s=[];function c(n){n&&e.destroy()}function a(n,t){t=matchMedia(t);e.bind(t,"change",f),s.push([n,t])}function f(){var n=r.is(7),t=o.direction,e=s.reduce(function(n,t){return O(n,t[1].matches?t[0]:{})},{});I(o),l(e),o.destroy?i.destroy("completely"===o.destroy):n?(c(!0),i.mount()):t!==o.direction&&i.refresh()}function l(n,t){O(o,n),t&&O(Object.getPrototypeOf(o),n),r.is(1)||i.emit(zn,o)}return{setup:function(){var e="min"===o.mediaQuery;h(t).sort(function(n,t){return e?+n-+t:+t-+n}).forEach(function(n){a(t[n],"("+(e?"min":"max")+"-width:"+n+"px)")}),a(u,d),f()},destroy:c,reduce:function(n){matchMedia(d).matches&&(n?O(o,u):I(o,h(u)))},set:l}},Direction:function(n,t,o){return{resolve:function(n,t,e){var i="rtl"!==(e=e||o.direction)||t?e===Yn?0:-1:1;return f[n]&&f[n][i]||n.replace(/width|left|right/i,function(n,t){n=f[n.toLowerCase()][i]||n;return 0<t?n.charAt(0).toUpperCase()+n.slice(1):n})},orient:function(n){return n*("rtl"===o.direction?1:-1)}}},Elements:function(n,t,e){var i,o,r,u=Gn(n),s=u.on,c=u.bind,a=n.root,f=e.i18n,l={},d=[],p=[],h=[];function v(){i=y("."+rt),o=A(i,"."+ut),sn(i&&o,"A track/list element is missing."),E(d,S(o,"."+st+":not(."+ct+")")),N({arrows:ft,pagination:ht,prev:dt,next:pt,bar:gt,toggle:mt},function(n,t){l[t]=y("."+n)}),T(l,{root:a,track:i,list:o,slides:d}),function(){var n=a.id||function(n){return""+n+yn(bn[n]=(bn[n]||0)+1)}(un),t=e.role;a.id=n,i.id=i.id||n+"-track",o.id=o.id||n+"-list",!K(a,qn)&&"SECTION"!==a.tagName&&t&&j(a,qn,t);j(a,tt,f.carousel),j(o,qn,"presentation")}(),m()}function g(n){var t=it.concat("style");x(d),en(a,p),en(i,h),F([i,o],t),F(a,n?t:["style",tt])}function m(){en(a,p),en(i,h),p=b(ot),h=b(rt),P(a,p),P(i,h),j(a,Vn,e.label),j(a,Zn,e.labelledby)}function y(n){n=nn(a,n);return n&&function(n,t){if(w(n.closest))return n.closest(t);for(var e=n;e&&1===e.nodeType&&!B(e,t);)e=e.parentElement;return e}(n,"."+ot)===a?n:void 0}function b(n){return[n+"--"+e.type,n+"--"+e.direction,e.drag&&n+"--draggable",e.isNavigation&&n+"--nav",n===ot&&bt]}return T(l,{setup:v,mount:function(){s(Mn,g),s(Mn,v),s(zn,m),c(document,Ct+" keydown",function(n){r="keydown"===n.type},{capture:!0}),c(a,"focusin",function(){L(a,_t,!!r)})},destroy:g})},Slides:function(i,o,r){var n=Gn(i),t=n.on,u=n.emit,s=n.bind,c=(n=o.Elements).slides,a=n.list,f=[];function e(){c.forEach(function(n,t){d(n,t,-1)})}function l(){h(function(n){n.destroy()}),x(f)}function d(n,t,e){n=zt(i,t,e,n);n.mount(),f.push(n)}function p(n){return n?v(function(n){return!n.isClone}):f}function h(n,t){p(t).forEach(n)}function v(t){return f.filter(w(t)?t:function(n){return M(t)?B(n.slide,t):b(m(t),n.index)})}return{mount:function(){e(),t(Mn,l),t(Mn,e),t([En,Mn],function(){f.sort(function(n,t){return n.index-t.index})})},destroy:l,update:function(){h(function(n){n.update()})},register:d,get:p,getIn:function(n){var t=o.Controller,e=t.toIndex(n),i=t.hasFocus()?1:r.perPage;return v(function(n){return hn(n.index,e,e+i-1)})},getAt:function(n){return v(n)[0]},add:function(n,o){y(n,function(n){var t,e,i;g(n=M(n)?Z(n):n)&&((t=c[o])?k(n,t):C(a,n),P(n,r.classes.slide),n=n,e=D(u,Nn),n=tn(n,"img"),(i=n.length)?n.forEach(function(n){s(n,"load error",function(){--i||e()})}):e())}),u(Mn)},remove:function(n){V(v(n).map(function(n){return n.slide})),u(Mn)},forEach:h,filter:v,style:function(t,e,i){h(function(n){n.style(t,e,i)})},getLength:function(n){return(n?c:f).length},isEnough:function(){return f.length>r.perPage}}},Layout:function(n,t,e){var i,o,r=(c=Gn(n)).on,u=c.bind,s=c.emit,c=t.Slides,a=t.Direction.resolve,f=(t=t.Elements).root,l=t.track,d=t.list,p=c.getAt,h=c.style;function v(){o=null,i=e.direction===Yn,Y(f,"maxWidth",rn(e.width)),Y(l,a("paddingLeft"),m(!1)),Y(l,a("paddingRight"),m(!0)),g()}function g(){var n=Q(f);o&&o.width===n.width&&o.height===n.height||(Y(l,"height",function(){var n="";i&&(sn(n=y(),"height or heightRatio is missing."),n="calc("+n+" - "+m(!1)+" - "+m(!0)+")");return n}()),h(a("marginRight"),rn(e.gap)),h("width",e.autoWidth?null:rn(e.fixedWidth)||(i?"":b())),h("height",rn(e.fixedHeight)||(i?e.autoHeight?null:b():y()),!0),o=n,s(Tn))}function m(n){var t=e.padding,n=a(n?"right":"left");return t&&rn(t[n]||(X(t)?0:t))||"0px"}function y(){return rn(e.height||Q(d).width*e.heightRatio)}function b(){var n=rn(e.gap);return"calc((100%"+(n&&" + "+n)+")/"+(e.perPage||1)+(n&&" - "+n)+")"}function w(n,t){var e=p(n);if(e){n=Q(e.slide)[a("right")],e=Q(d)[a("left")];return dn(n-e)+(t?0:E())}return 0}function E(){var n=p(0);return n&&parseFloat(Y(n.slide,a("marginRight")))||0}return{mount:function(){var n,t,e;v(),u(window,"resize load",(n=D(s,Nn),function(){e||(e=Xn(t||0,function(){n(),e=null},null,1)).start()})),r([zn,Mn],v),r(Nn,g)},listSize:function(){return Q(d)[a("width")]},slideSize:function(n,t){return(n=p(n||0))?Q(n.slide)[a("width")]+(t?0:E()):0},sliderSize:function(){return w(n.length-1,!0)-w(-1,!0)},totalSize:w,getPadding:function(n){return parseFloat(Y(l,a("padding"+(n?"Right":"Left"))))||0}}},Clones:function(s,e,c){var n,t=Gn(s),i=t.on,o=t.emit,a=e.Elements,f=e.Slides,r=e.Direction.resolve,l=[];function u(){(n=h())&&(function(o){var r=f.get().slice(),u=r.length;if(u){for(;r.length<o;)E(r,r);E(r.slice(-o),r.slice(0,o)).forEach(function(n,t){var e=t<o,i=function(n,t){n=n.cloneNode(!0);return P(n,c.classes.clone),n.id=s.root.id+"-clone"+yn(t+1),n}(n.slide,t);e?k(i,r[0].slide):C(a.list,i),E(l,i),f.register(i,t-o+(e?0:u),n.index)})}}(n),o(Nn))}function d(){V(l),x(l)}function p(){n<h()&&o(Mn)}function h(){var n,t=c.clones;return s.is(Dt)?t||(t=(n=c[r("fixedWidth")]&&e.Layout.slideSize(0))&&ln(Q(a.track)[r("width")]/n)||c[r("autoWidth")]&&s.length||2*c.perPage):t=0,t}return{mount:function(){u(),i(Mn,d),i(Mn,u),i([zn,Nn],p)},destroy:d}},Move:function(i,s,o){var c,n=Gn(i),t=n.on,a=n.emit,f=i.state.set,r=(n=s.Layout).slideSize,e=n.getPadding,u=n.totalSize,l=n.listSize,d=n.sliderSize,p=(n=s.Direction).resolve,h=n.orient,v=(n=s.Elements).list,g=n.track;function m(){s.Controller.isBusy()||(s.Scroll.cancel(),y(i.index),s.Slides.update())}function y(n){b(S(n,!0))}function b(n,t){i.is(Mt)||(t=t?n:function(n){{var t,e;i.is(Dt)&&(e=h(n-x()),t=P(!1,n)&&e<0,e=P(!0,n)&&0<e,(t||e)&&(n=w(n,e)))}return n}(n),Y(v,"transform","translate"+p("X")+"("+t+"px)"),n!==t&&a(_n))}function w(n,t){var e=n-_(t),i=d();return n-=h(i*(ln(dn(e)/i)||1))*(t?1:-1)}function E(){b(x()),c.cancel()}function S(n,t){var e=h(u(n-1)-(e=n,"center"===(n=o.focus)?(l()-r(e,!0))/2:+n*r(e)||0));return t?function(n){o.trimSpace&&i.is(At)&&(n=vn(n,0,h(d()-l())));return n}(e):e}function x(){var n=p("left");return Q(v)[n]-Q(g)[n]+h(e(!1))}function _(n){return S(n?s.Controller.getEnd():0,!!o.trimSpace)}function P(n,t){t=z(t)?x():t;var e=!0!==n&&h(t)<h(_(!1)),t=!1!==n&&h(t)>h(_(!0));return e||t}return{mount:function(){c=s.Transition,t([En,Tn,zn,Mn],m)},move:function(n,t,e,i){var o,r,u=x();n!==t&&(o=t<n,r=h(w(x(),o)),o?0<=r:r<=v["scroll"+p("Width")]-Q(g)[p("width")])&&(E(),b(w(u,t<n),!0)),f(R),a(Sn,t,e,n),c.start(t,function(){f(3),a(xn,t,e,n),i&&i()})},jump:y,translate:b,shift:w,cancel:E,toIndex:function(n){for(var t=s.Slides.get(),e=0,i=1/0,o=0;o<t.length;o++){var r=t[o].index,u=dn(S(r,!0)-n);if(!(u<=i))break;i=u,e=r}return e},toPosition:S,getPosition:x,getLimit:_,exceededLimit:P,reposition:m}},Controller:function(r,o,u){var s,i,c,n=Gn(r).on,a=o.Move,f=a.getPosition,l=a.getLimit,d=a.toPosition,t=o.Slides,p=t.isEnough,e=t.getLength,h=r.is(Dt),v=r.is(At),g=D(E,!1),m=D(E,!0),y=u.start||0,b=y;function w(){s=e(!0),i=u.perMove,c=u.perPage;var n=vn(y,0,s-1);n!==y&&(y=n,a.reposition())}function E(n,t){var e=i||(L()?1:c),e=S(y+e*(n?-1:1),y,!(i||L()));return-1===e&&v&&!pn(f(),l(!n),1)?n?0:_():t?e:x(e)}function S(n,t,e){var i,o;return p()?(i=_(),(o=function(n){if(v&&"move"===u.trimSpace&&n!==y)for(var t=f();t===d(n,!0)&&hn(n,0,r.length-1,!u.rewind);)n<y?--n:++n;return n}(n))!==n&&(t=n,n=o,e=!1),n<0||i<n?n=hn(0,n,t,!0)||hn(i,t,n,!0)?P(C(n)):h?e?n<0?-(s%c||c):s:n:u.rewind?n<0?i:0:-1:e&&n!==t&&(n=P(C(t)+(n<t?-1:1)))):n=-1,n}function x(n){return h?(n+s)%s||0:n}function _(){return an(s-(L()||h&&i?1:c),0)}function P(n){return vn(L()?n:c*n,0,_())}function C(n){return L()?n:fn((n>=_()?s-1:n)/c)}function k(n){n!==y&&(b=y,y=n)}function L(){return!z(u.focus)||u.isNavigation}function A(){return r.state.is([R,W])&&!!u.waitForTransition}return{mount:function(){w(),n([zn,Mn],w)},go:function(n,t,e){var i;A()||-1<(n=x(i=function(n){var t=y;{var e,i;M(n)?(i=n.match(/([+\-<>])(\d+)?/)||[],e=i[1],i=i[2],"+"===e||"-"===e?t=S(y+ +(""+e+(+i||1)),y):">"===e?t=i?P(+i):g(!0):"<"===e&&(t=m(!0))):t=h?n:vn(n,0,_())}return t}(n)))&&(t||n!==y)&&(k(n),a.move(i,n,b,e))},scroll:function(n,t,e,i){o.Scroll.scroll(n,t,e,function(){k(x(a.toIndex(a.getPosition()))),i&&i()})},getNext:g,getPrev:m,getAdjacent:E,getEnd:_,setIndex:k,getIndex:function(n){return n?b:y},toIndex:P,toPage:C,toDest:function(n){return n=a.toIndex(n),v?vn(n,0,_()):n},hasFocus:L,isBusy:A}},Arrows:function(o,n,t){var e,i,r=Gn(o),u=r.on,s=r.bind,c=r.emit,a=t.classes,f=t.i18n,l=n.Elements,d=n.Controller,p=l.arrows,h=l.track,v=p,g=l.prev,m=l.next,y={};function b(){!function(){var n=t.arrows;!n||g&&m||(v=p||H("div",a.arrows),g=x(!0),m=x(!1),e=!0,C(v,[g,m]),p||k(v,h));g&&m&&(T(y,{prev:g,next:m}),q(v,n?"":"none"),P(v,i=ft+"--"+t.direction),n&&(u([xn,Mn,In],_),s(m,"click",D(S,">")),s(g,"click",D(S,"<")),_(),j([g,m],Kn,h.id),c("arrows:mounted",g,m)))}(),u(zn,w)}function w(){E(),b()}function E(){r.destroy(),en(v,i),e?(V(p?[g,m]:v),g=m=null):F([g,m],it)}function S(n){d.go(n,!0)}function x(n){return Z('<button class="'+a.arrow+" "+(n?a.prev:a.next)+'" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><path d="'+(t.arrowPath||"m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z")+'" />')}function _(){var n=o.index,t=d.getPrev(),e=d.getNext(),i=-1<t&&n<t?f.last:f.prev,n=-1<e&&e<n?f.first:f.next;g.disabled=t<0,m.disabled=e<0,j(g,Vn,i),j(m,Vn,n),c("arrows:updated",g,m,t,e)}return{arrows:y,mount:b,destroy:E}},Autoplay:function(n,t,e){var i,o,r=Gn(n),u=r.on,s=r.bind,c=r.emit,a=Xn(e.interval,n.go.bind(n,">"),function(n){var t=l.bar;t&&Y(t,"width",100*n+"%"),c("autoplay:playing",n)}),f=a.isPaused,l=t.Elements,d=(n=t.Elements).root,p=n.toggle,h=e.autoplay,v="pause"===h;function g(){f()&&t.Slides.isEnough()&&(a.start(!e.resetProgress),o=i=v=!1,b(),c(jn))}function m(n){v=!!(n=void 0===n?!0:n),b(),f()||(a.pause(),c(Rn))}function y(){v||(i||o?m(!1):g())}function b(){p&&(L(p,bt,!v),j(p,Vn,e.i18n[v?"play":"pause"]))}function w(n){n=t.Slides.getAt(n);a.set(n&&+K(n.slide,Nt)||e.interval)}return{mount:function(){h&&(function(){e.pauseOnHover&&s(d,"mouseenter mouseleave",function(n){i="mouseenter"===n.type,y()});e.pauseOnFocus&&s(d,"focusin focusout",function(n){o="focusin"===n.type,y()});p&&s(p,"click",function(){v?g():m(!0)});u([Sn,On,Mn],a.rewind),u(Sn,w)}(),p&&j(p,Kn,l.track.id),v||g(),b())},destroy:a.cancel,play:g,pause:m,isPaused:f}},Cover:function(n,t,e){var i=Gn(n).on;function o(e){t.Slides.forEach(function(n){var t=A(n.container||n.slide,"img");t&&t.src&&r(e,t,n)})}function r(n,t,e){e.style("background",n?'center/cover no-repeat url("'+t.src+'")':"",!0),q(t,n?"none":"")}return{mount:function(){e.cover&&(i(Wn,D(r,!0)),i([En,zn,Mn],D(o,!0)))},destroy:D(o,!1)}},Scroll:function(r,s,u){var c,a,n=Gn(r),t=n.on,f=n.emit,l=r.state.set,d=s.Move,p=d.getPosition,h=d.getLimit,v=d.exceededLimit,g=d.translate,m=1;function y(n,t,e,i,o){var r=p();E(),e&&(e=s.Layout.sliderSize(),u=gn(n)*e*fn(dn(n)/e)||0,n=d.toPosition(s.Controller.toDest(n%e))+u);var u=pn(r,n,1);m=1,t=u?0:t||an(dn(n-r)/1.5,800),a=i,c=Xn(t,b,D(w,r,n,o),1),l(W),f(On),c.start()}function b(){l(3),a&&a(),f(In)}function w(n,t,e,i){var o=p(),n=(n+(t-n)*(n=i,(i=u.easingFunc)?i(n):1-Math.pow(1-n,4))-o)*m;g(o+n),r.is(At)&&!e&&v()&&(m*=.6,dn(n)<10&&y(h(v(!0)),600,!1,void 0,!0))}function E(){c&&c.cancel()}function e(){c&&!c.isPaused()&&(E(),b())}return{mount:function(){t(Sn,E),t([zn,Mn],e)},destroy:E,scroll:y,cancel:e}},Drag:function(r,i,u){var s,t,o,c,a,f,l,d,n=Gn(r),e=n.on,p=n.emit,h=n.bind,v=n.unbind,g=r.state,m=i.Move,y=i.Scroll,b=i.Controller,w=i.Elements.track,E=i.Media.reduce,S=(n=i.Direction).resolve,x=n.orient,_=m.getPosition,P=m.exceededLimit,C=!1;function k(){var n=u.drag;j(!n),c="free"===n}function L(n){var t,e,i;f=!1,l||(t=F(n),e=n.target,i=u.noDrag,B(e,"."+vt+", ."+lt)||i&&B(e,i)||!t&&n.button||(b.isBusy()?$(n,!0):(d=t?w:window,a=g.is([R,W]),o=null,h(d,kt,A,Tt),h(d,Lt,D,Tt),m.cancel(),y.cancel(),z(n))))}function A(n){var t,e,i,o;g.is(6)||(g.set(6),p("drag")),n.cancelable&&(a?(m.translate(s+N(n)/(C&&r.is(At)?5:1)),e=200<T(n),i=C!==(C=P()),(e||i)&&z(n),f=!0,p("dragging"),$(n)):dn(N(o=n))>dn(N(o,!0))&&(t=n,e=u.dragMinThreshold,i=X(e),o=i&&e.mouse||0,e=(i?e.touch:+e)||10,a=dn(N(t))>(F(t)?e:o),$(n)))}function D(n){g.is(6)&&(g.set(3),p("dragged")),a&&(function(n){var t=function(n){if(r.is(Dt)||!C){var t=T(n);if(t&&t<200)return N(n)/t}return 0}(n),e=function(n){return _()+gn(n)*cn(dn(n)*(u.flickPower||600),c?1/0:i.Layout.listSize()*(u.flickMaxPages||1))}(t),n=u.rewind&&u.rewindByDrag;E(!1),c?b.scroll(e,0,u.snap):r.is(Mt)?b.go(x(gn(t))<0?n?"<":"-":n?">":"+"):r.is(At)&&C&&n?b.go(P(!0)?">":"<"):b.go(b.toDest(e),!0);E(!0)}(n),$(n)),v(d,kt,A),v(d,Lt,D),a=!1}function M(n){!l&&f&&$(n,!0)}function z(n){o=t,t=n,s=_()}function N(n,t){return I(n,t)-I(O(n),t)}function T(n){return on(n)-on(O(n))}function O(n){return t===n&&o||t}function I(n,t){return(F(n)?n.changedTouches[0]:n)["page"+S(t?"Y":"X")]}function F(n){return"undefined"!=typeof TouchEvent&&n instanceof TouchEvent}function j(n){l=n}return{mount:function(){h(w,kt,G,Tt),h(w,Lt,G,Tt),h(w,Ct,L,Tt),h(w,"click",M,{capture:!0}),h(w,"dragstart",$),e([En,zn],k)},disable:j,isDragging:function(){return a}}},Keyboard:function(t,n,e){var i,o,r=Gn(t),u=r.on,s=r.bind,c=r.unbind,a=t.root,f=n.Direction.resolve;function l(){var n=e.keyboard;n&&(i="global"===n?window:a,s(i,Ft,h))}function d(){c(i,Ft)}function p(){var n=o;o=!0,v(function(){o=n})}function h(n){o||((n=It(n))===f(Bn)?t.go("<"):n===f(Hn)&&t.go(">"))}return{mount:function(){l(),u(zn,d),u(zn,l),u(Sn,p)},destroy:d,disable:function(n){o=n}}},LazyLoad:function(e,n,o){var t=Gn(e),i=t.on,r=t.off,u=t.bind,s=t.emit,c="sequential"===o.lazyLoad,a=[En,Mn,xn,In],f=[];function l(){x(f),n.Slides.forEach(function(i){tn(i.slide,Wt).forEach(function(n){var t=K(n,jt),e=K(n,Rt);t===n.src&&e===n.srcset||(t=o.classes.spinner,e=A(e=n.parentElement,"."+t)||H("span",t,e),f.push([n,i,e]),n.src||q(n,"none"))})}),c&&v()}function d(){(f=f.filter(function(n){var t=o.perPage*((o.preloadPages||1)+1)-1;return!n[1].isWithin(e.index,t)||p(n)})).length||r(a)}function p(n){var t=n[0];P(n[1].slide,xt),u(t,"load error",D(h,n)),j(t,"src",K(t,jt)),j(t,"srcset",K(t,Rt)),F(t,jt),F(t,Rt)}function h(n,t){var e=n[0],i=n[1];en(i.slide,xt),"error"!==t.type&&(V(n[2]),q(e,""),s(Wn,e,i),s(Nn)),c&&v()}function v(){f.length&&p(f.shift())}return{mount:function(){o.lazyLoad&&(l(),i(Mn,l),c||i(a,d))},destroy:D(x,f)}},Pagination:function(f,n,l){var d,p,t=Gn(f),e=t.on,i=t.emit,h=t.bind,v=n.Slides,g=n.Elements,o=n.Controller,m=o.hasFocus,r=o.getIndex,u=o.go,s=n.Direction.resolve,y=[];function c(){d&&(V(g.pagination?_(d.children):d),en(d,p),x(y),d=null),t.destroy()}function b(n){u(">"+n,!0)}function w(n,t){var e=y.length,i=It(t),o=E(),r=-1;i===s(Hn,!1,o)?r=++n%e:i===s(Bn,!1,o)?r=(--n+e)%e:"Home"===i?r=0:"End"===i&&(r=e-1);e=y[r];e&&(U(e.button),u(">"+r),$(t,!0))}function E(){return l.paginationDirection||l.direction}function a(n){return y[o.toPage(n)]}function S(){var n,t=a(r(!0)),e=a(r());t&&(en(n=t.button,bt),F(n,Qn),j(n,Un,-1)),e&&(P(n=e.button,bt),j(n,Qn,!0),j(n,Un,"")),i("pagination:updated",{list:d,items:y},t,e)}return{items:y,mount:function n(){c(),e([zn,Mn],n),l.pagination&&v.isEnough()&&(e([Sn,On,In],S),function(){var n=f.length,t=l.classes,e=l.i18n,i=l.perPage,o=m()?n:ln(n/i);P(d=g.pagination||H("ul",t.pagination,g.track.parentElement),p=ht+"--"+E()),j(d,qn,"tablist"),j(d,Vn,e.select),j(d,nt,E()===Yn?"vertical":"");for(var r=0;r<o;r++){var u=H("li",null,d),s=H("button",{class:t.page,type:"button"},u),c=v.getIn(r).map(function(n){return n.slide.id}),a=!m()&&1<i?e.pageX:e.slideX;h(s,"click",D(b,r)),l.paginationKeyboard&&h(s,"keydown",D(w,r)),j(u,qn,"presentation"),j(s,qn,"tab"),j(s,Kn,c.join(" ")),j(s,Vn,mn(a,r+1)),j(s,Un,-1),y.push({li:u,button:s,page:r})}}(),S(),i("pagination:mounted",{list:d,items:y},a(f.index)))},destroy:c,getAt:a,update:S}},Sync:function(e,n,t){var i=t.isNavigation,o=t.slideFocus,r=[];function u(){var n,t;e.splides.forEach(function(n){n.isParent||(c(e,n.splide),c(n.splide,e))}),i&&(n=Gn(e),(t=n.on)(Pn,f),t(Dn,l),t([En,zn],a),r.push(n),n.emit(Fn,e.splides))}function s(){r.forEach(function(n){n.destroy()}),x(r)}function c(n,i){n=Gn(n);n.on(Sn,function(n,t,e){i.go(i.is(Dt)?e:n)}),r.push(n)}function a(){j(n.Elements.list,nt,t.direction===Yn?"vertical":"")}function f(n){e.go(n.index)}function l(n,t){b(Gt,It(t))&&(f(n),$(t))}return{setup:function(){e.options={slideFocus:z(o)?i:o}},mount:u,destroy:s,remount:function(){s(),u()}}},Wheel:function(u,s,c){var n=Gn(u).bind,a=0;function t(n){var t,e,i,o,r;n.cancelable&&(r=(t=n.deltaY)<0,e=on(n),i=c.wheelMinThreshold||0,o=c.wheelSleep||0,dn(t)>i&&o<e-a&&(u.go(r?"<":">"),a=e),r=r,c.releaseWheel&&!u.state.is(R)&&-1===s.Controller.getAdjacent(r)||$(n))}return{mount:function(){c.wheel&&n(s.Elements.track,"wheel",t,Tt)}}},Live:function(n,t,e){var i=Gn(n).on,o=t.Elements.track,r=e.live&&!e.isNavigation,u=H("span",yt);function s(n){r&&j(o,l,n?"off":"polite")}return{mount:function(){r&&(s(!t.Autoplay.isPaused()),j(o,et,"additions"),u.textContent="…",i(jn,D(s,!0)),i(Rn,D(s,!1)),i([xn,In],D(C,o,u)))},disable:s,destroy:function(){F(o,[l,et]),V(u)}}}}),Bt={type:"slide",role:"region",speed:400,perPage:1,cloneStatus:!0,arrows:!0,pagination:!0,paginationKeyboard:!0,interval:5e3,pauseOnHover:!0,pauseOnFocus:!0,resetProgress:!0,easing:"cubic-bezier(0.25, 1, 0.5, 1)",drag:!0,direction:"ltr",trimSpace:!0,focusableNodes:"a, button, textarea, input, select, iframe",live:!0,classes:{slide:st,clone:ct,arrows:ft,arrow:lt,prev:dt,next:pt,pagination:ht,page:vt,spinner:un+"__spinner"},i18n:{prev:"Previous slide",next:"Next slide",first:"Go to first slide",last:"Go to last slide",slideX:"Go to slide %s",pageX:"Go to page %s",play:"Start autoplay",pause:"Pause autoplay",carousel:"carousel",slide:"slide",select:"Select a slide to show",slideLabel:"%s of %s"},reducedMotion:{speed:0,rewindSpeed:0,autoplay:"pause"}};function Ht(n,i,t){var e=Gn(n).on;return{mount:function(){e([En,Mn],function(){v(function(){i.Slides.style("transition","opacity "+t.speed+"ms "+t.easing)})})},start:function(n,t){var e=i.Elements.track;Y(e,"height",rn(Q(e).height)),v(function(){t(),Y(e,"height","")})},cancel:G}}function Yt(r,n,u){var s,t=Gn(r).bind,c=n.Move,a=n.Controller,f=n.Scroll,e=n.Elements.list,l=D(Y,e,"transition");function i(){l(""),f.cancel()}return{mount:function(){t(e,"transitionend",function(n){n.target===e&&s&&(i(),s())})},start:function(n,t){var e=c.toPosition(n,!0),i=c.getPosition(),o=function(n){var t=u.rewindSpeed;if(r.is(At)&&t){var e=a.getIndex(!0),i=a.getEnd();if(0===e&&i<=n||i<=e&&0===n)return t}return u.speed}(n);1<=dn(e-i)&&1<=o?u.useScroll?f.scroll(e,o,!1,t):(l("transform "+o+"ms "+u.easing),c.translate(e,!0),s=t):(c.jump(n),t())},cancel:i}}a=function(){function e(n,t){this.event=Gn(),this.Components={},this.state=s(1),this.splides=[],this._o={},this._E={};n=M(n)?nn(document,n):n;sn(n,n+" is invalid."),t=O({label:K(this.root=n,Vn)||"",labelledby:K(n,Zn)||""},Bt,e.defaults,t||{});try{O(t,JSON.parse(K(n,i)))}catch(n){sn(!1,"Invalid JSON")}this._o=Object.create(O({},t))}var n=e.prototype;return n.mount=function(n,t){var e=this,i=this.state,o=this.Components;return sn(i.is([1,7]),"Already mounted!"),i.set(1),this._C=o,this._T=t||this._T||(this.is(Mt)?Ht:Yt),this._E=n||this._E,N(T({},Xt,this._E,{Transition:this._T}),function(n,t){n=n(e,o,e._o);(o[t]=n).setup&&n.setup()}),N(o,function(n){n.mount&&n.mount()}),this.emit(En),P(this.root,"is-initialized"),i.set(3),this.emit("ready"),this},n.sync=function(n){return this.splides.push({splide:n}),n.splides.push({splide:this,isParent:!0}),this.state.is(3)&&(this._C.Sync.remount(),n.Components.Sync.remount()),this},n.go=function(n){return this._C.Controller.go(n),this},n.on=function(n,t){return this.event.on(n,t),this},n.off=function(n){return this.event.off(n),this},n.emit=function(n){var t;return(t=this.event).emit.apply(t,[n].concat(_(arguments,1))),this},n.add=function(n,t){return this._C.Slides.add(n,t),this},n.remove=function(n){return this._C.Slides.remove(n),this},n.is=function(n){return this._o.type===n},n.refresh=function(){return this.emit(Mn),this},n.destroy=function(t){void 0===t&&(t=!0);var n=this.event,e=this.state;return e.is(1)?Gn(this).on("ready",this.destroy.bind(this,t)):(N(this._C,function(n){n.destroy&&n.destroy(t)},!0),n.emit(u),n.destroy(),t&&x(this.splides),e.set(7)),this},_createClass(e,[{key:"options",get:function(){return this._o},set:function(n){this._C.Media.set(n,!0)}},{key:"length",get:function(){return this._C.Slides.getLength(!0)}},{key:"index",get:function(){return this._C.Controller.getIndex()}}]),e}();return a.defaults={},a.STATES=n,a}); //# sourceMappingURL=splide.min.js.map var splide = new Splide( '#splide', { type : 'loop', } ); var splide2 = new Splide('#splide2', { type: 'loop', }) splide.mount(); splide2.mount(); </script> </div></div> </div> </div><footer class="footer"> <div class="container footer__wrapper"> <div id="backToTopButton" class="back_to_top_button"> <i class="fas fa-chevron-up"></i> </div> <nav class="footer__menu"> <a href="https://www.idosell.com/pl/oferta-idosell/" class="footer__menu_link">OFERTA</a><a href="https://www.idosell.com/pl/tysiace-gotowych-do-uzycia-funkcji/" class="footer__menu_link">MOŻLIWOŚCI</a><a href="https://www.idosell.com/pl/services/ecommerce-services/" class="footer__menu_link">USŁUGI</a><a href="https://www.idosell.com/pl/integracje/" class="footer__menu_link">INTEGRACJE</a><a href="https://www.idosell.com/pl/baza-wiedzy/" class="footer__menu_link">EDUKACJA</a><a href="https://www.idosell.com/pl/blog/" class="footer__menu_link">BLOG</a><a href="https://www.idosell.com/pl/abonamenty/" class="footer__menu_link">ZAŁÓŻ SKLEP</a><a href="https://www.idosell.com/pl/migracja/" class="footer__menu_link">MIGRACJA</a><a href="https://www.idosell.com/pl/contact/skontaktuj-sie-z-nami-i-uzyskaj-unikalna-pomoc-w-prowadzeniu-sklepu-internetowego-idosell/" class="footer__menu_link">KONTAKT</a> </nav> <div class="footer__bottom"> <div class="copyright"> <span class="copyright__text"><span class="d-block d-sm-inline mb-2 mb-sm-0">©2000-2024 IdoSell (IAI S.A.)</span></span> </div> <div class="social_media"> <a href="https://www.facebook.com/IAISA.fp" class="social_media__link --facebook"><i class="fab fa-facebook-f"></i></a> <a href="https://www.youtube.com/channel/UCtx9R9RNnR75RzoEtQk_-1A" class="social_media__link --youtube"><i class="fab fa-youtube"></i></a> <a href="https://pl.linkedin.com/showcase/iai-sa" class="social_media__link --linkedin"><i class="fab fa-linkedin"></i></a> </div> <div class="footer__account"> <ul class="footer__account_collapse d-flex align-items-center justify-content-center justify-content-md-end"> <li class="footer__account_element"> <a class="footer__account_link" href="https://www.idosell.com/pl/login/?ref=%2Fpl%2Ftraffic-trends%2F" rel="nofollow"> Logowanie </a> </li><li class="footer__account_element border --left"> <a class="footer__account_link" href="https://www.iai-sa.com/pl/privacy/policy/privacy-and-safety-policy/" rel="nofollow"> Polityka prywatności </a> </li> <li class="footer__account_element border --left expand"> <a href="#" class="footer__account_link "> PL </a> <div class="expand__holder d-none"> </div> </li> </ul> </div> </div> </div> </footer> <!--koniec footer--> </div> <script src="/gfx/new_design/js/app.js?r=18"></script> <div class="cookie-banner off"> <span class="cookie-banner-title cookie-banner-title--mainTitle">Strona korzysta z plików cookies</span> <p class="cookie-banner-description">Pliki cookies są wykorzystywane w celu zapewnienia poprawnego działania serwisu, analizy ruchu na stronie oraz dostarczania spersonalizowanych treści i reklam. Więcej informacji znajdziesz w <a href="https://www.iai-sa.com/pl/polityka-prywatnosci-i-bezpieczenstwa/" target="_blank">polityce prywatności</a> oraz <a href="https://www.iai-sa.com/pl/polityka-prywatnosci-i-bezpieczenstwa/polityka-prywatnosci-serwisow-internetowych-idosell-i-iai/" target="_blank">polityce plików cookies</a>. Akceptacja tego komunikatu oznacza zgodę na ich zapisywanie na Twoim urządzeniu. Możesz określić warunki przechowywania lub dostępu do nich klikając w przycisk Spersonalizuj. </p> <div class="cookie-banner__settingsDiv off"> <span class="cookie-banner-title">Ustawienia plików cookies</span> <div class="checkboxElement"> <input checked disabled type="checkbox" id="necessaryCheckbox" name="necessaryCheckbox"/> <label for="necessaryCheckbox"> <span>Niezbędne do działania serwisu</span> <p>Zgoda na korzystanie z niezbędnych plików cookies, które są konieczne do zapewnienia podstawowych funkcji strony internetowej, np. nawigacja po stronie, zarządzanie treścią i bezpieczeństwo przeglądania.</p> </label> </div> <div class="checkboxElement"> <input checked type="checkbox" id="marketingCheckbox" name="marketingCheckbox"/> <label for="marketingCheckbox"> <span>Analityczne i marketingowe</span> <p>Zgoda na korzystanie z plików cookies do analizy ruchu na stronie. Ma to na celu ulepszenie naszych usług, możliwość tworzenia danych statystycznych i raportów oraz wsparcia naszych działań marketingowych. </p> </label> </div> <div class="checkboxElement"> <input checked type="checkbox" id="ad_user_data" name="ad_user_data"/> <label for="ad_user_data"> <span>Dane użytkownika w reklamach</span> <p>Zgoda na korzystanie z plików cookies, które pozwalają przetwarzać dane użytkownika w celach reklamowych.</p> </label> </div> <div class="checkboxElement"> <input checked type="checkbox" id="ad_personalization" name="ad_personalization"/> <label for="ad_personalization"> <span>Personalizacja reklam</span> <p>Zgoda na korzystanie z plików cookies do personalizacji treści i reklam na podstawie twojej aktywności online. Dzięki tej zgodzie będziemy mogli lepiej dopasować reklamy do twoich zainteresowań. </p> </label> </div> </div> <div class="cookie-banner__buttonsWrapper"> <button class="cookie-settingsBtn button --outline">Spersonalizuj</button> <button class="cookie-dismissBtn button --solid">Zaakceptuj wszystkie</button> </div> </div> <script type="text/javascript"> const cookieBanner = document.querySelector(".cookie-banner"); const settingsDiv = document.querySelector(".cookie-banner__settingsDiv"); const buttonElement = document.querySelector(".cookie-dismissBtn"); const buttonCookieSettings = document.querySelector(".cookie-settingsBtn"); const marketingCheckbox = document.querySelector("#marketingCheckbox"); const adUserData = document.querySelector("#ad_user_data"); const adPersonalization = document.querySelector("#ad_personalization"); function dismiss() { const consent = { ad_storage: "denied", analytics_storage: "denied", ad_user_data: "denied", ad_personalization: "denied", personalization_storage: "denied", functionality_storage: "granted", security_storage: "granted", }; if (settingsDiv.classList.contains("off")) { // Użytkownik kliknął "Zaakceptuj wszystkie" consent["ad_storage"] = "granted"; consent["analytics_storage"] = "granted"; consent["ad_user_data"] = "granted"; consent["ad_personalization"] = "granted"; consent["personalization_storage"] = "granted"; } else { // Użytkownik wybrał konkretne zgody if (marketingCheckbox.checked) { consent["ad_storage"] = "granted"; consent["analytics_storage"] = "granted"; } if (adUserData.checked) { consent["ad_user_data"] = "granted"; } if (adPersonalization.checked) { consent["ad_personalization"] = "granted"; consent["personalization_storage"] = "granted"; } } // Zapisz zgody w localStorage localStorage.setItem("user_cookie_consent", JSON.stringify(consent)); // Usuń banner cookieBanner.remove(); } function isDismissed() { return localStorage.getItem("user_cookie_consent") !== null; } function showCookieSetting() { marketingCheckbox.checked = false; adUserData.checked = false; adPersonalization.checked = false; settingsDiv.classList.remove("off"); buttonCookieSettings.classList.add("off"); buttonElement.textContent = "Zaakceptuj wybrane"; } if (buttonElement) { buttonElement.addEventListener("click", dismiss); buttonCookieSettings.addEventListener("click", showCookieSetting); } if (!isDismissed()) { if (cookieBanner) { cookieBanner.classList.remove("off"); } } </script> <style> .cookie-banner { background-color: white; border: 1px solid gray; border-radius: 5px; position: fixed; top: 50%; left: 50%; width: 600px; max-width: 90%; transform: translate(-50%, -45%); padding: 20px; z-index: 10; max-height: 88%; overflow: auto; font-weight: Poppins; color: #171717; } .cookie-banner * { font-family: Poppins !important; } .cookie-banner .cookie-banner-title { font-weight: bold; font-size: 1.2rem; } .cookie-banner-title--mainTitle { font-size: 1.4rem; } .cookie-banner .cookie-banner-description { margin: 15px 0; } .cookie-banner .cookie-banner-description a { color: #1aac7a; } .cookie-banner__settingsDiv { margin: 15px 0; display: flex; flex-direction: column; } .checkboxElement { margin: 10px 0; display: flex; } .checkboxElement label, .checkboxElement input { cursor: pointer; } .checkboxElement input { margin: 10px; } .checkboxElement label span { font-weight: bold; } .checkboxElement label p { color: gray; } .cookie-banner__buttonsWrapper { display: flex; justify-content: space-between; } .cookie-banner__buttonsWrapper button { width: auto; } .off { display: none; } @media (max-width: 756px) { .cookie-banner__buttonsWrapper { flex-direction: column; } .cookie-banner__buttonsWrapper button { margin: 5px auto; width: 100%; } } </style></body> </html>