/* PATCHES-STOREFRONT-MOBILE (CL-PC1-L1-ANTS-STAND-1031): оформление в 2 шага (корзина с 4101: сумма в шапке + .sm-go в storefront-compact.css).
   Всё внутри media (max-width:767px); вне её плашка, шаги и «Далее»/«Назад» скрыты, форма как в R61. */
.sm-go, .sm-steps, .sm-next, .sm-back { display: none; }
.sm-visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

@media (max-width: 767px) {
  /* ── размеры S/M/L/XL: область нажатия >=44x44 (поставка ANTS-SIZE-TARGETS-1016 не вошла в R57–R61: тест 36/45;
        блок перенесён сюда дословно, вид прежний, десктоп не тронут) ── */
  /* поля -8px = боковой отступ .product-card__info (8px): ряд размеров не выходит за край карточки, страница не сдвигается вбок */
  .product-card__sizes { gap: 0; margin-bottom: 0; margin-left: -8px; margin-right: -8px; justify-content: center; flex-wrap: nowrap; }
  .pmodal__sizes { gap: 0; align-items: center; margin-top: 0; }
  .product-card__size, .pmodal__size {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 44px; min-height: 44px; padding: 0; margin: 0 2px;
    border-bottom: 0;
    text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px;
    text-decoration-color: transparent;
    transition: color 0.15s, text-decoration-color 0.15s;
  }
  .product-card__size[aria-pressed="true"], .pmodal__size[aria-pressed="true"] { text-decoration-color: var(--accent); }

  .product-card__buy-btn.sm-added { background: #17150f; color: #fff; border-color: #17150f; }

  /* ── оформление в 2 шага ── */
  .sm-step-hidden { display: none !important; }
  .sm-steps { display: block; margin: 0 0 16px; }
  .sm-steps__list { display: flex; gap: 8px; list-style: none; margin: 0; padding: 0; }
  .sm-steps__item {
    flex: 1 1 0; display: flex; align-items: center; gap: 8px; padding: 10px 0 8px;
    border-bottom: 3px solid var(--border, #d9d2c5); color: #6b655a; font-size: 13px;
  }
  .sm-steps__item.is-current { border-bottom-color: #BB5029; color: #17150f; font-weight: 600; }
  .sm-steps__item.is-done { border-bottom-color: #17150f; color: #17150f; }
  .sm-steps__num {
    width: 22px; height: 22px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
    border-radius: 50%; border: 1px solid currentColor; font-size: 12px;
  }
  .sm-steps__item.is-current .sm-steps__num { background: #BB5029; border-color: #BB5029; color: #fff; }
  .sm-next { display: block; margin-top: 16px; }
  .sm-next__error { margin: 0 0 10px; }
  .sm-back { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; flex-wrap: wrap; }
  .sm-back__btn {
    min-height: 44px; padding: 0 14px; background: #F3E9E3; border: 1px solid #A09088;
    color: #17150f; font-family: inherit; font-size: 14px; cursor: pointer;
  }
  .sm-back__who { font-size: 13px; color: #6b655a; overflow-wrap: anywhere; }
}

/* 1534 D7b–D7g: цели нажатия >=44x44 на телефоне. Только размеры области нажатия; цвета, шрифты и вид значков прежние.
   Файл подключён после всех встроенных стилей index.html, поэтому правила с тем же весом, что и у исходных, здесь выигрывают.
   Значки шапки (D7a) и подпись логотипа (D6) НЕ тронуты: ширина полосы значков и логотип связаны, нужен макет шапки (см. PATCH.md). */
@media (max-width: 767px) {
  .cat-sidebar__close { min-width: 44px; min-height: 44px; justify-content: center; margin: -9px; } /* D7b: поля -9 гасят рост 26→44: строка заголовка панели и стрелка остаются на прежних местах */
  .search-overlay__close { min-width: 44px; min-height: 44px; display: flex; align-items: center; justify-content: center; right: 12px; } /* D7c: центр значка остаётся там же */
  .pmodal__arrow { width: 44px; height: 44px; } /* D7d */
  .cart-item__size-select { min-height: 44px; } /* D7e */
  .delivery-modal__close { min-width: 44px; min-height: 44px; align-items: center; justify-content: center; top: 16px; right: 16px; } /* D7f: центр значка остаётся там же */
  .footer__link { display: flex; align-items: center; min-height: 44px; margin-bottom: 0; } /* D7g */
  .footer__bottom-links a { display: flex; align-items: center; justify-content: center; min-height: 44px; } /* центр — как был у строки текста в подвале */
}

/* P3-66: transparent hit padding; glyphs and existing layout keep their sizes.
   Header actions are excluded: 30px buttons with 4px gaps cannot hold disjoint
   44px hit areas without moving the wordmark/icons (Board decision required). */
.announcement-close, .burger, .occ-sidebar__back, .cart-sidebar__close { position: relative; }
.announcement-close::after, .burger::after, .occ-sidebar__back::after,
.cart-sidebar__close::after, .pcar-arrow::after,
.pmodal__close::after {
  content: ""; position: absolute; left: 50%; top: 50%;
  min-width: 44px; min-height: 44px; width: 100%; height: 100%;
  transform: translate(-50%, -50%);
}

.rc-receipt-title { font-size: 1em; } /* Preserve the former h4 typography. */
/* P3-66: transparent hit padding; glyphs and existing layout keep their sizes.
   Header actions are excluded: 30px buttons with 4px gaps cannot hold disjoint
   44px hit areas without moving the wordmark/icons (Board decision required). */
.announcement-close, .burger, .occ-sidebar__back, .cart-sidebar__close { position: relative; }
.announcement-close::after, .burger::after, .occ-sidebar__back::after,
.cart-sidebar__close::after, .pcar-arrow::after,
.pmodal__close::after {
  content: ""; position: absolute; left: 50%; top: 50%;
  min-width: 44px; min-height: 44px; width: 100%; height: 100%;
  transform: translate(-50%, -50%);
}