/* ==========================================================================
   Dorss-Market — «лёгкое обновление», версия 2 (2026-09-25, Mobless)
   Слой стилей поверх текущей вёрстки: разметка, классы и JS не меняются,
   обмен с 1С, корзина и ЛК не затрагиваются.
   Подключается в header.php при cookie dm_preview=refresh (предпросмотр),
   после одобрения владельца — всем.
   Версия 2 закрывает неровности v1: двойная рамка поиска, обрезанный поиск
   на телефоне, прыжок стрелок слайдера при наведении, обрезанные тени
   карточек в слайдерах, разная высота фото → «пляшущие» цены, блок статей
   вне общей сетки, белая полоса под подвалом на коротких страницах,
   сдвиг страницы вбок при фокусе на слайдере, разнобой скруглений.
   ========================================================================== */
:root{
  --dm-orange:#f2640e; --dm-orange-h:#d9540a; --dm-orange-soft:#fff1e8; --dm-orange-line:#f7c7a6;
  --dm-ink:#1c232b; --dm-muted:#6b7682; --dm-line:#e6e9ed; --dm-surf:#f6f7f9; --dm-dark:#1c232b;
  --dm-r-lg:20px; --dm-r:16px; --dm-r-md:12px; --dm-r-sm:10px;
  --dm-shadow:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.06);
  --dm-shadow-h:0 10px 22px -12px rgba(16,24,40,.28),0 4px 10px -6px rgba(242,100,14,.22);
  --dm-font:"Roboto",-apple-system,"Segoe UI","Helvetica Neue",Arial,sans-serif;
}

/* === 1. Каркас ============================================================ */
body{font-family:var(--dm-font);color:var(--dm-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
/* подвал прижат к низу на коротких страницах (пустая корзина, вход) — без белой полосы под ним */
.wrapper>main{flex:1 0 auto}
/* слайдеры шире контейнера на 15px: overflow:hidden позволял программно сдвинуть страницу вбок при фокусе */
main .container{overflow:hidden;overflow:clip}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(242,100,14,.45);outline-offset:2px}

/* === 2. Шапка ============================================================== */
.header_new{border-bottom:0;box-shadow:0 1px 0 var(--dm-line),0 8px 20px -18px rgba(16,24,40,.35);position:relative;z-index:50}
/* ревью 25.09: подсветка крайних пунктов меню выступает на 10px (отрицательный margin) и при ширине окна 1251–1269px
   (ноутбук 1280 с полосой прокрутки) давала горизонтальную прокрутку. Обрезаем только по горизонтали:
   выпадающее меню каталога и окно выбора города уходят вниз и не страдают */
.header_new{overflow-x:clip}
.header_new .t_menu{background:var(--dm-dark)}
.header_new .c_menu .pc_burger_menu a{border-radius:var(--dm-r-md);padding:4px 16px;font-weight:500}
/* поиск: рамка на обёртке, поле без своей рамки (в v1 была двойная рамка) */
.header_new .c_menu .pc_search{border:1.5px solid var(--dm-line);border-radius:var(--dm-r-md);padding:3px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}
.header_new .c_menu .pc_search:focus-within{border-color:var(--dm-orange);box-shadow:0 0 0 4px rgba(242,100,14,.14)}
.header_new .c_menu .pc_search form .search_input{border:0;outline:0;background:transparent;padding:0 12px;font-size:15px;min-width:0}
.header_new .c_menu .pc_search form .search_button{border-radius:9px;width:42px}
.header_new .c_menu .pc_icons_menu .h_phone .p_number{font-weight:700;letter-spacing:.01em}
.header_new .c_menu .pc_icons_menu .contacts i,.header_new .c_menu .pc_icons_menu .wishlist i,.header_new .c_menu .pc_icons_menu .small_cart i{transition:transform .15s ease}
.header_new .c_menu .pc_icons_menu a:hover i{transform:translateY(-1px)}
/* меню: подсветка-пилюля при наведении без сдвига текста (padding компенсирован отрицательным margin) */
/* пункты меню — флекс с центровкой: текст ровно посередине пилюли (в v2 «Скидки» был прижат к верху:
   у пункта оставался старый padding 0 10px, а высоту растягивала строка меню до 33px) */
.header_new .b_menu{padding-top:12px;padding-bottom:12px}
.header_new .b_menu>a{display:inline-flex;align-items:center;gap:6px;line-height:1.2;font-weight:500;letter-spacing:.02em;padding:5px 10px;margin:-5px -10px;border-radius:999px;transition:background .15s ease,color .15s ease}
.header_new .b_menu>a:hover{background:var(--dm-orange-soft);color:var(--dm-orange)}
.header_new .b_menu>a.discounts{padding:5px 14px;margin:-5px -14px;border-radius:999px;font-weight:600}
.header_new .b_menu>a.discounts>i{font-size:13px;line-height:1}
.header_new .b_menu>a.discounts:hover{background:var(--dm-orange-h);color:#fff;opacity:1}
/* ≤1250px: единый отступ от края 10px у шапки, меню, контента и подвала.
   Было: шапка 5px, контент 10px (край «гулял»), а пилюли меню вылезали за экран на 5px */
@media (max-width:1250px){
  .header_new .t_menu,.header_new .c_menu,.header_new .b_menu{padding-left:10px;padding-right:10px}
  footer .footer_cover,.after_footer .after_footer_cover{padding-left:10px;padding-right:10px}
  footer .footer_top{padding-left:0;padding-right:0}
}
/* поиск на телефоне (≤630px): в v1 поле обрезалось снизу и не совпадало с кнопкой */
@media (max-width:630px){
  .header_new .s_menu{height:44px;padding:0 10px;margin-bottom:10px}
  .header_new .s_menu .search_input{background:#f1f3f5;border:1.5px solid transparent;border-radius:var(--dm-r-md);margin-right:8px;padding:0 14px;font-size:15px;min-width:0}
  .header_new .s_menu .search_input:focus{background:#fff;border-color:var(--dm-orange);outline:0}
  .header_new .s_menu .search_button{flex:0 0 44px;width:44px;height:44px;border-radius:var(--dm-r-md);display:flex;align-items:center;justify-content:center}
  .header_new .s_menu .search_button i{position:static}
  .header_new .c_menu .pc_burger_menu a{padding:4px 14px}
}
.footer_fixed{box-shadow:0 -6px 16px -12px rgba(16,24,40,.3);border-top-color:var(--dm-line)}

/* === 3. Заголовки секций и слайдеры ======================================== */
.index_h1{font-size:clamp(20px,1.1rem + .9vw,28px)!important;font-weight:800!important;letter-spacing:-.015em;color:var(--dm-ink)}
.slider_items_block .sub_title>div{font-weight:800;letter-spacing:-.015em;position:relative;padding-left:14px}
/* полоса привязана к первой строке — на телефоне заголовок и «Все …» идут в две строки */
.slider_items_block .sub_title>div::before{content:"";position:absolute;left:0;top:.28em;height:1em;width:5px;border-radius:3px;background:var(--dm-orange)}
.slider_items_block .sub_title>div>a{border-bottom:1px solid transparent;color:var(--dm-muted);font-weight:500;line-height:1.2}
.slider_items_block .sub_title>div>a:hover{color:var(--dm-orange);border-bottom-color:currentColor}

/* главный баннер */
.index_slider{border-radius:var(--dm-r-lg);overflow:hidden;box-shadow:var(--dm-shadow)}
.index_slider img{display:block;width:100%;height:auto}
.index_slider .slick-prev{left:14px}
.index_slider .slick-next{right:14px}

/* стрелки всех слайдеров: круглые; при наведении меняется только цвет —
   в v1 hover задавал transform и стрелка «прыгала», теряя translateY(-50%) из slick */
.index_slider .slick-prev,.index_slider .slick-next,
.index_slider_section_list .slick-prev,.index_slider_section_list .slick-next{
  width:40px;height:40px;border-radius:50%;box-shadow:0 4px 12px -4px rgba(242,100,14,.5);transition:background .15s ease,box-shadow .15s ease}
.index_slider .slick-prev:hover,.index_slider .slick-next:hover,.index_slider .slick-prev:focus,.index_slider .slick-next:focus,
.index_slider_section_list .slick-prev:hover,.index_slider_section_list .slick-next:hover,
.index_slider_section_list .slick-prev:focus,.index_slider_section_list .slick-next:focus{background:var(--dm-orange-h);opacity:1}
.index_slider_section_list .slick-prev{right:66px}
.index_slider_section_list .slick-prev,.index_slider_section_list .slick-next{top:-42px}
/* запас сверху/снизу, чтобы тень и подъём карточки при наведении не обрезались краем слайдера */
.index_slider_section_list .slick-list{padding-top:8px;margin-top:-8px;padding-bottom:24px;margin-bottom:-14px}

/* === 4. Карточка товара (главная, каталог, поиск, «похожие») ================ */
.items_list_item{
  border:1px solid var(--dm-line);border-radius:var(--dm-r)!important;box-shadow:var(--dm-shadow);background:#fff;
  justify-content:flex-start!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.items_list_item:hover{transform:translateY(-3px);box-shadow:var(--dm-shadow-h);border-color:var(--dm-orange-line)}
.items_list_item.psevdo_element{padding:0!important;border:0!important;box-shadow:none!important}
/* флекс-сетка каталога не сжималась уже 370px (min-width:auto по ширине фото) — на телефонах 360–375 карточки уезжали за край */
.items_block .items_list,.items_list_item,.items_list_item .ili_img img{min-width:0}
.items_list_item .not_available_block{border-radius:inherit}
/* фото в квадрате одинаковой высоты: цены в ряду на одной линии, нет сдвига вёрстки при загрузке фото */
.items_list_item .ili_img{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;width:100%}
.items_list_item .ili_img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
/* ярлыки «Скидка», «Новинка» — язычок от края карточки */
.items_list_item .ili_img .labels_block{left:-11px;top:10px}
.items_list_item .ili_img .labels_block span{border-radius:0 999px 999px 0;padding:2px 12px 2px 11px;font-size:11px;line-height:16px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px}
.items_list_item .ili_img .labels_block span.discount_label{background:#e5372b}
.items_list_item .ili_img .labels_block span.new_label{background:#3b82c4}
.items_list_item .ili_price{margin-top:12px;flex-wrap:wrap;row-gap:4px}
.items_list_item .ili_price>span:first-child{font-weight:800;letter-spacing:-.01em}
.items_list_item .ili_price .discount_summ{color:#9aa4af;margin-left:10px}
.items_list_item .ili_price .discount_perc{background:var(--dm-orange-soft);color:var(--dm-orange);border-radius:999px;padding:1px 8px;font-weight:700;font-size:13px;margin-left:10px}
.items_list_item .ili_name{color:var(--dm-ink);font-weight:500;line-height:1.35}
.items_list_item .ili_name:hover{color:var(--dm-orange)}
.items_list_item .ili_balls{color:var(--dm-muted);font-size:13px;align-items:center}
.items_list_item .ili_balls span{background:var(--dm-orange-soft);color:var(--dm-orange);border-radius:999px;font-weight:700;font-size:13px;padding:0 8px;margin-right:6px}
.items_list_item .ili_artnumber{color:var(--dm-muted);font-size:13px}
.items_list_item .ili_artnumber span{font-weight:500}
/* кнопки — всегда у нижнего края карточки */
.items_list_item .ili_actions{margin-top:auto;padding-top:12px;align-items:center}
.items_list_item .ili_actions a.add_cart{
  display:inline-flex;align-items:center;justify-content:center;min-height:42px;
  border-radius:var(--dm-r-md);font-size:16px;font-weight:600;padding:0 20px;
  box-shadow:0 6px 14px -8px rgba(242,100,14,.7);transition:background .15s ease,box-shadow .15s ease,transform .1s ease}
.items_list_item .ili_actions a.add_cart:hover{opacity:1;background:var(--dm-orange-h);border-color:var(--dm-orange-h)}
.items_list_item .ili_actions a.add_cart:active{transform:scale(.97)}
.items_list_item .ili_actions a.add_cart.incart_status{box-shadow:none}
.items_list_item .ili_actions a.add_cart.incart_status:hover{background:var(--dm-orange-soft);color:var(--dm-orange);border-color:var(--dm-orange)}
.items_list_item .ili_actions a.add_wishlist{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--dm-r-md);font-size:20px;transition:color .15s ease,background .15s ease}
.items_list_item .ili_actions a.add_wishlist:hover{background:var(--dm-orange-soft)}
/* снятые с продажи товары (плашка .dorss_sale_stopped — от сессии снятия товаров, CHANGELOG #42/#44):
   купить нельзя, поэтому не показываем «+N баллов» и признаки скидки; плашка — в размер кнопок */
.items_list_item:has(.dorss_sale_stopped) .ili_balls,
.items_list_item:has(.dorss_sale_stopped) .labels_block .discount_label,
.items_list_item:has(.dorss_sale_stopped) .ili_price .discount_summ,
.items_list_item:has(.dorss_sale_stopped) .ili_price .discount_perc{display:none}
.items_list_item:has(.dorss_sale_stopped) .ili_price>span:first-child{color:var(--dm-muted)}
.items_list_item .ili_actions .dorss_sale_stopped{display:inline-flex!important;align-items:center;min-height:42px;padding:0 14px!important;border-radius:var(--dm-r-md)!important;font-size:13px!important;font-weight:600}
@media (max-width:599.99px){
  .items_list_item{padding:10px 8px}
  .items_list_item .ili_price>span:first-child{font-size:19px}
  .items_list_item .ili_actions a.add_cart{padding:0 22px;margin-right:auto}
  .items_list_item:hover{transform:none}
}

/* === 5. Каталог: разделы, бренды, фильтр =================================== */
.catalog_sections_list>a{border-radius:var(--dm-r);overflow:hidden;background:#fff;box-shadow:var(--dm-shadow);transition:transform .18s ease,box-shadow .18s ease}
.catalog_sections_list>a:hover{opacity:1;transform:translateY(-3px);box-shadow:var(--dm-shadow-h)}
.catalog_sections_list>a img{display:block;width:100%;height:auto}
.catalog_sections_list>a>.sect_title{border-radius:0;font-size:18px;padding:16px 10px;transition:background .15s ease,color .15s ease}

.catalog_brand_list>a{border-radius:var(--dm-r);overflow:hidden;box-shadow:var(--dm-shadow);transition:transform .18s ease,box-shadow .18s ease}
.catalog_brand_list>a.psevdo_element{box-shadow:none}
.catalog_brand_list>a:hover{opacity:1;transform:translateY(-3px);box-shadow:var(--dm-shadow-h)}
.catalog_brand_list>a>.sect_img{border-radius:0}
.catalog_brand_list>a>.sect_title{border-radius:0;font-size:16px}
.catalog_brand_chars{border-radius:var(--dm-r-md);box-shadow:var(--dm-shadow);padding:12px 18px;row-gap:4px}
.catalog_brand_chars>a{border-radius:8px;padding:1px 7px}

/* заголовок раздела: с 25.09 названия разделов длиннее («Правильное питание: мороженое, чипсы и снеки»);
   на телефоне 40px давали 4 строки, а оранжевая черта (top:42px) подчёркивала только первое слово.
   Размер — адаптивный, черта — под последней строкой */
.category_h1{letter-spacing:-.01em;font-size:clamp(24px,1rem + 3vw,40px);line-height:1.2;padding-bottom:12px}
.category_h1:after{top:auto;bottom:0}
.cat_guide>a{border-radius:0 var(--dm-r-md) var(--dm-r-md) 0;box-shadow:var(--dm-shadow);transition:box-shadow .18s ease}
.cat_guide>a:hover{box-shadow:var(--dm-shadow-h)}
.items_block .left_filter .sub_cats_list,
.items_block .left_filter .multi_checkbox_block,
.items_block .left_filter .range_block{border:1px solid var(--dm-line);border-radius:var(--dm-r);padding:16px 12px 18px 16px;margin-bottom:12px}
.items_block .left_filter .filter_buttons_block{border:1px solid var(--dm-line);border-radius:var(--dm-r);padding:16px}
.items_block .left_filter .sub_cats_list>label,.items_block .left_filter .multi_checkbox_block>label,.items_block .left_filter .range_block>label{margin-bottom:10px}
.items_block .left_filter .multi_checkbox_block .search_box{border-radius:var(--dm-r-sm);border-color:var(--dm-line);padding:6px 8px}
.items_block .left_filter .range_block .input-range__inputs-wrap>div{border-radius:var(--dm-r-sm);border-color:var(--dm-line)}
.items_block .left_filter .filter_buttons_block .send_filter,
.items_block .left_filter .filter_buttons_block .clear_filter{border-radius:var(--dm-r-sm);padding:10px 0;font-weight:600;width:100%}
.items_block .left_filter .filter_buttons_block .send_filter:hover{opacity:1;background:var(--dm-orange-h)}
.mobile_filter_button>a{border-radius:var(--dm-r-sm);background:#3a4450;display:inline-flex;align-items:center}

/* === 6. Страница товара ===================================================== */
.catalog_element_item{border-radius:var(--dm-r-lg);padding:24px;box-shadow:var(--dm-shadow)}
.catalog_element_item .top_row .cei_info_block h1{font-weight:700;letter-spacing:-.01em;line-height:1.2}
.catalog_element_item .top_row .cei_img_block>a .labels_block span{border-radius:0 999px 999px 0;padding:2px 12px 2px 11px;font-size:11px;line-height:16px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px}
.catalog_element_item .top_row .cei_img_block>a .labels_block span.discount_label{background:#e5372b}
/* кнопка-лупа: в v1 при наведении росла с 40 до 45px и толкала соседей */
.catalog_element_item .top_row .cei_img_block>a>.zoom_img,
.catalog_element_item .top_row .cei_img_block>a:hover>.zoom_img{width:42px;height:42px;line-height:42px;font-size:20px;border-radius:var(--dm-r-md)}
.catalog_element_item .top_row .cei_img_block>a:hover>.zoom_img{background:var(--dm-orange-h)}
.element_block .control_block .sale_block{background:var(--dm-surf);border:1px solid var(--dm-line);border-radius:var(--dm-r);padding:22px}
.element_block .control_block .sale_block .price_val{font-weight:800;letter-spacing:-.01em}
.element_block .control_block .sale_block .add_cart_item_block>a{border-radius:var(--dm-r-md);font-weight:600;padding:13px 20px;box-shadow:0 8px 18px -10px rgba(242,100,14,.8);transition:background .15s ease,border-color .15s ease}
.element_block .control_block .sale_block .add_cart_item_block>a:hover{background:var(--dm-orange-h);border-color:var(--dm-orange-h)}
.element_block .control_block .sale_block .add_cart_item_block>a.incart_status,
.element_block .control_block .sale_block .add_cart_item_block>a.incart_status:hover{background:#fff;border-color:var(--dm-orange);box-shadow:none}
.element_block .control_block .item_balls_block,
.element_block .control_block .cheaper_block,
.element_block .control_block .availability_block{background:var(--dm-surf);border:1px solid var(--dm-line);border-radius:var(--dm-r);padding:18px 20px}
.element_block .control_block .availability_block:hover{background:#eef0f3}
.catalog_element_item .bottom_row .item_tabs_block .tabs_header a{border-radius:var(--dm-r-sm);padding:2px 14px}

/* === 7. Корзина и оформление ================================================= */
.cart .cart-table{background:#fff;border-radius:var(--dm-r);padding:24px;box-shadow:var(--dm-shadow)}
.cart .cart-info-card{background:#fff;border:1px solid var(--dm-line);border-radius:var(--dm-r);box-shadow:var(--dm-shadow)}
.cart .order .form__row{border-radius:var(--dm-r);box-shadow:var(--dm-shadow)}
.cart .cart-table__btn-clear{border-radius:var(--dm-r-sm)}
.cart .input-number__container{border-radius:var(--dm-r-sm);overflow:hidden}
@media (max-width:768px){.cart .cart-table{padding:16px}}

/* === 8. Вход, регистрация, всплывающие формы =================================== */
.form_user_action{border-radius:var(--dm-r-lg);padding:28px;box-shadow:var(--dm-shadow)}
.form_user_action .fields_form_user>div>input[type=text],
.form_user_action .fields_form_user>div>input[type=password],
.popup_auth .pa_fields>div>input[type=text],
.popup_auth .pa_fields>div>input[type=password],
.popup_cheaper .pc_fields>div>input[type=text]{
  height:48px;padding:0 14px;background:#fff;border:1.5px solid var(--dm-line);border-radius:var(--dm-r-md);
  font-family:var(--dm-font);font-size:15px;transition:border-color .15s ease,box-shadow .15s ease}
.form_user_action .fields_form_user>div>input:focus,
.popup_auth .pa_fields>div>input:focus,
.popup_cheaper .pc_fields>div>input:focus{outline:0;border-color:var(--dm-orange);box-shadow:0 0 0 4px rgba(242,100,14,.14)}
.form_user_action .fields_form_user>div>label{margin-bottom:6px;font-weight:500}
.form_user_action .uf_head .uf_head_btn_block .reg_btn,
.form_user_action .uf_head .uf_head_btn_block .reminf_btn{border-radius:var(--dm-r-sm);padding:9px 16px;font-weight:500}
.form_user_action .uf_head .uf_head_btn_block .reminf_btn{background:#eef0f3;color:var(--dm-ink)}
.form_user_action .fields_form_user>div.fields_form_user_buttons input,
.popup_auth .pa_fields>div.pa_fields_buttons input,
.popup_cheaper .pc_fields>div.pc_fields_buttons a{border-radius:var(--dm-r-md);padding:12px 26px;font-weight:600;cursor:pointer}
.form_user_action .fields_form_user>div.fields_form_user_buttons a,
.popup_auth .pa_fields>div.pa_fields_buttons a{border-radius:var(--dm-r-md);padding:12px 22px;background:#eef0f3;color:var(--dm-ink)}

/* === 9. Статьи и текстовые страницы ============================================ */
.text_pege_block .text_page_simple{border-radius:var(--dm-r-lg);padding:40px clamp(18px,4vw,56px);box-shadow:var(--dm-shadow);line-height:1.65}
/* удобная длина строки: в v1 текст шёл на всю ширину 1250px */
.text_pege_block .text_page_simple>p,
.text_pege_block .text_page_simple>ul,
.text_pege_block .text_page_simple>ol,
.text_pege_block .text_page_simple>h1,
.text_pege_block .text_page_simple>h2,
.text_pege_block .text_page_simple>h3,
.text_pege_block .text_page_simple>blockquote,
.text_pege_block .text_page_simple>.article_meta{max-width:820px}
.text_pege_block .text_page_simple ul,.text_pege_block .text_page_simple ol{padding-left:1.3em}
.text_pege_block .text_page_simple li{margin-bottom:.45em}
.text_pege_block .text_page_simple h1{font-size:clamp(24px,1.2rem + 1vw,32px);font-weight:800;letter-spacing:-.015em;line-height:1.2}
.text_pege_block .text_page_simple h2{font-size:22px;font-weight:700;margin-top:1.6em}
.text_pege_block .text_page_simple h3{font-size:18px;font-weight:700;margin-top:1.3em}
.text_pege_block .header_text_page{border-radius:var(--dm-r-lg);overflow:hidden}
.contacts_table{border:1px solid var(--dm-line);border-radius:var(--dm-r);overflow:hidden}
.contacts_table .contacts_table_head{background:#f1f3f5}

/* === 10. Главная: белые блоки (новости, бренды, статьи) ======================== */
.index_white_block{border-radius:var(--dm-r-lg);box-shadow:var(--dm-shadow);padding:36px 28px}
/* блок «Полезные статьи» выведен в footer.php ЗА пределами .container — возвращаем его в общую сетку */
main>.index_white_block{max-width:1250px;width:calc(100% - 20px);margin:0 auto 40px}
main .useful_articles_list>a{background:var(--dm-surf);border:1px solid var(--dm-line);border-radius:14px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
main .useful_articles_list>a:hover{opacity:1;background:#fff;transform:translateY(-2px);box-shadow:var(--dm-shadow-h);border-color:var(--dm-orange-line)}
.index_news_list>a>.news_item_img{border-radius:14px}
.index_brands_list>a{transition:opacity .15s ease,transform .15s ease}
.index_brands_list>a:hover{opacity:.7;transform:translateY(-2px)}
@media (max-width:768px){
  .index_white_block{padding:26px 16px;border-radius:var(--dm-r)}
  main>.index_white_block{width:calc(100% - 20px);margin-bottom:24px}
}

/* === 11. Подвал ================================================================ */
footer{background:var(--dm-dark)}
.after_footer{background:#141a20}
footer .footer_top{border-bottom-color:rgba(255,255,255,.12)}
footer .footer_top a{color:#c9d0d6}
footer .footer_menu .footer_item .footer_item_links a{color:#c9d0d6;transition:color .15s ease}
footer .footer_top a:hover,footer .footer_menu .footer_item .footer_item_links a:hover{color:var(--dm-orange)}
footer .footer_menu .footer_item p{letter-spacing:.03em}
/* кнопки мессенджеров: фиксированная ширина 110px выталкивала WhatsApp за экран на ширине ~900px */
footer .footer_menu .footer_item .footer_contacts_links .footer_contacts_messangers{flex-wrap:wrap;gap:8px}
footer .footer_menu .footer_item .footer_contacts_links .footer_contacts_messangers a{margin:0;border-radius:999px;transition:opacity .15s ease}
/* кнопки-пилюли подвала: текст и значок строго по центру (было на 3–5px выше центра из-за line-height 28 в блоке 30px) */
footer .footer_menu .footer_item .footer_contacts_links .footer_contacts_messangers span{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:auto;height:36px;line-height:1;padding:0 16px;margin-right:0}
footer .footer_menu .footer_item .footer_contacts_links .footer_contacts_messangers i{font-size:17px;line-height:1}
footer .footer_menu .footer_item .footer_item_links a.all_brands span{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;height:32px;line-height:1;padding:0 14px}
footer .footer_menu .footer_item .footer_item_links a.all_brands i{margin-right:0;line-height:1}
/* кружки-значки у телефона, почты и часов */
footer .footer_menu .footer_item .footer_contacts_links>a>span,
footer .footer_menu .footer_item .footer_contacts_links>div.footer_timetable>span{display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle}
/* ≤650px шаблон прячет иконки у телефона и почты, но не у часов работы — колонка была неровной */
@media (max-width:650px){
  footer .footer_menu .footer_item .footer_contacts_links>a>span,
  footer .footer_menu .footer_item .footer_contacts_links>div.footer_timetable>span{display:none}
  footer .footer_menu .footer_item .footer_contacts_links>a,
  footer .footer_menu .footer_item .footer_contacts_links>div.footer_timetable{font-size:18px}
}
@media (max-width:430px){
  footer .footer_menu .footer_item .footer_contacts_links>a,
  footer .footer_menu .footer_item .footer_contacts_links>div.footer_timetable{font-size:16px}
}

/* === 12. Меньше движения — по настройке системы ================================ */
@media (prefers-reduced-motion:reduce){
  .items_list_item,.catalog_sections_list>a,.catalog_brand_list>a,main .useful_articles_list>a,.index_brands_list>a{transition:none}
  .items_list_item:hover,.catalog_sections_list>a:hover,.catalog_brand_list>a:hover,main .useful_articles_list>a:hover,.index_brands_list>a:hover{transform:none}
}