/** Shopify CDN: Minification failed

Line 57:1 Expected "}" to go with "{"

**/
/* ------------------------------
   Collection Description Styling
--------------------------------*/

.collection-description {
  max-height: none;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
  position: relative;
  line-height: 1.4; /* Optional: tighter line spacing */
}

.collection-description.collapsed {
  max-height: 9rem; /* Tighter height for mobile (~144px) */
}

@media (min-width: 700px) {
  .collection-description.collapsed {
    max-height: 12rem; /* Tighter height for desktop (~192px) */
}

.collection-description.collapsed::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3rem; /* Shorter fade for compact space */
  width: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--color-background, #0e0e0e));
  pointer-events: none;
  z-index: 1;
}

/* ------------------------------
   Product Add To cart Button Styling
--------------------------------*/
  .button--add-to-cart {
  background-color: #16A34A; /* your primary or contrasting color */
  color: #FFFFFF;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.button--add-to-cart:hover {
  background-color: #128239; /* 10% darker */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}