/* Figma parity for the four kart PDPs only. Base component layouts live in main.css. */
.kart-pdp :is(.why__heading, .features__heading, .features__title, .parents__title,
  .how-it-works__title, .how-it-works__step-title, .specs__title, .compare-rides__title,
  .expect__title, .shop-need__title, .owner-support__title, .faq__title) {
  font-family: var(--ff-body);
}
.kart-pdp .why { padding: 96px var(--gutter); background: #f5f5f5; }
.kart-pdp .why__inner { max-width: 1312px; }
.kart-pdp .why__head { max-width: 1200px; margin: 0 0 64px; padding-inline: 16px; text-align: left; }
.kart-pdp .why__heading { font-size: clamp(36px, 4.2vw, 60px); font-weight: 700; line-height: 1.16; letter-spacing: -.017em; }
.kart-pdp .why__intro { max-width: 700px; padding-top: 24px; font-size: 20px; line-height: 1.5; }
.kart-pdp .why__grid { gap: 32px; }
.kart-pdp .why__card { min-height: 349px; padding: 40px; border-radius: 25px; background: #fff; }
.kart-pdp .why__icon { width: 61px; height: 61px; margin-bottom: 32px; border-radius: 16px; }
.kart-pdp .why__icon--svg { background: none; }
.kart-pdp .why__kicker { font-size: 12px; line-height: 18px; letter-spacing: .08em; text-transform: uppercase; }
.kart-pdp .why__title { margin: 4px 0 0; font-size: 28px; line-height: 34px; letter-spacing: -.015em; }
.kart-pdp .why__text { max-width: 280px; margin-top: 20px; color: #888; font-size: 16px; line-height: 24px; }
.kart-pdp .features__panel { border-radius: 0; }
.kart-pdp .expect__bg { display: block; }
.kart-pdp .kart-pdp__problems .expect__trigger { pointer-events: none; }
.kart-pdp .kart-pdp__problems .expect__panel {
  display: block; position: static; max-height: none; opacity: 1; visibility: visible;
}
.kart-pdp .kart-pdp__problems .expect__item { border-bottom: 1px solid rgba(255,255,255,.25); }
.kart-pdp .kart-pdp__problems .expect__solution { color: #fff; }
.kart-pdp__closing { background: #fff; }
.kart-pdp__closing h2 { font-family: var(--ff-body); font-weight: 700; letter-spacing: -.017em; }
.kart-pdp__closing .btn { border-radius: 999px; }
.kart-pdp__closing .btn--primary { background: var(--c-green); color: #fff; }
.kart-pdp__closing .btn--primary:hover { background: var(--c-green-dark); }
@media (max-width: 1024px) {
  .kart-pdp .why__card { padding: 28px; }
}
@media (max-width: 767px) {
  .kart-pdp .why { padding: 56px 16px; }
  .kart-pdp .why__head { margin-bottom: 32px; padding: 0; }
  .kart-pdp .why__intro { padding-top: 16px; font-size: 16px; }
  .kart-pdp .why__grid { grid-template-columns: 1fr; gap: 20px; }
  .kart-pdp .why__card { min-height: 0; padding: 28px; }
  .kart-pdp .why__title { font-size: 24px; line-height: 30px; }
  .kart-pdp .why__text { max-width: none; }
}