/* Доработки по SEO-аудиту (docs/seo-audit). Подключается после common.css. */

/* SEO-08: заголовки блоков стали <h2>, вид прежний (шрифт текста, а не Oswald у h2) */
.section-2 .head h2.title-plain {
font-family: inherit;
}

/* SEO-23: вместо style="" в шаблонах */
.brand-logo {
width: 100px;
height: 80px;
}
.brand-logo--big {
width: 200px;
height: 120px;
}
.is-hidden {
display: none;
}
.hp-field {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
#cookie-notice {
background-color: rgba(50, 50, 58, 1);
}
#cookie-notice .cookie-notice-container {
color: #fff;
}
#cookie-notice .cn-button {
background-color: #1439bb;
}

/* SEO-13: ссылка на текущую страницу — без href, вид как у остальных пунктов */
a.is-current {
cursor: default;
}

/* SEO-19: адрес и e-mail — ссылки, вид прежний */
.contact-link {
color: inherit;
text-decoration: none;
}
.contact-link:hover {
text-decoration: underline;
}

/* SEO-16: виджет рейтинга Яндекса — целиком ссылка на отзывы */
.yandex-rating {
position: relative;
display: inline-block;
width: 150px;
height: 50px;
}
.yandex-rating iframe {
display: block;
border: 0;
}
.yandex-rating a {
position: absolute;
inset: 0;
}

/* SEO-17: липкая шапка. Мобильные — шапка с логотипом, телефоном и бургером (.sticky-mobile).
   Десктоп — компактная полоса .sticky-bar: появляется, когда обычная полоса меню ушла за экран.
   Она position: fixed и не занимает места в потоке — иначе смена высоты шапки сдвигает страницу,
   а сдвиг снова переключает шапку (дёрганье). body — чтобы перебить .topmenu { position: relative } из доп. CSS */
body .sticky-bar {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000; /* выше карточек и картинок (до 999), ниже попапов и выпадающих списков */
box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
transform: translateY(-100%);
visibility: hidden;
transition: transform .25s ease, visibility .25s;
}
body .sticky-bar.is-visible {
transform: none;
visibility: visible;
}
.sticky-bar .site-width {
display: flex;
align-items: center;
}
body .sticky-bar .main-menu {
flex: 1;
justify-content: space-between;
margin: 0 20px;
}
body .sticky-bar .main-menu > li {
padding-top: 0;
padding-bottom: 0;
margin-right: 10px;
}
body .sticky-bar .main-menu > li:last-child {
margin-right: 0;
}
.sticky-bar .main-menu > li > a {
padding-top: 13px;
padding-bottom: 13px;
font-size: 14px;
white-space: nowrap;
}
.sticky-bar .topmenu-logo,
.sticky-bar .topmenu-contacts {
display: flex;
align-items: center;
flex-shrink: 0;
}
.sticky-bar .topmenu-logo a {
display: block;
width: 80px;
height: 33px;
background: url(../images/aks-logo-white.svg) no-repeat;
background-size: contain;
}
.sticky-bar .topmenu-phone {
font-weight: 500;
font-size: 18px;
line-height: 21px;
letter-spacing: 0.035em;
color: #fff;
text-decoration: none;
white-space: nowrap;
}
.sticky-bar .topmenu-phone:hover {
color: #FFAF1E;
}
.sticky-bar .btn-fast {
margin: 0 0 0 20px;
padding: 6px 18px;
border: 2px solid #FFAF1E;
border-radius: 100px;
font-size: 14px;
line-height: 17px;
color: #fff;
white-space: nowrap;
cursor: pointer;
transition: .3s ease;
}
.sticky-bar .btn-fast:hover {
background: #FFAF1E;
color: #000;
}
/* На узких десктопах меню не помещается вместе со всем — оставляем главное: телефон */
@media screen and (max-width: 1280px) {
.sticky-bar .topmenu-logo {
display: none;
}
body .sticky-bar .main-menu {
margin-left: 0;
}
}
@media screen and (max-width: 1170px) {
.sticky-bar .btn-fast {
display: none;
}
}
@media screen and (max-width: 1000px) {
body .sticky-bar {
display: none;
}
}
@media (prefers-reduced-motion: reduce) {
body .sticky-bar {
transition: none;
}
}
.sticky-mobile {
position: sticky;
top: 0;
z-index: 1000;
}
@media screen and (max-width: 1000px) {
.sticky-mobile .mobile-menu-block {
max-height: calc(100vh - 55px);
overflow-y: auto;
}
}

/* SEO-17: кнопка «Наверх» */
.to-top {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 1001;
width: 48px;
height: 48px;
padding: 0;
border: 0;
border-radius: 50%;
background: #1539BB;
box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
cursor: pointer;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: opacity .2s, visibility .2s, transform .2s, background-color .2s;
}
.to-top.is-visible {
opacity: 1;
visibility: visible;
transform: none;
}
.to-top:hover,
.to-top:focus-visible {
background: #ffdd00;
}
.to-top:focus-visible {
outline: 2px solid #1539BB;
outline-offset: 2px;
}
.to-top::before {
content: "";
position: absolute;
left: 50%;
top: 55%;
width: 14px;
height: 14px;
border: solid #fff;
border-width: 3px 0 0 3px;
transform: translate(-50%, -50%) rotate(45deg);
}
.to-top:hover::before,
.to-top:focus-visible::before {
border-color: #1539BB;
}
/* Пока видна плашка про cookie — выше неё */
body.cookie-notice-shown .to-top {
bottom: 90px;
}
@media (prefers-reduced-motion: reduce) {
.to-top {
transition: none;
}
}

/* SEO-18.1: плашка-предупреждение на мобильных — компактнее */
@media screen and (max-width: 767px) {
.head_warning-text {
font-size: 13px;
line-height: 1.3;
padding: 6px 10px;
margin-bottom: 10px;
}
}

/* SEO-18.2: стрелки в мобильных каруселях товаров */
.section-products.slider .slick-arrow {
display: none;
}
@media screen and (max-width: 600px) {
.section-products.slider {
position: relative;
padding: 0 44px;
}
.section-products.slider .slick-arrow {
display: block;
position: absolute;
top: 90px;
z-index: 10;
width: 44px;
height: 44px;
margin: 0;
padding: 0;
border: 0;
border-radius: 50%;
background: #fff center / 31px 31px no-repeat;
cursor: pointer;
font-size: 0;
}
.section-products.slider .slick-prev {
left: 0;
background-image: url(../images/arrow-l.svg);
}
.section-products.slider .slick-next {
right: 0;
background-image: url(../images/arrow-r.svg);
}
.section-products.slider .slick-arrow.slick-disabled {
opacity: .35;
cursor: default;
}
}

/* SEO-20: подпись чекбокса фильтра — <span> вместо <div> (div внутри label недопустим), вид прежний */
.checkbox span.name {
display: block;
}