/* Start:/local/components/domroz/checkout/templates/.default/style.css?179303970499817*/ /* Новый checkout DOMROZ. Все правила ограничены .dz-checkout, чтобы не зависеть от стилей сайта. */ .dz-checkout { --dz-accent: #de002b; /* фирменный красный DOMROZ (цвет темы сайта) */ --dz-accent-dark: #b80023; --dz-accent-soft: #fdf0f2; --dz-success: #2f7d57; --dz-text: #1f2430; --dz-muted: #6b7280; --dz-line: #dfe3e8; --dz-bg: #ffffff; --dz-danger: #c62828; --dz-danger-soft: #fdeceb; --dz-radius: 12px; box-sizing: border-box; max-width: 1180px; margin: 0 auto; padding: 12px 16px 32px; color: var(--dz-text); font-family: inherit; font-size: 16px; line-height: 1.45; text-align: left; } .dz-checkout *, .dz-checkout *::before, .dz-checkout *::after { box-sizing: border-box; } .dz-checkout [hidden] { display: none !important; } .dz-checkout h1, .dz-checkout h2 { margin: 0; font-family: inherit; font-weight: 700; color: var(--dz-text); } .dz-dev { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; margin: 0 0 16px; padding: 10px 14px; background: #fff4cc; border: 1px solid #f0d36a; border-radius: 10px; font-size: 14px; } .dz-title { font-size: 26px; line-height: 1.2; margin: 0 0 16px !important; } .dz-noscript { color: var(--dz-danger); } .dz-empty { padding: 32px 16px; text-align: center; background: var(--dz-bg); border: 1px solid var(--dz-line); border-radius: var(--dz-radius); } .dz-link { color: var(--dz-accent); font-weight: 600; } .dz-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; align-items: start; } .dz-main { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; min-width: 0; } .dz-main > *, .dz-layout > * { min-width: 0; max-width: 100%; } .dz-aside { min-width: 0; } .dz-card { scroll-margin-top: 230px; background: var(--dz-bg); border: 1px solid var(--dz-line); border-radius: var(--dz-radius); padding: 14px 16px; } .dz-h { font-size: 18px !important; line-height: 1.25; margin: 0 0 10px !important; } .dz-checkout .dz-mt { margin-top: 14px; } .dz-grid2 { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 14px; } .dz-checkout .dz-grid2 > .dz-field { margin-bottom: 14px; } .dz-checkout .dz-card > .dz-grid2:last-child > .dz-field:last-child { margin-bottom: 0; } .dz-label { margin: 14px 0 8px; font-size: 14px; font-weight: 600; color: var(--dz-muted); } .dz-opt { font-weight: 400; color: var(--dz-muted); font-size: 13px; margin-left: 4px; } /* поля */ .dz-field { margin: 0 0 14px; } .dz-field:last-child { margin-bottom: 0; } .dz-field > label { display: block; margin: 0 0 6px; font-size: 14px; font-weight: 600; color: var(--dz-muted); } .dz-checkout input[type="text"], .dz-checkout input[type="tel"], .dz-checkout input[type="email"], .dz-checkout input[type="date"], .dz-checkout input[type="time"], .dz-checkout textarea { display: block; width: 100%; min-height: 48px; margin: 0; padding: 11px 14px; font: inherit; font-size: 16px; color: var(--dz-text); background: #fff; border: 1px solid #c9ced6; border-radius: 10px; box-shadow: none; outline: 0; appearance: none; -webkit-appearance: none; } .dz-checkout textarea { resize: vertical; min-height: 48px; line-height: 1.4; } .dz-checkout textarea[data-autogrow] { resize: none; overflow-y: hidden; } .dz-checkout input:focus, .dz-checkout textarea:focus { border-color: var(--dz-accent); box-shadow: 0 0 0 3px rgba(222, 0, 43, .18); } .dz-field.is-invalid input, .dz-field.is-invalid textarea { border-color: var(--dz-danger); background: #fffafa; } .dz-error { min-height: 0; margin-top: 6px; font-size: 13px; line-height: 1.35; color: var(--dz-danger); } .dz-error:empty { display: none; } .dz-error--block { margin: 0 0 12px; padding: 10px 12px; background: var(--dz-danger-soft); border-radius: 8px; } .dz-hint { margin-top: 6px; font-size: 13px; color: var(--dz-muted); } .dz-hint:empty { display: none; } /* дата: «Сегодня / Завтра / Другая дата» — наши кнопки; системный input[type=date] лежит невидимо поверх «Другой даты» */ .dz-quick { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0; } .dz-quick__btn { position: relative; display: flex; align-items: center; justify-content: center; min-height: 44px; margin: 0; padding: 8px 10px; font: inherit; font-size: 15px; font-weight: 600; line-height: 1.2; text-align: center; color: var(--dz-text); background: #fff; border: 1px solid #c9ced6; border-radius: 22px; cursor: pointer; overflow: hidden; -webkit-tap-highlight-color: transparent; } .dz-quick__btn.is-active { color: var(--dz-accent-dark); background: var(--dz-accent-soft); border-color: var(--dz-accent); box-shadow: inset 0 0 0 1px var(--dz-accent); } .dz-quick__btn:disabled { color: #8a919c; background: #f6f7f9; border-style: dashed; cursor: not-allowed; } .dz-quick__btn:focus-visible, .dz-quick__pick:focus-within { outline: 3px solid rgba(222, 0, 43, .35); outline-offset: 2px; } .dz-quick__pick input[type="date"], .dz-timebox input[type="time"] { position: absolute; inset: 0; border-radius: 0; width: 100%; height: 100%; min-height: 0; margin: 0; padding: 0; opacity: 0; cursor: pointer; border: 0; color-scheme: light; accent-color: var(--dz-accent); } .dz-quick__pick input[type="date"]::-webkit-calendar-picker-indicator, .dz-timebox input[type="time"]::-webkit-calendar-picker-indicator { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; cursor: pointer; } .dz-datenote { margin: 6px 2px 0; font-size: 13px; color: var(--dz-muted); min-height: 18px; } /* время: компактный контрол «21:01 ▾», кликабелен целиком */ .dz-timebox { position: relative; display: inline-flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 132px; min-height: 46px; padding: 8px 14px; background: #fff; border: 1px solid #c9ced6; border-radius: 10px; cursor: pointer; -webkit-tap-highlight-color: transparent; } .dz-timebox:focus-within { border-color: var(--dz-accent); box-shadow: 0 0 0 3px rgba(222, 0, 43, .18); } .dz-timebox__value { font-size: 18px; font-weight: 600; font-variant-numeric: tabular-nums; } .dz-timebox__caret { width: 8px; height: 8px; margin-top: -4px; border-right: 2px solid var(--dz-muted); border-bottom: 2px solid var(--dz-muted); transform: rotate(45deg); } /* «Адрес уточним у получателя» вместо поля адреса */ .dz-note { margin: 8px 2px 0; padding: 0; font-size: 13px; line-height: 1.4; color: var(--dz-muted); background: none; border: 0; } .dz-note[hidden] { display: none; } /* место под пояснение к способу оплаты занято всегда (одна строка: все пояснения короткие), чтобы согласие и кнопка не прыгали при выборе */ .dz-payhint { min-height: 1.4em; } /* подпись про отдалённый район: воздух до следующего чекбокса */ /* подпись под адресом: серый текст с маленьким значком «i» */ [data-role="address-info"] { margin-bottom: 14px; padding-left: 24px; position: relative; } [data-role="address-info"]::before { content: "i"; position: absolute; left: 2px; top: 1px; width: 16px; height: 16px; box-sizing: border-box; border: 1.5px solid #8a919c; border-radius: 50%; color: #8a919c; font: italic 700 11px/13px Georgia, "Times New Roman", serif; text-align: center; } .dz-addrnote { margin: 14px 0 0; padding: 12px 14px; font-size: 15px; color: var(--dz-muted); background: #f6f7f9; border: 1px dashed #c9ced6; border-radius: 10px; } .dz-checkout ::selection { background: rgba(222, 0, 43, .2); color: inherit; } .dz-checkout input, .dz-checkout textarea, .dz-checkout button { accent-color: var(--dz-accent); } .dz-is-busy .dz-types, .dz-is-busy .dz-chips, .dz-is-busy .dz-timebox { opacity: .55; transition: opacity .15s; } /* переключатели «сегменты» */ .dz-seg { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .dz-seg.is-single { grid-template-columns: minmax(0, 1fr); } .dz-seg--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .dz-seg--3 .dz-seg__item > span { padding: 8px 6px; font-size: 15px; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dz-seg__item { position: relative; display: block; margin: 0; cursor: pointer; } .dz-seg__item input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; } .dz-seg__item > span { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 8px 10px; text-align: center; font-weight: 600; border: 1px solid #c9ced6; border-radius: 10px; background: #fff; transition: border-color .15s, background .15s; } .dz-seg__item input:checked + span { border-color: var(--dz-accent); background: var(--dz-accent-soft); color: var(--dz-accent-dark); box-shadow: inset 0 0 0 1px var(--dz-accent); } .dz-seg__item input:focus-visible + span { box-shadow: 0 0 0 3px rgba(222, 0, 43, .3); } /* типы доставки: все карточки одной высоты; название и пояснение слева, цена справа по центру */ .dz-types { display: grid; grid-template-columns: minmax(0, 1fr); grid-auto-rows: 1fr; gap: 8px; } .dz-opt-card { position: relative; display: block; margin: 0; cursor: pointer; } .dz-opt-card input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; } .dz-opt-card__body { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 10px; height: 100%; min-height: 68px; padding: 10px 12px; border: 1px solid #c9ced6; border-radius: 10px; background: #fff; transition: border-color .15s, background .15s; } .dz-opt-card__text { display: flex; flex-direction: column; justify-content: center; gap: 3px; min-width: 0; } .dz-opt-card__title { font-weight: 600; line-height: 1.25; font-size: 15px; } .dz-opt-card__sub { font-size: 13px; line-height: 1.3; color: var(--dz-muted); } .dz-opt-card__price { align-self: center; font-size: 15px; font-weight: 700; white-space: nowrap; text-align: right; } .dz-opt-card input:checked + .dz-opt-card__body { border-color: var(--dz-accent); background: var(--dz-accent-soft); box-shadow: inset 0 0 0 1px var(--dz-accent); } .dz-opt-card input:focus-visible + .dz-opt-card__body { box-shadow: 0 0 0 3px rgba(222, 0, 43, .3); } .dz-opt-card.is-disabled { cursor: not-allowed; } .dz-opt-card.is-disabled .dz-opt-card__body { background: #f6f7f9; border-style: dashed; color: #8a919c; } .dz-opt-card.is-disabled .dz-opt-card__title { font-weight: 500; } .dz-chips { display: flex; flex-wrap: wrap; gap: 8px; } .dz-chip { position: relative; margin: 0; cursor: pointer; } .dz-chip input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; } .dz-chip span { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 14px; border: 1px solid #c9ced6; border-radius: 22px; background: #fff; font-weight: 600; font-size: 15px; } .dz-chip input:checked + span { border-color: var(--dz-accent); background: var(--dz-accent-soft); color: var(--dz-accent-dark); box-shadow: inset 0 0 0 1px var(--dz-accent); } .dz-chip input:focus-visible + span { box-shadow: 0 0 0 3px rgba(222, 0, 43, .3); } .dz-point { padding: 12px 14px; border: 1px solid var(--dz-accent); background: var(--dz-accent-soft); border-radius: 10px; } .dz-point__title { font-weight: 700; } .dz-point__sub { font-size: 14px; color: var(--dz-muted); margin-top: 2px; } /* адрес, чекбокс и комментарий к доставке */ .dz-checkout .dz-check--inline { margin: 2px 0 14px !important; } .dz-sr { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } /* «Добавить к заказу»: вкладки категорий и компактная лента карточек */ .dz-tabs { display: flex; gap: 8px; max-width: 100%; margin: 0 0 10px; padding: 0 0 2px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .dz-tabs::-webkit-scrollbar { display: none; } .dz-tab { flex: 0 0 auto; min-height: 40px; padding: 6px 14px; font: inherit; font-size: 14px; font-weight: 600; color: var(--dz-text); background: #fff; border: 1px solid #c9ced6; border-radius: 20px; cursor: pointer; white-space: nowrap; } .dz-tab.is-active { color: #fff; background: var(--dz-accent); border-color: var(--dz-accent); } .dz-tab:focus-visible { outline: 3px solid rgba(222, 0, 43, .35); outline-offset: 2px; } .dz-addons { max-width: 100%; display: flex; gap: 10px; margin: 0 -4px; padding: 2px 4px 6px; overflow-x: auto; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; } .dz-addons.is-dragging { cursor: grabbing; scroll-snap-type: none; user-select: none; } .dz-addon { flex: 0 0 146px; display: flex; flex-direction: column; gap: 6px; padding: 8px; border: 1px solid var(--dz-line); border-radius: 10px; background: #fff; scroll-snap-align: start; } .dz-addon.is-added { border-color: var(--dz-accent); background: var(--dz-accent-soft); } .dz-addon__img { display: block; width: 100%; aspect-ratio: 1 / 1; border-radius: 8px; object-fit: cover; background: #f1f3f5; } .dz-addon__name { font-size: 13px; line-height: 1.3; height: 34px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: anywhere; } .dz-addon__row { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; } .dz-addon__price { font-weight: 700; font-size: 15px; } .dz-addon__row { min-height: 32px; } .dz-addon__row.is-stepper { justify-content: flex-start; } .dz-addon__btn { flex: 0 0 auto; position: relative; width: 32px; height: 32px; padding: 0; font: inherit; font-size: 22px; line-height: 30px; text-align: center; font-weight: 600; color: #fff; background: var(--dz-accent); border: 0; border-radius: 50%; cursor: pointer; } /* зона нажатия 44×44 при визуальных 32×32 */ .dz-addon__btn::after { content: ""; position: absolute; inset: -6px; } .dz-addon__btn:hover { background: var(--dz-accent-dark); } .dz-addon__btn:disabled { opacity: .6; cursor: progress; } .dz-addon__btn:focus-visible { outline: 3px solid rgba(222, 0, 43, .4); outline-offset: 2px; } .dz-addon__state { height: 16px; font-size: 12px; line-height: 16px; font-weight: 600; color: var(--dz-accent); } /* сводка */ .dz-items { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 12px; } .dz-item { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 12px; align-items: center; } .dz-item__img { width: 56px; height: 56px; border-radius: 8px; object-fit: cover; background: #f1f3f5; } .dz-item__ph { width: 56px; height: 56px; border-radius: 8px; background: #f1f3f5; } .dz-item__name { font-size: 14px; line-height: 1.3; overflow-wrap: anywhere; } .dz-item__name a { color: inherit; text-decoration: none; } .dz-item__qty { font-size: 13px; color: var(--dz-muted); margin-top: 2px; } .dz-item__sum { font-weight: 700; white-space: nowrap; } .dz-totals { margin: 0; padding: 10px 0 0; border-top: 1px solid var(--dz-line); display: grid; gap: 4px; } .dz-totals__row { display: flex; justify-content: space-between; gap: 12px; margin: 0; } .dz-totals dt, .dz-totals dd { margin: 0; padding: 0; } .dz-totals dd { font-weight: 600; text-align: right; } .dz-totals__row--sum { margin-top: 4px; padding-top: 8px; border-top: 1px solid var(--dz-line); font-size: 20px; font-weight: 800; } .dz-totals__row--sum dd { font-weight: 800; } .dz-busy { display: none; } /* пересчёт идёт: без текста и крутилки, итоги и варианты доставки чуть бледнеют (правила выше), кнопка заблокирована */ .dz-spinner { width: 14px; height: 14px; border: 2px solid #cfd4dc; border-top-color: var(--dz-accent); border-radius: 50%; animation: dz-spin .7s linear infinite; } @keyframes dz-spin { to { transform: rotate(360deg); } } .dz-is-busy .dz-totals dd { opacity: .5; } .dz-totals dd { min-height: 22px; } .dz-btn:disabled { background: #e9a5b1; cursor: progress; } .dz-pay { margin-top: 8px; } .dz-paylist { display: grid; gap: 8px; } .dz-paytrack { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); grid-auto-rows: 1fr; gap: 8px; } .dz-pay-opt { position: relative; display: block; margin: 0; cursor: pointer; } .dz-pay-opt input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; } .dz-pay-opt__body { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; min-height: 52px; height: 100%; padding: 8px 12px; border: 1px solid #c9ced6; border-radius: 10px; background: #fff; font-weight: 600; font-size: 14px; line-height: 1.2; transition: border-color .15s, background .15s; } .dz-pay-opt__label { display: flex; align-items: center; justify-content: center; gap: 8px; min-width: 0; } .dz-pay-opt__label--icon .dz-pay-opt__name { width: min-content; max-width: 100%; text-align: left; } .dz-pay-opt__icon { display: block; flex: 0 0 24px; width: 24px; height: 24px; line-height: 0; color: #5b6472; } .dz-pay-opt__icon svg, .dz-pay-opt__icon img { display: block; width: 24px; height: 24px; } .dz-pay-opt__icon--sbp { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAeGVYSWZNTQAqAAAACAAEARoABQAAAAEAAAA+ARsABQAAAAEAAABGASgAAwAAAAEAAgAAh2kABAAAAAEAAABOAAAAAAAAAEgAAAABAAAASAAAAAEAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAgKADAAQAAAABAAAAgAAAAAB7ATBAAAAACXBIWXMAAAsTAAALEwEAmpwYAAACmmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iPgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj43MjwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6WVJlc29sdXRpb24+NzI8L3RpZmY6WVJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4yNzU8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+Mjc1PC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT4xPC9leGlmOkNvbG9yU3BhY2U+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgrRKDdTAAAfpElEQVR4Ae1dB3hUVdp+p6dNOkkmhUQCCASQDlIU29pRilJEERXRVbFg+XXVffzXdfVfXV1XXde17Sq6rOCCBUVdRayIIE0gEKoQSCM9k0z93+8mgRASkpm5N21yHngyc+fee8495ztfeb9ydV42dLegnQF9UDy5owze0kNB8ai+PmRQEIC3Zh/s712P6i/fAhx2X+eoS58fFAQAvRGGiGxUvbsQZX+bD9fen7r0ovrycEZfTu6053oAQ6wR5t56VG9aBffe9bCMm4mQc+ZBH5XQaR9LjYEHBwfgTHndgDndCWNiCLzV1bB/8gLKn5uNmrXLAbdLjbnslPcIGgIAuYA+xANzr2p4KRJ0IRFw5e5A5T9uR8Urv6ZY2NgpFzDQQQcPAXCmhAuYkskFerj4WQedyULZYEbN+hUof2EO7B8+A29lcaBz2qmuDyoCgJeLbvSSC9SQHdTBHzoeCwmH116Oqg+eRNlfZsOxcSXgIbUEQQsuAtAJF9DBmOBSOIHXxQP1zUCxYAmHa/9mioRbUPHPhXDnZtf/2mX/BhcByDJy4+t0tVxAb6Zi0AgH1ZnD5ATUfP8OucFVsK98Ht6qkm4C6EozoHCBaDdMtArk8/FNKERPsWCFt+IIqpb9AeXPz4Vz66rjT+si34KPA9QtnJf6gCndAX04uQD/ndhICAaTIhace9ah/O83oWLRvfDk7T7x1E58JGgJQBbdEOFWFEKvpzEXOH5FdeZQEokLNV8tQinFQvUXr8FbU3n8SZ30W/ASABdM2L8p1QlDDDX+lpR+naFWLJQcRuW/H0b5izfAmf1NJ132Y8MOagIQBVBv8cCSSbOQil/LjRcYzRQLYXBu/1ohgqqlv4PnyMGWL+2gZwQ3AXBRFIXQRi7QoymFsPlVEyKA2wn7py+i7JnpqKZ48Dqrm7+gg/4S9ASgmIUEhSy9a6AzcIfzX6ubXsRCBDxFB1C5+Deo+Ns8uHavb/XlHeHEbgLgKihcIN4FI2HiE83CViwTIWUdIWXHz6sUSLlq+ePwlOa34sL2P6WbAOrWwAtdLRcI8ZEL1K+hQMpEEr01VbB/9BeUE1Ku9TQ668/okH+7CaB+WWgFGKw0C3s60JJZWH/JiX9JPAIpi6fxUDY9jXei4tUFcB/YcuKpHeRINwE0WAgBh8wZNQo+gBawgQaXNflRZwpRiKFm3fsoe/Zq2Ff8WUEWmzy5HQ92E0DDySc4pA9jzMApjoZH/f+seBoj6GksRdX79DQ+dzUcG+hp9DYJPfrfTwBXdhNAo8lTwKE0QsSxtTEDjX7246uIBYGUwxRPY/krN6Pyn3fBfWiHH/dS/5JuAmg8p1wvnYlmIcEhncQM8J9aTSBlHU3H6u/oaXyWkPJnL5I7lKl1e7/u000ATUybYhYmSvygWlygQSf1nsbyIlS++xjKXrgWTpqP7SUWugmgwdoc/ShcgMiwWbiAWV0uUNsH72mkWDCHwLVrLcpfuhGVb90Pd8G+o0Noqw/dBNDMTCtcII6RQ6k0C50teYqauUmLh2uxA9n91V+9ifJnZ6F69Rtt6mn0mwBq3CoKxxYnqp1OoLJuyXTDEM/gEIaSwyPae2ucRj6MV1Iz6yHl4lxUvv0AKl6aD+eO7324if+n+k0A327IxSMf5qDA3nVj6r1uD/QRBlivexQhE69TZtnr0DAOQDyNVBQdW78kpHyt4nbW2tPoNwHoj1TijSWbcPniHVixsxieLsoQvG439HFpCJ/xW1jnvwRT79G1LNqlElbQePPWQcoSgFL9xatKlHINrQa46LLWoPlPAEY9skrLsGNXEWYuzcGNy3OwtaBKgyF2gFvWZQ6Zss6C9aZXET7tt9BFJdYSgiIW1B5jnVigb8GdvxuVb97DkLSb6Wlcp3ZH8JsABCkNcbiQVVyiaMxvbizA5Le245nvclFWo5XSpPrz+3xDXVikklMYedsi5hfO4PVeeDXMOFYgZYoGx6ZPUfb8Naj1NOb5PO7mLvCbAOSGbr0OKUWl6FFRhbBQEw5XOPHAp/sw7V/b8dmurhtKLc9uSMpExFV/RMS8F2HsNbxOLIjnT2UlUTqrFwuOGsXTWPb8HDjoY5CAlEBbQATg5cBMlJG98oqgozZrNuoQbjbgm/3lmPnODtz50R7sLdZGdgX64Kpcz+c3DzoX1ptfRdike6GzxpIQKupAHbUJgWLBUBeAcnAbyl9bgPJXb6OncWtAjxIQAUjPwgUSSyuQXFwGl772dmEmPdzUCv/6w2Fc9OZWvLwuD1XOjuMACWjGmrhYHx6D0AsXIHLB27CMmqKklXkdGupD9DTq6HZ2rP+AkPIs2D94Cl4ii/60gAlAAimE1oULmF1upt/VUr6BhGG1GHCgtAZ3rNiDmf/OxtfkDF25GWx9EDHnaYTf8FcYM4cyD9FFv4KHpp0G/5nXqreGwusqZfbSkyh/eQ6cW1ZQH/EtLlGVAhFuLnpMpR09C0uQkxgHY4O6UxZaC/L1E+oEa3MrMWdID9w2xoZkq7lr0gJBHctp57MgRX8U3f8AnDk7iSmbNH1WHf0LnjUFKPvXY4h7LAKh55zR6v5UIQDpzUMiSC8oRm5MJKpNRibfHgMGhClYqRvYCak+/W2uoiDePT4Fk/vHwWxQW1a2+tm1OZHPXbniRxT9YQnsa7kbXWma6IW1g9cxhpFxjHAidMRoxN0zFZYxQ3x6LlUJIMJeo4iCn3smUTk4RgAyIvlmrBML2wvtmL98F5ZtLYIQwvDkCJ8G3VFPdu48hKInl6Dsjc/p5hVHEqOCtNr81LE8DEM3JsUi5tZJiJ5/ISHrSJ+nRjUCkJ5FIUylWXggLhqlYRYYmoEHQygW5Kdl244oesFNI5Mwf2Qi4sO0mi2f58WnCzzldpS+/hmOPP0fOPccouxnlLCFi69R89YQhaSiHXnlmYi7/0pYhvTyuydVCUAUQIvThcy8QvyUkVLL+o5nBEcHSlpRlMRyhxuPrvoFKwkn33tGKi7qEwP5rbO0qtU/o+h/F6HyvxuUYA+9hXmEGjWvKNluByxZGVz46bBOn0BiMwTUm6oEICNxU6bbistxMLYCeVFWGE4S/ya0YeJqm2gtrD9UiauX7FD0goXjkpGVwMybDtyc+/JR/OflKH1lJdxlVdALu9eKcKlXeKjdG3pEkdVPQ8wtl5D1x6gyO6oTgJiFBuLjvQ8XotDKOHlyBQGJWmqhZGkiFt7aVIBVe0oVS+G6YQmIClF9iC0N5aS/e2ucKHtzlSLrHdv3swShmfmFGrJ7B9E+hqZFXDYWcQ9MR+iovicdn68/ajK7bgJCseVVCji0Pz4axkYKYXODFNYfSW5whC7mh/67Hx/sKMb/TEjBOb2iKBa02l7NjebYcZ2pls1Wr9mBwj8sRuWHa8jquC6asXvR7snu6QE0n5qGuPuuQOTMM5lvoL7prAkB1E9dr8NFyI+KgFMgzFZwAblOEQsUI0b+/35/GQGkSswYFI+7KBZ6xWi30+rH3PivzqBnkkcJiv+xGCUvLoObWIfC7rUyX+vYvT4yFNHXTUHsHZexkIV2xSw1IwDhApH2agUbyE7u0WouUL8Ast/Fr+DihLy8Pg9fUCzcMTYZs0gMcrxNGlmSBIXk3/4SylaUMXBHz10vuknLIs2f8XmF3ZO1hJ99GuIeugphEwf6cxufrgkYCj5Zb6IPCDhkpU0sQJGvTabZwOsERPql1KFAyrOX7KTp2Eah1DJm6jPu/FL6zRmto2jcGiw++/Awp9CYHo+Ep+cjZdnDbbL4sh6acQC5uYc7KJRULX6Czem2gDaOhZ5GIaiVOcX49pdyXENIeQEh5bQoguJaNrFidLIzRfyovPi8nYcuXn24BdHXX4q4u6fAlMl5asOmKQHIc4goSDlSCw4diQhTLAR/n094SAS5gZNs+bk1h/Ap/Qv3jk/FtAGElEkg2jSuklftuEcSs5MQLsO+Qsf2R9xvZiLiohHaDL+Fu2oqAqRv2TMmLlgmFUI9dxPzLwNqcj/xNAoh7DpSjZvey8E1S3fgh4P0w3eGVsfuDbYoJDxxPVI/eKTdFl+mS3MOIJ1InEBiaTkSSyqQGxtJhVCd2ACBlMW4eC+7WNEL5o1Iwk2ElBMj1DeX5DkCbZ4a+gcsRkTNPgexNO0sA9MDvWXA17cJAcgoxQwUcKgokuVYSRCtNQtbekLR0yLMelQy4OTx1QeoI5TgbpqMk/rFKs6nlq7X/neye5ekmBHCHdob8QLhThkrbEz7rlvRQ5uNQnSB6MpqJYZQnEZqNhEL4mmMIIi06XAl5v4nBzcsY5Ryfm1Ujk7l/lo9drHpqd3rY8MQ/+AspH30O1ivGN9hFl+eo804gHQm8l8sgsPREYwZMB0XMyC/q9GUcDRSxOIthfhybxluGp2GG/u5EGN0wOVkBK8anbTiHuKx8xKusE4drzhuQob3bsVVbX9Km3EAeTTBAsI5MekFJbC7PHAQIlaXF9QqnbLhRUkstjvxyOf7MGVpKVYUDYNez/rAeo0SOpS1E+DIzV1vh3lAKmyv3gUby8t21MWXIbcpAUiHklM41uDEQ+NsiA83QdzB4gRSmxCkLxPlbDhz/dfmm3HVjvvx6733Y5s9ncerCDBJ7oKKvfIZFHZvDUHswmlIXfkooq45m8hhx45xaHMCkGkX7f0+wrrLZvbDFNrwLppGWkYNh/IlEfKgrxdeiMk7/w8v5l2BKq+J3MCuCgkIhCuOm/ALRyJl+cNIePJ6ZhXHs8eO39qcAGTPiXOwmiJgUGIYXp/cB3+/rDcGJISighlFrmaiiAKdSr3OA6vBjkPOOCzcvwBX7Hwcn5eNoDJeQ0IQpM+Pptj0dph6JSDx+V8jdemDCJuQ5ceN2u+SNlUCm3pME71qVw6Mx/j0SDy/5jBeXX8YpdUeiDInJp7azUxY16RzYXXZEKyv7ItZcZ/gzqS30TPkIHMZQiiOWrEnhN0LhBthQcy8SxFz52S+kq5tIVy15qUVT6tWVye/j4SJ//7cnniXYuGCPtFUEt2oIZfQoolXIZzcwOk14q/5UzBpx5P4R8EkOOQdAvrqk4oFL0PeJDondFx/pLzzoLLzO+viy9x2GAKoX+jT0yLx5rS+eO7iTGTQ/19BJVHEgtrMgJtYUQSthkrsdthwy967MWvXo/i2/DRiCoy21Qv+f6xXMSBFuzemRFPG34DUDx9B+AXD6ofdaf+2uwhoauaE/c9lONi5mVHMNj6ERcw8loxjrcSChWJBQtc+Lh2NHyoH4Nr4D3Fr4mLYLAVwuZl9o0ThghDu+fTYTaWJx1j/LtI6HAdoOK/i6n3qggz8e3pfnNU7Gi6GZrm0UAzYqYiFCFoFVe4QPHVoJi7b8RQWF57Pt8e5EDUiAymL7oPt5du71OLLXHdoAqgnhjMyovDy2ATMKC5EeFUNahhiFmAl1/pbn/DXSAXRSpxgqz0D8/fci2v3PYS999xGCHcUZ+uYSDjhwk56oEOKgIZz6apxYcdn2di4+EeMzi1FBp1Jn2ckY11iPBy0IMwqeRYb9imfw2gesjgM3i2ZiG8+BhbwrSBzhyUiNrTDT1njRznp9w79NHlbD2Ptmz9g35q95NEMFDUbkVBlx/RtuzAwvxifnJKCX0gQBjpdmstCOunTn+RHURIZqE5uUIPSKi+jlH/Be9tro5TPp5XSnlHKJxm2zz91SAKoLKzAhnc2YOuKLaipqIGRuQG6OtnvFFcyH3NwQREyS8rwVVoSvk5NQhkhVzNxeL4TUvUmWIX8X5dbAYlJnJIVS5dzCk6N1y4LSPWHaOaGHYoAPGTnOV/uxI9vrsWRPUV8r7MBJpaeadxkjUUPsHDBL9j9CwYWHMFnTEXblBCrOJxMROi0aPWexjc2MHmFnsZbR9twPa0VcTx11tZhCKBgZz7WLfoRu7/ZxSgfb5ML33iSpS6Bm4SQzBpFV/2cg6zCOPw3PQW51jAlDK1hinrja/35rogFsh9JXsmvcCj1kCSnUbjBWadEaYJc+jNOX65pPwKoY+n2Ujs2/2cjtry/GVWsPWgMYQ3dut9a+yCKWCDRjDxUgL4sVbOaIuGb1ERUGY21YqG1N2rleUIIZnoaJWFo1Z4y/HCgAlfXFb5oj+SVVg67ydPahQB0lKd6mlR7v9uDH/65Bnnb81g7mew+jLF8fspwAXJELITTM3dJzn5yA1ESU7E9ljuTj27UQCzIfcMZjuYm8b249jA+YTjaQnIDyWQScdEZGkPzOHo/2percvDs06sR2oSMPtntXHQFpiZF4IJUK3at2gEnaw2aNPCZi0IoKWk/JMTh02QbSiKiYCTiJ15BrZr4LsSZ+SuCVvey8MWYNKtWXal23zYnUx1jAcL2F2Hnyq1KRK8Wiy+zI9zAVe3EGblF+F1MPk5P26LkDrg8Zn+ZTIuTLvWQJNbhI+oFU97ejoc/38/aiVpGILU4pBZPaFMRICFhkdyZNiZFGCjr/WI9LT4S4w24E93kLLYsG0ZfPZbh13ZsWXMdg0YzkF0wlZXLelPP4BiI+qndRH1R6iFxDH/8+iA+ZoaziIXJkrxC0dfRWpsSgGz5noyNF8NOIoNUbZxbL/mv7PrwuHAMnjIGWZdkIYRZtgfKc2DnRowO/R7jMnKw78h5jBg+l3EHMfT6OUgM6ooFIWwlSpnm4dYCO+axjvKy7UcUsTDUFq7qYwd6szYjANn9sfSlx4s/PdBRN3G9q9qlZO/2Pacfhs0cjvjMHsfOUtQcmoxeAjeeSqTHvYN461pk512OPUdG8riZ3EAbVi2FL0TNWr6tiBVUyzBfkldGJSGug0DKbUIAsiMErs3g7hfIRM3d7yGrdZGoErjgw2aPROaE3gohHFv9hp+UvUkXr4Fa+n4MTXkOtshh2HJ4MotSZFJBJBFpIhZqU9nKqmvrIX2qWAvJuKhvjJLm1nCEbf25TQhAdr+NPvUoyn+1Fl92lZPsPjQqDEMvGYbBk09DGFl/a5ubyqC4gG2RPyA2LBu7is7BzsILGKsYrcQJym9qNrlbLaRsYMFM4gZLd2JqVhzuHpuC/oyHbK+mOQEIu7cwKTTNQRYrrFi0pACbiwqeZJmccnovjLpmFBL6sS6hH03ijFyMA5Qw8aykpUiybsK2/MtxsGy4cn+DRjkE4RQLgh1IPaTVhJRvZ5q7AEntUQ9JcwIQgCal2oFw2f2BLD7pRmH3DBGL7RlDOT8Cfc7uq3gI/Vj74y7xMIXHw8ifmLDdOD39zzhQMhrbGCNYUnUKuYEoiWrxrdpuhRuIN1GsBYGU7/1kL96ljvDAmWk4l/WQ2rJpSgCy+yM8biQzglYIwe/GGRN2byZSOOiywTht2lBYE9QHWerFQnrs1+gRsVURCbuKzmPOggkWAws+B/AITT27EIKZuIFYRWsIJ89YnK2giHcyZyIztm3qIWlKADJjqbS/LDTP/N39btYXljo9acN7YsRVTLwYktrUXKp2TMSCk2FhFmMZBtneQlr0JhRW3Ip1B61k204F6FGts7obCV0pnkbumL+ztL7kNC443YbZg3tArAgtm2YEILs/imnRiQR9RAn0tSk2PWvyRbKQwmlTh2LAxVkwETxqq+ZhyLjHo2f52mw8eIYZP+dl4omv9kLqHIdy14qdLztYzSYZ41H0NO5TSuzvxvvEDu4hpDyBORNaNc0IQOg2g5q/lI73dfc7ufBGllgfeOlgDLlyKKJT1amK6c8kOtz0KPLlDDMGRWNcz/5KlPIbG/OVLKYwynDfSfvkoxCishAx9LLs/Ge7SrGWlU8kQvo2xh7YNCixrwkByIIn0CsXSw7gy+53MxnEw0IPtoE2jLh6FNJHZZx8ttroV49YL2z1UcqXnhqDJwjzfkVXsOxakeNqN2Ga4mmUFLo/scT+x8QO7iOkfHn/WIon9fpTnQAUxYZmX7qUQ+HEtYYAhN2LkieKXT27tzDtqqO2iQz+GJESQTOuEH/65iD2ldQglIslJe3UbkqJfXKanRQ9897bhSU/F+K+CalK/2r0pToByO5PIesXp09rWL9E/epJ0aee1x8jiOTFpseq8Vya30PCwG4ckcgytpHKSzAWkRiquFu1igOoL7Ev5XO/p8UgfUuZ/R5MsQ+kqUoAstvDGHghoE9LZt9RCLdPIoZTu+81vtdJINxAHlHbazNjQ/Hsxb0I68biqW9yuTjlioKoyHGVu5a0BMEOJIv6918eUNzOUibvEook4RT+NFUJQNh/Khc/lGZbc7u/HsINiw7DsEnDMehyQrgxHbs0fEsTK6CO4PrjqK3LG9KeZw3D3DKHEizqa3hbS33JHEsdZSuVj02H7biO9ZAuZUGse6gfDEz0HVJWjQDE7IukEmej8tec3HcRxRPjqc/EPkTyRiKhr3ZFkFuaSC1+FxNuIUGc8xkR9My3+fiYgSF2KsJ+bs4WhxjGMDqBlBdvKcLX+yowb3gs5g6PR2J46zeUagQglC6s3yRmX6OhS7i3yPrYjDgMJ4Tb95xTFbnf6LQu83UgX3Yxf1Q1vtr/Fg5VFtHXoF3YuDB+r9eN3fl2vPB9TwxPmYfzMnu3ei5VIQBZ8HhSeoLTQV//MVkkKdUu1v63WC0KhDtk2jBEJHSNF0Q1N8MFVSX429oleO7bRcir4htVufiavUpZzFO+OCqMr5y/dsylWDh+DvrE9mpuaE0eD5gAFJnEW/esZsUMfnHXrb9AuLLz08dkKNq9LSu5yQF0lYOCFby77Qs89sVL+OngzwyAoLvZUCuTj20J9Z5WXhfH2DeMP2UsHj77Ju56Jq/60QImAFH2ksj6YwTEEXiUUb9i00clR5PdD0ff8/q1KYTrxxwEfMnm/F144stXsWTzSu52J18X13oZ7FvnnF+ye/Bt5Skxybh93GzK/SmIDvGfq/pPANztsvtDxOyj3S+fHVx4ifIVzX7oFUMRxWoaXbkVV5eT3S/FX8juc0sOERIM5atitfPieZ12wsRmTB8xlW9Ym4OsHr6x+6bWwn8C4N1E20+h1h9G7N5BEMQ2OAWjCOGmjejZVF9d5piHSOcH2V+zNvEr+G7vT2T3TF61yC6UbaB+85LVw+XAiLRBePCs+bik3wSijurAwX4TgCx+uAR5VlUhpEcERk4dggGXDISFLz/oyi27aB8e//I1vL3xQxaxquGu55u8FcVX/cVXcnacVUiwJuDm0dNxy5jp6BGmLlf1mwBEyUum4jf0/AEYPGM4TbzOAeH6TJzU4EL4argKVgZ77afleGr169hX9AtddsLufQdeWtu/10mlmrv8soHnc9ffiGG2U1t7qU/n+U0ApyRZMffBX2EAQR3VQ2V8egTtThbt3aw34vPd67Fow0v4IuebWnavKF3q73h5EnmLiJh2WbZ++J+JN2B61nnEEfxephYnx+87Zw6Swoidszhii7NSd4KRcGtBlRu3f/AiKhnXSHOGtC5kof7i17J7O+MSozFv/DWMCJqFFGuD3IbWDtrH8/wmAB/76bSnbzhk4MsoKOXl1bAaNakzLHrERf3PwgPc9WPTBmvU04m37SaAE+dEOSKheAfK9Mwc4gd1FO5GPdGmr2P3fWjO3X3GXL4J7WJF32h0oqZfuwmgiemV9WZgEtbnMsOYuItKFtfRnpTXVhDMsVKXuHrUNCaPXsO3orYPUtpNAEeX5dgH8d3kFBhwiBxA7d3vdRHC5c4/k9CtaPfn9vIPwj022sA+dRNAo/kT120V9b2NlP3ia1F0vkbn+PPVKxVKiOSlxaQo7H7usEkM7tAKMm79CLsJoNFcSZBndiHfYF5JtUwlL66XZp3FaMGskdMI4c5Fv/j0Rr2239duAmgw97L4JXYdNh/mtIgiEFATxxhZCZ1DY9KH4AGy+4v7jFdSwgK6rcoXdxNAowndnGdUREAgip+XvgLx2CVFJeLmMTNYT3A6S8xql9zR6BF8+tpNAHXTJWbf4Qo9dhbwg2A9fjaBcCUCaNrQSWT312JIUl8/79Q2l3UTAOdZ1lveY7SBZh/DFv0y++o9doOS+ykeu6lZZ6vmsdOSFLoJgLNrpLIngM/+Et/fU1Rv08cSwr1hwhzcMXYWbBGd441hQlhBTwBi9lW7dNhAxU9q/Pki+4Xdi5l4ada5+M3EeRiVMkDLzarJvYOeACTNbjvlfl4Zzb5Waf4NINyEXrj/zBswc/AFbQ7hqkUNQU0AYvaV1uiwiaBPa5oAQ2CAhjWErnBq93eOvQoZ0Z3bIxrUBCDsf1u+AaV2yn6DrG7zzcuQLHpv8Ku+4+ixm4czMzr/G8PkaYOWAIxc/EKifdn5ZAMSz95M87LEjQRopMWm4u4J1/L9AJcxbVu7SKBmhqHZ4aAlALH9Nh82EPRpGvJVSIJgjiRdzBh1Be4jhNs3rqdmC9FeNw5KApA6/2Ly5RSxwkcT4r826cLJpIuR+M1Z83BB79Pba3007zfoCEDMNifTl0TxYwmD4wigHsK1RSfRnr8a80ZOQQwVvq7cgo4ABPLdRrPvIH39DXe/eOzMBhOuHH457qGsH5zYuyuv+9FnCyoCkGrtEt+3+aivXzx2kmPnwJCULDx09nxMOvUMFltoQi4cnbKu9SG4CIC7f0ueAUVV/MAS8V5HJeLD4zF/9JW47fQZzKvvorkNJ6HZoCEAAX2KK/XYSgLgSwVg4IFJTLq4f+L1GJnc+SDck6ypTz8FBQGQ89MzxzCvXC/KSyuRldpPWfgrBzLpgokfwdyC4ukNBHp2FFXjUEkY7jprBu4aP7tNki46A2EFBQG4+KrxnpET8e7sGYzCZSn47nZ0Bvx+bdzRO3SCDzXU8gXZC2FufXc7fgb+H5Q/E1/VupkKAAAAAElFTkSuQmCC") center / contain no-repeat; mix-blend-mode: multiply; } .dz-pay-opt__icon svg { fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } .dz-pay-opt__name { min-width: 0; } .dz-pay-opt input:checked + .dz-pay-opt__body { border-color: var(--dz-accent); background: var(--dz-accent-soft); box-shadow: inset 0 0 0 1px var(--dz-accent); } .dz-pay-opt input:checked + .dz-pay-opt__body .dz-pay-opt__icon { color: var(--dz-accent); } .dz-pay-opt input:checked + .dz-pay-opt__body .dz-pay-opt input:focus-visible + .dz-pay-opt__body { box-shadow: 0 0 0 3px rgba(222, 0, 43, .3); } .dz-pay-line { display: flex; justify-content: space-between; gap: 12px; margin: 0; padding: 10px 0 0; font-size: 15px; border-top: 1px solid var(--dz-line); } .dz-pay-line__label { color: var(--dz-muted); } .dz-pay-line__value { font-weight: 600; text-align: right; } .dz-pay-note { padding: 10px 0 0; font-size: 14px; color: var(--dz-muted); border-top: 1px solid var(--dz-line); } .dz-consent { margin: 10px 0 10px; } /* чекбокс: квадрат 22×22, первая строка текста выровнена по его центру, вся строка — область нажатия */ .dz-checkout .dz-check { display: flex; gap: 12px; align-items: flex-start; min-height: 44px; margin: 0 !important; padding: 2px 0; font-weight: 400 !important; font-size: 15px !important; line-height: 22px; color: var(--dz-text) !important; cursor: pointer; } .dz-check input[type="checkbox"] { flex: 0 0 18px; width: 18px; height: 18px; margin: 2px 0 0; padding: 0; appearance: none; -webkit-appearance: none; background: #fff; border: 2px solid #9aa1ac; border-radius: 4px; cursor: pointer; display: grid; place-content: center; } .dz-check input[type="checkbox"]::before { content: ""; width: 10px; height: 10px; transform: scale(0); transition: transform .1s; background: #fff; clip-path: polygon(14% 52%, 0 66%, 38% 100%, 100% 22%, 86% 8%, 38% 72%); } .dz-check input[type="checkbox"]:checked { background: var(--dz-accent); border-color: var(--dz-accent); } .dz-check input[type="checkbox"]:checked::before { transform: scale(1); } .dz-check input[type="checkbox"]:focus-visible { outline: 3px solid rgba(222, 0, 43, .35); outline-offset: 2px; } .dz-field.is-invalid .dz-check input[type="checkbox"] { border-color: var(--dz-danger); } .dz-check__text { flex: 1 1 auto; min-width: 0; } .dz-check a { color: var(--dz-accent); text-decoration: underline; text-underline-offset: 2px; } .dz-btn { display: block; width: 100%; min-height: 54px; margin: 0; padding: 12px 18px; font: inherit; font-size: 18px; font-weight: 700; color: #fff; background: var(--dz-accent); border: 0; border-radius: 12px; cursor: pointer; transition: background .15s; } .dz-btn:hover { background: var(--dz-accent-dark); } .dz-btn:focus-visible { outline: 3px solid rgba(222, 0, 43, .4); outline-offset: 2px; } .dz-devnote { margin: 8px 0 0; font-size: 12px; color: var(--dz-muted); text-align: center; } .dz-result { margin-top: 12px; padding: 12px 14px; border-radius: 10px; font-size: 14px; background: #eef7f2; border: 1px solid var(--dz-success); } .dz-result.is-error { background: var(--dz-danger-soft); border-color: var(--dz-danger); } .dz-skeleton { height: 56px; border-radius: 10px; background: linear-gradient(90deg, #f1f3f5 25%, #e7eaee 37%, #f1f3f5 63%); background-size: 400% 100%; animation: dz-shimmer 1.4s ease infinite; } .dz-skeleton--row { height: 56px; } @keyframes dz-shimmer { 0% { background-position: 100% 0; } 100% { background-position: 0 0; } } @media (prefers-reduced-motion: reduce) { .dz-spinner, .dz-skeleton { animation: none; } } @media (min-width: 640px) { .dz-grid2 { grid-template-columns: 1fr 1fr; } .dz-types { grid-template-columns: 1fr 1fr; } .dz-addon { flex-basis: 170px; } .dz-card { padding: 18px 20px; } } @media (min-width: 860px) { .dz-layout { grid-template-columns: minmax(0, 1fr) 340px; gap: 16px; } .dz-main { gap: 12px; } .dz-aside { position: sticky; top: var(--dz-aside-top, var(--dz-sticky-top, 16px)); align-self: start; } .dz-title { font-size: 30px; } } /* Плавающие виджеты сайта (Telegram-вкладка и чат) на странице оформления отключены: они перекрывают поля и кнопку. Баннер cookie остаётся (юридическое требование), для него есть нижний отступ контейнера. */ body.dz-checkout-page .rbs-call-tg, body.dz-checkout-page #chatFloat { display: none !important; } /* промокод */ .dz-promo { margin: 0 0 8px; } .dz-promo__form { display: flex; align-items: center; gap: 6px; } .dz-checkout input.dz-promo__input { flex: 1 1 auto; min-width: 0; height: 34px; min-height: 34px; padding: 4px 10px; font-size: 14px; text-transform: uppercase; } .dz-checkout .dz-promo__input::placeholder { text-transform: none; } .dz-promo__btn { flex: 0 0 auto; min-height: 34px; padding: 4px 10px; font: inherit; font-size: 13px; font-weight: 600; color: var(--dz-accent-dark); background: #fff; border: 1px solid var(--dz-accent); border-radius: 8px; cursor: pointer; } .dz-promo__btn:hover { background: var(--dz-accent-soft); } .dz-promo__btn:focus-visible, .dz-promo__remove:focus-visible { outline: 3px solid rgba(222, 0, 43, .35); outline-offset: 2px; } .dz-promo__applied { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 34px; padding: 4px 10px; background: #eef7f2; border: 1px solid var(--dz-success); border-radius: 10px; font-size: 14px; } .dz-promo__ok { min-width: 0; overflow-wrap: anywhere; } .dz-promo__remove { flex: 0 0 auto; padding: 6px 4px; font: inherit; font-size: 14px; color: var(--dz-muted); text-decoration: underline; background: none; border: 0; cursor: pointer; } /* быстрый заказ в мессенджере: первая карточка левой колонки; кнопка вторична по отношению к «Оформить заказ» */ .dz-messenger { padding: 12px 16px; background: var(--dz-accent-soft); border: 1px solid #f3c2cc; border-radius: var(--dz-radius); } .dz-messenger__title { margin: 0 0 2px !important; font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--dz-text); } .dz-messenger__text { margin: 0 0 10px !important; font-size: 14px; line-height: 1.35; color: var(--dz-muted); } .dz-messenger__btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 8px 18px; font-size: 15px; font-weight: 600; color: var(--dz-accent-dark) !important; text-decoration: none !important; background: #fff; border: 1px solid var(--dz-accent); border-radius: 10px; cursor: pointer; -webkit-tap-highlight-color: transparent; } .dz-messenger__btn:hover { background: #fbe4e8; } .dz-messenger__btn:focus-visible { outline: 3px solid rgba(222, 0, 43, .35); outline-offset: 2px; } .dz-bolt { flex: 0 0 auto; width: 16px; height: 16px; color: var(--dz-accent); } /* позиции сводки: компактная строка — фото, название, количество [−] n [+], сумма */ .dz-items { gap: 10px; margin-bottom: 10px; } /* глобальный стиль сайта рисует красную точку «●» перед каждым li и сдвигает содержимое — в сводке она не нужна */ .dz-checkout .dz-items > li { padding-left: 0; list-style: none; } .dz-checkout .dz-items > li::before, .dz-checkout .dz-items > li::after { content: none !important; display: none !important; } .dz-item { grid-template-columns: 44px minmax(0, 1fr) auto; gap: 10px; align-items: start; } .dz-item__img, .dz-item__ph { width: 44px; height: 44px; border-radius: 6px; } .dz-item__name { font-size: 14px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .dz-item__sum { font-size: 14px; line-height: 1.3; } .dz-item__ctl { display: flex; align-items: center; gap: 8px; margin-top: 4px; } .dz-item__unit { font-size: 12px; color: var(--dz-muted); white-space: nowrap; } .dz-stepper { display: inline-flex; align-items: center; height: 30px; border: 1px solid #c9ced6; border-radius: 8px; background: #fff; } .dz-stepper__btn { position: relative; width: 30px; height: 28px; padding: 0; font: inherit; font-size: 18px; line-height: 28px; color: var(--dz-text); background: none; border: 0; border-radius: 8px; cursor: pointer; } .dz-stepper__btn::after { content: ""; position: absolute; inset: -8px -2px; } .dz-stepper__btn:hover { background: var(--dz-accent-soft); color: var(--dz-accent-dark); } .dz-stepper__btn.is-remove { font-size: 20px; color: var(--dz-muted); } .dz-stepper__btn.is-remove:hover { color: var(--dz-accent); } .dz-stepper__btn:focus-visible { outline: 3px solid rgba(222, 0, 43, .35); outline-offset: 1px; } .dz-stepper__value { min-width: 24px; text-align: center; font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; } /* ===== mobile (до 639px): почти вся ширина экрана и плотная вёрстка; desktop не меняется ===== */ @media (max-width: 639px) { /* выходим из боковых полей контейнера сайта: 12px от края экрана */ .dz-checkout { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding: 8px 12px 24px; } .dz-layout, .dz-main { gap: 8px; } .dz-card { padding: 12px; border-radius: 10px; } .dz-dev { margin-bottom: 8px; padding: 8px 12px; font-size: 13px; } .dz-h { font-size: 16px !important; margin: 0 0 8px !important; } .dz-field { margin-bottom: 10px; } .dz-checkout .dz-grid2 > .dz-field { margin-bottom: 10px; } .dz-field > label { margin-bottom: 4px; font-size: 13px; } .dz-label { margin: 10px 0 6px; font-size: 13px; } .dz-checkout .dz-mt { margin-top: 10px; } .dz-checkout input[type="text"], .dz-checkout input[type="tel"], .dz-checkout input[type="email"], .dz-checkout textarea { min-height: 44px; padding: 9px 12px; } .dz-checkout textarea { min-height: 44px; } /* способ получения: «Мне / Другому / Самовывоз» в одну строку */ .dz-seg { gap: 6px; } .dz-seg__item > span { min-height: 44px; padding: 6px 4px; font-size: 14px; border-radius: 8px; } .dz-seg--3 .dz-seg__item > span { padding: 6px 4px; font-size: 14px; } /* дата */ .dz-quick { gap: 6px; } .dz-quick__btn { min-height: 40px; padding: 6px 4px; font-size: 14px; border-radius: 20px; } .dz-datenote { margin-top: 4px; font-size: 12px; min-height: 0; } /* типы доставки: компактная строка — название (+ короткое пояснение) слева, цена справа */ .dz-types { grid-auto-rows: auto; gap: 6px; } .dz-opt-card__body { min-height: 58px; padding: 7px 10px; column-gap: 8px; border-radius: 8px; } .dz-opt-card__text { gap: 1px; } .dz-opt-card__title { font-size: 14px; } .dz-opt-card__sub { font-size: 12px; line-height: 1.25; } .dz-opt-card__price { font-size: 14px; } /* интервалы: три компактных чипа в строку */ .dz-chips { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; } .dz-chip span { display: flex; justify-content: center; min-height: 40px; padding: 6px 4px; font-size: 14px; white-space: nowrap; border-radius: 20px; } .dz-timebox { min-height: 44px; } .dz-addrnote { margin-top: 10px; padding: 9px 12px; font-size: 14px; } .dz-checkout .dz-check--inline { margin: 2px 0 10px !important; } /* сводка и согласие */ .dz-summary .dz-h { margin-bottom: 8px !important; } .dz-totals__row--sum { font-size: 18px; } .dz-checkout .dz-consent .dz-check { gap: 10px; min-height: 40px; font-size: 13px !important; line-height: 18px; padding: 2px 0; } .dz-consent .dz-check input[type="checkbox"] { flex-basis: 16px; width: 16px; height: 16px; margin-top: 1px; } .dz-consent .dz-check input[type="checkbox"]::before { width: 9px; height: 9px; } .dz-consent { margin: 8px 0; } .dz-btn { min-height: 50px; font-size: 16px; } /* мессенджер */ .dz-messenger { padding: 10px 12px; } .dz-messenger__text { margin-bottom: 8px !important; font-size: 14px; } .dz-messenger__btn { display: flex; width: 100%; min-height: 42px; font-size: 15px; } .dz-addon { flex-basis: 132px; } .dz-checkout input.dz-promo__input { min-height: 36px; padding: 4px 10px; font-size: 14px; } .dz-promo__btn { min-height: 36px; } } /* «Уточнить адрес»: поле остаётся на месте и выглядит обычным полем checkout (без серого disabled и системной подсветки) */ .dz-checkout textarea.is-clarify, .dz-checkout textarea[readonly] { color: var(--dz-text); -webkit-text-fill-color: var(--dz-text); opacity: 1; background: #fff; cursor: default; caret-color: transparent; } .dz-checkout textarea.is-clarify:focus { border-color: var(--dz-accent); box-shadow: 0 0 0 3px rgba(222, 0, 43, .18); } /* комментарий к адресу: свёрнут по умолчанию */ .dz-addrcomment { margin-top: 2px; } .dz-addlink { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; min-height: 36px; padding: 4px 0; font: inherit; font-size: 14px; font-weight: 600; color: var(--dz-accent-dark); background: none; border: 0; cursor: pointer; text-align: left; -webkit-tap-highlight-color: transparent; } .dz-addlink > span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dz-addlink__plus { font-size: 16px; line-height: 1; } .dz-addlink:hover { text-decoration: underline; } .dz-addlink:focus-visible { outline: 3px solid rgba(222, 0, 43, .35); outline-offset: 2px; border-radius: 6px; } .dz-addrcomment__body { margin-top: 4px; } .dz-card__sub { margin: -4px 0 8px !important; font-size: 14px; color: var(--dz-muted); } /* согласие: визуально легче (текст и ссылки прежние) */ .dz-checkout .dz-consent .dz-check { font-size: 13px !important; line-height: 18px; min-height: 40px; gap: 10px; } .dz-consent .dz-check input[type="checkbox"] { flex-basis: 16px; width: 16px; height: 16px; margin-top: 1px; } .dz-consent .dz-check input[type="checkbox"]::before { width: 9px; height: 9px; } @media (max-width: 639px) { .dz-messenger__title { font-size: 15px; } .dz-messenger__text { margin-bottom: 8px !important; font-size: 13px; } .dz-messenger__btn { display: flex; width: 100%; min-height: 42px; } .dz-checkout .dz-consent .dz-check { font-size: 12px !important; line-height: 17px; } .dz-card__sub { margin: -2px 0 6px !important; font-size: 13px; } } /* «+ Добавить комментарий к адресу»: простой красный «+» и красный текст, без рамки и подчёркивания */ .dz-checkout .dz-addlink { color: var(--dz-accent); text-decoration: none; border: 0; background: none; box-shadow: none; } .dz-checkout .dz-addlink:hover, .dz-checkout .dz-addlink:active { color: var(--dz-accent-dark); text-decoration: none; background: none; } .dz-checkout .dz-addlink:focus { outline: 0; } .dz-checkout .dz-addlink:focus-visible { outline: 2px solid rgba(222, 0, 43, .45); outline-offset: 2px; border-radius: 4px; } .dz-addlink__plus { color: var(--dz-accent); font-weight: 700; } /* выбор слота самовывоза: компактный select вместо свободного time picker */ .dz-selectbox { position: relative; display: inline-block; min-width: 132px; max-width: 100%; } .dz-selectbox::after { content: ""; position: absolute; right: 14px; top: 50%; width: 8px; height: 8px; margin-top: -6px; border-right: 2px solid var(--dz-muted); border-bottom: 2px solid var(--dz-muted); transform: rotate(45deg); pointer-events: none; } .dz-checkout select.dz-slotselect { display: block; width: 100%; min-height: 46px; margin: 0; padding: 8px 36px 8px 14px; font: inherit; font-size: 18px; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--dz-text); background: #fff; border: 1px solid #c9ced6; border-radius: 10px; box-shadow: none; outline: 0; appearance: none; -webkit-appearance: none; cursor: pointer; } .dz-checkout select.dz-slotselect:focus { border-color: var(--dz-accent); box-shadow: 0 0 0 3px rgba(222, 0, 43, .18); } .dz-checkout select.dz-slotselect option { font-size: 16px; } @media (max-width: 639px) { .dz-checkout select.dz-slotselect { min-height: 44px; } } /* ===== Corrective UX pass ===== */ /* «Ваш заказ»: одна сетка на весь список — [фото][название][количество][цена]. Строки — subgrid общего списка, поэтому колонки количества и цены стоят строго друг под другом в каждой строке, независимо от длины названия и суммы. */ .dz-checkout .dz-items { display: grid; grid-template-columns: 48px minmax(0, 1fr) 76px max-content; column-gap: 18px; row-gap: 10px; align-items: center; } .dz-checkout .dz-items > .dz-skeleton { grid-column: 1 / -1; } .dz-checkout .dz-item { grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; column-gap: inherit; align-items: center; } @supports not (grid-template-columns: subgrid) { .dz-checkout .dz-item { grid-template-columns: 48px minmax(0, 1fr) 76px 68px; column-gap: 18px; } } .dz-checkout .dz-item__img, .dz-checkout .dz-item__ph { width: 48px; height: 48px; aspect-ratio: 1 / 1; border-radius: 6px; object-fit: cover; align-self: center; } .dz-checkout .dz-item__name { min-width: 0; margin: 0; } .dz-checkout .dz-item .dz-stepper { width: 76px; height: 28px; justify-content: space-between; white-space: nowrap; } .dz-checkout .dz-item .dz-stepper__btn { flex: 0 0 26px; width: 26px; height: 26px; line-height: 26px; font-size: 16px; display: inline-flex; align-items: center; justify-content: center; } .dz-checkout .dz-item .dz-stepper__btn.is-remove { font-size: 18px; } .dz-checkout .dz-item .dz-stepper__value { flex: 1 1 auto; min-width: 0; padding: 0; } .dz-checkout .dz-item__sum { white-space: nowrap; text-align: right; min-width: 0; } @media (max-width: 639px) { .dz-checkout .dz-items { grid-template-columns: 44px minmax(0, 1fr) 68px max-content; column-gap: 14px; } .dz-checkout .dz-item__img, .dz-checkout .dz-item__ph { width: 44px; height: 44px; } .dz-checkout .dz-item__name { font-size: 13px; } .dz-checkout .dz-item__sum { font-size: 13px; } .dz-checkout .dz-item .dz-stepper { width: 68px; } .dz-checkout .dz-item .dz-stepper__btn { flex-basis: 24px; width: 24px; } .dz-checkout .dz-item .dz-stepper__value { font-size: 13px; } } @supports not (grid-template-columns: subgrid) { @media (max-width: 639px) { .dz-checkout .dz-item { grid-template-columns: 44px minmax(0, 1fr) 68px 60px; column-gap: 14px; } } } @media (max-width: 380px) { .dz-checkout .dz-items { grid-template-columns: 44px minmax(0, 1fr) 64px max-content; column-gap: 10px; } .dz-checkout .dz-item .dz-stepper { width: 64px; } .dz-checkout .dz-item .dz-stepper__btn { flex-basis: 22px; width: 22px; } } /* «Добавить к заказу»: «+» и «−» рисуются линиями по центру круга (не текстом), одинаково для обоих состояний */ .dz-checkout .dz-addon__btn { display: block; font-size: 0; line-height: 0; color: transparent; padding: 0; background-color: var(--dz-accent); background-image: linear-gradient(#fff, #fff); background-repeat: no-repeat; background-position: center; background-size: 12px 2px; } .dz-checkout .dz-addon__btn:not(.is-added) { background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff); background-position: center, center; background-size: 12px 2px, 2px 12px; } .dz-checkout .dz-addon__btn:hover { background-color: var(--dz-accent-dark); } /* Согласие: группа [чекбокс][текст] шириной по содержимому, центрирована под кнопкой «Оформить заказ» (обёртка = ширина кнопки). Шрифт считается от ширины блока так, чтобы по бокам оставалось ≈16 px (на 360 — не меньше 8 px): строка заметно внутри кнопки, одна строка, а запас покрывает разницу в отрисовке шрифта между браузерами. */ .dz-checkout .dz-consent { container-type: inline-size; margin-left: 0; margin-right: 0; display: flex; flex-direction: column; align-items: center; } .dz-checkout .dz-consent > .dz-error { align-self: stretch; } .dz-checkout .dz-consent .dz-check { display: inline-flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: 6px; min-height: 32px; padding: 2px 0; font-size: 12px !important; font-size: clamp(10.5px, calc((100cqw - 52px) / 26.4), 14px) !important; line-height: 20px; letter-spacing: -0.01em; white-space: nowrap; width: max-content; max-width: 100%; } .dz-checkout .dz-consent .dz-check input[type="checkbox"] { flex: 0 0 14px; width: 14px; height: 14px; margin: 0; border-width: 1.5px; border-radius: 3px; } .dz-checkout .dz-consent .dz-check input[type="checkbox"]::before { width: 8px; height: 8px; } .dz-checkout .dz-consent .dz-check__text { flex: 0 0 auto; min-width: 0; white-space: nowrap; } /* Чекбоксы: никакого нативного синего (iPhone/Safari, фокус, нажатие) — своя отрисовка */ .dz-checkout .dz-check, .dz-checkout .dz-check * { -webkit-tap-highlight-color: transparent; } .dz-checkout .dz-check { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; } .dz-checkout .dz-check input[type="checkbox"], .dz-checkout .dz-check input[type="checkbox"]:hover, .dz-checkout .dz-check input[type="checkbox"]:focus, .dz-checkout .dz-check input[type="checkbox"]:active { -webkit-appearance: none; appearance: none; outline: 0 !important; box-shadow: none !important; background-color: #fff; border-color: #9aa1ac; } .dz-checkout .dz-check input[type="checkbox"]:checked, .dz-checkout .dz-check input[type="checkbox"]:checked:hover, .dz-checkout .dz-check input[type="checkbox"]:checked:focus, .dz-checkout .dz-check input[type="checkbox"]:checked:active { background-color: var(--dz-accent); border-color: var(--dz-accent); } .dz-checkout .dz-check input[type="checkbox"]:focus-visible { outline: 2px solid var(--dz-accent) !important; outline-offset: 2px; } .dz-checkout .dz-field.is-invalid .dz-check input[type="checkbox"]:not(:checked) { border-color: var(--dz-danger); } /* Кнопка мессенджера: [молния][текст] — одна компактная группа по центру кнопки; молния, текст и рамка одного фирменного цвета */ .dz-checkout .dz-messenger__btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; line-height: 1.2; color: var(--dz-accent) !important; border-color: var(--dz-accent); } .dz-checkout .dz-messenger__btn .dz-bolt { display: block; flex: 0 0 auto; width: 11px; height: 16px; margin: 0; color: currentColor; } .dz-checkout .dz-messenger__btn > span { display: block; } @media (max-width: 639px) { .dz-checkout .dz-messenger__btn { display: flex; } } /* Mobile/планшет (одна колонка): компактный «Ваш заказ» вверху формы. Список товаров — тот же элемент [data-role=items], скрипт переносит его сюда (второго списка и второго состояния корзины нет). На desktop блок не показывается. */ .dz-checkout .dz-preview { padding: 12px 16px; background: var(--dz-bg); border: 1px solid var(--dz-line); border-radius: var(--dz-radius); } .dz-checkout .dz-preview__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; } .dz-checkout .dz-preview__title { margin: 0 !important; font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--dz-text); } .dz-checkout .dz-preview__total { font-size: 15px; white-space: nowrap; color: var(--dz-text); } .dz-checkout .dz-preview__total strong { font-weight: 700; } .dz-checkout .dz-preview__toggle { display: inline-flex; align-items: center; gap: 6px; margin: 6px 0 0; padding: 4px 0; min-height: 32px; font: inherit; font-size: 14px; font-weight: 600; color: var(--dz-accent); background: none; border: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; } .dz-checkout .dz-preview__toggle::after { content: ""; width: 7px; height: 7px; margin-top: -3px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .15s; } .dz-checkout .dz-preview__toggle[aria-expanded="true"]::after { margin-top: 3px; transform: rotate(-135deg); } .dz-checkout .dz-preview__toggle:focus { outline: 0; } .dz-checkout .dz-preview__toggle:focus-visible { outline: 2px solid rgba(222, 0, 43, .45); outline-offset: 2px; border-radius: 4px; } .dz-checkout .dz-preview__body { margin-top: 8px; } .dz-checkout .dz-preview__body .dz-items { margin: 0; } @media (max-width: 639px) { .dz-checkout .dz-preview { padding: 10px 12px; } } @media (min-width: 860px) { .dz-checkout .dz-preview { display: none !important; } } /* Экран «Заказ оформлен» */ .dz-checkout .dz-success { display: grid; gap: 14px; max-width: 760px; margin: 0 auto; } .dz-checkout .dz-success__head { display: flex; gap: 14px; align-items: center; padding: 20px; background: var(--dz-bg); border: 1px solid var(--dz-line); border-radius: var(--dz-radius); } .dz-checkout .dz-success__icon { flex: 0 0 48px; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; background: #1f9d55; } .dz-checkout .dz-success__title { margin: 0 !important; font-size: 22px; line-height: 1.25; font-weight: 700; color: var(--dz-text); } .dz-checkout .dz-success__sub { margin: 4px 0 0; font-size: 15px; color: var(--dz-muted); } .dz-checkout .dz-success__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .dz-checkout .dz-success__block { padding: 16px 20px; background: var(--dz-bg); border: 1px solid var(--dz-line); border-radius: var(--dz-radius); min-width: 0; } .dz-checkout .dz-success__h { margin: 0 0 8px !important; font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--dz-muted); } .dz-checkout .dz-success__when { margin: 0 0 4px; font-size: 18px; font-weight: 700; color: var(--dz-text); } .dz-checkout .dz-success__line { margin: 0 0 4px; font-size: 15px; line-height: 1.4; color: var(--dz-text); overflow-wrap: anywhere; } .dz-checkout .dz-success__muted { color: var(--dz-muted); } .dz-checkout .dz-success__items { list-style: none; margin: 0 0 10px; padding: 0; display: grid; gap: 10px; } .dz-checkout .dz-success__items > li { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto auto; gap: 12px; align-items: center; padding-left: 0; } .dz-checkout .dz-success__items > li::before, .dz-checkout .dz-success__items > li::after { content: none !important; display: none !important; } .dz-checkout .dz-success__img { width: 44px; height: 44px; border-radius: 6px; object-fit: cover; background: #f1f3f5; display: block; } .dz-checkout .dz-success__name { font-size: 14px; line-height: 1.3; min-width: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .dz-checkout .dz-success__qty { font-size: 14px; color: var(--dz-muted); white-space: nowrap; } .dz-checkout .dz-success__sum { font-size: 14px; font-weight: 700; white-space: nowrap; text-align: right; min-width: 64px; } .dz-checkout .dz-success__totals { margin: 0; padding-top: 10px; border-top: 1px solid var(--dz-line); display: grid; gap: 6px; } .dz-checkout .dz-success__trow { display: flex; justify-content: space-between; gap: 12px; font-size: 15px; } .dz-checkout .dz-success__trow dt, .dz-checkout .dz-success__trow dd { margin: 0; } .dz-checkout .dz-success__trow.is-discount { color: #1f9d55; } .dz-checkout .dz-success__trow--sum { padding-top: 8px; font-size: 20px; font-weight: 700; border-top: 1px solid var(--dz-line); } .dz-checkout .dz-success__back { display: flex; align-items: center; justify-content: center; text-decoration: none; } @media (max-width: 639px) { .dz-checkout .dz-success__grid { grid-template-columns: 1fr; } .dz-checkout .dz-success__head { padding: 16px; } .dz-checkout .dz-success__block { padding: 14px 16px; } .dz-checkout .dz-success__title { font-size: 20px; } .dz-checkout .dz-success__items > li { grid-template-columns: 40px minmax(0, 1fr) auto auto; gap: 10px; } .dz-checkout .dz-success__img { width: 40px; height: 40px; } } .dz-checkout .dz-nowrap { white-space: nowrap; } .dz-checkout .dz-success__paybtn { margin-top: 12px; } .dz-checkout .dz-success__payerr { margin-top: 10px; } .dz-checkout .dz-success[data-pay-state="paid"] .dz-success__pay { border-color: #bfe3c9; background: #f3fbf5; } .dz-checkout .dz-success__paylink { display: flex; align-items: center; justify-content: center; text-decoration: none; margin-top: 12px; } .dz-checkout .dz-success__qr { margin: 14px 0 4px; text-align: center; } .dz-checkout .dz-success__qrimg { display: block; width: 220px; height: 220px; margin: 0 auto 8px; padding: 10px; background: #fff; border: 1px solid #e6e6e6; border-radius: 12px; } /* способы оплаты на телефоне: одинаковые плитки по две в ряд */ @media (max-width: 767px) { .dz-paytrack { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .dz-pay-opt__body { min-height: 52px; padding: 6px 8px; font-size: 14px; } .dz-checkout { overflow-x: clip; } } /* iOS приближает страницу при фокусе в поле со шрифтом меньше 16px — на телефоне все поля не меньше 16px */ @media (max-width: 767px) { .dz-checkout input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]), .dz-checkout textarea, .dz-checkout select { font-size: 16px !important; } } /* =================================================================================================== Вид по макету v307 (окно «.co»): серый фон, белые карточки 16 px, серые поля, красный переключатель. Только оформление: данные, расчёты и отправка не менялись. =================================================================================================== */ .dz-checkout { --dz-line: #ece6e3; --dz-muted: #7b7172; --dz-text: #282424; --dz-accent-soft: #fdeff2; background: #f3efed; } body.dz-checkout-page, html.embed body { background: #f3efed; } .dz-checkout .dz-req { color: var(--dz-accent); font-weight: 800; } .dz-checkout .dz-card { background: #fff; border: 0; border-radius: 16px; padding: 16px; } .dz-checkout .dz-h { font-size: 16px !important; font-weight: 800; margin: 0 0 12px !important; } .dz-checkout .dz-field > label, .dz-checkout .dz-label { font-size: 13px; font-weight: 600; color: var(--dz-muted); } .dz-checkout input[type="text"], .dz-checkout input[type="tel"], .dz-checkout input[type="email"], .dz-checkout input[type="date"], .dz-checkout input[type="time"], .dz-checkout textarea { min-height: 46px; padding: 0 14px; background: #f3efed; border: 0; border-radius: 12px; font-size: 16px; } .dz-checkout textarea { padding: 12px 14px; } .dz-checkout input:focus, .dz-checkout textarea:focus { border: 0; box-shadow: 0 0 0 2px var(--dz-accent); } .dz-checkout .dz-field.is-invalid input, .dz-checkout .dz-field.is-invalid textarea { background: #f3efed; box-shadow: 0 0 0 2px var(--dz-accent); } .dz-checkout .dz-error { color: var(--dz-accent); font-weight: 600; font-size: 13px; } /* «Доставка | Самовывоз»: красная плашка скользит под выбранным пунктом */ .dz-checkout .dz-recv { position: relative; display: grid; grid-template-columns: 1fr 1fr; padding: 4px; border-radius: 16px; background: #fff; } .dz-checkout .dz-recv::before { content: ""; position: absolute; top: 4px; bottom: 4px; left: 4px; width: calc(50% - 4px); border-radius: 12px; background: var(--dz-accent); transition: transform .28s cubic-bezier(.22, .8, .3, 1); } .dz-checkout.is-pick .dz-recv::before { transform: translateX(100%); } .dz-checkout .dz-recv label { position: relative; z-index: 1; display: block; margin: 0; cursor: pointer; } .dz-checkout .dz-recv input { position: absolute; opacity: 0; width: 0; height: 0; } .dz-checkout .dz-recv span { display: grid; place-items: center; min-height: 42px; font-size: 14px; font-weight: 700; color: var(--dz-text); } .dz-checkout .dz-recv input:checked + span { color: #fff; } .dz-checkout .dz-recv input:focus-visible + span { outline: 3px solid rgba(222, 0, 43, .35); border-radius: 12px; } /* переключатели и карточки выбора */ .dz-checkout .dz-quick { gap: 6px; } .dz-checkout .dz-quick__btn, .dz-checkout .dz-chip span, .dz-checkout .dz-opt-card__body, .dz-checkout .dz-pay-opt__body { background: #f3efed; border: 0; border-radius: 12px; font-size: 14px; font-weight: 700; color: var(--dz-text); } .dz-checkout .dz-quick__btn { min-height: 44px; } .dz-checkout .dz-quick__btn.is-active, .dz-checkout .dz-chip input:checked + span, .dz-checkout .dz-opt-card input:checked + .dz-opt-card__body, .dz-checkout .dz-pay-opt input:checked + .dz-pay-opt__body { background: #fdeff2; color: #b5374e; box-shadow: inset 0 0 0 1.5px var(--dz-accent); } .dz-checkout .dz-opt-card__body { min-height: 60px; } .dz-checkout .dz-opt-card__title { font-size: 15px; font-weight: 700; } .dz-checkout .dz-opt-card__sub { font-size: 13px; } .dz-checkout .dz-opt-card__price { font-size: 14px; font-weight: 800; } .dz-checkout .dz-opt-card.is-disabled .dz-opt-card__body { background: #f3efed; opacity: .6; border: 0; } .dz-checkout .dz-chips { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; } .dz-checkout .dz-chip span { display: grid; place-items: center; min-height: 42px; padding: 0 6px; font-size: 14px; text-align: center; } .dz-checkout .dz-timebox, .dz-checkout select.dz-slotselect { background: #f3efed; border: 0; border-radius: 12px; min-height: 46px; } .dz-checkout .dz-point { background: #f3efed; border: 0; border-radius: 12px; } .dz-checkout .dz-datenote { display: none; } /* чекбоксы: красные, как в макете */ .dz-checkout .dz-check { color: #5f5557; font-size: 13px !important; line-height: 1.35; min-height: 0; } .dz-checkout .dz-check input[type="checkbox"] { flex: 0 0 18px; width: 18px; height: 18px; border-radius: 5px; border: 2px solid #b9aeb0; margin-top: 0; } .dz-checkout .dz-check--inline { margin: 0 0 12px !important; } /* «Добавить к заказу»: плитки с фото 112 px и красной «+» на фото */ .dz-checkout .dz-addons { gap: 10px; margin: 0 -16px; padding: 0 16px 2px; scrollbar-width: none; } .dz-checkout .dz-addons::-webkit-scrollbar { display: none; } .dz-checkout .dz-addon { position: relative; flex: 0 0 112px; padding: 0; gap: 5px; border: 0; background: transparent; } .dz-checkout .dz-addon.is-added { background: transparent; } .dz-checkout .dz-addon__img { border-radius: 14px; background: #f1edeb; } .dz-checkout .dz-addon__name { height: auto; min-height: 31px; font-size: 13px; line-height: 1.25; } .dz-checkout .dz-addon__price { font-size: 14px; font-weight: 800; } .dz-checkout .dz-addon__row:not(.is-stepper) { min-height: 0; } .dz-checkout .dz-addon__row:not(.is-stepper) .dz-addon__btn { position: absolute; right: 6px; top: 70px; width: 32px; height: 32px; border-radius: 50%; background: rgb(255 255 255 / 94%); color: var(--dz-accent); font-size: 22px; line-height: 32px; box-shadow: 0 2px 8px rgb(38 22 25 / 18%); } .dz-checkout .dz-addon__state { display: none; } .dz-checkout .dz-tab { border: 0; background: #f3efed; font-weight: 700; } .dz-checkout .dz-tab.is-active { background: var(--dz-accent); color: #fff; } /* сводка заказа и оплата */ .dz-checkout .dz-item { grid-template-columns: 40px minmax(0, 1fr) auto auto; gap: 10px; } .dz-checkout .dz-item__img, .dz-checkout .dz-item__ph { width: 40px; height: 52px; border-radius: 10px; } .dz-checkout .dz-item__name { font-size: 14px; } .dz-checkout .dz-item__sum { font-size: 14px; font-weight: 800; } .dz-checkout .dz-totals { border-top: 0; padding-top: 4px; font-size: 14px; } .dz-checkout .dz-totals__row--sum { font-size: 18px; border-top: 1px solid var(--dz-line); } .dz-checkout .dz-paytrack { grid-template-columns: 1fr 1fr; gap: 6px; } .dz-checkout .dz-pay-opt__body { min-height: 42px; padding: 0 8px; font-size: 14px; } .dz-checkout .dz-promo__form { display: flex; gap: 0; border-radius: 12px; background: #f3efed; overflow: hidden; } .dz-checkout .dz-promo__input { background: transparent !important; border-radius: 0 !important; flex: 1; min-width: 0; } .dz-checkout .dz-promo__btn { flex: none; padding: 0 16px; border: 0; background: var(--dz-accent); color: #fff; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; } .dz-checkout .dz-btn { min-height: 50px; border-radius: 16px; font-size: 16px; font-weight: 800; } .dz-checkout .dz-consent .dz-check { font-size: 12px !important; } /* телефон: кнопка «Оформить заказ» остаётся под рукой */ @media (max-width: 859px) { .dz-checkout .dz-summary [data-role="submit"] { position: sticky; bottom: 8px; z-index: 5; box-shadow: 0 6px 20px rgb(40 20 25 / 22%); } } /* окно оформления шире 860 px показывает две колонки, как в макете; блока «Нужна помощь» в новом макете нет */ .dz-checkout .dz-messenger { display: none !important; } /* ===== выбор времени как в макете: «Выбрать время | Срочно | Уточнить у получателя» и колесо времени ===== */ .dz-checkout .dz-when { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; padding: 4px; border-radius: 14px; background: #f3efed; margin: 0 0 10px; } .dz-checkout .dz-when::before { content: ""; position: absolute; top: 4px; bottom: 4px; left: 4px; width: calc((100% - 8px) / 3); border-radius: 11px; background: #fff; box-shadow: inset 0 0 0 1.5px var(--dz-accent), 0 1px 4px rgb(40 20 25 / 10%); transform: translateX(calc(var(--i, 0) * 100%)); transition: transform .28s cubic-bezier(.22, .8, .3, 1); } .dz-checkout .dz-when__btn { position: relative; z-index: 1; display: grid; place-items: center; min-height: 52px; margin: 0; padding: 4px 6px; border: 0; background: transparent; color: var(--dz-text); font: inherit; font-size: 14px; font-weight: 700; line-height: 1.2; text-align: center; cursor: pointer; } .dz-checkout .dz-when__btn.is-active { color: #b5374e; } .dz-checkout .dz-when__btn:disabled { opacity: .4; cursor: not-allowed; } .dz-checkout .dz-when__btn:focus-visible { outline: 3px solid rgba(222, 0, 43, .35); border-radius: 11px; } .dz-checkout .dz-when__z { display: grid; gap: 1px; justify-items: center; } .dz-checkout .dz-when__z b { display: inline-flex; align-items: center; gap: 4px; font-weight: 800; } .dz-checkout .dz-when__z svg { width: 13px; height: 13px; fill: currentColor; } .dz-checkout .dz-when__z small { font-size: 12px; font-weight: 600; color: var(--dz-muted); } .dz-checkout .dz-whennote { margin: 0 0 10px; padding: 10px 12px; border-radius: 12px; background: #f3efed; font-size: 13px; line-height: 1.4; color: #5f5557; } .dz-checkout .dz-opt-card--aux { display: none; } .dz-checkout .dz-opt-card.is-on .dz-opt-card__body { background: #fdeff2; color: #b5374e; box-shadow: inset 0 0 0 1.5px var(--dz-accent); } .dz-checkout .dz-timebox input[type="time"] { pointer-events: none; } .dz-checkout .dz-timebox { cursor: pointer; } .dz-checkout [data-role="time-hint"] { white-space: pre-line; } .dz-checkout .dz-wheel-ov { position: fixed; inset: 0; z-index: 60; display: none; align-items: flex-end; justify-content: center; background: rgb(25 14 17 / 45%); } .dz-checkout .dz-wheel-ov.is-open { display: flex; } .dz-checkout .dz-wheel { width: min(360px, 100%); padding: 14px 16px calc(14px + env(safe-area-inset-bottom)); border-radius: 18px 18px 0 0; background: #fff; box-shadow: 0 -8px 30px rgb(38 22 25 / 18%); } .dz-checkout .dz-wheel__h { margin: 0 0 8px; font-size: 16px; font-weight: 800; text-align: center; } .dz-checkout .dz-wheel__cols { position: relative; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; height: 200px; } .dz-checkout .dz-wheel__band { position: absolute; left: 0; right: 0; top: 80px; height: 40px; border-radius: 12px; background: #fdeff2; box-shadow: inset 0 0 0 1.5px var(--dz-accent); pointer-events: none; } .dz-checkout .dz-wheel__col { position: relative; height: 200px; overflow-y: auto; scroll-snap-type: y mandatory; scroll-padding-top: 80px; scrollbar-width: none; text-align: center; outline: 0; } .dz-checkout .dz-wheel__col::-webkit-scrollbar { display: none; } .dz-checkout .dz-wheel__pad { height: 80px; } .dz-checkout .dz-wheel__it { height: 40px; line-height: 40px; scroll-snap-align: start; font-size: 22px; font-weight: 700; color: #b9aeb0; font-variant-numeric: tabular-nums; } .dz-checkout .dz-wheel__it.is-on { color: var(--dz-text); } .dz-checkout .dz-wheel__sep { font-size: 22px; font-weight: 800; position: relative; z-index: 1; } .dz-checkout .dz-wheel__f { display: flex; gap: 8px; margin-top: 10px; } .dz-checkout .dz-wheel__cancel, .dz-checkout .dz-wheel__ok { flex: 1; height: 48px; border: 0; border-radius: 14px; font: inherit; font-size: 15px; font-weight: 800; cursor: pointer; } .dz-checkout .dz-wheel__cancel { background: #f3efed; color: var(--dz-text); } .dz-checkout .dz-wheel__ok { background: var(--dz-accent); color: #fff; } /* «Ваш заказ» — справочный текст без фото и счётчиков; согласие переносится по словам */ .dz-checkout .dz-items { gap: 8px; margin: 0 0 12px; } .dz-checkout .dz-item.dz-item--text { grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 12px; } .dz-checkout .dz-item--text .dz-item__name { font-size: 14px; line-height: 1.35; } .dz-checkout .dz-item--text .dz-item__qty { font-style: normal; color: var(--dz-muted); white-space: nowrap; } .dz-checkout .dz-item--text .dz-item__sum { font-size: 14px; font-weight: 800; text-align: right; } .dz-checkout .dz-consent { margin: 12px 0; } .dz-checkout .dz-consent .dz-check { align-items: flex-start; gap: 10px; min-height: 0; } .dz-checkout .dz-consent .dz-check__text { white-space: normal; overflow-wrap: break-word; font-size: 13px; line-height: 1.4; padding-right: 2px; } .dz-checkout .dz-consent .dz-check { white-space: normal; letter-spacing: 0; } .dz-checkout .dz-consent .dz-check__text { letter-spacing: 0; max-width: 100%; } .dz-checkout .dz-consent .dz-check { width: 100%; } .dz-checkout .dz-consent .dz-check__text { flex: 1 1 0; min-width: 0; } .dz-checkout .dz-consent .dz-check input[type="checkbox"] { flex: 0 0 18px; min-width: 18px; } /* ===== по макету: переключатели с красной «подвижной» плашкой, подписи-заголовки, время в одну строку, без лишних рамок ===== */ .dz-checkout .dz-quick { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; padding: 4px; border-radius: 16px; background: #f3efed; } .dz-checkout .dz-quick::before { content: ""; position: absolute; top: 4px; bottom: 4px; left: 4px; width: calc((100% - 8px) / 3); border-radius: 12px; background: var(--dz-accent); transform: translateX(calc(var(--i, 0) * 100%)); transition: transform .28s cubic-bezier(.22, .8, .3, 1); opacity: 0; } .dz-checkout .dz-quick.has-active::before { opacity: 1; } .dz-checkout .dz-quick__btn { position: relative; z-index: 1; min-height: 38px; background: transparent; border: 0; box-shadow: none; color: var(--dz-text); } .dz-checkout .dz-quick__btn.is-active { background: transparent; box-shadow: none; color: #fff; } .dz-checkout .dz-quick__btn:disabled { background: transparent; border: 0; opacity: .4; } .dz-checkout .dz-when { border-radius: 16px; } .dz-checkout .dz-when::before { background: var(--dz-accent); box-shadow: none; border-radius: 12px; } .dz-checkout .dz-when__btn.is-active { color: #fff; } .dz-checkout .dz-when__btn.is-active .dz-when__z small { color: rgb(255 255 255 / 82%); } .dz-checkout [data-field="delivery.date"] > label, .dz-checkout [data-role="courier-block"] > .dz-label { margin: 0 0 8px; font-size: 16px; font-weight: 800; color: var(--dz-text); } .dz-checkout .dz-whennote { margin: 0 0 10px; padding: 0; background: none; border: 0; border-radius: 0; font-size: 13px; line-height: 1.4; color: #7b7172; } .dz-checkout .dz-trow { display: flex; align-items: center; gap: 14px; } .dz-checkout .dz-trow .dz-timebox { flex: 0 0 auto; min-width: 118px; } .dz-checkout .dz-trow .dz-hint { margin: 0; font-size: 14px; line-height: 1.35; color: #7b7172; } .dz-checkout [data-role="time-field"] > label { font-size: 13px; font-weight: 600; color: var(--dz-muted); } html.embed .dz-checkout [data-role="addons-card"] { display: none !important; } /* в окне оформления сопутку выбирают до него, в отдельном окне «Добавить к букету» */ /* ===== точная сверка с окном «.co» макета v307 (размеры, цвета, начертание сняты с макета) ===== */ html.embed .dz-checkout { padding: 0 20px 20px; max-width: none; } .dz-checkout .dz-layout { gap: 16px; } @media (min-width: 860px) { .dz-checkout .dz-layout { grid-template-columns: minmax(0, 1fr) 360px; } } .dz-checkout .dz-main { gap: 12px; } .dz-checkout .dz-card { display: grid; gap: 12px; align-content: start; padding: 16px; } .dz-checkout .dz-card > .dz-h, .dz-checkout .dz-card > h2 { margin: 0 !important; } .dz-checkout .dz-card .dz-field, .dz-checkout .dz-card .dz-grid2 > .dz-field { margin: 0; } .dz-checkout .dz-card .dz-mt { margin-top: 0; } .dz-checkout .dz-aside .dz-card.dz-summary { display: block; padding: 14px; } /* заголовок «Когда доставить» в макете скрыт: сразу «Дата доставки» и «Время доставки» */ .dz-checkout #dz-h-delivery { position: absolute !important; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); } .dz-checkout [data-role="courier-block"] > .dz-label { margin: 8px 0 8px; } .dz-checkout input[type="text"], .dz-checkout input[type="tel"], .dz-checkout input[type="email"], .dz-checkout input[type="date"], .dz-checkout input[type="time"] { font-weight: 600; } .dz-checkout textarea { font-weight: 600; } .dz-checkout textarea[name="extras.cardText"], .dz-checkout textarea[name="extras.comment"] { font-weight: 400; min-height: 76px; } .dz-checkout .dz-check { font-size: 13px !important; font-weight: 600 !important; color: #5f5557; gap: 8px; } .dz-checkout .dz-check input[type="checkbox"] { flex: 0 0 18px; width: 18px; height: 18px; border: 1.5px solid #c9c0c1; border-radius: 5px; background: #fff; } .dz-checkout .dz-note, .dz-checkout [data-role="address-info"] { font-size: 13px; line-height: 1.35; color: #7b7172; margin: 0; } /* выбранные: тип доставки и интервал — красная заливка; оплата — розовая с красным кантом */ .dz-checkout .dz-opt-card__body { padding: 12px 10px 11px; min-height: 0; } .dz-checkout .dz-opt-card input:checked + .dz-opt-card__body, .dz-checkout .dz-opt-card.is-on .dz-opt-card__body { background: var(--dz-accent); color: #fff; box-shadow: none; } .dz-checkout .dz-opt-card input:checked + .dz-opt-card__body .dz-opt-card__sub, .dz-checkout .dz-opt-card.is-on .dz-opt-card__body .dz-opt-card__sub { color: #fff; } .dz-checkout .dz-types { gap: 6px; } .dz-checkout .dz-chip input:checked + span { background: var(--dz-accent); color: #fff; box-shadow: none; } .dz-checkout .dz-chips { gap: 6px; } .dz-checkout [data-role="interval-block"] > .dz-label { margin: 0 0 6px; } .dz-checkout .dz-pay-opt__body { font-size: 13px; font-weight: 700; padding: 8px 6px; } /* «Ваш заказ» и итоги */ .dz-checkout .dz-promo__form { height: 46px; } .dz-checkout .dz-promo__input { height: 46px; min-height: 46px; padding: 0 14px; font-size: 16px; text-transform: none; } .dz-checkout .dz-promo__btn { height: 46px; min-height: 46px; padding: 0 16px; font-size: 14px; font-weight: 700; color: #fff; border: 0; background: var(--dz-accent); } .dz-checkout .dz-promo__form:has(.dz-promo__input:placeholder-shown) .dz-promo__btn { background: #e9a9b4; } .dz-checkout .dz-totals { gap: 6px; font-size: 14px; padding-top: 12px; } .dz-checkout .dz-totals__row--sum { font-size: 18px; font-weight: 800; padding-top: 8px; margin-top: 2px; border-top: 1px solid #ece6e3; } .dz-checkout .dz-pay { margin-top: 12px; } .dz-checkout .dz-pay > .dz-paylist > .dz-label { margin: 2px 0 6px; } .dz-checkout .dz-btn { height: 46px; min-height: 46px; padding: 0 6px; border-radius: 16px; font-size: 16px; font-weight: 800; } .dz-checkout .dz-consent .dz-check { font-size: 11px !important; letter-spacing: -.1px; gap: 7px; } .dz-checkout .dz-consent .dz-check__text { font-size: 11px; letter-spacing: -.1px; } /* ===== вторая сверка с макетом (после замеров) ===== */ .dz-checkout .dz-h { line-height: 1.375; } .dz-checkout .dz-check .dz-check__text { color: #5f5557; } .dz-checkout .dz-check--inline { margin: 0 !important; padding: 0; min-height: 0; } .dz-checkout .dz-check { padding: 0; min-height: 0; line-height: 1.35; } .dz-checkout .dz-consent .dz-check__text { color: #5f5557; } .dz-checkout [data-role="address-info"] { padding-left: 0; margin: 0; } .dz-checkout [data-role="address-info"]::before { content: none; } .dz-checkout textarea[name="delivery.address"] { padding: 13px 14px; line-height: 20px; } .dz-checkout [data-field="delivery.date"] { display: grid; gap: 12px; } .dz-checkout [data-field="delivery.date"] > label { margin: 0; line-height: normal; } .dz-checkout [data-role="courier-block"] { display: grid; gap: 12px; } .dz-checkout [data-role="courier-block"] > .dz-label { margin: 8px 0 0; line-height: normal; } .dz-checkout [data-role="interval-block"] { display: grid; gap: 6px; } .dz-checkout [data-role="interval-block"] > .dz-label { margin: 0; } .dz-checkout [data-role="time-field"] { display: grid; gap: 6px; } .dz-checkout [data-role="time-field"] > label { margin: 0; } .dz-checkout .dz-quick__btn { min-height: 36px; padding: 0 3px; font-size: 13px; line-height: 1.15; } .dz-checkout .dz-when { margin: 0; } .dz-checkout .dz-when__btn { min-height: 46px; padding: 0 3px; font-size: 13px; } .dz-checkout .dz-whennote { margin: 0; } .dz-checkout .dz-opt-card__title { font-size: 14px; line-height: 1.25; } .dz-checkout .dz-opt-card__sub { font-size: 13px; font-weight: 400; line-height: 1.2; } .dz-checkout .dz-opt-card__price { font-size: 15px; font-weight: 800; } .dz-checkout .dz-item--text { font-size: 14px; } .dz-checkout .dz-items { margin: 0 0 12px; gap: 10px; } .dz-checkout .dz-totals dd { min-height: 0; } .dz-checkout .dz-totals dt, .dz-checkout .dz-totals dd { line-height: normal; } .dz-checkout .dz-payhint, .dz-checkout .dz-paylist .dz-note { font-weight: 500; } /* пункт самовывоза: значок геометки, как в макете */ .dz-checkout .dz-point--pin { position: relative; padding-left: 48px; } .dz-checkout .dz-point--pin::before { content: ""; position: absolute; left: 14px; top: 50%; width: 24px; height: 24px; margin-top: -12px; background: no-repeat center/contain url("data:image/svg+xml;utf8,"); } .dz-checkout [data-role="pickup-block"] .dz-point { border: 0; background: #f3efed; } /* телефон: нижняя полоса «Итого + Оформить заказ», как в макете */ .dz-checkout .dz-foot { display: none; } @media (max-width: 859px) { .dz-checkout .dz-summary [data-role="submit"], .dz-checkout .dz-summary [data-role="timing"] { display: none; } .dz-checkout .dz-foot { position: fixed; left: 0; right: 0; bottom: 0; z-index: 20; display: flex; align-items: center; gap: 14px; padding: 10px 16px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid #ece6e3; background: #fff; } .dz-checkout .dz-foot__tt { display: grid; line-height: 1.1; } .dz-checkout .dz-foot__tt small { color: #7b7172; font-size: 12px; font-weight: 600; } .dz-checkout .dz-foot__tt b { font-size: 20px; font-weight: 800; } .dz-checkout .dz-foot__go { flex: 1; height: 50px; border: 0; border-radius: 16px; background: var(--dz-accent); color: #fff; font: inherit; font-size: 16px; font-weight: 800; cursor: pointer; } .dz-checkout .dz-foot__go:disabled { background: #e9a5b1; } html.embed .dz-checkout, .dz-checkout { padding-bottom: 96px; } } .dz-checkout .dz-preview { display: none !important; } /* ===== правки по замечаниям от 17.10 ===== */ /* «Ваш заказ»: воздух между строками; при многих позициях правая колонка прокручивается сама */ .dz-checkout .dz-summary > .dz-h { margin: 0 0 14px !important; } .dz-checkout .dz-items { gap: 14px; margin: 0 0 18px; } .dz-checkout .dz-item--text { line-height: 1.4; } .dz-checkout .dz-item--text .dz-item__sum { padding-left: 8px; } @media (min-width: 860px) { html.embed .dz-checkout .dz-aside { position: sticky; top: 0; align-self: start; max-height: calc(100vh - 8px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; } } /* оплата, согласие и кнопка: не слипаются */ .dz-checkout .dz-pay { margin: 16px 0 0; } .dz-checkout .dz-payhint { margin: 10px 0 0; } .dz-checkout .dz-consent { margin: 16px 0 16px; } .dz-checkout .dz-btn { margin-top: 0; } /* без красных рамок и полосок при вводе (в макете у полей нет кольца фокуса) */ .dz-checkout input:focus, .dz-checkout textarea:focus, .dz-checkout select:focus { box-shadow: none; border: 0; outline: 0; } .dz-checkout .dz-quick__pick:focus-within, .dz-checkout .dz-quick__btn:focus-visible { outline: 0; box-shadow: none; } .dz-checkout .dz-promo__form:focus-within { box-shadow: none; } /* стрелки ленты «Добавить к заказу» */ .dz-checkout .dz-addons-sw { position: relative; } .dz-checkout .dz-arr { position: absolute; top: 118px; z-index: 2; display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; background: #fff; box-shadow: 0 4px 14px rgba(40, 20, 25, .25); cursor: pointer; } .dz-checkout .dz-arr[hidden] { display: none; } .dz-checkout .dz-arr svg { width: 18px; height: 18px; fill: none; stroke: var(--dz-text); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; } .dz-checkout .dz-arr--l { left: 6px; } .dz-checkout .dz-arr--r { right: 6px; } /* --- правки 17.10: шапки карточек с галочкой справа, подписи, чекбокс согласия, скидки, интервалы --- */ .dz-checkout .dz-card__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 12px; } .dz-checkout .dz-card__head > .dz-h { flex: 1 1 auto; min-width: 0; margin: 0 !important; } .dz-checkout .dz-card__head > .dz-check--head { flex: 0 0 auto; min-height: 0; margin: 0 !important; padding: 0; font-size: 14px !important; align-items: center; } .dz-checkout .dz-card__head > .dz-check--head[hidden] { display: none !important; } .dz-checkout [data-role="recipient-other"] .dz-field { margin: 0 0 14px; } .dz-checkout [data-role="recipient-other"] .dz-field:last-child { margin-bottom: 0; } .dz-checkout .dz-whennote { margin: 10px 0 0; padding: 10px 12px; border-radius: var(--r, 12px); background: var(--dz-accent-soft); color: var(--dz-text); font-size: 14px; font-weight: 600; line-height: 1.4; } .dz-checkout .dz-whennote small { display: block; margin-top: 2px; font-size: 13px; font-weight: 500; color: var(--dz-muted); } .dz-checkout .dz-chip.is-disabled { cursor: not-allowed; } .dz-checkout .dz-chip.is-disabled input { cursor: not-allowed; } .dz-checkout .dz-chip.is-disabled span { background: #f3efed; border-color: #ebe5e2; color: #a39c9d; } .dz-checkout .dz-item__sum { display: flex; flex-direction: column; align-items: flex-end; gap: 1px; } .dz-checkout .dz-item__sum strong { font-weight: 700; } .dz-checkout .dz-item__sum strong.is-sale { color: var(--dz-accent); } .dz-checkout .dz-item__sum del { font-size: 12px; font-weight: 500; color: var(--dz-muted); } .dz-checkout .dz-consent { margin: 14px 0 14px !important; padding: 0; } .dz-checkout .dz-consent .dz-check { align-items: center; gap: 12px; min-height: 0; padding: 0; } .dz-checkout .dz-consent .dz-check input[type="checkbox"] { flex: 0 0 22px; width: 22px; height: 22px; margin: 0; border-radius: 6px; } .dz-checkout .dz-consent .dz-check__text { font-size: 14px; line-height: 1.4; } /* подсказка под «Срочно / Уточнить»: без заливки, чёрный текст, вторая строка светло-серая */ .dz-checkout .dz-whennote { margin: 10px 0 0; padding: 0 2px; background: none; border-radius: 0; color: var(--dz-text); font-size: 14px; font-weight: 600; } .dz-checkout .dz-whennote small { color: #a39c9d; } /* согласие: мельче и в одну строку */ .dz-checkout .dz-consent .dz-check { gap: 10px; } .dz-checkout .dz-consent .dz-check input[type="checkbox"] { flex: 0 0 18px; width: 18px; height: 18px; border-radius: 5px; } .dz-checkout .dz-consent .dz-check__text { font-size: 13px; line-height: 1.3; white-space: nowrap; } /* способы оплаты: выбранный — сплошной красный, как остальные переключатели */ .dz-checkout .dz-pay-opt input:checked + .dz-pay-opt__body { background: var(--dz-accent); color: #fff; box-shadow: none; } .dz-checkout .dz-pay-opt input:checked + .dz-pay-opt__body .dz-pay-opt__icon { color: #fff; } /* галочка «Уточнить адрес у получателя»: поле адреса и подсказка сворачиваются, как у «Я сам получу заказ» */ .dz-checkout .dz-address.is-clarify [data-role="address-field"], .dz-checkout .dz-address.is-clarify [data-role="address-info"] { display: none !important; } .dz-checkout .dz-address.is-clarify .dz-card__head { margin-bottom: 0; } /* у галочек нет рамки фокуса при клике мышью */ .dz-checkout .dz-check input[type="checkbox"]:focus, .dz-checkout .dz-check input[type="checkbox"]:focus-visible { outline: none !important; box-shadow: none !important; } /* СБП на красном: логотип на белой подложке, чтобы был виден */ .dz-checkout .dz-pay-opt input:checked + .dz-pay-opt__body .dz-pay-opt__icon--sbp { background-color: #fff; border-radius: 6px; padding: 2px; background-origin: content-box; background-clip: padding-box; box-sizing: border-box; } /* у переключателей времени нет рамки фокуса после клика */ .dz-checkout .dz-when__btn:focus, .dz-checkout .dz-when__btn:focus-visible, .dz-checkout .dz-quick__btn:focus, .dz-checkout .dz-quick__btn:focus-visible { outline: none !important; box-shadow: none; } /* согласие: мелко, по центру над кнопкой, в одну строку */ .dz-checkout .dz-consent .dz-check { justify-content: center; align-items: center; gap: 8px; } .dz-checkout .dz-consent .dz-check__text { flex: 0 1 auto; font-size: 12px !important; line-height: 1.3 !important; white-space: nowrap; } .dz-checkout .dz-consent .dz-check input[type="checkbox"] { flex: 0 0 16px; width: 16px; height: 16px; border-radius: 4px; } .dz-checkout .dz-consent .dz-check__text { font-size: 12px !important; white-space: normal; text-align: center; } .dz-checkout .dz-consent .dz-check { gap: 6px; } /* СБП на красном: логотип целиком белый */ .dz-checkout .dz-pay-opt input:checked + .dz-pay-opt__body .dz-pay-opt__icon--sbp { background-color: transparent; padding: 0; filter: brightness(0) invert(1); } /* при «Уточнить адрес у получателя» сворачивается только поле; подсказка про платную доставку остаётся */ .dz-checkout .dz-address.is-clarify [data-role="address-info"] { display: block !important; margin-top: 10px; } .dz-checkout .dz-consent .dz-check__text { font-size: 11px !important; white-space: nowrap; } /* СБП: на красном логотип белый (без multiply, иначе он сливается с фоном) */ .dz-checkout .dz-pay-opt input:checked + .dz-pay-opt__body .dz-pay-opt__icon--sbp { mix-blend-mode: normal; } /* «Способ оплаты» — заголовок блока, как «Время доставки» */ .dz-checkout .dz-pay > .dz-paylist > .dz-label { margin: 4px 0 8px; font-size: 16px; font-weight: 800; color: var(--dz-text); } /* скидки в итогах — зелёные, как на экране «Спасибо» */ .dz-checkout .dz-totals__row[data-total-row="sale"] dt, .dz-checkout .dz-totals__row[data-total-row="sale"] dd, .dz-checkout .dz-totals__row[data-total-row="discount"] dt, .dz-checkout .dz-totals__row[data-total-row="discount"] dd { color: #1f9d55; } /* чекбокс согласия — ровный квадрат */ .dz-checkout .dz-consent .dz-check input[type="checkbox"] { flex: 0 0 18px; width: 18px; min-width: 18px; max-width: 18px; height: 18px; min-height: 18px; max-height: 18px; padding: 0; aspect-ratio: 1 / 1; border-radius: 5px; } /* СБП на красном: цветной логотип на белой плашке (в самом рисунке белый фон, поэтому без фильтров) */ .dz-checkout .dz-pay-opt input:checked + .dz-pay-opt__body .dz-pay-opt__icon--sbp { filter: none; mix-blend-mode: normal; background-color: #fff; border-radius: 7px; padding: 0; flex: 0 0 26px; width: 26px; height: 26px; } /* самовывоз: время получения — компактное поле без красной подсветки */ .dz-checkout .dz-selectbox { display: inline-block !important; width: 200px !important; min-width: 0; max-width: 100% !important; } .dz-checkout select.dz-slotselect, .dz-checkout select.dz-slotselect:focus, .dz-checkout select.dz-slotselect:focus-visible { outline: none !important; box-shadow: none !important; border: 0 !important; } /* СБП на красном: белый логотип (отдельный рисунок: белый знак на прозрачном фоне) */ .dz-checkout .dz-pay-opt input:checked + .dz-pay-opt__body .dz-pay-opt__icon--sbp { background: url("data:image/png;base64,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") center / contain no-repeat; background-color: transparent; mix-blend-mode: normal; filter: none; border-radius: 0; flex: 0 0 24px; width: 24px; height: 24px; } /* mobile pass: скрытый выбор времени (hidden) не должен показываться из-за display:inline-block !important выше */ .dz-checkout .dz-selectbox[hidden] { display: none !important; } /* заголовок карточки в одну строку, галочка справа; если на узком экране не хватает места — подпись переносится сама */ .dz-card__head { flex-wrap: nowrap; align-items: center; } .dz-card__head .dz-h { white-space: nowrap; } .dz-card__head .dz-check--head { margin-left: auto; flex: 0 1 auto; align-items: center; } .dz-card__head .dz-check--head .dz-check__text { white-space: normal; line-height: 1.2; } @media (max-width: 480px) { .dz-card__head .dz-check--head .dz-check__text { font-size: 13px; min-width: 0; } } .dz-card__head { gap: 8px; } .dz-card__head .dz-h { flex: none; } .dz-card__head .dz-check--head { min-width: 0; } .dz-checkout .dz-success__extras .dz-success__line { white-space: pre-line; overflow-wrap: anywhere; } .dz-checkout .dz-success__qr.is-expired .dz-success__qrimg { opacity: .15; filter: blur(3px); } /* End */ /* /local/components/domroz/checkout/templates/.default/style.css?179303970499817 */