/* Section 7 — Why choose */
.ap-why__grid {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 1rem + 4vw, 4.5rem); align-items: center;
}
.ap-why__content h2 { margin-bottom: 0.75rem; }
.ap-why__list { list-style: none; margin: 2rem 0 0; padding: 0; display: grid; gap: 1.25rem; }
.ap-why__item { display: flex; align-items: flex-start; gap: 1.1rem; }
.ap-why__item .ap-badge { flex: none; margin: 0; width: 50px; height: 50px; }
.ap-why__item h3 { font-size: 1.15rem; margin-bottom: 0.2rem; }
.ap-why__item p { color: var(--ap-text-2); font-size: 1rem; margin: 0; }

.ap-why__media { position: relative; order: 2; }
.ap-why__media img {
  width: 100%; aspect-ratio: 3 / 4; max-height: 620px; object-fit: cover;
  border-radius: var(--ap-radius-lg); box-shadow: var(--ap-shadow-lg);
}
.ap-why__quote {
  position: absolute; right: -10px; bottom: 24px; max-width: 280px;
  background: #fff; border-radius: var(--ap-radius); padding: 1.25rem 1.4rem;
  box-shadow: var(--ap-shadow); border-left: 4px solid var(--ap-purple);
}
.ap-why__quote svg { width: 26px; height: 26px; color: var(--ap-purple); margin-bottom: 0.5rem; }
.ap-why__quote p { font-family: var(--ap-font-head); font-size: 1.02rem; line-height: 1.45; color: var(--ap-charcoal); margin: 0; }

@media (max-width: 860px) {
  .ap-why__grid { grid-template-columns: 1fr; }
  .ap-why__media { order: -1; max-width: 520px; margin-inline: auto; }
  .ap-why__media img { aspect-ratio: 4 / 3; }
}