@layer bs-components {.btn-primary {--bs-btn-color: #fff;--bs-btn-bg: #da0000; --bs-btn-border-color: #da0000;}}
.product-miniature__title {color: #000;font-weight: 600;}
@layer bs-base {a {color: #da0000;}}
@layer ps-modules {.ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree > li .ps-mainmenu__tree-link:hover {color: #da0000;}}
@layer ps-modules {.ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree > li .ps-mainmenu__tree-link:focus {color: #da0000;outline: none;}}
@layer ps-modules {.ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree > li.current .ps-mainmenu__tree-link {color:  #da0000;}}
@layer ps-modules {.ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left-item.active {color:#da0000;}}
@layer ps-components {@media (min-width: 768px) {.header-block--active .header-block, .header-block--active .header-block__icon {color:#da0000;}}}
@layer bs-components {.form-control {border-radius: 32px;}}
@layer ps-components {.header-block__action-btn[href]:focus, .header-block__action-btn[href]:hover {color: #da0000;;}}
:root, [data-bs-theme="light"] {--bs-body-font-family: "Inter",sans-serif; --bs-link-hover-color: #da0000;}
@layer ps-components {.section-title {text-align: center;}}
@layer bs-components {.btn-outline-primary {--bs-btn-color: #000000;--bs-btn-border-color: #000000;}}
@layer bs-components {.btn:hover {background-color: #da0000;border-color: #da0000;color: #fff;}}
.ps-customtext {margin-top: 45px;background: #f0f0f0;padding-top: 30px;padding-bottom: 30px;margin-bottom:45px}
@layer bs-custom-components {.carousel-indicators .active {background-color: #da0000;}}
@layer ps-components {.product-flags .badge.discount, .product-flags .badge:not(.discount) {border: 1px solid #000);}}
@layer bs-base {.product-flags .badge:not(.discount), .text-bg-primary {background-color: #da0000!important;color: #fff !important;}}
#slupia-meble{width:100%;margin-top:30px}
#home-left{width:49%;display:inline-block;padding-left:25px;padding-right:20px}
#home-right{width:49%;display:inline-block;vertical-align:top;padding-left:20px;padding-right:25px}
@media(max-width:800px){#home-left,#home-right{width:100%}}

/* Responsywne kafelki kategorii */

.ps-banner .category-grid {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 15px;
  align-items: center;
  margin-bottom:40px;
}

.ps-banner .category-grid img {
  display: block;
  width: 100%;
  max-width: 150px;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  margin: 0 auto;
}

/* Tablet */
@media (max-width: 991px) {
  .ps-banner .category-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
  }
}

/* Telefon */
@media (max-width: 767px) {
  .ps-banner .category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
}

/* KARUZELA */

/* KARUZELA - PRODUKTY POLECANE */

.ps-featuredproducts .module-products__list {
  position: relative;
  padding: 0 38px;
}

.ps-featuredproducts .products {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  gap: 16px;
}

.ps-featuredproducts .products::-webkit-scrollbar {
  display: none;
}

.ps-featuredproducts .products > .product-miniature {
  flex: 0 0 calc((100% - 48px) / 4) !important;
  width: calc((100% - 48px) / 4) !important;
  max-width: none !important;
  min-width: 0;
  scroll-snap-align: start;
}

.featured-carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 34px;
  height: 44px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: white;
  color: #333;
  font-size: 25px;
  cursor: pointer;
}

.featured-carousel-prev { left: 0; }
.featured-carousel-next { right: 0; }

.featured-carousel-arrow:disabled {
  opacity: .3;
  cursor: default;
}

@media (max-width: 991px) {
  .ps-featuredproducts .products > .product-miniature {
    flex-basis: calc((100% - 16px) / 2) !important;
    width: calc((100% - 16px) / 2) !important;
  }
}

@media (max-width: 575px) {
  .ps-featuredproducts .products > .product-miniature {
    flex-basis: 100% !important;
    width: 100% !important;
  }
}