.sppb-addon-single-image .sppb-addon-single-image-container img {
  width: unset !important;
  justify-self: center !important;
}

.vm-order-done>div {
    margin-bottom: 20px;
}

.popularnewpisy span {
    color: black;
}

.popularnewpisy span:hover {
    color: #e74c3c;
}

.topcall .sp-contact-info>li {
  font-size: 14px !important;
}

.article-intro-image img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

.article-header h2 a {
    color: #fff !important;
}

body ul li {
  font-size: 18px !important;
  }

.box-bg-indent form {
    margin-bottom: 20px;
}

.h4, .h5, .h6, h4, h5, h6 {
  color: #fff !important;
}

#sp-footer-copyright a {
    color: #00ffff;
}

#sp-footer-copyright a:hover {
    color: #0040aa;
}

#cart-view .billto-shipto input,
#cart-view .vm-payment-select input,
#cart-view .vm-shipment-select input,
#cart-view .vm-fieldset-tos input {
    opacity: 0;
}

#sp-header {
  background: linear-gradient(0deg, rgba(30, 87, 153, 1) 0%, rgba(125, 185, 232, 1) 99%);
}
.t4-navigation {
  background: linear-gradient(0deg, rgba(30, 87, 153, 1) 0%, rgba(125, 185, 232, 1) 99%);
}
.t4-navigation .t4-row {
  flex-wrap: wrap;
}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active>span {
  background: linear-gradient(0deg, rgba(21, 73, 134, 1) 0%, rgba(78, 139, 186, 1) 99%);
}
#sp-header .mainnav {
  position: relative !important;
  /*margin-left: 40em;*/
}
.t4-header {
  background: linear-gradient(0deg, rgba(30, 87, 153, 1) 0%, rgba(125, 185, 232, 1) 99%);
}
.t4-top-header {
  background: #215a9c;
  color: white;
  border-bottom: unset;
}
.topcall a {
  color: white;
}
.topcall span {
  color: white;
}
.sp-megamenu-parent>li{
  border-right: none;
}
.sp-megamenu-parent>li:first-child {
    border-left: none;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
  background-color: transparent;
  }
.sp-megamenu-parent>li>a:hover{
  background: linear-gradient(0deg, rgba(21, 73, 134, 1) 0%, rgba(78, 139, 186, 1) 99%);
}
.sp-megamenu-parent>li.sp-has-child:hover>span{
  background: linear-gradient(0deg, rgba(21, 73, 134, 1) 0%, rgba(78, 139, 186, 1) 99%);
}
#sp-footer-copyright{
  color: #ffffff;
  background: linear-gradient(180deg, rgba(33,90,156,1) 0%, rgba(37,94,161,1) 10%, rgba(59,121,193,1) 50%);
}
.header-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 30px;
  background: linear-gradient(0deg, rgba(30, 87, 153, 1) 0%, rgba(125, 185, 232, 1) 100%);
}

/* Logo automatycznie będzie po lewej */
.header-nav .logo img {
  max-height: 60px; /* lub dostosuj */
}

#sp-main-body {
  background-color: #215a9c;
}











/* Główne menu */
.sppb-addon .menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Główne elementy */
.sppb-addon .menu > li {
  position: relative;
  display: block;
}

.sppb-addon .menu > li > a {
  display: block;
  padding: 10px 15px;
  color: #b8dcff;
  text-decoration: none;
  transition: background-color 0.25s, color 0.25s;
}

/* Hover głównego elementu */
.sppb-addon .menu > li > a:hover {
  background-color: rgba(0, 0, 0, 0.25);
  color: #ffffff;
}

.sppb-addon .menu li.menu-parent > ul.menu-child > li.current > a,
.sppb-addon .menu li.menu-parent > ul.menu-child > li.active > a {
  background-color: #214589;
  color: #ffffff;
}

/* Aktywny element */
.sppb-addon .menu > li.current > a,
.sppb-addon .menu > li.active > a {
  background-color: #1b4f8a;
  color: #ffffff;
  font-weight: 600;
}

/* --- PODMENU --- */
.sppb-addon .menu li.menu-parent > ul.menu-child {
  list-style: none;
  margin: 0;
  padding: 5px 0 5px 25px; /* wcięcie */
  background: transparent;
}

/* Elementy w podmenu */
.sppb-addon .menu li.menu-parent > ul.menu-child > li {
  margin: 2px 0;
}

/* Linki w podmenu */
.sppb-addon .menu li.menu-parent > ul.menu-child > li > a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  color: #cfe6ff;
  font-size: 15px;
  text-decoration: none;
  transition: background-color 0.25s, color 0.25s;
  border-radius: 3px;
}

/* Kwadratowy znacznik */
.sppb-addon .menu li.menu-parent > ul.menu-child > li > a::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #cfe6ff;
}

/* Hover na podmenu — tło + biały tekst */
.sppb-addon .menu li.menu-parent > ul.menu-child > li > a:hover {
  background-color: rgba(0, 0, 0, 0.25);
  color: #ffffff;
}

/* Zmiana koloru znacznika na hover */
.sppb-addon .menu li.menu-parent > ul.menu-child > li > a:hover::before {
  background-color: #ffffff;
}

/* Odstęp między głównymi pozycjami */
.sppb-addon .menu > li + li {
  margin-top: 2px;
}




















@media (min-width: 320px) and (max-width: 991px) {
    #t4-top-header {
        display: block !important;
    }

    #t4-top-header .sp-contact-info>.sp-contact-email,
    #t4-top-header .sp-contact-info>.sp-contact-time {
        display: none !important;
    }

    #t4-top-header .sp-contact-info li {
        padding: 0 1.5em;
    }
}

    .socialmedia-mobile {
        width: 6em;
    }

    /* TYLKO rząd z ikonami */
.socialmedia-row {
    display: flex !important;
    /*justify-content: center;*/
    align-items: center;
    gap: 14px; /* odstępy */
    flex-wrap: nowrap; /* nie łamie do następnego wiersza */
}

/* Kolumny mają tylko tyle miejsca ile potrzeba */
.socialmedia-row .sppb-row-column {
    flex: 0 0 auto !important;
    width: auto !important;
    padding: 0 !important;
}

/* Ikonki */
.socialmedia-mobile img {
    width: 5em !important;
    height: auto;
    display: block;
}
h1, h2, h3 {
  color: #ffffff !important;
  font-weight: bold !important;
}
#offcanvas-toggler:after {
  background-color: transparent !important;
}
#offcanvas-toggler .burger-icon>span {
  background-color: white !important;
}
.offcanvas-menu {
  background-color: #222;
}
.offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler:after {
  color: #E74C3C
  }