/* plenki.kz — правки по аудиту сайта 29.10.2026 (пак аудита 1 «Вёрстка, доступность, скорость»).
   Подключается в <head> событием pv_audit (1040) и ещё раз в common/footer.twig после pv-mobile.css.
   Номера — строки аудита (З-6 … З-22). Отключить: событие 1040 выключить и убрать строку из footer.twig. */

/* З-6. Видео и встраивания в описании товара — не шире экрана */
#tab-description iframe,
#tab-description embed,
#tab-description object,
#tab-description video {
  max-width: 100%;
}
#tab-description iframe[src*="youtube.com"],
#tab-description iframe[src*="youtu.be"] {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}
#tab-description img {
  max-width: 100%;
  height: auto;
}

/* З-7. Длинные слова в заголовках и названиях переносятся, а не уходят за край */
h1, h2, h3,
.product-thumb .caption .title,
.tov-grid .title {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
#content > h1 {
  -webkit-hyphens: auto;
  hyphens: auto;
}
@media (max-width: 767px) {
  #content > h1 {
    font-size: 26px;
    line-height: 1.2;
  }
}

/* З-8. Главная на телефоне: стрелки карусели статей — по краям, не на тексте */
@media (max-width: 767px) {
  .news-block .blog-main {
    padding-left: 40px;
    padding-right: 40px;
  }
}

/* Подпись «Ваша корзина:» — теперь <span>, а не <h4> внутри кнопки (заголовок в кнопке — ошибка разметки, З-22).
   В теме все span корзины — красный счётчик; подписи возвращаем вид прежнего h4 */
header .cart-block .pv-cart-t {
  position: static;
  display: block;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  border-radius: 0;
  background: none;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.1;
}

/* З-11. Экраны 768–1199: в кнопке корзины — значок и сумма; подпись остаётся для программ чтения с экрана */
@media (min-width: 768px) and (max-width: 1199px) {
  header .cart-block .pv-cart-t {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
}

/* Заголовки подвала: h4 → h2 (порядок заголовков, З-22) — вид прежний */
footer h2 {
  margin-top: 0;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.1;
  margin-bottom: 15px;
  letter-spacing: 1px;
  color: #ddd;
}
@media (max-width: 767px) {
  footer h2 { margin-bottom: 4px; }
}

/* Заголовки модулей главной («Новинки», «Рекомендуемые», «Акции», статьи): h3 → h2 (порядок заголовков, З-22) — вид прежнего h3 */
.main-header h2.pv-zag {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: none;
}

/* З-12. Ряды не шире экрана (лента брендов и др. — прямо в <body>, с пака 1 — в <main id="pv-main">) */
body > .row,
#pv-main > .row {
  margin-left: 0;
  margin-right: 0;
}
.col-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 100%;
}

/* Ленты отзывов и роликов на телефоне: поля ленты совпадают с полями страницы (10 px), край экрана не выходит */
@media (max-width: 767px) {
  .pv-rail,
  .pv-otzyvy__lenta,
  .pv-otzyvy--gl .pv-otzyvy__lenta {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    scroll-padding: 0 10px;
  }
}
/* стрелки каруселей (баннеры, бренды) на экранах от 768 px прятались за правый край и расширяли страницу на 10–20 px */
@media (min-width: 768px) {
  .swiper-viewport .swiper-button-next {
    right: 0;
  }
  .swiper-viewport .swiper-button-prev {
    left: 0;
  }
}
/* стрелка «›» ленты роликов в карточке — внутри экрана (768 и 1024 px) */
.pv-rail-wrap .pv-next {
  right: 0;
}

/* З-13. Без мыши (телефоны, планшеты) второе фото карточки не показывается — значит, и не скачивается */
@media (hover: none) {
  .product-image2 .pic-2 {
    display: none !important;
  }
}

/* З-22. Доступность */
/* контраст текста не ниже 4,5 : 1 */
header .h-line a,
.pv-til__a {
  color: #666;
}
.tov-grid .product-new-label {
  background-color: #A8476F;
}
.tov-grid .price .old,
.side-bestsell .price .old,
.testi-tov .price .old,
.full-tov .price .old,
.cart-tov .price .old {
  color: #BE5251;
}
.full-tov .rate a {
  color: #666;
}
.full-tov .parametr dd,
.nav-tabs > li > a,
.pagination > li > span,
header .cart-block a,
.icon-block p,
.news-block .date,
.full-tov .mini-text,
.blog-post span {
  color: #767676; /* было #777 — 4,47 : 1 на белом, норма 4,5 */
}
.nav-tabs > li.active > a {
  color: #333;
}
/* статья блога: «отзывы / написать отзыв» (было #888 — 3,5 : 1); «Внимание:» в форме отзыва — красный темнее (было 4,0 : 1;
   цвет задан в языковом файле прямо в теге, поэтому !important) */
.blog-post .rate a {
  color: #666;
}
#form-review .help-block > span {
  color: #C9302C !important;
}
/* палитра PLATINUM PPF: число плёнок у семейства (было #888 — 3,5 : 1); ссылка в тексте внизу — подчёркнута */
html #pv-palitra .pv-pal-nav small,
html #pv-palitra .pv-pal-sec h2 small,
html #pv-palitra .pv-pal-note,
html #pv-palitra .pv-pal-nomer {
  color: #767676;
}
#pv-palitra .pv-pal-foot a {
  text-decoration: underline;
}
/* число товаров у значения фильтра (было #888 — 3,5 : 1) */
html #pv-filtr .pv-filtr-n {
  color: #767676;
}
/* кнопка «Заказать через WhatsApp» — тот же зелёный, темнее: белый текст читается (было 2,5 : 1) */
.btn-success {
  background-color: #418241;
  border-color: #397339;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
  background-color: #356b35;
  border-color: #2d5b2d;
}
/* ролики и отзывы: бирюзовый темнее на ступень */
.pv-link {
  color: #008094;
}
.pv-cap span {
  color: #6E757B;
}
.pv-otzyvy__btn--g {
  background-color: #008094;
  border-color: #008094;
}
/* фокус с клавиатуры виден на всех ссылках и кнопках */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
.btn:focus-visible {
  outline: 2px solid #5D3B9B !important;
  outline-offset: 2px;
}
/* <main> принимает фокус только по «Перейти к содержимому» — рамка вокруг всей страницы не нужна */
#pv-main:focus,
#pv-main:focus-visible {
  outline: none !important;
}
/* ссылка «Перейти к содержимому» — видна только при переходе с клавиатуры */
.pv-skip {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 10000;
  padding: 12px 16px;
  background: #5D3B9B;
  color: #fff;
  font-weight: 700;
}
.pv-skip:focus {
  left: 8px;
  top: 8px;
  color: #fff;
}
/* ссылки внутри текста отличаются не только цветом */
#tab-description p a,
#tab-description li a,
.pv-kat-tekst p a,
.pv-kat-tekst li a,
.blog-post p a,
.blog-post li a,
.category-description p a,
.main-header p a {
  text-decoration: underline;
}

/* ===== 30.10.2026, пак «Windows»: шапка на ноутбуках с Windows. Там полоса прокрутки занимает 15–17 px, а масштаб
   125–150 % даёт ширину окна 1093–1300 px — на этих ширинах шапка была выше на 19 px (992–1201), «Блог» уходил во
   вторую строку меню (1200–1290) и значки «Закладки» / «Кабинет» вставали друг под другом (1289–1310). ===== */
/* меню 1200–1399 px: пункты чуть плотнее — «Блог» в одной строке с остальными */
@media (min-width: 1200px) and (max-width: 1399px) {
  .n-bg .navbar-inverse .navbar-nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
  }
}
/* шапка 992–1201 px: без полей телефонной раскладки (по 25 px у логотипа, телефона и поиска) */
@media (min-width: 992px) and (max-width: 1201px) {
  header .logo,
  header .phone-block {
    margin-bottom: 0;
  }
  header .search-block {
    margin-top: 0;
    margin-bottom: 0;
  }
}
/* значки «Закладки» и «Кабинет» 1200–1399 px: тема сближала их только до 1288 px — с полосой прокрутки этого мало */
@media (min-width: 1200px) and (max-width: 1399px) {
  header .ac-block .btn-grey {
    margin-left: -4px;
  }
}
/* кнопка корзины 768–1199 px: сумма рядом со значком и по его середине, цифра в красном кружке — по центру */
@media (min-width: 768px) and (max-width: 1199px) {
  header .cart-block #cart > button {
    text-align: left;
    line-height: 38px;
  }
  header .cart-block #cart-total {
    line-height: 22px;
    text-align: center;
  }
}