/* ── Accordion — apps-rows-section v9.3 ─────────────────────────────────────── */

/* ── DISCOVER CTA hint (above accordion list) ─────────────────────────────── */
.accordion-discover-hint {
  text-align:center;
  margin:0 auto 32px;
  padding:0 20px;
  max-width:600px;
}
.accordion-discover-text {
  display:inline-flex; align-items:center; gap:9px;
  font-size:0.78rem; font-weight:600; letter-spacing:0.05em;
  color:rgba(216,240,236,0.55);
  border:1px solid rgba(18,169,157,0.18);
  border-radius:40px;
  padding:9px 20px;
  background:rgba(18,169,157,0.06);
  position:relative;
  overflow:hidden;
}
/* shimmer sweep */
.accordion-discover-text::before {
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(90deg,transparent 0%,rgba(18,169,157,0.18) 50%,transparent 100%);
  animation:shimmer-sweep 2.6s ease-in-out infinite;
  pointer-events:none;
}
@keyframes shimmer-sweep {
  0%   { transform:translateX(-100%); }
  60%  { transform:translateX(100%); }
  100% { transform:translateX(100%); }
}
.accordion-discover-icon {
  font-size:1rem;
  animation:bounce-x 1.8s ease-in-out infinite;
  display:inline-block;
  flex-shrink:0;
}
@keyframes bounce-x {
  0%,100% { transform:translateX(0); }
  45%     { transform:translateX(5px); }
  65%     { transform:translateX(2px); }
}

/* ── ACCORDION WRAPPER ─────────────────────────────────────────────────────── */
.acc-list {
  max-width:var(--max-w);
  margin:0 auto;
  border:1px solid rgba(18,169,157,0.12);
  border-radius:18px;
  overflow:hidden;
}

/* ── ACCORDION ITEM ────────────────────────────────────────────────────────── */
.acc-item {
  border-bottom:1px solid rgba(18,169,157,0.1);
}
.acc-item:last-child { border-bottom:none; }

/* ── HEADER (clickable row) ────────────────────────────────────────────────── */
.acc-header {
  width:100%; background:transparent; border:none; cursor:pointer;
  display:grid;
  grid-template-columns:auto 1fr auto auto;
  align-items:center;
  gap:14px;
  padding:20px 24px;
  text-align:left;
  font-family:var(--font-body);
  transition:background 0.18s;
  position:relative;
  overflow:hidden; /* clips particle burst */
}
.acc-header:hover {
  background:rgba(18,169,157,0.05);
}
.acc-item.open .acc-header {
  background:rgba(18,169,157,0.07);
}

/* WhatsApp row tint */
.acc-item--wa .acc-header {
  background:rgba(37,211,102,0.04);
}
.acc-item--wa .acc-header:hover,
.acc-item--wa.open .acc-header {
  background:rgba(37,211,102,0.08);
}

/* Arrow icon */
.acc-arrow {
  width:28px; height:28px; border-radius:50%;
  background:rgba(18,169,157,0.08);
  border:1px solid rgba(18,169,157,0.15);
  display:flex; align-items:center; justify-content:center;
  color:rgba(18,169,157,0.6);
  font-size:0.7rem;
  transition:transform 0.3s ease, background 0.18s;
  flex-shrink:0;
}
.acc-item.open .acc-arrow {
  transform:rotate(90deg);
  background:rgba(18,169,157,0.18);
  color:#12A99D;
}
.acc-item--wa .acc-arrow { background:rgba(37,211,102,0.1); border-color:rgba(37,211,102,0.2); color:rgba(37,211,102,0.7); }
.acc-item--wa.open .acc-arrow { background:rgba(37,211,102,0.2); color:#25D366; }

/* Eyebrow + title */
.acc-label { flex:1; min-width:0; }
.acc-eyebrow {
  font-size:0.58rem; font-weight:700; letter-spacing:0.15em;
  text-transform:uppercase; color:rgba(18,169,157,0.5);
  display:block; margin-bottom:3px;
}
.acc-item--wa .acc-eyebrow { color:rgba(37,211,102,0.6); }
.acc-title {
  font-family:var(--font-display); font-size:1.05rem; font-weight:600;
  color:rgba(216,240,236,0.82); line-height:1.2;
  display:block; margin-bottom:4px;
}
.acc-desc {
  font-size:0.76rem; color:rgba(216,240,236,0.36); line-height:1.5;
  display:block;
}
.acc-item.open .acc-title { color:#D8F0EC; }
.acc-item--wa .acc-title { color:rgba(200,255,220,0.82); }
.acc-item--wa.open .acc-title { color:#b5ffe1; }

/* Count badge */
.acc-count {
  font-size:0.65rem; font-weight:700;
  color:rgba(18,169,157,0.55);
  border:1px solid rgba(18,169,157,0.2);
  background:rgba(18,169,157,0.07);
  border-radius:20px;
  padding:3px 10px;
  white-space:nowrap;
  flex-shrink:0;
}
.acc-item--wa .acc-count { color:rgba(37,211,102,0.65); border-color:rgba(37,211,102,0.2); background:rgba(37,211,102,0.07); }

/* ── PANEL (collapsible) ──────────────────────────────────────────────────── */
.acc-panel {
  max-height:0;
  overflow:hidden;
  transition:max-height 0.45s cubic-bezier(0.4,0,0.2,1);
}
.acc-item.open .acc-panel {
  max-height:6000px; /* large enough for any group */
  transition:max-height 0.55s cubic-bezier(0.4,0,0.2,1);
}
.acc-panel-inner {
  padding:0 24px 32px;
}

/* ── BOTTOM SINGLE CTA after all accordions ──────────────────────────────── */
.accordion-bottom-cta {
  text-align:center;
  margin:36px auto 0;
  max-width:var(--max-w);
  padding:0 20px;
}

/* ── PARTICLE BURST ──────────────────────────────────────────────────────── */
.acc-particle {
  position:absolute;
  width:5px; height:5px;
  border-radius:50%;
  pointer-events:none;
  animation:particle-fly 0.65s ease-out forwards;
}
@keyframes particle-fly {
  0%   { transform:translate(0,0) scale(1); opacity:1; }
  100% { transform:translate(var(--tx),var(--ty)) scale(0); opacity:0; }
}

/* ── RESPONSIVE ──────────────────────────────────────────────────────────── */
@media(max-width:600px) {
  .acc-header { grid-template-columns:auto 1fr auto; gap:10px; padding:16px 16px; }
  .acc-count { display:none; }
  .acc-title { font-size:0.95rem; }
  .acc-desc { display:none; } /* saves space on very small screens */
  .acc-panel-inner { padding:0 12px 24px; }
}