/* -------------------------------------------
Name: IVEL B2B
Date: 2024/06/27
--------------------------------------------- */
*, :before, :after { margin: 0; padding: 0; box-sizing: border-box; outline-color: var(--red); }
html { overflow-y: scroll; height: 100%; margin: 0 0 1px; font-size: 100.01%; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; -ms-overflow-style: scrollbar; }
body { min-height: 100%; background: var(--bg-main); -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
@-ms-viewport { width: device-width; }
@viewport { width: device-width; }
/*! Defaults --------- */
body, textarea, input, select, option, button { color: var(--clr-main); font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 300; line-height: 1.47; }
ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 22px; }
h1, h2, h3, h4, h5, h6, legend { color: var(--clr-main-100); font-weight: 700; line-height: 1.17; }
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3, h4, h5, h6 { font-size: 18px; }
a { background: none; color: var(--clr-main); text-decoration: none; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; }
a:hover { color: var(--clr-third); }
ul, ol, dd, blockquote { list-style: none; padding-left: 0; }
/*! Theme --------- */
:root {
--black: #000;
--blue: #4c76be;
--green: #23a600;
--orange2: #ffc731;
--orange: #ff9900;
--red2: #fd3832;
--red: #ec0404;
--silver: #838383;
--white: #fff;
--clr-main: #393937;
--clr-main-dark: #000;
--clr-second: #7f7f7f;
--clr-third: var(--red);
--bg-main: var(--white);
--bg-main-dark: #eff1f7;
--bg-main-darker: #dfe0e5;
--bg-dark: #131313;
--bg-second: #fff;
--bg-third: #f9fafc;
--bg-fourth: var(--red);
--gradient-a: linear-gradient(#ff373e, #e41e26);
--gradient-b: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
--gradient-c: linear-gradient(180deg, rgba(255,55,62,1) 0%, rgba(228,30,38,1) 31%, rgba(67,67,67,1) 66%, rgba(67,67,67,1) 100%);
--gradient-d: linear-gradient(180deg, rgba(67,67,67,1) 0%, rgba(67,67,67,1) 31%, rgba(228,30,38,1) 66%, rgba(255,55,62,1) 100%);
--gradient-e: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 15%);
--gradient-f: linear-gradient(180deg, rgba(136,234,114,1) 0%, rgba(66,184,40,1) 2%, rgba(122,212,102,1) 39%, rgba(72,199,44,1) 58%, rgba(115,191,98,1) 64%, rgba(74,155,55,1) 100%);
--line: #e9ebf1;
--line2: #d6d9e1;
--border: #909090;
--border2: #c4c7ce;
--border3: #e2e4e9;
--border4: #eff1f7;
--radius: 5px;
--radius2: 10px;
}
.dark-switcheds {
--red: #ff0000;
--clr-main: #f1f1f1;
--clr-main-100: #fff;
--clr-second: #bec1ca;
--clr-third: var(--red);
--bg-main: #484a51;
--bg-main-dark: #353535;
--bg-second: #292929;
--bg-third: #303238;
--gradient-c: linear-gradient(180deg, rgba(131,131,131,1) 0%, rgba(131,131,131,1) 31%, rgba(228,30,38,1) 66%, rgba(255,55,62,1) 100%);
--gradient-e: linear-gradient(180deg, rgba(41,41,41,0) 0%, rgba(41,41,41,1) 15%);
--line: #6f7279;
--line2: #6f7279;
--border: #6f7279;
--border2: #6f7279;
--border3: #6f7279;
}
/*! Repeatable --------- */
.box-g:after, .module-zone:after, .module-prices:after, .list-availability li:after, .box-f:after, .module-info:after, .module-attributes:after, .product-c:after, .box-e:after, .product-page:after, .product-page .column:after, .product-page .middle:after, .heading-b:after, .product-description .inner:after, .product-description:after, .product-more:after, .list-contact:after, .amount-a:after, .item-a:after, .module-items:after, .module-discount:after, .box-d:after, .list-doc:after, .list-select:after, .country-a:after, .box-note:after, #breadcrumbs:after, .nav-subpage:after, .list-b li:after, .user-info:after, .list-a:after, .module-b > *:after, #nav:after, .selected-filters li:after, .product-day .inner:after, #time:after, .product-day:after, .box-a:after, .list-bullets:after, .product-a .box:after, .product-a .description ul:after, .module-products:after, #root:after, .owl-carousel .owl-stage:after, .owl-carousel .owl-stage-outer:after, #content:after, #top:after, #footer:after, form p:after, .double:after, .cols-a:after { content: "\00A0"; display: block; overflow: hidden; height: 0; clear: both; font-size: 0; }
#podpowiedzi:after, #podpowiedzi:before, .account-profile input[type="checkbox"] + label:before, .product-c a:before, .product-c:before, .module-gallery:before, .product-description li:before, .item-a:before, .item-a > figure:before, .box-d label:before, .list-doc label:before, .list-select label:before, #breadcrumbs p:before, .nav-subpage:before, .check-a label:before, #nav > ul > li > ul:before, #nav > ul > li > a span:before, #nav > ul > li > a span:after, #nav > ul > li > a:before, #nav > ul > li > a:before, #nav > ul > li > ul:before, .list-checkbox a:before, .box-filter > p:after, .box-filter .drop:before, .selected-filters:before, .sort-a .drop:before, .module-sort:before, #root:before, .module-timer:before, .product-day .title:before, .product-day:before, .product-day:before, .box-a .date:before, .box-a:before, .baner-a a:before, .baner-a .clone, #featured figure:before, #panel:before, .list-user li:before, #footer:before, .list-bullets li:before, .product-a .box-add:before, .product-a .box:before, .product-a .description li:before, .list-bullets li:before, .product-a:before, #footer > div:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; direction: ltr; }
#mobile-bar:before { content: ""; display: block; position: absolute; left: -1000em; right: -1000em; top: 0; bottom: 0; z-index: -1; }
#mobile .strefa .toggle:before, #podpowiedzi .podpowiedz-iks:before, .account-profile input[type="checkbox"] + label:before, .list-availability i:before, .product-c a:after, .list-contact a:before, .amount-a a:before, .item-a .remove-btn a:before, .print-btn a:before, .box-d label:before, .list-doc label:before, .list-select label:before, .link-b a:before, .free-shiping p:first-child:before, #breadcrumbs p:before, #breadcrumbs li:before, .nav-subpage a:before, .submit-a span:before, .form-footer .input:before, .form-footer a:before, .check-a label:before, .list-a li:before, #mobile-bar a:before, #mobile .close a:before, #mobile ul > li > .toggle:before, #menu-icon:before, #nav .close a:before, #nav > ul > li.sub > a:after, .form-search button:before, .link-btn a:before, .link-conditions a:before, .team-a a:before, .list-checkbox a:before, .box-filter > p:before, .selected-filters a:before, .sort-a .selected a:before, .pagination-a .btn a:before, .btn-b a:before, #mPrzechowalnia a:before, #mKoszyk a:before, .list-user .user a:before, .submit-btn button:before, .fav a:before, .product-a .availability span:before, .product-a .availability span:before, #footer nav li:before, .owl-nav button:before { display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; }
.product-c a:before, .amount-a a:before, .item-a .remove-btn a:before, .baner-a .clone { z-index: 8; }
.module-zone:hover ul, [data-whatintent="mouse"] .product-c:hover a:after, #breadcrumbs.scroll p, #nav > ul > li.toggle > a > span:after, #nav > ul > li > a:hover > span:after, .box-filter:hover .drop, .sort-a:hover .drop, .product-a .fav-a.added, [data-whatintent="mouse"] .product-a:hover .fav-a, .product-a .fav-a.added, [data-whatintent="mouse"] .product-a:hover .fav-a { visibility: visible; opacity: 1; }
.module-zone ul, .product-c a:after, #breadcrumbs p, #nav > ul > li.toggle > a > span:before, #nav > ul > li > a:hover > span:before, #nav > ul > li > a > span:after, .box-filter .drop, .sort-a .drop, .product-a .fav-a, .product-a .fav-a, .owl-carousel.owl-loading, .owl-carousel.owl-hidden, .owl-carousel.owl-refresh .owl-item, .owl-carousel .owl-item .owl-lazy { visibility: hidden; opacity: 0; }
.baner-a img, #featured img { display: block; position: relative; z-index: 1; width: 100% !important; }
#mobile, #shadow { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.owl-dots button.active, [disabled], .disabled { cursor: default; }
.module-info .info-boxes .inf a, .check-a span, .form-footer a, #nav > ul > li > ul a:hover, .selected-filters a, .link-a a, [data-whatintent="mouse"] a:hover { text-decoration: underline; }
.module-info .info-boxes .inf a:hover, .amount-a a:hover, .print-btn a:hover, .check-a span:hover, .nav-subpage .current a:hover, .form-footer a:hover, #mobile-bar a:hover, #mobile .close a:hover, #nav > ul > li > a:hover, .selected-filters a:hover, .sort-a .selected a:hover, .link-a a:hover, .baner-a a:hover, #root .link-btn a:hover, #panel .btn-b a:hover, #mPrzechowalnia a:hover, #mKoszyk a:hover { text-decoration: none; }
/*! Layout --------- */
#root { overflow: hidden; position: relative; width: 100%; min-height: 100%; padding-left: 334px; }
#root:before { width: 334px; background: var(--bg-main-dark); }
#root > * { float: left; width: 100%; padding-left: 50px; padding-right: 75px; }
#root #top { position: relative; z-index: 8; width: 334px; height: 100%; min-height: 100%; margin-left: -334px; padding: 0!important; }
#root #top.is-affixed { padding: 0; }
#top .inner { position: relative; padding: 15px 26px 0; }
#top .inner-wrapper-sticky { width: 334px!important; }
#logo { margin-bottom: 38px; width: 220px; height: 101px; margin-left: 12px; }
#logo a { width: 100%; height: 100%; }
#logo img { width: auto; max-height: 100%; }
#skip { position: fixed; top: 0; left: 0; right: 0; z-index: 10000; line-height: 1.5; }
#skip ul { list-style: none; margin: 0; padding: 0; }
#skip a { display: block; position: absolute; left: -3000em; top: 0; min-width: 200px; padding: 8px 16px; background: var(--red); color: var(--white); font-size: 14px; font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap; outline: none; }
#skip a:focus, #skip a:active { left: 0; }
#top .box-team, #top .link-btn.conditions, #top .form-search, #nav { margin-inline: -10px; }
#nav { }
#nav > ul { list-style: none; margin: 0; padding: 0; line-height: 1.1; }
#nav > ul > li { border-bottom: 1px solid var(--border3); }
#nav > ul > li > a { display: block; position: relative; z-index: 4; padding: 13px 60px 13px 43px; font-size: 16px; font-weight: 400; text-decoration: none; }
#nav > ul > li > a > span { position: absolute; top: 50%; left: 0; width: 43px; height: 40px; margin-top: -20px; text-indent: -9999em; }
#nav > ul > li > a > span:before, #nav > ul > li > a > span:after { background-position: 0 50%; background-repeat: no-repeat; }
#nav > ul > li > a > span:after { background-position: 100% 50%; }
#nav > ul > li:nth-child(1) > a > span:before, #nav > ul > li:nth-child(1) > a > span:after { background-image: url(../images/cat/ico-promocje.png); }
#nav > ul > li:nth-child(2) > a > span:before, #nav > ul > li:nth-child(2) > a > span:after { background-image: url(../images/cat/ico-monitoring.png); }
#nav > ul > li:nth-child(3) > a > span:before, #nav > ul > li:nth-child(3) > a > span:after { background-image: url(../images/cat/ico-alarmowe.png); }
#nav > ul > li:nth-child(4) > a > span:before, #nav > ul > li:nth-child(4) > a > span:after { background-image: url(../images/cat/ico-automatyka.png); }
#nav > ul > li:nth-child(5) > a > span:before, #nav > ul > li:nth-child(6) > a > span:after { background-image: url(../images/cat/ico-it.png); }
#nav > ul > li:nth-child(55) > a > span:before, #nav > ul > li:nth-child(5) > a > span:after { background-image: url(../images/cat/ico-tv.png); }
#nav > ul > li:nth-child(66) > a > span:before, #nav > ul > li:nth-child(6) > a > span:after { background-image: url(../images/cat/ico-it.png); }
#nav > ul > li:nth-child(77) > a > span:before, #nav > ul > li:nth-child(7) > a > span:after { background-image: url(../images/cat/ico-elektronika.png); }
#nav > ul > li.sub > a:after { content: "\e903"; left: auto; right: 0; width: 30px; font-size: 11px; }
#nav > ul > li.sub.toggle > a:after { right: -10px; }
#nav > ul > li:nth-child(1) a { color: var(--white); }
#nav > ul > li:nth-child(1) a:before { background: var(--red); }
#nav > ul > li > a:before { border-radius: var(--radius); color: var(--clr-main-dark); }
#nav > ul > li.toggle > a, #nav > ul > li:hover > a { color: var(--white); }
#nav > ul > li.toggle > a:before, #nav > ul > li:hover > a:before { background: var(--bg-dark); }
#nav > ul > li.toggle > a:before { left: -20px; right: -27px; }
#nav > ul a { color: #000; }
#nav > ul > li > ul { position: absolute; top: 0; left: 334px; z-index: 3; width: 1120px; min-height: 100%; }
#nav > ul > li > ul { visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: none; }
#nav > ul > li > ul:before { bottom: -3000em; right: -3000em; background: rgba(0,0,0,.45); }
#nav > ul > li.toggle ul { visibility: visible; opacity: 1; pointer-events: auto; }
#nav .drop { position: relative; z-index: 2; width: 100%; padding: 30px 22px 20px; box-shadow: 5px 0 20px rgba(0,0,0,.2); background: var(--bg-main-dark); }
#nav .title { margin-bottom: 30px; padding-inline: 20px; font-size: 25px; font-weight: 700; }
#nav .inside { width: 100%; padding: 28px 25px 20px; border-radius: var(--radius); background: var(--bg-main); }
#nav .close { position: absolute; top: 15px; right: 15px; z-index: 2; }
#nav .close a { width: 50px; height: 50px; font-size: 25px; text-indent: -3000em; }
#nav .close a:before { content: "\e940"; }
[data-whatintent="mouse"] #nav .close a:hover { color: var(--red); }
#nav .inside { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 55px; -moz-column-gap: 55px; column-gap: 55px; }
#nav .inside a { text-decoration: none; }
#nav .inside a:hover { text-decoration: underline; }
#nav .inside > ul > li { overflow: hidden; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; break-inside: avoid-column; }
#nav .inside > ul > li > a { position: relative; z-index: 2; min-height: 30px; margin-bottom: 15px; font-weight: 700; padding-left: 40px; }
#nav .inside > ul > li > a span { position: absolute; top: 0; left: 0; width: 30px; height: 30px; }
#nav .inside > ul > li > ul { margin-bottom: 30px; }
#nav .inside > ul > li > ul > li { position: relative; z-index: 2; margin-bottom: 7px; padding-left: 15px; }
#nav .inside > ul > li > ul > li:before { content: "- "; position: absolute; top: 0; left: 0; }
#panel { position: relative; z-index: 90; margin-bottom: 35px; margin-right: -75px; padding-bottom: 2px; }
#panel:before { top: auto; left: -50px; border-bottom: 1px solid var(--line); }
#panel .list-user { margin-right: auto; }
#mPrzechowalnia a, #mKoszyk a { position: relative; z-index: 2; padding: 37px 56px 37px 74px; color: var(--clr-main-dark); font-size: 14px; }
#panel .btn-b a { padding-top: 37px; padding-bottom: 37px; background: var(--bg-main-dark); }
[data-whatintent="mouse"] #mPrzechowalnia a:hover, [data-whatintent="mouse"] #mKoszyk a:hover, [data-whatintent="mouse"] #panel .btn-b a:hover { background: var(--red); color: var(--white); }
#mPrzechowalnia a:before, #mKoszyk a:before { left: 8px; width: 66px; font-size: 21px; }
#mPrzechowalnia a:before { content: "\e90b"; }
#mKoszyk a:before { content: "\e90a"; font-size: 26px; }
#mKoszyk .no, #mPrzechowalnia .no { position: absolute; top: 50%; left: 42px; min-width: 30px; height: 30px; padding: 0 5px; margin-top: -30px; border: 2px solid var(--bg-second); border-radius: 50%; background: var(--red); color: var(--white); font-size: 14px; font-weight: 700; line-height: 17px; text-indent: 0; }
#mPrzechowalnia .no { background: var(--orange2); color: var(--black); }
[data-whatintent="mouse"] #mKoszyk:hover .no, [data-whatintent="mouse"] #mPrzechowalnia:hover .no { background: var(--green); color: var(--white); }
#panel .logo { height: 60px; margin-right: auto; }
#panel .logo img { width: auto; max-height: 95%; }
#menu-icon { display: block; position: relative; z-index: 2; height: 60px; padding: 38px 10px 0; font-size: 12px; cursor: pointer; }
#menu-icon:before { content: "\e908"; top: 0; height: 46px; margin-top: 0; font-size: 22px; }
#mobile { overflow-x: hidden; overflow-y: auto; position: fixed; left: -280px; right: auto; top: 0; bottom: 0; z-index: 1220; width: 270px; margin: 0; box-shadow: 0 0 5px rgba(0,0,0,.25); background: #4f5357; line-height: 1.3; }
#mobile li.toggle, #mobile li.toggle > a { color: #fff; }
#mobile ul { list-style: none; margin: 0; padding: 0; overflow: hidden; }
#mobile ul > li, #mobile > p { position: relative; float: none; margin: 0; border-bottom: 1px solid #595c63; background: #3b3e44; font-size: 14px; color: #fff; }
#mobile > p { border-bottom: 1px solid #2d2f37; }
#mobile ul > li > a, #mobile > p a, #mobile .strefa p a { display: block; position: relative; z-index: 1; float: none; padding: 15px 20px; color: #fff; text-transform: none; text-decoration: none; }
#mobile > ul > li > ul { display: none; background: #3d4346; font-weight: 400; }
#mobile .toggle > ul { display: block; }
#mobile .sub > a { padding-right: 55px!important; }
#mobile > ul > .sub.toggle > a { background: #b80007; }
#mobile ul > li > .toggle, #mobile .strefa .toggle { display: block; position: absolute; top: 0; right: 0; z-index: 20; width: 48px; height: 48px; background: rgba(0,0,0,.3); cursor: pointer; }
#mobile ul > li > .toggle:before, #mobile .strefa .toggle:before { content: "\e902"; font-size: 9px; color: #fff; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
#mobile ul > .sub.toggle > .toggle, #mobile .strefa.toggle .toggle { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
#mobile > ul > .toggle > ul > li > a, #mobile .strefa.toggle > ul > li > a { display: block; padding: 14.5px 40px 14.5px 30px; background: #e40009; color: var(--white); }
#mobile .sub > ul ul li a { display: block; padding: 14.5px 20px 14.5px 38px; }
#mobile .sub > ul > li > ul { display: none; }
#mobile .sub > ul .toggle > ul { display: block; }
#mobile .toggle > ul li { border-color: #8e0006; }
#mobile .toggle > ul > li > ul > li a { background: #fe363e; }
#mobile .toggle > ul > li > ul > li { border-color: #ce1b1b; }
#mobile .close { }
#mobile .close a { display: block; position: relative; z-index: 2; height: 48px; padding: 0 60px 0 20px; background: var(--thunder); color: var(--white); }
#mobile .close a:before { content: "\e944"; top: 0; left: auto; right: 0; width: 48px; height: 48px; margin-top: 0; background: #78d350; font-size: 17px; }
#mobile .close a, #mobile .close a:before { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; }
#mobile .close a:before { justify-content: center; flex-wrap: wrap; }
#mobile .strefa, #mobile .conditions { background: #555965; }
#mobile .list-phones a { padding-left: 50px; background: #303236; }
#mobile .list-phones a:before { left: 20px; }
#mobile .strefa { }
#mobile .strefa p { position: relative; margin-bottom: 0; border-bottom: 1px solid #646464; }
#mobile .strefa.toggle p > a { background: #6ba761; }
#mobile .strefa.toggle > ul > li { border-color: #4d751d; }
#mobile .strefa.toggle > ul > li > a { background: #598851; }
#mobile .strefa ul { display: none; }
#mobile .strefa.toggle ul { display: block; }
#shadow, .shadow { visibility: hidden; opacity: 0; position: fixed; left: 0; top: 0; z-index: 1100; width: 100%; height: 100%; background: rgba(0,0,0,.45); cursor: pointer; }
#content { position: relative; z-index: 5; }
#footer { position: relative; z-index: 2; padding-top: 50px; font-size: 16px; }
#footer:before { left: 50px; right: 75px; border-top: 1px solid var(--line); }
#footer nav { margin-left: -20px; }
#footer nav ul { width: 25%; margin-bottom: 15px; border-left: 20px solid rgba(0,0,0,0); }
#footer nav li { position: relative; z-index: 2; margin-bottom: 6px; padding-left: 24px; }
#footer nav li:before { content: "\e903"; top: 7px; left: 2px; width: auto; font-size: 8px; line-height: 1; }
#footer > div { position: relative; z-index: 2; margin-top: 30px; padding-top: 30px; }
#footer > div:before { border-top: 1px solid var(--line); }
#footer .copyright { padding-left: 20px; color: var(--clr-second); font-size: 14px; text-align: right; }
#footer .copyright a { color: var(--clr-second); }
#featured { position: relative; z-index: 2; margin-bottom: 47px; }
#featured:before { background: var(--bg-main); }
#featured figure { overflow: hidden; position: relative; z-index: 4; }
#featured figure a { position: relative; z-index: 2; }
[data-whatintent="mouse"] #featured figure:hover img { -webkit-transform: scale(1.04); transform: scale(1.04); }
#featured .owl-stage-outer { border-radius: var(--radius2); }
#featured .owl-nav { left: 33px; right: 33px; }
#mobile-bar { position: fixed; bottom: -50px; left: 10px; right: 10px; z-index: 6; width: auto; height: 55px; }
#mobile-bar:before { border-top: 1px solid var(--line); background: var(--bg-second); box-shadow: 0 0 20px rgba(0,0,0,.2); }
#mobile-bar ul { margin: 0; padding: 0; width: 100% }
#mobile-bar a { display: block; position: relative; z-index: 2; width: 55px; height: 55px; padding-top: 37px; color: var(--clr-main-dark); font-size: 22px; font-size: 11px; text-align: center; }
#mobile-bar a:before { content: "\e909"; top: 0; height: 43px; font-size: 22px; line-height: 1; margin-top: 0; }
#mobile-bar .home { text-indent: -9999em; }
#mobile-bar .home:before { content: "\e909"; }
#mobile-bar .home:after { content: "Home"; position: absolute; top: 37px; left: 0; right: 0; text-align: center; text-indent: 0; }
#mobile-bar .user:before { content: "\e937"; }
#mobile-bar .fav:before { content: "\e90b"; }
#mobile-bar .cart:before { content: "\e90a"; }
#mobile-bar .cart .no, #mobile-bar .fav .no { position: absolute; top: 2px; right: 5px; background: var(--bg-main); font-size: 15px; text-indent: 0; }
/*! Modules --------- */
.account-profile { }
.account-profile input { height: 46px; padding: 0 17px; border: 1px solid var(--border); border-radius: 5px; background-color: var(--bg-second); color: var(--clr-main-100); font-size: 16px; }
.account-profile .button { position: relative; z-index: 2; margin-bottom: 30px; padding: 12px 15px; border: 0; border-radius: var(--radius); background: var(--gradient-a); color: var(--white); font-size: 14px; font-weight: 700; line-height: 1; text-align: left; cursor: pointer; }
.account-profile input[type="checkbox"] + label { position: relative; z-index: 2; padding-left: 40px; color: var(--clr-main-dark); line-height: 1.1; text-align: left!important; cursor: pointer; }
.account-profile input[type="checkbox"] + label:before { top: 0; left: 0; width: 22px; height: 22px; margin-top: -5px; padding-top: 1px; border: 1px solid var(--border2); border-radius: var(--radius); color: var(--white); font-size: 1px; line-height: 1; }
.account-profile input[type="checkbox"]:checked + label:before { content: "\e92c"; border-color: var(--green); background: var(--green); font-size: 15px; }
.amount-a { position: relative; z-index: 2; }
.amount-a input { width: 90px; height: 46px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--bg-second); color: var(--clr-main-100); font-size: 17px; text-align: center; }
.amount-a a { position: absolute; top: 1px; left: 1px; z-index: 2; width: 25px; height: 44px; border-radius: var(--radius); color: var(--clr-main-100); font-size: 10px; text-align: left; text-indent: -9999em; }
.amount-a a:before { content: "\e929"; text-indent: 0; }
[data-whatintent="mouse"] .amount-a a:hover { background: var(--red); color: var(--white); }
.amount-a .plus-one { left: auto; right: 1px; }
.amount-a .plus-one:before { content: "\e92a"; }
.baner-a { overflow: hidden; position: relative; z-index: 2; font-size: 16px; text-align: center; }
.baner-a, .baner-a a { color: var(--white); }
.baner-a div { position: absolute; top: 20%; left: 25px; right: 25px; z-index: 4; }
.baner-a figure { overflow: hidden; border-radius: var(--radius2); }
[data-whatintent="mouse"] .baner-a:hover div { -webkit-transform: scale(.97); transform: scale(.97); }
[data-whatintent="mouse"] .baner-a:hover img { -webkit-transform: scale(1.04); transform: scale(1.04); }
.baner-a .title { margin-bottom: 28px; font-size: 35px; font-weight: 700; line-height: 1.1; }
.baner-a .title span { font-size: 30px; font-weight: 300; }
.baner-a.dark, .baner-a.dark a { color: var(--black); }
.box-a { position: relative; z-index: 2; min-height: 163px; margin-bottom: 60px; padding: 1px 206px 1px 1px; font-size: 16px; line-height: 1.5; }
.box-a:before { border-radius: var(--radius2); border: 1px solid var(--border3); }
.box-a > * { float: left; width: 100%; }
.box-a figure { width: 206px; margin-right: -206px; padding: 20px; }
.box-a p { margin-bottom: 9px; }
.box-a > div { position: relative; z-index: 2; padding: 27px 15px 47px 33px; border-radius: 11px 0 0 11px; background: var(--bg-main-dark); }
.box-a .title { font-size: 20px; font-weight: 700; line-height: 1.2; }
.box-a .date { position: absolute; top: -8px; left: 33px; font-size: 14px; }
.box-a .date:before { left: -10px; right: -10px; background: var(--bg-main); }
.box-a .link-a { position: absolute; left: 33px; bottom: 22px; }
.box-a.a { margin-bottom: 45px; }
.box-a.a > div { background: var(--bg-main); }
.box-b { margin-bottom: 20px; padding: 25px 35px 0; border: 1px solid var(--red); border-radius: var(--radius); }
.box-b.a { padding: 15px 11px 0; }
.box-c { margin-bottom: 30px; padding: 23px 22px 0; border: 1px solid var(--border); border-radius: var(--radius); line-height: 1.2; }
.box-c .title { margin-bottom: 15px; color: var(--clr-main-dark); font-size: 17px; font-weight: 700; }
.box-d { margin-bottom: 40px; padding: 38px 25px 0; border-radius: var(--radius); background: var(--bg-main-dark); font-size: 17px; line-height: 1.2; }
.box-d ul { padding-left: 42px; }
.box-d li { margin-bottom: 6px; }
.box-d p { margin-bottom: 15px; }
.box-d label { position: relative; z-index: 2; padding-left: 42px; color: var(--clr-main-dark); font-weight: 700; cursor: pointer; }
.box-d label:before { left: 0; width: 22px; height: 22px; margin-top: -11px; border: 1px solid var(--border2); border-radius: var(--radius); background: var(--bg-second); color: var(--white); font-size: 0; }
.box-d input:checked + label:before { content: "\e92c"; border-color: var(--green); background: var(--green); font-size: 15px; }
.box-e { padding: 13px 20px 0; border: 1px solid var(--border3); border-radius: var(--radius); }
.box-e .title { font-size: 17px; color: var(--clr-main-dark); font-weight: 700; }
.box-f { margin-bottom: 20px; padding: 15px 17px 11px; border: 1px solid var(--red); border-radius: var(--radius); }
.box-f .list-availability li { margin-bottom: 1px; }
.box-filter { position: relative; z-index: 200; margin-bottom: 2px; margin-right: 2px; line-height: 1.2; }
.box-filter:hover { position: relative; z-index: 201; line-height: 1.2; }
.box-filter > p { position: relative; z-index: 2; height: 66px; margin: 0; padding: 12px 60px 12px 18px; background: var(--bg-main); }
.box-filter > p:before { content: '\e901'; left: auto; right: 0; width: 46px; font-size: 11px; }
.box-filter > p:after { right: -1px; bottom: -1px; border: 1px solid var(--border4); }
.box-filter:hover > p { border-color: var(--red); background: var(--red); color: var(--white); }
.box-filter .drop { position: absolute; top: calc(100% - 1px); left: 0; z-index: 4; width: 295px; padding: 20px 20px 10px; text-align: left; }
.box-filter .drop { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: none; }
.box-filter .drop:before { border-radius: 0 5px 5px 5px; border: 1px solid var(--border); background: var(--bg-second); }
.box-filter:hover .drop { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); pointer-events: auto; }
.box-filter:hover .drop:before { border-color: var(--red); }
.box-g { float: left; width: 50%; padding-right: 20px; }
.box-g.a { padding-left: 20px; padding-right: 0; }
.box-note { font-size: 15px; line-height: 1.2; text-align: center; }
.box-note .title { margin-bottom: 13px; font-size: 17px; font-weight: 700; }
.box-team { margin-bottom: 15px; border-radius: var(--radius); background: var(--bg-main); padding-inline: 8px; }
.box-team > *:not(:last-child) { border-bottom: 1px solid var(--border3); }
#breadcrumbs { overflow: hidden; height: 55px; margin-bottom: 22px; margin-top: -35px; padding: 18px 0 0; }
#breadcrumbs + hr { margin-top: -22px; margin-bottom: 22px; }
#breadcrumbs ol { overflow: auto hidden; list-style: none; position: relative; z-index: 2; height: 54px; margin: 0; padding: 0; }
#breadcrumbs.scroll ol { overflow-x: scroll; }
#breadcrumbs li { position: relative; z-index: 2; white-space: nowrap; }
#breadcrumbs li:not(:last-child) { padding-right: 35px; }
#breadcrumbs li:before { content: '\e903'; left: auto; right: 0; width: 35px; font-size: 7px; text-align: center; }
#breadcrumbs p { position: absolute; top: 0; left: 0; z-index: 4; width: 50px; height: 54px; text-indent: -9999em; }
#breadcrumbs p:before { content: "\e902"; z-index: 4; top: 0; margin-top: 0; color: var(--clr-main); font-size: 12px; }
#breadcrumbs p:before { background: var(--white); background: linear-gradient(90deg, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%); }
#breadcrumbs .right { left: auto; right: 0; }
#breadcrumbs .right:before { content: "\e903"; background: linear-gradient(90deg, rgba(255,255,255,0) 0, rgba(255,255,255,1) 30%); }
#breadcrumbs a { color: var(--clr-second); }
#breadcrumbs a:hover { color: var(--clr-third); }
.country-a { }
.country-a .header-a.f { margin-bottom: 0; }
.country-a p { margin-bottom: 10px; }
.country-a select { max-width: 430px; }
.discount-code { max-width: 235px; margin: 0 auto 18px; padding: 4px 4px 0; border: 1px solid var(--border); border-radius: var(--radius); }
.discount-code p { position: relative; margin-bottom: 4px; }
.discount-code input { width: 100%; height: 36px; padding-inline: 20px; border-width: 0; background: none; text-align: center; }
.discount-code .button { border-radius: var(--radius); background: var(--gradient-c); color: var(--white); cursor: pointer; }
.fav-a { }
.fav-a a, .fav > a { position: relative; z-index: 2; width: 34px; height: 37px; border-radius: var(--radius); background: var(--bg-main-darker); color: var(--white); text-indent: -9999em; }
.fav-a a:before, .fav > a:before { content: "\e90b"; font-size: 20px; line-height: 1; }
.fav-a.added a, .fav > a { content: "\e929"; background: var(--orange); }
.free-shiping { margin: 0 -12px 10px; color: var(--clr-main-100); line-height: 1.2; text-align: center; }
.free-shiping p { margin: 0 12px 20px; }
.free-shiping p:first-child { position: relative; z-index: 2; padding: 11px 30px 11px 60px; border: 1px solid var(--orange); border-radius: var(--radius); text-align: left; }
.free-shiping p:first-child:before { content: "\e934"; width: 55px; color: var(--orange); font-size: 20px; }
.free-shiping span { color: var(--clr-main-100); font-size: 18px; font-weight: 700; }
.free-shiping.a { }
.free-shiping.a p:first-child { border-color: var(--green); }
.free-shiping.a p:first-child:before { color: var(--green); }
.info-a { padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.info-a span { color: var(--red); font-weight: 700; }
.info-a.a { padding-bottom: 0; border-bottom-width: 0; }
.item-a { position: relative; z-index: 2; margin-bottom: 6px; padding: 11px 11px 11px 175px; }
.item-a:before { border: 1px solid transparent; border-radius: var(--radius); background: var(--bg-main-dark); }
[data-whatintent="mouse"] .item-a:hover:before { inset: 1px; border-color: var(--red); box-shadow: 0 0 10px rgba(0,0,0,.2); }
.item-a > * { float: left; width: 100%; }
.item-a > figure { position: relative; z-index: 2; width: 175px; margin-left: -175px; margin-bottom: auto; padding: 10px; border-left: 11px solid rgba(0,0,0,0); text-align: center; }
.item-a > figure:before { border-radius: var(--radius); background: var(--white); }
.item-a > figure img { width: auto; max-height: 110px; }
.item-a > div { padding-left: 25px; }
.item-a .title { padding-right: 60px; font-size: 16px; font-weight: 300; }
.item-a .title a { color: var(--clr-main-100); }
[data-whatintent="mouse"] .item-a .title a:hover { color: var(--red); }
.item-a .line { position: relative; z-index: 2; margin: 0 -5px; padding-right: 70px; }
.item-a .line > * { margin: 0 5px 10px; }
.item-a .price { width: 230px; }
.item-a .no { width: 215px; }
.item-a .amount-a { margin-left: 14px; }
.item-a strong { display: inline-block; margin-inline: 8px; color: var(--clr-main-100); font-size: 18px; font-weight: 700; }
.item-a .remove-btn { position: absolute; top: 7px; right: 7px; z-index: 8; }
.item-a .remove-btn a { display: block; width: 44px; height: 44px; border: 1px solid var(--red); border-radius: var(--radius); background: var(--bg-second); color: var(--red); font-size: 19px; }
.item-a .remove-btn a:before { content: "\e936"; }
[data-whatintent="mouse"] .item-a .remove-btn a:hover { background: var(--red); color: var(--white); }
.module-a { margin-left: -27px; }
.module-a > * { border-left: 27px solid rgba(0,0,0,0); }
.module-a .product-day { width: 704px; }
.module-add { margin-bottom: 4px; font-size: 13px; }
.module-add input { height: 40px; font-size: 16px; text-align: center; }
.module-add p { margin-bottom: 8px; }
.module-add .amount-a a { height: 38px }
.module-add .no { margin-right: 11px; }
.module-add .no label { margin-right: 14px; }
.module-add .format { color: var(--clr-second); margin-right: 21px; }
.module-add .available-btn { width: 100%; }
.module-add .fav { margin-left: auto; }
.module-ask { }
.module-attributes { }
.module-attributes .title { margin-bottom: 15px; font-size: 17px; color: var(--clr-main-dark); font-weight: 700; }
.module-b { margin-bottom: 30px; padding-top: 25px; }
.module-b > * { position: relative; z-index: 2; width: 50%; margin-bottom: 30px; padding-left: 30px; }
.module-banners { margin-bottom: 24px; margin-left: -26px; }
.module-banners .baner-a { width: 25%; margin-bottom: 26px; border-left: 26px solid rgba(0,0,0,0); }
.module-banners.slide { margin-bottom: 50px; margin-left: 0; margin-right: -75px; }
.module-banners.slide .baner-a { width: 400px; margin-bottom: 0; border-left-width: 0; }
.module-banners .owl-nav { left: 33px; right: 75px; }
.module-buttons { margin: 0 -12px 5px; }
.module-buttons > * { margin: 0 12px 17px; }
.module-buttons .submit-btn.a { width: 100%; }
.module-buttons .submit-btn.a button { max-width: 100%; }
.module-c { margin: 0 0 30px -60px; color: var(--clr-main-dark); }
.module-c > * { width: 52%; border-left: 60px solid rgba(0,0,0,0); }
.module-c > *:nth-child(2) { width: 48%; padding-top: 30px; }
.module-c .col p + figure { margin-top: 40px; }
.module-c img { border-radius: var(--radius); }
.module-c.a { }
.module-c.a > *:nth-child(2) { padding-top: 0; }
.module-cart { margin-bottom: 20px; }
.module-cart > * { float: left; width: 100%; }
.module-cart > #przewinTutaj { float: none; width: 0; }
.module-cart .col { width: 370px; padding-left: 30px; }
.module-discount { margin-bottom: 20px; border-bottom: 1px solid var(--line); font-size: 14px; text-align: center; }
.module-discount .inf { margin-bottom: 15px; }
.module-filter { position: relative; z-index: 26; margin-bottom: 28px; border-radius: var(--radius); background: var(--bg-main-dark); }
.module-filter .title { padding: 15px 23px 15px 17px; color: var(--clr-man-dark); font-size: 16px; font-weight: 700; }
hr + form { position: relative; z-index: 30; }
.module-gallery { position: relative; z-index: 2; margin-bottom: 30px; }
.module-gallery:before { border: 1px solid var(--border3); border-radius: var(--radius); }
.module-gallery .main-pic { position: relative; z-index: 2; height: 570px; margin-bottom: 10px; padding: 20px; }
.module-gallery p { position: absolute; bottom: -9px; left: 8px; padding-inline: 12px; background: var(--bg-second); color: var(--clr-second); font-size: 14px; line-height: 1.2; }
.module-gallery .main-pic img { width: auto; max-height: 510px; }
.module-gallery .gallery-thumbs { margin-left: -15px; padding-inline: 20px; }
.module-gallery .gallery-thumbs figure { width: 20%; margin-bottom: 20px; padding: 10px; border-left: 15px solid rgba(0,0,0,0); }
.module-gallery .gallery-thumbs img { width: auto; max-height: 60px; }
.section-brand {display: flex; justify-content: space-between; background: var(--bg-main-dark); border-radius:11px; margin-bottom:50px}
.column-kamery, .column-rejestratory {width: 33.3333%; padding: 30px 20px 30px 25px;}
.section-brand ul {
list-style-type: none;
display: flex; /* Make the list items align horizontally */
flex-wrap: wrap; /* Allow the items to wrap to the next line if there isn't enough space */
gap: 10px; /* Space between each */
}
.section-brand ul li {
background-color: white; border: 1px solid #fff;
border-radius: 8px;
padding: 10px;
display: flex;
align-items: center;
gap: 10px; /* Space between images inside each */
max-width: 125px; /* Set a fixed width for each to make them align side by side */
}
.section-brand ul li:hover {
border: 1px solid #e2e4ec; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.section-brand ul li a {
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
}
.section-brand ul li img {
width: 150px;
height: auto;
object-fit: cover; /* Ensures images have the same size and are cropped to fit */
border-radius: 5px; /* Rounded corners for images */
}
.red-txt {color: var(--red);}
.module-login { max-width: 400px; margin-bottom: 30px; text-align: right; }
.module-prices { position: relative; z-index: 2; margin-bottom: 14px; padding-right: 25px; font-size: 14px; line-height: 1.1; }
.module-prices .title { font-size: 21px; font-weight: 700; }
.module-prices p { margin-bottom: 19px; }
.module-prices .price-a, .module-prices .price-b { display: inline-block; }
.module-prices .price-a { font-size: 25px; font-weight: 700; }
.module-prices .price-b { font-size: 20px; font-weight: 400; }
.module-prices .list-attr { position: absolute; bottom: 0; right: 0; font-weight: 700; }
.module-products { position: relative; z-index: 2; margin-left: -27px; }
.module-products form { width: 100%; }
.module-products .product-a { width: 20%; margin-bottom: 27px; border-left: 27px solid rgba(0,0,0,0); }
.module-products .product-a.a { width: 100%; margin-bottom: 13px; }
.module-similar { margin-bottom: 20px; }
.module-similar form { width: 100%; }
.module-similar.slide-a .is-slider { display: block!important; }
.module-similar .product-c { width: 162px; }
.module-similar .owl-nav button { border: 1px solid var(--border3); }
#root .module-similar .owl-nav.disabled { top: 50%; left: 0; right: 0; }
.module-sort { position: relative; z-index: 20; margin-bottom: 32px; }
.module-sort .sort-a { position: relative; z-index: 7; margin-right: auto; }
.module-timer { position: relative; z-index: 2; margin: 0 -10px; }
.module-timer:before { left: -5px; right: -5px; background: var(--bg-main); }
.module-timer > * { margin-inline: 10px; }
.module-zone { position: relative; z-index: 2; }
.module-zone ul { position: absolute; top: 100%; right: 0; z-index: 9; width: 300px; background: var(--bg-main-dark); }
.module-zone li { border-top: 1px solid var(--border3); }
.module-zone a { padding: 10px 20px; text-align: right; }
.nav-subpage { position: relative; z-index: 2; margin-bottom: 50px; }
.nav-subpage:before { border-bottom: 1px solid var(--line); }
.nav-subpage ul { margin-inline: -18px; font-size: 16px; line-height: 1.1; }
.nav-subpage li { margin-inline: 18px; }
.nav-subpage a { position: relative; z-index: 2; padding: 10px 22px 10px 0; border-bottom: 1px solid transparent; }
.nav-subpage a:before { content: "\e901"; left: auto; right: 0; width: 20px; font-size: 9px; }
.nav-subpage .current a { border-color: var(--red); color: var(--red); }
.nav-subpage.a { margin-bottom: 20px; }
.nav-subpage.a ul { margin-inline: -12px; font-size: 20px; font-weight: 700; }
.nav-subpage.a li { margin-inline: 12px; }
.owl-carousel { position: absolute; top: -3000em; left: -3000em; }
.owl-carousel { -webkit-tap-highlight-color: transparent; }
.owl-carousel .owl-stage { position: relative; }
.owl-carousel .owl-stage { -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; }
.owl-carousel .owl-stage-outer { overflow: hidden; position: relative; }
.owl-carousel .owl-stage-outer { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.owl-carousel .owl-item { position: relative; float: left; }
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-carousel.owl-loading, .owl-carousel.owl-loaded { position: relative; left: 0; top: 0; }
.owl-carousel.owl-drag .owl-item { -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item { -ms-touch-action: auto; touch-action: auto; }
.owl-carousel.owl-grab { cursor: move; cursor: grab; }
.owl-nav { position: absolute; top: 50%; left: 0; right: 0; }
.owl-nav button { display: block; position: absolute; top: 0; z-index: 2; min-width: 0; width: 50px; height: 50px; margin: -25px 0 0; padding: 0; box-shadow: none; border-radius: var(--radius2); border: 0; background: var(--bg-main); color: var(--clr-main); font-size: 13px; text-indent: -9999em; cursor: pointer; }
[data-whatintent="mouse"] .owl-nav button:hover { background: var(--red); color: var(--white); }
.owl-nav button:before { content: "\e906"; }
.owl-nav button.owl-prev { left: 0; }
.owl-nav button.owl-next { right: 0; }
.owl-nav button.owl-next:before { content: "\e907"; }
.owl-dots { display: none; }
.pagination-a { position: relative; z-index: 2; margin: 0 -9px 3px; color: var(--clr-main-100); font-size: 14px; line-height: 1.1; }
.pagination-a > * { margin: 0 9px 23px; }
.pagination-a input { width: 45px; height: 40px; border: 1px solid var(--border); border-radius: 5px; background: var(--bg-second); color: var(--clr-main-100); font-size: 18px; font-weight: 700; text-align: center; }
.pagination-a span { padding-left: 6px; }
.pagination-a .btn { }
.pagination-a .btn a { display: block; position: relative; z-index: 2; width: 50px; height: 40px; border-radius: var(--radius); background: var(--bg-second); color: var(--clr-main); font-size: 22px; text-indent: -9999em; }
[data-whatintent="mouse"] .pagination-a .btn a:hover { background: var(--red); color: var(--white); }
.pagination-a .btn.prev a:before { content: "\e902"; }
.pagination-a .btn.next a:before { content: "\e903"; }
#podpowiedzi { position: absolute!important; top: 0!important; bottom: 0!important; left: 334px!important; z-index: 999; width: 1120px; min-height: 100%; background: var(--bg-main-dark); }
#podpowiedzi { visibility: hidden; padding: 50px 22px 20px; box-shadow: 5px 0 20px rgba(0,0,0,.2); }
#podpowiedzi:before { z-index: 4; background: var(--bg-main-dark); }
#podpowiedzi:after { bottom: -3000em; right: -3000em; z-index: -1!important; background: rgba(0,0,0,.45); }
.podpowiedzi-pole { overflow-y: auto; position: relative; z-index: 8; max-height: 100%; min-height: 400px; padding: 20px; border-radius: var(--radius); background: var(--bg-main); }
#podpowiedzi .podpowiedz-iks { position: absolute!important; top: 0!important; right: 0!important; z-index: 8; }
#podpowiedzi .podpowiedz-iks { width: 50px!important; height: 50px!important; background: none!important; font-size: 25px; text-indent: -3000em; }
#podpowiedzi .podpowiedz-iks:before { content: "\e940"; }
[data-whatintent="mouse"] #podpowiedzi .podpowiedz-iks:hover { color: var(--red); }
.podpowiedzi-pole .category-section { width: 33%; padding-right: 20px; }
.podpowiedzi-pole .product-section { width: 67%; }
.podpowiedzi-pole .category-section li { padding: 4px 0; }
.podpowiedzi-pole .title { margin-bottom: 15px; font-size: 16px; font-weight: 700; }
.podpowiedzi-pole a { color: var(--clr-main-100); }
.category-section li { margin-bottom: 10px; border-bottom: 1px solid var(--line); }
.product-section .title { padding-right: 60px; }
.product-section li { position: relative; z-index: 2; margin-bottom: 10px; padding-left: 70px; border-bottom: 1px solid var(--line); }
.product-section li > * { float: left; width: 100%; margin-bottom: 10px; padding-left: 20px; }
.product-section figure { width: 90px; margin-left: -90px; padding-left: 0; text-align: center; }
.close-search { position: absolute; top: 5px; right: 20px; z-index: 8; }
.close-search button { position: relative; z-index: 2; width: 60px; height: 60px; border: 0; border-radius: 50%; background: var(--bg-second); color: var(--clr-main-100); font-size: 40px; text-indent: -9999em; }
.close-search button:before { content: "\e940"; }
[data-whatintent="mouse"] .close-search button:hover { color: var(--red); }
.prices-a { margin-bottom: 20px; color: var(--clr-second); font-size: 12px; }
.prices-a .price { color: var(--clr-main-dark); font-weight: 700; line-height: 1.1; }
.prices-a .price .default { display: inline-block; margin-right: 10px; font-size: 24px; }
.prices-a .price .promo { color: var(--red); }
.prices-a .price .old { display: inline-block; font-size: 15px; font-weight: 300; text-decoration: line-through; }
.prices-a .inf { width: 100%; }
.prices-a .inf span { display: inline-block; }
.prices-a.a { font-size: 13px; }
.prices-a.a .default { font-size: 30px; }
.prices-a.a .old { font-size: 17px; }
.prices-a.a .inf { padding-top: 10px; }
.price-c { padding-right: 6px; color: var(--clr-main-dark); }
.price-c .default, .price-c .wtax { display: block; width: 100%; text-align: right; }
.price-c .default { font-size: 24px; font-weight: 700; }
.price-c .wtax { font-size: 20px; font-weight: 400; }
.price-c small { margin-right: 14px; color: var(--clr-second); font-size: 13px; font-weight: 300; }
.product-a { position: relative; z-index: 2; padding: 6px 16px 73px; line-height: 1.33; }
.product-a:before { border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg-second); }
[data-whatintent="mouse"] .product-a:hover:before { box-shadow: 0 0 10px rgba(0,0,0,.1); }
.product-a .list-attr { position: absolute; top: 6px; left: 6px; z-index: 6; }
.product-a figure { position: relative; z-index: 2; margin-bottom: 9px; text-align: center; }
[data-whatintent="mouse"] .product-a:hover img { -webkit-transform: rotate(2deg) scale(.9,.9); transform: rotate(2deg) scale(.9,.9); }
.product-a .availability { margin-bottom: 6px; font-size: 13px; }
.product-a .availability i { display: none; }
.product-a .availability span { position: relative; z-index: 2; margin-bottom: 5px; padding-left: 28px; color: var(--clr-second); }
.product-a .availability span:before { content: "\e934"; width: auto; font-size: 15px; }
.product-a .title { overflow: hidden; height: 60px; margin-bottom: 17px; font-weight: 700; }
.product-a .title a { color: var(--clr-main-dark); }
.product-a .box { position: absolute; bottom: 6px; left: 1px; right: 1px; z-index: 4; }
.product-a .box:before { top: -10px; border-radius: 0 0 5px 5px; background: var(--gradient-e); }
[data-whatintent="mouse"] .product-a:hover .box:before { top: -30px; }
.product-a .box-add { position: relative; z-index: 2; min-height: 53px; padding: 7px 47px 0 7px; color: var(--clr-second); font-size: 13px; }
.product-a .box-add:before { border-radius: var(--radius); background: var(--bg-main-dark); }
.product-a .box-add input { width: 41px; height: 39px; border: 1px solid var(--border3); border-radius: var(--radius); background: var(--bg-second); font-size: 16px; text-align: center; }
.product-a .box-add p { margin-bottom: 7px; }
.product-a .box-add .format { padding-inline: 6px; }
.product-a .fav { position: absolute; bottom: 14px; right: 14px; z-index: 6; }
.product-a .add-helper { overflow: hidden; max-height: 0; padding-inline: 6px; }
[data-whatintent="mouse"] .product-a:hover .add-helper { max-height: 100px; }
.product-a .prices-a { min-height: 65px; padding: 5px 75px 0 15px; }
.product-a .description { color: var(--clr-second); font-size: 13px; word-break: break-word; }
.product-a .description ul { }
.product-a .description li { position: relative; z-index: 2; margin-bottom: 3px; padding-left: 15px; }
.product-a .description li:before { top: 5px; left: 1px; width: 5px; height: 5px; border-radius: 50%; background: var(--clr-second); }
.product-a.a { padding-bottom: 9px; padding-left: 260px; padding-right: 280px; }
.product-a.a > * { float: left; width: 100%; }
.product-a.a > figure { width: 260px; margin-bottom: auto; margin-left: -260px; }
.product-a.a .middle { padding-top: 10px; padding-left: 45px; padding-right: 20px; }
.product-a.a .middle .availability { display: block; margin-bottom: 15px; }
.product-a.a .col { width: 280px; margin-right: -280px; margin-top: auto; padding: 50px 9px 0; }
.product-a.a .title { overflow: visible; height: auto; font-size:17px }
.product-a.a .add-helper { max-height: none; padding-inline: 0; }
.product-a.a .box-add { padding-right: 6px; }
.product-a.a .fav { top: 14px; bottom: auto; }
.product-a.a .brand { display: block; margin-bottom: 10px; text-align: left; }
.product-a.a .brand img { width: auto; max-height: 20px; }
.product-a.a .cechy {color: var(--clr-second); font-size:14px}
.product-c { position: relative; z-index: 2; padding: 10px 18px 0; font-size: 13px; line-height: 1.23; }
.product-c:before { inset: 3px; border: 1px solid transparent; border-radius: var(--radius); box-shadow: 0 0 0 rgba(0,0,0,0); }
[data-whatintent="mouse"] .product-c:hover:before { inset: 0; border-color: var(--border3); box-shadow: 0 0 10px rgba(0,0,0,.1); }
.product-c figure { margin-inline: -10px; border-radius: var(--radius); background: var(--white); text-align: center; }
.product-c img { width: auto; max-height: 100px; }
.product-c a { padding-bottom: 50px; color: var(--clr-main-100); word-break: break-word; }
.product-c a:after { content: "\e907"; top: auto; bottom: 0; left: auto; right: 0; width: 45px; height: 45px; color: var(--red); font-size: 11px; }
.product-day { position: relative; z-index: 2; margin-bottom: 45px; padding: 25px 30px 0 25px; }
.product-day:before { border: 1px solid var(--red); border-radius: var(--radius2); }
[data-whatintent="mouse"] .product-day:hover:before { inset: -4px; border-width: 2px; }
.product-day .header { margin-top: -49px; }
.product-day .title { margin-bottom: 19px; margin-right: 30px; position: relative; z-index: 2; color: var(--red); font-size: 32px; font-weight: 700; }
.product-day .title:before { left: -10px; right: -10px; background: var(--bg-main); }
.product-day .name { font-size: 20px; font-weight: 700; line-height: 1.1; }
.product-day .name a { color: var(--clr-main-dark); }
.product-day .inner { padding-left: 300px; }
.product-day .inner > * { float: left; width: 100%; padding-left: 40px; }
.product-day .inner figure { width: 300px; margin-left: -300px; padding-left: 0; text-align: center; }
[data-whatintent="mouse"] .product-day:hover img { -webkit-transform: rotate(2deg) scale(.9,.9); transform: rotate(2deg) scale(.9,.9); }
.product-day .prices-a { padding-right: 6px; color: var(--clr-main-dark); }
.product-day .prices-a .default, .price-c .wtax { display: block; width: 100%; }
.product-day .prices-a .default { font-size: 24px; font-weight: 700; }
.product-day .prices-a .wtax { font-size: 20px; font-weight: 400; }
.product-day .prices-a small { margin-right: 14px; color: var(--clr-second); font-size: 13px; font-weight: 300; }
.product-description { margin-bottom: 30px; padding-bottom: 50px; border-bottom: 1px solid var(--line); font-size:18px}
.product-description .title { margin-bottom: 35px; color: var(--clr-main-100); font-size: 20px; font-weight: 700; }
.product-description h1, .product-description h2, .product-description h3, .product-description h4, .product-description h5, .product-description h6 { font-size: 24px; }
.product-description figure { text-align: center; }
.product-description ul { font-size:18px!important; margin-top:12px}
.product-description li { position: relative; z-index: 2; padding-left: 25px; }
.product-description li:before { top: 8px; left: 6px; width: 5px; height: 5px; border-radius: 50%; background: var(--clr-second); }
.product-description strong, .product-description b{ font-weight: 700; }
.product-description table, .product-description td { border-collapse: collapse; border-spacing: 0; padding: 5px; border:1px solid #e5e5e5}
.product-description img {margin: 30px 0}
.product-description p {font-size:18px!important;}
.product-description p span {font-size:18px!important;}
.product-more { margin-bottom: 30px; padding-right: 345px; }
.product-more > * { float: left; width: 100%; padding-right: 35px; }
.product-more .aside { opacity: 0; width: 340px; margin-right: -340px; padding-right: 0; }
.product-more .aside.is-affixed { opacity: 1; }
.product-more .aside.is-affixed .inner-wrapper-sticky { width: 340px!important; }
.product-page { margin-bottom: 20px; padding-right: 775px; }
.product-page > * { float: left; width: 100%; }
.product-page .middle { width: 775px; margin-bottom: 25px; margin-right: -775px; padding-left: 40px; }
.product-page .list-attr { margin-bottom: 15px; }
.module-info { margin-bottom: 10px; padding-right: 340px; }
.module-info > * { float: left; width: 100%; }
.module-info .info-boxes { padding: 12px 35px 0 0; }
.module-info .info-boxes .inf { font-size: 14px; }
.module-info .info-boxes .inf a { color: var(--red); }
.module-info .info-boxes .inf strong { color: var(--clr-main-dark); }
.module-info .info-boxes .link-btn { margin-bottom: 40px; }
.module-info .info-boxes .link-btn a { width: auto; }
.module-info .aside { float: right; width: 340px; margin-right: -340px; }
.sort-a { margin: 0 -12px; color: var(--clr-main-dark); font-size: 14px; line-height: 1.1; }
.sort-a > * { margin: 0 12px 15px; }
.sort-a .selected { }
.sort-a .selected a { position: relative; z-index: 2; margin: 0; padding: 12px 60px 12px 18px; border-radius: var(--radius); background: var(--bg-main-dark); }
.sort-a .selected a:before { content: '\e901'; left: auto; right: 0; width: 46px; font-size: 11px; }
.sort-a .select { position: relative; z-index: 2; }
.sort-a .drop { position: absolute; top: calc(100% - 1px); left: 0; z-index: -1; width: 245px; padding: 20px 20px 10px; text-align: left; }
.sort-a .drop { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: none; }
.sort-a .drop:before { border-radius: 0 5px 5px 5px; background: var(--bg-main-dark); }
.sort-a:hover .selected a { border-radius: 5px 5px 0 0; }
.sort-a:hover .drop { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); pointer-events: auto; }
.sort-a ul { list-style: none; font-size: 14px; }
.sort-a li { margin-bottom: 10px; }
.sort-a a { color: var(--clr-main-100); }
.sort-a .active { font-weight: 700; }
.sort-price { margin: 0 -1px; }
.sort-price > * { margin: 0 1px 10px; }
.sort-price label { display: inline-block; padding: 0 10px; color: var(--gray); font-size: 15px; font-weight: 300; }
.sort-price input { width: 120px; height: 44px; margin-right: 11px; padding-inline: 7px; border-radius: 5px; border: 1px solid var(--border3); background: var(--bg-main); font-size: 18px; text-align: center; }
.sort-price button { position: relative; z-index: 2; padding: 10px 15px; border: 0; border-radius: var(--radius); background: var(--gradient-d); background-size: auto 300%; background-position: 0 90%; color: var(--white); font-size: 15px; font-weight: 700; cursor: pointer; }
[data-whatintent="mouse"] .sort-price button:hover { background-position: 200% 0; }
.selected-filters { position: relative; z-index: 2; margin: 0 -16px 25px; padding-bottom: 10px; color: var(--clr-main-dark); font-size: 15px; line-height: 1.1; }
.selected-filters:before { left: 10px; right: 10px; border-bottom: 1px solid var(--line); }
.selected-filters li { margin: 0 17px 5px 10px; }
.selected-filters p { margin: 0 6px 6px; }
.selected-filters a { position: relative; z-index: 2; padding-right: 36px; }
.selected-filters a:before { content: "\e944"; left: auto; right: 0; width: 18px; height: 18px; border-radius: 50%; background: var(--red); color: var(--white); font-size: 8px; list-style: 1px; }
.team-a { padding: 15px 20px 0 85px; line-height: 1.1; }
.team-a > * { float: left; width: 100%; padding-bottom: 5px; padding-left: 20px; }
.team-a > figure { margin-bottom: auto; width: 85px; margin-left: -85px; padding-left: 0; text-align: center; }
.team-a li { margin-bottom: 9px; }
.team-a .phone a, .team-a .mail a { position: relative; z-index: 2; padding-left: 30px; font-size:14px;}
.team-a a:before { left: -5px; width: 30px; font-size: 17px; }
.team-a .phone a:before { content: "\e90c"; }
.team-a .mail a:before { content: "\e90d"; }
#time { position: relative; }
#time p { position: relative; z-index: 2; margin-right: 8px; }
#time p:not(:last-child):before { content: ":"; position: absolute; right: -8px; width: 8px; color: var(--clr-second); text-align: center; }
#time .no { position: relative; z-index: 2; padding: 6px 5px 5px; height: 30px; border-radius: var(--radius); background: var(--red); color: var(--white); line-height: 1; }
#time .label { position: absolute; bottom: -18px; left: 0; right: 0; color: var(--clr-second); font-size: 12px; line-height: 1; letter-spacing: 0; text-align: center; }
.user-info { margin: 0 -15px 30px; }
.user-info p { float: left; width: calc(50% - 30px); margin: 0 15px 31px; }
.user-info .wide { width: calc(100% - 30px); }
.user-info .long { width: calc(65% - 30px); }
.user-info .short { width: calc(35% - 30px); }
.user-info .clear { clear: left; }
.user-info input { width: 100%!important; min-width: 100px!important; }
.width-a { max-width: 640px; }
.width-b { max-width: 720px; margin-inline: auto; }
.width-c { max-width: 715px; }
/*! old --------- */
.nameProd { font-size: 18px; font-weight: 700; display:block; margin-bottom:10px}
.checkProd {color: var(--green); font-size:16px; font-weight: 700; display:block; margin-bottom:10px}
.cartPopup { display:block; height:74px; margin-top:20px; margin-bottom:10px; padding: 0 7px;}
.cartPopup a {margin:5px 0; display:block}
.cartPopup a:first-child {background:#ffffff; color:#D80303; padding: 6px 10px 5px 10px; border-radius: 5px; border:1px solid #D80303}
.cartPopup a:first-child:hover {background:#D80303; color:#ffffff; padding: 6px 10px 5px 10px; border-radius: 5px; border:1px solid #D80303}
.cartPopup a { background: rgb(251,30,34); background: -webkit-linear-gradient(180deg, rgba(251,30,34,1) 0%, rgba(230,12,12,1) 100%); background: linear-gradient(180deg, rgba(251,30,34,1) 0%, rgba(230,12,12,1) 100%); color:#fff; padding: 6px 10px 5px 10px; border-radius: 5px; border:1px solid #D80303 }
.cartPopup a:hover { text-decoration: none; background: rgb(129,198,113); background: -webkit-linear-gradient(180deg, rgba(113,173,98) 0%, rgba(129,198,113,1) 100%); background: linear-gradient(180deg, rgba(113,173,98,1) 0%, rgba(129,198,113,1) 100%); color:#fff; padding: 6px 10px 5px 10px; border-radius: 5px; border:1px solid #71ad62 }
.platformaratalna-style a:first-child {display:none!important}
.platformaratalna-style br {display:none!important}
/*! Headers --------- */
.header-a { margin-bottom: 35px; color: var(--clr-main-dark); font-size: 32px; font-weight: 700; line-height: 1.15; }
.header-a.a { margin-bottom: 38px; font-size: 18px; }
.header-a.b { margin-bottom: 38px; font-size: 26px; }
.header-a.c { margin-bottom: 12px; font-size: 16px; }
.header-a.d { margin-bottom: 33px; font-size: 26px; }
.header-a.e { margin-bottom: 33px; font-size: 20px; }
.header-a.f { margin-bottom: 33px; font-size: 17px; }
.header-a.g { margin-bottom: 25px; font-size: 20px; }
.header-b { margin-bottom: 20px; color: var(--clr-main-dark); font-size: 17px; font-weight: 700; line-height: 1.1; }
.heading-a { margin: 0 -10px 20px; }
.heading-a > * { margin: 0 10px 15px; }
.heading-b { position: relative; z-index: 2; padding-right: 165px; color: var(--clr-main-dark); font-size: 14px; }
.heading-b p { margin-bottom: 12px; }
.heading-b figure { position: absolute; top: 0; bottom: 0; right: 0; }
.heading-b span { font-size: 15px; }
/*! Content --------- */
.strong, strong, b { color: var(--clr-main-dark); font-weight: 700; }
.em { font-style: italic; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }
.text-uppercase { text-transform: uppercase; }
#root .s14 { font-size: 14px; }
.module-banners .clone:before, #featured figure:before { top: -100px; bottom: -100px; left: -200%; width: 500px; z-index: 6; -webkit-transform: rotate(21deg); transform: rotate(21deg); }
.module-banners .clone:before, #featured figure:before { background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,.4) 70%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,.4) 70%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); }
[data-whatintent="mouse"] .module-banners .clone:hover:before, [data-whatintent="mouse"] #featured figure:hover:before { left: 150%; }
/*! Links --------- */
.btn-b { }
.btn-b a { position: relative; z-index: 2; padding: 0 57px 0 26px; }
.btn-b a:before { content: "\e901"; left: auto; right: 5px; width: 52px; font-size: 12px; }
.link-a { }
.link-a a { color: var(--red); }
.link-b { }
.link-b a { position: relative; z-index: 2; padding-left: 15px; color: var(--clr-main-100); }
.link-b a:before { content: "\e933"; width: auto; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); font-size: 8px; }
.link-btn { }
.link-btn a { position: relative; z-index: 2; padding: 10px 18px; border-radius: var(--radius); background: var(--gradient-d); background-size: auto 400%; background-position: 0 90%; color: var(--white); font-weight: 700; line-height: 1.1; }
.link-btn.conditions { }
.link-btn.conditions a { width: 100%; padding: 13px 20px 13px 43px; background: var(--gradient-c); font-size: 16px; font-weight: 400; }
.link-btn.conditions a:before { content: "\e943"; width: 43px; font-size: 21px; }
.print-btn { }
.print-btn a { position: relative; z-index: 2; padding: 12px 15px 12px 55px; border: 1px solid var(--border3); border-radius: var(--radius); color: var(--clr-main-100); font-size: 16px; line-height: 1.1; }
.print-btn a:before { content: "\e93f"; width: 50px; font-size: 18px; }
[data-whatintent="mouse"] .print-btn a:hover { border-color: var(--red); background: var(--red); color: var(--white); }
/*! Media --------- */
img, iframe, object, embed { max-width: 100% !important; border-style: none; }
img { height: auto !important; }
img::selection { background: transparent; }
img::-moz-selection { background: transparent; }
/*! Lists --------- */
.list-a { line-height: 1.1; }
.list-a li { position: relative; z-index: 2; margin-bottom: 19px; padding-left: 30px; }
.list-a li:before { content: "\e92c"; top: -1px; left: 5px; width: auto; color: var(--green); font-size: 16px; }
.list-attr { margin: 0 -3px 3px; font-size: 13px; line-height: 1.1; }
.list-attr li { position: relative; z-index: 2; margin: 0 3px 6px; padding: 2.5px 5px; border: 1px solid var(--clr-main-dark); border-radius: var(--radius); background: var(--bg-second); line-height: 1; }
.list-attr .new { color: var(--green); border-color: var(--green); }
.list-attr .discount { border-color: var(--red); background: var(--red); color: var(--white); }
.list-availability { margin-bottom: 10px; line-height: 1.1; }
.list-availability li { position: relative; z-index: 2; margin: 0 -5px 20px; }
.list-availability span, .list-availability i { margin: 0 5px 15px; }
.list-availability i { position: relative; float: none; display: inline-block!important; padding: 7px 10px 7px 35px; border-radius: var(--radius); background: var(--silver); color: var(--white); font-style: normal; }
.list-availability i:before { content: "\e934"; width: 35px; font-size: 16px; }
.list-b { max-width: 1180px; margin: 0 auto 50px; line-height: 1.1; text-align: center; }
.list-b li { margin-bottom: 22px; border-bottom: 1px solid var(--border); }
.list-b li:first-child { font-size: 16px; }
.list-b li:first-child, .list-b p:nth-child(3) { font-weight: 700; }
.list-b p { margin-bottom: 22px; padding-inline: 5px; }
.list-b p:first-child { width: 105px; }
.list-b p:nth-child(2) { text-align: left; }
.list-b p:nth-child(3), .list-b p:nth-child(5) { width: 110px }
.list-b p:nth-child(4) { width: 120px }
.list-bullets { color: var(--clr-second); font-size: 14px; }
.list-bullets li { position: relative; z-index: 2; margin-bottom: 3px; padding-left: 25px; }
.list-bullets li:before { top: 7px; left: 10px; width: 5px; height: 5px; border-radius: 50%; background: var(--clr-second); }
.list-c { margin: 0 -5px 15px; font-size: 14px; line-height: 1.1; }
.list-c li { margin: 0 5px 5px; padding: 10px 13px; border-radius: var(--radius); background: var(--bg-main-dark); }
.list-checkbox { overflow: auto; max-height: 200px; padding: 5px 0; font-size: 14px; line-height: 1.2; }
.list-checkbox li { margin-bottom: 15px; }
.list-checkbox a { position: relative; padding-left: 30px; color: var(--clr-main-100); }
[data-whatintent="mouse"] .list-checkbox a:hover, .list-checkbox .fwachk a { color: var(--red); }
.list-checkbox a:before { width: 20px; height: 20px; border-radius: var(--radius); border: 1px solid var(--border); font-size: 11px; }
.list-checkbox .fwachk a:before { content: "\e92c"; border-color: var(--red); }
.list-contact { margin: 0 -19px 25px; }
.list-contact li { margin: 0 19px 15px; }
.list-contact a { position: relative; z-index: 2; padding-left: 40px; }
.list-contact .small { font-size: 13px; }
.list-contact .small span { position: relative; top: -7px; font-size: 9px; }
.list-contact .phone a { color: var(--red); font-size: 20px; }
.list-contact .phone a:before { content: "\e90c"; width: auto; font-size: 20px; }
.list-doc { font-size: 17px; }
.list-doc li { margin: 0 5px 10px 0; }
.list-doc label { position: relative; z-index: 2; padding: 12px 29px 12px 50px; border: 1px solid transparent; border-radius: var(--radius); cursor: pointer; }
.list-doc label:before { left: 15px; width: 22px; height: 22px; margin-top: -11px; border: 1px solid var(--border2); border-radius: var(--radius); background: var(--bg-second); color: var(--white); font-size: 0; }
.list-doc input:checked + label { border-color: var(--green); color: var(--green); font-weight: 700; }
.list-doc input:checked + label:before { content: "\e92c"; border-color: var(--green); background: var(--green); font-size: 15px; }
.list-logo { position: relative; z-index: 2; margin: 0 -20px 12px; }
.list-logo li { height: 26px; margin: 0 20px 10px; background-position: 0 50%; background-repeat: no-repeat; background-size: 100% auto; text-align: left; text-indent: -9999em; }
.list-logo .przelewy { width: 78px; background-image: url(../images/przelewy.png); }
.list-logo .paypo { width: 57px; background-image: url(../images/paypo.png); }
.list-logo .visa { width: 56px; background-image: url(../images/visa.png); }
.list-logo .mastercard { width: 34px; background-image: url(../images/mastercard.png); }
.list-logo .googlepay { width: 38px; background-image: url(../images/googlepay.png); }
.list-logo .blik { width: 46px; background-image: url(../images/blik.png); }
.list-logo .applepay { width: 33px; background-image: url(../images/applepay.png); }
.list-logo .visac { width: 58px; background-image: url(../images/visac.png); }
.list-logo .masterpass { width: 83px; background-image: url(../images/masterpass.png); }
.list-logo .tpay { width: 46px; background-image: url(../images/tpay-mini.png); }
.list-logo .googlepay2 { width: 53px; background-image: url(../images/googlepay-2.png); }
.list-logo .ca { width: 68px; background-image: url(../images/ca.png); }
.list-logo.a { margin-inline: -19px; }
.list-logo.a li { margin-inline: 19px; }
.list-logo.a .przelewy { width: 57px; }
.list-logo.a .visa { width: 49px; }
.list-logo.a .blik { width: 38px; }
.list-logo.b { margin-inline: -18px; }
.list-logo.b li { margin-inline: 18px; }
.list-logo.b .przelewy { width: 57px; }
.list-logo.b .visa { width: 45px; }
.list-logo.b .blik { width: 38px; }
.list-select { line-height: 1.2; }
.list-select li { margin-bottom: 7px; }
.list-select label { position: relative; z-index: 2; min-height: 84px; padding: 10px 110px 10px 198px; border: 1px solid var(--border3); border-radius: var(--radius); color: var(--clr-main-100); font-size: 17px; font-weight: 400; cursor: pointer; }
.list-select input:checked + label, .list-select strong label { border-color: var(--green); border-radius: 5px; background: var(--bg-second); color: var(--green); font-weight: 700; }
.list-select label:before, .list-select strong label:before { top: 50%; left: 19px; width: 22px; height: 22px; margin-top: -12px; border: 1px solid var(--border2); border-radius: var(--radius); background: var(--bg-second); color: var(--white); }
.list-select input:checked + label:before, .list-select strong label:before { overflow: visible; content: "\e92c"; border-color: var(--green); background: var(--green); font-size: 16px; line-height: 22px; }
.list-select label:after { content: ""; overflow: hidden; position: absolute; top: 7px; left: 70px; width: 91px; height: 68px; border-radius: 5px; background-repeat: no-repeat; background-position: 50% 50%; background-size: auto; background-color: var(--white); }
.list-select span { color: var(--clr-second); font-size: 14px; font-weight: 300; }
.list-select .price { position: absolute; top: 50%; right: 26px; height: 20px; margin-top: -10px; color: var(--clr-main-100); font-size: 19px; font-weight: 700; }
.list-select input:checked + label .price, .list-select input:checked + strong .price { color: var(--green); }
.list-select label[for="przesylka_1"]:after { background-image: url(../images/cart-ico/gls.png); }
.list-select label[for="przesylka_5"]:after { background-image: url(../images/cart-ico/gls.png); }
.list-select label[for="przesylka_69"]:after { background-image: url(../images/cart-ico/gls.png); }
.list-select label[for="przesylka_68"]:after { background-image: url(../images/cart-ico/gls.png); }
.list-select label[for="przesylka_66"]:after { background-image: url(../images/cart-ico/gls.png); }
.list-select label[for="przesylka_65"]:after { background-image: url(../images/cart-ico/gls.png); }
.list-select label[for="przesylka_64"]:after { background-image: url(../images/cart-ico/gls.png); }
.list-select label[for="przesylka_63"]:after { background-image: url(../images/cart-ico/gls.png); }
.list-select label[for="przesylka_62"]:after { background-image: url(../images/cart-ico/gls.png); }
.list-select label[for="przesylka_61"]:after { background-image: url(../images/cart-ico/gls.png); }
.list-select label[for="przesylka_60"]:after { background-image: url(../images/cart-ico/gls.png); }
.list-select label[for="przesylka_59"]:after { background-image: url(../images/cart-ico/gls.png); }
.list-select label[for="przesylka_58"]:after { background-image: url(../images/cart-ico/gls.png); }
.list-select label[for="przesylka_57"]:after { background-image: url(../images/cart-ico/gls.png); }
.list-select label[for="przesylka_56"]:after { background-image: url(../images/cart-ico/gls.png); }
.list-select label[for="przesylka_55"]:after { background-image: url(../images/cart-ico/gls.png); }
.list-select label[for="przesylka_54"]:after { background-image: url(../images/cart-ico/gls.png); }
.list-select label[for="przesylka_53"]:after { background-image: url(../images/cart-ico/gls.png); }
.list-select label[for="przesylka_52"]:after { background-image: url(../images/cart-ico/gls.png); }
.list-select label[for="przesylka_51"]:after { background-image: url(../images/cart-ico/gls.png); }
.list-select label[for="przesylka_50"]:after { background-image: url(../images/cart-ico/gls.png); }
.list-select label[for="przesylka_49"]:after { background-image: url(../images/cart-ico/gls.png); }
.list-select label[for="przesylka_48"]:after { background-image: url(../images/cart-ico/gls.png); }
.list-select label[for="przesylka_47"]:after { background-image: url(../images/cart-ico/gls.png); }
.list-select label[for="przesylka_46"]:after { background-image: url(../images/cart-ico/gls.png); }
.list-select label[for="przesylka_45"]:after { background-image: url(../images/cart-ico/gls.png); }
.list-select label[for="przesylka_43"]:after { background-image: url(../images/cart-ico/gls.png); }
.list-select label[for="przesylka_80"]:after { background-image: url(../images/cart-ico/orlen.jpg); }
.list-select label[for="przesylka_81"]:after { background-image: url(../images/cart-ico/poczta-p.png); }
.list-select label[for="przesylka_82"]:after { background-image: url(../images/cart-ico/pocztex-punkt.jpg); }
.list-select label[for="przesylka_72"]:after { background-image: url(../images/cart-ico/inpost.png); }
.list-select label[for="przesylka_73"]:after { background-image: url(../images/cart-ico/inpost.png); }
.list-select label[for="przesylka_77"]:after { background-image: url(../images/cart-ico/inpost.png); }
.list-select label[for="przesylka_74"]:after { background-image: url(../images/cart-ico/poczta-p.png); }
.list-select label[for="przesylka_39"]:after { background-image: url(../images/cart-ico/osobisty.png); }
.list-select label[for="platnosc_p24"]:after { background-image: url(../images/cart-ico/przelewy24.png); }
.list-select label[for="platnosc_przelew"]:after { background-image: url(../images/cart-ico/przelew.png); }
.list-select label[for="platnosc_gotowka"]:after { background-image: url(../images/cart-ico/pobranie.png); }
.list-select label[for="platnosc_eraty"]:after { background-image: url(../images/cart-ico/eratyp.png); }
.list-select label[for="platnosc_paypo"]:after { background-image: url(../images/cart-ico/paypo.webp); }
.list-select label[for="platnosc_leasing"]:after { background-image: url(../images/cart-ico/kuke.jpg); }
.list-summary { font-size: 15px; }
.list-summary li:first-child { color: var(--clr-main-dark); font-size: 28px; font-weight: 700; }
.list-summary.a { padding-bottom: 10px; border-bottom: 1px solid var(--line); font-size: 28px; font-weight: 700; text-align: center; }
.list-summary.a li:first-child { font-size: 17px; }
.list-user { padding-top: 10px; font-size: 14px; }
.list-user li { position: relative; z-index: 2; margin-bottom: 10px; padding-left: 35px; }
.list-user li:not(:last-child) { margin-right: 35px; }
.list-user li:not(:last-child):before { top: 50%; left: auto; right: -30px; width: 1px; height: 26px; margin-top: -13px; background: var(--line); }
.list-user .user { padding-left: 0; }
.list-user .user a { position: relative; padding-left: 35px; color: var(--clr-main-dark); }
.list-user .user a:before { content: "\e937"; width: auto; font-size: 25px; }
/*! Forms --------- */
::-webkit-input-placeholder { opacity: 1; color: inherit; }
:-ms-input-placeholder { opacity: 1; color: inherit; }
::-ms-input-placeholder { opacity: 1; color: inherit; }
::placeholder { opacity: 1; color: inherit; }
:focus::-webkit-input-placeholder { opacity: 0; }
:focus:-ms-input-placeholder { opacity: 0; }
:focus::-ms-input-placeholder { opacity: 0; }
:focus::placeholder { opacity: 0; }
button { cursor: pointer; }
.check-a { margin-bottom: 35px; }
.check-a label { position: relative; z-index: 2; padding-left: 40px; color: var(--clr-main-dark); line-height: 1.1; text-align: left!important; cursor: pointer; }
.check-a label:before { top: 0; left: 0; width: 22px; height: 22px; margin-top: -5px; padding-top: 1px; border: 1px solid var(--border2); border-radius: var(--radius); color: var(--white); font-size: 1px; line-height: 1; }
.check-a input:checked + label:before { content: "\e92c"; border-color: var(--green); background: var(--green); font-size: 15px; }
.check-a span { color: var(--clr-main-dark); }
.check-a.a { padding-left: 30px; }
.code-a { position: relative; z-index: 2; padding-top: 20px; }
.code-a .code { position: absolute; bottom: 0; right: -150px; width: 150px; height: 45px; padding-inline: 20px; }
.code-a p { max-width: 400px; }
.code-b { margin: 0 -10px 10px; }
.code-b > * { margin: 0 10px 10px!important; }
.code-b input { max-width: 144px!important; }
.form-a { position: relative; }
.form-a p { position: relative; z-index: 2; margin-bottom: 24px; }
.form-a input, .form-a select, .form-a textarea { width: 100%!important; height: 46px; padding: 0 17px; border: 1px solid var(--border); border-radius: 5px; background-color: var(--bg-second); color: var(--clr-main-100); font-size: 16px; }
.form-a select { padding: 5px 30px 5px 15px; cursor: pointer; }
.form-a select { background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNDUxLjg0N3B4IiBoZWlnaHQ9IjQ1MS44NDdweCIgdmlld0JveD0iMCAwIDQ1MS44NDcgNDUxLjg0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUxLjg0NyA0NTEuODQ3OyIKCSB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBmaWxsPSIjNzc3ZTgxIiBkPSJNMjI1LjkyMywzNTQuNzA2Yy04LjA5OCwwLTE2LjE5NS0zLjA5Mi0yMi4zNjktOS4yNjNMOS4yNywxNTEuMTU3Yy0xMi4zNTktMTIuMzU5LTEyLjM1OS0zMi4zOTcsMC00NC43NTEKCQljMTIuMzU0LTEyLjM1NCwzMi4zODgtMTIuMzU0LDQ0Ljc0OCwwbDE3MS45MDUsMTcxLjkxNWwxNzEuOTA2LTE3MS45MDljMTIuMzU5LTEyLjM1NCwzMi4zOTEtMTIuMzU0LDQ0Ljc0NCwwCgkJYzEyLjM2NSwxMi4zNTQsMTIuMzY1LDMyLjM5MiwwLDQ0Ljc1MUwyNDguMjkyLDM0NS40NDlDMjQyLjExNSwzNTEuNjIxLDIzNC4wMTgsMzU0LjcwNiwyMjUuOTIzLDM1NC43MDZ6Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) 94% center no-repeat; background-size: auto 12px; }
.form-a select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.form-a option { padding: 2px 5px; }
.form-a textarea { height: 125px; min-height: 125px; padding: 15px; }
.form-a label { margin-bottom: 4px; padding-inline: 18px; color: var(--clr-main-100); font-size: 15px; text-align: left; }
.form-a label span { color: var(--red); }
.form-a input:focus, .form-a textarea:focus, .form-a .sh { border-color: var(--green); }
.form-a input[type="email"], .form-a input[name="umail"], .form-a input[name="email"], .form-a input[name="klient_email"] { padding-right: 45px; background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE0NTYiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDE0NTYgMTAyNCI+Cjx0aXRsZT48L3RpdGxlPgo8ZyBpZD0iaWNvbW9vbi1pZ25vcmUiPgo8L2c+CjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik03MjUuMzMzIDE3MC42NjdoLTU5Ny4zMzNjLTcwLjY5MiAwLTEyOCA1Ny4zMDgtMTI4IDEyOHYwIDQyNi42NjdjMCA3MC42OTIgNTcuMzA4IDEyOCAxMjggMTI4djBoNTk3LjMzM2M3MC42OTIgMCAxMjgtNTcuMzA4IDEyOC0xMjh2MC00MjYuNjY3YzAtNzAuNjkyLTU3LjMwOC0xMjgtMTI4LTEyOHYwek02OTYuNzQ2IDI1NmwtMjQ0LjQ4IDE4My40NjdjLTcuMDQyIDUuMzI3LTE1Ljk0NyA4LjUzMy0yNS42IDguNTMzcy0xOC41NTgtMy4yMDYtMjUuNzA3LTguNjExbDAuMTA3IDAuMDc4LTI0NC40OC0xODMuNDY3ek03MjUuMzMzIDc2OGgtNTk3LjMzM2MtMjMuNTY0IDAtNDIuNjY3LTE5LjEwMy00Mi42NjctNDIuNjY3djAtNDE2bDI2NC41MzMgMTk4LjRjMjEuMTI2IDE1Ljk4MiA0Ny44NCAyNS42IDc2LjggMjUuNnM1NS42NzQtOS42MTggNzcuMTIyLTI1LjgzM2wtMC4zMjIgMC4yMzMgMjY0LjUzMy0xOTguNHY0MTZjMCAyMy41NjQtMTkuMTAzIDQyLjY2Ny00Mi42NjcgNDIuNjY3djB6Ij48L3BhdGg+Cjwvc3ZnPgo=); background-position: 100% 50%; background-repeat: no-repeat; background-size: auto 19px; }
.form-a input[name="password"] { padding-right: 45px; background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE0NTYiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDE0NTYgMTAyNCI+Cjx0aXRsZT48L3RpdGxlPgo8ZyBpZD0iaWNvbW9vbi1pZ25vcmUiPgo8L2c+CjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik01NTQuNjYxIDM0MS4zMzN2LTQyLjY2N2MwLTExNy44MjEtOTUuNTEzLTIxMy4zMzMtMjEzLjMzMy0yMTMuMzMzcy0yMTMuMzMzIDk1LjUxMy0yMTMuMzMzIDIxMy4zMzN2MCA0Mi42NjdjLTcwLjY5MiAwLTEyOCA1Ny4zMDgtMTI4IDEyOHYwIDI5OC42NjdjMCA3MC42OTIgNTcuMzA4IDEyOCAxMjggMTI4djBoNDI2LjY2N2M3MC42OTIgMCAxMjgtNTcuMzA4IDEyOC0xMjh2MC0yOTguNjY3YzAtNzAuNjkyLTU3LjMwOC0xMjgtMTI4LTEyOHYwek0yMTMuMzI4IDI5OC42NjdjMC03MC42OTIgNTcuMzA4LTEyOCAxMjgtMTI4czEyOCA1Ny4zMDggMTI4IDEyOHYwIDQyLjY2N2gtMjU2ek01OTcuMzI4IDc2OGMwIDIzLjU2NC0xOS4xMDMgNDIuNjY3LTQyLjY2NyA0Mi42Njd2MGgtNDI2LjY2N2MtMjMuNTY0IDAtNDIuNjY3LTE5LjEwMy00Mi42NjctNDIuNjY3djAtMjk4LjY2N2MwLTIzLjU2NCAxOS4xMDMtNDIuNjY3IDQyLjY2Ny00Mi42Njd2MGg0MjYuNjY3YzIzLjU2NCAwIDQyLjY2NyAxOS4xMDMgNDIuNjY3IDQyLjY2N3YweiI+PC9wYXRoPgo8cGF0aCBmaWxsPSIjMDAwIiBkPSJNMzQ0Ljc0MSA1MTJjLTAuNzc1LTAuMDI1LTEuNjg3LTAuMDQwLTIuNjAyLTAuMDQwLTQ3LjEyOCAwLTg1LjMzMyAzOC4yMDUtODUuMzMzIDg1LjMzMyAwIDMxLjA4OCAxNi42MjUgNTguMjk0IDQxLjQ2OSA3My4yMTFsMC4zODYgMC4yMTV2MTEuOTQ3YzAgMjMuNTY0IDE5LjEwMyA0Mi42NjcgNDIuNjY3IDQyLjY2N3M0Mi42NjctMTkuMTAzIDQyLjY2Ny00Mi42Njd2MC0xMS45NDdjMjQuNjExLTE0LjM1OCA0MS4yMjgtNDAuMDc2IDQyLjY1OS02OS43NzhsMC4wMDctMC4xOTVjMC4wNDUtMS4wMzggMC4wNzEtMi4yNTUgMC4wNzEtMy40NzkgMC00NS45NTMtMzYuMzIzLTgzLjQyMi04MS44MjQtODUuMjYybC0wLjE2Ny0wLjAwNXoiPjwvcGF0aD4KPC9zdmc+Cg==); background-position: 100% 50%; background-repeat: no-repeat; background-size: auto 19px; }
.form-a input[name="telefon"] { padding-right: 45px; background-image: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE0NTYiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDE0NTYgMTAyNCI+Cjx0aXRsZT48L3RpdGxlPgo8ZyBpZD0iaWNvbW9vbi1pZ25vcmUiPgo8L2c+CjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik03MjIuODAzIDU2Mi43NzNjLTQ3LjM2LTQ3LjM2LTEyOS43MDctNDcuMzYtMTc3LjA2NyAwbC0yOS4wMTMgMjkuMDEzYy0xNS4zNiAxNS4zNi00MC45NiAxNS4zNi01Ni4zMiAwbC0xMTYuNDgtMTE2LjQ4Yy0xNS4zNi0xNS4zNi0xNS4zNi00MC45NiAwLTU2LjMybDI5LjAxMy0yOS4wMTNjNDguNjQtNDguNjQgNDguNjQtMTI4IDAtMTc3LjA2N2wtODcuNDY2LTg3LjQ2N2MtNDcuMzYtNDcuMzYtMTI5LjcwNy00Ny4zNi0xNzcuMDY3IDBsLTcxLjY4IDcxLjY4Yy0yOS44NjcgMjkuODY3LTQyLjY2NyA3Mi41MzMtMzQuMTMzIDExNC4zNDcgMjguNTg3IDE0Mi41MDcgMTA3LjUyIDI4NC41ODcgMjIyLjI5MyAzOTkuMzZzMjU2LjQyNiAxOTMuNzA3IDM5OS4zNiAyMjIuMjkzYzguNTMzIDEuNzA3IDE2LjY0IDIuNTYgMjUuMTczIDIuNTYgMzMuMjggMCA2NS4yOC0xMi44IDg4Ljc0Ny0zNi42OTNsNzEuNjgtNzEuNjhjMjMuNDY3LTIzLjQ2NyAzNi42OTMtNTUuMDQwIDM2LjY5My04OC4zMnMtMTMuMjI3LTY0Ljg1My0zNi42OTMtODguMzJsLTg3LjQ2Ny04Ny40NjcgMC40MjctMC40Mjd6TTc1MC4xMSA3NjYuNzJsLTcxLjY4IDcxLjY4Yy05LjM4NyA5LjM4Ny0yMy40NjcgMTMuNjUzLTM3LjEyIDEwLjY2Ny0xMjYuMjkzLTI1LjE3My0yNTIuNTg3LTk2LTM1NS44NC0xOTkuMjUzcy0xNzMuNjUzLTIyOS4xMi0xOTkuMjUzLTM1NS40MTNjLTIuNTYtMTMuNjUzIDEuMjgtMjcuMzA3IDEwLjY2Ny0zNy4xMmw3MS42OC03MS42OGM3LjY4LTcuNjggMTcuNDkzLTExLjUyIDI4LjE2LTExLjUyczIwLjQ4IDQuMjY3IDI4LjE2IDExLjUybDg3LjQ2NyA4Ny40NjdjMTUuMzYgMTUuMzYgMTUuMzYgNDAuOTYgMCA1Ni4zMmwtMjkuMDEzIDI5LjAxM2MtNDguNjQgNDguNjQtNDguNjQgMTI4IDAgMTc3LjA2N2wxMTYuNDggMTE2LjQ4YzQ4LjY0IDQ4LjY0IDEyOCA0OC42NCAxNzcuMDY3IDBsMjkuMDEzLTI5LjAxM2MxNS4zNi0xNS4zNiA0MC41MzMtMTUuMzYgNTYuMzIgMGw4Ny40NjcgODcuNDY3YzcuNjggNy4yNTMgMTEuNTIgMTcuNDkzIDExLjUyIDI4LjE2cy00LjI2NyAyMC40OC0xMS41MiAyOC4xNmgwLjQyN3pNNTUwLjQzIDEyOGMwLTIzLjQ2NyAxOS4yLTQyLjY2NyA0Mi42NjctNDIuNjY3IDE0MS4yMjcgMCAyNTYgMTE0Ljc3MyAyNTYgMjU2IDAgMjMuNDY3LTE5LjIgNDIuNjY3LTQyLjY2NyA0Mi42NjdzLTQyLjY2Ny0xOS4yLTQyLjY2Ny00Mi42NjdjMC05NC4yOTMtNzYuMzczLTE3MC42NjctMTcwLjY2Ny0xNzAuNjY3LTIzLjQ2NyAwLTQyLjY2Ny0xOS4yLTQyLjY2Ny00Mi42Njd6TTU1MC40MyAyOTguNjY3YzAtMjMuNDY3IDE5LjItNDIuNjY3IDQyLjY2Ny00Mi42NjcgNDYuOTMzIDAgODUuMzMzIDM4LjQgODUuMzMzIDg1LjMzMyAwIDIzLjQ2Ny0xOS4yIDQyLjY2Ny00Mi42NjcgNDIuNjY3cy00Mi42NjctMTkuMi00Mi42NjctNDIuNjY3Yy0yMy40NjcgMC00Mi42NjctMTkuMi00Mi42NjctNDIuNjY3eiI+PC9wYXRoPgo8L3N2Zz4K); background-position: 100% 50%; background-repeat: no-repeat; background-size: auto 19px; }
.form-footer { margin: 0 auto 30px; padding-top: 20px; line-height: 1.36; }
.form-footer table { width: auto; margin: 0!important; border-spacing: 0!important; }
.form-footer td { position: relative; z-index: 2; padding-bottom: 30px; }
.form-footer td:first-child { vertical-align: top; }
.form-footer input { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 10; width: 22px; height: 22px; opacity: 0; cursor: pointer; }
.form-footer .input { position: relative; z-index: 2; width: 22px; height: 22px; padding-top: 1px; border: 1px solid var(--border2); border-radius: var(--radius); color: var(--white); font-size: 1px; line-height: 1; }
.form-footer input:checked + .input { border-color: var(--green); background: var(--green); font-size: 14px; }
.form-footer input:checked + .input:before { content: "\e92c"; }
.form-footer label { display: block; margin-bottom: 0; padding-left: 14px; font-size: 14px; text-transform: none; cursor: pointer; }
.form-footer label span { color: var(--red); font-weight: 700; }
.form-footer label .small { padding-top: 5px; color: var(--clr-second); font-size: 13px; font-weight: 300; line-height: 1.1; }
.form-footer a { color: var(--red); }
.form-footer .a { display: inline-block; position: relative; z-index: 2; padding-right: 10px; font-size: 14px; }
.form-footer .a:before { content: "\e933"; width: auto; left: auto; right: 0; font-size: 6px; }
.form-footer.a { margin-bottom: 0; padding-top: 0; }
.form-footer.a + hr { margin-top: 0; }
.form-search { position: relative; z-index: 2; margin-bottom: 14px; }
.form-search > *:last-child { position: absolute; top: 0; right: 0; z-index: 30!important; }
.form-search input { width: 100%!important; height: 58px; padding-left: 22px; padding-right: 60px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--bg-main); font-size: 14px; }
.form-search button { position: relative; z-index: 2; width: 58px; height: 58px; border: 0; background: none; color: var(--clr-main-dark); font-size: 22px; text-indent: -9999em; }
.form-search button:before { content: "\e924"; }
[data-whatintent="mouse"] .form-search button:hover:before { color: var(--red); }
.submit-a { }
.submit-a input { padding: 9px 50px 9px 23px; border: 0; background: none; color: var(--white); font-size: 20px; font-weight: 700; cursor: pointer; }
.submit-a span { position: relative; z-index: 2; width: 100%; max-width: 230px; border-radius: var(--radius); background: var(--gradient-f); color: var(--white); }
.submit-a span:before { content: "\e903"; left: auto; right: 0; width: 55px; font-size: 9px; }
.submit-btn { }
.submit-btn button { position: relative; z-index: 2; width: 100%; min-width: 125px; padding: 11.5px 37px 11.5px 13px; border: 0; border-radius: var(--radius); background: var(--gradient-a); color: var(--white); font-size: 14px; font-weight: 700; line-height: 1; text-align: left; cursor: pointer; }
.submit-btn button:before { content: "\e90a"; left: auto; right: 0; width: 37px; font-size: 21px; }
.submit-btn.a { }
.submit-btn.a button { max-width: 278px; padding: 15px 50px 15px 23px; border: 0; background: var(--gradient-f); font-size: 20px; }
.submit-btn.a button:before { content: "\e903"; width: 55px; font-size: 9px; }
.submit-btn.b { }
.submit-btn.b button { padding-inline: 20px; font-size: 17px; }
.submit-btn.b i { margin-left: 12px; font-size: 20px; }
/*! Helpers --------- */
a, a:before, a:after { transition: visibility .4s cubic-bezier(.4,0,.2,1) 0s, color .4s cubic-bezier(.4,0,.2,1) 0s, background-color .4s cubic-bezier(.4,0,.2,1) 0s, border-color .4s cubic-bezier(.4,0,.2,1) 0s, opacity .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; -webkit-transform-origin: center center; transform-origin: center center; }
.owl-height { -webkit-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
option { transition: none; }
.clear { clear: both; }
#breadcrumbs li:last-child:before, #panel .logo, #panel .logo span, .form-search label, .pagination-a label, #logo span, .module-banners.slide > .baner-a, #featured > figure, #featured span, .product-a .box-add label, #root .owl-carousel .disabled, .hidden, #root .desktop-hide, #root .tablet-only, #root .mobile-only, #nav em { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; }
.form-footer .more-info, input[type="checkbox"], .submit-btn.b button:before, #root .code-b label, .item-a .remove-btn img, .discount-code label, .box-d input, .list-doc input, .list-select li > span, .list-select input, #root .country-a label, #root .box-note label, .form-footer label .small, .check-a input, #mobile img, #mobile .ico, #mobile-bar .home img, #menu-icon, .fav-a img, [hidden], template { display: none; }
.form-footer .toggle .more-info, .form-footer input[type="checkbox"], .module-zone a, .list-availability i, .product-c a, .amount-a, .item-a .title a, .print-btn a, .box-d label, .list-doc label, #breadcrumbs p, .nav-subpage a, .submit-a span, .form-footer label.toggle .small, .check-a label, .form-a label, #nav .ico, #nav .close a, .selected-filters a, .sort-a .selected a, .module-banners.slide, .baner-a .title span, .fav-a a, .fav > a, .product-a .title a, .list-logo li, article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
.module-zone ul, .product-c p, #breadcrumbs p, .nav-subpage ul, #mobile .close, #menu-icon, #panel .logo, #nav .close, .form-search p, .team-a ul, .box-filter .list-checkbox, .module-filter .title, .sort-a ul, .sort-a .selected, .box-a figure, .box-a .link-a, .baner-a figure, #featured figure, #panel .btn-b, #panel .list-user, #mPrzechowalnia p, #mKoszyk p, .prices-a .price, .prices-a .inf, .product-a .fav, .product-a .inf, .product-a .description ul, .prices-a .price, .product-a .list-attr, ul ul, ul ol, ol ol, ol ul, #root .m0 { margin-bottom: 0; }
#mobile, #shadow { transition: all .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; }
#podpowiedzi .podpowiedz-iks, .account-profile input[type="checkbox"] + label:before, .product-c:before, .product-more .aside, .item-a > figure img, .item-a:before, .discount-code .button, .box-d label:before, .list-doc label:before, .list-doc label, .list-select .price, .list-select label:before, .list-select label, .submit-a span, .check-a label:before, .form-footer .input, .form-footer .input:before, .submit-btn.a button, #nav .ico:before, #nav .ico:after, #nav > ul > li > a:before, #nav > ul > li.sub > a:after, #nav > ul > li > ul, .sort-price button, .box-filter > p, .box-filter > p:before, .box-filter .drop, .sort-a .selected a, .sort-a .drop, .product-day img, .product-day:before, .baner-a div, .baner-a img, [data-whatintent="mouse"] .module-banners a:hover:before, .link-btn a, .owl-nav button, [data-whatintent="mouse"] #featured figure:hover:before, #featured img, #mKoszyk .no, #mPrzechowalnia .no, .fav-a, .product-a .add-helper, .fav-a, .product-a .box:before, .product-a .box, .product-a:before, .product-a img { transition: all .4s linear; -webkit-transition-delay: -.1s; }
.module-banners.slide > .baner-a:first-child, #featured > figure:first-child, .is-slider { position: relative; top: auto; left: auto; }
hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 40px 0; padding: 0; border: 0; border-top: 1px solid var(--line); background: none; font-size: 0; }
hr.a { margin-top: 25px; margin-bottom: 25px; }
.list-a li:before, #footer nav li:before { margin-top: 0; }
#root .m20 { margin-bottom: 20px; }
#root .m65 { margin-bottom: 65px; }
.list-availability .a + i { background: var(--green); }
.list-availability .n + i { background: var(--red); }
.list-availability .z + i { background: var(--orange); }
.list-availability .p + i { background: var(--blue); }
.product-a .availability .a { color: var(--green); }
.product-a .availability .n { color: var(--red); }
.product-a .availability .z { color: var(--orange); }
.product-a .availability .p { color: var(--blue); }
.discount-code .button, .submit-a span, .submit-btn.a button, .link-btn.conditions a { background-size: auto 300%; background-position: 0 90%; }
[data-whatintent="mouse"] .discount-code .button:hover, [data-whatintent="mouse"] .submit-a span:hover, [data-whatintent="mouse"] .submit-btn.a button:hover, [data-whatintent="mouse"] .link-btn a:hover { background-position: 200% 0; }
.animation-a a { display: inline-block; }
.umc a:before, .umc div:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; direction: ltr; }
.umc a:before { z-index: 8; top: -3000em; bottom: -3000em; left: -3000em; right: -3000em; }
.umc div:before { transition: all .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; }
.umc, .umc div, .umc picture, .umc a { box-sizing: border-box; }
.umc { margin-bottom: 30px; padding: 0; line-height: 1.1; }
.umc div { overflow: hidden; position: relative; z-index: 2; width: 25%; min-height: 109px; padding: 20px 25px; }
.umc div:before { border: 1px solid #efeded; background: #fff; }
.umc div:hover:before { border-color: #ff0000; }
.umc div:hover { z-index: 10; }
.umc picture { overflow: hidden; display: block; width: 100%; margin-bottom: 15px; text-align: center; }
.umc picture img { width: auto; max-width: 100% !important; height: auto; max-height: 90% !important; border-style: none; }
.umc a { display: block; color: #000; font-size: 18px; font-weight: 400; text-align: center; }
.umc div:hover a { color: #da251c; }
.umc span { display: block; color: #959595; font-size: 14px; }
.umc { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
/*! Miscellaneous --------- */
audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]), video[autoplay]:not([muted]) { display: none; }
svg:not(:root) { overflow: hidden; }
::selection { background: var(--red); color: var(--white); text-shadow: none; }
::-moz-selection { background: var(--red); color: var(--white); text-shadow: none; }
/*! Outlines --------- */
[data-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] textarea:focus { outline-width: 2px; outline-style: solid; }
[data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; }
/*! Animations --------- */
[data-whatintent="mouse"] .podpowiedz-iks:hover, [data-whatintent="mouse"] .account-profile .button:hover, [data-whatintent="mouse"] .animation-a a:hover, [data-whatintent="mouse"] .product-c:hover img, [data-whatintent="mouse"] .module-gallery img:hover, [data-whatintent="mouse"] .heading-b figure:hover, [data-whatintent="mouse"] .item-a .remove-btn a:hover, [data-whatintent="mouse"] .item-a:hover > figure img, [data-whatintent="mouse"] .item-a:hover > figure:before, [data-whatintent="mouse"] .print-btn a:hover, [data-whatintent="mouse"] .discount-code .button:hover, .list-select input:checked + label:after, .list-select strong label:after, [data-whatintent="mouse"] .submit-a span:hover, [data-whatintent="mouse"] #nav .close a:hover, [data-whatintent="mouse"] .form-search button:hover:before, [data-whatintent="mouse"] .sort-price button:hover, [data-whatintent="mouse"] .pagination-a .btn a:hover, [data-whatintent="mouse"] .box-a img:hover, [data-whatintent="mouse"] .link-btn a:hover, [data-whatintent="mouse"] .owl-nav button:hover, [data-whatintent="mouse"] .list-user .user a:hover:before, [data-whatintent="mouse"] .submit-btn button:hover { -webkit-animation-name: press; animation-name: press; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
.account-profile input[type="checkbox"]:checked + label:before, .box-d input:checked + label:before, .list-select input:checked + label:before, .list-select strong label:before, .list-doc input:checked + label:before, .form-footer input:checked + .input, .check-a input:checked + label:before, [data-whatintent="mouse"] .module-c figure:hover img, [data-whatintent="mouse"] .free-shiping:hover p:first-child:before, [data-whatintent="mouse"] .list-a li:hover:before, [data-whatintent="mouse"] .selected-filters a:hover:before, [data-whatintent="mouse"] .product-a:hover .fav a, [data-whatintent="mouse"] .fav-a a:hover, [data-whatintent="mouse"] .list-attr:hover li, [data-whatintent="mouse"] .product-a:hover .list-attr li, [data-whatintent="mouse"] .product-a:hover .fav a { -webkit-animation-name: pop; animation-name: pop; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
[data-whatintent="mouse"] .list-availability i:hover:before, [data-whatintent="mouse"] .product-c:hover a:after, [data-whatintent="mouse"] .print-btn a:hover:before, [data-whatintent="mouse"] .link-btn.conditions a:hover:before, [data-whatintent="mouse"] .product-day:hover .title, [data-whatintent="mouse"] .btn-b a:hover:before, [data-whatintent="mouse"] #mKoszyk:hover .no, [data-whatintent="mouse"] #mPrzechowalnia:hover .no, [data-whatintent="mouse"] .list-availability i:hover:before, [data-whatintent="mouse"] .submit-btn button:hover:before { -webkit-animation-name: bump; animation-name: bump; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; }
#nav > ul > li.toggle > a .ico:after, [data-whatintent="mouse"] .team-a a:hover:before { -webkit-animation-name: buzz; animation-name: buzz; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; }
[data-whatintent="mouse"] .list-logo:hover li:nth-child(odd) { -webkit-animation-duration: .9s; animation-duration: .9s; }
[data-whatintent="mouse"] .product-a:hover .list-attr li:nth-child(2), [data-whatintent="mouse"] .list-attr:hover li:nth-child(2), [data-whatintent="mouse"] .list-logo:hover li:nth-child(2n+2) { -webkit-animation-duration: 1.1s; animation-duration: 1.1s; }
[data-whatintent="mouse"] .product-a:hover .list-attr li:nth-child(3), [data-whatintent="mouse"] .list-attr:hover li:nth-child(3) { -webkit-animation-duration: .5s; animation-duration: .5s; }
@-webkit-keyframes bump {50% {-webkit-transform: translateY(-8px); transform: translateY(-8px); } }
@keyframes bump {50% {-webkit-transform: translateY(-8px); transform: translateY(-8px); } }
@-webkit-keyframes bounce {0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-20px);} 60% {-webkit-transform: translateY(-10px);} }
@keyframes bounce {0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-20px);} 60% {transform: translateY(-10px);} }
@-webkit-keyframes buzz {10% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% {-webkit-transform: translateX(2px) rotate(3deg); transform: translateX(2px) rotate(3deg); } 60% {-webkit-transform: translateX(-2px) rotate(-3deg); transform: translateX(-2px) rotate(-3deg); } 70% {-webkit-transform: translateX(2px) rotate(3deg); transform: translateX(2px) rotate(3deg); } 80% {-webkit-transform: translateX(-2px) rotate(-3deg); transform: translateX(-2px) rotate(-3deg); } 90% {-webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% {-webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } }
@keyframes buzz {10% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% {-webkit-transform: translateX(2px) rotate(3deg); transform: translateX(2px) rotate(3deg); } 60% {-webkit-transform: translateX(-2px) rotate(-3deg); transform: translateX(-2px) rotate(-3deg); } 70% {-webkit-transform: translateX(2px) rotate(3deg); transform: translateX(2px) rotate(3deg); } 80% {-webkit-transform: translateX(-2px) rotate(-3deg); transform: translateX(-2px) rotate(-3deg); } 90% {-webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% {-webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } }
@-webkit-keyframes pop {50% {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } }
@keyframes pop {50% {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } }
@-webkit-keyframes press {50% {-webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } }
@keyframes press {50% {-webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } }
/*! Flexbox --------- */
.module-similar form, .product-a.a .col, #podpowiedzi, .podpowiedzi-pole li, .podpowiedzi-pole, .account-profile input[type="checkbox"] + label:before, .submit-btn.b button, .module-add, .module-add .no, .list-availability li, .list-c, .product-c a:after, .module-gallery .gallery-thumbs figure, .module-gallery .gallery-thumbs, .module-gallery .main-pic, .heading-b figure, .code-b, .list-contact, .item-a .no, .item-a .line, .item-a, .discount-code, .module-buttons, .module-cart, .list-doc, .list-select .price, .list-select label, .module-c, .free-shiping, #breadcrumbs p:before, #breadcrumbs ol, .nav-subpage ul, .list-b li, .code-a .code, .submit-a, .check-a label:before, .module-b, #mobile-bar a:before, #mobile-bar ul, #menu-icon:before, .btn-b a, #nav .inside > ul > li > a span, #nav .inside > ul > li > a, #nav > ul > li > ul, .team-a, .sort-price .btn, .sort-price, .box-filter > p, .module-filter, .selected-filters, .selected-filters li, .sort-a, .pagination-a, .module-sort, .product-day .inner, #time, .module-timer, .product-day .header, .box-a figure, .box-a, .module-a, .module-banners, .heading-a, .btn-b a, #mKoszyk .no, #mPrzechowalnia .no, #mPrzechowalnia a, #mKoszyk a, .list-user, #panel, .prices-a, .list-attr, .product-a, .product-a .box-add, .module-products, .module-products form, #footer nav, #footer > div, .list-logo, .link-btn { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.module-similar form, .product-a.a .col, .podpowiedzi-pole li, .podpowiedzi-pole, .module-add, .module-add .no, .list-availability li, .list-c, .module-gallery .gallery-thumbs, .heading-b figure, .code-b, .list-contact, .item-a .no, .item-a .line, .item-a, .discount-code, .module-buttons, .module-cart, .list-doc, .module-c, .free-shiping, .nav-subpage ul, .list-b li, .module-b, #mobile-bar ul, .btn-b a, #nav > ul > li > ul, .team-a, .sort-price .btn, .sort-price, .box-filter > p, .module-filter, .selected-filters, .selected-filters li, .sort-a, .pagination-a, .module-sort, .product-day .inner, #time, .module-timer, .product-day .header, .box-a, .module-a, .module-banners, .heading-a, .btn-b a, #mPrzechowalnia a, #mKoszyk a, .list-user, #panel, .prices-a, .list-attr, .product-a, .product-a .box-add, .module-products, .module-products form, #footer nav, #footer > div, .list-logo { -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.product-a.a { -webkit-flex-direction: row; flex-direction: row; }
.product-a.a .col, #podpowiedzi, .module-gallery .main-pic, .list-select label, .free-shiping, .product-a { -webkit-flex-direction: column; flex-direction: column; }
.text-left .link-btn, .link-btn.text-left { -webkit-justify-content: flex-start; justify-content: flex-start; }
.account-profile input[type="checkbox"] + label:before, .submit-btn.b button, .product-c a:after, .module-gallery .gallery-thumbs figure, .module-gallery .main-pic, .module-buttons, .list-select label, #breadcrumbs p:before, .submit-a, .check-a label:before, #mobile-bar a:before, #menu-icon:before, #nav .inside > ul > li > a span, .box-a figure, #mKoszyk .no, #mPrzechowalnia .no, #footer .list-logo, .text-center .link-btn, .link-btn.text-center { -webkit-justify-content: center; justify-content: center; }
.product-a.a .col, #podpowiedzi, .heading-b figure, .code-b, .pagination-a, #panel, .text-right .link-btn, .link-btn.text-right { -webkit-justify-content: flex-end; justify-content: flex-end; }
#mobile-bar ul, .product-day .header, .heading-a, #footer > div { -webkit-justify-content: space-between; justify-content: space-between; }
.list-logo.b { -webkit-justify-content: space-around; justify-content: space-around; }
.free-shiping, #breadcrumbs ol, .module-sort { -webkit-align-items: flex-start; align-items: flex-start; }
.product-a.a, .podpowiedzi-pole li, .account-profile input[type="checkbox"] + label:before, .submit-btn.b button, .module-add, .module-add .no, .list-availability li, .product-c a:after, .module-gallery .gallery-thumbs figure, .module-gallery .main-pic, .heading-b figure, .code-b, .list-contact, .item-a .no, .item-a .line, .item-a, .module-buttons, .list-select .price, #breadcrumbs p:before, .code-a .code, .check-a label:before, #mobile-bar a:before, #menu-icon:before, .btn-b a, #nav .inside > ul > li > a span, #nav .inside > ul > li > a, .team-a, .sort-price .btn, .sort-price, .module-filter, .box-filter > p, .sort-a, .pagination-a, .product-day .inner, .module-timer, .box-a figure, .heading-a, #panel, #mKoszyk .no, #mPrzechowalnia .no, #mPrzechowalnia a, #mKoszyk a, .prices-a, .product-a .box-add { -webkit-align-items: center; align-items: center; }
.product-a.a .col, #nav > ul > li > ul { -webkit-align-items: flex-end; align-items: flex-end; }
.box-a { -webkit-align-items: stretch; align-items: stretch; }
.discount-code p:first-child, .module-cart .module-items, .list-b p:nth-child(2), .selected-filters ul, .module-a .col, #panel .list-user, .product-a .submit-btn, #footer .copyright { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; }
.discount-code p:first-child, .module-cart .module-items, .list-b p:nth-child(2), .selected-filters ul, .module-a .col, #panel .list-user, .product-a .submit-btn, #footer .copyright { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; }
/*! Fonts --------- */
@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local('Roboto Light'),local('Roboto-Light'),url('fonts/roboto-300.woff2') format('woff2'),url('fonts/roboto-300.woff') format('woff'),url('fonts/roboto-300.ttf') format('truetype');font-display:fallback;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto Regular'),local('Roboto-Regular'),url('fonts/roboto-400.woff2') format('woff2'),url('fonts/roboto-400.woff') format('woff'),url('fonts/roboto-400.ttf') format('truetype');font-display:fallback;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url('fonts/roboto-700.woff2') format('woff2'),url('fonts/roboto-700.woff') format('woff'),url('fonts/roboto-700.ttf') format('truetype');font-display:fallback;}
/*! Icons --------- */
@font-face { font-family: 'i'; src: url('icons/icomoon.woff2') format('woff2'), url('icons/icomoon.woff') format('woff'), url('icons/icomoon.ttf') format('truetype');font-display:fallback; }
[class^="icon-"], [class*=" icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-alarm:before {content: "\e92b";}
.icon-arrow-down:before {content: "\e901";}
.icon-arrow-left:before {content: "\e902";}
.icon-arrow-long-down:before {content: "\e905";}
.icon-arrow-long-left:before {content: "\e906";}
.icon-arrow-long-right:before {content: "\e907";}
.icon-arrow-long-up:before {content: "\e904";}
.icon-arrow-right:before {content: "\e903";}
.icon-arrow-up:before {content: "\e900";}
.icon-bell:before {content: "\e942";}
.icon-card:before {content: "\e943";}
.icon-cart:before {content: "\e90a";}
.icon-cash:before {content: "\e93e";}
.icon-cctv:before {content: "\e90e";}
.icon-check:before {content: "\e92c";}
.icon-city:before {content: "\e90f";}
.icon-clipboard:before {content: "\e910";}
.icon-close2:before {content: "\e944"; }
.icon-close:before {content: "\e940";}
.icon-coupon:before {content: "\e911";}
.icon-double-arrow:before {content: "\e933";}
.icon-download:before {content: "\e938";}
.icon-dvd:before {content: "\e912";}
.icon-facebook:before {content: "\e931";}
.icon-fingerprint:before {content: "\e913";}
.icon-fire:before {content: "\e914";}
.icon-fuel-station:before {content: "\e915";}
.icon-google-maps:before {content: "\e916";}
.icon-hdd:before {content: "\e917";}
.icon-heart-full:before {content: "\e92e";}
.icon-heart:before {content: "\e92d";}
.icon-home1:before {content: "\e918";}
.icon-home:before {content: "\e909";}
.icon-info:before {content: "\e935";}
.icon-instagram:before {content: "\e92f";}
.icon-lens:before {content: "\e919";}
.icon-mail-open:before {content: "\e939";}
.icon-mail:before {content: "\e90d";}
.icon-menu:before {content: "\e908";}
.icon-minus:before {content: "\e929";}
.icon-mountains:before {content: "\e91a";}
.icon-office:before {content: "\e91b";}
.icon-package1:before {content: "\e91c";}
.icon-parking-sign:before {content: "\e91d";}
.icon-pharmacy:before {content: "\e91e";}
.icon-phone:before {content: "\e90c";}
.icon-plus:before {content: "\e92a";}
.icon-pointer:before {content: "\e91f";}
.icon-printer:before {content: "\e93f";}
.icon-rating:before {content: "\e920";}
.icon-receipt2:before {content: "\e93d";}
.icon-receipt:before {content: "\e921";}
.icon-room:before {content: "\e922"; color: #474747;}
.icon-safe:before {content: "\e93a";}
.icon-school:before {content: "\e923";}
.icon-search:before {content: "\e924";}
.icon-sensor:before {content: "\e941";}
.icon-star:before {content: "\e90b";}
.icon-time:before {content: "\e925";}
.icon-trash:before {content: "\e936";}
.icon-truck:before {content: "\e934";}
.icon-user1:before {content: "\e937";}
.icon-user:before {content: "\e926";}
.icon-video:before {content: "\e927";}
.icon-warehouse1:before {content: "\e93b";}
.icon-warehouse2:before {content: "\e93c";}
.icon-warehouse:before {content: "\e928";}
.icon-youtube2:before {content: "\e932";}
.icon-youtube:before {content: "\e930";}
/*! Lib --------- */
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* Responsive --------- */
@media only screen and (max-width: 121.875em) { /* 1950 */
.module-banners .baner-a { width: 33.333%; }
.product-page { padding-right: 685px; }
.product-page .middle { width: 685px; margin-right: -685px; }
}
@media only screen and (max-width: 106.25em) { /* 1700 */
.module-a > *, .module-a .product-day { width: 100%; }
.module-products .product-a { width: 25%; margin-bottom: 20px; border-left-width: 20px; }
#nav > ul > li > ul, #podpowiedzi { width: 1050px; }
.code-a .code { position: relative; bottom: auto; right: 0; width: 100%; height: auto; padding-top: 20px; padding-inline: 0; }
.module-c { margin-left: -30px; }
.module-c > * { border-left-width: 30px; }
.product-page { padding-right: 0; }
.product-page .middle { width: 100%; margin-right: 0; padding-left: 0; }
.user-info { margin: 0 -15px 10px; }
.user-info p, .user-info .short, .user-info .long { width: calc(100% - 30px); }
}
@media only screen and (max-width: 87.5em) { /* 1400 */
#root > * { padding-right: 50px; }
#panel { margin-right: -50px; }
#footer { }
#footer:before { right: 50px; }
#footer .list-logo { width: 100%; -webkit-justify-content: center; justify-content: center; }
#footer .copyright { width: 100%; padding-left: 0; text-align: center; }
#nav > ul > li > ul, #podpowiedzi { width: 860px; }
.module-products .product-a { width: 33.3333%; }
.module-banners .baner-a { width: 50%; }
.box-g, .box-g.a { float: left; width: 100%; padding-left: 0; padding-right: 0; }
.module-banners.slide .baner-a { width: 340px; }
.module-c > *, .module-c > *:nth-child(2) { float: none; width: 100%; }
.module-buttons .submit-btn.a { max-width: 300px; }
.module-cart { }
.module-cart .col { width: 100%; padding-left: 0; }
.module-items { overflow: visible; max-height: 100%; }
.product-a.a { padding-left: 20px; }
.product-a.a > figure { width: calc(100% + 260px); margin-right: -260px; margin-bottom: 15px; margin-left: 0; }
.product-a.a .middle { padding-left: 0; }
.product-a.a .add-helper { margin-inline: 0; }
.list-user { padding-left: 36px; }
.list-user li { margin-bottom: 3px; padding-left: 0; }
.list-user li:first-child { margin-left: -36px; }
.list-user li:not(:last-child) { margin-right: 20px; }
.list-user li:not(:last-child):before { display: none; }
}
@media only screen and (max-width: 75em) { /* 1200 */
#root > * { padding-left: 20px; padding-right: 20px; }
#top { }
#mPrzechowalnia a, #mKoszyk a { padding: 65px 20px 10px 20px; }
#mPrzechowalnia a:before, #mKoszyk a:before { left: 0; width: 100%; font-size: 21px; }
#mKoszyk .no, #mPrzechowalnia .no { left: 50%; }
#nav { }
#nav > ul > li > ul, #podpowiedzi { width: 660px; }
#nav .inside { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
#panel { margin-right: -20px; }
#footer:before { left: 20px; right: 20px; }
#footer nav ul, .module-products .product-a { width: 50%; }
.module-b { margin-left: -40px; }
.module-b > * { padding-left: 0; border-left: 40px solid rgba(0,0,0,0); }
.product-more { padding-right: 0; }
.product-more > * { padding-right: 0; }
.product-more .aside { opacity: 1; width: 100%; margin-right: 0; }
.product-more .is-affixed { display: none!important; }
.umc div { width: 33.333%; }
}
@media only screen and (max-width: 62.5em) { /* 1000 */
#root { padding-left: 20px; padding-right: 20px; }
#root > * { padding-left: 0; padding-right: 0; }
#top { }
#root #top { position: absolute; top: 60px; left: 0; right: 0; width: auto; min-height: auto; height: auto; padding: 0; margin-left: 0; }
#top.is-affixed { position: absolute!important; height: auto!important; }
#top.is-affixed .inner-wrapper-sticky { position: relative!important; top: auto!important; }
#top .inner-wrapper-sticky { width: 100%!important; }
#top .inner { padding: 0; }
#logo, #top .team-info, #top .conditions, #nav, .search-box .header-a { display: none; }
#top .search-box { padding: 0 20px 10px; background: var(--bg-main); }
#top .form-search { margin: 0; }
#top .form-search input, #top .form-search button { height: 45px; }
#top .form-search button { width: 45px; font-size: 19px; }
#mPrzechowalnia a, #mKoszyk a, .list-user .user a { display: none; height: 60px; padding: 38px 10px 0; font-size: 12px; }
#mPrzechowalnia a:before, #mKoszyk a:before, .list-user .user a:before { top: 10px; width: 100%; margin-top: 0; font-size: 21px; }
#mKoszyk .no, #mPrzechowalnia .no { top: 5px; margin-top: 0; }
#panel .btn-b a { display: none; height: 60px; padding: 34px 10px 0; font-size: 12px; }
#panel .btn-b a:before { content: "\e935"; top: 12px; left: 0; right: 0; width: 100%; margin-top: 0; font-size: 19px; }
#menu-icon { display: block; }
.menu-active #mobile { left: 0; }
.menu-active #shadow, .user-active #panel .shadow { visibility: visible; opacity: 1; }
#mobile-bar { bottom: 0; }
#panel { margin-bottom: 60px; padding-right: 10px; }
#panel .logo { height: 50px; }
#panel .list-user { margin-right: 0; padding-top: 0; -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; }
.box-filter { }
.box-filter > p:after { right: 0; }
.box-filter .drop { display: none; visibility: visible; opacity: 1; position: relative; top: auto; left: auto; width: 100%; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); pointer-events: auto; }
.box-filter.toggle > p { border-radius: 5px 5px 0 0; background: var(--red); color: var(--white); cursor: pointer; }
.box-filter.toggle .drop { display: block; }
.box-filter.toggle .drop:before, .box-filter.toggle > p { border-color: var(--red); }
.box-filter.toggle .drop:before { border-radius: 0 0 5px 5px; }
.box-team { margin-bottom: 15px; background: none; padding-inline: 0; }
.box-team > *:not(:last-child) { border: 0; }
#breadcrumbs { margin-top: -20px; }
.module-filter { padding-bottom: 15px; }
.module-filter .box-filter { width: 100%; }
.module-gallery { }
.module-gallery .main-pic { height: 370px; }
.module-gallery .main-pic img { max-height: 310px; }
.module-products .product-a { width: 33.3333%; }
#podpowiedzi { top: 60px!important; bottom: auto!important; left: 0!important; right: 0; width: 100%; min-height: auto; }
.product-a { padding-bottom: 6px; }
.product-a .box { position: relative; bottom: auto; left: auto; right: auto; margin-top: auto; }
.product-a .prices-a { margin-bottom: 10px; padding-left: 0; padding-right: 0; }
.product-a .fav-a { visibility: visible; opacity: 1; }
.product-a .add-helper { max-height: 100px; margin-inline: -7px; padding-inline: 0; }
.team-a { padding: 0; }
.team-a > * { padding-bottom: 0; padding-left: 0; }
.team-a li { padding: 15px 45px; }
.team-a .phone, .team-a .mail { padding: 0; }
.team-a .phone a, .team-a .mail a { padding-left: 79px!important; }
.team-a a:before { left: 40px; }
.team-info { padding-top: 10px; background: #26282f; }
.team-info .header-a { padding-inline: 20px; color: var(--white); font-size: 15px; font-weight: 400; }
.list-user { }
.list-user li { margin-bottom: 0; padding-left: 0; }
.list-user li:not(:last-child) { margin-right: 0; }
.list-user li:not(:last-child):before, .list-user .user span { display: none; }
.list-user .user { padding-left: 0; }
/*.list-user .user a { display: block; padding: 65px 20px 10px 20px; }*/
/*.list-user .user a:before { left: 0; width: 100%; font-size: 21px; }*/
#root:before, .team-a > figure { display: none; }
#root .desktop-hide, #root .tablet-only, #panel .list-user .user, #panel .logo { position: relative; left: 0; top: 0; }
#root .desktop-only, #root .tablet-hide, #featured .owl-nav, #panel .list-user li { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; }
}
@media only screen and (max-width: 47.5em) { /* 760 */
/*#top, #content, #footer { width: auto; }
#content, #footer { padding-left: 20px; padding-right: 20px; }
#top { left: 20px; right: 20px; margin-left: 0; }*/
.baner-a .title { font-size: 25px; }
h1, .header-a { font-size: 22px; }
h2, .baner-a .title span { font-size: 20px; }
.product-day .name, .header-a.d, .header-a.e, .header-a.g { font-size: 18px; }
h3, h4, h5, h6, .header-a.a { font-size: 16px; }
#footer, .list-select label { font-size: 15px; }
.header-a, .header-a.a { margin-bottom: 20px; }
hr { margin: 20px 0; }
#top { }
#skip { }
#skip a { min-width: 0; }
#skip a:focus, #skip a:active { right: 0; }
#skip li { font-size: 1.3em; }
#footer { padding-top: 25px; }
#footer > div { margin-top: 10px; padding-top: 20px; }
.module-b > * { width: 100%; padding-top: 0; }
.module-banners.slide .baner-a { width: 280px; }
.module-gallery .gallery-thumbs figure { width: 33.3333%; }
.module-info { padding-right: 0; }
.module-info .aside { width: 100%; margin-right: 0; }
.module-prices { margin-bottom: 0; padding-right: 0; }
.module-prices .list-attr { position: relative; bottom: auto; right: auto; }
.module-products .product-a { width: 50%; }
#podpowiedzi { }
.podpowiedzi-pole .category-section, .podpowiedzi-pole .product-section { width: 100%; padding-right: 0; }
.podpowiedzi-pole { min-height: auto; }
.product-a.a { padding-right: 20px; }
.product-a.a > figure { width: 100%; margin-right: 0; }
.product-a.a .middle { padding-right: 0; }
.product-a.a .col { width: 100%; margin-right: 0; padding-top: 0; padding-inline: 0; }
.product-day { }
.product-day .header { margin-top: -40px; margin-bottom: 10px; }
.product-day .title { font-size: 23px; }
.product-day .inner { padding-left: 200px; }
.product-day .inner > * { padding-left: 30px; }
.product-day .inner figure { width: 200px; margin-left: -200px; padding-left: 0; }
.umc { }
.umc div { width: 50%; }
.umc a { font-size: 15px; }
.list-b li:first-child { display: none; }
#root .m65 { margin-bottom: 30px; }
#root .tablet-hide, #root .mobile-only, .baner-a .title { position: relative; left: 0; top: 0; }
#root .tablet-only, #root .mobile-hide, .baner-a p { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; }
}
@media only screen and (max-width: 31.25em) { /* 500 */
.module-products .product-a, .module-banners .baner-a { width: 100%; }
.module-banners.slide .baner-a { width: 220px; }
.heading-b { padding-right: 0; }
.heading-b figure { position: relative; top: auto; bottom: auto; right: auto; -webkit-justify-content: flex-start; justify-content: flex-start; }
.box-a { min-height: 10px; margin-bottom: 30px; padding: 1px; }
.box-a figure { width: 100%; margin-right: 0; }
.box-a > div { padding: 27px 20px 47px 20px; border-radius: 11px 11px 0 0; }
.box-a .title { font-size: 17px; }
.item-a { padding-left: 20px; }
.item-a > figure { width: 100%; margin-bottom: 20px; margin-left: 0; border-left-width: 0; }
.item-a > div { padding-left: 0; }
.item-a .line { position: static; padding-right: 0; -webkit-justify-content: flex-end; justify-content: flex-end; text-align: right; }
.item-a .no { -webkit-justify-content: flex-end; justify-content: flex-end; }
.item-a .remove-btn { top: 6px; right: 6px; z-index: 9; }
.module-gallery .gallery-thumbs figure { width: 50%; }
.pagination-a > p:first-child { display: none; }
.product-day { }
.product-day .inner { padding-left: 0; }
.product-day .inner > * { padding-left: 0; }
.product-day .inner figure { width: 100%; margin-left: 0; }
.umc div { width: 100%; }
.list-select { }
.list-select label { padding: 80px 20px 10px 70px; }
.list-select .price { position: relative; top: auto; right: auto; height: auto; margin-top: 7px; font-size: 17px; }
.section-brand {display: block;}
.column-kamery, .column-rejestratory {width: 100%; padding: 30px 30px 30px 35px;}
}
@media only screen and (max-width: 25em) { /* 400 */
#footer nav ul { width: 100%; }
}
#pwr_przycisk, #inpost_paczkomat_przycisk, #punkt_odbioru_poczta_przycisk { position: relative; z-index: 2; margin-bottom: 20px; padding: 15px 20px; border-radius: 5px ; background: var(--red); background-size: auto 400%; background-position: 0 90%; color: var(--white); font-size: 18px; font-weight: 700; line-height: 1.1; border:0px; cursor:pointer}
#pwr_przycisk:hover, #inpost_paczkomat_przycisk:hover, #punkt_odbioru_poczta_przycisk:hover { position: relative; z-index: 2; margin-bottom: 20px; padding: 15px 20px; border-radius: 5px; background: var(--black); background-size: auto 400%; background-position: 0 90%; color: var(--white); font-size: 18px; font-weight: 700; line-height: 1.1; border:0px; cursor:pointer}
#punkt_odbioru_furgonetka_przycisk { position: relative; z-index: 2; margin-bottom: 20px; padding: 15px 20px; border-radius: 5px ; background: var(--red); background-size: auto 400%; background-position: 0 90%; color: var(--white); font-size: 18px; font-weight: 700; line-height: 1.1; border:0px; cursor:pointer}
#punkt_odbioru_furgonetka_przycisk:hover { position: relative; z-index: 2; margin-bottom: 20px; padding: 15px 20px; border-radius: 5px; background: var(--black); background-size: auto 400%; background-position: 0 90%; color: var(--white); font-size: 18px; font-weight: 700; line-height: 1.1; border:0px; cursor:pointer}
.apaczkaMapRow1 img {max-height:40px!important; }
.apaczkaMapMobileShow img {max-height:40px!important; }