#wrapper {
    min-height: 900px;
}

.top-menu {
position: relative;
}

.top-menu > li {
position: relative;
display: inline-block;
}

/* Ukrycie submenu, aby pojawiło się przy najechaniu */
.top-menu .sub-menu {
display: none;  /* Ukrywa submenu domyślnie */
position: absolute;
top: 100%;  /* Pozycjonuje poniżej elementu nadrzędnego */
left: 0;
width: auto;
background-color: #fff; /* Kolor tła submenu */
padding: 10px; /* Dodany padding wokół linków */
z-index: 10;
border-radius: 10px; /* Zaokrąglenie tła */
background-color: #ffffff;
font-weight: 400;
}

/* Wyświetlanie submenu przy najechaniu */
.top-menu > li:hover .sub-menu {
display: block;
}

/* Stylowanie elementów w submenu */
.top-menu .sub-menu li {
display: block;
width: 95%;
padding: 5px 0;
}

/* Stylowanie linków w submenu */
.top-menu .sub-menu li a {
color: #333; /* Kolor tekstu */
text-decoration: none;
display: block;
font-weight: 500;
padding: 8px 12px; /* Padding wewnątrz linków */
background-color: #fff; /* Tło linków zgodne z tłem menu */
border-radius: 16px; /* Zaokrąglenie tła linków */
}

/* Dodanie efektu hover dla elementów submenu */
.top-menu .sub-menu li a:hover {
background-color: #f5f5f5; /* Kolor podświetlenia */
}

.top-menu > li:hover .sub-menu {
opacity: 1;
transform: translateY(0);
}

.menu-images-container img {
    width: 150px;
    height: 150px;
    object-fit: cover; /* Dopasowanie obrazu */
    display: block;
    margin: 0 auto; /* Wyśrodkowanie obrazu */
  }
  
.styled-text {
    font-size: 40px;
    background-color: rgba(255, 255, 255, 0.4); /* Białe tło z przezroczystością 40% */
    border-radius: 15px; /* Zaokrąglone kąty */
    padding: 20px;
    display: inline-block; /* Dopasowanie rozmiaru tła do treści */
}

.baner {
    margin-top: -25px;
    display: flex; 
    justify-content: center; 
    align-items: center;  
}

.banner-seo {
    width: 1140px; 
    max-width: 100%; 
    height: auto; 
    display: block; 
}

.container-seo-main-page {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 20px;
    align-items: flex-start;
    padding: 36px 0 !important;
}

.image-box-seo {
    text-align: center;
    width: 150px; 
}

.image-box-seo img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border: 1px solid #ccc;
    border-radius: 5px;
    transition: transform 0.3s ease; 
}

.image-box-seo img:hover {
    transform: scale(1.15);
}

.image-box-seo a {
    display: block; 
    margin-top: 10px; 
    text-decoration: none;
    font-size: 16px;
    color: #007BFF;
    font-weight: bold;
    text-align: center; 
}

.image-box-seo a:hover {
    text-decoration: underline; 
}

.h1-main-page {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.h1-main-page::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px; 
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #135047 20%, #F9AB16 80%, rgba(255, 255, 255, 0) 100%);
}

.thumbnail-top {
    display: inline-block; 
    transition: transform 0.3s ease; 
    transform-origin: center center; 
}

.thumbnail-top:hover {
    transform: scale(1.05);
}

.seo-text {
    font-family: Poppins;
    font-size: 16px;
    color: black;
}

#product-information p,
#tab-content p,
#description p,
#footer_sub_menu_2 p,
#block_myaccount_infos p,
#footer_account_list p,
#contact-infos p,
#custom-text p,
.card-block p,
.category-additional-description p,
.tax-shipping-delivery-label p,
.product-description p,
.nav p,
.nav-tabs p,
.nav-item p,
.nav-link p,
.active p,
.js-product-nav-active p,
.tab-content p,
.tab-pane p,
.fade p,
.in p,
.js-product-tab-active p,
.collapse p,
.col-md-3 p,
.links p,
.wrapper p,
.account-list p,
.block-contact p {
    font-family: Poppins !important;
    font-size: 16px !important;
    color: black !important;
}

@media (max-width: 767px) {
    #product-information p,
    #tab-content p,
    #description p,
    #footer_sub_menu_2 p,
    #block_myaccount_infos p,
    #footer_account_list p,
    #contact-infos p,
    #custom-text p,
    .card-block p,
    .category-additional-description p,
    .tax-shipping-delivery-label p,
    .product-description p,
    .nav p,
    .nav-tabs p,
    .nav-item p,
    .nav-link p,
    .active p,
    .js-product-nav-active p,
    .tab-content p,
    .tab-pane p,
    .fade p,
    .in p,
    .js-product-tab-active p,
    .collapse p,
    .col-md-3 p,
    .links p,
    .wrapper p,
    .account-list p,
    .block-contact p {
        text-align: left !important;
    }
}

@media (max-width: 1024px) {
    #product-information p,
    #tab-content p,
    #description p,
    #footer_sub_menu_2 p,
    #block_myaccount_infos p,
    #footer_account_list p,
    #contact-infos p,
    #custom-text p,
    .card-block p,
    .category-additional-description p,
    .tax-shipping-delivery-label p,
    .product-description p,
    .nav p,
    .nav-tabs p,
    .nav-item p,
    .nav-link p,
    .active p,
    .js-product-nav-active p,
    .tab-content p,
    .tab-pane p,
    .fade p,
    .in p,
    .js-product-tab-active p,
    .collapse p,
    .col-md-3 p,
    .links p,
    .wrapper p,
    .account-list p,
    .block-contact p {
        text-align: left !important;
    }
}

h2 {
    text-align: center;
    margin: 20px 0px;
    position: relative;
}

#custom-text h2::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    height: 2px; 
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #135047 20%, #F9AB16 80%, rgba(255, 255, 255, 0) 100%);
}

.seo-lista-ul {
    line-height: 35px;
    padding-left: 40px; 
    margin: 0 0 16px 0; 
}

.seo-lista-ol {
    line-height: 35px;
    padding-left: 40px; 
    margin: 0 0 16px 0; 
}

@media (max-width: 767px) {
    .seo-lista-ul,
    .seo-lista-ol {
        text-align: left !important; 
    }
}

.seo-lista-ol {
    list-style: decimal; 
}

.seo-lista-ul {
    list-style: disc; 
}

.current-price-value {
    font-size: 28px;
    color: #174eef !important;
}

#custom-text a {
    color: #174EEF;
}
.seo-lista-ol .seo-lista-ul {
    color: #174EEF;
}

.product-description ul {
    line-height: 35px !important;
    padding-left: 40px !important; 
    margin: 0 0 16px 0 !important; 
    list-style: disc !important; 
}

.category-additional-description ul {
    line-height: 35px !important;
    padding-left: 40px !important; 
    margin: 0 0 16px 0 !important; 
    list-style: disc !important; 
}

@media screen and (max-width: 767px) {
    #search_filters_suppliers,
    #search_filters_brands,
    #subcategories,
    .block-categories,
    .ets_block_latest,
    .ets_block_categories,
    .ets_block_search,
    .ets_block_archive {
      display: none !important;
    }
  }