/*
 * Adanacar v4 — self-drive rental steps (arac-kiralama/*, loaded only there by
 * theme/arac_kiralama/_varliklar). Builds on rezervasyon.css (.ac-band, .ac-flow, .ac-sum, .ac-veh,
 * .ac-sec …); only the module's own parts live here, all with `.ac-ak-` names. Theme tokens only
 * (temel.css; they switch for dark mode themselves), no colour literals, so the coming redesign can
 * restyle it by tokens. JS hooks are data-ak-* attributes, never these classes.
 */
@layer custom {
  /* ---------------------------------------------------------- notes above the list */
  .ac-ak-notlar { display: grid; gap: var(--ac-space-2); margin: 0 0 var(--ac-space-4); padding: 0; list-style: none; }
  .ac-ak-notlar li {
    display: flex; gap: 0.6rem; align-items: flex-start; padding: 0.7rem 0.9rem;
    border: 1px solid var(--ac-gold-hairline); border-radius: var(--ac-radius); background: var(--ac-gold-soft);
    color: var(--ac-ink-2); font-size: 0.875rem; line-height: var(--ac-leading);
  }
  .ac-ak-notlar .bi { flex: none; margin-top: 0.15rem; color: var(--ac-gold-text); }
  .ac-ak-notlar b { color: var(--ac-ink); }

  /* ---------------------------------------------------------- group chips + sort */
  .ac-ak-araclar__arac { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--ac-space-3); margin-block-end: var(--ac-space-4); }
  .ac-ak-gruplar { display: flex; flex-wrap: wrap; gap: 0.4rem; }
  .ac-ak-chip {
    display: inline-flex; align-items: center; gap: 0.4rem; min-block-size: 2.5rem; padding: 0.3rem 0.85rem;
    border: 1px solid var(--ac-line-strong); border-radius: 999px; background: var(--ac-surface);
    color: var(--ac-ink-2); font-size: 0.85rem; font-weight: 700; text-decoration: none;
    transition: border-color var(--ac-dur-1) var(--ac-ease), color var(--ac-dur-1) var(--ac-ease);
  }
  .ac-ak-chip b { font-size: 0.75rem; color: var(--ac-muted); font-variant-numeric: tabular-nums; }
  .ac-ak-chip:hover { border-color: var(--ac-ink-2); color: var(--ac-ink); }
  .ac-ak-chip:focus-visible { outline: 2px solid var(--ac-focus); outline-offset: 2px; }
  .ac-ak-chip[aria-current="true"] { border-color: var(--ac-brand-ink); background: var(--ac-brand-ink); color: var(--ac-surface); }
  .ac-ak-chip[aria-current="true"] b { color: inherit; opacity: 0.8; }
  .ac-ak-sirala { margin: 0; }

  /* ---------------------------------------------------------- model card */
  .ac-ak-arac__gorsel { display: grid; place-items: center; }
  .ac-ak-arac__gorsel img { inline-size: 100%; block-size: 100%; object-fit: cover; }
  .ac-ak-arac__gorsel > .bi { font-size: 3rem; color: var(--ac-muted); }
  .ac-ak-arac__grup { margin: 0; font-size: 0.72rem; font-weight: 800; letter-spacing: var(--ac-tracking-caps); text-transform: uppercase; color: var(--ac-gold-text); }
  .ac-ak-arac__yil { font-size: 0.8em; font-weight: 600; color: var(--ac-muted); }
  .ac-ak-arac__benzer { margin: 0 0 var(--ac-space-2); font-size: 0.78rem; color: var(--ac-muted); }
  .ac-ak-arac__depozito { display: flex; align-items: center; gap: 0.4rem; margin: var(--ac-space-2) 0 0; font-size: 0.82rem; color: var(--ac-ink-2); }
  .ac-ak-arac__depozito .bi { color: var(--ac-gold-text); }
  .ac-ak-arac.is-dolu { opacity: 0.6; }
  .ac-ak-arac .ac-veh__go.is-disabled { cursor: not-allowed; background: var(--ac-surface-3); color: var(--ac-muted); box-shadow: none; }
  .ac-ak-dolu { background: var(--ac-red-soft); color: var(--ac-red-strong); }
  .ac-ak-arac .ac-veh__price.is-quote { font-size: 1rem; line-height: 1.25; }

  /* ---------------------------------------------------------- specs */
  .ac-ak-specs { display: flex; flex-wrap: wrap; gap: 0.35rem 0.9rem; margin: 0; padding: 0; list-style: none; font-size: 0.82rem; color: var(--ac-ink-2); }
  .ac-ak-specs li { display: inline-flex; align-items: center; gap: 0.35rem; }
  .ac-ak-specs .bi { color: var(--ac-gold-text); }
  .ac-ak-ozet .ac-ak-specs { margin-block: var(--ac-space-2) var(--ac-space-3); }

  /* ---------------------------------------------------------- summary aside, price */
  .ac-ak-depozito, .ac-ak-onay-not, .ac-ak-odeme {
    display: flex; gap: 0.5rem; align-items: flex-start; margin: var(--ac-space-2) 0 0; font-size: 0.82rem; color: var(--ac-ink-2);
  }
  .ac-ak-depozito .bi, .ac-ak-odeme .bi { color: var(--ac-gold-text); }
  .ac-ak-onay-not { padding: 0.6rem 0.75rem; border-radius: var(--ac-radius-sm); background: var(--ac-gold-soft); color: var(--ac-ink); }
  .ac-ak-onay-not .bi { color: var(--ac-gold-text); }
  .ac-ak-depozito small { color: var(--ac-muted); }

  /* ---------------------------------------------------------- extras */
  .ac-ak-ekstra__max { display: block; color: var(--ac-muted); font-size: 0.75rem; }

  /* ---------------------------------------------------------- search page: how it works */
  .ac-ak-nasil {
    display: grid; gap: var(--ac-space-3); grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    margin: var(--ac-space-5) 0 0; padding: 0; list-style: none;
  }
  .ac-ak-nasil li { display: grid; gap: 0.2rem; padding: var(--ac-space-3); border: 1px solid var(--ac-line); border-radius: var(--ac-radius); background: var(--ac-surface); }
  .ac-ak-nasil .bi { font-size: 1.25rem; color: var(--ac-gold-text); }
  .ac-ak-nasil b { color: var(--ac-ink); }
  .ac-ak-nasil span { font-size: 0.85rem; color: var(--ac-ink-2); }

  /* ---------------------------------------------------------- status page */
  .ac-ak-talep__bas h1 em { font-style: normal; font-variant-numeric: tabular-nums; }
  .ac-ak-durum {
    display: inline-flex; align-items: center; gap: 0.45rem; margin: var(--ac-space-2) 0 0; padding: 0.35rem 0.85rem;
    border-radius: 999px; font-size: 0.9rem; font-weight: 800;
  }
  .ac-ak-durum--bekliyor { background: var(--ac-gold-soft); color: var(--ac-gold-text); }
  .ac-ak-durum--olumlu { background: var(--ac-success-soft); color: var(--ac-success); }
  .ac-ak-durum--olumsuz { background: var(--ac-red-soft); color: var(--ac-red-strong); }
  .ac-ak-talep__kart { display: grid; gap: 0; margin-block-start: var(--ac-space-4); border: 1px solid var(--ac-line); border-radius: var(--ac-radius-lg); background: var(--ac-surface); box-shadow: var(--ac-shadow-1); }
  .ac-ak-talep__blok { padding: var(--ac-space-4); }
  .ac-ak-talep__blok + .ac-ak-talep__blok { border-block-start: 1px dashed var(--ac-line-strong); }
  .ac-ak-talep__blok h2 { margin: 0 0 var(--ac-space-3); font-size: 0.78rem; font-weight: 800; letter-spacing: var(--ac-tracking-caps); text-transform: uppercase; color: var(--ac-gold-text); }
  .ac-ak-talep__ofisler { display: grid; gap: var(--ac-space-4); grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); }
  .ac-ak-talep__k { margin: 0; font-size: 0.82rem; font-weight: 700; color: var(--ac-ink-2); font-variant-numeric: tabular-nums; }
  .ac-ak-talep__ofis { margin: 0.15rem 0 0.4rem; font-size: 1.05rem; font-weight: 800; color: var(--ac-ink); }
  .ac-ak-talep__iletisim { display: grid; gap: 0.25rem; margin: 0; padding: 0; list-style: none; font-size: 0.85rem; color: var(--ac-ink-2); }
  .ac-ak-talep__iletisim li { display: flex; gap: 0.4rem; }
  .ac-ak-talep__iletisim .bi { color: var(--ac-gold-text); }
  .ac-ak-talep__gun { display: flex; align-items: center; gap: 0.4rem; margin: var(--ac-space-3) 0 0; font-weight: 800; color: var(--ac-ink); }
  .ac-ak-talep__gun small { font-weight: 600; color: var(--ac-muted); }
  .ac-ak-plaka {
    display: inline-block; margin-block-start: 0.35rem; padding: 0.15rem 0.6rem; border: 2px solid var(--ac-ink);
    border-radius: var(--ac-radius-sm); font-weight: 800; letter-spacing: 0.08em; color: var(--ac-ink); font-variant-numeric: tabular-nums;
  }
  .ac-ak-sonraki { display: flex; gap: 0.6rem; margin: 0; color: var(--ac-ink-2); line-height: var(--ac-leading); }
  .ac-ak-sonraki .bi { flex: none; margin-top: 0.2rem; color: var(--ac-gold-text); }
  .ac-ak-talep__eylem { justify-content: center; }

  @media print {
    .ac-band, .ac-ak-talep__eylem, .ac-booking__note { display: none !important; }
    .ac-ak-talep__kart { box-shadow: none; }
  }
}

/*
 * Voucher (arac-kiralama/voucher/{anahtar}, standalone print page on .ac-print-page + .ac-voucher of
 * rezervasyon.css): model and plate inside the dark ticket (inherits its light text), version line on
 * the stub, offices, and the "invalid" notice of a cancelled / rejected booking.
 */
@layer custom {
  .ac-akv .ac-print-page__bar { flex-wrap: wrap; margin-block-end: var(--ac-space-4); }
  .ac-akv-arac { display: grid; gap: 0.2rem; }
  .ac-akv-arac small { font-size: 0.6875rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; opacity: 0.75; }
  .ac-akv-arac b { font-size: 1.375rem; font-weight: 800; line-height: 1.2; }
  .ac-akv-plaka {
    justify-self: start; margin-block-start: 0.25rem; padding: 0.15rem 0.6rem; border: 2px solid currentColor;
    border-radius: var(--ac-radius-sm); font-weight: 800; letter-spacing: 0.08em; font-variant-numeric: tabular-nums;
  }
  .ac-akv .ac-voucher__pt span { font-size: 0.875rem; overflow-wrap: anywhere; }
  .ac-akv-surum { font-size: 0.8125rem; font-weight: 750; font-variant-numeric: tabular-nums; }
  .ac-akv .ac-voucher__sum small { color: var(--ac-muted); font-weight: 600; }
  .ac-akv-ofisler { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: var(--ac-space-4); }
  .ac-akv-ofis { display: grid; margin: 0 0 0.35rem; }
  .ac-akv-ofis small { font-size: 0.75rem; font-weight: 700; color: var(--ac-muted); }
  .ac-akv-iletisim { display: grid; gap: 0.25rem; margin: 0; padding: 0; list-style: none; font-size: 0.875rem; color: var(--ac-ink-2); }
  .ac-akv-iletisim .bi { margin-inline-end: 0.4rem; color: var(--ac-gold-text); }
  .ac-akv-gecersiz {
    display: grid; justify-items: center; gap: var(--ac-space-3); max-inline-size: 36rem; margin: var(--ac-space-6) auto;
    padding: var(--ac-space-5); border: 2px solid var(--ac-red); border-radius: var(--ac-radius-lg); text-align: center; color: var(--ac-ink);
  }
  .ac-akv-gecersiz > .bi { font-size: 2.5rem; color: var(--ac-red); }
  .ac-akv-gecersiz h1 { margin: 0; font-size: 1.5rem; font-weight: 800; }
  .ac-akv-gecersiz p { margin: 0; color: var(--ac-ink-2); }
}

@media print {
  .ac-akv .ac-print-page__bar { display: none !important; }
  .ac-akv .ac-voucher__details { break-inside: avoid; }
}

@layer custom {
  .ac-ak-talep__uyari { margin-block-end: var(--ac-space-4); padding: 0.7rem 0.9rem; border: 1px solid var(--ac-gold-hairline); border-radius: var(--ac-radius); background: var(--ac-gold-soft); }
}

/* ------------------------------------------------------------------ SEO pages (phase 3)
 * /arac-kiralama, /arac-kiralama/{ofis|grup}, /arac-kiralama/arac/{model}: model link cards, group
 * cards, conditions table, model detail. Tokens only; JS hooks stay data-ak-*.
 */
@layer custom {
  .ac-ak-sayfa .ac-ak-nasil { margin-block-start: var(--ac-space-4); }
  .ac-ak-metin { margin-block-end: var(--ac-space-4); }

  /* ---------------------------------------------------------- model link cards */

  /* ---------------------------------------------------------- group cards */
  .ac-ak-gruplar-liste { display: grid; gap: var(--ac-space-3); grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); margin: var(--ac-space-3) 0 0; padding: 0; list-style: none; }
  .ac-ak-grupkart {
    position: relative; display: grid; gap: 0.15rem; padding: var(--ac-space-3); padding-inline-end: 2.5rem;
    border: 1px solid var(--ac-line); border-radius: var(--ac-radius); background: var(--ac-surface);
    color: var(--ac-ink); text-decoration: none; transition: border-color var(--ac-dur-1) var(--ac-ease);
  }
  .ac-ak-grupkart:hover { border-color: var(--ac-ink-2); }
  .ac-ak-grupkart:focus-visible { outline: 2px solid var(--ac-focus); outline-offset: 2px; }
  .ac-ak-grupkart__ad { font-weight: 800; }
  .ac-ak-grupkart__sayi { font-size: 0.82rem; color: var(--ac-ink-2); }
  .ac-ak-grupkart__fiyat { font-size: 0.82rem; font-weight: 800; color: var(--ac-gold-text); font-variant-numeric: tabular-nums; }
  .ac-ak-grupkart > .bi { position: absolute; inset-block-start: 50%; inset-inline-end: var(--ac-space-3); translate: 0 -50%; color: var(--ac-muted); }

  /* ---------------------------------------------------------- conditions */
  .ac-ak-kosullar { display: grid; gap: var(--ac-space-3); margin-block-start: var(--ac-space-3); }
  .ac-ak-kosullar__tablo { overflow-x: auto; border: 1px solid var(--ac-line); border-radius: var(--ac-radius); background: var(--ac-surface); }
  .ac-ak-kosullar__tablo:focus-visible { outline: 2px solid var(--ac-focus); outline-offset: 2px; }
  .ac-ak-kosullar table { inline-size: 100%; border-collapse: collapse; font-size: 0.875rem; }
  .ac-ak-kosullar th, .ac-ak-kosullar td { padding: 0.6rem 0.85rem; text-align: start; border-block-end: 1px solid var(--ac-line); color: var(--ac-ink-2); white-space: nowrap; }
  .ac-ak-kosullar thead th { font-size: 0.72rem; font-weight: 800; letter-spacing: var(--ac-tracking-caps); text-transform: uppercase; color: var(--ac-gold-text); }
  .ac-ak-kosullar tbody th { color: var(--ac-ink); font-weight: 800; }
  .ac-ak-kosullar tbody tr:last-child > * { border-block-end: 0; }
  .ac-ak-kosullar .ac-ak-notlar { margin: 0; }
  .ac-ak-ofis-bilgi { margin-block-start: var(--ac-space-3); }

  /* ---------------------------------------------------------- model detail */
  .ac-ak-aracdetay { display: grid; gap: var(--ac-space-4); grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); align-items: start; }
  .ac-ak-aracdetay__gorsel { display: grid; place-items: center; aspect-ratio: 3 / 2; overflow: hidden; border-radius: var(--ac-radius-lg); background: var(--ac-surface-2); }
  .ac-ak-aracdetay__gorsel img { inline-size: 100%; block-size: 100%; object-fit: cover; }
  .ac-ak-aracdetay__gorsel > .bi { font-size: 4rem; color: var(--ac-muted); }
  .ac-ak-aracdetay__bilgi { display: grid; gap: var(--ac-space-3); justify-items: start; }
  .ac-ak-aracdetay__bilgi .ac-h3 { margin: 0; }
  .ac-ak-aracdetay__fiyat { margin: 0; font-weight: 700; color: var(--ac-ink); }
}

/* Fleet list on /arac-kiralama (navbar "Araç Kiralama"): heading. */
@layer custom {
  .ac-ak-filo__bas { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: var(--ac-space-3); margin-bottom: var(--ac-space-4); }
  .ac-ak-filo__bas .ac-h3 { margin: 0; }
  .ac-ak-filo__sayi { margin-inline-start: 0.4rem; font-size: 0.8125rem; font-weight: 650; color: var(--ac-muted); }
}

/*
 * Model cards (partials/ak_model_listesi) and the in-page filter bar (partials/ak_filtre), Vedat
 * 2026-10-29: detailed but calm cards — image with a group tag, name + version, a spec row, the
 * driver requirements, price and two actions; filters for class, age, gearbox, fuel, bags, seats.
 * Theme tokens only (light / dark).
 */
@layer custom {
  .ac-akm-liste { display: grid; gap: var(--ac-space-4); grid-template-columns: repeat(auto-fill, minmax(17.5rem, 1fr)); margin: 0; padding: 0; list-style: none; }
  .ac-akm[hidden] { display: none; }
  .ac-akm__kart {
    display: grid; grid-template-rows: auto 1fr; block-size: 100%; overflow: hidden;
    border: 1px solid var(--ac-line); border-radius: var(--ac-radius-lg, 1rem); background: var(--ac-surface);
    transition: border-color var(--ac-dur-2) var(--ac-ease), box-shadow var(--ac-dur-2) var(--ac-ease), transform var(--ac-dur-2) var(--ac-ease);
  }
  .ac-akm__kart:hover { border-color: var(--ac-line-strong); box-shadow: var(--ac-shadow-2); }
  @media (prefers-reduced-motion: no-preference) { .ac-akm__kart:hover { transform: translateY(-2px); } }
  .ac-akm__gorsel { position: relative; display: grid; place-items: center; aspect-ratio: 16 / 10; background: radial-gradient(120% 90% at 50% 100%, var(--ac-surface-2), var(--ac-surface-3)); }
  .ac-akm__gorsel img { inline-size: 100%; block-size: 100%; object-fit: cover; }
  .ac-akm__gorsel > .bi { font-size: 3rem; color: var(--ac-line-strong); }
  .ac-akm__grup {
    position: absolute; inset-block-start: 0.75rem; inset-inline-start: 0.75rem; padding: 0.2rem 0.6rem; border-radius: 999px;
    background: var(--ac-surface); box-shadow: var(--ac-shadow-1); font-size: 0.68rem; font-weight: 800; letter-spacing: var(--ac-tracking-caps, 0.08em); text-transform: uppercase; color: var(--ac-gold-text);
  }
  .ac-akm__govde { display: grid; gap: var(--ac-space-3); align-content: start; padding: var(--ac-space-4); }
  .ac-akm__ad { display: grid; gap: 0.15rem; margin: 0; font-size: 1.0625rem; font-weight: 800; line-height: 1.25; }
  .ac-akm__ad a { color: var(--ac-ink); text-decoration: none; }
  .ac-akm__ad a:hover { text-decoration: underline; text-underline-offset: 3px; }
  .ac-akm__ad small { font-size: 0.8125rem; font-weight: 600; color: var(--ac-muted); }
  .ac-akm__ozellik { display: flex; flex-wrap: wrap; gap: 0.35rem; margin: 0; padding: 0; list-style: none; }
  .ac-akm__ozellik li { display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.25rem 0.55rem; border-radius: 999px; background: var(--ac-surface-2); font-size: 0.78rem; font-weight: 650; color: var(--ac-ink-2); }
  .ac-akm__ozellik .bi { color: var(--ac-gold-text); }
  .ac-akm__sart { display: flex; flex-wrap: wrap; gap: 0.25rem 0.85rem; margin: 0; font-size: 0.78rem; color: var(--ac-muted); }
  .ac-akm__sart span { display: inline-flex; align-items: center; gap: 0.3rem; }
  .ac-akm__alt { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: var(--ac-space-2); margin-top: auto; padding-top: var(--ac-space-3); border-top: 1px dashed var(--ac-line); }
  .ac-akm__fiyat { display: flex; align-items: baseline; gap: 0.3rem; margin: 0; }
  .ac-akm__fiyat small { font-size: 0.75rem; color: var(--ac-muted); }
  .ac-akm__fiyat b { font-size: 1.25rem; font-weight: 800; color: var(--ac-ink); font-variant-numeric: tabular-nums; }
  .ac-akm__fiyat b.is-talep { font-size: 0.95rem; color: var(--ac-gold-text); }
  .ac-akm__eylem { display: flex; align-items: center; gap: 0.5rem; }
  .ac-akm__incele { display: inline-flex; align-items: center; min-block-size: 2.75rem; padding-inline: 0.5rem; font-size: 0.875rem; font-weight: 700; color: var(--ac-ink-2); text-decoration: none; }
  .ac-akm__incele:hover { color: var(--ac-ink); text-decoration: underline; text-underline-offset: 3px; }
  .ac-akm__kirala { min-block-size: 2.75rem; padding-inline: 1rem; font-size: 0.875rem; }

  .ac-akm-bos { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin: var(--ac-space-4) 0 0; padding: var(--ac-space-4); border: 1px dashed var(--ac-line-strong); border-radius: var(--ac-radius); color: var(--ac-muted); }
  .ac-akm-bos__btn, .ac-akf__temizle { border: 0; background: none; padding: 0.25rem 0.4rem; font-weight: 700; color: var(--ac-red); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }

  /* filter sidebar: beside the cards from 992px (not sticky), a toggle panel on smaller screens */
  .ac-akm-duzen { display: grid; gap: var(--ac-space-5); }
  @media (min-width: 992px) {
    .ac-akm-duzen { grid-template-columns: 17rem minmax(0, 1fr); align-items: start; }
    .ac-akm-duzen__liste { min-block-size: 32rem; }
    .ac-akm-duzen .ac-akm-liste { grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); }
  }
  .ac-akf { border: 1px solid var(--ac-line); border-radius: var(--ac-radius-lg, 1rem); background: var(--ac-surface); box-shadow: var(--ac-shadow-1); }
  /* phones / tablets: a full-width button that opens the panel */
  .ac-akf__ac {
    display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; inline-size: 100%; min-block-size: 3rem; margin: 0; padding: 0 var(--ac-space-4);
    border: 0; border-radius: inherit; background: none; color: var(--ac-ink); font: inherit; font-weight: 800; text-align: start; cursor: pointer;
  }
  .ac-akf__ac > span:first-child { display: inline-flex; align-items: center; gap: 0.5rem; }
  .ac-akf__ac .bi { color: var(--ac-gold-text); }
  .ac-akf__ac-sayi { font-size: 0.8125rem; font-weight: 650; color: var(--ac-muted); }
  .ac-akf__ac-sayi::after { content: "\F282"; display: inline-block; margin-inline-start: 0.5rem; font-family: bootstrap-icons; font-size: 0.75rem; transition: transform var(--ac-dur-2) var(--ac-ease); }
  .ac-akf.is-acik .ac-akf__ac-sayi::after { transform: rotate(180deg); }
  .ac-akf__ac:focus-visible { outline: 2px solid var(--ac-focus); outline-offset: 2px; }
  .ac-akf__govde { display: none; gap: var(--ac-space-4); padding: var(--ac-space-4); border-top: 1px solid var(--ac-line); }
  .ac-akf.is-acik .ac-akf__govde { display: grid; }
  .ac-akf__baslik-ana { display: none; }
  /* wide screens: the panel is always open beside the cards (fixed column, so the cards never move) */
  @media (min-width: 992px) {
    .ac-akf__ac { display: none; }
    .ac-akf__govde, .ac-akf.is-acik .ac-akf__govde { display: grid; border-top: 0; padding: var(--ac-space-5) var(--ac-space-4); }
    .ac-akf__baslik-ana { display: flex; align-items: center; gap: 0.5rem; margin: 0; font-size: 1rem; font-weight: 800; color: var(--ac-ink); }
    .ac-akf__baslik-ana .bi { color: var(--ac-gold-text); }
  }
  .ac-akf__bas { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; padding-bottom: var(--ac-space-3); border-bottom: 1px dashed var(--ac-line); }
  .ac-akf__sayi { margin: 0; font-size: 0.8125rem; color: var(--ac-muted); }
  .ac-akf__sayi b { font-size: 1.125rem; color: var(--ac-ink); font-variant-numeric: tabular-nums; }
  .ac-akf__temizle { display: inline-flex; align-items: center; gap: 0.3rem; min-block-size: 2.25rem; }
  /* the reset keeps its place while hidden, so the head row never moves */
  .ac-akf__temizle[hidden] { display: inline-flex; visibility: hidden; }
  .ac-akf__grup { display: grid; gap: 0.5rem; margin: 0; padding: 0; border: 0; min-inline-size: 0; }
  .ac-akf__baslik { display: inline-flex; align-items: center; gap: 0.4rem; margin: 0; padding: 0; font-size: 0.75rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ac-ink-2); }
  .ac-akf__baslik .bi { color: var(--ac-gold-text); font-size: 0.9rem; }
  .ac-akf .form-select { min-block-size: 2.75rem; background-color: var(--ac-surface-2); }
  .ac-akf .form-select:focus-visible { outline: 2px solid var(--ac-focus); outline-offset: 2px; }
  .ac-akf__secenekler { display: grid; gap: 0.25rem; }
  .ac-akf__grup--hap .ac-akf__secenekler { display: flex; flex-wrap: wrap; gap: 0.35rem; }
  .ac-akf__secenek { position: relative; display: flex; align-items: center; gap: 0.5rem; margin: 0; cursor: pointer; }
  .ac-akf__secenek input { position: absolute; opacity: 0; inline-size: 1px; block-size: 1px; pointer-events: none; }
  .ac-akf__secenek small { margin-inline-start: auto; font-size: 0.72rem; font-weight: 650; color: var(--ac-muted); font-variant-numeric: tabular-nums; }
  /* class: a calm list; the chosen row gets the red rail */
  .ac-akf__grup--liste .ac-akf__secenek { min-block-size: 2.5rem; padding: 0 0.75rem; border-radius: var(--ac-radius); font-size: 0.875rem; font-weight: 650; color: var(--ac-ink-2); }
  .ac-akf__grup--liste .ac-akf__secenek:hover { background: var(--ac-surface-2); color: var(--ac-ink); }
  .ac-akf__grup--liste .ac-akf__secenek:has(input:checked) { background: var(--ac-surface-2); color: var(--ac-ink); font-weight: 800; box-shadow: inset 3px 0 0 var(--ac-brand-red); }
  /* gearbox / fuel: pills */
  .ac-akf__grup--hap .ac-akf__secenek { min-block-size: 2.25rem; padding: 0 0.8rem; border: 1px solid var(--ac-line-strong); border-radius: 999px; font-size: 0.8125rem; font-weight: 700; }
  .ac-akf__grup--hap .ac-akf__secenek small { margin-inline-start: 0; }
  .ac-akf__grup--hap .ac-akf__secenek:hover { border-color: var(--ac-gold); }
  .ac-akf__grup--hap .ac-akf__secenek:has(input:checked) { border-color: var(--ac-brand-red); background: var(--ac-brand-red); color: #fff; }
  .ac-akf__grup--hap .ac-akf__secenek:has(input:checked) small { color: inherit; opacity: 0.85; }
  .ac-akf__secenek:has(input:focus-visible) { outline: 2px solid var(--ac-focus); outline-offset: 2px; }
}

/* Rental terms page: contents list, section spacing; the "all terms" link under the conditions table. */
@layer custom {
  .ac-ak-icindekiler { margin-bottom: var(--ac-space-5); padding: var(--ac-space-4) var(--ac-space-5); border: 1px solid var(--ac-line); border-radius: var(--ac-radius-lg, 1rem); background: var(--ac-surface-2); }
  .ac-ak-icindekiler__baslik { display: flex; align-items: center; gap: 0.5rem; margin: 0 0 var(--ac-space-3); font-size: 0.875rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
  .ac-ak-icindekiler__baslik .bi { color: var(--ac-gold-text); }
  .ac-ak-icindekiler ol { display: grid; gap: 0.35rem 1.5rem; margin: 0; padding-inline-start: 1.25rem; font-size: 0.9375rem; }
  @media (min-width: 768px) { .ac-ak-icindekiler ol { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  .ac-ak-icindekiler a { color: var(--ac-ink-2); text-decoration: none; }
  .ac-ak-icindekiler a:hover { color: var(--ac-ink); text-decoration: underline; text-underline-offset: 3px; }
  .ac-ak-kosul-metni h2 { scroll-margin-top: 6rem; margin-top: var(--ac-space-6); }
  .ac-ak-kosul-metni h3 { margin-top: var(--ac-space-4); font-size: 1.0625rem; }
  .ac-ak-tum-kosul { margin: var(--ac-space-3) 0 0; }
  .ac-ak-tum-kosul a { display: inline-flex; align-items: center; gap: 0.35rem; min-block-size: 2.75rem; font-weight: 700; color: var(--ac-red); text-decoration: none; }
  .ac-ak-tum-kosul a:hover { text-decoration: underline; text-underline-offset: 3px; }
}


/*
 * Model images are studio cut-outs (transparent / white): the whole car on a light "showroom" panel
 * with a soft floor shadow, never cropped. Interior and boot photos sit in a two-up gallery under the
 * model block on the model page (sayfa_arac).
 */
@layer custom {
  :is(.ac-akm__gorsel, .ac-ak-aracdetay__gorsel) {
    background: radial-gradient(70% 20% at 50% 86%, rgb(17 17 20 / 0.14), transparent 70%), linear-gradient(180deg, #FFFFFF 0%, #F1F1F3 100%);
    isolation: isolate;
  }
  .ac-akm__gorsel img { object-fit: contain; object-position: center bottom; padding: 6% 7% 9%; }
  .ac-ak-aracdetay__gorsel img { object-fit: contain; object-position: center bottom; padding: 5% 6% 8%; }
  .ac-ak-galeri { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: var(--ac-space-4); margin: var(--ac-space-5) 0 0; }
  .ac-ak-galeri__oge { margin: 0; overflow: hidden; border-radius: var(--ac-radius-lg); border: 1px solid var(--ac-line); background: var(--ac-surface-2); }
  .ac-ak-galeri__oge img { display: block; inline-size: 100%; aspect-ratio: 3 / 2; block-size: auto; object-fit: cover; }
  .ac-ak-galeri__oge figcaption { padding: 0.6rem 0.9rem; font-size: var(--ac-step--1); font-weight: 600; color: var(--ac-ink-2); }
}