/* Страницы оформления (checkout.html, order.html, digital/checkout.html) живут на стилях магазина dist/ab-shop.css
   поверх общего файла компонентов (tokens.css + base.css). Здесь то, чего им не хватало:
   шрифты сайта (без @font-face Inter и Stampatello Faceto подставлялись системные — «осталось пару шагов» на телефоне было не рукописным),
   системная подсветка нажатия выключена, как на всём сайте, и кнопка «Принять всё» в баннере cookie — .ui-btn-primary.ui-btn-sm из ui-library. */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('../assets/fonts/inter-regular.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('../assets/fonts/inter-medium.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('../assets/fonts/inter-semibold.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700 800; font-display: swap; src: url('../assets/fonts/inter-bold.woff2') format('woff2'); }
@font-face { font-family: 'StampatelloFaceto'; font-display: swap; src: url('../assets/fonts/StampatelloFacetoKern.otf') format('opentype'); }

html { -webkit-tap-highlight-color: transparent; touch-action: pan-x pan-y; } /* без зума двумя пальцами — как на всём сайте (tokens.css) */

/* Общий файл компонентов (css/base.css) подключён и здесь: кнопки, баннер cookie и движение кнопок магазина — оттуда.
   Типографика страниц магазина — своя (dist/ab-shop.css рассчитан на межстрочный интервал браузера). */
body { line-height: normal; overflow-x: visible; }
button, input { line-height: normal; }
/* шапка магазина считает ширину без полей (1120 + поля), а общий файл задаёт всем border-box */
.ab-topbar-inner { box-sizing: content-box; }

/* Ссылка «назад» в шапке оформления — doodle-стрелка arrows/arrow-right.svg (ui-library → «Иконки»), отражённая, встроена в разметку;
   по центру строки текста, на наведение чуть уходит влево */
.ab-topbar-back { gap: 8px; line-height: 1; }
.ab-back-arrow { display: block; flex: none; width: 18px; height: 10px; transform: scaleX(-1); transition: transform .2s cubic-bezier(.2, .8, .2, 1); }
.ab-topbar-back:hover .ab-back-arrow { transform: scaleX(-1) translateX(3px); }
@media (prefers-reduced-motion: reduce) { .ab-back-arrow { transition: none; } }