/* plenki.kz — мобильные правки поверх темы madeira.
   2026-10-17, правка 2026-10-19 (телефон и адрес в шапке). Подключается последней строкой в common/footer.twig.
   Действует только на экранах до 767px; на компьютере ничего не меняет.
   Отключить: убрать строку pv-mobile.css из footer.twig. */
@media (max-width: 767px) {

  /* 1. Цели нажатия не меньше 44×44 */
  footer .list-unstyled > li > a,
  footer .cont > li > a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    font-size: 14px;
    line-height: 1.3;
  }
  footer .list-unstyled > li { margin: 0; }
  footer h4 { margin-bottom: 4px; }
  footer .mt-45 { margin-top: 24px; }

  .product-thumb .add-to-cart {
    min-height: 44px;
    line-height: 44px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .product-thumb .caption .title > a {
    display: block;
    padding: 12px 0;
  }
  .product-thumb .social li a {
    min-width: 44px;
    min-height: 44px;
    line-height: 44px;
  }

  .pagination > li > a,
  .pagination > li > span {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .input-group-sm > .form-control,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .btn {
    height: 44px;
    font-size: 14px;
  }
  header .form-control,
  header .input-group-btn > .btn {
    min-height: 44px;
  }
  header .btn-grey {
    min-width: 44px;
    min-height: 44px;
  }

  .navbar-offcanvas li > a {
    min-height: 44px;
    display: flex;
    align-items: center;
  }

  /* Количество в карточке: стрелки рядом с полем, а не столбиком по 24px */
  .number-spinner { display: flex; }
  .number-spinner .form-control { flex: 1 1 auto; min-width: 0; }
  .number-spinner .input-group-btn-vertical {
    display: flex;
    width: auto;
  }
  .number-spinner .input-group-btn-vertical > .btn {
    width: 44px;
    height: 46px;
    border-radius: 0;
    margin: 0;
  }

  .pv-links a { min-height: 44px; display: inline-flex; align-items: center; }
  .pv-cv-bar button { min-height: 44px; }

  footer .list-unstyled > li > a { min-width: 44px; }
  footer .soc li a { min-width: 44px; justify-content: center; }

  header .pull-right > li > a,
  header .btn-block > a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
  /* Телефон и адрес в шапке — друг под другом, как в теме. Правило выше ставило их в одну строку,
     и адрес обрезался (найдено после выката 19.10) */
  header .phone-block .btn-block > a {
    display: flex;
    justify-content: center;
  }
  .navbar-toggle { min-height: 44px; }

  .m-b.b-h span > a {
    display: inline-block;
    padding: 12px 0;
  }
  .blog-main .btn { min-height: 44px; line-height: 30px; }

  .breadcrumb > li > a {
    display: inline-block;
    min-width: 44px;
    padding: 14px 0;
  }
  .full-tov .rate a {
    display: inline-block;
    padding: 14px 0;
  }
  .nav-tabs > li > a { min-height: 44px; }
  .btn-group-sm > .btn-grey { min-height: 44px; line-height: 30px; font-size: 14px; }
  .side-bestsell .title > a {
    display: block;
    padding: 12px 0;
  }

  /* 2. Текст не мельче 14px; подписи на роликах не мельче 12px */
  footer, footer p, footer a, footer li { font-size: 14px; }
  .input-group-addon { font-size: 14px; }
  header .pull-right > li > a { font-size: 14px; }
  .pv-cap span { font-size: 14px; }
  .pv-dur, .pv-thumb-dur, .pv-cv-badge, .pv-eyebrow,
  .product-thumb .product-new-label { font-size: 12px; }
  footer .logo a { display: inline-block; min-height: 44px; }

  /* 3. Заголовок главной: не в четыре строки */
  .main-header h1 {
    font-size: 20px;
    line-height: 1.25;
    text-transform: none;
  }

  /* 4. Миниатюры карточки — рядом под фото, а не колонкой слева */
  .thumbnails {
    display: flex;
    flex-wrap: wrap;
  }
  .thumbnails > .col-xs-10 {
    order: 1;
    width: 100%;
    float: none;
  }
  .thumbnails > .col-xs-2 {
    order: 2;
    width: 100%;
    float: none;
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    padding-top: 10px;
    -webkit-overflow-scrolling: touch;
  }
  .thumbnails > .col-xs-2 > .image-additional,
  .thumbnails > .col-xs-2 > .pv-thumb {
    flex: 0 0 64px;
    width: 64px;
    margin: 0;
  }
  .thumbnails > .col-xs-2 .thumbnail { margin-bottom: 0; }
}