@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

body {
  background-color: #FFFAF0;
 font-family: "DM Sans", sans-serif;
}



h1, h2, h3, h4, h5, h6 {
  font-family: "Cormorant Garamond", serif;
}

.swiper-pagination-bullet-active {
  background: #C6A75E;
  border-radius: 4px;
}

section {
  padding: 50px 0px;
}




  .collection-section {
    --card-height: 200px;      
    --card-border-color: #C99738; 
    --card-border-width: 1.5px;
  }

.collection-card {
    height: var(--card-height);
    border: var(--card-border-width) solid var(--card-border-color);
    border-radius: 999px 999px 8px 8px;
    overflow: hidden;
    padding: 3px;
    width: 180px;
    margin: auto;
}
  .collection-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 999px 999px 8px 8px; 

  }
  
    @keyframes promo-marquee-move {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
  }
  .promo-marquee {
    animation: promo-marquee-move 70s linear infinite;
  }
  @media (prefers-reduced-motion: reduce) {
    .promo-marquee { animation: none; }
  }


    .testimonial-swiper-pagination .swiper-pagination-bullet {
    background: var(--gold, #b8924a);
    opacity: 0.3;
    width: 8px;
    height: 6px;
    border-radius: 999px;
    transition: all 0.3s ease;
  }
  .testimonial-swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    width: 32px;
  }

    .cat-card { transition: border-color 0.2s ease; }
  .cat-card--active { border: 1.5px solid #5D5724; }