:root {
  --bdr-sm: 6px;
  --bdr: 8px;
  --bdr-l: 12px;
  --bdr-xl: 16px;
  --fz-tiny: 12px;
  --fz-sm: 14px;
  --fz-n: 16px;
  --fz-m: 18px;
  --fw-adjust: calc((1140px - 100vw) / 2);
  --fw-pad: calc((100vw - 1140px) / 2);
  --bds: #eaf48e;
  --bda: #9d9d9d;
  --bg: #f9f9f9;
  --bgs: #f5fbb5;
  --bga: #131313;
  --ic: #bfe02b;
  --icd: #54630e;
  --col-e: #E24B38;
  --col-txt-p: #131313;
  --col-txt-s: #4e5152;
}

[class^=grid-] {
  display: grid;
  row-gap: 1rem;
}

.grid-center {
  flex-direction: column;
  align-items: center;
}

@media screen and (max-width: 767px) {
 .grid-reverse .right {
  order: 0;
 }
 .grid-reverse .left {
  order: 1;
 }
 .hidden-m {
  display: none;
 }
}

@media screen and (min-width: 768px) {
 .news .heading ul {
  left: auto;
  transform: none;
  padding-left: 0;
 }

 .news .heading ul li {
  padding-left: 0;
 }

 .news .heading ul li:after {
  left: 0;
  transform: none;
 }
}


/* paddingi */

.p-s {
 padding-top: 1rem;
 padding-bottom: 1rem;
}
.p-n {
 padding-top: 2rem;
 padding-bottom: 2rem;
}
.p-l {
 padding-top: 3rem;
 padding-bottom: 3rem;
}
.p-xl {
 padding-top: 4rem;
 padding-bottom: 4rem;
}
.p-t-0 {
  padding-top: 0!important;
}

.m-0 {
  margin: 0!important;
}
.m-t-s {
 margin-top: 1rem;
}
.m-b-s {
 margin-bottom: 1rem;
}
.m-b-n {
 margin-bottom: 2rem;
}
.m-b-l {
 margin-bottom: 3rem;
}

/*==========
 * TYPE
 ===========*/

.h1 {
 font-size: 37px;
 line-height: 1.1;
}
.h2 {
 font-size: 32px;
}
.h3 {
 font-size: 28px;
}
.h4 {
 font-size: 24px;
}
.h5 {
 font-size: 21px;
}
.h6 {
 font-size: 18px;
}
.h2,
.h3,
.h4,
.h5,
.h6 {
 line-height: 1.2;
}

section h1, section h2, section h3, section h4, section h5, section h6 {
  margin-top: 0;
}

.txt-tiny {
 font-size: var(--fz-tiny);
}
.txt-md {
 font-size: var(--fz-m);
}
.txt-sb {
 font-weight: 500;
}
.txt--error {
 color: var(--col-e);
}

/* button */
.btn-icon {
  display: inline-flex;
}
.btn-icon.btn-block {
 justify-content: center;
}
.btn-icon i {
 line-height: 150%;
}

.btn img:last-child,
.btn i:last-child {
  margin-left: .5rem;
}


/*==========
 * TABELE
 ===========*/

.table--simple {
 width: 100%;
}

.table--simple thead {
 width: 100%;
 background: #eeefe4;
}

.table--simple th {
 padding: 0.5rem .25rem ;
}

.table--simple thead tr:nth-child(2) th {
 padding: 0 .25rem 0.5rem;
 font-weight: 400;
 font-size: 0.85rem;
}

.table--simple td {
 padding: 1rem .25rem 0;
}

.table--simple tbody tr:first-child td {
 padding-top: 1.5rem;
}

.table--simple td:not(:first-child) {
 text-align: center;
}

.table--simple tr:first-child th:first-child {
 text-align: left;
}

.table--simple td img:last-child {
 margin-left: .5rem;
}

@media screen and (min-width: 768px) {
 .table--simple th,
 .table--simple td {
  padding-left: 1rem;
  padding-right: 1rem;
 }
 .table--simple thead tr:nth-child(2) th {
  padding-left: .5rem;
  padding-right: .5rem;
 }
}


/*==========
 * SEKCJE
 ===========*/

.section__cta {
  display: flex;
  flex-direction: column;
  row-gap: .5rem;
  margin-top: 1.5rem;
  align-items: center;
}

.section__header {
 margin-bottom: 1rem;
}
.section__header .tagline {
 margin-bottom: .5rem;
 display: block;
 color: var(--col-txt-s);
}
.section__header h2 {
 margin-bottom: 0;
}


/*==========
 * BORDER
 ===========*/

.bdr {
  border-radius: var(--bdr);
}
.bdr-l {
  border-radius: var(--bdr-l);
}
.bdr-xl {
  border-radius: var(--bdr-xl);
}


/*==========
 * ABOUT US
 ===========*/

/* brand promise */
.promise {
 color: #fff;
 padding-left: 15px;
 padding-right: 15px;
 margin-left: -15px;
 margin-right: -15px;
}

.p-box {
 padding: 1rem 1.5rem;
 border: 1px solid;
 border-radius: var(--bdr-sm);
 display: flex;
 align-items: center;
 column-gap: 1rem;
}

.p-box + .p-box {
 margin-top: 1rem;
}

/* logosy */
.list-img {
 display: flex;
 overflow-x: scroll;
 column-gap: 1rem;
}

/* opinie */
.reviews {
 margin: 3rem 0 0;
 display: flex;
 flex-direction: column;
 row-gap: 1rem;
}

.list-img .list-item {
 width: 35vw;
}

/* sekcja w belce */
.box--secondary {
 background: var(--bgs);
 padding: 2rem 15px;
 margin-left: -15px;
 margin-right: -15px;
}

@media screen and (max-width: 767px) {
 .box--icons .icons-list {
  row-gap: 1.25rem;
  padding-left: 10vw;
  flex-direction: column;
  align-items: flex-start;
 }
}
 

.icons-list {
 display: flex;
 align-items: center;
 column-gap: 0.5rem;
 flex-wrap: wrap;
}

.list-el {
 display: flex;
 align-items: center;
 font-size: var(--fz-tiny);
}
.list-el img {
 margin-right: 0.25rem;
 width: 20px;
}
.list-el .fa-stack {
 margin-right: .5rem;
 flex: 0 0 32px;
 color: var(--ic);
}
.list-el svg {
 width: 24px;
 margin-right: .25rem;
}

.list--grid {
 flex-wrap: wrap;
 align-items: flex-start;
 margin-top: 2rem;
}

.list--grid .list-el {
 flex: 1 1 100%;
 align-items: flex-start;
}

@media screen and (min-width: 480px) {
.list--grid .list-el {
 flex: 1 1 calc( 50% - .25rem );
}
}

.box--icons .list-el {
 flex: 1 1;
}

/* cardy */
.cards {
 display: flex;
 flex-direction: column;
}
.card + .card {
 margin-top: 2rem;
}
.card__img {
 margin-bottom: 1.25rem;
 border-radius: var(--bdr-xl);
}
.card__img--fixed {
 height: 185px!important;
 display: block;
 margin-left: auto;
 margin-right: auto;
 object-fit: cover;
}
.card h3 {
 margin-bottom: 0.5rem;
}
.card__header {
 text-align: center;
}
.card p {
 margin: 0;
}

.card--secondary{
 background: var(--bgs);
 margin-left: -15px;
 margin-right: -15px;
 border: 1px solid var(--bds);
}
.card--alternate {
 background: var(--bga);
 color: #FFF;
 border-radius: var(--bdr);
}
.card--alternate ul {
 color: #FFF;
}
.card--secondary,
.card--alternate {
 padding: 1rem 15px 1.5rem;
}
.card--lg{
 padding-top: 1.5rem;
 padding-bottom: 2rem;
}
.card__counter {
 font-size: 49px;
 font-weight: 700;
 color: var(--icd);
}

@media screen and (min-width: 992px) {
 /* grid */
 .grid-4-7, .grid-5-6, .grid-6-5 {
  grid-template-columns: repeat(12, 1fr);
  align-items: center;
 }
 .grid-4-7 .left {
  grid-column: span 4/5;
 }
 .grid-4-7 .right {
  grid-column: span 7/13;
 } 
 .grid-5-6 .left {
  grid-column: span 5/6;
 }
 .grid-5-6 .right {
  grid-column: span 6/13;
 }
 .grid-6-5 .left {
  grid-column: span 6/7;
 }
 .grid-6-5 .right {
  grid-column: span 5/13;
 } 
 .grid-6-6 {
  grid-template-columns: repeat(2, 1fr);
  column-gap: 3rem;
 }
 .grid-1 {
  row-gap: 4rem;
 }

 /* type */
 .h1 {
  font-size: 48px;
 }
 .h2 {
  font-size: 40px;
 }
 .h3 {
  font-size: 33px;
 }
 .h4 {
  font-size: 28px;
 }
 .h5 {
  font-size: 23px;
 }
 .h6 {
  font-size: 19px;
 }
 .md--center {
  text-align: center;
 }

 /* padding */
 .p-s {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
 }
 .p-n {
  padding-top: 3rem;
  padding-bottom: 3rem;
 }
 .p-l {
  padding-top: 6rem;
  padding-bottom: 6rem;
 }
 .m-b-s {
  margin-bottom: 1.5rem;
 }
 .m-b-n {
  margin-bottom: 3rem;
 }

 .promise {
  margin-left: var(--fw-adjust);
  margin-right: var(--fw-adjust);
  padding-left: var(--fw-pad);
  padding-right: var(--fw-pad);
 }

 .promise h2 {
  text-align: right;
 }

 .p-box {
  padding: 1.5rem 3rem;
 }

 .list-img {
  justify-content: center;
 }
 .list-img .list-item {
  width: auto;
 }

 .reviews {
  flex-direction: row;
  column-gap: 2rem;
 }
 .reviews img {
  flex: 1 1 auto;
 }

 .box--secondary {
  margin: 0;
  padding: 5rem 8rem;
  text-align: center;
  box-shadow: var(--shadow-medium);
  border: 1px solid var(--bds);
  border-radius: var(--bdr-xl);
 }
 .box--secondary .icons-list {
  justify-content: center;
  column-gap: 5rem;
 }

 .box--icons {
  padding: 2rem 4rem;
 }
 .box--icons img {
  width: 32px;
  margin-right: 1.5rem;
 }

 .list-el {
  font-size: var(--fz-n);
  line-height: 20px;
 }
 .list-el img {
  width: 24px;
 }
 .list--sm .list-el {
  font-size: var(--fz-sm);
 }
 
 .list--grid {
  margin-top: 3rem;
 }

 .cards {
  flex-direction: row;
  column-gap: 6rem;
 }
 .cards--narrow {
  column-gap: 3rem;
 }
 .card {
  flex: 1 1;
 }
 .card + .card {
  margin-top: 0;
 }
 .card--secondary {
  margin-left: 0;
  margin-right: 0;
  padding: 2rem 3rem 3rem;
  box-shadow: var(--shadow-medium);
 }
 .card--secondary,
 .card--alternate {
  padding: 2rem 3rem 3rem;
  border-radius: var(--bdr);
 }
 .card--narrow {
  padding: 2rem;
 }
 .card__header {
  min-height: 97px;
 }
 .card-lg {
  padding-bottom: 4rem;
  border-radius: var(--bdr-xl);
 }
}


/*==========
 * REKLAMACJE, ZWROTY
 ===========*/

/*.return__box {
 background: var(--bgs);
 margin-left: -15px;
 margin-right: -15px;
 padding: 1.5rem 15px 2rem;
 border-radius: 0;
}*/

.section--lined {
 padding-bottom: 1rem;
 border-bottom: 1px solid var(--bda);
}

.card section {
 margin-bottom: 2rem;
}

.list-vertical,
.list--vertical {
 flex-direction: column;
 row-gap: 0.5rem;
 align-items: flex-start;
}

.list-vertical .list-el,
.list--vertical .list-el {
 align-items: flex-start;
}
 

.list-vertical .list-el img,
.list--vertical .list-el img {
 margin-right: 0.5rem;
 max-width: 20px !important;
}

.news ul {
 padding-left: 1.5em;
}
.news ul li + li {
 margin-top: 0.5em;
}
.news iframe {
 max-width: 100%;
}
.news p {
 margin: .375em 0 1.5em;
 color: var(--col-txt-s);
}

/*@media screen and (min-width: 992px) {
 .return__box {
  margin: 0;
  box-shadow: var(--shadow-medium);
  padding: 2rem 3rem 4rem;
  border-radius: var(--bdr-xl);
 }
}*/


/*==========
 * STICKY NAV
 ===========*/

#header.is-sticky {
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 box-shadow: var(--shadow-medium);
 background: white;
}

.is-sticky .infoblock_header {
 display: none;
}

.is-sticky .top_bar {
 display: none;
}

.is-sticky .header_middle_content_logo {
 display: none;
}

#header.is-sticky .header_inner_wrapper .header_middle_content .mobile-actions {
 position: relative;
 transform: none;
 display: flex !important;
 flex: 1 1 auto;
 justify-content: space-between;
 flex-direction: row-reverse;
 column-gap: 2rem;
}

.is-sticky #mobile-open-search:before {
 content: "Szukaj produktów";
 font-size: var(--fz-sm);
}

#header.is-sticky
 .header_inner_wrapper
 .header_middle_content
 .mobile-actions
 #mobile-open-search {
 padding: 0 16px;
 flex: 1 1 auto;
 border-radius: 50px;
 background: var(--cc-section-border);
 border: 1px solid var(--cc-cookie-category-block-bg-hover);
 display: flex;
 align-items: center;
 justify-content: space-between;
 margin-right: 0;
}

.mobile-search {
 transition: transform 0.2s ease-in-out;
}

.mobile-search-show #header.is-sticky .mobile-search {
 transform: none;
}

/* Core styles/functionality */
.tab {
 position: relative;
}
.tab input {
 position: absolute;
 opacity: 0;
 z-index: -1;
}
.tab__content {
 max-height: 0;
 overflow: hidden;
 transition: all 0.35s;
}
.tab input:checked ~ .tab__content {
 max-height: 10rem;
}


/*==========
 * ACCORDIONS
 ===========*/

/* Visual styles */
.accordion {
 overflow: hidden;
}
.tab {
 border-bottom: 1px solid var(--bda);
}
.tab__label,
.tab__close {
 display: flex;
 cursor: pointer;
}
.tab__label {
 justify-content: space-between;
 padding: 1rem 0;
}
.tab__label::after {
 content: "\276F";
 width: 1em;
 height: 1em;
 text-align: center;
 transform: rotate(90deg);
 transition: all 0.35s;
}
.tab input:checked + .tab__label::after {
 transform: rotate(270deg);
}
.tab__content p {
 margin: 0;
 padding: 0 0 1rem;
}
.tab__close {
 justify-content: flex-end;
 padding: 0.5rem 1rem;
 font-size: 0.75rem;
}
.accordion--radio {
 --theme: var(--secondary);
}

/* karta produktu : tabsy */

@media screen and (min-width: 768px) {
 .product-tabs {
  max-width: 80ch;
  margin-left: auto;
  margin-right: auto;
 }
}

/* karta produktu : opis produktu */

h2.def:not(:first-child) {
 margin-top: 48px;
}

h2.def {
 display: flex;
 align-items: center;
 column-gap: 24px;
}

h2.def:after {
 content: "";
 flex: 1 1 auto;
 height: 1px;
 background: #9d9d9d;
}

h3.def:not(:first-child) {
 margin-top: 24px;
}

@media screen and (min-width: 1280px) {
 .tab-content>ul.def {
  list-style-type: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
 }
}

/* karta produktu : specyfikacje */

.tab-content > .def {
 max-width: 80ch;
 margin-left: auto;
 margin-right: auto;
}

table.def tr:nth-child(odd) {
 background: #edeee5;
}

table.def {
 width: 100%;
}

table.def th {
 width: 144px;
}

table.def {
 text-align: left;
}

table.def th {
 padding: 8px 12px;
}

table.def td {
 padding: 8px 0;
}

table.def p {margin:0}
table.def small {display:block}

@media screen and (min-width: 1280px) {
 table.def th {
  width: 300px;
 }

 table.def th {
  padding: 8px 12px 8px 24px;
 }
}