/* Cars page, For sale list, single car */

/* Fejléc rajz (sötét mód): a rajz sötét vonalait világosra fordítjuk, különben eltűnnek a sötét háttéren
   (a többi oldal rajza eleve világos vonalú); a vékonyabb vonalak miatt kicsit nagyobb az átlátszatlanság */
html[data-mc-dark] .car-ph .mc-ph__art { opacity: .14; filter: invert(1) grayscale(1) sepia(1) saturate(45%) hue-rotate(-10deg) brightness(1.15); }

/* view */
.cv { position: relative; z-index: 2; padding: 104px 48px 128px; text-align: center; }
@media (max-width: 759px) { .cv { padding: 64px 20px 72px; } }
.cv-head { max-width: 680px; margin: 0 auto 48px; }
.seg { display: inline-flex; gap: 4px; padding: 4px; margin: 0 auto 80px; border-radius: 999px; border: 1px solid var(--stroke); }
@media (max-width: 759px) { .seg { margin-bottom: 56px; } }
.seg__btn { text-decoration: none;
  appearance: none; border: 0; margin: 0; cursor: pointer; display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 26px; border-radius: 999px;
  font-family: var(--ui); font-size: 12.5px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; background: transparent; color: var(--ink-body);
  transition: background-color .26s var(--ease), color .26s var(--ease);
}
.seg__btn.is-on { background: var(--ink); color: #F8F6F3; }
html[data-mc-dark] .seg__btn.is-on { color: #100407; }
.seg__btn.is-off { cursor: not-allowed; opacity: .45; }
.seg__count { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--accent-strong); color: #fff; font-size: 11px; letter-spacing: 0; font-variant-numeric: tabular-nums; }
.seg__count.is-empty { background: transparent; border: 1px solid var(--stroke); color: var(--ink-body); }
/* Sötét mód: a világos arany háttéren sötét számjegy (a fehér csak 2:1 kontraszt volt); a kiválasztott (krém) fülön sötét chip.
   Mért kontrasztok: szám/háttér >= 4,5:1 minden állapotban (WCAG 1.4.3). */
html[data-mc-dark] .seg__count { color: #100407; }
html[data-mc-dark] .seg__btn.is-on .seg__count { background: #100407; color: #F8F6F3; }
html[data-mc-dark] .seg__count.is-empty { background: transparent; color: var(--ink-body); }
html[data-mc-dark] .seg__btn.is-on .seg__count.is-empty { background: transparent; border-color: rgba(16, 4, 7, .5); color: #100407; }
@media (max-width: 759px) { .seg__btn { padding: 0 20px; } }
[data-panel][hidden] { display: none; }

/* model tabs */
.mtabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; margin: 0 auto 40px; border-bottom: 1px solid var(--stroke); max-width: 720px; }
@media (max-width: 759px) { .mtabs { gap: 16px 24px; } }
.mtabs__btn { appearance: none; border: 0; border-bottom: 2px solid transparent; background: transparent; cursor: pointer; padding: 0 0 14px; font-family: var(--ui); font-size: 13px; font-weight: 500; letter-spacing: .06em; color: var(--ink-body); opacity: .88; transition: color .22s var(--ease), opacity .22s var(--ease), border-color .22s var(--ease); }
.mtabs__btn.is-on { color: var(--ink); opacity: 1; border-bottom-color: var(--accent); }
.mtabs__btn:hover { opacity: 1; }

/* model photo carousel */
.mshow { position: relative; width: 100%; max-width: 1000px; margin: 0 auto 40px; }
@media (max-width: 1279px) { .mshow { max-width: 880px; } }
@media (max-width: 1119px) { .mshow { max-width: 760px; } }
.mshow__card { position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 28px; border: 1px solid var(--stroke); background: var(--card-bg); box-shadow: var(--card-shadow); }
.mshow__clip { position: absolute; inset: 12px; outline: none; border-radius: 18px; overflow: hidden; background: #EFEBE4; box-shadow: inset 0 0 0 1px var(--stroke); }
html[data-mc-dark] .mshow__clip { background: #1A1612; }
.mshow__track { position: absolute; inset: 0; display: flex; transition: transform .62s var(--ease), opacity .56s var(--ease), filter .56s var(--ease); }
.mshow__slide { position: relative; flex: 0 0 100%; height: 100%; }
.mshow__slide img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.mshow__arrow, .mdots__arrow {
  width: 44px; height: 44px; border-radius: 999px; cursor: pointer; align-items: center; justify-content: center; padding: 0; border: 1px solid var(--stroke);
  background: rgba(255, 255, 255, .92); color: var(--ink); font-family: var(--ui); font-size: 16px; backdrop-filter: blur(8px); box-shadow: 0 8px 20px -10px rgba(0, 0, 0, .35); transition: transform .22s var(--ease);
}
html[data-mc-dark] .mshow__arrow, html[data-mc-dark] .mdots__arrow { background: rgba(26, 23, 19, .82); }
.mshow__arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; display: flex; }
.mshow__arrow--l { left: -72px; } .mshow__arrow--r { right: -72px; }
.mshow__arrow:hover { transform: translateY(-50%) scale(1.06); }
.mdots__arrow { display: none; flex: 0 0 auto; }
.mdots { display: flex; align-items: center; justify-content: center; gap: 20px; margin: -16px auto 40px; }
.mdots__dots { display: flex; align-items: center; }
.mdots__dots button { appearance: none; border: 0; background: transparent; padding: 0; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.mdots__dots button span { display: block; height: 6px; width: 6px; border-radius: 999px; background: var(--stroke); transition: width .3s ease, background-color .3s ease; }
.mdots__dots button[aria-current="true"] span { width: 20px; background: var(--accent); }
.mdots__count { font-family: var(--ui); font-size: 11px; font-weight: 500; letter-spacing: .16em; color: var(--ink-body); font-variant-numeric: tabular-nums; }
@media (max-width: 999px) { .mshow__arrow { display: none; } .mdots__arrow { display: flex; } }
@media (max-width: 759px) { .mshow__card { aspect-ratio: 4 / 3; border-radius: 20px; } .mshow__clip { inset: 8px; border-radius: 14px; } .mdots { margin-top: -12px; } }
.avail-wrap { display: flex; justify-content: center; }
.avail { appearance: none; cursor: pointer; display: inline-flex; align-items: center; gap: 12px; min-height: 48px; padding: 0 20px; margin: 0; border-radius: 999px; border: 1px solid var(--stroke); background: transparent; color: var(--ink); transition: border-color .22s ease; font: inherit; }
.avail:hover { border-color: #AA8A53; }
.avail__dot { width: 7px; height: 7px; border-radius: 50%; background: #3F7A4A; flex: 0 0 auto; }
.avail__label { font-family: var(--ui); font-size: 11px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--ink-body); }
.avail__text { font-family: var(--serif); font-size: 17px; color: var(--ink); }
.avail__arrow { color: var(--accent-strong); font-size: 16px; }

/* for sale list */
.sfilter { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; max-width: 1040px; margin: 0 auto 14px; }
.sfilter__btn {
  appearance: none; margin: 0; min-height: 44px; padding: 0 14px 0 18px; border-radius: 999px; display: inline-flex; align-items: center; gap: 10px; cursor: pointer; text-decoration: none;
  border: 1px solid var(--stroke); background: transparent; color: var(--ink-body); font-family: var(--sans); font-size: 13.5px; transition: border-color .2s ease, background-color .2s ease;
}
.sfilter__btn:hover { color: var(--ink); border-color: var(--accent); }
.sfilter__btn.is-on { border-color: var(--accent); background: rgba(170, 138, 83, .12); color: var(--ink); }
.sfilter__btn.is-off { cursor: not-allowed; opacity: .42; pointer-events: none; }
.sfilter__btn span { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-family: var(--ui); font-size: 10.5px; font-variant-numeric: tabular-nums; border: 1px solid var(--stroke); }
.sfilter__btn.is-on span { background: var(--accent-strong); color: #fff; border: 0; }
/* Sötét mód: a fehér szám a világos arany körön csak 2:1 volt -> sötét számjegy (>= 9:1) */
html[data-mc-dark] .sfilter__btn.is-on span { color: #100407; }
.scount { margin: 0 auto 32px; font-family: var(--ui); font-size: 11px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--ink-body); }
.sgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 36px; max-width: 1040px; margin: 0 auto; text-align: left; transition: opacity .2s ease; }
.sgrid.is-loading { opacity: .45; pointer-events: none; }
@media (max-width: 759px) { .sgrid { grid-template-columns: 1fr; gap: 28px; } }
.sale-card, .dt-panel {
  display: flex; flex-direction: column; border-radius: 10px; overflow: hidden; background: linear-gradient(176deg, #F7F3E9 0%, #F1ECDF 100%);
  box-shadow: 0 30px 56px -34px rgba(58, 40, 20, .45), 0 3px 8px rgba(58, 40, 20, .08), inset 0 0 0 1px rgba(120, 98, 62, .14);
}
html[data-mc-dark] .sale-card, html[data-mc-dark] .dt-panel { box-shadow: 0 34px 60px -30px rgba(0, 0, 0, .9), 0 3px 8px rgba(0, 0, 0, .4), inset 0 0 0 1px rgba(120, 98, 62, .14); }
.sale-card__img { position: relative; width: 100%; aspect-ratio: 3 / 2; background: #E6E1D5; }
.sale-card__img .mc-slot { color: rgba(42, 37, 28, .74); background: #E6E1D5; }
.sale-status { position: absolute; top: 16px; left: 16px; z-index: 2; display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px 7px 10px; border-radius: 999px; background: rgba(247, 243, 233, .94); color: #2A251C; font-family: var(--ui); font-size: 11px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; box-shadow: 0 4px 12px -6px rgba(40, 28, 12, .45); }
.sale-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; }
.sale-card__body { display: flex; flex-direction: column; padding: 30px 32px 28px; flex: 1 1 auto; }
@media (max-width: 759px) { .sale-card__body { padding: 24px 22px 22px; } }
.sale-year { margin: 0 0 6px; font-family: var(--serif); font-size: 34px; line-height: 1; color: #8A6A36; }
.sale-title { margin: 0 0 22px; font-family: var(--serif); font-weight: 400; font-size: 22px; line-height: 1.25; color: #2A251C; }
.sale-specs { margin: 0 0 24px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgba(42, 37, 28, .16); }
.sale-specs > div { padding: 12px 12px 12px 0; border-bottom: 1px solid rgba(42, 37, 28, .16); min-width: 0; }
.sale-specs dt { margin: 0 0 4px; font-family: var(--ui); font-size: 10.5px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: rgba(42, 37, 28, .66); }
.sale-specs dd { margin: 0; font-size: 14px; line-height: 1.45; color: #2A251C; }
.sale-foot { margin-top: auto; display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.sale-price { margin: 0; font-family: var(--serif); font-size: 20px; color: #2A251C; }
.sale-link { font-family: var(--ui); font-size: 12px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: #735626; text-decoration: none; padding: 10px 0 4px; border-bottom: 1px solid rgba(138, 106, 54, .4); transition: color .2s ease, border-color .2s ease; }
.sale-link:hover { color: #7E6233; border-bottom-color: #7E6233; }
.sale-eyebrow { margin: 0 0 26px; font-family: var(--ui); font-size: 11px; font-weight: 500; letter-spacing: .22em; text-transform: uppercase; color: var(--accent-strong); }

/* waiting list */
.swait { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 64px; align-items: start; max-width: 1000px; margin: 0 auto; padding: 48px 0 0; border-top: 1px solid var(--stroke); text-align: left; }
@media (max-width: 759px) { .swait { grid-template-columns: 1fr; gap: 32px; padding-top: 32px; } }
.swait__h3 { margin: 0 0 16px; font-family: var(--serif); font-weight: 400; font-size: clamp(24px, 2.2vw, 32px); line-height: 1.22; color: var(--ink); }
.swait__body { margin: 0; max-width: 42ch; font-size: 15px; line-height: 1.75; color: var(--ink-body); text-wrap: pretty; }
.swait__form { display: flex; flex-direction: column; gap: 16px; align-items: flex-start; margin: 0; }
.swait__row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; width: 100%; }
@media (max-width: 759px) { .swait__row { grid-template-columns: 1fr; } }
.swait__form .mc-btn { margin-top: 8px; }
.swait__sent { margin: 0; padding: 20px 0; font-family: var(--serif); font-size: 20px; line-height: 1.4; color: var(--ink); }
.swait__err { margin: 0; font-size: 14px; color: #A33; }
.chips { display: flex; flex-wrap: wrap; gap: 8px; }
.chip { appearance: none; cursor: pointer; margin: 0; min-height: 40px; padding: 0 16px; border-radius: 999px; border: 1px solid var(--stroke); background: transparent; color: var(--ink-body); font-family: var(--sans); font-size: 13.5px; transition: border-color .2s ease, background-color .2s ease; }
.chip.is-on { border-color: var(--accent); background: rgba(170, 138, 83, .12); color: var(--ink); }
.field { width: 100%; min-height: 52px; padding: 0 20px; border-radius: 6px; border: 1px solid var(--stroke); background: transparent; font-family: var(--sans); font-size: 14px; color: var(--ink-body); transition: border-color .24s var(--ease); }
.field:focus { border-color: var(--accent); outline: 0; }
.field--area { min-height: 120px; padding: 16px 20px; resize: none; }
.field::placeholder { color: rgba(var(--ink-rgb), .5); }

/* single car */
.dt { max-width: 1120px; margin: 0 auto; text-align: left; }
.dt-nav { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin: 0 0 28px; }
.dt-back { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 18px; border-radius: 999px; border: 1px solid var(--stroke); background: transparent; color: var(--ink); text-decoration: none; font-family: var(--ui); font-size: 12px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; transition: color .2s ease, border-color .2s ease; }
.dt-back:hover { color: #AA8A53; border-color: #AA8A53; }
.dt-pager { display: flex; align-items: center; gap: 8px; }
.dt-pager__text { margin-right: 8px; font-family: var(--ui); font-size: 11px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--ink-body); font-variant-numeric: tabular-nums; }
.dt-arrow { width: 44px; height: 44px; border-radius: 999px; border: 1px solid var(--stroke); background: transparent; color: var(--ink); font-size: 15px; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: border-color .2s ease; }
a.dt-arrow:hover { border-color: #AA8A53; color: var(--ink); }
.dt-arrow.is-off { opacity: .4; }
.dt-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 36px; align-items: start; }
@media (max-width: 1019px) { .dt-grid { grid-template-columns: 1fr; gap: 24px; } }
.dt-gallery { display: flex; flex-direction: column; gap: 12px; }
.dt-main { position: relative; width: 100%; aspect-ratio: 3 / 2; border-radius: 10px; overflow: hidden; background: #E6E1D5; }
.dt-strip { position: relative; --per: 4; --gap: 12px; }
.dt-thumbs { display: flex; gap: var(--gap); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.dt-thumbs::-webkit-scrollbar { display: none; }
.dt-thumb { position: relative; flex: 0 0 calc((100% - (var(--per) - 1) * var(--gap)) / var(--per)); aspect-ratio: 4 / 3; border-radius: 8px; overflow: hidden; background: #E6E1D5; border: 0; padding: 0; cursor: pointer; scroll-snap-align: start; opacity: .78; transition: opacity .2s ease, box-shadow .2s ease; }
.dt-thumb:hover, .dt-thumb[aria-current="true"] { opacity: 1; }
.dt-thumb[aria-current="true"] { box-shadow: 0 0 0 2px var(--accent); }
.dt-thumb:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.dt-strip__btn { display: none; position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--stroke); background: rgba(255,255,255,.92); color: var(--ink); cursor: pointer; align-items: center; justify-content: center; padding: 0; box-shadow: 0 6px 14px -8px rgba(0,0,0,.4); transition: opacity .2s ease; }
html[data-mc-dark] .dt-strip__btn { background: rgba(26,23,19,.88); }
.dt-strip__btn--prev { left: -10px; } .dt-strip__btn--next { right: -10px; }
.dt-strip.is-scrollable .dt-strip__btn { display: flex; }
.dt-strip__btn:disabled { opacity: .35; cursor: default; }
@media (max-width: 759px) { .dt-strip { --per: 3; --gap: 8px; } }
.dt-main .mc-slot, .dt-thumb .mc-slot { color: rgba(42, 37, 28, .74); background: #E6E1D5; }
.dt-panel { position: sticky; top: 24px; align-items: flex-start; padding: 32px 32px 28px; overflow: visible; }
@media (max-width: 1019px) { .dt-panel { position: relative; top: 0; } }
@media (max-width: 759px) { .dt-panel { padding: 26px 22px 24px; } }
.dt-panel .sale-specs { width: 100%; }
.dt-status { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 18px; padding: 6px 12px; border-radius: 999px; background: rgba(255, 255, 255, .7); border: 1px solid rgba(42, 37, 28, .14); font-family: var(--ui); font-size: 10.5px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: #2A251C; }
.dt-title { margin: 0 0 10px; font-family: var(--serif); font-weight: 400; font-size: 28px; line-height: 1.2; color: #2A251C; }
.dt-price { margin: 0 0 24px; font-family: var(--serif); font-size: 21px; color: #735626; }
.dt-about { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 36px; margin-top: 64px; padding-top: 48px; border-top: 1px solid var(--stroke); }
@media (max-width: 1019px) { .dt-about { grid-template-columns: 1fr; gap: 32px; } }
@media (max-width: 759px) { .dt-about { margin-top: 48px; padding-top: 36px; } }
.dt-about__text, .dt-about__text p { margin: 0; max-width: 60ch; font-size: 16px; line-height: 1.74; color: var(--ink-body); text-wrap: pretty; }
.dt-about__text p + p { margin-top: 1em; }
.dt-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--stroke); }
.dt-list li { padding: 14px 0; border-bottom: 1px solid var(--stroke); font-size: 15px; color: var(--ink); }

/* start a project */
.pj-section { position: relative; z-index: 2; padding: 0 48px 128px; }
@media (max-width: 759px) { .pj-section { padding: 0 20px 80px; } }
.pj {
  position: relative; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); max-width: var(--maxw); margin: 0 auto; border-radius: 32px; overflow: hidden;
  border: 1px solid rgba(170, 138, 83, .22); background: #F4F1EC;
}
html[data-mc-dark] .pj { background: #140A0D; border-color: rgba(236, 230, 222, .16); }
.pj__img { position: absolute; left: 0; top: 0; bottom: 0; width: 60%; }
.pj__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 64%; display: block; }
.pj__fade { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(244,241,236,0) 0%, rgba(244,241,236,0) 55%, #F4F1EC 100%); }
html[data-mc-dark] .pj__fade { background: linear-gradient(90deg, rgba(20,10,13,0) 0%, rgba(20,10,13,0) 55%, #140A0D 100%); }
.pj__text { position: relative; grid-column: 2; display: flex; flex-direction: column; align-items: flex-start; text-align: left; padding: 56px 56px 56px 40px; }
.pj__eyebrow { margin: 0 0 22px; font-family: var(--ui); font-size: 11px; font-weight: 500; letter-spacing: .22em; text-transform: uppercase; color: var(--accent-strong); }
.pj__h2 { margin: 0 0 20px; font-family: var(--serif); font-weight: 400; font-size: clamp(30px, 3vw, 44px); line-height: 1.14; letter-spacing: -.002em; color: var(--ink); text-wrap: balance; }
.pj__body { margin: 0 0 28px; max-width: 46ch; font-size: 15.5px; line-height: 1.74; color: var(--ink-body); text-wrap: pretty; }
.pj__mail { margin-top: 20px; font-size: 14px; color: var(--ink-body); text-decoration: none; transition: color .2s ease; }
.pj__mail span { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.pj__mail:hover { color: #AA8A53; }
@media (max-width: 899px) {
  .pj { grid-template-columns: 1fr; }
  .pj__img { position: relative; width: 100%; height: 300px; }
  .pj__fade { background: linear-gradient(180deg, rgba(244,241,236,0) 40%, #F4F1EC 100%); }
  html[data-mc-dark] .pj__fade { background: linear-gradient(180deg, rgba(20,10,13,0) 40%, #140A0D 100%); }
  .pj__text { grid-column: 1; padding: 16px 40px 48px; }
}
@media (max-width: 759px) { .pj { border-radius: 22px; } .pj__img { height: 220px; } .pj__text { padding: 8px 24px 36px; } .pj__h2 { font-size: 30px; } }

/* ===== Mobil javítások (kör 4) ===== */
/* Single car: a rács oszlopai nem nőhetnek a tartalom után (különben kilóg a galéria) */
@media (max-width: 1019px) {
  .dt-grid, .dt-about { grid-template-columns: minmax(0, 1fr); }
  .dt-gallery, .dt-panel, .dt-about > div { min-width: 0; }
}
@media (max-width: 759px) {

  /* Models we restore: nyilak + számláló, pöttyök nélkül (sok kép esetén nem fér el) */
  .mdots { gap: 16px; }
  .mdots__dots { display: none; }
  .mdots__count { min-width: 64px; text-align: center; }
  .mdots__arrow { width: 44px; height: 44px; }

  /* "Start a project" blokk: a CTA teljes szélességű, az e-mail közepen alatta */
  .pj__text { align-items: stretch; }
  .pj__text .mc-btn { width: 100%; }
  .pj__mail { align-self: center; margin-top: 18px; }
}

/* Autó-kártya: az egész kártya kattintható (mint a Journal kártyák) */
.sale-card { position: relative; transition: transform .28s var(--ease), box-shadow .28s var(--ease); }
.sale-link::after { content: ""; position: absolute; inset: 0; z-index: 3; }
.sale-link:focus-visible { outline: 0; }
.sale-card:has(.sale-link:focus-visible) { box-shadow: 0 0 0 3px var(--bg), 0 0 0 5px #B4741E; }
.sale-card:hover { transform: translateY(-4px); }
@media (prefers-reduced-motion: reduce) { .sale-card:hover { transform: none; } }

/* A for-sale kártya és az autó adatlapja mindig világos "papír": sötét módban is a világos gombot kapja */
html[data-mc-dark] .dt-panel .mc-btn, html[data-mc-dark] .sale-card .mc-btn {
  --chrome:
    linear-gradient(90deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,0) 7%, rgba(255,255,255,.16) 26%, rgba(255,255,255,0) 45%, rgba(0,0,0,0) 92%, rgba(0,0,0,.28) 100%),
    radial-gradient(140% 220% at 18% -80%, rgba(255,255,255,.85), rgba(255,255,255,0) 45%),
    conic-gradient(from 92deg at 50% 50%, rgba(255,255,255,.30), rgba(0,0,0,.18) 14%, rgba(255,255,255,.34) 30%, rgba(0,0,0,.16) 48%, rgba(255,255,255,.26) 63%, rgba(0,0,0,.18) 80%, rgba(255,255,255,.30) 100%),
    linear-gradient(180deg,#fdfdfe 0%,#eaecef 9%,#b6b9bf 25%,#5f6166 43%,#333438 50%,#74777d 55%,#c7cacf 68%,#fafbfc 81%,#c9ccd1 91%,#8c8f95 100%);
  --face: radial-gradient(130% 190% at 50% -35%, #fffdf9 0%, #f7f2ea 45%, #eae2d5 100%);
  --face-ink: #15110D;
  --face-inset: inset 0 2px 3px rgba(74,58,40,.18), inset 0 -1px 0 rgba(255,255,255,.85);
  --face-ring: rgba(255,255,255,.55);
  --drop: 0 14px 26px -14px rgba(58,44,32,.5), 0 3px 8px -4px rgba(58,44,32,.32);
  --rim: inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(0,0,0,.42);
  --txt-shadow: 0 1px 0 rgba(255,255,255,.7);
}
html[data-mc-dark] .dt-panel .mc-btn::after { background: linear-gradient(100deg, rgba(255,255,255,0) 34%, rgba(255,255,255,.50) 48%, rgba(255,255,255,.14) 58%, rgba(255,255,255,0) 70%); }
html[data-mc-dark] .dt-panel .mc-btn:hover::after { opacity: .42; transform: translateX(16%); }

/* Szegmentált fül: a felirat soha nem tör, a sormagasság egységes */
.seg { max-width: 100%; }
.seg__btn { white-space: nowrap; line-height: 1.1; }
.seg__btn > span { line-height: 1.1; }
@media (max-width: 420px) { .seg__btn { padding: 0 16px; font-size: 11.5px; letter-spacing: .1em; gap: 8px; } }
@media (max-width: 359px) { .seg__btn { padding: 0 12px; font-size: 11px; letter-spacing: .06em; } }

/* Tablet álló: mint mobilon – nyilak + számláló, pöttyök nélkül */
@media (min-width: 760px) and (max-width: 1023px) {
  .mdots__dots { display: none; }
  .mdots__arrow { display: flex; }
  .mshow__arrow { display: none; }
  .mdots__count { min-width: 64px; text-align: center; }
}

/* Galéria pöttyei: csak az aktuális körüli néhány látszik */
.mdots__dots button[hidden] { display: none; }