/* ===========================================================================
   cd-obqva-komp.css — ОБЯВАТА НА КОМПЮТЪР (от 992 px нагоре)
   Зарежда се САМО с ключа (?mazno=1) и само на обявата: ads/view.blade.php, след cd-obqva-tel.css.
   Без ключа файлът не съществува за страницата — там нищо не се променя. Таблетът (576–991 px) не се пипа.

   Собственикът, 14.10.2026, след като видя първата картинка „сега | предложение“: „харесва ми, няма много промени,
   държавата може да се върне, където беше, със зеленото отдолу, давай нататък“. Тоест на компютър се ПРИСАЖДА
   същото, което вече е на телефона, но ПРОПОРЦИИТЕ ОСТАВАТ: снимките вляво, панелът с цената вдясно, белите карти
   в разделите. Не е нов дизайн — не го превръщай в такъв.

   Какво е взето от телефона (една система):
   1) малките снимки са ЗАЛЕПЕНИ под голямата, плътни, с черта под избраната;
   2) „Проверена“ слиза от снимката при значките; ДЪРЖАВАТА ОСТАВА при значките, вдясно, със зелената си черта;
   3) ШЕСТ РАВНИ ФАКТА в една бяла лента вместо петте плочки;
   4) цената не се повтаря в заглавието (остава в <h1>, скрита само за окото);
   5) в панела сметката е веднага под бутона, после доставката; „На изплащане“ е тънък ред;
   6) гаранцията показва цената за тази кола и води към листата;
   7) тест драйвът започва с оценката („9/10 проверки без забележки“); кола без тест драйв го казва направо;
   8) щетите идват след сервизните документи; при Auto1 — със скицата до снимките и вида на щетата под името;
   9) мястото за връзка в края („Въпрос за тази кола?“) вместо тъмния банер;
   10) разделите под първия екран изплуват отдолу при превъртане (същото движение като на телефона).
   Новата разметка идва от същите шаблони, зад ключа; cd-obqva-tel.css я крие над телефон, тук се показва наново.
   =========================================================================== */

@media (min-width: 992px){

  /* ---- 1) Малките снимки: залепени под голямата ----
     Обвивката на галерията вече е една заоблена плоча с двете; девет на ред (при по-малко се разтягат, но не повече
     от една шеста), останалите — с превъртане, както досега. Избраната е ясна, с тъмна черта; другите са под лек воал. */
  html.cd-m .cd-hero .cd-gallery-wrap{ border-radius: 16px; background: var(--cd-surface-2); }
  /* Голямата снимка е 4:3 като самите снимки (Auto1 и повечето източници са 800×600 / 4:3): при 16:9 се режеше една
     четвърт — покривът и колелата (собственикът, 16.10: „пак е отрязана снимката“). Колоната става по-висока и се
     изравнява с панела с цената вдясно. */
  html.cd-m .cd-hero .cd-main-stage{ height: auto; padding-top: 0; aspect-ratio: 4 / 3; }
  html.cd-m .cd-hero .cd-thumb-strip-wrap{ margin-top: 2px; }
  html.cd-m .cd-hero .cd-thumb-row{ gap: 2px; padding: 0; }
  html.cd-m .cd-hero .cd-thumb{
    flex: 1 0 calc((100% - 16px) / 9); width: auto; max-width: calc((100% - 10px) / 6);
    border-radius: 0; opacity: 1; box-shadow: none;
  }
  html.cd-m .cd-hero .cd-thumb::after{
    content: ""; position: absolute; inset: 0; z-index: 1; background: rgba(245,247,250,.42); pointer-events: none;
    transition: background-color var(--cd-dur-1, 150ms) var(--cd-ease-std, ease);
  }
  html.cd-m .cd-hero .cd-thumb:hover{ opacity: 1; }
  html.cd-m .cd-hero .cd-thumb:hover::after{ background: rgba(245,247,250,.16); }
  html.cd-m .cd-hero .cd-thumb.active{ box-shadow: none; outline: 0; }
  html.cd-m .cd-hero .cd-thumb.active::after{ background: none; box-shadow: inset 0 -3px 0 var(--cd-ink); }
  /* Фокус с клавиатура: рамката е в ::after — той е над снимката (img е position: absolute и покриваше outline навътре).
     Избраната пази и чертата си (проверката, 14.10). */
  html.cd-m .cd-hero .cd-thumb:focus-visible{ outline: 0; }
  html.cd-m .cd-hero .cd-thumb:focus-visible::after{ background: none; box-shadow: inset 0 0 0 2px var(--cd-ink), inset 0 0 0 4px #fff; }
  html.cd-m .cd-hero .cd-thumb.active:focus-visible::after{ box-shadow: inset 0 0 0 2px var(--cd-ink), inset 0 0 0 4px #fff, inset 0 -3px 0 var(--cd-ink); }
  /* Една снимка: няма какво да се брои и няма лента (както на телефона). */
  html.cd-m .cd-hero .cd-gallery-wrap:has(.cd-thumb:only-child) .cd-gallery-counter,
  html.cd-m .cd-hero .cd-gallery-wrap:has(.cd-thumb:only-child) .cd-thumb-strip-wrap{ display: none; }

  /* ---- 2) „Проверена“ е при значките под снимките; „Инспекция“ и CARFAX са първи (както на телефона) ---- */
  html.cd-m .cd-hero .cd-badge-verified{ display: none; }
  html.cd-m .cd-hero .cd-hl-proverena{ display: inline-flex; }
  html.cd-m .cd-hero .cd-highlights > .cd-highlight-doc,
  html.cd-m .cd-hero .cd-highlights > .cd-carfax-link{ order: -1; }
  /* Търгът е свършил, но колата още може да се купи: червена табелка „изтекла“ върху снимката до червения „Купи сега“
     отказва купувача — не се показва (собственикът, 12.10, за телефона; същото и тук). is-krai е за браузъри без :has(). */
  html.cd-m .cd-hero .cd-badge-time--kupi:has(.badge-timeexpired),
  html.cd-m .cd-hero .cd-badge-time--kupi.is-krai{ display: none; }

  /* ---- 3) Шест равни факта в една бяла лента ----
     Клетките са колкото са фактите (4–6) и делят реда поравно. Стойността е на един ред; дълга („Купе/Roadster“,
     „Plug-in хибрид“) минава на втори. Името е под стойността, с малки главни букви — както на телефона. */
  html.cd-m .cd-hero .cd-quick-stats{ display: none; }
  html.cd-m .cd-hero .cd-kv-lenta{
    display: block; margin: 18px 0 0; padding: 8px 0; border-radius: 16px; background: var(--cd-surface);
    box-shadow: 0 1px 2px rgba(15,23,32,.04), 0 12px 24px -18px rgba(15,23,32,.20);
  }
  html.cd-m .cd-hero .cd-kv-lenta:not(:has(li)){ display: none; }
  html.cd-m .cd-hero .cd-kv{
    display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none;
  }
  html.cd-m .cd-hero .cd-kv li{
    position: relative; display: flex; flex-direction: column; align-items: center; min-width: 0; padding: 14px 6px 12px; text-align: center;
  }
  html.cd-m .cd-hero .cd-kv li + li::before{ content: ""; position: absolute; left: 0; top: 16px; bottom: 14px; width: 1px; background: var(--cd-line-2); }
  html.cd-m .cd-hero .cd-kv svg{ flex: none; width: 22px; height: 22px; stroke-width: 1.6; color: var(--cd-ink); }
  html.cd-m .cd-hero .cd-kv-t{ display: flex; flex-direction: column; align-items: center; min-width: 0; width: 100%; margin-top: 7px; }
  html.cd-m .cd-hero .cd-kv-st{
    order: 1; max-width: 100%; font-size: 17px; line-height: 22px; font-weight: 800; letter-spacing: -.02em; font-variant-numeric: tabular-nums;
    color: var(--cd-ink); overflow-wrap: break-word;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;   /* три реда: американското „SPORT UTILITY VEHICLE“ (проверката, 14.10) */
  }
  html.cd-m .cd-hero .cd-kv-ed{ font-size: 12px; line-height: 1; font-weight: 600; letter-spacing: 0; color: var(--cd-body); }
  html.cd-m .cd-hero .cd-kv-ime{
    order: 2; margin-top: 2px; font-size: 11px; line-height: 14px; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; color: #69717F;
  }

  /* ---- 4) Цената не се повтаря в заглавието ----
     Едрата цена е на един поглед вдясно. В <h1> остава — скрита само за окото, не с display: none, та Google и
     екранните четци я четат (същото решение като на телефона, 14.10). Годината остава до модификацията. */
  html.cd-m .cd-hero .cd-title-cena{ position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

  /* ---- 5) Панелът с цената: сметката веднага под бутона, после доставката, после изплащането ----
     Кутията на панела остава (тук той е отделна карта вдясно). Сменя се само редът — с order; разметката, куките на
     Livewire и прозорците са същите. Бутоните, доставката и часовникът са на собственика — не ги пипай. */
  html.cd-m .cd-hero .cd-deal-card{ display: flex; flex-direction: column; reading-flow: flex-visual; }
  html.cd-m .cd-hero .cd-deal-card > *{ min-width: 0; }
  html.cd-m .cd-hero .cd-deal-card > .cd-m-disc,
  html.cd-m .cd-hero .cd-deal-card > .cd-breakdown-toggle,
  html.cd-m .cd-hero .cd-deal-card > .cd-breakdown{ order: 1; }
  html.cd-m .cd-hero .cd-deal-card > .cd-breakdown.cd-breakdown-bare{ margin-top: 16px; }   /* САЩ и Канада: само един ред с крайната цена */
  /* Доставката — вариант Д1 (собственикът, 14.10, от три): вместо сивата кутия — ред с тъмна плочка с камиончето,
     „Доставка за 8–17 работни дни“ и под него „от [знаме] Германия до [знаме] България“ (текстът е в livewire/bid-box, с
     ключа). Стои веднага под сметката — тя е част от покупката; „На изплащане“ е друга услуга и е под черта. */
  html.cd-m .cd-hero .cd-deal-card > .cd-delivery-line{ order: 2; margin-top: 24px;   /* малко въздух след цената (собственикът, 14.10) */
    padding: 0 0 2px; gap: 12px; background: none; border-radius: 0; }
  /* Камиончето е „бързият“ от Tabler (truck-delivery — с чертите отзад), без плочка (собственикът, 14.10: „черната иконка да
     я сменим с камион от Tabler, без иконка, ама бърз, дето бърза“). Мястото му е 32 px — текстът стои на една линия с
     текста на „На изплащане“ отдолу. */
  html.cd-m .cd-hero .cd-delivery-icon{ width: 32px; height: 32px; border-radius: 0; background: none; color: var(--cd-ink); box-shadow: none; }
  html.cd-m .cd-hero .cd-delivery-icon svg{ width: 28px; height: 28px; stroke-width: 1.6; }
  html.cd-m .cd-hero .cd-delivery-text{ gap: 1px; }
  html.cd-m .cd-hero .cd-delivery-days{ font-size: 15.5px; line-height: 22px; font-weight: 700; letter-spacing: -.01em; }
  html.cd-m .cd-hero .cd-delivery-from{ flex-wrap: wrap; gap: 0 5px; font-size: 11.5px; line-height: 16px; color: var(--cd-body); }
  html.cd-m .cd-hero .cd-delivery-from strong{ font-weight: 500; color: var(--cd-body); }
  html.cd-m .cd-hero .cd-flag-bg{ outline: 1px solid rgba(0,0,0,.14); outline-offset: -1px; }
  html.cd-m .cd-hero .cd-deal-card > .cd-finance{ order: 3; margin-top: 16px; padding-top: 0; }
  /* панелът е стълб и полетата вече не се сливат (под „или“ ставаха 26 px срещу 16 отгоре) */
  html.cd-m .cd-hero .cd-deal-card > .cd-or-divider{ margin-bottom: 6px; }

  /* „На изплащане“ — тънък ред: името вляво, вноската вдясно, стрелка; условията са под името. Целият ред е бутонът
     „Изчисли вноската“ (разпънат невидимо върху реда; името му остава за екранните четци). „Представителен пример“
     остава под реда — иска го законът за потребителския кредит. Виолетовото е цветът на изплащането. */
  html.cd-m .cd-hero .cd-fin-card{
    position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto 14px; grid-template-areas: "ime suma go" "usl usl usl";
    align-items: center; column-gap: 10px; padding: 14px 0 12px 44px; border: 0; border-radius: 0; background: none;
  }
  /* Вариант „В“ (собственикът, 14.10, от три): календар (месечни вноски) в плътна лилава плочка, името и вноската са
     лилави — изплащането е цвят, не само дума. Плочката е 32 px; условията под името започват от неговия ляв ръб. */
  html.cd-m .cd-hero .cd-fin-card-label{
    grid-area: ime; gap: 12px; min-width: 0; font-size: 15.5px; line-height: 22px; font-weight: 700; letter-spacing: -.01em; text-transform: none;
    color: var(--cd-violet); transition: color var(--cd-dur-1, 150ms) var(--cd-ease-std, ease);
  }
  html.cd-m .cd-hero .cd-fin-card-label svg{
    /* по средата на ДВАТА реда (името и условията), както иконата на доставката — не само на името (собственикът, 14.10) */
    position: absolute; left: 0; top: calc(50% + 1px); transform: translateY(-50%);   /* +1: полетата на реда са 14 отгоре, 12 отдолу */
    flex: none; box-sizing: content-box; width: 16px; height: 16px; padding: 8px; border-radius: 9px; stroke-width: 1.75;
    background: var(--cd-violet); color: #fff; box-shadow: 0 6px 14px -6px rgba(75,63,208,.55);
  }
  html.cd-m .cd-hero .cd-fin-card-terms{ grid-area: usl; margin: 1px 0 0; padding-left: 0; font-size: 11.5px; line-height: 16px; }
  html.cd-m .cd-hero .cd-fin-card-figure{ grid-area: suma; margin: 0; gap: 4px; white-space: nowrap; }
  html.cd-m .cd-hero .cd-fin-card-from,
  html.cd-m .cd-hero .cd-fin-card-per{ font-size: 13px; color: var(--cd-violet); }
  html.cd-m .cd-hero .cd-fin-card-amount{ font-size: 16px; line-height: 22px; font-weight: 800; letter-spacing: -.01em; color: var(--cd-violet); }
  html.cd-m .cd-hero .cd-fin-card::after{
    content: ""; grid-area: go; justify-self: end; width: 10px; height: 10px; margin-right: 3px;
    border-top: 2.5px solid var(--cd-ink); border-right: 2.5px solid var(--cd-ink); transform: rotate(45deg);
    pointer-events: none; transition: transform var(--cd-dur-1, 150ms) var(--cd-ease-std, ease);
  }
  html.cd-m .cd-hero .cd-fin-card.is-off::after{ content: none; }
  /* Посочване: без сиво поле (то излизаше извън линията на панела — „да се изравни с ляво“, собственикът, 14.10); името
     става виолетово, стрелката тръгва напред. Невидимият бутон е точно колкото реда. */
  html.cd-m .cd-hero .cd-fin-card:has(.cd-fin-apply:hover)::after{ transform: translateX(3px) rotate(45deg); border-color: var(--cd-violet); }
  html.cd-m .cd-hero .cd-fin-card:has(.cd-fin-apply:hover) .cd-fin-card-label{ color: var(--cd-violet-dark, #3A30A8); }
  /* плочката не мърда при посочване — иначе тя подскачаше, а текстът до нея стоеше (собственикът, 14.10) */
  html.cd-m .cd-hero .cd-fin-card::after{ transition: transform var(--cd-dur-1, 150ms) var(--cd-ease-std, ease), border-color var(--cd-dur-1, 150ms) var(--cd-ease-std, ease); }
  html.cd-m .cd-hero .cd-fin-card-actions{ position: absolute; inset: 0; display: block; margin: 0; }
  html.cd-m .cd-hero .cd-fin-apply,
  html.cd-m .cd-hero .cd-fin-apply:hover{
    display: block; width: 100%; height: 100%; padding: 0; border: 0; border-radius: 10px; background: transparent; color: transparent; font-size: 0; box-shadow: none;
  }
  html.cd-m .cd-hero .cd-fin-card:has(.cd-fin-apply:active){ opacity: .8; }
  html.cd-m .cd-hero .cd-fin-apply:focus-visible{ outline: 2px solid var(--cd-violet); outline-offset: 4px; }
  /* „Представителен пример“ е на реда с условията, вдясно, като къс надпис „Пример ⌄“ (собственикът, 14.10: „може да е
     малко по-кратко и по-нагоре, да стане по-късо“) — панелът е с един ред по-нисък. Примерът по ЗПК си остава в HTML-а и
     се отваря под реда; екранните четци четат пълното „Представителен пример“. Мястото вдясно на реда се пази
     (padding-right), та при дълги условия („€1 887 първоначална вноска…“) текстът да слезе, а не да мине под надписа.
     Отгоре е 37 px: редът с условията (14 поле + 22 името + 1). Смениш ли размерите на реда, премери. */
  html.cd-m .cd-hero .cd-finance{ position: relative; }
  html.cd-m .cd-hero .cd-finance:has(> .cd-finance-legal) .cd-fin-card-terms{ padding-right: 60px; }
  html.cd-m .cd-hero .cd-finance-legal{ margin: 0; padding-left: 44px; }
  html.cd-m .cd-hero .cd-finance-legal > summary{ position: absolute; top: 37px; right: 0; z-index: 2; font-size: 11.5px; line-height: 16px; font-weight: 400; color: var(--cd-body); }   /* „Пример“ без удебеляване (собственикът, 14.10) */
  html.cd-m .cd-hero .cd-finance-legal > summary::before{ content: ""; position: absolute; inset: 0 -8px -10px; }   /* място за мишката — само надолу и встрани: над „Пример“ е редът с вноската (проверката, 14.10) */
  html.cd-m .cd-hero .cd-finance-legal > summary:hover{ color: var(--cd-ink); }   /* червено е само главното действие */
  html.cd-m .cd-hero .cd-finance-legal .cd-fl-kaso{ display: inline; }
  html.cd-m .cd-hero .cd-finance-legal .cd-fl-dulgo{ position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  html.cd-m .cd-hero .cd-finance-legal[open]{ padding-bottom: 4px; }

  /* ---- 6) Гаранцията (Wagas): „Гаранция от Wagas“ вляво, цената за тази кола вдясно, двете цени — тих ред отдолу ----
     Цялата карта е връзка към листата с премиите (невидимо разпъната върху нея). И под панела, и в реда на AAA Auto. */
  /* Картата е „3D“ като панела с цената над нея — същата сянка (собственикът, 14.10: „долния таб да не е и той 3D както
     горния с цената“). В реда на AAA и оценката до нея е със същата, иначе двете в един ред са различни. */
  html.cd-m .cd-hero .cd-warranty-card,
  html.cd-m .cd-hero .cd-hero-sst-row .cd-sst-card{ box-shadow: var(--cd-shadow-2); }
  html.cd-m .cd-hero .cd-warranty-card{
    position: relative; gap: 0; padding: 16px 20px;
    transition: box-shadow var(--cd-dur-1, 150ms) var(--cd-ease-std, ease), border-color var(--cd-dur-1, 150ms) var(--cd-ease-std, ease);
  }
  html.cd-m .cd-hero .cd-hero-sst-row .cd-warranty-card{ justify-content: center; }
  html.cd-m .cd-hero .cd-warranty-row{ flex-wrap: wrap; gap: 0 10px; min-width: 0; }
  html.cd-m .cd-hero .cd-warranty-text{ font-size: 15.5px; line-height: 22px; font-weight: 700; letter-spacing: -.01em; color: var(--cd-ink); white-space: nowrap; }
  html.cd-m .cd-hero .cd-warranty-logo{ position: relative; top: 2px; height: 19px; margin-top: 0; }
  html.cd-m .cd-hero .cd-warranty-srok{ display: block; margin-left: auto; font-size: 13.5px; line-height: 22px; color: var(--cd-body); white-space: nowrap; }
  html.cd-m .cd-hero .cd-warranty-srok strong{ font-size: 16px; font-weight: 800; letter-spacing: -.01em; color: var(--cd-ink); }
  html.cd-m .cd-hero .cd-warranty-ceni{ display: block; margin: 1px 0 0; font-size: 12px; line-height: 16px; color: var(--cd-muted); }
  html.cd-m .cd-hero .cd-warranty-ceni strong{ font-weight: 600; color: var(--cd-body); }
  html.cd-m .cd-hero .cd-warranty-sub{ display: none; }
  html.cd-m .cd-hero .cd-warranty-vruzka{ display: block; position: absolute; inset: 0; border-radius: inherit; }
  html.cd-m .cd-hero .cd-warranty-vruzka:focus-visible{ outline: 2px solid var(--cd-ink); outline-offset: 2px; }
  html.cd-m .cd-hero .cd-warranty-card:has(.cd-warranty-vruzka):hover{ border-color: var(--cd-line-2); box-shadow: 0 16px 32px -14px rgba(15,23,32,.26); }
  html.cd-m .cd-hero .cd-warranty-card:has(.cd-warranty-vruzka) .cd-warranty-srok::after{
    content: ""; display: inline-block; width: 10px; height: 10px; margin: 0 3px 1px 12px;   /* като стрелката на „На изплащане“ (собственикът, 14.10) */
    border-top: 2.5px solid var(--cd-ink); border-right: 2.5px solid var(--cd-ink); transform: rotate(45deg);
    transition: transform var(--cd-dur-1, 150ms) var(--cd-ease-std, ease);
  }
  html.cd-m .cd-hero .cd-warranty-card:has(.cd-warranty-vruzka):hover .cd-warranty-srok::after{ transform: translateX(3px) rotate(45deg); }

  /* ---- Редът на разделите: технически детайли → тест драйв → сервизни документи и история → щети → останалото ----
     Същият ред като на телефона (собственикът, 13.10: „щетите трябва да са след документи и история“) — състоянието
     на колата е на едно място, преди гумите и оборудването. В разметката щетите са най-долу; местят се само с order.
     Белезите .cd-sek-dok и .cd-sek-shteti се слагат само с ключа; #sustoqnie е разделът на OpenLane. */
  /* reading-flow: Tab и екранният четец вървят по реда на екрана, не по разметката (Chromium 137+; другите — както досега).
     Без него фокусът скачаше от „Допълнителни снимки“ нагоре към щетите и пак надолу (проверката, 14.10). */
  html.cd-m .cd-redesign{ display: flex; flex-direction: column; reading-flow: flex-visual; }
  html.cd-m .cd-redesign > *{ min-width: 0; }
  /* Раздел с празен .container (САЩ без таблица с щети: лента от 81 px) не се показва — иначе с новия ред стоеше точно
     под техническите детайли. Същото правило е на телефона. */
  html.cd-m .cd-redesign > .cd-section:has(> .container):not(:has(> .container > *)){ display: none; }
  html.cd-m .cd-redesign > .cd-section:has(> .container > .cd-section-head + .cd-spec-grid) ~ *{ order: 3; }
  html.cd-m .cd-redesign > .cd-section:has(> .container > .cd-section-head + .cd-spec-grid) ~ .cd-section:has(> .container > .cd-condition-grid){ order: 0; }
  html.cd-m .cd-redesign > .cd-section:has(> .container > .cd-section-head + .cd-spec-grid) ~ .cd-section.cd-sek-dok{ order: 1; }
  html.cd-m .cd-redesign > .cd-section:has(> .container > .cd-section-head + .cd-spec-grid) ~ .cd-section.cd-sek-shteti,
  html.cd-m .cd-redesign > .cd-section:has(> .container > .cd-section-head + .cd-spec-grid) ~ .cd-section#sustoqnie{ order: 2; }
  html.cd-m .cd-redesign > #sustoqnie{ scroll-margin-top: 24px; }

  /* „Пълни технически характеристики“ води извън сайта — не е червена (червено е само главното действие). */
  html.cd-m .cd-redesign .cd-section-head:has(+ .cd-spec-grid) > .cd-section-link{ font-weight: 600; color: var(--cd-body); }
  html.cd-m .cd-redesign .cd-section-head:has(+ .cd-spec-grid) > .cd-section-link:hover{ color: var(--cd-ink); }

  /* ---- 7) „Резултат от тест драйв“: оценката отгоре, редовете в двете колони ----
     Числото и надписът са вляво, лентичките (по една за проверка) — вдясно на същия ред. Зеленото хапче в заглавието и
     подредът с условията ги замества оценката. Картите на проверките остават бели, по две на ред; името е вляво,
     описанието — вдясно. Отметката и червеният Х са тези на собственика (--cd-otmetka, --cd-hiks от cd-obqva-tel.css).
     Забележките са НАЙ-ГОРЕ, на цял ред. Неналичното е с тире, не с отметка. */
  html.cd-m .cd-redesign .cd-section:has(.cd-tdr-ocenka) .cd-pass-pill,
  html.cd-m .cd-redesign .cd-section:has(.cd-tdr-ocenka) .cd-section-sub,
  html.cd-m .cd-redesign .cd-section:has(.cd-tdr-nqma) .cd-pass-pill,
  html.cd-m .cd-redesign .cd-section:has(.cd-tdr-nqma) .cd-section-sub{ display: none; }
  html.cd-m .cd-redesign .cd-tdr-ocenka{
    display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(200px, 340px); align-items: center; column-gap: 16px; margin: 2px 0 18px;
  }
  html.cd-m .cd-redesign .cd-tdr-ocenka-ch{
    margin: 0; font-size: 48px; line-height: 48px; font-weight: 800; letter-spacing: -.045em; color: var(--cd-success); white-space: nowrap;
  }
  html.cd-m .cd-redesign .cd-tdr-ocenka-ch small{ font-size: 22px; font-weight: 700; letter-spacing: -.01em; color: var(--cd-muted); }
  html.cd-m .cd-redesign .cd-tdr-ocenka.is-zab .cd-tdr-ocenka-ch{ color: var(--cd-ink); }
  html.cd-m .cd-redesign .cd-tdr-ocenka-t{
    display: flex; flex-direction: column; gap: 2px; min-width: 0; margin: 0; font-size: 13.5px; line-height: 19px; color: var(--cd-body);
  }
  html.cd-m .cd-redesign .cd-tdr-ocenka-t b{ font-size: 16px; line-height: 22px; font-weight: 700; letter-spacing: -.01em; color: var(--cd-ink); }
  html.cd-m .cd-redesign .cd-tdr-lenti{ display: flex; gap: 4px; }
  html.cd-m .cd-redesign .cd-tdr-lenti i{ flex: 1 1 0; min-width: 0; height: 6px; border-radius: 3px; background: var(--cd-success); }
  html.cd-m .cd-redesign .cd-tdr-lenti i.is-x{ background: var(--cd-red); }
  html.cd-m .cd-redesign .cd-tdr-lenti i.is-na{ background: var(--cd-line-2); }

  html.cd-m .cd-redesign .cd-tdr-ocenka ~ .cd-condition-grid > .cd-condition-chip{
    position: relative; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; padding: 12px 14px 12px 38px; font-size: 14px; line-height: 20px;
  }
  html.cd-m .cd-redesign .cd-tdr-ocenka ~ .cd-condition-grid > .cd-condition-chip > svg{ display: none; }
  html.cd-m .cd-redesign .cd-tdr-ocenka ~ .cd-condition-grid > .cd-condition-chip::before{
    content: ""; position: absolute; left: 14px; top: 15px; width: 14px; height: 14px; background: var(--cd-success);
    -webkit-mask: var(--cd-otmetka) center / contain no-repeat; mask: var(--cd-otmetka) center / contain no-repeat;
  }
  html.cd-m .cd-redesign .cd-tdr-ocenka ~ .cd-condition-grid > .cd-condition-chip.cd-condition-warn{ order: -1; grid-column: 1 / -1; }
  html.cd-m .cd-redesign .cd-tdr-ocenka ~ .cd-condition-grid > .cd-condition-chip.cd-condition-warn::before{
    top: 16px; width: 13px; height: 13px; background: var(--cd-red);
    -webkit-mask: var(--cd-hiks) center / contain no-repeat; mask: var(--cd-hiks) center / contain no-repeat;
  }
  html.cd-m .cd-redesign .cd-tdr-ocenka ~ .cd-condition-grid > .cd-condition-chip.cd-tdr-na::before{
    top: 21px; left: 16px; width: 10px; height: 2px; border-radius: 1px; background: var(--cd-muted); -webkit-mask: none; mask: none;
  }
  html.cd-m .cd-redesign .cd-tdr-ocenka ~ .cd-condition-grid .cd-tdr-ime{ display: inline; font-weight: 700; color: var(--cd-ink); }
  html.cd-m .cd-redesign .cd-tdr-ocenka ~ .cd-condition-grid .cd-tdr-opis{
    display: inline; margin-left: auto; text-align: right; font-size: 13px; font-weight: 500; color: var(--cd-body);
  }
  html.cd-m .cd-redesign .cd-tdr-ocenka ~ .cd-condition-grid .cd-tdr-dv{ display: none; }
  html.cd-m .cd-redesign .cd-tdr-ocenka ~ .cd-condition-grid .cd-tdr-dulgo{ display: inline; }
  html.cd-m .cd-redesign .cd-tdr-ocenka ~ .cd-condition-grid .cd-condition-warn .cd-tdr-opis{
    flex: 1 1 100%; margin-left: 0; text-align: left; font-size: 13.5px; font-weight: 600; color: var(--cd-ink);
  }
  /* тест драйвът не е правен: казва се направо, с причината */
  html.cd-m .cd-redesign .cd-tdr-nqma{
    display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 14px 16px; border: 1px solid var(--cd-line); border-radius: var(--cd-r-md);
    background: var(--cd-surface); box-shadow: 0 1px 2px rgba(15,23,32,.04), 0 6px 16px -6px rgba(15,23,32,.10);
    font-size: 14px; line-height: 20px; color: var(--cd-body);
  }
  html.cd-m .cd-redesign .cd-tdr-nqma strong{ font-size: 15.5px; line-height: 22px; font-weight: 700; color: var(--cd-ink); }
  html.cd-m .cd-redesign .cd-section:has(.cd-tdr-nqma) .cd-condition-grid:empty{ display: none; }

  /* ---- 8) „Описани щети“, Auto1: скицата вляво, снимките вдясно на три реда ----
     Скицата (ads/damage_items + App\Support\Auto1Skica) е бяла карта със силуета и табове „Щети / Боя / Интериор“.
     Рисува се само мястото, което е известно; хапчето с число е дебелината на боята в микрони, оцветено по вида. Снимките до нея
     са на ТРИ реда и се разтягат точно до височината на скицата (собственикът, 16.10: „защо вдясно да не са 3 реда“) —
     колоните са по 232 px (при скица ~556 px квадратчето е ~232×175, почти 4:3), останалите се превъртат настрани със
     стрелките; снимката е object-fit: cover. При 1–2 снимки редовете са толкова. Без скица разделът е както досега:
     един ред снимки. */
  html.cd-m .cd-redesign .cd-sek-shteti > .container:has(> .cd-a1-skica){
    display: grid; grid-template-columns: 360px minmax(0, 1fr); column-gap: 24px; align-items: start;
  }
  html.cd-m .cd-redesign .cd-sek-shteti > .container:has(> .cd-a1-skica) > *{ grid-column: 1 / -1; min-width: 0; }
  html.cd-m .cd-redesign .cd-sek-shteti > .container:has(> .cd-a1-skica) > .cd-a1-skica{ grid-column: 1; }
  html.cd-m .cd-redesign .cd-sek-shteti > .container:has(> .cd-a1-skica) > .cd-media-strip-wrap{ grid-column: 2; align-self: stretch; }
  html.cd-m .cd-redesign .cd-sek-shteti > .container:has(> .cd-a1-skica) > .cd-media-strip-wrap > .cd-media-grid{
    display: grid; grid-auto-flow: column; grid-template-rows: repeat(3, minmax(0, 1fr)); grid-auto-columns: 232px;
    justify-content: start; height: 100%;
  }
  html.cd-m .cd-redesign .cd-sek-shteti > .container:has(> .cd-a1-skica) > .cd-media-strip-wrap > .cd-media-grid:not(:has(> .item:nth-child(3))){ grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html.cd-m .cd-redesign .cd-sek-shteti > .container:has(> .cd-a1-skica) > .cd-media-strip-wrap > .cd-media-grid:not(:has(> .item:nth-child(2))){ grid-template-rows: minmax(0, 1fr); }
  /* височината идва от скицата, не от снимките: снимката е върху квадратчето (absolute) и не го разтяга */
  html.cd-m .cd-redesign .cd-sek-shteti > .container:has(> .cd-a1-skica) > .cd-media-strip-wrap > .cd-media-grid > .item{
    width: auto; max-width: none; aspect-ratio: auto; min-height: 0;
  }
  html.cd-m .cd-redesign .cd-sek-shteti > .container:has(> .cd-a1-skica) > .cd-media-strip-wrap > .cd-media-grid > .item img{ position: absolute; inset: 0; }
  html.cd-m .cd-redesign .cd-a1-skica{
    display: block; margin: 0; padding: 18px 16px 16px; border: 1px solid var(--cd-line); border-radius: var(--cd-r-md); background: var(--cd-surface);
    box-shadow: 0 1px 2px rgba(15,23,32,.04), 0 6px 16px -6px rgba(15,23,32,.10);
  }
  /* ТАБОВЕ „Щети / Боя / Интериор“ (собственикът, 16.10 — В1) — както на телефон (cd-obqva-tel.css), колата е 190 px */
  html.cd-m .cd-redesign .cd-a1-taby{ display: none; }
  html.cd-m .cd-redesign .cd-a1-skica.js-taby .cd-a1-taby{ display: flex; margin: 0 0 16px; padding: 3px; border-radius: 12px; background: var(--cd-surface-3); }
  html.cd-m .cd-redesign .cd-a1-taby button{
    flex: 1 1 0; min-width: 0; padding: 9px 6px; border: 0; border-radius: 9px; background: none; cursor: pointer;
    font-size: 14px; line-height: 18px; font-weight: 600; color: var(--cd-body); transition: color .15s ease, background-color .15s ease;
  }
  html.cd-m .cd-redesign .cd-a1-taby button:hover{ color: var(--cd-ink); }
  html.cd-m .cd-redesign .cd-a1-taby button[aria-selected="true"]{ background: var(--cd-surface); color: var(--cd-ink); box-shadow: 0 1px 2px rgba(15,23,32,.08), 0 1px 1px rgba(15,23,32,.05); }
  html.cd-m .cd-redesign .cd-a1-taby button em{ margin-left: 5px; font-style: normal; font-weight: 500; color: var(--cd-muted); }
  html.cd-m .cd-redesign .cd-a1-taby button:focus-visible{ outline: 2px solid var(--cd-violet); outline-offset: 1px; }
  html.cd-m .cd-redesign .cd-a1-figura{ margin: 0; }
  html.cd-m .cd-redesign .cd-a1-figura + .cd-a1-figura{ margin-top: 22px; }
  /* С табовете трите панела са в една клетка: скритите са невидими, но заемат място — смяната не мести снимките отдолу
     („Боя“ е по-висок заради трите реда легенда). */
  html.cd-m .cd-redesign .cd-a1-skica.js-taby{ display: grid; grid-template-columns: minmax(0, 1fr); }
  html.cd-m .cd-redesign .cd-a1-skica.js-taby > *{ grid-column: 1; }
  html.cd-m .cd-redesign .cd-a1-skica.js-taby > .cd-a1-figura{ grid-row: 2; margin-top: 0; }
  html.cd-m .cd-redesign .cd-a1-skica.js-taby > .cd-a1-figura[data-skrit]{ visibility: hidden; }   /* не `hidden`: Bootstrap го крие с !important */
  html.cd-m .cd-redesign .cd-a1-skica.js-taby .cd-a1-figura figcaption{ display: none; }
  html.cd-m .cd-redesign .cd-a1-figura figcaption{
    margin: 0 0 8px; text-align: center; font-size: 11.5px; line-height: 16px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: #69717F;
  }
  html.cd-m .cd-redesign .cd-a1-figura .cd-cond-diagram-stage{ max-width: 190px; margin: 0 auto; }
  html.cd-m .cd-redesign .cd-a1-figura rect.is-sig{ fill: var(--cd-amber, #D97706); fill-opacity: .62; }
  html.cd-m .cd-redesign .cd-a1-boq{
    position: absolute; transform: translate(-50%, -50%); padding: 0 6px; border-radius: 7px; background: var(--cd-surface); color: var(--cd-ink);
    font-size: 12px; line-height: 20px; font-weight: 700; white-space: nowrap; box-shadow: 0 0 0 1px rgba(15,23,32,.14), 0 2px 4px rgba(15,23,32,.12);
  }
  html.cd-m .cd-redesign .cd-a1-boq.is-prof{ background: var(--cd-amber-50); color: var(--cd-amber); box-shadow: 0 0 0 1.5px #E8A33A, 0 2px 4px rgba(15,23,32,.10); }
  html.cd-m .cd-redesign .cd-a1-boq.is-neprof{ background: #B45309; color: #fff; box-shadow: 0 0 0 2px var(--cd-surface), 0 2px 4px rgba(15,23,32,.16); }
  html.cd-m .cd-redesign .cd-a1-legenda{ margin-top: 14px; gap: 6px 14px; color: var(--cd-body); }
  html.cd-m .cd-redesign .cd-a1-legenda small{ font-size: inherit; color: var(--cd-muted); }
  html.cd-m .cd-redesign .cd-a1-legenda i.is-sig{ background: var(--cd-amber, #D97706); opacity: .75; }
  html.cd-m .cd-redesign .cd-a1-legenda i.is-fab{ background: var(--cd-surface); box-shadow: inset 0 0 0 1px rgba(15,23,32,.3); }
  html.cd-m .cd-redesign .cd-a1-legenda i.is-prof{ background: #E8A33A; }
  html.cd-m .cd-redesign .cd-a1-legenda i.is-neprof{ background: #B45309; }
  /* видът на щетата („Пребоядисан“, „Драскотина“) под името на частта */
  html.cd-m .cd-redesign .cd-tile-caption .cd-tile-vid{ display: block; margin-top: 1px; font-size: 11.5px; line-height: 15px; font-weight: 500; opacity: .92; }
  /* Бележката от собственика на колата (само Auto1) не се показва — собственикът, 14.10. Остане ли разделът без
     снимки на щети и без документи, не се показва и той. При другите източници бележката е на самия търг и остава. */
  html.cd-m .cd-redesign .cd-sek-shteti.cd-sek-a1 .cd-owner-note{ display: none; }
  html.cd-m .cd-redesign > .cd-section.cd-sek-shteti.cd-sek-a1:has(.cd-owner-note):not(:has(.cd-media-strip-wrap, .cd-files-list)){ display: none; }

  /* ---- 9) Мястото за връзка в края: „Въпрос за тази кола?“ вляво, двата реда със стрелки вдясно ----
     Вместо тъмния банер с трите иконки. Без кутия, без едър номер и без лого (собственикът, 14.10 — виж бележките в
     cd-obqva-tel.css). Viber е с неговото лилаво; червено тук няма. Движението при първото показване е същото като на
     телефона (класовете cd-vr-chaka / cd-vr-ide ги слага cd-obqva-tel.js). */
  html.cd-m .cd-redesign .cd-contact-banner{ display: none; }
  html.cd-m .cd-redesign .cd-vruzka{
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 520px); column-gap: 48px; align-items: center; padding: 8px 0 4px;
  }
  html.cd-m .cd-redesign .cd-vruzka-zagl{
    grid-row: 1 / span 2; overflow: hidden; margin: 0; padding: 2px 0; font-size: 40px; line-height: 48px; font-weight: 800; letter-spacing: -.03em; color: var(--cd-ink);
  }
  html.cd-m .cd-redesign .cd-vruzka-zagl span{ display: block; }
  html.cd-m .cd-redesign .cd-vruzka-red{
    grid-column: 2; position: relative; display: flex; align-items: center; gap: 14px; height: 64px;
    font-size: 17px; line-height: 24px; font-weight: 700; letter-spacing: -.01em; color: var(--cd-ink); text-decoration: none;
  }
  html.cd-m .cd-redesign .cd-vruzka-red::before,
  html.cd-m .cd-redesign .cd-vruzka-red:last-child::after{
    content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: var(--cd-line-2); transform-origin: left center;
  }
  html.cd-m .cd-redesign .cd-vruzka-red:last-child::after{ top: auto; bottom: 0; }
  html.cd-m .cd-redesign .cd-vruzka-red svg{ flex: none; width: 20px; height: 20px; stroke-width: 1.75; }
  html.cd-m .cd-redesign .cd-vruzka-red i{ flex: none; width: 20px; text-align: center; font-size: 22px; line-height: 1; color: #7360F2; }
  html.cd-m .cd-redesign .cd-vruzka-red b{ flex: 1 1 auto; min-width: 0; font-weight: 700; }
  html.cd-m .cd-redesign .cd-vruzka-str{
    flex: none; width: 9px; height: 9px; margin-right: 3px; border-top: 2px solid var(--cd-ink); border-right: 2px solid var(--cd-ink);
    transform: rotate(45deg); transition: transform var(--cd-dur-1, 150ms) var(--cd-ease-std, ease);
  }
  html.cd-m .cd-redesign .cd-vruzka-red:hover{ color: var(--cd-ink); }
  html.cd-m .cd-redesign .cd-vruzka-red:hover .cd-vruzka-str{ transform: translateX(4px) rotate(45deg); }
  html.cd-m .cd-redesign .cd-vruzka-red:focus-visible{ outline: 2px solid var(--cd-ink); outline-offset: 2px; border-radius: 8px; }
  /* преди да се е показало */
  html.cd-m .cd-redesign .cd-vruzka.cd-vr-chaka .cd-vruzka-zagl span{ transform: translateY(112%); }
  html.cd-m .cd-redesign .cd-vruzka.cd-vr-chaka .cd-vruzka-red > *{ opacity: 0; transform: translateY(12px); }
  html.cd-m .cd-redesign .cd-vruzka.cd-vr-chaka .cd-vruzka-red .cd-vruzka-str{ transform: translateY(12px) rotate(45deg); }
  html.cd-m .cd-redesign .cd-vruzka.cd-vr-chaka .cd-vruzka-red::before,
  html.cd-m .cd-redesign .cd-vruzka.cd-vr-chaka .cd-vruzka-red::after{ transform: scaleX(0); }
  /* показва се: едно след друго */
  html.cd-m .cd-redesign .cd-vruzka.cd-vr-ide .cd-vruzka-zagl span{ transition: transform 820ms cubic-bezier(.16, 1, .3, 1) 60ms; }
  html.cd-m .cd-redesign .cd-vruzka.cd-vr-ide .cd-vruzka-red::before,
  html.cd-m .cd-redesign .cd-vruzka.cd-vr-ide .cd-vruzka-red::after{ transition: transform 700ms cubic-bezier(.16, 1, .3, 1) 320ms; }
  html.cd-m .cd-redesign .cd-vruzka.cd-vr-ide .cd-vruzka-red > *{ transition: opacity 480ms var(--cd-ease-out, ease-out) 420ms, transform 620ms cubic-bezier(.16, 1, .3, 1) 420ms; }
  html.cd-m .cd-redesign .cd-vruzka.cd-vr-ide .cd-vruzka-red--viber::before{ transition-delay: 420ms; }
  html.cd-m .cd-redesign .cd-vruzka.cd-vr-ide .cd-vruzka-red--viber::after{ transition-delay: 520ms; }
  html.cd-m .cd-redesign .cd-vruzka.cd-vr-ide .cd-vruzka-red--viber > *{ transition-delay: 520ms; }

  /* ---- 10) Изплуване отдолу нагоре — същото като на телефона (правилата и историята са в cd-obqva-tel.css) ----
     Класовете cd-izp / cd-izp-ide ги слага cd-obqva-tel.js само на раздели, които при отварянето са под екрана; без
     скрипта и при „намалено движение“ нищо не е скрито. Мести се .container вътре, не самият раздел — скок с котва каца
     точно. Старото „при превъртане“ на темата (.cd-reveal) тук е изключено: едно нещо не се движи по два начина. */
  html.cd-m .cd-redesign .cd-reveal{ animation: none; opacity: 1; transform: none; }
  html.cd-m .cd-redesign > .cd-section.cd-izp{ opacity: 0; }
  html.cd-m .cd-redesign > .cd-section.cd-izp > .container{ transform: translateY(44px); }
  html.cd-m .cd-redesign > .cd-section.cd-izp-ide{ transition: opacity 640ms var(--cd-ease-out, ease-out); }
  html.cd-m .cd-redesign > .cd-section.cd-izp-ide > .container{ transition: transform 900ms cubic-bezier(.16, 1, .3, 1); }
}

/* Шестте факта на по-тесен компютър (992–1199 px): ПО ТРИ НА РЕД, на два реда — както на телефона.
   Мерено на 14.10: лявата колона тук е 556 px, клетката при шест на ред е 92,7 px, а „Автоматична“ е 92,6 px още при
   14 px букви — чупеше се на „Автоматичн / а“. От 1200 px нагоре колоната е 796 px (клетка 132,7; за текста 120,7) и
   шестте стоят на един ред при 17 px: най-широките думи са „CONVERTIBLE“ 117,4, „Неопределен“ 114,3, „Автоматична“ 113,4.
   Смениш ли размера на буквите или полетата на клетката, премери пак. */
@media (min-width: 992px) and (max-width: 1199.98px){
  html.cd-m .cd-hero .cd-kv-lenta{ padding: 6px 0; }
  html.cd-m .cd-hero .cd-kv{ grid-auto-flow: row; grid-template-columns: repeat(6, minmax(0, 1fr)); }
  html.cd-m .cd-hero .cd-kv li{ grid-column: span 2; padding: 12px 6px 10px; }
  /* пет: долу са две — всяка на половин ред; четири: по две на ред; две: на половин ред всяка */
  html.cd-m .cd-hero .cd-kv li:first-child:nth-last-child(5) ~ li:nth-child(n+4),
  html.cd-m .cd-hero .cd-kv li:first-child:nth-last-child(4),
  html.cd-m .cd-hero .cd-kv li:first-child:nth-last-child(4) ~ li,
  html.cd-m .cd-hero .cd-kv li:first-child:nth-last-child(2),
  html.cd-m .cd-hero .cd-kv li:first-child:nth-last-child(2) ~ li{ grid-column: span 3; }
  html.cd-m .cd-hero .cd-kv li:only-child{ grid-column: 1 / -1; }
  /* чертите: отвесна пред всяка клетка, която не е първа в реда си; водоравна над втория ред */
  html.cd-m .cd-hero .cd-kv li:nth-child(3n+1)::before{ content: none; }
  html.cd-m .cd-hero .cd-kv li:first-child:nth-last-child(4) ~ li:nth-child(4)::before{ content: ""; }
  html.cd-m .cd-hero .cd-kv li:first-child:nth-last-child(4) ~ li:nth-child(3)::before{ content: none; }
  html.cd-m .cd-hero .cd-kv li:nth-child(n+4)::after,
  html.cd-m .cd-hero .cd-kv li:first-child:nth-last-child(4) ~ li:nth-child(3)::after{
    content: ""; position: absolute; top: 0; left: 12px; right: 12px; height: 1px; background: var(--cd-line-2);
  }
  html.cd-m .cd-hero .cd-kv-st{ font-size: 16px; }
  /* „Въпрос за тази кола?“ — колоната вляво е ~390 px: при 40 px заглавието се чупеше на два реда */
  html.cd-m .cd-redesign .cd-vruzka{ column-gap: 32px; }
  html.cd-m .cd-redesign .cd-vruzka-zagl{ font-size: 32px; line-height: 40px; }
}

/* Печат (A4 на широко е ~1046 px): разделите, които още не са изплували, и мястото за връзка излизаха празни. При печат
   нищо не чака (проверката, 14.10). */
@media print{
  html.cd-m .cd-redesign > .cd-section.cd-izp{ opacity: 1; }
  html.cd-m .cd-redesign > .cd-section.cd-izp > .container{ transform: none; }
  html.cd-m .cd-redesign .cd-vruzka.cd-vr-chaka .cd-vruzka-zagl span,
  html.cd-m .cd-redesign .cd-vruzka.cd-vr-chaka .cd-vruzka-red > *{ opacity: 1; transform: none; }
  html.cd-m .cd-redesign .cd-vruzka.cd-vr-chaka .cd-vruzka-red .cd-vruzka-str{ transform: rotate(45deg); }
  html.cd-m .cd-redesign .cd-vruzka.cd-vr-chaka .cd-vruzka-red::before,
  html.cd-m .cd-redesign .cd-vruzka.cd-vr-chaka .cd-vruzka-red::after{ transform: none; }
}

/* ---- „Вижте още“ на компютър (собственикът, 19.10: „тук защо още са така“) ----
   Същата карта като в търсенето (components/car-full-row) — вертикалният ѝ вид, както на телефон: снимка отгоре,
   текстът отдолу, еднакво високи. По три в ред на всяка ширина: с четири (1280 px, 276 px карта) цената се режеше; останалите
   (Podobni дава до шест) не се показват.
   Стиловете на картата са в cd-search.css (ads/view го зарежда с ключа за телефон и компютър); правилата за тясната
   карта там са само до 575 px, затова нужните са повторени тук — само в #cd-related. Старият ред (.row) — скрит. */
@media (min-width: 992px){
  html.cd-m #cd-related > .container > .row{ display: none; }
  html.cd-m #cd-related .cd-vijte{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
  html.cd-m #cd-related .cd-vijte-karta{ display: flex; flex-direction: column; min-width: 0; }
  html.cd-m #cd-related .cd-vijte-karta:empty,
  html.cd-m #cd-related .cd-vijte-karta:nth-child(n+4){ display: none; }
  html.cd-m #cd-related .cd-vijte-karta > .cd-result-card{ flex: 1 1 auto; margin: 0; grid-template-columns: 1fr; grid-template-rows: auto 1fr; }
  html.cd-m #cd-related .cd-result-media{ aspect-ratio: 16 / 10; }
  html.cd-m #cd-related .cd-days-full{ display: none; }
  html.cd-m #cd-related .cd-days-short{ display: inline; }
  html.cd-m #cd-related .cd-result-specs{ flex-wrap: wrap; overflow: visible; gap: 6px 14px; }
  html.cd-m #cd-related .cd-result-footer{ flex-wrap: wrap; column-gap: 12px; }
  html.cd-m #cd-related .cd-result-price-block,
  html.cd-m #cd-related .cd-price-cols{ width: auto; }
  html.cd-m #cd-related .cd-result-price-block{ margin-left: auto; }
  html.cd-m #cd-related .cd-result-finance{ order: -1; }
  html.cd-m #cd-related .cd-result-footer:has(.cd-price-col + .cd-price-col) .cd-result-price-block,
  html.cd-m #cd-related .cd-result-footer:has(.cd-price-col + .cd-price-col) .cd-price-cols{ width: 100%; }
  html.cd-m #cd-related .cd-result-footer:has(.cd-price-col + .cd-price-col) .cd-price-col-buy{ margin-left: auto; }
  html.cd-m #cd-related .cd-result-tags{ flex-wrap: wrap; overflow: visible; padding-right: 0; }
  html.cd-m #cd-related .cd-result-equip-list{ flex: 1 1 100%; min-width: 0; overflow: hidden; }
  html.cd-m #cd-related .cd-result-tags:has(.cd-tag-more) .cd-result-equip-list{ flex-basis: calc(100% - 64px); }
  /* кола без търг: празното балонче на часовника не се показва (същото като на телефон) */
  html.cd-m #cd-related .cd-result-timer:not(:has(.timeleft, .hot-bid)){ display: none; }
}
/* От 1200 px cd-search.css прави долния ред на картата решетка (държава и доставка вляво, вноска в средата, цена вдясно)
   за широката карта в търсенето; в тясната карта тук цената излизаше извън нея. Тук остава подредбата отпреди 1200:
   вноската над цената, вдясно, както на телефон. */
@media (min-width: 1200px){
  html.cd-m #cd-related .cd-result-footer:has(.cd-result-finance):not(:has(.cd-price-col + .cd-price-col)){ display: flex; }
  html.cd-m #cd-related .cd-result-footer:has(.cd-result-finance):not(:has(.cd-price-col + .cd-price-col)) :is(.cd-result-loc, .cd-result-price-block, .cd-result-finance){ display: flex; }
  html.cd-m #cd-related .cd-result-footer:has(.cd-result-finance):not(:has(.cd-price-col + .cd-price-col)) .cd-finance-sum{ margin-right: 0; }
}

/* Търг от Европа: четирите обещания („Проверен автомобил“, „Гарантиран пробег“, „Доставка до вас“, „Сигурна покупка“) —
   на ЕДИН ред (собственикът, 20.10.2026: „тия 4 трябва да са на един ред, ако е такава подредбата“). Колоната е 796 px
   от 1200 нагоре → по ~180 px на обещание: иконата е над заглавието, за да не се пренася заглавието (мерено: всяко
   заглавие на един ред, пояснението на два). Под 1200 колоната е по-тясна — остава 2×2 (cd-redesign.css). */
@media (min-width: 1200px){
  html.cd-m .cd-value-props--column{ grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px 24px; }
  html.cd-m .cd-value-props--column .cd-value-prop{ flex-direction: column; gap: 10px; }
}