/* ============================================================================
   v3 · Оформление+ (v4-checkout): время доставки — одной строкой над адресом,
   окна — в листе снизу. Разметка — views/checkout.js (.v3co-when, .v3co-sheet).
   Цель: время, адрес, оплата и «Оплатить» — на первом экране 390×844.
   ========================================================================== */

/* Строка «Привезём сегодня к 14:30 · Изменить» — вся строка кнопка */
html.dv2.dv3 [data-view="checkout"] .co-sec.v3co-when{ padding:0; }
html.dv3 .v3co-when > .js-when{
  width:100%; min-height:64px; padding:12px 16px; border:0; border-radius:inherit; background:none;
  font:inherit; color:inherit; text-align:left; cursor:pointer;
}
html.dv3 .v3co-when > .js-when .v3-sub{ display:block; }
html.dv3 .v3co-when > .js-when .co-addr-change{ display:flex; align-items:center; min-height:0; }
html.dv3 .v3co-when > .js-when:focus-visible{ outline:2px solid var(--green); outline-offset:-2px; }
html.dv3 .v3co-when .v3co-t{ display:block; font-size:15px; font-weight:700; }

/* Лист снизу (<dialog>; без поддержки — тот же блок по атрибуту open) */
html.dv3 .v3co-sheet:not([open]){ display:none; }
html.dv3 .v3co-sheet{
  position:fixed; inset:auto 0 0 0; z-index:60; width:100%; max-width:100%; max-height:85vh; margin:0; padding:0;
  border:0; border-radius:var(--v3-r-card) var(--v3-r-card) 0 0; background:var(--paper); color:var(--ink);
  overflow:auto; overscroll-behavior:contain; box-shadow:0 -8px 32px rgba(0,0,0,.18);
  animation:v3coSheetUp .2s ease-out;
}
html.dv3 .v3co-sheet::backdrop{ background:rgba(0,0,0,.4); }
@keyframes v3coSheetUp{ from{ transform:translateY(100%); } }
@media (prefers-reduced-motion:reduce){ html.dv3 .v3co-sheet{ animation:none; } }
html.dv3 .v3co-sheet-in{ padding:16px 16px calc(20px + env(safe-area-inset-bottom, 0px)); }
html.dv3 .v3co-sheet .co-sec-hdr{ align-items:center; }
html.dv3 .v3co-sheet-x{
  flex:none; display:grid; place-items:center; width:44px; height:44px; margin:-12px -8px -12px 0;
  border:0; border-radius:50%; background:none; color:var(--muted); cursor:pointer;
}
html.dv3 .v3co-sheet-x .v3-i{ width:20px; height:20px; }
html.dv3 .v3co-sheet-x:focus-visible{ outline:2px solid var(--green); outline-offset:-2px; }
html.dv3 [data-view="checkout"] .v3co-sheet .co-hours-note{ margin:14px 0 0 !important; }

/* Окна в листе — сеткой в три колонки вместо ленты */
html.dv3 .v3co-sheet .v3co-slots{
  display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; margin:0; padding:0; overflow:visible;
}
html.dv2.dv3 [data-view="checkout"] .v3co-sheet .v3co-slot{ min-width:0; padding:7px 8px; font-size:13.5px; }