/* ANTS R62.6.26: оформление заказа в один экран на телефоне + быстрый выбор даты и времени.
   Стили берут те же переменные и вид, что R12/R62.6.14 (#checkoutModal.co2): карточки как у «Telegram / WhatsApp / Почта». Редизайна нет.
   До 767 px: шаги и «Изменить» скрыты (всё на одном экране), плашки даты/времени вместо календаря и списка. На ПК ничего не меняется. */
#checkoutModal.co2 .cs-quick, #checkoutModal.co2 .cs-or { display: none; }
#checkoutModal.co2 .cs-known { margin: 0; padding: 8px 12px; border: 1.5px solid var(--co-rose-line); border-radius: 12px; background: #fdf6f7; color: var(--co-mute); font-size: 14px; line-height: 1.4; }
#checkoutModal.co2 .cs-known[hidden] { display: none; }
#checkoutModal.co2 .cs-known__clear { min-height: 44px; padding: 0 6px; border: 0; background: none; color: var(--co-ink); font: inherit; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }

@media (max-width: 767px) {
  #checkoutModal.co2.co-one .co-steps,
  #checkoutModal.co2.co-one .co-who,
  #checkoutModal.co2.co-one #coNext,
  #checkoutModal.co2.co-one .co-next-err { display: none !important; }
  /* заказ показан целиком: сумма букета видна над способом оплаты (в шаге 1 она скрывалась) */
  #checkoutModal.co2.co-one .checkout-order-summary { display: block; }

  #checkoutModal.co2.cs-chips .cs-quick { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  #checkoutModal.co2.cs-chips .cs-quick--time { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #checkoutModal.co2.cs-chips .cs-or { display: block; margin: 8px 0 4px; color: var(--co-mute); font-size: 13px; }
  #checkoutModal.co2.cs-chips .cs-quick > .cs-or { grid-column: 1 / -1; margin: 0; }
  #checkoutModal.co2.cs-chips .cs-chip {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 48px; padding: 8px 4px;
    border: 1.5px solid var(--co-line); border-radius: 12px; background: var(--co-card); color: var(--co-ink); font: inherit; font-size: 14px; font-weight: 600; line-height: 1.2; cursor: pointer;
  }
  #checkoutModal.co2.cs-chips .cs-chip small { color: var(--co-mute); font-size: 12px; font-weight: 500; }
  #checkoutModal.co2.cs-chips .cs-chip[aria-pressed="true"] { border: 2px solid var(--co-accent); background: var(--co-soft); padding: 7.5px 3.5px; }
  #checkoutModal.co2.cs-chips .cs-chip:focus-visible { outline: 3px solid var(--co-ink); outline-offset: 2px; }
  #checkoutModal.co2.cs-chips .cs-chip:active { transform: scale(.985); }
  #checkoutModal.co2.cs-chips .cs-quick.is-invalid { outline: 2px solid var(--co-err); outline-offset: 3px; border-radius: 12px; }
  /* дата и время — одна колонка: плашкам нужна ширина; родные поля остаются в форме (значение и проверка те же) */
  #checkoutModal.co2.cs-chips .checkout-row:has(#checkoutDate) { grid-template-columns: 1fr !important; } /* у R62.6.14 тоже !important */
  #checkoutModal.co2.cs-chips .time-select-wrap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
@media (prefers-reduced-motion: reduce) { #checkoutModal.co2.cs-chips .cs-chip:active { transform: none; } }