/* ==========================================================================
   Vitruviana — taxonomy-zone.css
   ========================================================================== */

/* Intro */
.zone-intro__inner {
  display: grid;
  grid-template-columns: 55% 45%;
  gap: var(--gap-grid-lg);
  align-items: start;
}
.zone-intro__image img {
  width: 100%;
  filter: grayscale(100%);
}

/* Accordion */
.zone-accordions { margin-top: 2rem; }
.zone-accordion { margin-bottom: 0; }
.zone-accordion__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 0 1.3px;
  border-bottom: 1.3px solid rgba(201, 168, 76, 0.3);
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 0.52px;
  color: var(--color-gold);
  line-height: 28px;
  height: 33px;
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
  cursor: pointer;
  transition: color 0.3s ease;
  margin-bottom: 24px;
}
.zone-accordion__chevron {
  font-size: 1.25rem;
  transition: transform 0.3s ease;
  color: var(--color-gold);
}
.zone-accordion__header.active .zone-accordion__chevron {
  transform: rotate(180deg);
}
.zone-accordion__body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s var(--ease-luxury);
}
.zone-accordion__body.active {
  /* max-height set by JS */
}

/* Fiches grid inside accordion */
.zone-fiches-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  padding-bottom: 2rem;
}

@media (max-width: 767px) {
  .zone-intro__inner { grid-template-columns: 1fr; }
  .zone-fiches-grid { grid-template-columns: 1fr; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .zone-fiches-grid { grid-template-columns: repeat(2, 1fr); }
}