/* Mobile specification, September 2026. Desktop layouts remain unchanged. */
/* Override legacy inline breadcrumb padding; list margins must not add to it. */
.breadcrums { padding-top: 20px !important; padding-bottom: 20px !important; }
.breadcrums ul, .breadcrums ol { margin-top: 0; margin-bottom: 0; }
@media (max-width: 767px) {
  .breadcrums { padding-top: 10px !important; padding-bottom: 10px !important; }
}
.page-template-tpl-page-contacts .screen_box_top { margin-bottom: 28px; }
.page-template-tpl-page-contacts .contact_section_desc { text-align: left; margin-bottom: 0; }
.page-template-tpl-page-contacts .contact_section_desc p { margin: 0 0 12px; }
.page-template-tpl-page-contacts .contact_section_desc p:last-child { margin-bottom: 0; }
.contact-lazy-map { width: 100%; height: 100%; }
.home .terms_main_block_new.tiles_wrap { width: 100%; margin-left: 0; margin-right: 0; }
.article-table-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
.article-table-scroll:focus-visible { outline: 2px solid #1684cc; outline-offset: 3px; }
@media (max-width: 991px) {
  .home .terms_main_block_new > .container { width: 100%; max-width: 100%; }
  .service-hero-banner { padding-top: 28px; padding-bottom: 32px; }
  .home .service-hero-banner--main { min-height: 0; padding: 28px 0 32px; }
  .home .service-hero-banner--main .service-hero-inner { min-height: 0; gap: 24px; }
  .home .service-hero-banner--main .service-hero-content { flex: none; width: 100%; min-width: 0; }
  .home .service-hero-banner--main .hero-title { margin-bottom: 20px; overflow-wrap: break-word; }
  .home .service-hero-banner--main .hero-subtitle { width: auto; max-width: 100%; }
  .home .service-hero-banner--main .hero-features { margin-bottom: 20px; }
  .home .service-hero-banner--main .hero-yandex-wrapper { margin-bottom: 0; }
  .home .service-hero-form-box { width: 100%; min-width: 0; box-sizing: border-box; }
  .home .service-hero-form-box .form-wrapper,
  .home .service-hero-form-box .callback_product_right { width: 100%; max-width: 100%; box-sizing: border-box; }
  .home .terms_main_block .tiles_box:has(.tiles_head a[href$="/remont-macbook/"]) { height: auto; min-height: 309px; }
  .home .terms_main_block .tiles_box:has(.tiles_head a[href$="/remont-macbook/"]) .tiles_box_grid,
  .home .terms_main_block .tiles_box:has(.tiles_head a[href$="/remont-macbook/"]) .tiles_box_left,
  .home .terms_main_block .tiles_box:has(.tiles_head a[href$="/remont-macbook/"]) .submenu { height: auto; max-height: none; overflow: visible; }
  .home .terms_main_block .tiles_box:has(.tiles_head a[href$="/remont-macbook/"]) .prog-scrollbar-track { display: none; }
}
@media (max-width: 767px) {
  .home .service-hero-banner--main .hero-title { font-size: 30px; line-height: 1.2; }
  .home .service-hero-banner--main .service-hero-form-box { padding: 0; }
  .advantage_wrap.advantage_block.type2 { gap: 28px; padding: 28px 0; }
  .advantage_wrap.advantage_block.type2 .advantage_box { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 12px 16px; width: 100%; padding: 0; margin: 0; text-align: left; }
  .advantage_wrap.advantage_block.type2 .advantage_box:after { display: none; }
  .advantage_wrap.advantage_block.type2 .advantage_icon { grid-column: 1; grid-row: 1; width: 56px; height: 56px; margin: 0; }
  .advantage_wrap.advantage_block.type2 .advantage_name { grid-column: 2; grid-row: 1; align-self: center; margin: 0; }
  .advantage_wrap.advantage_block.type2 .advantage_desc,
  .advantage_wrap.advantage_block.type2 .advantage_link { grid-column: 1 / -1; margin: 0; }
  .category-blog .tiles_wrap { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; margin-left: 0; margin-right: 0; }
  .category-blog .tiles_wrap .article_preview_test { width: 100%; height: auto; min-height: 0; margin: 0; padding: 20px 0 16px; }
  .category-blog .article_preview_test .tiles_head { height: auto; min-height: 0; padding: 0 20px; margin-bottom: 16px; }
  .category-blog .article_preview_test .tiles_title { padding: 0; }
  .category-blog .article_preview_test .tiles_img { position: static; width: 100%; height: auto; padding: 0; margin: 0 0 14px; }
  .category-blog .article_preview_test .tiles_img img { display: block; width: 100%; max-width: 100%; height: auto; max-height: none; aspect-ratio: 16 / 10; object-fit: cover; }
  .category-blog .article_preview_test .article_preview_meta { padding: 0 20px; }
  .single-post .article-table-scroll table { display: table; width: 100%; min-width: 640px; table-layout: auto; margin-bottom: 12px; }
  .single-post #content .wp-block-table:has(.article-table-scroll) { display: block; width: 100%; max-width: 100%; }
  .single-post .article-table-scroll th,
  .single-post .article-table-scroll td { min-width: 150px; white-space: normal; word-break: normal; overflow-wrap: normal; }
  .term-remont-ipad .tiles_wrap.type2 { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .term-remont-ipad .tiles_wrap.type2 .device_link.tiles_box { width: 100%; height: auto; min-height: 0; margin: 0; padding: 20px; grid-template-columns: minmax(0, 1fr) 84px; grid-template-rows: auto auto; gap: 16px; }
  .term-remont-ipad .device_link.tiles_box > a.title5 { position: static; grid-column: 1; grid-row: 1; align-self: center; width: auto; height: auto; margin: 0; padding: 0; }
  .term-remont-ipad .device_link.tiles_box .tiles_img { position: static; grid-column: 2; grid-row: 1; width: 84px; min-height: 84px; padding: 0; justify-content: center; align-items: center !important; }
  .term-remont-ipad .device_link.tiles_box .tiles_img img { width: auto; height: auto; max-width: 84px; max-height: 100px; object-fit: contain; }
  .term-remont-ipad .device_link.tiles_box .tiles_head { display: none; }
  .term-remont-ipad .device_link.tiles_box .term_posts { grid-column: 1 / -1; grid-row: 2; display: flex; flex-wrap: wrap; gap: 8px; height: auto; max-height: none; padding: 0; margin: 0; overflow: visible; direction: ltr; }
  .term-remont-ipad .section_offset9 .device_link.tiles_box .term_posts a.post_link { display: block; margin: 0; padding: 8px 10px; border: 1px solid #dedede; border-radius: 4px; line-height: 1.4; max-width: 100%; }
  .term-remont-ipad .device_link.tiles_box .term_posts a.post_link:hover { border-color: #1684cc; color: #1684cc; }
}