@media (min-width: 1680px) {
    header.header .ul-submenu {
        display: flex !important;
        grid-column-gap: 50px;
        grid-template-columns: 1fr;
    }

}












@media (min-width: 999px) {
    header.header .ul-submenu {
        display: flex !important;
        grid-column-gap: 50px;
        grid-template-columns: 1fr;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
}

@media (min-width: 999px) {
    header.header .ul-submenu .header-menu__item {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 20% !important;
    }
}


@media (min-width: 999px) {
    header.header .header-menu__item {
        padding: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

}
    @media (min-width: 999px) {
        header.header nav ul li:hover>ul {
            -webkit-transition: all .3s;
            transition: all .3s;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex !important;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
    }

    @media (min-width: 999px) {
        header.header .sub-menu, header.header .ul-submenu {
            max-width: max(500px, 100%);
        }
    }

    @media (min-width: 999px) {
        header.header .sub-menu, header.header .ul-submenu {
            width: 500px;
        }
    }


    @media (min-width: 999px) {
        header.header .ul-submenu {
            display: flex !important;
            grid-column-gap: 50px;
            grid-template-columns: 1fr;
            flex-wrap: wrap;
            flex-direction: row;
            justify-content: center;
            align-items: flex-start;
        }
    }


    @media (min-width: 999px) {
        header.header .ul-submenu .header-menu__item {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            max-width: 20% !important;
        }
    }


    header.header .header-menu__item>a {
        color: #404040;
        text-transform: uppercase;
        text-decoration: none;
        text-align: center;
        font-weight: 300;
        -webkit-transition: all .3s;
        transition: all .3s;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    }

/* MENU */

#ywapo_ctrl_id_17_0{
      display: grid;
    border: 4px solid #00e2de;
    border-radius: 24px;
    line-height: 35px;
width:100%;
  }

.second-header-menu__item{
  
  position: relative;
        top: 0px !important;
        left: 0px !important;
  
}

/* Usuwamy ograniczenie wysokości i przewijanie dla submenu */
ul.sub-menu {
    max-height: none !important;
    overflow: visible !important;
}

/* Pozycjonujemy pierwszy poziom submenu absolutnie, tak aby nie rozszerzał głównego menu */
.header-menu__item.has-children > ul.sub-menu {
    position: absolute;
    z-index: 1000;
}

/* Pozycjonujemy trzeci poziom (second-sub-menu) absolutnie względem swojego rodzica */
ul.sub-menu.second-sub-menu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 999999999999 !important;
}



/* Upewnij się, że elementy posiadające submenu są pozycjonowane względnie */
.header-menu__item.has-children {
    position: relative !important;
}

/* Dla trzeciego poziomu submenu (z klasą second-sub-menu) ustawiamy pozycjonowanie absolutne */
ul.sub-menu.second-sub-menu {
    position: absolute !important;
    top: 0;
    left: 100%;
    z-index: 999999999999 !important;
}


.second-sub-menu {
    z-index: 999999999999 !important;
}
/*
@media (min-width: 1380px) {
    header.header .sub-menu, header.header .ul-submenu {
        max-width: max(800px, 100%) !important;
    }
}

@media (min-width: 1680px) {
    header.header .ul-submenu {
        display: flex !important
;
        grid-column-gap: 20px;
        flex-direction: row !important;
        flex-wrap: wrap !important;
    }
}

@media (min-width: 1680px) {
    header.header .ul-submenu .header-menu__item {
        width: 25% !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}


*/





@media only screen and (min-width: 1200px) {
.woocommerce .category-page-content {
    width: 1320px;
    margin: auto;
}

}


.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0 0.8% 2.992em 0;
    width: 32%;
}


.icons {

    z-index: 1 !important;
}

form.checkout .select2-selection, form.woocommerce-form-login .select2-selection, form.woocommerce-form .select2-selection {
    margin: 0;
    height: 50px !important;
}

/*  Aktualizacja Woocommerce */

.woocommerce .products ul, .woocommerce ul.products {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}


.tagged_as{
  display:none !important;
  
}




/* Addon wybór */
/* Base styles for the options container */
.options-container {
  font-family: Arial, sans-serif; /* Adjust to your site's font */
}

/* Styling for the radio button and label container */
.radio-button-container {
  padding: 12px 25px;
  display: flex;
  align-items: center;
  border-radius: 30px;
  background-color: transparent; /* Default background */
  padding: 10px;
  font-weight: 500;
  transition: background-color 0.2s;
  border: 4px solid #00C4CC; /* Neutral border color */
}

/* Styling for the label */
.yith-wapo-label {
  display: flex;
  align-items: center;
  font-size: 1em;
  color: #333; /* Text color */
  cursor: pointer;
}

/* Hide the default radio button style */
.radiobutton input[type="radio"] {
  appearance: none;
  margin-right: 10px;
}

/* Styling the price inside the label */
.option-price {
  font-size: 0.85em;
  color: #666;
  margin-left: 5px;
}

/* Adjust the background of the label when its radio button is selected */
.yith-wapo-option.selection-single.selected .radio-button-container {
  background-color: #00C4CC; /* Background color for selected item */
  color: white !important; /* Text color for selected item */
}

/* Optional: Adjustments for positive and negative price indications */
.option-price .positive {
  color: green; /* Color for increase in price */
}

.option-price .negative {
  color: red; /* Color for no additional cost */
}

/* Hover effect for the option */
.radio-button-container:hover {
  background-color: #E0E0E0; /* Hover color */
}

/* Ensure the correct layout for the content inside the label */
.yith-wapo-label {
  width: 100%;
  justify-content: space-between;
}


.yith-wapo-addon:not(.yith-wapo-addon-type-label) .yith-wapo-option .image img {
    max-width: 100%;
    max-height: 90px;
}