/*
Theme Name: ABC
Author: Vena Art
Author URI: https://vena.lublin.pl/
Template: wp-bootstrap-starter
Version: 1.0.0
Text Domain: abc
*/

:root {
    scroll-behavior: smooth;

    --red: #d91f16;
    --red-light: #e54139;
    --red-very-light: #fcefef;

    --yellow-2024: #ffcd0d;
    --yellow: #fbe300;
    --yellow-alt: #efc93a;

    --green-2024: #006946;
    --green: #006946;
    --green-leaflet: #03733b;
    --green-light: #009865;

    --gray-light: #a9a9a9;

    --light: #f4f4f4;
    --lighter: #fafafa;

    --disabled-1: #dedede;
    --disabled-2: #a4a4a4;

    --mega: #ffd100;
    --aplikacja: #5bc0cc;
    --sklep: #4567a9;
    --kupuj: #feb925;

    --promotype-cheaper: #da1218;
    /* --promotype-set: #009fe3; */
    --promotype-set: #f87b2c;
    --promotype-pricereduction: #feea15;
}

/* @font-face {
    font-family: galanoClassic;
    src: url('./font/galano-classic-regular.woff') format('woff'), url('./font/galano-classic-regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: galanoClassic;
    src: url('./font/galano-classic-semibold.woff') format('woff'), url('./font/galano-classic-semibold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
} */

body { line-height: 1.75; font-family: 'Poppins', Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

h1 { color: var(--green); }

h1 .circle { width: 3.75rem; height: 3.75rem; border-radius: 1.875rem; background-color: var(--yellow); }

h3 .circle { width: 5.375rem; height: 5.375rem; border-radius: 2.6875rem; background-color: var(--yellow); position: absolute; z-index: -1; left: 0; bottom: -1.5rem; }

a, button, input, svg, img, .image, .pointer, .player, .category, body.page-template-sklepy #search-wrapper #search-box #autocomplete ul li, #newsletter-widget svg > path { transition: all .4s; }

div a, .entry-title, .subheading, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a, span a { font-weight: bold; color: var(--green); /* border-bottom: 1px solid var(--green); */ }

div.slide a { font-weight: normal; }

div a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, p a:hover, span a:hover,
div a:focus, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus, p a:focus, span a:focus { text-decoration: none; color: var(--green-light); /* border-bottom-color: var(--green-light); */ }

a:focus, button:focus, input:focus { outline: none; }

.description > *:last-child { margin-bottom: 0; }

.my-show { opacity: 0; animation: fade-in .4s forwards; }

.my-hide { opacity: 1; animation: fade-out .4s forwards; }

p, dl, ol, ul { margin-bottom: 1.5rem; }

.order-5 { -ms-flex-order: 5; order: 5; }

.order-13 { -ms-flex-order: 13; order: 13; }

.order-14 { -ms-flex-order: 14; order: 14; }

body.single article dl,
body.single article ol,
body.single article ul { padding-left: 1.0625rem; }

body.single article ul li { padding-left: .5rem; }

body.single article ul li::marker { content: '\f00c'; font-family: "Font Awesome 5 Free"; font-weight: 600; color: var(--green); }

.kerning { font-weight: bold !important; letter-spacing: 2px; }

body.home article[class ^= "post-"] { display: flex; flex-direction: column; }

#content img[loading = "lazy"] { max-width: 99.25%; height: auto; }

body.error404 .entry-content,
body.page .entry-content { padding: 2.125rem; margin-bottom: 2.125rem; background-color: white; }

body.page .entry-content#przegladarka { margin-bottom: 0; }

body.page-template-gazetka #menu-lower .navbar-nav #menu-item-1241 #menu-item-dropdown-1241,
body.page-template-gazetka #menu-lower .navbar-nav #menu-item-1241 #menu-item-dropdown-1241 svg,
body.page-template-gazetka #menu-lower .navbar-nav #menu-item-1883 a,
body.page-template-gazetka .navbar-light .navbar-nav #menu-item-1884 .nav-link { color: white; fill: white; }

body.page-template-gazetka #gazetka #gazetki { padding-bottom: calc(2.125rem + 1.5rem); }

/* body.page-template-gazetka #gazetka #zapis-prawny { margin-bottom: 2.125rem; } */

body.page-template-sklepy .entry-content { position: relative; z-index: 98; }

.entry-content a { border-bottom: 1px solid var(--green); }

.entry-content a:hover,
.entry-content a:focus { border-bottom-color: transparent; }

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 { line-height: 1.75; margin-bottom: 1.5rem; }

.entry-content h3 { color: var(--green); }

.entry-content h6 { text-transform: uppercase; margin-top: 2.5rem; }

/* article h1,
article h2,
article h3,
article h4,
article h5,
article h6 { line-height: 1.75; } */

/* Blog */

body.category article,
body.single article { background-color: white; margin-top: 2.125rem; }

body.category article:nth-of-type(1),
body.single article:nth-of-type(1) { margin-top: 0; }

body.category .post-content,
body.single .post-content { padding: 2.125rem; }

body.category .post-thumbnail { background-position: right top; background-repeat: no-repeat; background-size: 165%; }

body.single .post-thumbnail { background-position: center top; background-repeat: no-repeat; background-size: 100%; }

body.single iframe { width: 100%; height: 342px; }

body.category article:nth-child(even) .post-content { order: 1; }

body.category article:nth-child(even) .post-thumbnail { order: 2; }

body.category article:nth-child(odd) .post-content,
body.single article .post-content { order: 2; }

body.category article:nth-child(odd) .post-thumbnail,
body.single article .post-thumbnail { order: 1; }

body.category .publish-date,
body.single .publish-date { font-size: small; color: var(--green); }

body.category .read-more,
body.category .paginate-links .page-numbers.prev,
body.category .paginate-links .page-numbers.next,
body.single .paginate-links .page-numbers.back { background-color: var(--yellow); border-radius: 3rem; font-weight: bold; font-size: small; padding: .25rem 2.25rem; width: 184px; text-align: center; }

body.category-9 .read-more { width: 195px; }

body.category .paginate-links,
body.single .paginate-links { margin-top: 2.125rem; margin-bottom: 2.125rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; opacity: 0; animation: fade-in .4s .4s forwards; }

body.single .paginate-links { justify-content: flex-end; }

body.category .paginate-links .page-numbers.prev.disabled,
body.category .paginate-links .page-numbers.next.disabled { cursor: default; background-color: var(--disabled-1); color: var(--disabled-2); }

body.category .paginate-links .page-numbers-wrapper { font-weight: bold; color: var(--green); }

body.category .paginate-links .page-numbers-wrapper .page-numbers.current { color: var(--green-light); }

body.category .paginate-links .page-numbers-wrapper .page-numbers { display: inline-block; margin-left: .5rem; margin-right: .5rem; }

body.category .paginate-links .page-numbers-wrapper .page-numbers:first-child { margin-left: 0; }

body.category .paginate-links .page-numbers-wrapper .page-numbers:last-child { margin-right: 0; }

/* Nagłówek */

#masthead { /* background-color: var(--green); */ background-color: var(--yellow-2024); }

#masthead #menu-top-bar { margin-bottom: 0; list-style-type: none; display: flex; justify-content: flex-end; position: relative; z-index: 1; }

#masthead #menu-top-bar .menu-item { margin-left: 1rem; margin-right: 1rem; }

#masthead #menu-top-bar .menu-item:first-child { margin-left: 0; }

#masthead #menu-top-bar .menu-item:last-child { margin-right: 0; }

#masthead #menu-top-bar .menu-item a { /* color: var(--yellow); */ color: var(--green-2024); font-weight: bold; border-bottom: 1px solid transparent; }

body.category-aktualnosci #masthead #menu-top-bar .current-menu-item a,
#masthead #menu-top-bar .menu-item.current_page_item a,
#masthead #menu-top-bar .menu-item a:hover,
#masthead #menu-top-bar .menu-item a:focus { text-decoration: none; /* border-bottom-color: var(--yellow); */ border-bottom-color: var(--green-2024); }

#masthead #menu-top-bar #menu-item-7630.menu-item a { background-color: var(--red); color: var(--yellow-2024); padding: .25rem 1.25rem; border-radius: 3rem; }

#masthead #menu-top-bar #menu-item-7630.menu-item.current_page_item a,
#masthead #menu-top-bar #menu-item-7630.menu-item a:hover,
#masthead #menu-top-bar #menu-item-7630.menu-item a:focus { border-bottom-color: transparent; }

#masthead #menu-top-bar #menu-item-7630.menu-item a:hover,
#masthead #menu-top-bar #menu-item-7630.menu-item a:focus { background-color: var(--red-light); }

.navbar-light .navbar-toggler { /* background-color: var(--yellow); */ background-color: var(--yellow-2024); }

#masthead .navbar-brand img.group { width: 360px; height: auto; }

#masthead .navbar-brand img.logo { width: 94px; height: auto; }

#masthead .slogan,
#colophon .slogan { color: var(--yellow); }

#masthead #menu-main { /* background-color: var(--yellow); */ background-color: var(--green-2024); position: relative; z-index: 99; }

.navbar-light .navbar-nav .nav-link { /* color: var(--green); */ color: var(--yellow-2024); font-weight: bold; font-size: 1.25rem; display: flex; align-items: center; }

.navbar-light .navbar-nav .active .nav-link,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus { /* color: var(--green-light); */ color: white; }

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus { /* color: var(--green-light); */ color: white !important; }

.navbar-light .navbar-nav .active > .nav-link svg,
.navbar-light .navbar-nav .nav-link.active svg,
.navbar-light .navbar-nav .nav-link.show svg,
.navbar-light .navbar-nav .show > .nav-link svg,
.navbar-light .navbar-nav .nav-link:hover svg,
.navbar-light .navbar-nav .nav-link:focus svg { /* fill: var(--green-light); */ fill: white; }

.navbar-light .navbar-nav .nav-link svg { /* fill: var(--green); */ fill: var(--yellow-2024); margin-right: .5rem; width: auto; }

.navbar-light .navbar-nav .nav-link svg.hover { /* fill: var(--green-light); */ fill: white; }

.navbar-light .navbar-nav #menu-item-1241 .nav-link svg { height: 33px; }

.navbar-light .navbar-nav #menu-item-85 .nav-link svg { height: 31px; }

.navbar-light .navbar-nav #menu-item-8400 .nav-link svg { height: 29px; }

.navbar-light .navbar-nav #menu-item-5157 .nav-link svg { height: 28px; }

.navbar-light .navbar-nav #menu-item-7629 { padding-top: .5rem; padding-bottom: .5rem; }

.navbar-light .navbar-nav #menu-item-7629 .nav-link { background-color: var(--red); padding: .25rem 1.25rem; border-radius: 3rem; color: var(--yellow); border-bottom: 1px solid transparent; }

.navbar-light .navbar-nav #menu-item-7629.menu-item.current_page_item .nav-link,
.navbar-light .navbar-nav #menu-item-7629 .nav-link:hover,
.navbar-light .navbar-nav #menu-item-7629 .nav-link:focus { border-bottom-color: transparent; }

.navbar-light .navbar-nav #menu-item-7629 .nav-link:hover,
.navbar-light .navbar-nav #menu-item-7629 .nav-link:focus { background-color: var(--red-light); }

.dropdown-menu { border: none; border-radius: 0; /* background-color: var(--yellow); */ background-color: var(--green-2024); margin-top: 0; opacity: 0; animation: fade-in .4s forwards; }

.dropdown-menu .dropdown-item { font-weight: bold; /* color: var(--green); */ color: var(--yellow-2024); }

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .active > .dropdown-item { /* color: var(--green-light); */ color: var(--yellow-2024); background-color: transparent; }

#masthead #holiday { background-color: var(--green-light); color: white; font-weight: bold; line-height: 1.25; }

#masthead #holiday #icon-calendar { width: auto; height: 31px; fill: white; margin-right: .75rem; }

#masthead #holiday .calendar,
#masthead #holiday .calendar p,
body.page-template-sklepy #search-wrapper #search-box h6,
body.page-template-sklepy #search-wrapper #service-box #offer,
body.page-template-sklepy #search-wrapper #service-box #setup { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

body.page-template-sklepy #search-wrapper #service-box #offer,
body.page-template-sklepy #search-wrapper #service-box #setup { display: block; width: 100%; margin-top: .75rem; }

#masthead #holiday .calendar p.sunday::before { content: 'Niedziela handlowa: '; }

#your-shop h6 { color: var(--green); font-size: 1.125rem; line-height: 1.5; opacity: 0; animation: fade-in .4s .4s forwards; }

#your-shop h6 #reset { color: var(--red); cursor: pointer; opacity: 0; animation: fade-in .4s .4s forwards; }

/* Produkty */

.slick-carousel-products { opacity: 0; animation: fade-in .4s 3.2s forwards; }

#mega-hit .heading { background-color: var(--mega); }
#tylko-z-aplikacja .heading { background-color: var(--aplikacja); }
#tylko-w-twoim-sklepie .heading { background-color: var(--sklep); }
#kupuj-wiecej-za-mniej .heading { background-color: var(--kupuj); }

.panel-products.total-hit .heading { background-color: var(--yellow); }

.panel-products.we-recommend .heading,
.panel-products.special-offer.hero .heading { background-color: var(--green); }

.panel-products.special-offer .heading { background-color: var(--red); }

#mega-hit .heading h3 { color: unset; }
#tylko-z-aplikacja .heading h3 { color: white; }
#tylko-w-twoim-sklepie .heading h3 { color: white; }
#kupuj-wiecej-za-mniej .heading h3 { color: unset; }

.panel-products.total-hit .heading h3 { color: var(--green); }

.panel-products .heading h3 { color: white; }

.panel-products .subheading { padding-left: 23px; }

.panel-products .subheading h3 { color: var(--green); }

.panel-products .products,
.panel-products .image { background-color: white; }

#mega-hit .products { border-bottom: .5rem solid var(--mega); }
#tylko-z-aplikacja .products { border-bottom: .5rem solid var(--aplikacja); }
#tylko-w-twoim-sklepie .products { border-bottom: .5rem solid var(--sklep); }
#kupuj-wiecej-za-mniej .products { border-bottom: .5rem solid var(--kupuj); }

.panel-products.total-hit .products { border-bottom: .5rem solid var(--yellow); }

.panel-products.we-recommend .products,
.panel-products.special-offer.hero .products { border-bottom: .5rem solid var(--green); }

.panel-products.special-offer .products:not(.hero) { border-bottom: .5rem solid var(--red); }

.panel-products.special-offer.tylko-w-sklepie-groszek .products:not(.hero) { border-bottom: .5rem solid var(--green); }

.panel-products.special-offer.hero .products { background-repeat: no-repeat; background-position: center bottom -1rem; background-size: cover; height: 390px; }

.panel-products .image { height: 390px; border-left: .5rem solid var(--light); background-repeat: no-repeat; background-position: center; background-size: 106%; }

.panel-products.total-hit .image,
.panel-products.we-recommend .image { /* background-position: center bottom; */ background-size: auto 100%; /* background-color: var(--green-leaflet); */ }

.panel-products.total-hit .image.pointer:hover,
.panel-products.total-hit .image.pointer:focus,
.panel-products.we-recommend .image.pointer:hover,
.panel-products.we-recommend .image.pointer:focus { background-size: auto 103.875%; }

.panel-products.special-offer:not(.tylko-w-sklepie-groszek) .image { background-position: center; /* background-size: 78%; */ background-size: 105%; }

.panel-products .pointer:hover,
.panel-products .pointer:focus { background-size: 109.875%; }

.panel-products.special-offer .pointer:hover,
.panel-products.special-offer .pointer:focus { background-size: 81.0225%; }

.link-full { display: inline-block; width: 100%; height: 100%; }

/* Slidery */

.panel-products,
.slick-dotted.slick-slider { margin-top: 0; margin-bottom: 3.75rem; }

.slick-prev, .slick-next { z-index: 1; }

.slick-prev { left: 25px; }

.slick-next { right: 25px; }

.slick-prev:before, .slick-next:before { color: var(--green); }

/* .slick-dotted.slick-slider.slider-header { margin-top: 1rem; } */

/* .panel-products .products .slider-products h6 { line-height: 1.625; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } */

.panel-products .products .slider-products { line-height: 1.375; margin-top: 0; margin-bottom: 0; }

.panel-products .products .slider-products a { color: black; }

.panel-products .products .slider-products a:hover,
.panel-products .products .slider-products a:focus { /* color: var(--gray-light); */ text-decoration: none; }

.panel-products .products .slider-products .slide { background-position: center bottom 5.5rem; background-repeat: no-repeat; height: 382px; background-size: 95%; }

body.home .panel-products .products .slider-products .slide { background-size: 95%; }

/* body.page-template-tylko-w-sklepie-groszek .panel-products .products .slider-products .slide { background-size: contain; } */

body.page-template-tylko-w-sklepie-groszek .panel-products .products .slider-products .slide img { align-self: center; max-width: 80%; max-height: 80%; opacity: 0; animation: fade-in .8s .8s forwards; }

body.page-template-tylko-w-sklepie-groszek .panel-products .products .slider-products .slide img.landscape { max-width: 80%; }

body.page-template-tylko-w-sklepie-groszek .panel-products .products .slider-products .slide img.portrait { max-height: 80%; }

/* .panel-products .products .slider-products .slide { background-position: center bottom 8.5rem; background-repeat: no-repeat; height: 382px; } */

.panel-products .products .slider-products .slide { position: relative; }

.panel-products .products .slider-products .slide .liquor { position: absolute; width: 100%; left: 0; top: 0; z-index: 1; font-size: x-small; font-family: Arial, Helvetica, sans-serif; color: var(--red); background-color: white; }

.panel-products .products .slider-products .slide .liquor p:first-child { border-bottom: none; }

.panel-products .products .slider-products .slide .liquor p { border: 1px solid var(--red); padding: .375rem; }

.panel-products .products .slider-products .slide h6 { min-height: 38px; }

.panel-products .products .slider-products .slide .description p.small { line-height: 1; }



/* Cenówki (początek) */

/* #mega-hit .products .slider-products .slide .price-tag { background-color: var(--mega); color: unset; }
#tylko-z-aplikacja .products .slider-products .slide .price-tag { background-color: var(--aplikacja); color: white; }
#tylko-w-twoim-sklepie .products .slider-products .slide .price-tag { background-color: var(--sklep); color: white; }
#kupuj-wiecej-za-mniej .products .slider-products .slide .price-tag { background-color: var(--kupuj); color: unset; } */


/* .panel-products.total-hit .products .slider-products .slide .price-tag { width: 6rem; height: 6rem; background-color: var(--yellow); border-radius: 3rem; color: var(--green); position: absolute; top: 0; opacity: 0; animation: fade-in .4s .4s forwards; } */

.panel-products.total-hit .products .slider-products .slide .price-tag { height: 5.5rem; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; opacity: 0; animation: fade-in .4s .4s forwards; }


.panel-products.special-offer.tylko-w-sklepie-groszek .products .slider-products .slide .price-tag,
.panel-products.we-recommend .products .slider-products .slide .price-tag { width: 6rem; height: 6rem; background-color: var(--green); border-radius: 3rem; color: white; position: absolute; top: 0; opacity: 0; animation: fade-in .4s .4s forwards; }

.panel-products.special-offer .products .slider-products .slide .price-tag { width: 6rem; height: 6rem; background-color: var(--red); border-radius: 3rem; color: white; position: absolute; top: 0; opacity: 0; animation: fade-in .4s .4s forwards; }


.panel-products .products .slider-products .slide .price-tag { font-family: 'museo-sans', 'Poppins', Arial, Helvetica, sans-serif; font-style: normal; }

.panel-products .products .slider-products .slide .price-tag .price .zl { /* font-size: 2.25rem; font-style: bold; */ font-size: 3.5rem; font-weight: 900; }

.panel-products .products .slider-products .slide .price-tag .price .gr { /* font-size: 2rem; font-style: bold; */ font-size: 2.75rem; font-weight: 900; }

.panel-products .products .slider-products .slide .price-tag .price .gr sup { top: -1.125rem; }

.panel-products .products .slider-products .slide .price-tag .amount { /* margin-top: -.25rem; font-size: small; */ font-size: 1.125rem; font-weight: 500; position: absolute; bottom: 1.1875rem; }


.panel-products.total-hit .products .slider-products .slide .price-tag[data-promotype = "cheaper"] { width: 9.5rem; color: white; }

.panel-products.total-hit .products .slider-products .slide .price-tag[data-promotype = "cheaper"][data-size = "2"] { background-image: url('./img/promotype-cheaper-2.svg'); }

.panel-products.total-hit .products .slider-products .slide .price-tag[data-promotype = "cheaper"][data-size = "3"] { background-image: url('./img/promotype-cheaper-3.svg'); }

.panel-products.total-hit .products .slider-products .slide .price-tag[data-promotype = "cheaper"][data-size = "4"] { background-image: url('./img/promotype-cheaper-4.svg'); }

.panel-products .products .slider-products .slide .price-tag[data-promotype = "cheaper"] .price { margin-left: -.375rem; }

.panel-products .products .slider-products .slide .price-tag[data-promotype = "cheaper"][data-size = "2"] .amount { right: 2.75rem; }

.panel-products .products .slider-products .slide .price-tag[data-promotype = "cheaper"][data-size = "3"] .amount { right: 2.375rem; }

.panel-products .products .slider-products .slide .price-tag[data-promotype = "cheaper"][data-size = "4"] .amount { right: 2.25rem; }

.panel-products .products .slider-products .slide .price-tag[data-promotype = "cheaper"] + .label span { background-color: var(--promotype-cheaper) !important; color: white !important; }


.panel-products.total-hit .products .slider-products .slide .price-tag[data-promotype = "set"] { width: 9.5rem; color: unset; }

.panel-products.total-hit .products .slider-products .slide .price-tag[data-promotype = "set"][data-size = "2"] { background-image: url('./img/promotype-set-2.svg'); }

.panel-products.total-hit .products .slider-products .slide .price-tag[data-promotype = "set"][data-size = "3"] { background-image: url('./img/promotype-set-3.svg'); }

.panel-products.total-hit .products .slider-products .slide .price-tag[data-promotype = "set"][data-size = "4"] { background-image: url('./img/promotype-set-4.svg'); }

.panel-products .products .slider-products .slide .price-tag[data-promotype = "set"] .price { margin-left: -.375rem; }

.panel-products .products .slider-products .slide .price-tag[data-promotype = "set"][data-size = "2"] .amount { right: 2.125rem; }

.panel-products .products .slider-products .slide .price-tag[data-promotype = "set"][data-size = "3"] .amount { right: 1.5rem; }

.panel-products .products .slider-products .slide .price-tag[data-promotype = "set"][data-size = "4"] .amount { right: 1.125rem; }

.panel-products .products .slider-products .slide .price-tag[data-promotype = "set"] + .label span { background-color: var(--promotype-set) !important; color: unset !important; }


.panel-products.total-hit .products .slider-products .slide .price-tag[data-promotype = "priceReduction"] { width: 9.5rem; color: unset; }

.panel-products.total-hit .products .slider-products .slide .price-tag[data-promotype = "priceReduction"][data-size = "2"] { background-image: url('./img/promotype-pricereduction-2.svg'); }

.panel-products.total-hit .products .slider-products .slide .price-tag[data-promotype = "priceReduction"][data-size = "3"] { background-image: url('./img/promotype-pricereduction-3.svg'); }

.panel-products.total-hit .products .slider-products .slide .price-tag[data-promotype = "priceReduction"][data-size = "4"] { background-image: url('./img/promotype-pricereduction-4.svg'); }

.panel-products .products .slider-products .slide .price-tag[data-promotype = "priceReduction"] .price { margin-left: -.375rem; }

.panel-products .products .slider-products .slide .price-tag[data-promotype = "priceReduction"][data-size = "2"] .amount { right: 2.125rem; }

.panel-products .products .slider-products .slide .price-tag[data-promotype = "priceReduction"][data-size = "3"] .amount { right: 1.5rem; }

.panel-products .products .slider-products .slide .price-tag[data-promotype = "priceReduction"][data-size = "4"] .amount { right: 1.125rem; }

.panel-products .products .slider-products .slide .price-tag[data-promotype = "priceReduction"] + .label span { background-color: var(--promotype-pricereduction) !important; color: unset !important; }

/* Cenówki (koniec) */



/* Ceny przekreślone (początek) */

.panel-products .products .slider-products .slide.liquor .price-tag { top: 4.5rem !important; }

.panel-products.special-offer .products .slider-products .slide .price-tag-regular { width: 3rem; height: 3rem; background-color: var(--gray-light); border-radius: 1.5rem; color: white; position: absolute; left: 4.75rem; top: -.75rem; opacity: 0; animation: fade-in .4s .4s forwards; }

.panel-products.special-offer .products .slider-products .slide.liquor .price-tag-regular { top: 7.25rem; }

.panel-products.special-offer .products .slider-products .slide .price-tag-regular::after { content: ''; width: 80%; height: 2px; position: absolute; background-color: var(--red); transform: rotate(-30deg); }

.panel-products .products .slider-products .slide .price-tag-regular .price .zl { font-size: 1.513125rem; font-weight: bold; }

.panel-products .products .slider-products .slide .price-tag-regular .price .gr { font-size: 1.25rem; font-weight: bold; }

/* Ceny przekreślone (koniec) */

.panel-products .products .slider-products .slide .label { font-weight: bold; font-size: small; }

#mega-hit .products .slider-products .slide .label span { background-color: var(--mega); color: unset; }
#tylko-z-aplikacja .products .slider-products .slide .label span { background-color: var(--aplikacja); color: white; }
#tylko-w-twoim-sklepie .products .slider-products .slide .label span { background-color: var(--sklep); color: white; }
#kupuj-wiecej-za-mniej .products .slider-products .slide .label span { background-color: var(--kupuj); color: unset; }

.panel-products.total-hit .products .slider-products .slide .label span { background-color: var(--yellow); color: var(--green); border-radius: 3rem; }

.panel-products.special-offer.tylko-w-sklepie-groszek .products .slider-products .slide .label span,
.panel-products.we-recommend .products .slider-products .slide .label span { background-color: var(--green); color: white; border-radius: 3rem; }

.panel-products.special-offer .products .slider-products .slide .label span { background-color: var(--red); color: white; border-radius: 3rem; }

.slick-dots { width: auto; right: 0; bottom: -1.75rem; }

.panel-products .products .slider-products .slick-dots { bottom: -3.25rem; }

.panel-products .product-disclaimer { font-size: .625rem; line-height: 1.5; }

body.page-template-gazetka #gazetka #gazetki .slick-dots { bottom: -2.25rem; }

.slick-dots li,
.slick-dots li button { width: .875rem; height: .875rem; }

.slick-dots li button:before { content: ''; width: 1rem; height: 1rem; border-radius: .5rem; background-color: var(--green); opacity: 1; }

.slick-dots li.slick-active button:before { background-color: var(--red); opacity: 1; }

/* Franczyza */

body.page-template-franczyza #dane-kontaktowe-intro .details-wrapper .details,
body.page-template-o-nas #dane-kontaktowe-intro .details-wrapper .details { background-color: var(--green); color: white; letter-spacing: 1px; }

body.page-template-franczyza #dane-kontaktowe-intro .details-wrapper .details h2,
body.page-template-o-nas #dane-kontaktowe-intro .details-wrapper .details h2 { letter-spacing: 1px; }

body.page-template-franczyza #dane-kontaktowe-intro .details-wrapper .details .read-more,
body.page-template-o-nas #dane-kontaktowe-intro .details-wrapper .details .read-more,
body.page-template-franczyza #dane-kontaktowe-outro .read-more { background-color: var(--yellow); border-radius: 3rem; font-weight: bold; padding: .375rem 4rem; text-align: center; font-size: 1.125rem; letter-spacing: 1px; }

body.page-template-franczyza #dane-kontaktowe-intro .details-wrapper .details a:not(.read-more),
body.page-template-o-nas #dane-kontaktowe-intro .details-wrapper .details a:not(.read-more) { color: white; }

body.page-template-franczyza #dane-kontaktowe-intro .details-wrapper .details a:not(.read-more):hover,
body.page-template-franczyza #dane-kontaktowe-intro .details-wrapper .details a:not(.read-more):focus,
body.page-template-o-nas #dane-kontaktowe-intro .details-wrapper .details a:not(.read-more):hover,
body.page-template-o-nas #dane-kontaktowe-intro .details-wrapper .details a:not(.read-more):focus { color: var(--yellow); }

body.page-template-franczyza #dane-kontaktowe-intro .details-wrapper .details svg,
body.page-template-o-nas #dane-kontaktowe-intro .details-wrapper .details svg { fill: var(--yellow); margin-right: .875rem; height: 33px; width: auto; }

body.page-template-franczyza #w-pelni-otwarty .entry-content { border-bottom: .5rem solid var(--green); }

body.page-template-franczyza #wiecej-niz-biznes .player,
body.page-template-franczyza #pelny-rozwiazan .solution .container .player,
body.page-template-aplikacja .player { background-position: center top; background-repeat: no-repeat; background-size: 100.25%; color: white; }

body.page-template-franczyza #wiecej-niz-biznes .player:hover,
body.page-template-franczyza #wiecej-niz-biznes .player:focus,
body.page-template-franczyza #pelny-rozwiazan .solution .container .player:hover,
body.page-template-franczyza #pelny-rozwiazan .solution .container .player:focus,
body.page-template-aplikacja .player:hover,
body.page-template-aplikacja .player:focus { background-size: 103.875%; }

body.page-template-franczyza #wiecej-niz-biznes .player img,
body.page-template-franczyza #pelny-rozwiazan .solution .container .player img,
body.page-template-aplikacja .player img { height: 6rem; width: auto; }

#player .modal-body .video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; }

#player .modal-body .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; animation: fade-in .4s .4s forwards; }

body.page-template-franczyza #w-pelni-polecany .testimonial { border-bottom: .5rem solid var(--green); background-color: white; }

body.page-template-franczyza #w-pelni-polecany .testimonial img { border-radius: 12rem; }

body.single h5,
body.page-template-franczyza #w-pelni-polecany .testimonial h5,
body.page-template-franczyza #w-pelni-polecany .testimonial span { color: var(--green); }

body.page-template-franczyza #w-pelni-polecany .testimonial h5,
#faq .accordion .card button > h5,
body.page-template-o-nas #dane-kontaktowe-intro .details-wrapper .details,
body.page-template-o-nas #dlaczego-my .description { line-height: 1.5; }

body.page-template-franczyza #w-pelni-polecany .testimonial .read-more { background-color: var(--yellow); border-radius: 3rem; font-weight: bold; padding: .125rem 3rem; text-align: center; }

body.page-template-franczyza #w-pelni-polecany .testimonial .extension { opacity: 0; animation: fade-in .4s forwards; }

body.page-template-franczyza #pelny-korzysci .nav-pills .nav-link img { width: 3.875rem; height: auto; }

body.page-template-franczyza #pelny-korzysci .nav-pills .nav-link { background-color: var(--lighter); color: var(--green); border-radius: 0; cursor: pointer; border-bottom: .5rem solid transparent; font-size: 1.25rem; margin-bottom: .5rem; }

body.page-template-franczyza #pelny-korzysci .nav-pills .nav-link.active { background-color: white; border-bottom-color: var(--green); }

body.page-template-franczyza #pelny-korzysci .nav-pills .nav-link.active i { opacity: 0; }

body.page-template-franczyza #pelny-korzysci .nav-pills .nav-link > div { line-height: 1.375; }

body.page-template-franczyza #pelny-korzysci .tab-content-wrapper { background-color: white; border-bottom: .5rem solid var(--green); }

body.page-template-franczyza #pelny-rozwiazan .solution .container { background-color: white; height: 100%; }

body.page-template-franczyza #pelny-rozwiazan .solution .container h5 { color: var(--green); }

#faq .accordion .card { border-radius: 0; border: none; }

#faq .accordion .card .card-header { background-color: white; border: none; }

#faq .accordion .card .card-header img { width: 38px; height: auto; }

#faq .accordion .card button { color: var(--green); }

#faq .accordion .card button:hover,
#faq .accordion .card button:focus,
#faq .accordion .card button:not(.collapsed) { text-decoration: none; box-shadow: none; }

#faq .accordion .card .card-body + i { opacity: 0; }

body.page-template-franczyza #dane-kontaktowe-outro { margin-bottom: 3.75rem; }

body.page-template-franczyza #call-to-action h3,
body.page-template-franczyza #dane-kontaktowe-outro h3 { color: var(--green); }

body.page-template-franczyza #dane-kontaktowe-outro h4 { font-weight: normal; color: var(--green); }

body.page-template-franczyza #dane-kontaktowe-outro h4 a { font-weight: bold; }

body.page-template-franczyza #dane-kontaktowe-outro .circle { width: 126px; height: 126px; background-color: var(--yellow); border-radius: 6rem; }

body.page-template-franczyza #dane-kontaktowe-outro .circle svg { height: 76px; fill: var(--green); }

body.home .from-until,
body.page-template-gazetka .from-until { font-size: small; font-weight: bold; }

body.home #mega-hit .from-until { color: unset; }
body.home #tylko-z-aplikacja .from-until { color: white; }
body.home #tylko-w-twoim-sklepie .from-until { color: white; }
body.home #kupuj-wiecej-za-mniej .from-until { color: unset; }

body.home .total-hit .from-until { color: var(--green); font-weight: bold; }

body.home .we-recommend .from-until,
body.home .special-offer .from-until { color: white; font-weight: bold; }

/* Franczyza (formularz) */

body.page-template-franczyza-formularz #dane-teleadresowe .icons svg,
body.page-template-kontakt #dane-teleadresowe .icons svg { height: 33px; fill: var(--green); }

body.page-template-franczyza-formularz #dane-teleadresowe .icons a,
body.page-template-kontakt #dane-teleadresowe .icons a { border-bottom-color: transparent; }

body.page-template-franczyza-formularz #dane-teleadresowe .registered,
body.page-template-kontakt #dane-teleadresowe .registered { font-size: .875rem; }

.wpcf7 h5,
.wpcf7 h6,
.wpcf7 label { color: var(--green); }

.wpcf7 h6 { text-transform: none; font-size: .875rem; }

.wpcf7 label { margin-bottom: .25rem; font-size: .875rem; font-weight: bold; }

.wpcf7 label.required::after { content: '*'; }

.wpcf7 select.wpcf7-form-control,
.wpcf7 input:not([type = "submit"]).wpcf7-form-control,
.wpcf7 textarea.wpcf7-form-control { background-color: var(--light); border-radius: 0; border: none; border-bottom: 1px solid var(--green); }

.wpcf7 select.wpcf7-form-control.wpcf7-not-valid,
.wpcf7 input:not([type = "submit"]).wpcf7-form-control.wpcf7-not-valid,
.wpcf7 textarea.wpcf7-form-control.wpcf7-not-valid { background-color: var(--red-very-light); }

.read-more { background-color: var(--yellow) !important; color: var(--green) !important; border: none; border-radius: 3rem; font-weight: bold; padding: .5rem 4rem; text-align: center; font-size: 1.125rem; letter-spacing: 1px; order: 2; }

#refusal.read-more,
#settings.read-more,
#save-chosen.read-more { background-color: transparent !important; border: 1px solid var(--green); width: auto; }

#refusal.read-more:not(:disabled):hover,
#settings.read-more:not(:disabled):hover,
#save-chosen.read-more:not(:disabled):hover,
#refusal.read-more:not(:disabled):focus,
#settings.read-more:not(:disabled):focus,
#save-chosen.read-more:not(:disabled):focus,
#refusal.read-more:not(:disabled):active,
#settings.read-more:not(:disabled):active,
#save-chosen.read-more:not(:disabled):active { border-color: var(--green-light); }

#approval.read-more { border: 1px solid var(--yellow); width: auto; }

.read-more:not(:disabled):hover,
.read-more:not(:disabled):focus,
.read-more:not(:disabled):active { color: var(--green-light) !important; box-shadow: none !important; }

.wpcf7 .ajax-loader { display: block; margin: 0; opacity: 1; background-color: var(--red); }

.wpcf7-not-valid-tip { font-size: .75rem; }

.wpcf7 .agreement .wpcf7-list-item { margin-left: 0; }

.wpcf7 .agreement .wpcf7-list-item-label { color: black; font-weight: normal; }

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output { margin: 0; margin-top: 1.5rem; padding: 0; border: none; font-weight: bold; }

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {  color: var(--yellow); }

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output { color: var(--red); }

.wpcf7 form.sent .wpcf7-response-output { color: var(--green); }

.checkbox-radio-container { position: relative; margin-bottom: 0; padding-left: 35px; cursor: pointer; user-select: none; }

.checkbox-radio-container input { position: absolute; opacity: 0; cursor: pointer; }

.checkbox-radio-container input + .checkmark,
.checkbox-radio-container input ~ .checkmark { position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid var(--green); background-color: var(--light); }

.checkbox-radio-container input + .checkmark::after,
.checkbox-radio-container input ~ .checkmark::after { content: ''; position: absolute; display: none; left: 6px; top: 1px; width: 7px; height: 13px; border: solid var(--green); border-width: 0 3px 3px 0; transform: rotate(45deg); }

.checkbox-radio-container input:checked ~ .checkmark::after { display: block; }

/* O nas */

body.page-template-o-nas #dane-kontaktowe-intro .details-wrapper .details strong { color: var(--yellow); }

body.page-template-o-nas #dlaczego-my .reason .description { color: var(--green); font-size: 1.25rem; }

/* Gazetka */

body.page-template-gazetka #gazetka #gazetki [data-id],
body.page-template-gazetka #gazetka #gazetki [data-id] .thumb-wrapper,
body.page-template-gazetka #gazetka #gazetki [data-id] .thumb-wrapper img,
body.page-template-gazetka #gazetka #gazetki [data-adult = '1'] .caution .sign,
body.page-template-gazetka #gazetka #gazetki [data-adult = '1'] .caution .sign h4,
body.page-template-gazetka #gazetka #gazetki [data-adult = '1'] .caution p,
body.page-template-gazetka #gazetka #przegladarka #leaflet-previous:not(.disabled),
body.page-template-gazetka #gazetka #przegladarka #leaflet-next:not(.disabled) { cursor: pointer; }

body.page-template-gazetka #gazetka #gazetki [data-id] .thumb-wrapper { aspect-ratio: 250.5 / 293.13; }

body.page-template-gazetka #gazetka #gazetki [data-id] .thumb-wrapper img { border: 7px solid transparent; -webkit-user-drag: none; opacity: 0; animation: fade-in .4s .4s forwards; }

body.page-template-gazetka #gazetka #gazetki [data-id] .thumb-wrapper img.active { border-color: var(--yellow); }

body.page-template-gazetka #gazetka #gazetki [data-adult = '1'] img { filter: blur(.375rem) opacity(.375); }

body.page-template-gazetka #gazetka #gazetki [data-adult = '1'] .caution { position: absolute; left: calc(50% - (137.6px / 2)); top: calc(50% - ((220.8px + 2rem) / 2)); z-index: 1; }

body.page-template-gazetka #gazetka #gazetki [data-adult = '1'] .caution .sign { background-color: white; border: 13px solid var(--red); width: calc(107.6px + 30px); height: calc(107.6px + 30px); border-radius: calc((107.6px + 30px) / 2); opacity: 0; animation: fade-in .4s .4s forwards; }

body.page-template-gazetka #gazetka #gazetki [data-adult = '1'] .caution .sign h4 { line-height: 1; font-size: 3.75rem; font-weight: bold; height: calc(107.6px); letter-spacing: -5px; display: flex; justify-content: center; align-items: center; opacity: 0; animation: fade-in .4s .4s forwards; }

body.page-template-gazetka #gazetka #gazetki [data-adult = '1'] .caution p { font-weight: bold; text-shadow: 1px 1px 0 white; opacity: 0; animation: fade-in .4s .4s forwards; }

/* body.page-template-gazetka #gazetka #zapis-prawny { margin-bottom: 3.75rem; } */

body.page-template-gazetka #gazetka #zapis-prawny #go-setup { background-color: var(--green); color: var(--yellow); border: none; border-radius: 3rem; font-weight: bold; padding: 0.5rem 4rem; text-align: center; font-size: 1.125rem; letter-spacing: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

body.page-template-gazetka #gazetka #zapis-prawny #go-setup:hover,
body.page-template-gazetka #gazetka #zapis-prawny #go-setup:focus { background-color: var(--green-light); }

body.page-template-gazetka #gazetka #zapis-prawny .description { font-size: small; }

body.page-template-gazetka #gazetka #zapis-prawny .description > :last-child { margin-bottom: 0 !important; }

body.page-template-gazetka #gazetka #przegladarka #leaflet-previous.disabled,
body.page-template-gazetka #gazetka #przegladarka #leaflet-next.disabled { color: var(--disabled-1); }

body.page-template-gazetka #gazetka #przegladarka #leaflet-previous:not(.disabled),
body.page-template-gazetka #gazetka #przegladarka #leaflet-next:not(.disabled) { color: var(--green); }

body.page-template-gazetka #gazetka #przegladarka #flipbook .zoom-in { cursor: zoom-in; }

body.page-template-gazetka #gazetka #przegladarka #flipbook .zoom-out { cursor: zoom-out; }

body.page-template-gazetka .entry-content { border-bottom: .5rem solid var(--green); }

body.page-template-gazetka .entry-content h6 { text-transform: none; font-weight: bold; color: var(--green); }

body.page-template-gazetka .read-more { background-color: var(--yellow) !important; color: var(--green); border: none; border-radius: 3rem; font-weight: bold; padding: .5rem 4rem; text-align: center; font-size: 1.125rem; letter-spacing: 1px; }

body.page-template-gazetka .read-more:hover,
body.page-template-gazetka .read-more:focus { color: var(--green-light); }

body.page-template-gazetka .read-more.decline { background-color: var(--red) !important; color: white !important; }

body.page-template-gazetka .read-more.decline:hover,
body.page-template-gazetka .read-more.decline:focus { background-color: var(--red-light) !important; }

body.page-template-gazetka .read-more.accept { background-color: var(--green) !important; color: white !important; }

body.page-template-gazetka .read-more.accept:hover,
body.page-template-gazetka .read-more.accept:focus { background-color: var(--green-light) !important; }

body.page-template-gazetka #leaflet-alert,
body.page-template-gazetka #adult-alert { background-color: var(--green); }

body.page-template-gazetka #canvas { max-width: 87.5% !important; height: auto !important; overflow: hidden !important; }

/* Tylko w sklepie Groszek */

body.page-template-tylko-w-sklepie-groszek #kategorie .category { height: 82px; background-color: white; color: var(--green); border: 4px solid var(--light); border-top: none; border-bottom: 8px solid var(--light); cursor: pointer; }

body.page-template-tylko-w-sklepie-groszek #kategorie .category.active,
body.page-template-tylko-w-sklepie-groszek #kategorie .category:hover,
body.page-template-tylko-w-sklepie-groszek #kategorie .category:focus { background-color: var(--yellow); }

body.page-template-tylko-w-sklepie-groszek #kategorie .category img { height: 32px; }

body.page-template-tylko-w-sklepie-groszek .panel-products .products { background-color: transparent; border-bottom-color: transparent; }

body.page-template-tylko-w-sklepie-groszek .panel-products .products .slider-products .slide { background-color: white; border: 4px solid var(--light); border-top: 8px solid var(--light); border-bottom-color: transparent; }

/* Aplikacja */

body.page-template-aplikacja .entry-content { border-bottom: .5rem solid var(--green); }

body.page-template-aplikacja .player { height: 299px; }

body.page-template-aplikacja .app-links a { border-bottom-color: transparent; }

/* Sklepy */

body.page-template-sklepy #map { height: 826px; }

body.page-template-sklepy #search-wrapper .icon { width: 20px; }

body.page-template-sklepy #search-wrapper #search-box { background-color: var(--green); }

body.page-template-sklepy #search-wrapper #search-box h6 { color: var(--yellow); text-transform: none; }

body.page-template-sklepy #search-wrapper #search-box #pac-input { padding: .375rem .875rem; padding-right: 2.75rem; border: none; border-radius: 0; width: 100%; background: #fff url('./img/search.svg') no-repeat right .875rem center; background-size: 19px auto; }

body.page-template-sklepy .pac-item { cursor: pointer; }

body.page-template-sklepy #search-wrapper #search-box #autocomplete ul { list-style-type: none; position: absolute; z-index: 1; background-color: white; border: 1px solid var(--light); display: none; }

body.page-template-sklepy #search-wrapper #search-box #autocomplete ul.active { display: block; opacity: 0; animation: fade-in .4s forwards; }

body.page-template-sklepy #search-wrapper #search-box #autocomplete ul li { line-height: 1.375; padding: .5rem .875rem; padding-right: 2.75rem; border: 1px solid var(--light); cursor: pointer; }

body.page-template-sklepy #search-wrapper #search-box #autocomplete ul li:hover,
body.page-template-sklepy #search-wrapper #search-box #autocomplete ul li:focus { background-color: var(--light); }

body.page-template-sklepy #search-wrapper #search-box #autocomplete ul li a { border-bottom-color: transparent; }

body.page-template-sklepy #search-wrapper #search-box #autocomplete ul li a:hover,
body.page-template-sklepy #search-wrapper #search-box #autocomplete ul li a:focus { color: var(--green); }

body.page-template-sklepy #search-wrapper #address-box,
body.page-template-sklepy #search-wrapper #service-box { background-color: white; /* font-weight: bold; */ }

body.page-template-sklepy #search-wrapper #address-box #links a { color: black; border-bottom-color: transparent; }

body.page-template-sklepy #search-wrapper #address-box #links a:hover,
body.page-template-sklepy #search-wrapper #address-box #links a:focus { color: var(--green); }

body.page-template-sklepy #search-wrapper #hour-box { background-color: var(--light); }

body.page-template-sklepy #search-wrapper #service-box .slick-carousel-services { font-size: .875rem; line-height: 1.375; }

body.page-template-sklepy #search-wrapper #service-box .slick-carousel-services .slick-prev { z-index: 1; left: 0; }

body.page-template-sklepy #search-wrapper #service-box .slick-carousel-services .slick-next { z-index: 1; right: 0; }

body.page-template-sklepy #search-wrapper #service-box .slick-carousel-services .slick-prev:before,
body.page-template-sklepy #search-wrapper #service-box .slick-carousel-services .slick-next:before { color: var(--green); opacity: 1; }

body.page-template-sklepy #search-wrapper #service-box .slick-carousel-services .slick-prev.slick-disabled:before,
body.page-template-sklepy #search-wrapper #service-box .slick-carousel-services .slick-next.slick-disabled:before { opacity: .25; }

body.page-template-sklepy #search-wrapper #service-box #offer,
body.page-template-sklepy #search-wrapper #service-box #setup { border-radius: 3rem; font-weight: bold; font-size: small; padding: .25rem 2.25rem; text-align: center; border-color: transparent; }

body.page-template-sklepy #search-wrapper #service-box #offer { color: var(--green); background-color: var(--yellow); }

body.page-template-sklepy #search-wrapper #service-box #setup { background-color: var(--green); color: var(--yellow); }

body.page-template-sklepy #search-wrapper #service-box #offer:hover,
body.page-template-sklepy #search-wrapper #service-box #offer:focus { color: var(--green-light); }

body.page-template-sklepy #search-wrapper #service-box #setup:hover,
body.page-template-sklepy #search-wrapper #service-box #setup:focus { background-color: var(--green-light); }

/* Newsletter */

#newsletter { position: relative; bottom: -3.75rem; margin-top: -3.75rem; }

#newsletter .container { background-color: var(--yellow); }

#newsletter .freshmail_form_1 .text_header,
#newsletter .freshmail_form_3 .text_header { margin-top: 0 !important; margin-bottom: .75rem !important; font-weight: bold; line-height: 1.25; }

#newsletter .freshmail_form_1 .sub_header,
#newsletter .freshmail_form_3 .sub_header { line-height: 1.375; }

#newsletter .freshmail_form_1 > p:nth-last-of-type(1),
#newsletter .freshmail_form_3 > p:nth-last-of-type(1) { margin-bottom: 0 !important; }

#newsletter .freshmail_form_1 .ui-wrapper,
#newsletter .freshmail_form_3 .ui-wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; }

#newsletter .freshmail_form_1 div[style ^= "margin"] input,
#newsletter .freshmail_form_3 div[style ^= "margin"] input { padding: 0 1rem !important; }

#newsletter .freshmail_form_1 div[style ^= "margin"] input::placeholder,
#newsletter .freshmail_form_3 div[style ^= "margin"] input::placeholder { color: var(--gray-light); }

#newsletter .freshmail_form_1 .form_subscribe_button,
#newsletter .freshmail_form_3 .form_subscribe_button { opacity: 0; line-height: 1.25; padding-left: 1rem !important; padding-right: 1rem !important; }

#newsletter .freshmail_form_1 .form_subscribe_button.init,
#newsletter .freshmail_form_3 .form_subscribe_button.init { opacity: 1; }

body.page-template-sklepy #search-wrapper #service-box #offer:disabled,
body.page-template-sklepy #search-wrapper #service-box #setup:disabled,
#newsletter .freshmail_form_1 .form_subscribe_button:disabled,
#newsletter .freshmail_form_3 .form_subscribe_button:disabled { opacity: .5 !important; cursor: not-allowed; }

body.page-template-sklepy #search-wrapper #service-box #offer:disabled:hover,
body.page-template-sklepy #search-wrapper #service-box #offer:disabled:focus { color: var(--green); }

body.page-template-sklepy #search-wrapper #service-box #setup:disabled:hover,
body.page-template-sklepy #search-wrapper #service-box #setup:disabled:focus { background-color: var(--green); }

#newsletter .freshmail_form_1 .form_subscribe_button:disabled:hover,
#newsletter .freshmail_form_1 .form_subscribe_button:disabled:focus,
#newsletter .freshmail_form_3 .form_subscribe_button:disabled:hover,
#newsletter .freshmail_form_3 .form_subscribe_button:disabled:focus { background-color: var(--red) !important; }

#newsletter .freshmail_form_1 #fm_form_agree,
#newsletter .freshmail_form_3 #fm_form_agree { margin-right: .375rem; }

#newsletter .freshmail_form_1 .message_error,
#newsletter .freshmail_form_3 .message_error { margin-bottom: 1rem; }

/* Stopka */

#colophon .icon,
#social-widget .icon { display: inline-block; width: 2.125rem; text-align: center; }

#colophon svg,
#social-widget svg { fill: white; width: 100%; height: auto; }

#colophon a:hover svg,
#social-widget a:hover svg,
#colophon a:focus svg,
#social-widget a:focus svg { fill: var(--yellow); }

#colophon { background-color: var(--green); color: white; }

#colophon .logo { width: 122px; height: auto; }

#colophon a { color: white; border-bottom: 1px solid transparent; font-weight: normal; }

#colophon a:hover,
#colophon a:focus,
#colophon .current-menu-item > a { color: var(--yellow); text-decoration: none; }

#colophon .menu { list-style-type: none; padding-left: 0; }

#colophon #menu-footer-2 { margin-bottom: 0; }

#colophon .site { padding-top: 8rem; }

body.page-id-19 #colophon .site,
body.page-id-709 #colophon .site { padding-top: 4.75rem; }

#colophon .site-info { color: var(--green-light); font-size: .875rem; /* opacity: .3; */ }

#colophon .site-info a { color: var(--green-light); }

#colophon .site-info a:not(.img):hover,
#colophon .site-info a:not(.img):focus { color: var(--green-light); text-decoration: none; border-bottom-color: var(--green-light); }

#newsletter-widget { position: fixed; left: -47px; z-index: 98; height: 48px; background-color: var(--green-light); text-transform: uppercase; font-weight: bold; font-size: 14px; line-height: 1; letter-spacing: .5px; transform: rotate(-90deg); }

#newsletter-widget a { display: flex; justify-content: center; align-items: center; color: white; }

#newsletter-widget a:hover,
#newsletter-widget a:focus { color: var(--yellow); }

#newsletter-widget a svg { width: 16px; height: 16px; transform: scale(1.25) rotate(90deg); }

#newsletter-widget a svg > path { fill: white; }

#newsletter-widget a:hover svg > path,
#newsletter-widget a:focus svg > path { fill: var(--yellow); }

#social-widget { width: 3rem; position: fixed; right: 0; background-color: var(--green); }

body.page-template-sklepy #social-widget { z-index: 98; }

#go-top { position: absolute; right: 2.125rem; bottom: 2.125rem; width: 3rem; height: 3rem; }

#go-top a { background-color: var(--red); color: white; border-radius: 3rem; }

#go-top a:hover,
#go-top a:focus { text-decoration: none; background-color: var(--red-light); }

/* Baner cookies */

/* #cookie-policy h6,
#cookie-settings h6 { font-size: .875rem; line-height: 1.5; }

#cookie-policy,
#cookie-settings,
#icon-cookie-settings { position: fixed; background-color: rgba(255,255,255,.95); color: #101010; font-size: .625rem; text-align: center; z-index: 99; box-shadow: 0 -1px .125rem var(--disabled-1); }

body.page-template-sklepy #icon-cookie-settings { z-index: 97; }

#cookie-policy p:not(:last-child),
#cookie-settings p:not(:last-child) { margin-bottom: .5rem; }

#cookie-policy .read-more,
#cookie-settings .read-more { font-size: small; }

#cookie-policy:not(.visible),
#cookie-settings:not(.visible),
#icon-cookie-settings:not(.visible) { bottom: -300%; }

#cookie-policy.visible,
#cookie-settings.visible,
#icon-cookie-settings.visible { animation: visible 1.2s; animation-fill-mode: forwards; }

#cookie-policy.hide,
#cookie-settings.hide,
#icon-cookie-settings.hide { animation: hide 3s; animation-fill-mode: forwards; }

#icon-cookie-settings { right: 0; }

#icon-cookie-settings a { color: #101010; }

#icon-cookie-settings a:hover { color: #a1a3a5; } */

/* Kafelki domyślne */

#default-tiles .frame { background-color: white; }

#default-tiles .default-tile { aspect-ratio: 625 / 813; }

#default-tiles .default-tile span { cursor: not-allowed; }

#default-tiles .default-tile span,
#default-tiles .default-tile a { display: block; height: 100%; /* box-shadow: 0 2px 8px rgba(0,0,0,.1); background-color: var(--gray-light); */ background-position: center; background-repeat: no-repeat; background-size: cover; }

/* GOOGLE CONSENT MODE V2 - start */

#cc-main .cm__body .cm__texts .cm__title::before { content: ''; display: block; height: 120px; margin-top: 15px; margin-bottom: 0; background: url('https://sklepyabc.pl/wp-content/uploads/2024/02/logo-abc-2024.webp') no-repeat left top; background-size: 94px auto; }

#cc-main .cm__body .cm__btns [data-role = "all"],
#cc-main .pm__footer .pm__btn-group [data-role = "all"] { background-color: #006946 !important; border-color: #006946 !important; color: #fff; }

#cc-main .cm__title,
#cc-main .pm__title { font-size: 150% !important; }

/* GOOGLE CONSENT MODE V2 - end */

.grecaptcha-badge { visibility: hidden; }

@media (min-width: 375px) {
    :root { font-size: 16px; }
}

@media (max-width: 991.98px) {
    #masthead .navbar-nav { padding: .5rem 1rem; text-align: center; }
    .navbar-light .navbar-nav .nav-link { display: inline-block; }
    .navbar-light .navbar-nav .nav-link svg { display: none; }
    #masthead #menu-main #menu-item-1241 { display: none; }
    body.page-template-franczyza #wiecej-niz-biznes .player { height: 405px; }
    body.page-template-franczyza #pelny-rozwiazan .solution .container .player { height: 218px; }
    /* .panel-products .products .slider-products .slide:nth-of-type(1) { display: none !important; } */
}

@media (max-width: 767.98px) {
    body.category article:nth-child(even) .post-content { order: 2; }
    body.category article:nth-child(even) .post-thumbnail { order: 1; }
    body.page-template-franczyza #wiecej-niz-biznes .player { height: 304px; }
    body.page-template-franczyza #pelny-rozwiazan .solution .container .player { height: 342px; }
    body.page-template-gazetka #gazetka #przegladarka #flipbook { width: 400px; height: 301px; }
    body.page-template-sklepy #map { height: 483px; }
    /* .panel-products .products .slider-products .slide:nth-of-type(1),
    .panel-products .products .slider-products .slide:nth-of-type(2) { display: none !important; } */
}

@media (max-width: 575.98px) {
    :root { font-size: 12px; }
    #masthead .navbar-brand img.group { width: 100%; height: auto; }
    #masthead .navbar-brand img.logo { width: 94px; height: auto; }
    #masthead .slogan { font-size: 1.0625rem; }
    .panel-products .image { border-left: none; border-top: .5rem solid var(--light); background-position: center top; }
    /* .panel-products.special-offer .image { background-size: auto; } */
    /* .panel-products.special-offer.hero .products + .image { border-top: none; } */
    body.page-template-gazetka #gazetka #gazetki .slick-dots { bottom: 1rem; width: 100%; }
    body.error404 .entry-content,
    body.page .entry-content { /* padding: 1rem; */ margin-bottom: 2.125rem; }
    body.page .entry-content:not(#przegladarka) { padding-bottom: 3.25rem; }
    body.page .entry-content#przegladarka { margin-bottom: 0; }
    body.page-template-gazetka #gazetka #gazetki { padding-bottom: calc(3.25rem + 1.5rem); }
    /* body.page-template-gazetka #gazetka #zapis-prawny { margin-bottom: 2.125rem; } */
    body.category .post-content,
    /* body.single .post-content { padding: 1rem; } */
    body.category article { margin-top: 1rem; }
    body.category .paginate-links,
    body.category .paginate-links .page-numbers { margin-top: 1.0625rem; margin-bottom: 1.0625rem; }
    /* body.single .paginate-links { margin-top: 1rem; margin-bottom: 1rem; } */
    body.category .paginate-links,
    body.single .paginate-links { justify-content: space-around; }
    body.category .paginate-links .page-numbers-wrapper { order: 3; }
    #newsletter .freshmail_form_1 .ui-wrapper > *,
    #newsletter .freshmail_form_3 .ui-wrapper > * { width: 100% !important; }
    #newsletter .freshmail_form_1 .form_subscribe_button,
    #newsletter .freshmail_form_3 .form_subscribe_button { margin-top: 1rem; }
    #newsletter .freshmail_form_1 .text_header,
    #newsletter .freshmail_form_3 .text_header { font-size: 1.75rem !important; }
    #newsletter .freshmail_form_1 .sub_header,
    #newsletter .freshmail_form_3 .sub_header { font-size: 1.25rem !important; }
    #colophon .site { padding-top: 5.5rem; }
    body.page-id-19 #colophon .site,
    body.page-id-709 #colophon .site { padding-top: 1.75rem; }
    #go-top { bottom: -1.5rem; }
    body.page-template-franczyza #dane-kontaktowe-intro .details svg,
    body.page-template-o-nas #dane-kontaktowe-intro .details svg { display: none; }
    body.page-template-franczyza #wiecej-niz-biznes .player { height: 298px; }
    body.page-template-franczyza #pelny-rozwiazan .solution .container .player { height: 177px; }
    body.page-template-franczyza-formularz #dane-teleadresowe .icons svg { height: 22px; }
    body.page-template-aplikacja .player { height: 160px; }
    body.page-template-o-nas #dlaczego-my .reason img { max-width: 100%; }
    .wpcf7 .ajax-loader { display: none; }
    .read-more { padding: .5rem 2.25rem; }
    body.page-template-tylko-w-sklepie-groszek #kategorie .category { width: 100%; }
}

@media (min-width: 576px) {
    body.page-template-gazetki .entry-content { padding: 3rem 4.75rem; padding-bottom: 4.125rem; margin-bottom: 3.75rem; }
    body.page-template-tylko-w-sklepie-groszek #kategorie .category { width: 33.33%; }
    body.page-template-sklepy #search-wrapper #search-box #pac-input,
    body.page-template-sklepy #search-wrapper #search-box #autocomplete ul { font-size: .875rem; }
    .panel-products .products .slider-products .slide.liquor .price-tag { top: 3rem !important; }
    .panel-products.special-offer .products .slider-products .slide.liquor .price-tag-regular { top: 5.75rem; }
}

@media (min-width: 768px) {
    body.page-template-franczyza #pelny-korzysci .nav-pills .nav-link:nth-last-child(1) { margin-bottom: 0; }
    #faq .accordion .card button { min-height: 110px; }
    body.page-template-aplikacja .player { height: 197px; }
    body.page-template-aplikacja .beyond { position: absolute; top: calc(60% - 466px / 2); }
    body.page-template-aplikacja .beyond.left { left: 0; }
    body.page-template-aplikacja .beyond.right { right: 0; }
    body.page-template-gazetka #gazetka #przegladarka #flipbook { width: 580px; height: 437px; }
    body.page-template-tylko-w-sklepie-groszek #kategorie .category { width: 25%; }
    body.page-template-sklepy #search-wrapper { position: absolute; z-index: 1; width: auto; box-shadow: 0 0 3rem var(--disabled-1); opacity: 0; animation: fade-in .4s 2s forwards; }
    .panel-products .products .slider-products .slick-dots { bottom: -2.125rem; }
    .panel-products .products .slider-products .slide.liquor .price-tag { top: 4rem !important; }
    .panel-products.special-offer .products .slider-products .slide.liquor .price-tag-regular { top: 6.75rem; }
}

@media (min-width: 992px) {
    #masthead { height: 234.98px; }
    #masthead > .container { height: 234.98px; display: flex; flex-direction: column; justify-content: space-between; }
    .navbar-light .navbar-nav > .nav-item { padding: 0; opacity: 0; animation: fade-in .4s .4s forwards; }
    /* .dropdown-menu { left: -7px !important; } */
    .dropdown-menu { left: -19px !important; }
    #masthead #menu-main #menu-item-1884,
    #masthead #menu-main #menu-item-1713,
    .navbar-light .navbar-nav > .nav-item:nth-last-child(1),
    .navbar-light .navbar-nav > .nav-item:nth-last-child(2),
    .navbar-light .navbar-nav > .nav-item:nth-last-child(3),
    .navbar-light .navbar-nav > .nav-item:nth-last-child(4),
    .navbar-light .navbar-nav > .nav-item:nth-last-child(5),
    /* .navbar-light .navbar-nav > .nav-item:nth-last-child(7), */
    .navbar-light .navbar-nav > .nav-item:nth-last-child(6) { display: none; }
    #masthead .navbar-brand { margin-top: -20.14px; }
    #masthead .navbar-brand img.group { width: 360px; height: auto; }
    #masthead .navbar-brand img.logo { /* width: 100%; */ width: 94px; height: auto; }
    #masthead .navbar-nav { flex-direction: row; justify-content: space-around; }
    #masthead #holiday .calendar p.sunday::before { content: 'Niedziela handl.: '; }
    #newsletter-widget { top: 331.2px; }
    #social-widget { top: 285.2px; }
    body.page-template-franczyza #wiecej-niz-biznes .player { height: 540px; }
    body.page-template-franczyza #pelny-rozwiazan .solution .container .player { height: 190px; }
    body.page-template-aplikacja .player { height: 273px; }
    body.page-template-aplikacja .nonstandard .beyond { top: -3.5rem; z-index: 1; }
    body.page-template-aplikacja .standard { padding-top: 4.25rem; padding-bottom: 4.25rem; }
    body.page-template-aplikacja .standard .beyond { /* top: -1rem; */ top: calc(57.5% - 466px / 2); z-index: 1; }
    body.page-template-o-nas #dlaczego-my .reason:nth-of-type(even) { margin-top: 9rem; }
    body.page-template-o-nas #dlaczego-my .reason:nth-of-type(1) .description { margin-left: 3.125rem; }
    body.page-template-o-nas #dlaczego-my .reason:nth-of-type(2) .description { margin-left: 4.75rem; }
    body.page-template-o-nas #dlaczego-my .reason:nth-of-type(3) .description { margin-left: 5.875rem; }
    body.page-template-o-nas #dlaczego-my .reason:nth-of-type(4) .description { margin-left: 3.875rem; }
    body.page-template-o-nas #dlaczego-my .reason:nth-of-type(5) .description { margin-left: 5.625rem; }
    body.page-template-o-nas #dlaczego-my .reason:nth-of-type(6) .description { margin-left: 2.375rem; }
    body.page-template-o-nas #dlaczego-my .reason:nth-of-type(7) .description { margin-left: 4.5rem; }
    body.page-template-o-nas #dlaczego-my .reason:nth-of-type(8) .description { margin-left: 5.5rem; }
    body.page-template-o-nas #dlaczego-my .reason:nth-of-type(9) .description { margin-left: 4.125rem; }
    body.page-template-o-nas #dlaczego-my .reason:nth-of-type(10) .description { margin-left: 2rem; }
    body.page-template-gazetka #gazetka #przegladarka #flipbook { width: 820px; height: 618px; }
    body.page-template-tylko-w-sklepie-groszek #kategorie .category { width: 20%; }
}

@media (min-width: 1200px) {
    #masthead #holiday .calendar p.sunday::before { content: 'Niedziela handlowa: '; }
    body.error404 .entry-content,
    body.page .entry-content { padding: 3rem 4.75rem; margin-bottom: 3.75rem; }
    body.page .entry-content#przegladarka { margin-bottom: 0; }
    body.page-template-gazetka #gazetka #gazetki { padding-bottom: calc(3rem + 1.5rem); }
    /* body.page-template-gazetka #gazetka #zapis-prawny { margin-bottom: 3.75rem; } */
    body.category .post-content,
    body.single .post-content { padding: 3.375rem 4.75rem; }
    body.category .paginate-links,
    body.single .paginate-links { margin-bottom: 3.75rem; }
    /* #colophon .slogan { margin-left: 3.875rem; } */
    #newsletter-widget { top: 323.2px; }
    #social-widget { top: 277.2px; }
    /* .dropdown-menu { left: -18px !important; } */
    .dropdown-menu { left: -34px !important; }
    body.page-template-franczyza #dane-kontaktowe-intro .details-wrapper,
    body.page-template-o-nas #dane-kontaktowe-intro .details-wrapper { position: absolute; bottom: -6rem; width: 100%; }
    body.page-template-franczyza #w-pelni-otwarty,
    body.page-template-o-nas #dlaczego-my { margin-top: 10.5rem; }
    body.page-template-franczyza #wiecej-niz-biznes .player { height: 641px; }
    body.page-template-franczyza #pelny-rozwiazan .solution .container .player { height: 228px; }
    /* body.page-template-aplikacja .player { height: 304px; } */
    body.page-template-aplikacja .standard { padding-top: 8.5rem; padding-bottom: 8.5rem; }
    body.page-template-aplikacja .standard .beyond { /* top: -2rem; */ top: calc(50% - 466px / 2); z-index: 1; }
    body.page-template-gazetka #gazetka #przegladarka #flipbook { width: 1000px; height: 753px; }
    .panel-products .products .slider-products .slide.liquor .price-tag { top: 3rem !important; }
    .panel-products.special-offer .products .slider-products .slide.liquor .price-tag-regular { top: 5.75rem; }
}

@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fade-out {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes visible {
    from { bottom: -200%; }
    to { bottom: 0; }
}

@keyframes hide {
    from { bottom: 0; }
    to { bottom: -200%; }
}