/* Explore Collections styles */
.accordion-gallery { display: flex; gap: 0; overflow: hidden; }
.accordion-item {
  position: relative; flex: 1 1 0; height: 420px; border-radius: 0;
  background-size: cover; background-position: center; cursor: pointer;
  overflow: hidden; transition: flex 0.35s ease;
  display: block; text-decoration: none; color: inherit;
}
.accordion-item:hover { flex: 2 1 0; }
.accordion-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.25); }
.accordion-content { position: absolute; left: 16px; bottom: 16px; color: #fff; }
.accordion-title { font-weight: 700; font-size: 20px; }
.accordion-subtitle { opacity: .9; font-size: 13px; }

.mobile-carousel { position: relative; }
.carousel-container { position: relative; overflow: hidden; border-radius: 20px; }
.carousel-track { display: flex; transition: transform .4s ease; }
.carousel-slide { min-width: 100%; height: 360px; background-size: cover; background-position: center; position: relative; display: block; text-decoration: none; color: inherit; }
.carousel-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border-radius: 9999px; border: 1px solid rgba(0,0,0,.1); background: rgba(255,255,255,.85); }
.carousel-prev { left: 8px; }
.carousel-next { right: 8px; }
.carousel-indicators { position: absolute; bottom: 10px; left: 0; right: 0; display: flex; justify-content: center; gap: 6px; }
.carousel-indicator { width: 8px; height: 8px; border-radius: 9999px; background: rgba(255,255,255,.6); }
.carousel-indicator.active { background: #92400e; }


/* Prevent horizontal overflow site-wide */
html, body { overflow-x: hidden; }