/* Правки вёрстки 13.11.2026. Подключается последним на всех страницах, перекрывает исходные правила. */

/* 1.1 Меню: список вплотную к пункту. Прежний визуальный отступ 7 px — прозрачная верхняя рамка,
   она часть списка, поэтому курсор не «проваливается» между пунктом и списком. */
@media (min-width:1024px){
  .shared-shell .dropdown{
    top:100%;
    border-top:7px solid transparent;
    background-clip:padding-box;
    border-top-left-radius:4px 11px;
    border-top-right-radius:4px 11px;
    box-shadow:inset 0 1px 0 #e7e9e2,0 20px 50px #19200f14;
  }
}

/* 2.1 Подзаголовок H1 переносится до 1280 px, чтобы не выходить за экран. */
@media (min-width:1024px) and (max-width:1279px){
  .shared-shell .headline-line,.headline-line{white-space:normal}
}

/* 2.2 «Контакты» оформлены как остальные пункты меню: та же ступень кегля 1024–1399 px. */
@media (min-width:1024px) and (max-width:1399px){
  .shared-shell .contact-link{font-size:13px}
}

/* 3.4 Мобильное меню: одна линия под «Контактами» (у ссылки уже есть нижняя граница). */
@media (max-width:1023px){
  header #main-nav .mobile-contact{border-top:0!important}
}

/* 3.2 не применено: на мобильном заголовок первой карточки лежит поверх фото на месте номера «01»,
   номер скрыт намеренно (mobile-ux.css). Показать его можно только вместе с изменением раскладки карточки. */

/* 3.3 «Подобрать технику» в карточках 02–04 — в одну строку. */
@media (max-width:699px){
  .brand-intro .direction-card:not(:first-child) .direction-action{
    width:max-content;min-width:44%;max-width:100%;
    padding-left:6px;padding-right:6px;gap:4px;white-space:nowrap;
  }
}

/* 3.6 Мелкий текст в карточках каталога на мобильном — не меньше 12 px. */
@media (max-width:1023px){
  html body :is(.catalog-product .catalog-sku,.shop-card .shop-sku){font-size:12px!important}
  html body :is(.catalog-specs,.shop-specs) dt{font-size:12px!important}
  html body .scout-status-label{font-size:12px!important}
  html body #catalog-count{font-size:12px!important}
}

/* 3.5 Зоны нажатия на мобильном: расширяем невидимым псевдоэлементом, вид не меняется. */
@media (max-width:1023px){
  .legal-checkbox{min-height:44px;cursor:pointer}
  .legal-checkbox a,.form-legal a,
  .shared-footer .footer-bottom a,
  .shared-footer .footer-legal a,
  .shared-footer .footer-contact>a:not(.footer-phone),
  .catalog-product h3 a{position:relative}
  .legal-checkbox a::after,.form-legal a::after{content:"";position:absolute;inset:-9px -4px}
  .shared-footer .footer-bottom a::after,
  .shared-footer .footer-legal a::after,
  .shared-footer .footer-contact>a:not(.footer-phone)::after{content:"";position:absolute;inset:-10px -6px}
  .catalog-product h3 a::after{content:"";position:absolute;inset:-8px 0}
}

/* Скорость: страницы, где содержимое рисует скрипт, занимают экран сразу — подвал не прыгает при загрузке (CLS). */
main.product-page,main.shop-page{min-height:100vh}