.ddd {
  color: red;
}

.unit_price {
    font-weight: 100;
    margin-top: 10px;
}

.product-item-details .unit_price {
    font-size: 12px;
    margin-top: -12px;
    margin-bottom: 5px;
}

/* Filtry - domyslnie zwiniete */
.filter-options-item .filter-options-content {
    display: none;
}

@media (max-width: 767px) {
  .page-header.type2.header-newskin .nav-toggle:before {
    color: #81b714 !important;
  }

  .page-header.type2.header-newskin .minicart-wrapper .action.showcart:after {
    color: #81b714 !important;
  }

  .page-header.type2.header-newskin .minicart-wrapper .action.showcart:before,
  .page-header.type2.header-newskin
    .minicart-wrapper
    .action.showcart.active:before {
    color: #81b714 !important;
  }

  .page-header.type2.header-newskin .block-search .label:before,
  .page-header.type2.header-newskin .nav-toggle:before {
    color: #81b714 !important;
  }

  .navigation .ui-menu-item.level2 a {
    padding-left: 40px;
  }
}

@media (min-width: 768px), print {
  .page-header.type2 .customer-welcome .action.switch {
    /*   color: #393939!important;*/
  }
}

@media (min-width: 767px) {
  .page-header.header-newskin .navigation .level0 > .level-top {
    padding: 0 4px !important;
  }

  .page-header.type2.header-newskin .navigation .level0 > .level-top {
    font-size: 24px !important;
    font-weight: 500 !important;
  }

  .page-header.type2.header-newskin .navigation li.level0:hover {
    /*   color: #81B714!important; */
  }

  .navigation .level0 .submenu > ul:after {
    /*     color: #81B714!important;*/
  }

  .page-header.header-newskin
    .navigation
    li.level0.fullwidth
    .submenu
    li.level1
    > a {
    font-weight: 700 !important;
    color: #81b714 !important;
    font-size: 20px !important;
    padding-bottom: 5px;
    padding-top: 5px;
    font-family: "Roboto", sans-serif !important;
  }

  .page-header.header-newskin
    .navigation
    li.level0.fullwidth
    .submenu
    li.level2
    > a {
    font-size: 17px !important;
    color: #333333 !important;
    font-weight: 500 !important;
    line-height: 25px;
    text-transform: capitalize !important;
    font-family: "Roboto", sans-serif !important;
  }

  .navigation {
    font-family: "Roboto", sans-serif !important;
  }
}

.subchildmenu {
  padding: 0 !important;
}

.table-checkout-shipping-method {
  width: 100%;
}

.table-checkout-shipping-method tbody .col-carrier {
  display: none;
}

.table-checkout-shipping-method tbody .col-price {
  min-width: 100px;
  max-width: 100px;
}

.table-checkout-shipping-method tbody td:first-child {
  min-width: 50px;
  max-width: 50px;
}

.page-header.header-newskin .navigation li.level0.fullwidth .submenu a,
.page-header.header-newskin .navigation li.level0.classic .submenu a,
.page-header.header-newskin .navigation li.level0.staticwidth .submenu a {
  line-height: 14px;
}

/*
.page-header.type2.header-newskin .minicart-wrapper {
    background-color: #ffffff !important;
    border-color : #ffffff !important;
}
*/

.gallery-placeholder .fotorama__caption__wrap {
  display: none;
}
/*
@media (min-width: 768px), print {
    .block-search {
        width: 500px!important;
    }
}

*/

.fotorama--fullscreen .fotorama__fullscreen-icon:before {
  content: "\274C" !important;
}

.parallax-slider .content h2 {
  font-family: "Oswald";
  font-size: 55px;
  letter-spacing: 0.01em;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 12px;
}

.parallax-slider .content span {
  font-size: 16px;
  color: #fff;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  display: block;
  margin-bottom: 24px;
}

.parallax-slider .content a {
  font-family: "Oswald";
  font-size: 14px;
  color: #fff;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 11.5px 29px;
}

.fotorama__fullscreen-icon {
  display: block !important;
  opacity: 1 !important;
  -webkit-transform: translate3d(0, 0, 0) !important;
  -ms-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}

.invoice-form .form-list li {
  width: 100px;
}

.nip-input {
  width: 150px !important;
}

.nip-table td,
.nip-table tr {
  vertical-align: middle;
}

.nip-invalid {
  border-color: red !important;
}

.nip-invalid-text {
  display: block !important;
  color: red;
}

.page-header.type2.header-newskin.sticky-header .nav-sections {
  background-color: #ffffff !important;
  color: #fff;
}

/*
.page-header.type2.header-newskin .minicart-wrapper
{
    background-color: #F4631B!important;
    border: solid 1px #F4631B!important;;
}*/

.level0.submenu {
  max-width: 100% !important;
}

.products-grid .product-item .product-item-details .product-item-name,
.products-grid .product-item .product-item-details .product-item-name a {
  white-space: normal !important;
  text-overflow: unset !important;
  overflow-wrap: break-word !important;
}

.product-item-name {
  height: 63px;
  overflow: hidden;
}

.pops-insufficient_stock {
  padding-top: 5px;
  padding-bottom: 5px;
  color: red;
}

.block-category-list .block-title {
  font-size: 14px !important;
}

.block-category-list .block-content {
  font-size: 13px !important;
}

.filter-options-title {
  font-size: 14px !important;
}

.product-info-price .normal-price {
  float: left;
}

.old-price {
  padding-left: 15px;
  padding-top: 5px;
}

.omnibus_notice {
  margin-top: -25px;
}

.promotion-end-date {
  width: 100%;
  margin-top: 5px;
}

.promotion-end-date span {
  display: inline-block;
  background-color: #e74c3c;
  color: #fff;
  font-size: 13px;
  padding: 4px 10px;
  border-radius: 3px;
}

.product-info-price .special-price {
  float: left;
}


@media (max-width: 767px)
{
	.page-main
	{
		margin : auto;
    }
}

.product-social-links
{
	display: none;
}

.widget
{
	margin-top : 0px!important;
}


/* Naprawa głównego kontenera nagłówka - stabilizuje szerokość i flex layout */
header.page-header,
header {
  background-color: #fff !important; /* Lub #fff jeśli niestandardowe */
  border: none !important;
}
/* nav links*/
@media (max-width: 992px) {
  .page-header.type2 {
    padding: 8px 0 !important;
  }
}

/* top widget */
.widget.block.block-static-block {
  margin-bottom: 18px !important;
}

.main-panel-top {
  background: #f2f2f2 !important;
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
}

/* nav links*/
@media (max-width: 992px) {
  .main-panel-top {
    display: none !important;
    height: 0;
  }
}

.header-main {
  height: auto !important;
}

.panel.wrapper::after {
  border-bottom: 0px !important;
}

.panel.header.show-icon-tablet {
  max-width: 100% !important;
  width: 100% !important;
}

.header.links {
  color: #393939 !important;
  font-size: 11px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  width: 100% !important;
  display: flex !important;
  justify-content: end !important;
}

.header.links > li > * {
  text-transform: uppercase !important;
}

.header-right > .separator {
  display: none !important;
}

.top-links-icon {
  display: none !important;
}

/* header main */
.header.content.header-row {
  display: flex !important ;
  align-items: center !important;
  padding: 30px 0 !important;
  height: 100% !important;
}

@media (max-width: 992px) {
  .header.content.header-row {
    padding: 0 !important;
    margin: 0 auto;
    height: 100% !important;
  }
}

.header.content::before,
.header.content::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 992px) {
  .header-left > .logo img {
    width: 65px !important;
    min-width: 65px !important;
  }

  .header-center {
    margin-left: auto !important;
  }
}

.header-left > .action.nav-toggle::before {
  color: #81b714 !important;
}

.header-contact > .wishlist
{
	display : none;
}

.header-contact > .my-account
{
    color: #64b733 !important;
}

@media (min-width: 700px) {
  .header-contact > .my-account {
    display : none!important;
  }
}


.header-left {
  display: flex;
  align-items: center;
  gap: 4px;
}

@media (min-width: 1350px) {
  .header-center {
    padding-left: 120px !important;
  }
}

@media (min-width: 992px) {
  .search-toggle-icon i.porto-icon-magnifier {
    display: none !important;
  }

  .header-right {
    margin-left: auto !important;
  }
}

.minicart-wrapper.cart-design-1 {
  padding: 7px 16px 6px !important;
  box-shadow: 0px 5px 11px -2px rgba(0, 0, 0, 0.1) !important;
  border-radius: 2px !important;
}

a.action.showcart::after {
  font-size: 14px !important;
  color: #bde1f5 !important;
}

.minicart-icon.porto-icon-shopping-cart {
  font-size: 22px !important;
  color: #64b733 !important;
}

@media (max-width: 992px) {
  .minicart-wrapper.cart-design-1 {
    padding: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  a.action.showcart::after {
    font-size: 14px !important;
    color: transparent !important;
  }
}

/* search */
.block.block-search {
  background-color: #fff !important;
  color: #8d8d8d !important;
  border-radius: 9999px !important;
  border: 1px solid #dbe0e2 !important;
}

.page-header.type2 .block-search input {
  height: 40px !important;
  font-size: 12px !important;
}

.page-header.type2 .search-area .minisearch .actions button {
  height: 40px !important;
}

.page-header.type2 .search-area .minisearch .actions button::before {
  opacity: 0.5 !important;
}

.sections.nav-sections {
  background-color: #ffffff !important;
  min-height: auto !important;
}

.level0.submenu {
  padding: 10px !important;
}

.section-item-content.nav-sections-item-content
  nav.navigation.sw-megamenu
  > ul {
  background-color: #ffffff !important;
}

.section-item-content.nav-sections-item-content
  nav.navigation.sw-megamenu
  > ul
  > li {
  background-color: #ffffff !important;
  margin-right: 19px !important;
}

@media (max-width: 992px) {
  .section-item-content.nav-sections-item-content
    nav.navigation.sw-megamenu
    > ul
    > li {
    margin-right: 0px !important;
  }
}

.section-item-content.nav-sections-item-content
  nav.navigation.sw-megamenu
  > ul
  > li:hover {
  background-color: #ffffff !important;
}

.section-item-content.nav-sections-item-content
  nav.navigation.sw-megamenu
  > ul
  > li
  > a {
  display: flex !important;
  align-items: center !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  color: #222529 !important;
  height: 44px !important;
}

.section-item-content.nav-sections-item-content > ul.header.links {
  display: none !important;
}

@media (max-width: 992px) {
	.manufacturer-logo
	{
		width : 100px;
		height: auto;
	}
	
  .section-item-content.nav-sections-item-content
    nav.navigation.sw-megamenu
    > ul
    > li
    > a {
    font-size: 13px !important;
    font-weight: 400;
    color: #777 !important;
    text-transform: uppercase;
    word-wrap: break-word;
  }

  .section-item-content.nav-sections-item-content
    nav.navigation.sw-megamenu
    > ul
    > li
    > a.level-top.ui-state-active {
    font-weight: 700 !important;
    color: #333 !important;
  }

  .section-item-content.nav-sections-item-content
    nav.navigation.sw-megamenu
    > ul
    > li
    > a::after {
    font-size: 16px !important;
  }

  .level0.submenu {
    padding: 0 !important;
  }

  .level0.submenu.opened
    > .container
    > .row
    > .subchildmenu
    > .ui-menu-item
    > a {
    font-size: 13px !important;
    color: #777 !important;
    font-weight: 400 !important;
  }

  .level0.submenu.opened
    > .container
    > .row
    > .subchildmenu
    > .ui-menu-item
    > ul.subchildmenu
    > li.ui-menu-item
    > a {
    font-size: 13px !important;
    color: #777 !important;
    font-weight: 400 !important;
  }

  .section-item-title.nav-sections-item-title {
    background-color: #81b714 !important;
  }

  .section-item-title.nav-sections-item-title.active {
    background-color: #ffffff !important;
  }

  .section-item-title.nav-sections-item-title > .nav-sections-item-switch {
    font-size: 13px !important;
  }

  .section-item-title.nav-sections-item-title.active
    > .nav-sections-item-switch {
    font-size: 13px !important;
    color: #81b714 !important;
  }

  .section-item-content.nav-sections-item-content > ul.header.links {
    display: flex !important;
    flex-direction: column !important;
  }

  .section-item-content.nav-sections-item-content > ul.header.links > li {
    color: #777 !important;
    font-size: 13px !important;
  }
}

.section-item-content.nav-sections-item-content
  nav.navigation.sw-megamenu
  > ul
  > li
  > a:hover,
.section-item-content.nav-sections-item-content
  nav.navigation.sw-megamenu
  > ul
  > li
  > a:hover::after {
  color: #81b714 !important;
}

.subchildmenu li.ui-menu-item.level1 > a {
  font-weight: 700 !important;
  color: #81b714 !important;
  font-size: 20px !important;
  padding-bottom: 5px;
  padding-top: 5px;
  font-family: "Roboto", sans-serif !important;
}

.subchildmenu
  li.ui-menu-item.level1
  > ul.subchildmenu
  > li.ui-menu-item.level2
  > a {
  font-size: 17px !important;
  color: #333333 !important;
  font-weight: 500 !important;
  line-height: 25px;
  text-transform: capitalize !important;
  font-family: "Roboto", sans-serif !important;
}

.minicart-wrapper.cart-design-1 {
  top: 5% !important;
  right: 0px !important;
}

.navigation.sw-megamenu .minicart-wrapper.cart-design-1 {
  box-shadow: none !important;
  background: transparent !important;
}

.navigation.sw-megamenu
  .minicart-wrapper.cart-design-1
  .action.showcart::after {
  color: transparent !important;
}

.block.block-minicart.empty.ui-dialog-content.ui-widget-content {
  margin-top: 9px !important;
}

.footer-middle,
.footer-bottom,
.footer-top {
  background: #222529 !important;
}

.newsletter-section {
  width: 100% !important;
}

.field.newsletter > .control > .input-text > input {
  font-size: 14px !important;
}

.footer-top > .container > .row > .col-lg-12 > .custom-block::before,
.footer-top > .container > .row > .col-lg-12 > .custom-block::after {
  display: none !important;
}

.filterproducts.products.products-slider.list.items.product-items.owl-carousel.owl-loaded.owl-drag
  > .owl-nav
  > button {
  width: 47px !important;
  height: 41px !important;
  pointer-events: all;
}

.filterproducts.products.products-slider.list.items.product-items.owl-carousel.owl-loaded.owl-drag
  > .owl-nav
  > button::before {
  display: none !important;
}

.filterproducts.products.products-slider.list.items.product-items.owl-carousel.owl-loaded.owl-drag
  > .owl-nav
  > button
  > em::before {
  font-size: 24px;
  color: #333;
}

.owl-carousel .owl-nav .owl-prev {
  left: -50px !important;
}

.owl-carousel .owl-nav .owl-next {
  right: -50px !important;
}

.page-main > .page-title-wrapper .page-title {
  text-transform: uppercase !important;
  font-weight: 700 !important;
  color: #81b714 !important;
}

.filter-options > .filter-options-item {
  margin-bottom: 14px !important;
  border-bottom: none !important;
}

.filter-options > .filter-options-item > .filter-options-title {
  margin-bottom: 0px !important;
  color: #141a1f !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  margin-bottom: 10px !important;
}


.filter-options > .filter-options-item > .filter-options-title::after {
  display: none !important;
}

.filter-options-content {
  padding-bottom: 10px !important;
}

.filter-options-content > ol.items > li.item {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}

.filter-options-content > ol.items > li.item > input {
  top: 0px !important;
}

.filter-options-content > ol.items > li.item > a {
  color: #777 !important;
  font-size: 13px !important;
  padding: 0 !important;
}

.filter-options-content > ol.items > li.item > a > span {
  color: #777 !important;
  font-size: 13px !important;
}

.block-content.filter-content.mageplaza-layer-disabled > .filter-current {
  padding: 0 !important;
}

.block-content.filter-content.mageplaza-layer-disabled
  > .filter-current
  > ol.items {
  padding-bottom: 10px !important;
}

.block-content.filter-content.mageplaza-layer-disabled
  > .filter-current
  > ol.items
  > li.item {
  margin: 9px 0 !important;
  font-size: 13px !important;
}

.block-category-list .block-title,
.filter-options-title,
.filter .filter-current-subtitle {
  font-weight: 700 !important;
}

.filter .filter-current-subtitle {
  padding: 10px 15px !important;
}

.filter-current ol.items li.item .action.remove {
  padding-right: 15px !important;
}

.block-actions.filter-actions {
  padding: 10px 15px !important;
  text-align: right !important;
}

.block-actions.filter-actions > a.action.clear.filter-clear {
  color: #81b714 !important;
  font-size: 11px !important;
}

.ui-slider-handle.ui-corner-all.ui-state-default {
  width: 11px !important;
  height: 11px !important;
  margin-top: -4px !important;
  border-radius: 6px !important;
  background: #81b714 !important;
}

.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content {
  height: 2px !important;
}

#ln_slider_text_price {
  font-size: 13px !important;
}

.sidebar-content > .block-category-list > .block-title > strong {
  font-weight: 700 !important;
  font-size: 14px !important;
}

.breadcrumbs {
  margin-bottom: 15px !important;
}

.breadcrumbs > .items {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

.breadcrumbs > ul.items > li.item {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #a3a3a3 !important;
}

.breadcrumbs > ul.items > li.item > a {
  color: #777 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  cursor: pointer;
}

.breadcrumbs > ul.items > li.item:not(:last-child)::after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  line-height: 18px;
  color: inherit;
  content: "\f80d";
  font-family: "porto-icons";
  margin: 0 9px;
  vertical-align: middle;
  display: inline-block;
  font-weight: 400;
  overflow: hidden;
  speak: none;
  text-align: center;
}

.product-info-stock-sku > a > img {
  position: absolute !important;
  right: 0 !important;
  top: -45px !important;
  background: transparent !important;
}

.product-options-bottom > .box-tocart > .fieldset {
  display: flex !important;
}

.control > input {
  background: transparent !important;
}

.control,
.control > .qty-changer {
  margin-left: 0 !important;
}

.control > .qty-changer > .qty-inc {
  right: 1px !important;
}

.control > .qty-changer > .qty-dec {
  left: 1px !important;
}

@media (max-width: 992px) {
  .actions > button.action.primary.tocart > span {
    display: none !important;
  }
}

.cms-regulamin-nowy > .page-wrapper > .breadcrumbs > ul.items > li.item {
  color: black !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  cursor: pointer;
}

.cms-regulamin-nowy
  > .page-wrapper
  > .breadcrumbs
  > ul.items
  > li.item
  > a:after {
  color: black !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  cursor: pointer;
}

.cms-regulamin-nowy > .page-wrapper {
  background-color: white !important;
}

.cms-regulamin-nowy > .page-wrapper > .breadcrumbs {
  background-color: #f8f8f8 !important;
}

@media (max-width: 992px) {
  /* Ensure header center & search area can go full width */
  .page-header.type2 .header-center {
    width: 100% !important;
    position: relative !important;
  }

  .page-header.type2 .header-center .search-area {
    width: 100% !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-direction: row-reverse !important;
  }

  /* Put search block into normal flow; show only when .show is present */
  .page-header.type2 .block.block-search {
    position: static !important;
    display: none !important;
    width: 100% !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  .page-header.type2 .block.block-search.show {
    display: block !important;
    position: fixed !important;
    top: 50px !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    background: #fff !important;
    padding: 8px 16px !important;
    box-sizing: border-box !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
  }

  /* Unhide and stretch inner wrappers */
  .page-header.type2 .block.block-search.show .block-content,
  .page-header.type2 .block.block-search.show .field.search,
  .page-header.type2 .block.block-search.show .field.search .control {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
  }

  /* The control must be positioning context for the input */
  .page-header.type2 .block.block-search .field.search .control {
    position: relative !important;
    width: 100% !important;
    height: 40px !important;
  }

  /* INPUT: fill the control; override inline right/left/bottom/display */
  .page-header.type2 .block.block-search input[type="text"],
  .page-header.type2 .block.block-search input[type="search"] {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;

    width: 100% !important;
    height: 100% !important;
    display: block !important;
    box-sizing: border-box !important;

    padding: 0 12px !important;
    border: 1px solid #d1d5db !important;
    background: #fff !important;
    border-radius: 9999px !important;
    font-size: 14px !important;
    outline: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }

  /* Autocomplete dropdown below the input, not covering it */
  #search_autocomplete {
    top: 40px !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 100 !important;
  }

  /* hide Magento submit button if you use the icon toggle */
  .page-header.type2 .block.block-search .actions {
    display: none !important;
  }

  /* keep the “advanced search” tucked under input */
  .page-header.type2 .block.block-search .nested {
    margin-top: 6px !important;
  }

  .search-area.show-icon-tablet > .search-toggle-icon {
    font-size: 18px !important;
    color: #81b714 !important;
    margin-right: 5px !important;
    -webkit-text-stroke: 1px !important;
  }

  .header.content.header-row {
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 0 !important;
  }

  .breadcrumbs {
    max-width: 100% !important;
  }

  .product.data.items > .item.title.active > .switch {
    border-bottom: none !important;
  }
}

.product-info-main > .product-reviews-summary::after {
  display: none !important;
}

.product-info-main > .product-reviews-summary > .reviews-actions > a {
  padding-left: 10px !important;
}

.product-info-main > .product-info-stock-sku {
  position: relative !important;
}

.product-options-bottom > .box-tocart > .fieldset > .moved-add-to-links {
  margin-top: 0px !important;
}

.block-reorder
{
	display:none;
}

@media (min-width: 1200px) {
  .page-product-configurable
    > .page-wrapper
    > .page-main
    > .page-main-inner
    > .columns
    > .column.main {
    width: 80% !important;
  }

  .page-main
    .sidebar.sidebar-main.mobile-sidebar
    .sidebar-content
    > .sidebar.sidebar-additional {
    width: 100% !important;
  }
}


.minicart-wrapper {
    .actions {
        .primary {
            a.action.checkout {
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }
    }
}

.minicart-wrapper .actions .primary a.action.checkout {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.minicart-wrapper .total-count .actions .secondary button#top-cart-btn-checkout {
    border: none !important;
    background: none !important;
    padding: 0 !important;
    line-height: 1 !important;
    color: rgb(34, 37, 41) !important;
    text-decoration: none !important;
    cursor: pointer;
}

.minicart-wrapper .total-count .actions .secondary button#top-cart-btn-checkout:hover {
    text-decoration: none;
}

#checkout .authentication-wrapper {
    max-width: 100% !important;
    float: none !important;
    margin-top: 0 !important;
    text-align: center !important;
    margin-bottom: 25px;
    box-sizing: border-box;
    overflow: hidden;
}

#checkout .checkout-authentication-buttons {
    display: flex;
    align-items: stretch;
    gap: 15px;
    margin-bottom: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

#checkout .checkout-authentication-buttons .action-auth-toggle,
#checkout .checkout-authentication-buttons .action-register {
    flex: 1;
    max-width: 50%;
    padding: 8px 16px;
    text-align: center;
    border-radius: 3px;
    text-decoration: none;
    font-weight: 600;
    font-size: 13px;
    border: 2px solid #81B714;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    box-sizing: border-box;
    line-height: 1.4;
    margin: 0;
    transition: all 0.3s ease;
}

#checkout .checkout-authentication-buttons .action-auth-toggle {
    background-color: #81B714;
    color: #fff;
    cursor: pointer;
}

#checkout .checkout-authentication-buttons .action-auth-toggle:hover {
    background-color: #6a9a10;
    border-color: #6a9a10;
}

#checkout .checkout-authentication-buttons .action-register {
    background-color: #fff;
    color: #81B714;
}

#checkout .checkout-authentication-buttons .action-register:hover {
    background-color: #81B714;
    color: #fff;
    text-decoration: none;
}

#checkout .checkout-authentication-buttons .auth-separator {
    color: #666;
    font-weight: normal;
    flex-shrink: 0;
    font-size: 14px;
    display: flex;
    align-items: center;
}

@media (max-width: 768px) {
    #checkout .checkout-authentication-buttons {
        flex-direction: column;
        gap: 10px;
        align-items: stretch;
    }

    #checkout .checkout-authentication-buttons .action-auth-toggle,
    #checkout .checkout-authentication-buttons .action-register {
        width: 100%;
        max-width: 100%;
        font-size: 14px;
        height: 48px;
        padding: 0 20px;
    }

    #checkout .checkout-authentication-buttons .auth-separator {
        display: none;
    }
}

.cart-discount .block .content {
            display: block !important;
            padding: 0;
}

.payment-option-content li
{
	list-style: none;
}

.minicart-wrapper .counter-number {
    color: white;
}

.payment-method-icon
{
		width: 100px;
	    max-width: 100%;
	    height: auto;
	    object-fit: contain;
	    display: inline-block;
}

.not-logged-in
{
	display : none;
}

@media (max-width: 767px) {
	.checkout-cart-index .cart-container {
	        display: flex;
	        flex-direction: column;
	    }
    
	    /* Formularz z produktami - na górze */
	    .checkout-cart-index .cart-container > form#form-validate {
	        order: 1;
	    }
    

	    .checkout-cart-index .cart-container > .cart-summary {
			order: 3;
			margin-top : 10px;
	    }
    

	    .checkout-cart-index .cart-container > .cart-discount {
	        order: 2;
	    }
    
	    /* Opcjonalnie - gift options jeśli występuje */
	    .checkout-cart-index .cart-container > #gift-options-cart {
	        order: 4;
	    }

	    /* Fix - tabela koszyka nie powinna wychodzic poza ekran */
	    .cart.table-wrapper {
	        overflow-x: auto;
	        -webkit-overflow-scrolling: touch;
	    }
	    .cart.table-wrapper .cart.items.data.table {
	        max-width: 100%;
	        word-wrap: break-word;
	        overflow-wrap: break-word;
	    }
	    .cart.table-wrapper .col.item .product-item-photo {
	        display: inline-block;
	    }
	    .cart.table-wrapper .col.item .product-image-container {
	        max-width: 120px !important;
	        width: 120px !important;
	    }
	    .cart.table-wrapper .col.item .product-image-container img {
	        max-width: 100%;
	        height: auto;
	    }
	    .cart.table-wrapper .col.item .product-item-details {
	        word-break: break-word;
	        overflow-wrap: break-word;
	    }
	    .cart.table-wrapper .col.item .item-options {
	        word-break: break-word;
	    }
	    .cart.table-wrapper .col.item .pops-clone-source-notice {
	        word-break: break-word;
	    }
}



.checkout-shipping-method {
    display: flex;
    flex-direction: column;
}

.payment-option.opc-payment-additional.comment.last {
    order: 1;
}

.step-title[data-role="title"] {
    order: 2;
}

.shipping-policy-block.field-tooltip {
    order: 3;
}

#checkout-step-shipping_method {
    order: 4;
}

.product-addto-links > .tocompare
{
	display : none!important;
}

.pops-insufficient_stock
{
	white-space: wrap;
}

@media (max-width: 1500px) {
    .layout-1220 .block.category.event, .layout-1220 .footer.content, .layout-1220 .header.content, .layout-1220 .navigation, .layout-1220 .page-main, .layout-1220 .page-wrapper>.breadcrumbs >ul, .layout-1220 .page-wrapper>.page-bottom, .layout-1220 .page-wrapper>.widget, .layout-1220 .top-container {
        max-width: 90%!important;
    }
    .layout-1220 .container {
        max-width: 90%!important;
    }
}

@media (min-width: 1501px) {
    .layout-1220 .block.category.event, .layout-1220 .footer.content, .layout-1220 .header.content, .layout-1220 .navigation, .layout-1220 .page-main, .layout-1220 .page-wrapper>.breadcrumbs >ul, .layout-1220 .page-wrapper>.page-bottom, .layout-1220 .page-wrapper>.widget, .layout-1220 .top-container {
        max-width: 1400px!important;
    }
    .layout-1220 .container {
        max-width: 1400px!important;
    }
}


/* Full-bleed row - wyjście poza kontener */
[data-content-type="row"][data-appearance="full-bleed"] {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    box-sizing: border-box;
}

/* Full-width row (tło na całą szerokość, content w kontenerze) */
[data-content-type="row"][data-appearance="full-width"] {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    box-sizing: border-box;
}

[data-content-type="row"][data-appearance="full-width"] > .row-full-width-inner {
    max-width: var(--container-width, 1280px);
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}


@media (min-width: 992px) {
    nav.navigation.sw-megamenu > ul {
        display: flex!important;
        justify-content: center!important;
    }
}

.payment-option .form-list input[type=radio]
{
  clip : auto;
  width: 15px;
  height : 15px;
  position : relative;
}

.amcheckout-step-container .amcheckout-button:not(.braintree-googlepay-button, .ui-datepicker-trigger, .gpay-card-info-container), .amcheckout-step-container button:not(.braintree-googlepay-button, .ui-datepicker-trigger, .gpay-card-info-container),
.amcheckout-step-container button:not(.braintree-googlepay-button, .ui-datepicker-trigger, .gpay-card-info-container)
{
  background : #81B714;
}


.amcheckout-step-container button.action.primary.checkout.amasty {
  background: #81B714 !important;
  border-color: #81B714 !important;
}

.opc-block-summary .product-item-name {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    height: auto !important;
    overflow: visible !important;
}

.opc-block-summary .minicart-items .product-item-details {
    padding-left: 5px !important;
}

.checkout-agreements .action-show {
    color: #81B714 !important;
}

#social-login-popup {
    overflow: hidden;
}

.btn-social.btn-google,
.btn-social.btn-facebook
{
    white-space: normal;
    height: auto;
    overflow: visible;
}

.social-login-authentication-channel .block-title
{
  margin-top : 20px
}

/* Social login buttons - białe tło, ciemny tekst, kolorowa ikona */
.btn-social.btn-facebook,
.btn-social.btn-facebook:hover,
.btn-social.btn-facebook:focus,
.btn-social.btn-facebook:active {
    background-color: #fff !important;
    color: #333 !important;
    border-color: #ddd !important;
}

.btn-social.btn-facebook > .fa-facebook {
    background-color: #3b5998 !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.btn-social.btn-google,
.btn-social.btn-google:hover,
.btn-social.btn-google:focus,
.btn-social.btn-google:active {
    background-color: #fff !important;
    color: #333 !important;
    border-color: #ddd !important;
}

.btn-social.btn-google > .fa-google {
    background-color: #dd4b39 !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Wyśrodkowanie tekstu na przyciskach primary */
button.action.primary {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

/* Kolor przycisku dodaj do koszyka - strona produktu */
.catalog-product-view button.action.primary.tocart,
.catalog-product-view button.action.primary.tocart:hover,
.catalog-product-view button.action.primary.tocart:focus {
    background-color: #81B714 !important;
    border-color: #81B714 !important;
    color: #fff !important;
}

.catalog-product-view button.action.primary.tocart span,
.catalog-product-view button.action.primary.tocart:hover span,
.catalog-product-view button.action.primary.tocart:focus span {
    color: #fff !important;
}

/* Kolor przycisku złóż zamówienie */
button.action.primary.checkout,
button.action.primary.checkout:hover,
button.action.primary.checkout:focus {
    background-color: #81B714 !important;
    border-color: #81B714 !important;
}

/* Filtry - klik w dowolne miejsce wiersza trafia w link */
.filter-options .items .item {
    position: relative;
}

.filter-options .items .item a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.filter-options .items .item input[type=checkbox],
.filter-options .items .item input[type=radio] {
    position: relative;
    z-index: 0;
}

/* Filtry - przycisk Zatwierdz zdefiniowany w sekcji "Apply button" nizej */

/* Page Builder owl carousel nav - ikony porto zamiast ‹ › */
.owl-carousel .owl-nav button.owl-prev span,
.owl-carousel .owl-nav button.owl-next span {
    font-size: 0 !important;
    display: block !important;
}

.owl-carousel .owl-nav button.owl-prev span::before,
.owl-carousel .owl-nav button.owl-next span::before {
    font-family: "porto-icons" !important;
    font-size: 24px !important;
    color: #333 !important;
    speak: none !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.owl-carousel .owl-nav button.owl-prev span::before {
    content: '\f80a' !important;
}

.owl-carousel .owl-nav button.owl-next span::before {
    content: '\f809' !important;
}

/* Free shipping bar - koszyk */
.pops-free-shipping-bar {
    background-color: #81b714;
    color: #fff;
    text-align: center;
    padding: 12px 20px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 3px;
    margin-bottom: 20px;
}

/* Amasty Price History (Omnibus) - dyskretny styl */
.amprice-history-container .omnibus-price {
    font-size: 10px;
    font-weight: normal;
    color: #999;
    line-height: 1.2;
}

/* Koszyk - link do produktu bazowego dla klonow _48h */
.pops-clone-source-notice {
    margin-top: 8px;
    padding: 6px 10px;
    background-color: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 3px;
    font-size: 13px;
    line-height: 1.4;
    color: #856404;
}
.pops-clone-source-notice a {
    color: #0056b3;
    font-weight: 600;
    text-decoration: underline;
}

/* Wymuszenie jednolitej czcionki w opisach produktow */
.product.attribute.description .value,
.product.attribute.description .value p,
.product.attribute.description .value span,
.product.attribute.description .value li,
.product.attribute.description .value ul,
.product.attribute.description .value ol,
.product.attribute.description .value div,
.product.attribute.description .value td,
.product.attribute.description .value th,
.product.attribute.description .value strong,
.product.attribute.description .value em,
.product.attribute.description .value a {
    font-family: 'Times New Roman', Times, serif !important;
    font-size: 12pt !important;
    color: #000000 !important;
}

/* Pokaz przycisk "Oproznij koszyk" w koszyku (Porto motyw ukrywal go domyslnie) */
.cart-container .form-cart .actions.main .clear {
    display: inline-block;
}

/* Przewidywany czas dostawy w summary - margines pod sekcja */
.pops-expected-delivery {
    margin-bottom: 20px;
}

/* Mobile menu: powiekszenie i pogrubienie ptaszka (chevron) na pozycjach z dziecmi */
@media (max-width: 992px) {
    .section-item-content.nav-sections-item-content nav.navigation.sw-megamenu li.parent > a::after,
    .section-item-content.nav-sections-item-content nav.navigation.sw-megamenu > ul > li > a::after {
        font-size: 22px !important;
        font-weight: 900 !important;
    }
}

/* Mobile: popup po kliknieciu w ludzika dla zalogowanego (Moje konto / Wyloguj) */
.pops-account-mobile-modal {
    padding: 10px 0;
}
.pops-account-mobile-modal .pops-account-mobile-link {
    display: block;
    padding: 14px 18px;
    font-size: 16px;
    color: #64b733;
    text-decoration: none;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}
.pops-account-mobile-modal .pops-account-mobile-link:hover,
.pops-account-mobile-modal .pops-account-mobile-link:focus {
    color: #4d8e26;
}
.pops-account-mobile-modal .pops-account-mobile-link:last-child {
    border-bottom: 0;
}
.pops-account-mobile-modal .pops-account-mobile-link:hover {
    background: #f5f5f5;
}
.pops-account-mobile-modal-container .modal-inner-wrap {
    max-width: 320px;
    margin: auto;
}
.pops-account-mobile-modal-container .modal-content {
    padding: 0;
}

/* Ukryj limiter (wybor ilosci elementow na stronie) na stronie kategorii - jedyna opcja to 36 */
.toolbar-products .limiter,
.products.wrapper ~ .toolbar .limiter,
.toolbar .field.limiter,
.toolbar.toolbar-products .field.limiter {
    display: none !important;
}

/* Wycentrowanie widgetu rat Przelewy24 w bloku metod platnosci (przeniesiony z summary do payment.afterMethods) */
#przelewy24-instalment-trigger {
    display: block;
    text-align: center;
    margin: 15px auto;
}
#przelewy24-instalment-trigger img {
    display: inline-block;
    max-width: 100%;
}

/* Mobile: usun negatywny margines z Amasty OSC payment-methods + kompensujacy padding na .payment-method-title/.payment-method-content (porto kompensowal -15px na rodzicu paddingiem na dzieciach, ale Amasty nie uzywa .payment-method-title dla tytulu sekcji -> tytul wystawal, a po usunieciu marginu items przesuwaly sie w prawo) */
@media (max-width: 767px) {
    .amcheckout-payment-methods {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .amcheckout-payment-methods .payment-method-title,
    .amcheckout-payment-methods .payment-method-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* Sticky menu: sticky-logo wychodzi z flex flow zeby ul (megamenu) mial pelna szerokosc nav jak na top */
.page-header.sticky-header .navigation.sw-megamenu {
    position: relative;
}
.page-header.sticky-header .navigation.sw-megamenu .sticky-logo {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
.page-header.sticky-header .navigation.sw-megamenu > ul {
    width: 100% !important;
}


/* === Pops drilldown megamenu (militaria.pl style) === */
/* Desktop only: dla mobile zostaje porto-style accordion */
@media (min-width: 992px) {

    /* Container submenu pod L1 */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu {
        position: absolute;
        left: 0;
        top: 100%;
        width: 820px !important;
        max-width: 820px !important;
        min-width: 820px !important;
        min-height: 460px;
        padding: 0 !important;
        background: #fff;
        border: 1px solid #e7e7e7;
        border-top: 3px solid #57AC30; /* zielony brand pasi */
        box-shadow: 0 6px 24px rgba(0,0,0,0.12);
        z-index: 1000;
    }

    /* Reset bootstrap container/row wewnatrz - nie potrzebujemy gridu */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu > .container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu > .container > .row {
        margin: 0 !important;
        position: relative;
        min-height: 460px;
    }

    /* L2 lista: lewa kolumna fixed width, NIE grid 4-kolumnowy */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns {
        display: block !important;
        width: 280px;
        padding: 12px 0 !important;
        margin: 0 !important;
        column-count: 1 !important;
        -webkit-column-count: 1 !important;
        border-right: 1px solid #ececec;
        min-height: 460px;
        float: none !important;
    }

    /* L2 itemy: jeden pod drugim */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1 {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        float: none !important;
        border: none !important;
        background: transparent !important;
        position: static;
    }
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1 > a {
        display: block !important;
        padding: 9px 32px 9px 20px !important;
        color: #333 !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        text-transform: none !important;
        text-decoration: none !important;
        background: transparent !important;
        position: relative;
        line-height: 1.4 !important;
    }
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1 > a > span {
        text-transform: none !important;
        color: inherit !important;
        font-weight: inherit !important;
    }
    /* Strzalka >  dla L2 z dziecmi */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1.parent > a::after {
        content: '\203A';
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 18px;
        color: #999;
        line-height: 1;
    }
    /* Hover / aktywny L2 */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1:hover > a,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1.pops-active > a {
        background: #f6f6f6 !important;
        color: #57AC30 !important;
    }
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1:hover > a::after,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1.pops-active > a::after {
        color: #57AC30;
    }

    /* L3 panel: prawa kolumna, ukryty domyslnie, jeden widoczny po pops-active */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1 > ul.subchildmenu {
        position: absolute !important;
        left: 280px !important;
        top: 0 !important;
        right: 0 !important;
        width: auto !important;
        min-height: 460px;
        max-height: 460px;
        overflow-y: auto;
        padding: 18px 24px !important;
        margin: 0 !important;
        background: #fff;
        column-count: 2;
        -webkit-column-count: 2;
        column-gap: 24px;
        display: none !important;
        list-style: none !important;
    }
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1.pops-active > ul.subchildmenu {
        display: block !important;
    }

    /* L3 itemy */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1 > ul.subchildmenu > li.level2 {
        display: block !important;
        padding: 0 !important;
        margin: 0 0 2px 0 !important;
        break-inside: avoid;
        page-break-inside: avoid;
        -webkit-column-break-inside: avoid;
        background: transparent !important;
        border: none !important;
        float: none !important;
        width: 100% !important;
    }
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1 > ul.subchildmenu > li.level2 > a {
        display: block !important;
        padding: 6px 8px !important;
        color: #555 !important;
        font-weight: 400 !important;
        font-size: 13px !important;
        text-transform: none !important;
        text-decoration: none !important;
        line-height: 1.4 !important;
        background: transparent !important;
    }
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1 > ul.subchildmenu > li.level2 > a > span {
        text-transform: none !important;
        color: inherit !important;
        font-weight: inherit !important;
    }
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1 > ul.subchildmenu > li.level2 > a:hover {
        color: #57AC30 !important;
        background: #f6f6f6 !important;
    }
    /* Schowaj L4 jesli istnieje (porto moze zagniezdzac glebiej) */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1 > ul.subchildmenu > li.level2 > ul {
        display: none !important;
    }

    /* Toggle arrow porto - schowac na desktop (uzywany w mobile accordion) */
    .navigation.sw-megamenu.pops-drilldown li.level0 > .open-children-toggle,
    .navigation.sw-megamenu.pops-drilldown li.level1 > .open-children-toggle,
    .navigation.sw-megamenu.pops-drilldown li.level2 > .open-children-toggle {
        display: none !important;
    }
}
/* === end Pops drilldown megamenu === */

@media (min-width: 992px) {
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1 > a,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1:hover > a,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1.pops-active > a,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1 > ul.subchildmenu > li.level2 > a,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1 > ul.subchildmenu > li.level2 > a:hover {
        text-decoration: none !important;
        border: none !important;
    }
    /* Czerwony separator/wskaznik na aktywnym L2 (jak na militarii zolty) */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1.pops-active > a {
        border-left: 3px solid #57AC30 !important;
        padding-left: 17px !important; /* 20-3 zeby tekst nie skakal */
    }
}

@media (min-width: 992px) {
    /* Override bootstrap col-md-12 flex sizing so ul fits 280px in flex .row */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns {
        flex: 0 0 280px !important;
        max-width: 280px !important;
    }
    /* L2 li/a constrained so hover bg doesn't bleed across full panel width */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1 {
        max-width: 280px !important;
    }
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1 > a {
        max-width: 280px !important;
        box-sizing: border-box !important;
    }
}

@media (min-width: 992px) {
    /* Make sure L3 absolute positions vs .submenu (820px), not vs .mega-columns ul (280px) */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns {
        position: static !important;
    }
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu > .container,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu > .container > .row {
        position: static !important;
    }
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1 {
        position: static !important;
    }
}

@media (min-width: 992px) {
    /* Allow panel to overflow L1 li without being clipped */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent {
        overflow: visible !important;
    }
}

@media (min-width: 992px) {
    /* Lock L2 col + items at 280px hard. No transitions (prevents bg flash across panel). */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1 > a {
        width: 280px !important;
        min-width: 0 !important;
        max-width: 280px !important;
        flex: 0 0 280px !important;
        transition: none !important;
        animation: none !important;
        box-sizing: border-box !important;
    }
    /* Belt-and-braces: kill any background transition on hover */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu * {
        transition-property: color, opacity !important;
    }
    /* Make sure hover bg can never leak past 280px */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns {
        overflow-x: hidden !important;
    }
}

/* === Pops drilldown menu - polish === */
@media (min-width: 992px) {
    /* Panel chrome: rounded bottom, stronger shadow, no top border (replaced by colored bar) */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu {
        border: none !important;
        border-radius: 0 0 10px 10px !important;
        box-shadow: 0 18px 40px -8px rgba(20, 50, 10, 0.18), 0 4px 12px rgba(20, 50, 10, 0.06) !important;
        overflow: hidden !important;
        padding-top: 8px !important;
    }
    /* Subtle top accent strip in brand green */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu::before {
        content: '';
        position: absolute;
        top: 0; left: 0; right: 0;
        height: 3px;
        background: linear-gradient(90deg, #57AC30 0%, #7ec45a 50%, #57AC30 100%);
        z-index: 2;
    }

    /* L2 column: tighter, cleaner */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns {
        background: #fafafa !important;
        padding: 14px 0 !important;
        border-right: 1px solid #ececec !important;
    }
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1 > a {
        padding: 10px 32px 10px 22px !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #2d3a26 !important;
        letter-spacing: 0.1px !important;
        line-height: 1.45 !important;
    }
    /* Hover na L2 (nie aktywny) - delikatne tlo */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1:hover > a {
        background: #f0f0f0 !important;
        color: #1f2a18 !important;
    }
    /* Active L2 - mocny zielony accent */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1.pops-active > a {
        background: #fff !important;
        color: #57AC30 !important;
        font-weight: 600 !important;
        border-left: 4px solid #57AC30 !important;
        padding-left: 18px !important;
        box-shadow: inset -1px 0 0 #fff;
        position: relative;
        z-index: 1;
    }
    /* Strzalka po prawej L2 - widoczna, mocniejsza */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1.parent > a::after {
        font-size: 20px !important;
        color: #b8b8b8 !important;
        right: 18px !important;
        font-weight: 300 !important;
        transition: color 0.15s, transform 0.15s !important;
    }
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1.parent:hover > a::after,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1.parent.pops-active > a::after {
        color: #57AC30 !important;
        transform: translateY(-50%) translateX(2px) !important;
    }

    /* L3 panel: subtle fade-in */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1 > ul.subchildmenu {
        padding: 22px 28px !important;
        column-gap: 32px !important;
        background: #fff !important;
        opacity: 0;
        transform: translateY(-2px);
        transition: opacity 0.18s ease-out, transform 0.18s ease-out !important;
    }
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1.pops-active > ul.subchildmenu {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }

    /* L3 itemy: czystsza typografia, hover akcent */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1 > ul.subchildmenu > li.level2 > a {
        padding: 7px 10px 7px 12px !important;
        font-size: 13.5px !important;
        font-weight: 400 !important;
        color: #4a4a4a !important;
        line-height: 1.5 !important;
        border-radius: 4px !important;
        position: relative;
        transition: color 0.12s, background 0.12s, padding-left 0.12s !important;
    }
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1 > ul.subchildmenu > li.level2 > a:hover {
        background: #f3faf0 !important;
        color: #57AC30 !important;
        padding-left: 16px !important;
    }
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1 > ul.subchildmenu > li.level2 {
        margin: 0 0 1px 0 !important;
    }

    /* L1 link aktywny (hover state na top label) */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent:hover > a.level-top {
        color: #57AC30 !important;
    }
}
/* === end polish === */

/* === Pops drilldown - polish v2: kill underline on active L2, beef up arrows === */
@media (min-width: 992px) {
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1 > a,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1 > a > span,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1.pops-active > a,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1.pops-active > a > span,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1:hover > a,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1:hover > a > span,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1 > ul.subchildmenu > li.level2 > a,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1 > ul.subchildmenu > li.level2 > a > span,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1 > ul.subchildmenu > li.level2 > a:hover,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1 > ul.subchildmenu > li.level2 > a:hover > span {
        text-decoration: none !important;
    }
    /* Strzalka L2 - widoczna i wyrazna (override porto's any "after: display:none") */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1.parent > a::after {
        content: '\203A' !important;
        display: block !important;
        position: absolute !important;
        right: 16px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        font-size: 22px !important;
        line-height: 1 !important;
        color: #b8b8b8 !important;
        font-weight: 300 !important;
        font-family: Arial, sans-serif !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1.parent.pops-active > a::after,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu ul.subchildmenu.mega-columns > li.level1.parent:hover > a::after {
        color: #57AC30 !important;
        transform: translateY(-50%) translateX(2px) !important;
    }

    /* L1 sticky lekka linia podswietlenia gdy hover (jak na militarii) */
    .navigation.sw-megamenu.pops-drilldown > ul > li.level0:hover > a.level-top {
        position: relative;
    }

    /* Mniejszy gap od L1 menu strip do panelu (wizualnie spojniej) */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent > .submenu {
        margin-top: -1px !important;
    }
}
/* === end polish v2 === */

/* === Pops drilldown - exception for PRODUCENCI (classic multi-column grid) === */
@media (min-width: 992px) {
    /* Wide panel for marka grid */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent.pops-no-drilldown > .submenu {
        width: 1100px !important;
        min-width: 1100px !important;
        max-width: 1100px !important;
        min-height: 0 !important;
    }
    /* Container/row reset */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent.pops-no-drilldown > .submenu > .container,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent.pops-no-drilldown > .submenu > .container > .row {
        min-height: 0 !important;
    }
    /* L2 ul: full width grid, NIE 280px column */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent.pops-no-drilldown > .submenu ul.subchildmenu.mega-columns {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        background: #fff !important;
        border-right: none !important;
        padding: 18px 24px !important;
        column-count: 5 !important;
        -webkit-column-count: 5 !important;
        column-gap: 24px !important;
        display: block !important;
        min-height: 0 !important;
        overflow: visible !important;
    }
    /* L2 itemy: nagłówki marek */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent.pops-no-drilldown > .submenu ul.subchildmenu.mega-columns > li.level1 {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        break-inside: avoid !important;
        page-break-inside: avoid !important;
        -webkit-column-break-inside: avoid !important;
        margin-bottom: 14px !important;
    }
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent.pops-no-drilldown > .submenu ul.subchildmenu.mega-columns > li.level1 > a {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 0 6px 0 !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #57AC30 !important;
        text-transform: uppercase !important;
        background: transparent !important;
        border: none !important;
        letter-spacing: 0.3px !important;
    }
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent.pops-no-drilldown > .submenu ul.subchildmenu.mega-columns > li.level1.pops-active > a,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent.pops-no-drilldown > .submenu ul.subchildmenu.mega-columns > li.level1:hover > a {
        background: transparent !important;
        border: none !important;
        padding-left: 0 !important;
        color: #4a8a23 !important;
    }
    /* Strzalki › ukryj w grid mode */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent.pops-no-drilldown > .submenu ul.subchildmenu.mega-columns > li.level1 > a::after {
        display: none !important;
    }
    /* L3 ul: pod nagłówkiem marki, jeden pod drugim, zawsze widoczne */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent.pops-no-drilldown > .submenu ul.subchildmenu.mega-columns > li.level1 > ul.subchildmenu {
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: 100% !important;
        max-height: none !important;
        min-height: 0 !important;
        overflow: visible !important;
        padding: 0 !important;
        column-count: 1 !important;
        -webkit-column-count: 1 !important;
        display: block !important;
        opacity: 1 !important;
        transform: none !important;
        background: transparent !important;
    }
    /* L3 itemy - subkategorie marki */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent.pops-no-drilldown > .submenu ul.subchildmenu.mega-columns > li.level1 > ul.subchildmenu > li.level2 > a {
        padding: 4px 0 !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #555 !important;
        background: transparent !important;
        border-radius: 0 !important;
    }
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent.pops-no-drilldown > .submenu ul.subchildmenu.mega-columns > li.level1 > ul.subchildmenu > li.level2 > a:hover {
        color: #57AC30 !important;
        background: transparent !important;
        padding-left: 4px !important;
    }
}
/* === end PRODUCENCI exception === */

/* Mobile: ukrycie taba "Konto" w mobile menu (przelacznik na sekcje store.links) */
@media (max-width: 991px) {
    .nav-sections .nav-sections-item-title[aria-controls="store.links"],
    .nav-sections .nav-sections-item-content#store\.links {
        display: none !important;
    }
    .nav-sections .nav-sections-item-title[aria-controls="store.menu"] {
        width: 100% !important;
    }
    /* Powiekszenie napisu "Menu" */
    .nav-sections .nav-sections-item-title[aria-controls="store.menu"] .nav-sections-item-switch {
        font-size: 2.5em !important;
    }
}

/* Strona produktu - taby (Opis, Tabela rozmiarow, Wiecej informacji, Opinie) - wytluszczone, czarne, 18px */
.product.info.detailed .data.item.title > .data.switch,
.product.info.detailed .data.item.title > .data.switch span {
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #000 !important;
}

/* Desktop: hover/active = zielony brand */
@media (min-width: 768px) {
    .product.info.detailed .data.item.title > .data.switch:hover,
    .product.info.detailed .data.item.title > .data.switch:hover span,
    .product.info.detailed .data.item.title.active > .data.switch,
    .product.info.detailed .data.item.title.active > .data.switch span {
        color: #57AC30 !important;
    }
    /* Usuniecie podwojnego podkreslenia na hover/active (text-decoration na linku) */
    .product.info.detailed .data.item.title > .data.switch,
    .product.info.detailed .data.item.title > .data.switch:hover,
    .product.info.detailed .data.item.title > .data.switch:focus,
    .product.info.detailed .data.item.title.active > .data.switch {
        text-decoration: none !important;
    }
    /* Usuniecie dolnej (drugiej) kreski - border-bottom na containerze .data.item.title na hover */
    .product.info.detailed .data.item.title,
    .product.info.detailed .data.item.title:hover,
    .product.info.detailed .data.item.title.active {
        border-bottom: none !important;
        box-shadow: none !important;
    }
    .product.info.detailed .data.item.title::after,
    .product.info.detailed .data.item.title:hover::after {
        display: none !important;
        content: none !important;
    }
}

/* Mobile: nazwy zakladek wycentrowane */
@media (max-width: 767px) {
    .product.info.detailed .data.item.title > .data.switch {
        text-align: center !important;
        display: block !important;
    }
}

/* === Pager: mocne wyroznienie aktywnej strony (taka sama wysokosc/pozycja jak reszta) === */
.toolbar .pages .pages-items > li.item.current > strong.page {
    background: #57AC30 !important;
    color: #fff !important;
    border: 1px solid #57AC30 !important;
    padding: 0 7.5px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 32px !important;
    height: 33px !important;
    box-sizing: border-box !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 6px rgba(87, 172, 48, 0.45) !important;
    display: inline-block !important;
    min-width: 33px !important;
    text-align: center !important;
    vertical-align: baseline !important;
}
.toolbar .pages .pages-items > li.item.current > strong.page > span:not(.label) {
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 32px !important;
    vertical-align: baseline !important;
}
/* === end pager active === */

/* === Mageplaza SocialLogin popup: usunac naglowek + powiekszyc buttony === */
#mp-popup-social-content .social-login-authentication-channel .block-title {
    display: none !important;
}
#mp-popup-social-content .btn-social {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #1a1a1a !important;
    padding: 12px 14px 12px 52px !important;
    line-height: 1.3 !important;
}
#mp-popup-social-content .btn-social .fa {
    font-size: 18px !important;
}
/* === end SocialLogin polish === */

/* Zakladka "Warto dokupic" (related products owl carousel): padding na boki zeby hover elementy (serce/koszyk/porownanie) sie miescily */
#pops-related-tab-wrapper {
    padding: 15px 50px 25px 50px;
    position: relative;
    overflow: hidden;
}
#pops-related-tab-wrapper .owl-stage-outer {
    overflow: visible !important;
    padding: 10px 0;
}
/* Pagery slidera - okragle bialie kola jak w bestsellerach */
#pops-related-tab-wrapper .owl-nav {
    position: static !important;
}
#pops-related-tab-wrapper .owl-nav button.owl-prev,
#pops-related-tab-wrapper .owl-nav button.owl-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: rgba(255, 255, 255, 0.9) !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    z-index: 10 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
#pops-related-tab-wrapper .owl-nav button.owl-prev { left: 10px !important; right: auto !important; }
#pops-related-tab-wrapper .owl-nav button.owl-next { right: 10px !important; left: auto !important; }
#pops-related-tab-wrapper .owl-nav button i {
    font-size: 24px !important;
    color: #333 !important;
}

/* === Pops drilldown - hover area constraint v2 === */
@media (min-width: 992px) {
    /* Default: submenu i jego dzieci sa NIE-hittable - mysz przechodzi przez do elementu pod */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent:not(.pops-no-drilldown) > .submenu,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent:not(.pops-no-drilldown) > .submenu * {
        pointer-events: none !important;
    }
    /* Gdy L1 jest hovered (mysz najechala na strip menu) - submenu staje sie interactive */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent:not(.pops-no-drilldown):hover > .submenu,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent:not(.pops-no-drilldown):hover > .submenu ul.subchildmenu.mega-columns,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent:not(.pops-no-drilldown):hover > .submenu ul.subchildmenu.mega-columns > li.level1,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent:not(.pops-no-drilldown):hover > .submenu ul.subchildmenu.mega-columns > li.level1 > a,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent:not(.pops-no-drilldown):hover > .submenu ul.subchildmenu.mega-columns > li.level1 > ul.subchildmenu,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent:not(.pops-no-drilldown):hover > .submenu ul.subchildmenu.mega-columns > li.level1 > ul.subchildmenu > li.level2,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent:not(.pops-no-drilldown):hover > .submenu ul.subchildmenu.mega-columns > li.level1 > ul.subchildmenu > li.level2 > a,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent:not(.pops-no-drilldown):hover > .submenu ul.subchildmenu.mega-columns > li.level1 > ul.subchildmenu > li.level2 > a > * {
        pointer-events: auto !important;
    }
    /* Pusty obszar prawego panela (gdy zaden L2 aktywny lub po niej) - non-interactive */
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent:not(.pops-no-drilldown):hover > .submenu > .container,
    .navigation.sw-megamenu.pops-drilldown li.level0.fullwidth.parent:not(.pops-no-drilldown):hover > .submenu > .container > .row {
        pointer-events: none !important;
    }
}
/* === end hover area === */


/* === Mobile menu - MINIMALNA logika: L3 collapse + zmniejszony odstep miedzy L3 itemami === */
@media (max-width: 991px) {
    /* L3 collapse by default, .opened expand - wykluczone PRODUCENCI (pops-no-drilldown) gdzie brand list to L2 wewnatrz subchildmenu */
    .navigation.sw-megamenu.pops-drilldown li.level0:not(.pops-no-drilldown) li.level1 > ul.subchildmenu {
        height: 0 !important;
        visibility: hidden !important;
        overflow: hidden !important;
    }
    .navigation.sw-megamenu.pops-drilldown li.level0:not(.pops-no-drilldown) li.level1 > ul.subchildmenu.opened {
        height: auto !important;
        visibility: visible !important;
    }
    /* Zmniejszenie odstepu pionowego miedzy L3 itemami - aggressive height/margin/padding reset */
    html body .navigation.sw-megamenu.pops-drilldown li.level1 > ul.subchildmenu > li.level2,
    html body .navigation.sw-megamenu.pops-drilldown li.level1 > ul.subchildmenu > li.level2 > a,
    html body .navigation.sw-megamenu.pops-drilldown li.level1 > ul.subchildmenu > li.level2 > a > span {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        min-height: 0 !important;
        line-height: 1.3 !important;
        height: auto !important;
    }
    html body .navigation.sw-megamenu.pops-drilldown li.level1 > ul.subchildmenu > li.level2 > a {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }
}
/* === end mobile minimal === */


/* === Mobile <768px: nazwa produktu na liscie kategorii FIXED 4-linie ===
   height fixed (nie auto) zeby krotkie nazwy tez zarezerwowaly miejsce na 4 linie -
   inaczej kafelki maja rozna wysokosc i przycisk Dodaj do koszyka jest niewyrowany. */
@media (max-width: 767px) {
    .products-grid .product-item .product-item-name,
    .products-grid .product-item .product-item-details .product-item-name {
        height: 5.6em !important;
        min-height: 5.6em !important;
        max-height: 5.6em !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 4 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        line-height: 1.4 !important;
        margin-bottom: 12px !important;
    }
    /* Cena promocyjna: KONSEKWENTNIE - nowa cena (special) po LEWEJ, stara przekreslona po PRAWEJ.
       align-items:center wyrownuje obie ceny na tej samej wysokosci, justify-content:center
       wycentrowuje cena box w kafelku. */
    .products-grid .product-item .price-box {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        min-height: 28px !important;
        text-align: center !important;
    }
    .products-grid .product-item .price-box > .special-price,
    .products-grid .product-item .price-box > .normal-price {
        order: 1 !important;
        margin: 0 !important;
    }
    .products-grid .product-item .price-box > .old-price {
        order: 2 !important;
        margin: 0 !important;
    }
}
/* === end product name 4-line === */

/* === Quick toggles na kategoriach (Wysylka 48h / Promocja) === */
.pops-quicktoggles {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    padding: 12px 0;
    margin: 0 0 14px 0;
    align-items: center;
    justify-content: flex-end;
}
.pops-quicktoggles .pops-toggle {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
    color: #333;
    margin: 0;
    user-select: none;
}
.pops-quicktoggles .pops-toggle input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}
.pops-quicktoggles .pops-toggle-slider {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 22px;
    background: #d4d4d4;
    border-radius: 22px;
    transition: background 0.2s ease;
    flex-shrink: 0;
}
.pops-quicktoggles .pops-toggle-slider::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 50%;
    top: 2px;
    left: 2px;
    transition: left 0.2s ease;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.pops-quicktoggles .pops-toggle input[type="checkbox"]:checked + .pops-toggle-slider {
    background: #57AC30;
}
.pops-quicktoggles .pops-toggle input[type="checkbox"]:checked + .pops-toggle-slider::after {
    left: 22px;
}
.pops-quicktoggles .pops-toggle:hover .pops-toggle-slider {
    opacity: 0.9;
}
.pops-quicktoggles .pops-toggle-label {
    font-weight: 700;
    font-size: inherit;
}
@media (max-width: 575px) {
    .pops-quicktoggles {
        justify-content: flex-start;
        gap: 14px;
    }
}
/* === end quick toggles === */

/* === Horizontal layered navigation (filtry na gorze kategorii) === */
body.pops-horizontal-filter.catalog-category-view .block.filter {
    margin: 0 0 20px 0;
    padding: 0;
    border: none;
    background: transparent;
    overflow: visible;
}
body.pops-horizontal-filter.catalog-category-view .block.filter .block-title.filter-title,
body.pops-horizontal-filter.catalog-category-view .block.filter .block-subtitle.filter-subtitle {
    display: none !important;
}
body.pops-horizontal-filter.catalog-category-view .block.filter .block-content.filter-content {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    padding: 4px 4px 8px 4px;
    background: transparent;
    overflow: visible;
}
body.pops-horizontal-filter.catalog-category-view .column.main,
body.pops-horizontal-filter.catalog-category-view .columns,
body.pops-horizontal-filter.catalog-category-view #layered-filter-block-container {
    overflow: visible !important;
}
body.pops-horizontal-filter.catalog-category-view .block.filter .filter-current {
    display: none;
}
body.pops-horizontal-filter.catalog-category-view .block.filter .block-actions.filter-actions {
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    order: 99;
}
body.pops-horizontal-filter.catalog-category-view .block.filter .filter-actions a.filter-clear {
    display: inline-flex;
    align-items: center;
    height: 46px;
    padding: 0 22px;
    color: #57AC30;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    background: #fff;
    border: 1px solid #57AC30;
    border-radius: 4px;
    transition: background 0.15s ease, color 0.15s ease;
}
body.pops-horizontal-filter.catalog-category-view .block.filter .filter-actions a.filter-clear:hover {
    background: #57AC30;
    color: #fff;
}
body.pops-horizontal-filter.catalog-category-view .block.filter .filter-actions.filter-actions-empty a.filter-clear {
    color: #b5b5b5;
    border-color: #d4d4d4;
    background: #f7f7f7;
    pointer-events: none;
    cursor: default;
}
body.pops-horizontal-filter.catalog-category-view .filter-options {
    display: contents;
}
body.pops-horizontal-filter.catalog-category-view .filter-options-item {
    position: relative !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    min-width: 180px !important;
    height: auto !important;
    min-height: 46px !important;
    border: 0 !important;
    box-shadow: inset 0 0 0 1px #d4d4d4 !important;
    border-radius: 4px !important;
    background: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    display: flex !important;
    align-items: stretch !important;
}
body.pops-horizontal-filter.catalog-category-view .filter-options-item:hover,
body.pops-horizontal-filter.catalog-category-view .filter-options-item.active {
    box-shadow: inset 0 0 0 1px #57AC30 !important;
}
body.pops-horizontal-filter.catalog-category-view .filter-options-item .filter-options-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 36px 12px 16px !important;
    margin: 0 !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #333 !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    position: relative !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
    line-height: 1.2 !important;
    height: auto !important;
    min-height: 46px !important;
    border-bottom: 0 !important;
}
body.pops-horizontal-filter.catalog-category-view .filter-options-item .filter-options-title::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-top: 6px solid #666 !important;
    transform: translateY(-50%) !important;
    transition: transform 0.2s ease !important;
}
body.pops-horizontal-filter.catalog-category-view .filter-options-item.active .filter-options-title::after,
body.pops-horizontal-filter.catalog-category-view .filter-options-item .filter-options-title[aria-expanded="true"]::after {
    transform: translateY(-50%) rotate(180deg) !important;
    border-top-color: #57AC30 !important;
}
body.pops-horizontal-filter.catalog-category-view .filter-options-item .filter-options-title .toggle {
    display: none;
}
body.pops-horizontal-filter.catalog-category-view .filter-options-item .filter-options-content {
    position: absolute;
    top: calc(100% + 4px);
    left: -1px;
    z-index: 100;
    min-width: calc(100% + 2px);
    width: max-content;
    max-width: 480px;
    background: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    padding: 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    overflow: hidden;
}
body.pops-horizontal-filter.catalog-category-view .filter-options-item .filter-options-content .items {
    margin: 0;
    padding: 8px 0;
    list-style: none;
    max-height: 340px;
    overflow-y: auto;
}
body.pops-horizontal-filter.catalog-category-view .filter-options-item .filter-options-content .item {
    padding: 6px 14px;
    margin: 0;
    line-height: 1.4;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 8px;
}
body.pops-horizontal-filter.catalog-category-view .filter-options-item .filter-options-content .item > input[type="checkbox"],
body.pops-horizontal-filter.catalog-category-view .filter-options-item .filter-options-content .item > input[type="radio"] {
    flex: 0 0 auto;
    margin: 0;
    vertical-align: middle;
}
body.pops-horizontal-filter.catalog-category-view .filter-options-item .filter-options-content .item a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #333;
    font-size: 14px;
    text-decoration: none;
    white-space: nowrap;
    flex: 1 1 auto;
    line-height: 1;
}
body.pops-horizontal-filter.catalog-category-view .filter-options-item .filter-options-content .item a:hover {
    color: #57AC30;
}

/* Ukryj filtr Kategoria (menu kategorii jest osobno jako drzewo).
   Dublujemy z 'body' prefix (specificity 0,3,1) zeby przebic horizontal-nav
   display:flex (body.pops-horizontal-filter.catalog-category-view = 0,3,1). */
body.catalog-category-view .filter-options-item[attribute="cat"],
body.catalog-category-view .filter-options-item[attribute="category"],
body.pops-horizontal-filter.catalog-category-view .filter-options-item[attribute="cat"],
body.pops-horizontal-filter.catalog-category-view .filter-options-item[attribute="category"] {
    display: none !important;
}

/* Toolbar - toggles zamiast view-mode w polu .modes */
body.pops-horizontal-filter.catalog-category-view .toolbar .modes.pops-quicktoggles {
    display: flex !important;
    flex-direction: row;
    gap: 18px;
    align-items: center;
    margin: 0;
    padding: 0;
}
/* Desktop: kolejnosc w top toolbar - sorter, ZARAZ za nim toggle (Wysylka 48h),
   reszta po prawej. Porto default .sorter ma margin-right:auto co rozpychalo toggle
   na prawa krawedz - override na 0 + auto margin na nastepny element po toggle. */
body.pops-horizontal-filter.catalog-category-view .toolbar.toolbar-products .sorter {
    order: 1;
    margin: 0 !important;
    align-self: center !important;
}
body.pops-horizontal-filter.catalog-category-view .toolbar.toolbar-products .modes.pops-quicktoggles {
    order: 2;
    margin: 0 !important;
    margin-left: 50px !important;
    margin-right: auto !important;
    align-self: center !important;
}
body.pops-horizontal-filter.catalog-category-view .toolbar.toolbar-products .toolbar-amount {
    order: 3;
}
body.pops-horizontal-filter.catalog-category-view .toolbar.toolbar-products .pages {
    order: 4;
}
body.pops-horizontal-filter.catalog-category-view .toolbar.toolbar-products .limiter {
    order: 5;
}
body.pops-horizontal-filter.catalog-category-view .toolbar .modes.pops-quicktoggles strong.modes-label {
    display: none !important;
}
body.pops-horizontal-filter.catalog-category-view .toolbar .modes.pops-quicktoggles .pops-toggle {
    margin: 0;
    background: transparent;
    border: none;
    padding: 0;
}
/* Toolbar renderuje sie 2x (top+bottom). Pokaz toggle tylko w gornym (przed lista produktow). */
body.pops-horizontal-filter.catalog-category-view .products.wrapper ~ .toolbar .pops-quicktoggles,
body.pops-horizontal-filter.catalog-category-view .products.wrapper ~ * .pops-quicktoggles {
    display: none !important;
}

/* Top toolbar widoczny zawsze (porto JS chowa go gdy istnieje layered-filter-block-container,
   ale my mamy layered nav inline na gorze, wiec musimy go wymusic). */
body.pops-horizontal-filter.catalog-category-view .toolbar.toolbar-products {
    display: flex !important;
}

/* Bottom toolbar - tylko pager. Wszystko inne (sorter/Kategorie/amount/limiter/modes) schowane.
   Container minimalny height + flex zeby empty hidden children nie zajmowali miejsca. */
body.pops-horizontal-filter.catalog-category-view .products.wrapper ~ .toolbar.toolbar-products,
body.pops-horizontal-filter.catalog-category-view .products.wrapper ~ * .toolbar.toolbar-products {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    background: transparent !important;
    border: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    gap: 0 !important;
}
body.pops-horizontal-filter.catalog-category-view .products.wrapper ~ .toolbar.toolbar-products > *:not(.pages),
body.pops-horizontal-filter.catalog-category-view .products.wrapper ~ * .toolbar.toolbar-products > *:not(.pages) {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
}
body.pops-horizontal-filter.catalog-category-view .products.wrapper ~ .toolbar.toolbar-products .pages,
body.pops-horizontal-filter.catalog-category-view .products.wrapper ~ * .toolbar.toolbar-products .pages {
    font-size: 14px;
    line-height: 1.4;
    margin: 0 auto !important;
}

/* Desktop: schowaj porto drawer button (filtry jako horizontal na gorze) + filter-placeholder
   rezerwacja porto. Sidebar.main ZOSTAJE widoczny z menu kategorii (.block-category-list). */
body.pops-horizontal-filter.catalog-category-view .porto-product-filters-toggle,
body.pops-horizontal-filter.catalog-category-view .filter-placeholder {
    display: none !important;
}

/* Mobile: button "Filtry" tej samej szerokosci co dropdown sortowania.
   Uzywamy CSS Grid 1fr 1fr - gwarantuje identyczne 50% widths.
   Label "Sortuj wg:" + sorter-action schowane, select rozszerzony do 100% komorki. */
@media (max-width: 991px) {
    body:not(.pops-horizontal-filter).catalog-category-view .toolbar.toolbar-products {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        margin-right: 0 !important;
    }
    body:not(.pops-horizontal-filter).catalog-category-view .toolbar.toolbar-products > * {
        margin: 0 !important;
    }
    body:not(.pops-horizontal-filter).catalog-category-view .toolbar.toolbar-products > .porto-product-filters-toggle {
        grid-column: 1 / 2 !important;
        width: 100% !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }
    body:not(.pops-horizontal-filter).catalog-category-view .toolbar.toolbar-products > .toolbar-sorter,
    body:not(.pops-horizontal-filter).catalog-category-view .toolbar.toolbar-products > .sorter {
        grid-column: 2 / 3 !important;
        width: 100% !important;
        display: flex !important;
        box-sizing: border-box !important;
    }
    body:not(.pops-horizontal-filter).catalog-category-view .toolbar.toolbar-products .sorter > .sorter-label,
    body:not(.pops-horizontal-filter).catalog-category-view .toolbar.toolbar-products .sorter > .sorter-action {
        display: none !important;
    }
    body:not(.pops-horizontal-filter).catalog-category-view .toolbar.toolbar-products .sorter > select.sorter-options {
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    /* Toggle Wysylka 48h - full width row 2 */
    body:not(.pops-horizontal-filter).catalog-category-view .toolbar.toolbar-products > .modes.pops-quicktoggles {
        grid-column: 1 / -1 !important;
        width: 100% !important;
    }
    /* Hide toolbar-amount/pages/limiter na mobile w TOP toolbar (zostaja w bottom) */
    body:not(.pops-horizontal-filter).catalog-category-view .toolbar.toolbar-products > .toolbar-amount {
        display: none !important;
    }
}

/* Loadmore - mniejszy odstep */
body.pops-horizontal-filter.catalog-category-view .pops-loadmore {
    margin: 10px 0 !important;
}

/* Badge z liczba wybranych filtrow w title dropdownu */
body.pops-horizontal-filter.catalog-category-view .filter-options-item .filter-options-title .pops-count-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    margin-left: 10px;
    margin-right: 0;
    padding: 0 7px;
    background: #57AC30;
    color: #fff;
    border-radius: 11px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-transform: none;
    flex-shrink: 0;
}
body.pops-horizontal-filter.catalog-category-view .filter-options-item.active,
body.pops-horizontal-filter.catalog-category-view .filter-options-item:has(.pops-count-badge) {
    box-shadow: inset 0 0 0 1px #57AC30 !important;
}

/* Mobile (<768px): horizontal-nav rules NIE dotycza (body.pops-horizontal-filter
   jest dodawany tylko na desktop >=992px). Sidebar porto natywny + Magento
   accordion widget obsluguje rozwijanie filtrow. Tutaj zostawiamy tylko
   styling dla toolbar/quick toggles oraz scroll lock dla drawer porto. */
@media (max-width: 767px) {
    /* Toolbar nie obcina toggle */
    .catalog-category-view .toolbar.toolbar-products {
        overflow: visible !important;
        flex-wrap: wrap !important;
        height: auto !important;
        padding: 8px !important;
        gap: 8px !important;
    }
    .catalog-category-view .toolbar .modes.pops-quicktoggles {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 12px 18px !important;
        width: 100% !important;
        justify-content: center !important;
        padding: 4px 0 !important;
    }
    .catalog-category-view .toolbar .modes.pops-quicktoggles .pops-toggle {
        font-size: 16px !important;
        font-weight: 700 !important;
        gap: 10px !important;
        flex: 0 0 auto !important;
    }
    .catalog-category-view .toolbar .modes.pops-quicktoggles .pops-toggle-slider {
        width: 34px !important;
        height: 18px !important;
        border-radius: 18px !important;
    }
    .catalog-category-view .toolbar .modes.pops-quicktoggles .pops-toggle-slider::after {
        width: 14px !important;
        height: 14px !important;
        top: 2px !important;
        left: 2px !important;
    }
    .catalog-category-view .toolbar .modes.pops-quicktoggles input[type="checkbox"]:checked + .pops-toggle-slider::after {
        left: 18px !important;
    }
}

/* === Mobile sidebar drawer scroll lock ===
   Porto JS dodaje html.sidebar-opened gdy klikniesz "Filtry". Wtedy:
   - body scroll lock (zeby kolko myszki/touch nad drawerem nie scrollowalo strony pod spodem)
   - .columns .mobile-sidebar dostaje overflow-y:auto (scroll w drawerze) + max-height:100vh */
@media (max-width: 991px) {
    html.sidebar-opened,
    html.sidebar-opened body {
        overflow: hidden !important;
        height: 100vh !important;
        touch-action: none;
    }
    html.sidebar-opened .columns .mobile-sidebar {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        max-height: 100vh !important;
        overscroll-behavior: contain;
        touch-action: pan-y;
    }
}
/* === end horizontal layered nav === */

/* === Apply button (Zatwierdz) sticky bottom w dropdownie - desktop === */
.catalog-category-view .filter-options-item .filter-options-content .filter-apply-btn-inline {
    display: block;
    position: sticky;
    bottom: 0;
    z-index: 5;
    margin: 0;
    width: 100%;
    background: #57AC30;
    color: #fff;
    border: none;
    border-radius: 0 0 4px 4px;
    padding: 12px 14px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 -4px 8px rgba(0,0,0,0.05);
    transition: background 0.15s ease;
}
.catalog-category-view .filter-options-item .filter-options-content .filter-apply-btn-inline:hover {
    background: #4a9528;
}
.catalog-category-view .filter-options-item .filter-options-content .filter-apply-btn-inline:disabled {
    background: #b5d8a3;
    cursor: default;
}


/* === Filtr Cena (ln_price_range) - Od/Do side-by-side === */
body.pops-horizontal-filter.catalog-category-view .filter-options-item[attribute="price"] .filter-options-content {
    min-width: 320px !important;
    max-width: 360px !important;
    overflow: visible !important;
    padding: 0 !important;
}
body.pops-horizontal-filter.catalog-category-view .filter-options-item[attribute="price"] .filter-options-content .items {
    margin: 0 !important;
    padding: 14px 14px 0 14px !important;
    list-style: none !important;
    max-height: none !important;
    overflow: visible !important;
}
body.pops-horizontal-filter.catalog-category-view .filter-options-item[attribute="price"] .filter-options-content .item {
    padding: 0 !important;
    white-space: normal !important;
}
.catalog-category-view .ln_price_range_fields {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    align-items: center !important;
}
.catalog-category-view .ln_price_range_label {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    flex: 1 1 50% !important;
    margin: 0 !important;
}
.catalog-category-view .ln_price_range_label > span {
    flex: 0 0 auto !important;
    font-size: 13px !important;
    color: #555 !important;
}
.catalog-category-view .ln_price_range_label > input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: 100% !important;
    padding: 6px 8px !important;
    border: 1px solid #d4d4d4 !important;
    border-radius: 3px !important;
    font-size: 13px !important;
    height: 34px !important;
    box-sizing: border-box !important;
}
/* Mobile (porto sidebar drawer) - Od/Do tez side-by-side */
@media (max-width: 991px) {
    .catalog-category-view .filter-options-item[attribute="price"] .filter-options-content {
        padding: 10px 0 !important;
    }
}