.agi-catalog-slider {
  display: block;
  background-color: white;
  padding-top: 10px;
}


#agi-catalog-slider-ul {
  display: flex;
  list-style: none;
  position: relative;
  padding-top: 10px;
}


#agi-catalog-slider-ul #agi-catalog-category {
  height: 320px;
  width: 240px;
  overflow-y: hidden;
  text-align: center;
  box-sizing: border-box;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  margin-top: 10px;
  z-index: 10;

}

#agi-catalog-category a:any-link {
  text-decoration: none;
  color: black;
}



#agi-catalog-slider-ul #agi-catalog-category-name {
  text-align: center;
  padding-top: 5px;
  font-weight: bold;
}

#agi-catalog-slider-ul #agi-catalog-slider-products {
  width: calc(100% - 250px);
  height: 340px;
  overflow: hidden !important;
  display: block;
  position: relative;
  margin-left: 10px;

}

#agi-catalog-slider-ul a.agi-catalog-product-name:any-link {
  text-align: center;
  display: block;
  position: relative;
  width: 100%;
  color: black;
}

#agi-catalog-container {
  display: block;
  width: max-content;
  height: 340px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

#agi-catalog-slider-products .agi-slider-book {
  display: block;
  float: right;
  width: 240px;
  height: 320px;
  overflow: hidden;
  margin-left: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

}


#agi-catalog-slider-ul li img {
  width: 240px;
  aspect-ratio: 1/1;
}

#index #carousel {
  margin-bottom: 0 !important;
}






.catalog-title {
  text-align: center;
  padding: 14px 5px;
  font-weight: bold;
  margin-left: 15%;
  margin-right: 15%;
  border-bottom: 1px solid grey;
  margin-bottom: 20px;
}

.catalog-front-img {
  z-index: 2 !important;
  border: 0 none #aeaeae;
  -webkit-box-shadow: -6px 0px 51px -20px rgba(66, 68, 90, 1);
  -moz-box-shadow: -6px 0px 51px -20px rgba(66, 68, 90, 1);
  box-shadow: -6px 0px 51px -20px rgba(66, 68, 90, 1);
}
  .catalog-front-img::before,
  .catalog-front-img::after {
    content: '';
    position: absolute;
    width: 60%; /* Taka sama szerokość jak element */
    height: 20%; /* Wąski pasek jako cień */
    background: rgba(0, 0, 0, 0.77); /* Półprzezroczysty cień */
    bottom: 0; /* Umieszczenie cienia na dole */
    z-index: -1; /* Cień za elementem */
    filter: blur(5px); /* Rozmycie dla realistycznego efektu */
    -webkit-box-shadow: 0px 0px 60px -27px rgba(66, 68, 90, 1);
    -moz-box-shadow: 0px 0px 60px -27px rgba(66, 68, 90, 1);
    box-shadow: 0px 0px 60px -27px rgba(66, 68, 90, 1);
  }
  .catalog-front-img::before {
    transform: rotate(8deg); /* Obrót o 45 stopni */
    left: 36%; /* Przesunięcie dla pozycjonowania */
  }
  .catalog-front-img::after {
    transform: rotate(-8deg); /* Obrót o -45 stopni */
    right: 36%; /* Przesunięcie dla pozycjonowania */
  }

  .agi-pobierz-pdf {
    border-top: 1px solid grey;
    position: relative;
    display: block;
    margin-top: 20px;
    text-align: center;
    padding: 10px;
    margin-left: 15%;
    margin-right: 15%;
    margin-bottom: 20px;
  }

  @media (max-width: 768px) {
    #agi-catalog-slider-ul li img {
      width: 180px;
      aspect-ratio: 1/1;
    }
    #agi-catalog-slider-ul #agi-catalog-category {
      height: 290px;
      width: 120px;
      overflow-y: hidden;
      text-align: center;
      box-sizing: border-box;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
      margin-top: 10px;
      z-index: 10;
    }
    #agi-catalog-slider-ul #agi-catalog-category img {
      aspect-ratio: unset !important;
    }

      #agi-catalog-slider-products .agi-slider-book {
      display: block;
      float: right;
      width: 180px;
      height: 290px;
      overflow: hidden;
      margin-left: 10px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

    }

    #agi-catalog-container {
      display: block;
      width: max-content;
      height: 300px;
      padding-top: 10px;
      padding-bottom: 10px;
      position: absolute;
      top: 0;
      right: 0;
    }

    #agi-catalog-slider-ul #agi-catalog-slider-products {
      width: calc(100% - 140px);
      height: 300px;
      overflow: hidden !important;
      display: block;
      position: relative;
      margin-left: 10px;

    }

    .agi-catalog-product-name {
      min-height: 68px;
    }


  }