/* Antiderrapantes — page-local layout (mobile first). Uses only main.css tokens. */

/* 2-column gallery at every width (avoids the orphan cell of the shared 3-col grid) */
.gallery--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 639.98px) {
  /* 16:9 thumbs are too small side by side on phones: stack them */
  #no-cai-f .gallery--2 { grid-template-columns: 1fr; }
}

/* Intro: image left, heading + option index right */
.anti-intro__grid { row-gap: var(--s-7); align-items: center; }
.anti-intro__text { display: grid; gap: var(--s-5); align-content: center; }
@media (min-width: 1024px) {
  .anti-intro__media { grid-column: 1 / 7; }
  .anti-intro__text { grid-column: 8 / 13; }
}

/* Option index: two large anchor rows */
.anti-options { list-style: none; padding: 0; margin-top: var(--s-3); border-bottom: 1px solid var(--line); }
.anti-options__link {
  display: grid; grid-template-columns: 3.5rem 1fr auto; align-items: center; gap: var(--s-4);
  padding: var(--s-5) var(--s-2); border-top: 1px solid var(--line); min-height: 48px;
  color: var(--fg); text-decoration: none; border-radius: 2px;
}
.anti-options__n { font-size: var(--fs-eyebrow); font-weight: 600; letter-spacing: .14em; color: var(--cobalt); font-variant-numeric: tabular-nums; }
.anti-options__name {
  font-family: var(--ff-display); font-variation-settings: var(--fvs-display); font-weight: 380;
  font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.5rem); line-height: 1.05; letter-spacing: -.02em;
}
.anti-options__arrow { width: 22px; height: 22px; color: var(--cobalt); transition: transform var(--dur-m) var(--ease-out); }
.anti-options__link:focus-visible { box-shadow: var(--focus); }
@media (hover: hover) {
  .anti-options__link:hover .anti-options__arrow { transform: translateY(4px); }
  .anti-options__link:hover .anti-options__name { color: var(--cobalt); }
}

/* Anchor targets clear the sticky header */
.anti-product { scroll-margin-top: var(--header-h); }