/* =========================================================
   VELOURA EAST — PREMIUM ACCORDION (reusable component)
   Used by: Product Details / Specifications.
   Same visual language and interaction model as
   assets/css/faq.css + assets/js/faq.js — pp__acc-* instead
   of pp__faq-* so the two can coexist without collisions,
   but styled identically for a consistent editorial feel.
========================================================= */

.pp__acc-list { max-width: 900px; }
.pp__acc-item { border-bottom: 1px solid var(--border); }
.pp__acc-item:first-child { border-top: 1px solid var(--border); }

.pp__acc-q {
  width: 100%; display: flex; align-items: center; gap: 18px;
  background: none; border: none; text-align: left; cursor: pointer; padding: 22px 4px;
  font-family: inherit; font-size: 14.5px; font-weight: 500; color: var(--black);
}
.pp__acc-q:hover { color: var(--gold-2); }
.pp__acc-num {
  font-family: 'Playfair Display', serif; font-size: 12px; color: var(--gold);
  flex-shrink: 0; width: 26px;
}
.pp__acc-label { flex: 1; }
.pp__acc-chevron { flex-shrink: 0; color: var(--gold); transition: transform .35s ease; }
.pp__acc-q[aria-expanded="true"] .pp__acc-chevron { transform: rotate(180deg); }

.pp__acc-a { overflow: hidden; max-height: 0; transition: max-height .4s ease; }
.pp__acc-a.is-open { max-height: 1200px; }
.pp__acc-a-inner { padding: 0 4px 26px 44px; }

@media (max-width: 640px) {
  .pp__acc-a-inner { padding-left: 4px; }
}

@media (prefers-reduced-motion: reduce) {
  .pp__acc-a { transition: none; }
  .pp__acc-chevron { transition: none; }
}