/*
 * Four static policy and introduction pages.
 * Scoped, mobile-first and token-driven. No shared chrome rules live here.
 */

.kanto-info-pages {
  min-inline-size: 0;
  max-inline-size: 100%;
  color: var(--k-ink);
}

.kanto-info-pages a {
  text-decoration-thickness: .08em;
  text-underline-offset: .18em;
}

.kanto-info-pages :where(h1, h2, h3, h4, p, figure, blockquote, dl) {
  margin: 0;
}

.kanto-info-pages :where(ul, ol) {
  margin: 0;
  padding: 0;
}

.kanto-info-pages :where(li) {
  list-style: none;
}

.kanto-info-breadcrumb {
  margin-block: .25rem 1.25rem;
  color: var(--k-muted-2);
  font-size: .75rem;
}

.kanto-info-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem;
}

.kanto-info-breadcrumb li[aria-current="page"] {
  color: var(--k-ink);
  font-weight: 700;
}

.kanto-info-icon {
  display: block;
  inline-size: 1.25rem;
  block-size: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.kanto-info-eyebrow {
  display: inline-flex;
  align-items: center;
  min-block-size: 1.75rem;
  padding-inline: .75rem;
  border-radius: 999px;
  color: var(--k-ink);
  background: var(--k-brand-yellow);
  font-size: .6875rem;
  font-weight: 800;
  letter-spacing: .05em;
  line-height: 1.2;
}

.kanto-info-eyebrow--pink {
  color: var(--k-accent-text);
  background: var(--k-survey-hero-start);
}

.kanto-info-hero,
.kanto-info-page-intro,
.kanto-info-delivery-hero {
  text-wrap: pretty;
}

.kanto-info-hero h1,
.kanto-info-page-intro h1,
.kanto-info-delivery-hero h1 {
  max-inline-size: 18ch;
  margin-block: .875rem .75rem;
  color: var(--k-ink);
  font-size: clamp(1.75rem, 1.35rem + 2vw, 2.875rem);
  font-weight: 700;
  letter-spacing: -.04em;
  line-height: 1.12;
}

.kanto-info-hero > p:not(.kanto-info-eyebrow),
.kanto-info-page-intro > p:not(.kanto-info-eyebrow),
.kanto-info-delivery-hero > div > p:not(.kanto-info-delivery-hero__badge) {
  max-inline-size: 42rem;
  color: var(--k-muted);
  font-size: 1rem;
  line-height: 1.7;
}

.kanto-info-hero--about {
  padding: clamp(1.5rem, 4vw, 3rem);
  border: 1px solid var(--k-border-warm);
  border-radius: 1.375rem;
  background: var(--k-surface-2);
}

.kanto-info-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .625rem;
  margin-block-start: 1.25rem;
}

.kanto-info-button {
  display: inline-flex;
  min-block-size: 3rem;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  padding-inline: 1.125rem;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: .875rem;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
}

.kanto-info-button .kanto-info-icon {
  inline-size: 1rem;
  block-size: 1rem;
}

.kanto-info-button--yellow {
  color: var(--k-ink) !important;
  background: var(--k-brand-yellow);
}

.kanto-info-button--dark {
  color: var(--k-surface) !important;
  background: var(--k-ink);
}

.kanto-info-button--light {
  color: var(--k-ink) !important;
  background: var(--k-surface);
}

.kanto-info-button--zalo {
  color: var(--k-surface) !important;
  background: var(--k-zalo-blue);
}

.kanto-info-stat-grid,
.kanto-info-proof dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .625rem;
}

.kanto-info-stat-grid {
  margin-block: 1rem 2.5rem;
}

.kanto-info-stat-grid > div,
.kanto-info-proof dl > div {
  display: grid;
  align-content: center;
  min-block-size: 6.5rem;
  padding: 1rem;
  border: 1px solid var(--k-border-warm);
  border-radius: 1rem;
  background: var(--k-surface);
  text-align: center;
}

.kanto-info-stat-grid dt,
.kanto-info-proof dt {
  color: var(--k-accent-text);
  font-size: clamp(1.5rem, 1.2rem + 1.5vw, 2.125rem);
  font-weight: 800;
  line-height: 1.15;
}

.kanto-info-stat-grid dd,
.kanto-info-proof dd {
  margin: .25rem 0 0;
  color: var(--k-muted);
  font-size: .75rem;
  line-height: 1.4;
}

.kanto-info-section {
  margin-block: clamp(2.5rem, 6vw, 4.5rem);
}

.kanto-info-section__heading {
  max-inline-size: 44rem;
  margin-block-end: 1.25rem;
}

.kanto-info-section__heading--center,
.kanto-info-page-intro--center {
  margin-inline: auto;
  text-align: center;
}

.kanto-info-section h2,
.kanto-info-section__heading h2,
.kanto-info-plain-cta h2,
.kanto-info-cta-band h2,
.kanto-info-callout h2 {
  color: var(--k-ink);
  font-size: clamp(1.375rem, 1.1rem + 1.4vw, 1.875rem);
  font-weight: 800;
  letter-spacing: -.025em;
  line-height: 1.2;
}

.kanto-info-section__heading h2 {
  margin-block: .625rem;
}

.kanto-info-section__heading > p:not(.kanto-info-eyebrow),
.kanto-info-plain-cta p,
.kanto-info-cta-band p,
.kanto-info-callout p {
  color: var(--k-muted);
  font-size: .9375rem;
  line-height: 1.65;
}

.kanto-info-story {
  display: grid;
  gap: 1.5rem;
}

.kanto-info-story__copy p:not(.kanto-info-eyebrow),
.kanto-info-vision__copy p {
  margin-block-start: .875rem;
  color: var(--k-muted);
  line-height: 1.75;
}

.kanto-info-story__copy h2 {
  margin-block: .625rem;
}

.kanto-info-story__media,
.kanto-info-banner {
  overflow: hidden;
  border-radius: 1.125rem;
  background: var(--k-surface-2);
}

.kanto-info-story__image,
.kanto-info-banner__image,
.kanto-info-category-card__img,
.kanto-info-review-grid__image {
  inline-size: 100%;
  object-fit: cover;
}

.kanto-info-story__image {
  aspect-ratio: 4 / 3;
}

.kanto-info-category-strip {
  display: grid;
  grid-auto-columns: 4.875rem;
  grid-auto-flow: column;
  gap: .75rem;
  overflow-x: auto;
  margin-block: 1.5rem;
  padding: 0;
  list-style: none;
}

.kanto-info-category-card {
  --kanto-info-category-tile: var(--k-surface);
  display: flex;
  min-block-size: 7.5rem;
  flex-direction: column;
  align-items: center;
  gap: .4375rem;
  color: var(--k-ink);
  text-align: center;
  text-decoration: none;
}

.kanto-info-category-card__image {
  display: grid;
  inline-size: 3.875rem;
  aspect-ratio: 1;
  place-items: center;
  border-radius: 1.25rem;
  background: var(--kanto-info-category-tile);
}

.kanto-info-category-card__img {
  max-inline-size: 82%;
  max-block-size: 82%;
  object-fit: contain;
}

.kanto-info-category-card__name {
  min-block-size: 2.4em;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.2;
}

.kanto-info-category-card__count {
  display: none;
}

.kanto-info-category-card--tone-0 {
  --kanto-info-category-tile: color-mix(in srgb, var(--k-brand-yellow) 24%, var(--k-surface));
}

.kanto-info-category-card--tone-1 {
  --kanto-info-category-tile: color-mix(in srgb, var(--k-zalo-blue) 12%, var(--k-surface));
}

.kanto-info-category-card--tone-2 {
  --kanto-info-category-tile: color-mix(in srgb, var(--k-trust-green) 14%, var(--k-surface));
}

.kanto-info-category-card--tone-3 {
  --kanto-info-category-tile: color-mix(in srgb, var(--k-brand-pink) 10%, var(--k-surface));
}

.kanto-info-category-card--tone-4 {
  --kanto-info-category-tile: color-mix(in srgb, var(--k-ink) 7%, var(--k-surface));
}

.kanto-info-vision__copy {
  max-inline-size: 44rem;
  margin-block: 1.75rem;
}

.kanto-info-value-grid,
.kanto-info-showrooms,
.kanto-info-review-grid,
.kanto-info-payment-grid,
.kanto-info-reassurance,
.kanto-info-note-grid {
  display: grid;
  gap: .75rem;
}

.kanto-info-value-grid article,
.kanto-info-showrooms article,
.kanto-info-payment-grid article,
.kanto-info-reassurance article,
.kanto-info-note-grid article {
  min-inline-size: 0;
  padding: 1.125rem;
  border: 1px solid var(--k-border-warm);
  border-radius: 1rem;
  background: var(--k-surface);
}

.kanto-info-value-grid h3,
.kanto-info-showrooms h3,
.kanto-info-payment-grid h2,
.kanto-info-reassurance h2,
.kanto-info-note-grid h2 {
  margin-block: .75rem .35rem;
  color: var(--k-ink);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.3;
}

.kanto-info-value-grid p,
.kanto-info-showrooms p,
.kanto-info-payment-grid p,
.kanto-info-reassurance p,
.kanto-info-note-grid li {
  color: var(--k-muted);
  font-size: .875rem;
  line-height: 1.65;
}

.kanto-info-value-grid a,
.kanto-info-showrooms a {
  color: var(--k-accent-text);
  font-weight: 700;
}

.kanto-info-icon-disc {
  display: inline-flex;
  inline-size: 2.75rem;
  block-size: 2.75rem;
  align-items: center;
  justify-content: center;
  flex: none;
  border-radius: 50%;
}

.kanto-info-icon-disc--yellow {
  color: var(--k-ink);
  background: var(--k-survey-soft-yellow);
}

.kanto-info-icon-disc--pink {
  color: var(--k-brand-pink);
  background: var(--k-survey-hero-start);
}

.kanto-info-icon-disc--green {
  color: var(--k-trust-green);
  background: var(--k-survey-success-bg);
}

.kanto-info-icon-disc--soft {
  color: var(--k-zalo-blue);
  background: var(--k-surface-2);
}

.kanto-info-showrooms article {
  background: var(--k-surface-2);
}

.kanto-info-cta-band,
.kanto-info-callout,
.kanto-info-plain-cta {
  display: grid;
  gap: 1.25rem;
  margin-block: clamp(2.5rem, 6vw, 4.5rem) 0;
  padding: 1.5rem;
  border-radius: 1.25rem;
}

.kanto-info-cta-band {
  background: var(--k-grad-hero);
}

.kanto-info-callout {
  background: var(--k-survey-soft-yellow);
}

.kanto-info-plain-cta {
  border: 1px solid var(--k-border-warm);
  background: var(--k-surface-2);
}

.kanto-info-proof {
  max-inline-size: 50rem;
  margin: 1.5rem auto 0;
}

.kanto-info-proof > p {
  margin-block-start: .625rem;
  color: var(--k-muted-2);
  font-size: .6875rem;
  text-align: center;
}

.kanto-info-reason-grid {
  display: grid;
  gap: .75rem;
  counter-reset: reason;
}

.kanto-info-reason-grid li {
  position: relative;
  min-inline-size: 0;
  padding: 1.25rem;
  padding-inline-start: 4.5rem;
  border: 1px solid var(--k-border-warm);
  border-radius: 1rem;
  background: var(--k-surface);
}

.kanto-info-reason-grid__number {
  position: absolute;
  inset-block-start: 1.25rem;
  inset-inline-start: 1.25rem;
  display: inline-flex;
  inline-size: 1.625rem;
  block-size: 1.625rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--k-brand-yellow);
  background: var(--k-ink);
  font-size: .75rem;
  font-weight: 800;
}

.kanto-info-reason-grid .kanto-info-icon-disc {
  display: none;
}

.kanto-info-reason-grid h3 {
  color: var(--k-ink);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.35;
}

.kanto-info-reason-grid p {
  margin-block-start: .4rem;
  color: var(--k-muted);
  font-size: .875rem;
  line-height: 1.65;
}

.kanto-info-reason-grid a {
  color: var(--k-accent-text);
  font-weight: 700;
}

.kanto-info-review-grid article {
  overflow: hidden;
  border: 1px solid var(--k-border-warm);
  border-radius: 1rem;
  background: var(--k-surface);
}

.kanto-info-review-gallery-link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.kanto-info-review-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .25rem;
  padding: .25rem;
  background: var(--k-surface-2);
}

.kanto-info-review-gallery figure {
  display: grid;
  place-items: center;
  min-block-size: 8rem;
  background: var(--k-surface);
}

.kanto-info-review-grid__image {
  aspect-ratio: 4 / 3;
  object-fit: contain;
}

.kanto-info-review-grid__body {
  padding: 1rem;
}

.kanto-info-stars {
  color: var(--k-brand-yellow);
  font-size: .875rem;
  letter-spacing: .08em;
}

.kanto-info-review-grid blockquote {
  margin-block: .625rem;
  color: var(--k-muted);
  font-size: .875rem;
  line-height: 1.7;
}

.kanto-info-review-grid__name {
  color: var(--k-ink);
  font-size: .8125rem;
  font-weight: 800;
}

.kanto-info-verified {
  margin-block-start: .15rem;
  color: var(--k-trust-green);
  font-size: .6875rem;
  font-weight: 700;
}

.kanto-info-delivery-hero {
  display: grid;
  gap: 1.25rem;
  overflow: hidden;
  padding: 1.5rem;
  border-radius: 1.25rem;
  color: var(--k-surface);
  background: var(--k-grad-combo);
}

.kanto-info-delivery-hero h1,
.kanto-info-delivery-hero > div > p:not(.kanto-info-delivery-hero__badge) {
  color: var(--k-surface);
}

.kanto-info-delivery-hero__badge {
  display: inline-flex;
  min-block-size: 1.75rem;
  align-items: center;
  padding-inline: .75rem;
  border: 1px solid var(--k-surface);
  border-radius: 999px;
  font-size: .6875rem;
  font-weight: 800;
  letter-spacing: .04em;
  line-height: 1.2;
}

.kanto-info-delivery-hero__icon {
  display: none;
}

.kanto-info-process {
  display: grid;
  gap: .75rem;
}

.kanto-info-process li {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: .75rem;
  align-items: center;
  min-inline-size: 0;
  padding: 1rem;
  border: 1px solid var(--k-border-warm);
  border-radius: 1rem;
}

.kanto-info-process__number {
  display: none;
}

.kanto-info-process h3,
.kanto-info-process p {
  grid-column: 2;
}

.kanto-info-process h3 {
  color: var(--k-ink);
  font-size: .9375rem;
  font-weight: 800;
  line-height: 1.3;
}

.kanto-info-process p {
  margin-block-start: .2rem;
  color: var(--k-muted);
  font-size: .8125rem;
  line-height: 1.55;
}

.kanto-info-delivery-fees > h3 {
  margin-block: 1.5rem .625rem;
  color: var(--k-ink);
  font-size: .9375rem;
  font-weight: 800;
}

.kanto-info-notice {
  display: flex;
  gap: .625rem;
  align-items: flex-start;
  margin-block: .75rem 1rem;
  padding: .75rem;
  border: 1px solid var(--k-survey-soft-yellow-border-2);
  border-radius: .75rem;
  color: var(--k-ink);
  background: var(--k-survey-soft-yellow);
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.55;
}

.kanto-info-notice > span {
  flex: none;
  color: var(--k-accent-text);
}

.kanto-info-notice .kanto-info-icon {
  inline-size: 1rem;
  block-size: 1rem;
}

.kanto-info-table-wrap {
  max-inline-size: 100%;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--k-border-warm);
  border-radius: 1rem;
  scrollbar-color: var(--k-muted-2) var(--k-surface-2);
  scrollbar-width: thin;
}

.kanto-info-table {
  inline-size: 100%;
  min-inline-size: 39rem;
  border-collapse: collapse;
  color: var(--k-muted);
  font-size: .8125rem;
  line-height: 1.45;
}

.kanto-info-table :is(th, td) {
  padding: .875rem 1rem;
  border-block-start: 1px solid var(--k-border-warm);
  text-align: start;
  vertical-align: top;
}

.kanto-info-table thead th {
  border-block-start: 0;
  color: var(--k-ink);
  background: var(--k-survey-soft-yellow);
  font-weight: 800;
}

.kanto-info-table tbody th {
  color: var(--k-ink);
  font-weight: 700;
}

.kanto-info-table tbody tr:nth-child(even) {
  background: var(--k-surface-2);
}

.kanto-info-table :is(th, td):last-child {
  text-align: end;
}

.kanto-info-table__free {
  color: var(--k-trust-green);
  font-weight: 800;
}

.kanto-info-shipping-partners {
  margin-block-start: 1rem;
  padding: 1.125rem;
  border: 1px solid var(--k-border-warm);
  border-radius: 1rem;
  background: var(--k-surface-2);
}

.kanto-info-shipping-partners h3,
.kanto-info-shipping-partners h4 {
  color: var(--k-ink);
  font-weight: 800;
}

.kanto-info-shipping-partners h3 {
  font-size: 1rem;
}

.kanto-info-shipping-partners h4 {
  margin-block: 1rem .35rem;
  font-size: .8125rem;
}

.kanto-info-shipping-partners p,
.kanto-info-shipping-partners li {
  color: var(--k-muted);
  font-size: .875rem;
  line-height: 1.65;
}

.kanto-info-shipping-partners p {
  margin-block-start: .35rem;
}

.kanto-info-shipping-partners ul,
.kanto-info-note-grid ul {
  display: grid;
  gap: .35rem;
  margin-block-start: .5rem;
  padding-inline-start: 1.1rem;
}

.kanto-info-shipping-partners li,
.kanto-info-note-grid li {
  list-style: disc;
}

.kanto-info-note-grid {
  margin-block: 1.5rem;
}

.kanto-info-survey-link {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: .75rem;
  align-items: center;
  padding: 1rem;
  border: 2px dashed var(--k-trust-green);
  border-radius: 1rem;
  color: var(--k-ink);
  background: var(--k-survey-success-bg);
  text-decoration: none !important;
}

.kanto-info-survey-link strong,
.kanto-info-survey-link small {
  display: block;
}

.kanto-info-survey-link strong {
  color: var(--k-trust-green);
  font-size: .875rem;
  font-weight: 800;
  line-height: 1.4;
}

.kanto-info-survey-link small {
  margin-block-start: .2rem;
  color: var(--k-muted);
  font-size: .75rem;
  line-height: 1.5;
}

.kanto-info-survey-link__arrow {
  color: var(--k-trust-green);
  font-size: 1.75rem;
  font-weight: 800;
}

.kanto-info-payment-grid {
  margin-block: 1.75rem 2.5rem;
}

.kanto-info-payment-grid article {
  display: flex;
  gap: .875rem;
  align-items: flex-start;
}

.kanto-info-payment-grid h2 {
  margin-block: .1rem .25rem;
}

.kanto-info-payment-grid p {
  font-size: .8125rem;
}

.kanto-info-installments__scroll {
  max-block-size: 30rem;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--k-border-warm);
  border-radius: 1rem;
  scrollbar-color: var(--k-muted-2) var(--k-surface-2);
  scrollbar-width: thin;
}

.kanto-info-installments table {
  inline-size: 100%;
  min-inline-size: 40rem;
  border-collapse: collapse;
  color: var(--k-muted);
  font-size: .8125rem;
}

.kanto-info-installments caption {
  padding: .875rem 1rem;
  color: var(--k-muted);
  background: var(--k-surface-2);
  font-size: .75rem;
  text-align: start;
}

.kanto-info-installments :is(th, td) {
  padding: .75rem 1rem;
  border-block-start: 1px solid var(--k-border-warm);
  text-align: center;
}

.kanto-info-installments thead th {
  position: sticky;
  inset-block-start: 0;
  z-index: 1;
  color: var(--k-ink);
  background: var(--k-survey-soft-yellow);
  font-weight: 800;
}

.kanto-info-installments tbody th {
  color: var(--k-ink);
  font-weight: 700;
  text-align: start;
}

.kanto-info-installments tbody tr:nth-child(even) {
  background: var(--k-surface-2);
}

.kanto-info-installments__term {
  display: none;
}

.kanto-info-installments__caption {
  margin-block-start: .5rem;
  color: var(--k-muted-2);
  font-size: .6875rem;
  line-height: 1.5;
}

.kanto-info-reassurance {
  margin-block: 2rem;
}

.kanto-info-reassurance article {
  text-align: center;
}

.kanto-info-reassurance .kanto-info-icon-disc {
  margin-inline: auto;
}

.kanto-info-reassurance h2 {
  font-size: .9375rem;
}

@media (min-width: 48rem) {
  .kanto-info-breadcrumb {
    margin-block-end: 1.5rem;
  }

  .kanto-info-stat-grid,
  .kanto-info-proof dl {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .kanto-info-proof dl {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .kanto-info-stat-grid > div,
  .kanto-info-proof dl > div {
    min-block-size: 7.5rem;
  }

  .kanto-info-story {
    grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
    align-items: center;
    gap: clamp(1.5rem, 4vw, 3rem);
  }

  .kanto-info-value-grid,
  .kanto-info-showrooms,
  .kanto-info-review-grid,
  .kanto-info-payment-grid,
  .kanto-info-reassurance,
  .kanto-info-note-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kanto-info-reason-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kanto-info-category-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-columns: auto;
    grid-auto-flow: row;
    overflow: visible;
    gap: .875rem;
  }

  .kanto-info-category-card {
    min-block-size: 9rem;
    justify-content: center;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--k-card-border) 70%, var(--k-surface));
    border-radius: 1rem;
    background: var(--k-surface);
  }

  .kanto-info-category-card__image {
    inline-size: 4.75rem;
    border-radius: 1rem;
  }

  .kanto-info-category-card__name {
    min-block-size: 0;
    color: var(--k-accent-text);
    font-size: .8125rem;
  }

  .kanto-info-category-card__count {
    display: block;
    color: var(--k-muted);
    font-size: .6875rem;
    line-height: 1.2;
  }

  .kanto-info-delivery-hero {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    padding: clamp(2rem, 5vw, 3.25rem);
  }

  .kanto-info-delivery-hero__icon {
    display: inline-flex;
    inline-size: 7rem;
    block-size: 7rem;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--k-surface);
    border-radius: 50%;
  }

  .kanto-info-delivery-hero__icon .kanto-info-icon {
    inline-size: 3.5rem;
    block-size: 3.5rem;
  }

  .kanto-info-process {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .kanto-info-process li {
    display: block;
    padding: 1.25rem;
    text-align: center;
  }

  .kanto-info-process li > .kanto-info-icon-disc {
    margin-inline: auto;
  }

  .kanto-info-process h3,
  .kanto-info-process p {
    grid-column: auto;
  }

  .kanto-info-process h3 {
    margin-block: .75rem .25rem;
  }

  .kanto-info-cta-band,
  .kanto-info-callout,
  .kanto-info-plain-cta {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    padding: 2rem;
  }
}

@media (min-width: 64rem) {
  .kanto-info-hero--about {
    min-block-size: 22rem;
    display: grid;
    align-content: center;
  }

  .kanto-info-value-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .kanto-info-reason-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .kanto-info-review-grid,
  .kanto-info-reassurance {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .kanto-info-payment-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 47.99rem) {
  .kanto-info-installments__scroll {
    max-block-size: none;
    overflow-x: auto;
    overflow-y: visible;
  }

  .kanto-info-installments table {
    display: table;
    min-inline-size: 40rem;
  }

  .kanto-info-installments thead {
    display: table-header-group;
    position: static;
    inline-size: auto;
    block-size: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .kanto-info-installments tbody {
    display: table-row-group;
  }

  .kanto-info-installments tr {
    display: table-row;
  }

  .kanto-info-installments :is(th, td) {
    display: table-cell;
    min-inline-size: auto;
  }
}

@media (pointer: coarse) {
  .kanto-info-pages a {
    min-block-size: 3rem;
  }
}