$heightBtn: 100%;
$colore_titolo_libro: rgb(210, 12, 12);

body {
  line-height: 1.2 !important;
}

.card .product-image {
  height: 300px;
}

.container {
  margin-top: 4px;
  margin-bottom: 4px;
}

.prod_trov {
  font-style: italic;
  color: grey;
}

.fixed-group {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  /* Customize the background color as needed */
  z-index: 1000;
  /* Adjust the z-index to ensure it's above other elements */
  transition: all 1s ease;
}


.category-title {
  font-weight: bold;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  color: black;
  text-align: center;

}

.fixed-width {
  width: var(--width) !important;
  /* Usa una variabile CSS */
}

.fixed-height {
  height: var(--height) !important;
  /* Usa una variabile CSS */
}

.break {
  flex-basis: 100%;
  height: 0;
}

.book-title {
  font-family: 'DINPro-Condensed-Bold', sans-serif;
  color: $colore_titolo_libro;
  text-transform: uppercase;
  margin-top: calc(5 * var(--scalecatalog) * 1px);
  margin-bottom: calc(5 * var(--scalecatalog) * 1px);
  font-size: calc(18 * var(--scalecatalog) * 1px);
  line-height: 100%;
  font-weight: bold;
}

.book-author {
  font-family: 'DINPro-Condensed-Regular', sans-serif;
  font-size: calc(16 * var(--scalecatalog) * 1px);
}

.book-descr {
  font-family: 'DINPro-Condensed-Bold-Italic', sans-serif;
  font-size: calc(16 * var(--scalecatalog) * 1px);
}

.book-details {
  font-family: 'DINPro-Condensed-Regular', sans-serif;
  margin-bottom: calc(5 * var(--scalecatalog) * 1px);
  font-size: calc(16 * var(--scalecatalog) * 1px);
  text-align: left !important;

  &.big {
    font-size: calc(22 * var(--scalecatalog) * 1px);
  }
}


.book-descr-estesa {
  font-family: 'AGaramondPro-Regular', sans-serif;
  font-size: calc(15 * var(--scalecatalog) * 1px);
  text-align: justify;
  word-wrap: break-word;
}

.book-link {
  font-style: italic;
  font-size: calc(14 * var(--scalecatalog) * 1px);
}

.book-novita {
  font-size: calc(20 * var(--scalecatalog) * 1px);
}


.book-text-up {
  font-family: 'DINPro', sans-serif;
  margin-bottom: calc(5 * var(--scalecatalog) * 1px);
  font-size: calc(20 * var(--scalecatalog) * 1px);
  height: calc(380 * var(--scalecatalog) * 1px);
  line-height: 130%;
}

.book-text-down {
  font-family: 'DINPro', sans-serif;
  margin-bottom: calc(5 * var(--scalecatalog) * 1px);
}

.book-pagina-title {
  font-family: 'DINPro', sans-serif;
  margin-top: calc(20 * var(--scalecatalog) * 1px);
  margin-bottom: calc(5 * var(--scalecatalog) * 1px);
  font-size: calc(35 * var(--scalecatalog) * 1px);
  height: calc(100 * var(--scalecatalog) * 1px);
}

.categories {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  border-radius: 24px;
  background-color: #e6f0ff;
}

.category {
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 0.95rem;
  padding: 8px 16px;
  background-color: white;
  color: #2c3e50;
  border: 1px solid #b0c4de;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  user-select: none;
}

.category:hover {
  background-color: #dbe9ff;
  color: #1a3f8a;
  border-color: #89aef0;
}

.category_sel {
  background-color: #5c8ef4 !important;
  color: white !important;
  font-weight: 600;
  border-color: #5c8ef4 !important;
  box-shadow: 0 0 0 2px rgba(92, 142, 244, 0.3);
}
