/* header */

html {
    font-size: 16px;
}

/* Declared text styles*/
.h1Size, 
.h2Size, 
.h3Size {
  /* Font minimum, preferred and maximum value */
  font-size: clamp(var(--min), var(--val), var(--max));
}
  
/* Font size variables */

.h1Size {
  --min: 1.5rem;  
  --val: 2vw;   
  --max: 2rem;  
}

.h2Size {
  --min: 1.2rem;  
  --val: 1.5vw;   
  --max: 1.5rem; 
}

.h3Size {
  --min: 1.1rem;  
  --val: 1.25vw;   
  --max: 1.25rem; 
}

p {
    font-size: 1rem;
}

.header-bar {
    width: 100vw;
    position: fixed;
    display: flex;
    justify-content: space-between;
    padding: 10px 80px;
    align-items: center;
    z-index: 999;
}

.header-bar span {
    color: var(--grey);
    font-weight: 600;
    margin-right: 20px;
    align-self: center;
}

.header_logo {
    width: 160px;
}

.header-bar {
    transition: all .4s linear;
}

.header-bar.active {
    background-color: var(--second);
}

.koszyk {
    text-decoration: none;
    margin-top: 3px;
}

.koszyk span {
    position: relative;
    top: 10px;
}


.bar {
    cursor: pointer;
}

.wcag {
    color: var(--on_primary);
    margin-right: 24px;
    align-items: center;
}

.wcag span {
    margin-left: 2em;
}

.wcag p {
    margin: 0px 5px 0px 0px;
    cursor: pointer;
}

.wcag a {
    cursor: pointer;
    margin-right: .5em;
}

.wcag-mobile {
    display: none !important;
}

.wcag__btn img {
    aspect-ratio: 1 / 1;
}

.r_menu {
    position: fixed;
    width: 100vw;
    height: 100vh;
    display: none;
    z-index: 990;
    background-color: var(--second);
}

.r_menu .menu {
    display: flex;
    height: 90vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.r_menu .menu li {
    margin-bottom: .5em;
    list-style: none;
}

.r_menu .menu a {
    font-size: 1.5rem;
    color: var(--on_primary);
    text-decoration: none;
    transition: all .5s linear;
    margin-bottom: 1em;
}

.r_menu .menu a:hover {
    color: var(--primary);
}

.r_menu .wcag {
    justify-content: center;
}

.eu {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 10;
    transition: all .4s ease-in-out;
}

.eu:hover {
    opacity: 1;
}

.eu img {
    width: 110px;
    height: 110px;
}

/* header strony tytulowej */
#header {
    /* background-color: var(--second); */
    position: relative;
    background-color: #0a0a0c;
    background-image: url('../img/pc_1.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
}

#header>*>.row {
    /* background-color: #00000068; */
    height: 100vh;
    padding: 0px 10%;
}

#header>*>.row>.col-md-6 {
    height: 80%;
}

#header .conteiner-fluid,
#zastosowania .conteiner-fluid {
    width: 100%;
    height: 100%;
    background-color: transparent;
}

/* #header>*>.row>.col-md-12 {
    height: 100%;
} */

#header .przyciski {
    margin-top: 3em;
}

#header .logo_title {
    padding-top: .5em;
}

#header .header_menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#header .header_menu .box {
    /* width: 100px; */
    text-decoration: none;
}

#header .header_menu .box:hover .opis{
    color: var(--primary);
}

#header .header_menu .numer {
    color: var(--primary);
    border-bottom: 2px solid var(--outline);
    width: 100%;
}

#header .header_menu .opis {
    color: var(--on_primary);
    transition: all .4s ease-in-out;
}

.logo img {
    width: 45vw;
}

.header_content {
    position: relative;
    top: 35%;
}

/* pomozemy */
#pomozemy {
    background-color: var(--second);
}

#pomozemy>*>.row {
    height: 100vh;
}

#pomozemy .slider {
    background-color: var(--darkBlue);
}

#pomozemy .carousel-item img {
    height: 100vh;
    object-fit: contain;
    object-position: center;
}

#pomozemy .carousel-indicators {
    bottom: 3vh;
}

#pomozemy .carousel-indicators [data-bs-target] {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    margin-right: 10px;
    margin-left: 10px;
}

#pomozemy .teksty {
    padding: 0px 2.5%;
}

#pomozemy h2 {
    color: var(--on_primary);
    padding-bottom: 1.5em;
}

#pomozemy .box {
    width: 75%;
    margin-top: 20px;
}

#pomozemy .numer {
    color: var(--primary);
    border-bottom: 2px solid var(--outline);
    width: 100%;
    font-weight: 500;
}

#pomozemy h3 {
    font-weight: 500;
    color: var(--on_primary);
    padding-top: .5em;
}

#pomozemy p {
    font-size: 1rem;
    color: var(--on_primary);
    padding-bottom: 2.5em;
    margin-bottom: 0;
}

/* zalety */
#zalety {
    background-color: var(--second);
    color: var(--on_primary);
}

#zalety>*>.row {
    /* height: 25vh; */
    padding: 0px 10%;
} 

#zalety h1 {
    text-align: center;
    padding: 4em 0 2em;
}

#zalety .zalety_content {
    display: flex;
    justify-content: space-between;
}

#zalety .zalety_content .box {
    width: 25%;
}

#zalety .numer {
    color: var(--primary);
    margin-bottom: .5em;
    font-weight: 500;
}

/* liczniki */
#liczniki {
    background-color: var(--second);
    padding-top: 6em;
}

#liczniki>*>.row {
    /* height: 25vh; */
    padding: 0px 10%;
} 

#liczniki .liczniki_content {
    display: flex;
    justify-content: space-around;
}

#liczniki > * > .row
{
    height: 300px;
}

#liczniki .numer
{
    width: 200px;
    height: 200px;
    border: 1px solid gray;
    border-radius: 250px;

    position: relative;
    left: 50%;
    transform: translateX(-50%);

}

.svg_circle
{
    position: absolute !important;
    fill: #28292F;
}

.svg_circle svg
{
    transform: rotate(-90deg);

}

#liczniki .numer::before
{
    content: "";
    position: absolute;
    width: 200px;
    height: 200px;
    /* border: 3px solid #e63200; */
    border-radius: 200px;

}

#liczniki .numer div
{
    position: relative;
    top: 50%;
    left: 50%;
    font-weight: bold;
    font-size: 25pt;
    width: 100%;
    text-align: center;
    transform: translateX(-50%) translateY(-50%);
    font-weight: 500;
    color: var(--on_primary);

}

#liczniki .numer .value {
    font-size: 25pt;
}

#liczniki .opis
{
    width: 100%;
    text-align: center;
    padding-top: 2em;
    width: 100%;
    text-align: center;

}

#liczniki .opis
{
    font-weight: 500;
    color: var(--on_primary);
}

#liczniki .opis span
{
    font-weight: lighter;
}

/* mousey */
.mousey {
    width: 3px;
    padding: 10px 15px;
    height: 35px;
    border: 2px solid var(--primary);
    border-radius: 25px;
    opacity: 0.75;
    box-sizing: content-box;
}

.scroller{
    width: 3px;
    height: 10px;
    border-radius: 25%;
    background-color: var(--primary);
    animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(.15,.41,.69,.94);
    animation-iteration-count: infinite;
}

@keyframes scroll {
    0% {
        opacity: 0;
    }
    10% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(15px);
        opacity: 0;
    }
}

@keyframes move-down{
    0% {
        margin-top: -310px;
    }

    100% {
        margin-top: 0px;
    }
}

#liczniki .mousey-content {
    width: 70px;
    display: block;
    margin-left: auto;
    margin-right: 0;
}

#liczniki .mousey-content p {
    color: var(--on_primary) !important;
    font-weight: 500;
    text-align: right;
    margin-bottom: .75rem;
}

#liczniki .mousey {
    width: 3px;
    display: block;
    margin-left: auto;
    margin-right: 0;
}

/* produkty */
#produkty {
    background-color: var(--second);
}

#produkty>*>.row {
    min-height: 100vh;
}

#produkty .add_to_cart_inline {
    border: none !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}


#produkty .add_to_cart_inline  a {
    text-decoration: none !important;
} 

#produkty .produkty_list {
    display: flex;
    align-items: center;
    gap: 10%;
    z-index: 2;
}

#produkty .item_price .button {
    display: none;
}

#produkty .item_price a {
    font-size: 20px;
}

#produkty .item__name {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

#produkty .item__name h2 {
    color: var(--on_primary);
}

#produkty .woocommerce-Price-amount {
    color: var(--on_primary);
}

#produkty .content {
    padding-top: 2em;
}

#produkty .item__name h2,
#produkty .item__name p {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

#produkty .item__img {
    width: 25vw;
    height: auto;
}

#produkty .item__name .woocommerce-Price-amount {
    display: none;
}

#produkty .produkty-produkt:nth-child(1) {
    margin-left: 15%;
}

#produkty .produkty-produkt .add_to_cart_button {
    background-color: var(--primary);
    padding: .8em 1em;
}

#produkty .grey-bg {
    background-color: var(--outline);
    display: flex;
    align-items: center;
}

#produkty .produkty-contant {
    color: var(--on_primary);
    padding-left: 40%;
    padding-right: 10%;
}

#produkty .produkty-contant .h1Size {
    padding-bottom: .75em;
}

#produkty .produkty-contant p {
    padding-bottom: 4em;
}

/* zastosowania */
#zastosowania {
    background-color: var(--second);
    background-image: url('../img/pc_2.png');
}

#zastosowania>*>.row {
    min-height: 100vh;
    padding: 0 6%;
}

#zastosowania .col-md-8,
#zastosowania .col-md-4  {
    display: flex;
    align-items: center;
}

#zastosowania .zastosowanie_header,
#zastosowania .zastosowanie_content {
    color: var(--on_primary);
}

#zastosowania .zastosowanie_header {
    padding-right: 25%;
}

#zastosowania .zastosowanie_content {
    /* padding-left: 35%; */
    padding-left: 0;
    padding-top: 30px;
    padding-bottom: 30px;
}

#zastosowania .zastosowanie_header .h1Size {
    margin-bottom: 2em;
}

#zastosowania .zastosowanie_header p {
    margin-bottom: 1em;
}

#zastosowania .zastosowanie_content .h2Size {
    margin-bottom: 1.35em;
}

.zastosowanie_box {
    margin-top: 2em;
    padding: 2.5em;
    background-color: var(--blueTrans);
}

/* podejscie */

#podejscie {
    background-color: var(--second);
    padding: 0 10%;
}

#podejscie>*>.row {
    min-height: 100vh;
}

#podejscie .h1Size {
    text-align: center;
    color: var(--on_primary);
    padding-top: 2em;
}

.podejscie_grid {
    position: relative;
    height: 70vh;
    margin: 7vh 0;
    left: 2px;
    color: var(--on_primary);
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: .6fr 1fr 1fr 1fr;
    grid-template-areas: "MH PH"
                         "MT PH"
                         "SH PT"
                         "ST BTN";

}

.podejscie_monitorowanie-h {
    display: flex;
    align-items: flex-end;
    position: relative;
    grid-area: MH;
    border-right: 4px solid #28292F;
    border-bottom: 4px solid #28292F;
    margin-left: 35%;
}

.podejscie_monitorowanie-t {
    grid-area: MT;
    border-right: 4px solid #28292F;
    margin-left: 35%;
}

.podejscie_statystyki-h {
    display: flex;
    align-items: flex-end;
    position: relative;
    grid-area: SH;
    border-right: 4px solid #28292F;
    border-bottom: 4px solid #28292F;
    margin-left: 35%;
}

.podejscie_statystyki-t {
    grid-area: ST;
    border-right: 4px solid #28292F;
    margin-left: 35%;
}

.podejscie_planowanie-h {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    position: relative;
    grid-area: PH;
    border-bottom: 4px solid #28292F;
    margin-right: 35%;
}

.podejscie_planowanie-h .h2Size {
    text-align: right;
}

.podejscie_planowanie-t {
    grid-area: PT;
    margin-right: 35%;
    display: flex;
    justify-content: flex-end;

}

.podejscie_planowanie-t p {
    text-align: right;
    width: 70%;
}

.podejscie_monitorowanie-t p {
    width: 80%;
}

.podejscie_statystyki-t p {
    width: 85%;
}

.podejscie_btn {
    grid-area: BTN;
}

.podejscie_monitorowanie-t p,
.podejscie_planowanie-t p,
.podejscie_statystyki-t p {
    padding-top: 1em;
}

.podejscie_monitorowanie-h img,
.podejscie_statystyki-h img,
.podejscie_planowanie-h img {
    position: absolute;
    animation: opacityAnimation 6s;
    animation-iteration-count: 3;

}  

.podejscie_monitorowanie-h img {
    left: -10%;
    bottom: -2px;
    width: 25%;
    animation-delay: 200ms;
}

.podejscie_statystyki-h img {
    left: -40%;
    bottom: 0;
    width: 50%;
    animation-delay: 600ms;
}

.podejscie_planowanie-h img {
    right: -40%;
    bottom: 0;
    width: 65%;
    animation-delay: 1000ms;
}

@keyframes opacityAnimation {
    0% {opacity: 1;}
    50% {opacity: 0;}
    100% {opacity: 1;}
  }

.podejscie_btn {
    position: relative;
}

.podejscie_btn a {
    position: absolute;
    right: 0;
    bottom: 0;
}

/* baza_wiedzy */

#baza_wiedzy {
    min-height: 100vh;
    background-color: var(--outline);
}

#baza_wiedzy .h1Size {
    margin-bottom: .75em;
}

#baza_wiedzy > * > .row
{
    height: 1000px;
    overflow: hidden;
}

#baza_wiedzy .wszystkie_baza_wiedzy
{
    width: 100%;
    height: 700px;
    overflow-x: scroll;
    overflow-y: hidden;
}

#baza_wiedzy .btns {
    text-align: left;
}

#baza_wiedzy .btns a{
    width: 210px;
    margin-bottom: 1.5em;
}

#to_media { margin-left: 0;}

/* scroll bar */

    /* Works on Firefox */
    .wszystkie_baza_wiedzy {
      scrollbar-width: thin;
      scrollbar-color: var(--primary) var(--second);
      cursor: pointer;
    }

    /* Works on Chrome, Edge, and Safari */
    .wszystkie_baza_wiedzy::-webkit-scrollbar {
      width: 8px;
      height: 8px;
      border-radius: 0;
    }

    .wszystkie_baza_wiedzy::-webkit-scrollbar-track {
      background: var(--second);
      margin-left: 15vw;
      margin-right: 10vw;
      height: 8px;
    }

    .wszystkie_baza_wiedzy::-webkit-scrollbar-thumb {
        background-color: var(--primary);
        border-radius: 0px;
        width: 8px;
        /* border: 3px solid #f0f0f0; */
    }

#baza_wiedzy .wszystkie_baza_wiedzy .scroll_aktulanosci {
    width: 1830px;
    height: 750px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-top: 20px;

}

#baza_wiedzy .aktualnosc {
    float: left;
    /* color: black; */
    height: 750px;
    width: 400px;
    margin-right: 50px;
}

.arrow {
    display: none;
}

#baza_wiedzy .dane
{

    background-color: var(--second);
    /* border: 1px solid #f0f0f0;s */
    height: 345px;
    color: var(--on_primary);
}

.baza_wiedzy__header {
    padding-right: 4em;
    font-weight: 300;
    padding-top: 30%;
    color: var(--on_primary);
}

.baza_wiedzy__header p {
    padding-bottom: 6em;
}

#baza_wiedzy .aktualnosc a
{
    width: 140px;
    font-size: 0.8rem;
    display: block;
    margin-left: auto;
    margin-right: 0;
    text-align: center;
}

#baza_wiedzy .aktualnosc h1
{
    /* color: #f0f0f0; */
    text-decoration: none;
    font-size: 5vw;
    width: 150px;
    border-width: 0 0 3px 0;
    border-style: solid;
    /* border-color: rgba(240, 240, 240, 0); */
    font-weight: bold;
    margin: 0 0 50px 0;
}

#baza_wiedzy .aktualnosc .teksty
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 8%;
    height: 100%;
}

#baza_wiedzy .dane {
    border: 1px solid transparent;
}

#baza_wiedzy .aktualnosc .data
{
    font-weight: 300;
    font-size: .9rem;
    color: var(--on_primary);
    margin-bottom: 1.5em;
}

#baza_wiedzy .aktualnosc .opis
{
    line-height: 100%;
    font-size: 10pt;
    font-weight: 400;
}

#baza_wiedzy .aktualnosc img
{
    width: 100%;
    height: 250px;
    object-fit: cover;
}

#baza_wiedzy .opisy
{
    padding-left: 5%
}

#baza_wiedzy .naglowek {
    font-size: 1.25rem;
}

#baza_wiedzy .d-flex {
    margin-bottom: 2%;
}


/* 1 potomek */

#baza_wiedzy .aktualnosc:nth-child(1) {
    margin-top: -20px;
    margin-right: 70px;
}

#baza_wiedzy .aktualnosc:nth-child(1) img,
#baza_wiedzy .aktualnosc:nth-child(1) .dane {
    width: 420px;
}

/* #baza_wiedzy .aktualnosc:nth-child(1) h1
{
    color: black;
    border-color: black;
} */

#baza_wiedzy .aktualnosc:nth-child(1) .dane
{
    background-color: var(--second);
    height: 385px;
}


#baza_wiedzy>*>.row {
    height: 100vh;
}

/* kontakt */
#kontakt {
    background-color: var(--outline);
}

#kontakt .kontakt_form {
    color: var(--on_primary);
    padding: 10% 15%;
}

#kontakt .kontakt_bg{
    background: linear-gradient(180deg, rgba(19,18,23,1) 0%, rgba(14,14,16,1) 100%);
}

#kontakt .kontakt_img{
    background-image: url('../img/kontakt.webp');
    background-size: contain;
    background-position: center;
    height: 100%;
    background-repeat: no-repeat;
    
}

#kontakt>*>.row {
    height: 100%;
}

#kontakt h1 {
    padding-bottom: 1em;
    font-size: 2rem;
}

#kontakt input[type="color"], 
#kontakt input[type="date"], 
#kontakt input[type="datetime-local"], 
#kontakt input[type="email"],
#kontakt input[type="file"], 
#kontakt input[type="hidden"],
#kontakt input[type="image"],
#kontakt input[type="month"], 
#kontakt input[type="number"], 
#kontakt input[type="password"], 
#kontakt input[type="radio"],
#kontakt input[type="range"],
#kontakt input[type="reset"], 
#kontakt input[type="search"], 
#kontakt input[type="tel"],
#kontakt input[type="text"], 
#kontakt input[type="time"], 
#kontakt input[type="url"],  
#kontakt input[type="week"],
#kontakt textarea {
    width: 400px;
    padding: 10px;
    height: 50px;
    background-color: transparent;
    border: 1px solid var(--grey);
    color: var(--on_primary);
    margin-bottom: 1em;
}

#kontakt label {
    color: var(--grey);
}

#kontakt .wpcf7-list-item {
    width: 400px;
    position: relative;
    left: -14px;
}

#kontakt input[type="checkbox"] {
    width: 24px;
    height: 24px;
    border: 1px solid var(--grey);
    margin-right: 10px;
}

#kontakt input[type="submit"] {
    background-color: var(--primary);
    color: var(--on_primary);
    padding: .8em 2em;
    margin-top: 1em;
}

/* footer */

footer {
    background-color: var(--second);
    padding: 4% 6% 20px;
}

.footer_content {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    color: var(--on_primary);
    padding-bottom: 4em;
}

.footer_content img {
    width: 250px;
}

.footer_content ul {
    list-style: none;
    padding-left: 0;
}

.footer_content ul li {
    padding-bottom: .5em;
}

.footer_content ul a {
    text-decoration: none;
    color: var(--on_primary);
    font-weight: 400;
}

.footer_end {
    display: flex;
    color: var(--on_primary);
    justify-content: space-between;
}

.footer_end a {
    text-decoration: none;
    color: var(--on_primary);
}

.footer-eu {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2em 0 4em;
    gap: 3vw;
}

.footer-eu img {
    width: 40vw;
}

.reklamaSklep img {
    width: 42%;
}

/* SKLEP */
#woo {
    background-color: var(--second);
    color: var(--on_primary);
}

.page-title,
.woocommerce-result-count,
.woocommerce-ordering {
    display: none;
}

#searchform input {
    background-color: transparent;
    color: var(--on_primary);
    padding: 5px;
}

#searchform #searchsubmit {
    border: none !important;
    background-image: url('../../assets/img/icon-search.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 26px;
    height: 34px;
    margin-right: 4px;
}

.woo-product {
    padding: 3em;
    border: 1px solid var(--darkGrey);
}

.woo-product_flex {
    display: flex;
}

.woo-product_name {
    margin-bottom: 1em;
}

.woo-product_img {
    width: 100%;
    height: 250px;
    object-fit: contain;
}

.woo-product_price {
    margin: 2em 0 1.25em;
}

.woo-product_cart p {
    border: none !important;
    padding: 0 !important;
}

.woo-product_cart .woocommerce-Price-amount {
    display: none;
}

.woo-product_text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 3%;
}

.shop-menu {
    padding-top: 100px;
    padding-right: 30px;
}

.shop__content {
    padding-right: 30px;
}

.shop__sidemenu-search {
    display: flex;
    justify-content: flex-end;
}

.shop__sidemenu {
    padding-top: 200px;
    padding-left: 30px;
}

.shop__sidemenu .wpf_item input[type="checkbox"] {
    border-radius: 0;
    background-color: transparent;
    border: 1px solid var(--on_primary);
    margin-right: .5em;
}

.shop__sidemenu .wpf_item input[type="checkbox"]:checked {
    background-color: var(--primary);
}

.shop__sidemenu .wpf_item input[type="checkbox"]:checked:before {
    content: '';
}

.shop__sidemenu .wpf_items_wrapper ul.wpf_column_vertical li {
    margin-bottom: 1em;
}

#woo .woocommerce-breadcrumb,
#woo .woocommerce-breadcrumb a {
    font-size: 1rem;
    color: var(--on_primary);
    text-decoration: none;
    margin-bottom: 3em;
    margin-top: 2em;
}

#woo .woo-product_excerpt .button {
    border-radius: 0;
    border: 1px solid var(--on_primary);
    background-color: transparent;
    color: var(--on_primary);
    opacity: .8;
    margin-top: 1.5em;
    padding: 1em 2em;
}

#woo .woo-product_cart a {
    background-color: var(--primary);
    color: var(--on_primary);
    border-radius: 0;
    font-weight: 500;
    padding: 1em 2em;
    border: 1px solid var(--border_primary);
}

#woocommerce {
    background-color: var(--second);
    padding-top: 100px;
}

.woocommerce-cart-form thead,
.woocommerce-cart-form tbody, 
.woocommerce-cart-form tr, 
.woocommerce-cart-form th, 
.woocommerce-cart-form td,
.woocommerce-cart-form .qib-button:not(#qib_id):not(#qib_id) {
    border: 1px solid #575F73 !important;
    color: var(--on_primary);
}

.woocommerce-cart-form th {
    font-weight: 400 !important;
}

.woocommerce .cart .button {
    background-color: transparent !important;
    color: var(--primary) !important;
    border: 1px solid var(--primary) !important;
}

.woocommerce .product-remove a {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
}

#woocommerce a.remove {
    color: var(--on_primary) !important;
}

.woocommerce .product-remove a:hover {
    background-color: transparent !important;
}

.woocommerce .product-remove a span {
    font-size: 1rem;
    font-weight: 300;
}

.woocommerce-cart-form .product-name a {
    color: var(--on_primary);
    font-weight: 600;
}


.cart_totals  {
    color: var(--on_primary);
    padding-top: 3em;
}

.woocommerce-cart-form .wp-element-button,
.checkout-button {
    background-color: var(--primary) !important;
    color: var(--on_primary) !important;
    font-weight: 500 !important;
    border-radius: 0 !important;
}

.woocommerce-cart-form .qib-button:not(#qib_id):not(#qib_id) {
    background-color: transparent;
}
    
.shop__sidemenu-search #searchform {
    border: 1px solid var(--on_primary);
    border-radius: 0;

}

.qib-container .quantity input.qty:not(#qib_id):not(#qib_id) {
    border: none !important;
    color: var(--on_primary);
}

.woocommerce-error::before {
    color: #A72D38;
}

.woocommerce-error , .woocommerce-info, .woocommerce-message {
    background-color: var(--outline) !important;
    color: var(--on_primary) !important;
    border-top-color: var(--on_primary) !important;
}

.woocommerce-message::before {
    color: var(--on_primary) !important;
}

.woocommerce-info, .woocommerce-message {
    border-top-color: var(--primary) !important;
}

.woocommerce-error a, 
.woocommerce-info a, 
.woocommerce-message a {
    background-color: var(--primary) !important;
    color: var(--on_primary) !important;
    border-radius: 0 !important;
    font-weight: 400 !important;

} 

.woocommerce-info .showcoupon {
    background-color: transparent !important;
}

#customer_details {
    color: var(--on_primary);
}

#customer_details input, 
#customer_details textarea {
    background-color: transparent !important;
    border: 1px solid var(--on_primary) !important;
    color: var(--on_primary) !important;
}

#customer_details input:focus, 
#customer_details textarea:focus {
    border: 1px solid var(--primary) !important;
} 

.woocommerce form .form-row .required {
    color: var(--on_primary) !important;
}

.woocommerce-billing-fields__field-wrapper input {
    padding: .5em 1em;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: var(--second);
    color: var(--on_primary) !important;
    border: 1px solid var(--on_primary) !important;
}

.checkout_coupon {
    color: var(--on_primary);
}

.checkout_coupon button {
    border-radius: 0 !important;
    background-color: var(--primary) !important;
    color: var(--on_primary) !important;
    font-weight: 500 !important;
}

.woocommerce-checkout,
.woocommerce-privacy-policy-text a {
    color: var(--on_primary);
}

.woocommerce-checkout th,
.woocommerce-checkout td {
    border: 1px solid var(--lightBlue);
}

#payment {
    background-color: var(--second) !important;
}

#place_order {
    background-color: var(--primary) !important;
    color: var(--on_primary) !important;
    border-radius: 0 !important;
    font-weight: 500 !important;
    padding: 1em 2em !important;
}

#order_review_heading {
    padding-top: 2em;
    padding-bottom: .75em;
}

.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content {
    color: var(--on_primary);
    padding-bottom: 3em;
}

.woocommerce-MyAccount-content .woocommerce-button {
    background-color: var(--primary) !important;
    color: var(--on_primary) !important;
    border-radius: 0 !important;
    font-weight: 500 !important;
}

.woocommerce-MyAccount-navigation ul {
    list-style: square;
}

.woocommerce-MyAccount-navigation ul li.is-active {
    font-weight: 700 !important;
}

.woocommerce-MyAccount-navigation a,
.woocommerce-MyAccount-content a {
    color: var(--on_primary) !important;
}

.woocommerce-MyAccount-content input {
    background-color: transparent;
    color: var(--on_primary);
    border: 1px solid var(--on_primary);
}

.woocommerce-MyAccount-content .wp-element-button {
    background-color: var(--primary) !important;
    color: var(--on_primary) !important;
    border-radius: 0 !important;
    font-weight: 400 !important;
}

.woocommerce-EditAccountForm .wp-element-button {
    margin-top: 2em !important; 
}

.woocommerce-MyAccount-content .woocommerce-orders-table th,
.woocommerce-MyAccount-content .woocommerce-orders-table td {
    border: 1px solid var(--on_primary);
}

#billing_country {
    background-color: var(--second);
    color: var(--on_primary) !important;
    border: 1px solid var(--on_primary) !important;
}

#customer_login {
    color: var(--on_primary);
}

#customer_login input {
    border: 1px solid var(--on_primary);
    background-color: transparent;
    color: var(--on_primary);
}

.woocommerce-form-login,
.woocommerce-form-register {
    border-radius: 0 !important;
}

.woocommerce-form-login button,
.woocommerce-form-register button {
    background-color: var(--primary) !important;
    color: var(--on_primary) !important;
    border-radius: 0 !important;
    font-weight: 400 !important;
}

.woocommerce-form-login a {
    color: var(--on_primary);
}

#coupon_code {
    width: 140px;
}

.stripe-p24-icon {
    display: none !important;
}

@media only screen and (max-width: 1366px) {
    * {
        font-size: 14px;
    }

    #zalety .zalety_content .box {
        width: 30%;
    }

    .eu img {
        width: 100px;
        height: 100px;
    }
}