/* Seasonal Gifts CSS – GiftWiseZone */

.seasonal-collections .collection-grid {
  margin-top: var(--space-6);
}
.seasonal-collections {text-align: center;}
.collection-card img {
  width: 100%;
  border-radius: var(--radius-md);
  margin-bottom: var(--space-3);
}
.collection-card .collection-content {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.collection-card h2 {
  text-align: left;
  margin-top: 0;
  margin-bottom: var(--space-2);
  color: var(--color-primary);
}

.collection-content p {
  text-align-last: left;
}

.offer-card img {
  width: 100% !important;
}

.button, .outline {width: 32%;padding: 7px 0;}

.themed-gifts-grid, .offers-grid, .trending-grid, .reviews-grid, .guides-grid {
  margin-top: var(--space-4);
}
.themed-gift-card img {
  width: 100%;
  margin-bottom: var(--space-2);
  border-radius: var(--radius-sm);
}

.offer-card {
  position: relative;
  display: flex;
  flex-direction: column;
}
.offer-tag {
  position: absolute;
  left: var(--space-3);
  top: var(--space-3);
  background: var(--color-primary);
  color: #fff;
  font-weight: 600;
  font-size: var(--font-size-xs);
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius-sm);
  z-index: 2;
  letter-spacing: 0.5px;
  box-shadow: var(--shadow-sm);
}
.offer-tag.flash { background: var(--color-danger); }

.offer-price-wrap {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: var(--space-2) 0;
  font-size: var(--font-size-md);
}
.offer-price {
  color: var(--color-success);
  font-weight: 700;
}
.strike {
  color: var(--color-gray-400);
  text-decoration: line-through;
  font-size: var(--font-size-base);
}
.offer-countdown {
  font-size: var(--font-size-xs);
  color: var(--color-warning);
  margin-bottom: var(--space-2);
}
.offers-grid,.guides-grid,.trending-grid {display: flex;flex-direction: row;justify-content: center;}

.trending-card,.guide-card,.offer-card {max-width: 375px;}

.trending-card .carousel {
  position: relative;
  justify-content: flex-start;
  overflow: hidden;
  margin-bottom: var(--space-2);
}
.trending-card .carousel-img {
  opacity: 0;
  max-width: none;
  width: 100%;
  height: 174px;
  position: absolute;
  top: 0; left: 0;
  transition: opacity 0.38s;
}
.trending-card .carousel-img.active {
  opacity: 1;
  position: static;
}
.trending-card .carousel-controls {
  margin-top: var(--space-1);
  display: flex;
  gap: var(--space-1);
}

.product-rating {
  color: var(--color-warning);
  font-size: var(--font-size-sm);
  margin-bottom: var(--space-2);
}
.review-card {
  display: flex;
  gap: var(--space-3);
  align-items: center;
  justify-content: space-between;
}
.review-photo {
  border-radius: 50%;
  width: 72px;
  height: 72px;
  object-fit: cover;
  margin-right: var(--space-2);
  flex-shrink: 0;
}
.review-card blockquote {
  margin: 0 0 var(--space-2) 0;
  font-style: italic;
  color: var(--color-gray-700);
}
.review-card figcaption {
  font-size: var(--font-size-xs);
  color: var(--color-gray-600);
  display: flex;
  flex-direction: column;
  text-align: right;
  align-items: center;
  gap: var(--space-1);
}
.occasions-panel .occasion-list {
  margin-top: var(--space-4);
  display: flex;
  justify-content: space-between;
}
.occasion-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: var(--space-3) var(--space-2);
  min-width: 110px;
  font-size: var(--font-size-sm);
  background: var(--color-surface);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition);
}
.occasion-link img {
  margin-bottom: var(--space-2);
  border-radius: 50%;
  box-shadow: var(--shadow-sm);
  width: 200px;
  height: 200px;
}
.occasion-link:hover, .occasion-link:focus-visible {
  box-shadow: var(--shadow-md);
  text-decoration: none;
}
.gifting-guides .guides-grid {
  margin-top: var(--space-4);
  margin-bottom: 34px;
}
.guide-card img {
  margin-bottom: var(--space-2);
  border-radius: 11px;
  width: 100%;
}
.guide-card h3 {
  margin-top: 0;
  margin-bottom: var(--space-2);
  color: var(--color-primary);
}

@media (max-width: 1315px) {

  .trending-grid,.offers-grid, .guides-grid { ; flex-wrap: wrap; }

}

@media (max-width: 1252px) {

  .occasions-panel .occasion-list { flex-direction: column; }

}

@media (max-width: 900px) {
  .grid-cols-4-md { grid-template-columns: repeat(2, 1fr); }
  .grid-cols-3-md { grid-template-columns: 1fr 1fr; }
  .reviews-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 832px) {
  .collection-card,.themed-gift-card {margin-bottom: 23px;}
  .collection-grid,.themed-gifts-grid {display:block;}

}
@media (max-width: 786px) {
  .trending-card .carousel-img {height: auto;}
  .trending-card, .guide-card, .offer-card {max-width: 100%;}
}
@media (max-width: 600px) {
  .lead { font-size: var(--font-size-md); margin-bottom: var(--space-2); }
  .container h1, .container h2 {
    margin-top: var(--space-8);
    font-size: var(--font-size-lg) !important;
  }
  .occasion-link { min-width: 90px; padding: var(--space-2) var(--space-1); }
  .footer-main {  flex-direction: column; justify-content: center; align-items: center; text-align: center;}
  .footer-brand {margin: 0 auto;}
  .footer-nav-list,.footer-legal-list {padding-left: 0;}
}