/*
=====================================================
 Файл стилей для сайта genixauto.ru  - разработка stillmaster 
-----------------------------------------------------
 https://stillmaster.ru/
-----------------------------------------------------
 Copyright (c) 2026 stillmaster (Иван Марченко)
=====================================================
*/

  @font-face {
                font-family: icomoon;
                src: url(../fonts/icomoon.ttf) format("truetype"),url(../fonts/icomoon.woff) format("woff"),url(../fonts/icomoon.svg#icomoon) format("svg");
                font-weight: 400;
                font-style: normal;
                font-display: block
            }


/*Сброс*/
* {text-decoration-line: none; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;margin: 0;padding: 0;}
html, html a { -webkit-font-smoothing: antialiased; }
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html {height: 100%;}
body, html { margin: 0; padding: 0; overflow-x: hidden; }
body {background-color: #ffffff;font-family: 'Manrope', sans-serif;font-size: 14px; font-weight: 400; line-height: 1.45;color: #000000;height: 100%;position: relative;
    margin: auto;}
.header {background-color: #0e1b2b;}
main {padding-bottom: 50px;}
:root {--hoverlink:#284b93;}
.container { max-width: 1750px; margin: 0 auto; padding: 0 15px; }
.headerup {display: flex;list-style: none;  width: 100%;  justify-content: space-between;align-items: center;color: #fff; padding: 5px 0;}
.headerup a {color: #fff;}
.headerup a:hover {color: #cdffff;}
.headerup a:hover svg {filter: brightness(0) saturate(100%) invert(85%) sepia(30%) saturate(600%) hue-rotate(150deg) brightness(105%);}
.headerup svg {width: 15px;height: 15px; fill: #fff;}
.headerup a span {margin-left: 5px;}
.headerdown {background-color: #fff;padding: 10px 0;}
.headerdown img {height: 50px; object-fit: contain;}
.header .flex {display: flex;gap: 30px; align-items: center;}
.nogrid {width: 185px;color: #fff;list-style: none;flex-shrink: 0;}
.nogrid a {color: #fff;}
.menu {list-style: none;}
.headerdown div {display: flex;gap: 15px;align-items: center;}
.headerdown .menu {display: flex;justify-content: space-between;width: 100%;font-weight: 600;align-items: center;font-size: 16px;}
.headerdown div a {color: #202123;}
.button {border: none;background-color: #c4312a;color: #fff;padding: 10px 15px;border-radius: 10px;font-weight: 700; font-size: 20px; cursor: pointer;}
.button:hover {background-color: #e92a20;}
.headerdown div a:hover {color: var(--hoverlink)}
.menu { list-style: none; padding: 0; margin: 0; display: flex; gap: 10px; }
.menu > li { position: relative; }
.menu > li > a { display: block; padding: 10px; text-decoration: none;}
.submenu { display: none; position: absolute; top: 100%; left: 0; background: #fff; list-style: none; padding: 0; margin: 0; box-shadow: 0 2px 5px rgba(0,0,0,0.2); z-index: 100; }
.menu > li:hover .submenu { display: block; }
.submenu li a { display: block; padding: 10px; text-decoration: none; white-space: nowrap; }
.submenu li a:hover { background: #f0f0f0; }
.headerdown .menuopen {display: none;}
.mobmenu {display: none;}
div.btnmob {display: none;}
h1 {font-size: 48px;font-weight: 700;line-height: 1.3;letter-spacing: -0.028em;}
h2 {font-size: 46px; font-weight: 700;}
h3 {font-size: 36px;font-weight: 700;}
.blochhead {background-color: #0e1b2b;    padding-top: 70px;    padding-bottom: 80px;}
.blochhead h1 {color: #fff;}
.blochhead p {color: #fff;    margin-top: 30px;font-size: 18px; line-height: 1.7;font-weight: 600;    letter-spacing: 1.1px;}
.flex {display: flex;}
.imgmain {width: 572px;height: 550px; overflow: hidden; flex-shrink: 0;position: relative;  padding-top: 10px;}
.imgmain .headmain {    object-fit: cover;width: 100%; height: 100%;border-radius: 18px;}
.buttonsup {    margin-top: 70px;display: flex;gap: 15px;}
.buttonsup .button {padding: 10px 25px;}
.max {width: 52px; height: 52px;padding: 10px;background-color: #4f35aa;border-radius: 10px;}
.wsp {width: 52px; height: 52px;padding: 10px;background-color: #00b833;border-radius: 10px;}
.tlg {width: 52px; height: 52px;padding: 10px;background-color: #00a0dc;border-radius: 10px;}
.max img, .wsp img, .tlg img { width: 100%;height: 100%;}
.catmain {position: absolute; bottom: 15px; left: 15px; display: flex;  gap: 5px;}
.catmain a {font-size: 18px;color: #000000;    background-color: #fff;border: 1px solid #fff; display: flex; align-items: center; gap: 5px; padding: 5px; border-radius: 8px;}
.catmain img {filter: invert(1);}
.buttonsup .max:hover {background-color: #684ec3;}
.buttonsup .wsp:hover {background-color: #2ac354;}
.buttonsup .tlg:hover {background-color: #3081a0;}
.catmain a:hover {background-color: #ffffff00;border: 1px solid #fff;  color: #fff;}
.catmain a:hover img {filter: invert(0);}
main {background-color: #e4e9ef;}
.pt75 {padding-top: 75px;}
.blockmain2_grid {display: grid; grid-template-columns: 1fr 1fr; gap: 10px;margin-top: 20px; }
.blockmain2_item {background-color: #fff; border-radius: 10px;overflow: hidden; }
.checklist {list-style: none;    line-height:1; font-size: 20px;}
.checklist li {margin-bottom:15px;}
.team_cont .checklist li {margin-bottom:0;}
.blockmain2_item h3 {line-height: 1; margin-bottom:15px;}
.blockmain2_grid  .checklist {padding: 0 45px 0;}
.blockmain2_grid h3 {padding: 20px 45px 0;}
.checkmark {color: #007e6b;    margin-right: 10px;}
.blockmain2_grid .description {color: #fff;background-color: #0e1b2a;padding: 10px 45px;font-size: 16px;}
.blockmain3 {margin-top: 50px;}
.blocktabs {background-color: #fff;border-radius: 10px;    margin-top: 20px;}
.blocktabs form {position: relative; z-index: 1;padding: 20px 45px;border-top: 1px solid #000;display: grid; grid-template-columns: repeat(10, 1fr);gap: 15px; grid-template-areas:"gr1 gr1 gr1 gr2 gr2 gr3 gr3 gr4 gr4 gr4" "gr5 gr5 gr5 gr5 gr5 gr5 gr6 gr6 gr6 gr6"}
.gr1 { grid-area: gr1; }
.gr2 { grid-area: gr2; }
.gr3 { grid-area: gr3; }
.gr4 { grid-area: gr4; }
.gr5 { grid-area: gr5; }
.gr6 { grid-area: gr6; }
.blocktabs .form-group {margin-bottom: 0;}
.blocktabs input {height: 80px;    font-size: 24px;}
.country-tabs {margin-left: 42px;    padding-top: 18px;display: flex; gap: 10px;    margin-bottom: -1px;}
.tab-button {width: 197px; height: 70px;cursor: pointer; font-size: 20px; font-weight: 700;background-color: #2b5ea8;color: #fff;    border: none; border-radius: 10px 10px 0 0;display: flex; align-items: center; justify-content: center; gap: 5px;}
.fi {font-size: 37px;}
.tab-button.active {background-color: #fff;color: #000; border: 1px solid #000;   border-bottom-color: #fff; position: relative; z-index: 2;}
.tab-button:hover {background-color: #fff;color: #000;border: 1px solid #000;   border-bottom-color: #fff; position: relative; z-index: 2;}
.tab-button .fi-jp, .tab-button .fi-kr, .tab-button .fi-ru {    border: 1px solid #2b5ea8;}
#submitBtn1 input {height: 80px;    font-size: 24px;}
.nogridform {color: #000;grid-column: 1 / -1;    display: flex;    gap: 185px;font-weight: 600; font-size: 18px;}
.nogridform input {height: auto;}
.nogridform .fas {color:#c4312a}
.nogridform a {color: #000;}
.mt50 {margin-top: 50px;}
.shemablock_img img {object-fit: cover;width: 100%; height: 100%;}
.mt20 {margin-top: 20px;}
.shemablocks {display: grid;grid-template-columns: repeat(4, 1fr); gap: 10px;}
.shemablock-last {grid-column: span 2;}
.shemablock {background-color: #fff;border-radius: 10px; overflow: hidden;display: flex; flex-direction: column; padding: 50px 36px; gap: 25px; font-size: 18px;}
.shemablock i {font-size: 32px;}
.shemablock b {font-size: 24px;}
.shemablock_img {border-radius: 10px; overflow: hidden;}
.shemablock span {font-weight: 400;}
.shemablock-last {background-color: #0e1b2b;color: #fff;font-size: 30px;}
.buttons {padding-top: 30px;display: flex;gap: 15px;    align-items: center;}
.buttons .button {text-transform: none;padding: 15px;height: 60px;font-size: 20px;display: flex;
    align-items: center;justify-content: center;
    gap: 10px;}
.shemablock-last b {font-size: 30px;}
.shemablock-last i {font-size: 25px;}
.buttons a .button {background-color: #00b833;} 
.buttons a {display: block;}
.swiper-container1 { position: relative;  }
.realative {position: relative;}
.swiper-wrapper { display: flex; align-items: stretch; }
.swiper-slide.short { flex-shrink: 0;padding: 10px 10px 0; width: calc((100% - 40px) / 3);  margin-right: 20px; height: auto; box-sizing: border-box; border: 1px solid #eee; border-radius: 8px; overflow: hidden; background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.gallery-top { width: 100%; height: 250px; overflow: hidden; position: relative; }
.gallery-top .swiper-wrapper { height: 100%; }
.gallery-top .swiper-slide { display: flex; align-items: center; justify-content: center; }
.gallery-top img { width: 100%; height: 100%; object-fit: cover; }
.gallery-thumbs { display: flex; justify-content: center; gap: 35px; padding: 10px 0;position: absolute; bottom: 10px; z-index: 2; width: 100%; }
.thumb { width: 80px; height: 10px; background: #ddd; cursor: pointer; border-radius: 2px; transition: background 0.3s; }
.thumb:hover, .thumb.active { background: #000; }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; margin-top: 0; background: rgb(14 27 43); border-radius: 50%; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); opacity: 0; transition: opacity 0.3s; z-index: 10;  display: flex; align-items: center; justify-content: center; cursor: pointer; }
.swiper-button-next { right: 15px; }
.swiper-button-prev { left: 15px; }
.swiper-button-next, .swiper-button-prev{ font-size: 16px; color: #fff; font-weight: bold; }
.swiper-container3:hover .swiper-button-next, .swiper-container3:hover .swiper-button-prev { opacity: 1; }
.swiper-container4:hover .swiper-button-next, .swiper-container4:hover .swiper-button-prev { opacity: 1; }

.short {width: 400px;}
.swiper-container1:hover .swiper-button-next, .swiper-container1:hover .swiper-button-prev { opacity: 1; }
.link {    display: block; text-align: center; margin: 20px; color: #000; text-decoration: none; font-size: 24px; font-weight: bold;}
.link:hover { text-decoration: underline; }
.xfieldimagegallery img {border-radius: 10px;}
.title {display: block;font-size: 20px; font-weight: bold; color: #2b5ea8; text-decoration: underline;}
.infoshort {padding: 10px 10px 0;}
.infoauto {    display: flex; gap: 10px; align-items: center; margin-top: 5px;}
.infoauto .fas {font-size: 5px;}
.infoshort ul {padding: 10px 15px; border-bottom: 1px solid gray; border-top: 1px solid gray; margin-top: 10px;}
.cena {font-weight: bold;margin-top: 10px;}
.cena b {font-size: 18px;}
.blockbottom {    padding: 10px 0; border-top: 1px solid gray; margin-top: 10px;}
.blockbottom .fa-check {color: #2ac354;margin-right: 5px;}
.blockbottom .button {background-color: #4b77b5;text-transform: none;width: 100%; margin-top: 10px;    letter-spacing: 2px;}
.blockbottom small {text-align: center;display: block; margin-top: 5px;}
.blockmain5 {display: grid;grid-template-columns: repeat(4, 1fr); gap: 15px;}
.img_prem {grid-row: span 2;background-color: #000; color: #fff;border-radius: 10px;overflow: hidden;width: 450px;position: relative;}
.block_prem {background-color: #fff;border-radius: 10px;padding: 20px 15px; display: flex;flex-direction: column; gap: 15px;}
.img_prem h2 {padding: 20px 15px;    z-index: 2;
    position: relative;}
.block_prem i {font-size: 32px;}
.block_prem b {font-size: 20px;}
.block_prem span {font-size: 16px;}
.img_prem img{object-fit: cover; margin-bottom: -10px;    height: 310px;position: absolute;
    bottom: 0;}
.short2_block {display: grid;grid-template-columns: repeat(2, 1fr); gap: 15px;}
.gallery-top2 img {width: 100%;height: 100%;object-fit: cover;}
.gallery-top2 .swiper-slide {width: 100%!important;}
.gallery-top2 {overflow: hidden;    height: 410px; position: relative;}
.swiper-pagination {position: absolute; z-index: 2; display: flex; justify-content: center; width: 100%; bottom: 10px; }
 .swiper-pagination-bullet { width: 60px !important; height: 12px !important; background: #ccc !important; opacity: 1 !important; margin: 0 5px !important; border-radius: 10px; display: inline-block !important; cursor: pointer !important; }
.swiper-pagination-bullet-active { background: #000 !important;}
.podobrano a {display: block;font-size: 24px;font-weight: bold;color: #000;}
.podobrano .title_link {display: block;font-size: 24px;font-weight: bold;color: #000;}
.swiper-container2:hover .swiper-button-next, .swiper-container2:hover .swiper-button-prev { opacity: 1; }
.short2_blockinfo {height: 410px;background-color: #fff;box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);padding: 10px; border-radius: 10px;}
.swiper-container2 {background-color: #fff; border-radius: 10px; padding: 10px;}

.podobrano .read-more-btn { position: absolute;  left: 50%; transform: translateX(-50%); z-index: 10;    font-size: 18px;
    font-weight: 900; }
.podobrano.collapsed .read-more-btn { position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); z-index: 10; }
/* Стили для свернутого блока */
.podobrano.collapsed {
    max-height: 400px;
    overflow: hidden;
    position: relative;
    padding-bottom: 60px;
}

/* Градиент только для свернутого блока */
.podobrano.collapsed .read-more-overlay::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 1) 100%);
    pointer-events: none;
    z-index: 2;
}

/* Стили для развернутого блока */
.podobrano:not(.collapsed) {
    max-height: none;
    overflow: visible;
    padding-bottom: 20px;
}

/* Убираем градиент у развернутого */
.podobrano:not(.collapsed)::after {
    display: none;
}

/* Стили для short2_blockinfo при развернутом podobrano */
.podobrano:not(.collapsed) .short2_blockinfo {
    height: auto;
    max-height: none;
}

/* Скрываем кнопку, если контента мало */
.podobrano .read-more-overlay.hidden {
    display: none;
}

/* Чтобы контент не вылезал за пределы */
.short2_blockinfo {
    overflow: visible;
}
.podobrano {position:relative}
.block_cena {    display: flex; gap: 15px; background-color: #0e1b2b; color: #fff; padding: 10px;  border-radius: 10px;}
.block_cena .cena_rf {padding-right: 10px;    width: 50%; border-right: 2px solid;}
.block_cena .cena {line-height: 1.5; font-size: 22px;}
.cena_zakaz ul {list-style: none;}
.block_cena .cena_rf span {display: block;}
.block_cena span, .block_cena ul {margin-top: 15px; }
.info_block ul {list-style: none;display: grid;grid-template-columns: repeat(2, 1fr); gap: 5px;padding: 10px 15px 0;}
.info_block ul li {display: flex; gap: 10px; align-items: center; font-size: 16px;}
.info_block i {color: #2b5ea8;flex-shrink: 0;
    width: 20px;}
.info_block .button {    width: 100%; margin-top: 10px; text-transform: none; font-size: 24px; padding: 15px; border-radius: 5px;}
.review_block img {width: 100%;height: 100%;object-fit: cover;}
.review_block figure {position: relative;}
.review_block picture {height: 250px;border-radius: 10px;overflow: hidden;   display: block;}
.review_block {background-color: #fff;padding: 10px; border-radius: 10px;}
/* Стили для короткого текста (свернутого) */
.review_block .short-story.collapsed {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px;
    padding: 10px 10px 0;
    border-top: 1px solid gray;
    min-height: 95px;
    max-height: 95px; /* Фиксируем высоту для 4 строк */
    transition: max-height 0.3s ease;
}

/* Стили для развернутого текста */
.review_block .short-story:not(.collapsed) {
    display: block;
    -webkit-line-clamp: unset;
    max-height: none;
    overflow: visible;
    margin-top: 10px;
    padding: 10px 10px 0;
    border-top: 1px solid gray;
    min-height: auto;
    transition: max-height 0.3s ease;
}

/* Поддержка для браузеров без -webkit-line-clamp */
@supports not (-webkit-line-clamp: 4) {
    .review_block .short-story.collapsed {
        position: relative;
        overflow: hidden;
        max-height: 95px;
    }
    
    .review_block .short-story.collapsed::after {
        content: '...';
        position: absolute;
        bottom: 0;
        right: 0;
        background: inherit;
        padding: 0 5px;
    }
    
    .review_block .short-story:not(.collapsed)::after {
        display: none;
    }
}

/* Стили для кнопки */
.review_block .toggle-btn {
    padding: 0 10px;
    display: inline-block;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.2s ease;
}

.review_block .toggle-btn:hover {
    color: #2b5ea8; /* Цвет как в нижнем блоке */
}

.review_block .toggle-btn i {
    transition: transform 0.3s ease;
}

/* Анимация для стрелки при разворачивании */
.review_block .short-story:not(.collapsed) + .review-toggle .toggle-btn i {
    transform: rotate(90deg);
}

.bottom_review {background-color: #2b5ea8;color: #fff;padding: 5px 10px;border-radius: 10px;margin-top: 10px;}
.bottom_review span {margin-right: 10px;}
.yotube img { width: 100%; height: auto; object-fit: cover;border-radius: 10px; }
.yotube {display: grid;grid-template-columns: repeat(2, 1fr);}
.swiper-container4 {grid-column: span 2;width: 100%;}
.linkyoutube {display: flex; align-items: center;}
.linkyoutube a {    margin-left: auto; width: 150px; display: block; background-color: #0e1b2a; color: #fff; border-radius: 8px; text-align: center; padding: 15px; font-weight: bold; font-size: 16px;border: 1px solid #0e1b2a;}
.linkyoutube a:hover {background-color: #fff; color: #000;}
.soc {display: grid;grid-template-columns: repeat(2, 1fr); gap: 20px;}
.socblock {background-color: #fff;padding: 60px;font-size: 36px;border-radius: 10px;}
.social a {    background-color: #0e1b2a; display: flex; width: 95px; height: 95px; font-size: 50px; align-items: center; justify-content: center; padding: 15px; border-radius: 8px; color: #fff;border: 1px solid #0e1b2a;}
.social a:hover {background-color: #fff; color: #000;}
.social a:hover img {filter: invert(1);}
.social {    display: flex; gap: 10px;margin-top: 50px; margin-left: 50px;}
footer {background-color: #0e1b2a;}
.footer_up {display: flex; justify-content: space-between; align-items: center; padding: 20px 0;}
.footer_up img {width: 200px;height: auto;}
.footer_up .button {background-color: #fff; color: #000;text-transform: none;}
.footer_midle {margin-top: 20px;padding: 20px 0;border-top: 1px solid #fff;border-bottom: 1px solid #fff;display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px;}
.footer_soc {font-size: 20px; display: flex; gap: 10px;}
.footer_soc a {color: #fff; display: flex; justify-content: center; align-items: center; border: 1px solid #fff; padding: 10px;}
.footer_tel .flex {flex-direction: column;}
.footer_tel {margin-top: 15px; color: #fff; display: flex; align-items: center; gap: 15px;}
.footer_tel i {font-size: 24px;}
.footer_tel a {    color: #fff; font-size: 20px; font-weight: bold;}
ul.midleblock {list-style: none;display: grid;grid-template-rows: repeat(3, 1fr);grid-auto-flow: column;}
ul.midleblock a {color: #fff;}
.adress { display: flex; flex-direction: column; color: #a8a8a8; }
.footer_down { color: #a8a8a8; display: flex; justify-content: space-between; font-size: 10px;  padding-top: 50px;padding-bottom: 50px; }
.footer_down_right { max-width: 426px; font-size: 10px; }
.japan .imgmain {height: 440px;}
.grid #dle-content {display: grid;grid-template-columns: repeat(3, 1fr);gap: 15px;margin-bottom: 15px;}
.grid .swiper-slide.short {width: 100%;}
.pagination { display: flex; justify-content: center; grid-row-end: span 1; grid-column-start: 1; grid-column-end: -1; }
.pagination a {color: #000;font-size: 18px;font-weight: bold;}
.blockcat {    background-color: #fff; padding: 15px; margin-top: 15px; border-radius: 10px; display: grid;grid-template-columns: repeat(2, auto); gap: 15px;}
.blockcat .left {    display: flex; flex-direction: column; align-items: center; text-align: center;}
.blockcat b {font-size: 24px;}
.blockcat .button {text-transform: none;background-color: #4b77b5;width: 100%;}
.catname {position: absolute; top: 10px; z-index: 5; padding: 5px 10px; background-color: #2b5ea8; color: #fff; border-radius: 5px; left: -5px;}
.flexreview {    display: flex; align-items: center; justify-content: space-between;}
.flexreview a {display: block; background-color: #0e1b2a; color: #fff; padding: 10px; border-radius: 5px; font-weight: bold;}
.autoclient_grid .linkclient {grid-row-end: span 1; grid-column-start: 1; grid-column-end: -1;text-align: center; background-color: #2b5ea8; color: #fff; max-width: 380px;    font-size: 18px; margin: auto; padding: 5px 15px; border-radius: 10px; font-weight: bold;}
.autoclient_grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 15px;gap: 25px;    background-color: #fff; padding: 15px; border-radius: 10px;}
.autoclient_card {position: relative;height: 150px;}
.autoclient_card img {width: 100%; height: 100%; object-fit: cover;border-radius: 10px;}
.autoclient_card span {position: absolute; left: -10px; top: 10px; background-color: #2b5ea8; color: #fff; padding: 5px 10px; border-radius: 5px;}
.rewiew {grid-template-columns: repeat(2, 1fr);}
.buttons_rewiew {padding: 0;    display: grid; grid-template-columns: repeat(2, 1fr);}
.buttons_rewiew a {width: 100%;}
.buttons_rewiew .button {background-color: #c4312a;}
.bw.grid {display: grid;grid-template-columns: repeat(2, 1fr);background-color: #fff;padding: 15px;border-radius: 10px;    gap: 25px;}
.bw.grid a {display: flex; align-items: center; justify-content: center; gap: 10px; background-color: #0e1b2a; color: #fff; border-radius: 8px; font-weight: 700; font-size: 24px;    padding: 10px;border: 1px solid #0e1b2a;}
.bw.grid a:hover {background-color:#fff;color: #000; }
.podbor .imgmain {height: 460px;}

.gridvarity .flexgravity {display: flex; align-items: center; gap: 15px;margin: 0 10px;}
.gridvarity {display: grid;grid-template-columns:1fr auto 1fr;background-color: #fff;padding: 15px;border-radius: 10px;gap: 15px;}
.gridvarity i {    font-size: 30px; color: #2b5ea8;}
.gridvarity h4 {font-size: 20px;}
.gridvarity p {font-size: 18px;}

.divider { height: 100%; width:  2px; background-color: #84878b;  }
.divider2 { height: 2px; width:  100%; background-color: #84878b;  }
.uslugi {display: grid;grid-template-columns: repeat(3, 1fr);gap: 15px;}
.uslugi h3 {    display: flex; align-items: center; gap: 35px;line-height: 1.2; font-size: 25px;}
.card {    background-color: #fff;  border-radius: 10px;    display: flex; flex-direction: column; justify-content: space-between;}
.card .padding {padding: 15px 50px;}
.card img {object-fit: cover;}
.lead-text, .list-item {font-size: 20px;}
.lead-text {    height: 50px; margin: 20px 0; display: flex; align-items: center;}
.list-item {    display: flex; align-items: center; gap: 5px; margin-bottom: 15px;}
.card .button {width: 100%;}
.card .button:hover {background-color: #00a0dc;}
.button.blue {background-color: #2b5ea8;}
.button.blue:hover {background-color: #00a0dc;}
.center {text-align: center; margin: 15px 0; font-size: 20px;}
.butpad {margin: 15px;}
.shemablock .fa-check, .shemablock .fa-thumbs-up  {position: absolute; right: 0; bottom: 0; color: green; font-size: 24px;}
.team .flex {gap: 15px;}
.team .imgmain {max-width: 500px;}

.team .catmain {display: block;width: 100%;left: 0;    padding: 0 15px;text-align: center;}
.team .catmain span {    background-color: #0e1b2a; display: block;color: #fff;font-size: 18px;font-weight: bold;padding: 10px;}
.blockgrid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;}
.blockgrid > div {background-color: #fff;padding: 15px 25px;border-radius: 10px;font-size: 20px;}
.blockgrid .checklist {line-height: 1.5;font-size: 20px;}
.bcw {background-color: #fff;padding: 15px;border-radius: 10px;font-size: 24px; line-height: 1.5;}
.soprovod p {font-size: 16px;}
.bcw ol {margin-left: 25px;display: grid;grid-template-rows: repeat(3, 1fr);grid-auto-flow: column;font-size: 20px; }

.gridul {list-style: none;display: grid;grid-template-rows: repeat(3, 1fr);grid-auto-flow: column;padding: 15px 25px;font-size: 20px;}
.caseblock .short2_block {background-color: #fff;margin-bottom: 15px;padding: 15px;border-radius: 10px;}
.speedbar {    list-style: none; display: flex; gap: 5px; position: absolute; color: #bbbec2; padding: 15px 0;font-size:16px; 
    overflow: hidden;   
    
   
    max-width: 95%;
    }
/* Все элементы внутри .speedbar (li, span, текст) */
.speedbar > * {
    flex-shrink: 0;         /* По умолчанию не сжимаем элементы */
    white-space: nowrap;    /* Запрещаем перенос текста внутри */
}

/* Текст-разделитель ">" */
.speedbar > .gt,
.speedbar > :not(li):not(span) {
    flex-shrink: 0;
}

/* Самый последний элемент (должен обрезаться) */
.speedbar > :last-child {
    flex-shrink: 1;         /* Разрешаем сжатие */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 30px;        /* Минимальная ширина, чтобы элемент не исчез */
}

/* Стили для ссылок внутри li */
.speedbar li {
    display: block;         /* Ваше существующее свойство */
}

.speedbar li a {
    text-decoration: none;
    color: inherit;
    white-space: nowrap;
}

/* Если внутри последнего элемента есть span — стилизуем его */
.speedbar > :last-child span,
.speedbar > :last-child a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;         /* Чтобы многоточие работало корректно */
}
.speedbar a {color:#bbbec2;}
.fullhead {color: #fff;    padding-bottom: 20px;}
.fullhead .fa-circle {font-size: 10px;}
.fullhead h1 {    display: flex; column-gap: 20px; align-items: center; flex-wrap: wrap;}
.planka {background-color: #2b5ea8; padding: 5px;  font-size: 18px; border-radius: 8px; margin-bottom: 15px;}
.fullhead ul {list-style: none;    font-size: 18px;}
.fullhead li {    display: flex; align-items: center; gap: 5px; }
.blockinfo {padding: 10px; background-color: #fff; color: #000; font-size: 18px;    margin-top: 20px; border-radius: 10px;}
.blockinfo div {display: flex; align-items: center; }
.blockinfo image {width: 20px;}
.bottomline {border-bottom: 1px solid #e5e8ee;}
.fullhead .buttonsup {margin-top: 20px;}
.gallery-topfull { position: relative; }
.gallery-topfull img { width: 100%; height: 565px; object-fit: cover; }
.cat ul { display: flex; gap: 5px; list-style: none; }
.gallery-thumbs li { width: 25%; height: 150px; }
.gallery-thumbs img { width: 100%; height: 100%; object-fit: cover; }
.head_full_flex {gap: 50px;justify-content: space-between;}
.head_full_flex .text {width: 35%;flex-shrink: 0;}
.head_full_flex .imgmain {width: 65%;height: auto;    flex-shrink: unset;}
.head_full_flex .button {text-transform: none;}
.head_full_flex .buttonsup {gap: 10px;}
.head_full_flex .imgmain > .flex {flex-direction: column;gap: 5px;}
.head_full_flex .gallery-thumbs {position: relative;}
.head_full_flex .gallery-topfull a {    display: block; width: 100%;
    padding-right: 5px;
    border-radius: 10px;}
.head_full_flex  .gallery-topfull img {height: 270px;
    object-fit: cover;}
.head_full_flex .gallery-thumbs li {height: 100px;}
.info_full_grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;}
.info_full_grid > div {background-color: #fff;padding: 10px;border-radius: 10px;}
.info_full_grid b {font-size: 24px;}
.infofull_left ul {list-style: none;margin-top: 10px;}
.infofull_left ul > li {display: grid;grid-template-columns: repeat(2, 1fr);align-items: center;}
.infofull_left ul .name {border-right: 1px solid #e5e8ee;    display: flex; align-items: center; gap: 10px;}
.name_info {    padding-left: 10px;}
.infofull_left image {width: 20px;}
.cena_full div {font-size: 38px; font-weight: 700; color: #2b5ea8;}
.cena_full {border-top: 1px solid #e5e8ee;border-bottom: 1px solid #e5e8ee;    padding: 10px 0; margin-top: 10px;}
.format ul {list-style: none;font-size: 18px;margin-top: 10px;}
.full_story b, .kak_sopr b, .vigod_full b {font-size: 24px;}
.full_story, .kak_sopr, .vigod_full {background-color: #fff;padding: 10px;border-radius: 10px;}
.full_story p {margin-bottom: 10px;}
.kak_sopr ul {list-style: none;display: flex;justify-content: center; gap: 35px;flex-wrap: wrap;}
.kak_sopr ul li {display: flex;flex-direction: column;    align-items: center; justify-content: center;  gap: 10px; padding-bottom: 20px; width: 180px; text-align: center;font-size: 16px; font-weight: 500;}
.kak_sopr svg {width: 110px; height: 110px; padding: 10px; background-color: #e5e8ee; border-radius: 50%;}
.kak_sopr span {height: 50px;}
.kak_sopr p {text-align: center; margin-top: 15px; padding: 15px 0; border-top: 1px solid #e5e8ee;font-size: 20px;}
.grid_vig .fa-xmark {color: red;}

.grid_vig {display: grid;grid-template-columns: repeat(2, 1fr);}
.grid_vig div div {    padding: 5px 20px; font-size: 18px; }
.grid_vig div div .fa-solid {font-size: 22px;}
.grid_vig .first {background-color: #e5e8ee;padding: 5px 15px;display: flex; align-items: center;font-weight: bold;font-size: 20px;border-radius: 10px;margin-bottom: 15px;}
.grid_vig .first .fa-solid {font-size: 30px;}
.grid_vig_left {margin-right: 15px;}
.stati .text {    display: flex; flex-direction: column; justify-content: space-between;}
.shortstat {background-color: #fff;padding: 10px;border-radius: 10px; gap: 15px; display: grid;grid-template-columns: repeat(2, auto);margin-bottom: 15px;}
.shortstat img {width: 100%;height: 100%;object-fit: cover;}
.shortstat div {border-radius: 10px;overflow: hidden;}
.blocktext {background-color: #fff;padding: 10px;border-radius: 10px;box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);}
.blockimage {width: 450px;}
.blocktext b a {color: #000; font-size: 20px;display: block;}
.blocktext {display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between;font-size: 16px;}
.linkstat {display: block; background-color: #2b5ea8; color: #fff; padding: 5px 25px; border-radius: 8px;}
.soprovod_bottom ul {list-style: none; display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;margin-top: 20px;}
.soprovod_bottom ul li a {display: flex; align-items: center; gap: 10px; background-color: #2b5ea8; padding: 10px; width: 235px; justify-content: center; color: #fff; font-weight: 700; border-radius: 10px;}
.soprovod_bottom {margin-top: 20px;padding-top: 10px;border-top: 1px solid #e5e8ee;}
.stati_full .imgmain .headmain {height: 100%;}
.stati_full .catmain {display: flex;justify-content: space-between;}
.stati_full.blochhead p {    font-size: 16px;     font-weight: 400;}
.stati_full.blochhead {padding-bottom: 30px;color:#fff}
.stati_full .imgmain {height: 410px;}
.left_stati {padding: 20px; background-color: #fff; border-radius: 10px;font-size: 16px;}
.left_stati ol, .left_stati ul {margin-left: 25px;}
.full_stati_block .flex {gap: 15px;}
.right_stati {width: 320px;    flex-shrink: 0;}
.right_block_stati {padding: 10px;border-radius: 10px;background-color: #fff;    display: flex; flex-direction: column; gap: 15px; margin-bottom: 15px;}
.pt50 {padding-top: 50px;}
.left_stati .headmain{width: 100%;
    margin-bottom: 15px;}
/*Добавление отзыва*/
.addnews {display: flex;    column-gap: 20px;background-color: #fff;padding: 20px;border-radius: 15px;flex-direction: column; gap: 10px;}
.addnews .flex {gap: 15px;}
.addnewsleft {display: flex;flex-direction: column;    row-gap: 20px;max-width: 520px;width: 100%;}
.addnewsleft .f_input { width: 100%;height: 60px;    font-weight: 500;
    font-size: 16px;}
.addcomment {width: 100%;    display: flex;    gap: 15px;}
.addcomment .comment {width: 100%;height: 300px;     font-weight: 500;
    font-size: 16px;}
 .addcomment .comment::placeholder {
            color: black;font-size: 16px;
        }

.addnewsleft .f_input::placeholder {
            color: black;font-size: 16px;
        }
.addcomment .qq-uploader {background: url(../img/arrow.png) right  no-repeat;     min-height: 60px;}
.addcomment .qq-upload-button {    width: 82px; height: 82px; margin: 0; opacity: 0; position: absolute; z-index: 5; font-size: 5px; }
.addcomment_send {    display: flex;column-gap: 15px;justify-content: space-between;    flex-direction: column;}
.addcomment_send button {color: #fff;font-size:18px}
.addcomment_foto {display: flex;        gap: 15px; align-items: center;flex-direction: column;    width: 100%;}
.addcomment_foto #xfupload_foto {    background-color: #007aae;
    width: 100%;    padding: 0 15px;}
.addcomment_foto .qq-uploader .file-preview-card  {height: 95px;       width: 100%;}
.addcomment_foto .file-content {width: 95px;height: 95px;}
.addcomment_foto .file-footer-caption {display: none;}
.addcomment_foto .file-footer-bottom {margin-top: -33px;}
.addcomment_foto .file-content {height: 95px;}
.addcomment_foto .file-preview-card .file-content {height: 95px;    width: 100%;}
.addcomment_foto .moxie-shim {width: 100%!important;}
#xfupload_foto::before {
    content: "Выбрать файл";
    position: absolute;
    top: 50%;
    left: 43%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}
.file-preview {display: none;}
.file-preview-card .file-footer-bottom .file-delete {    position: absolute;}
.fs15 {font-size:15px;}
.opacity_5 {opacity: 0.5;}
#upload_button_foto {opacity: 0!important;}

.footer_soc .telegram:hover {
    background-color: #0088cc;      /* Официальный цвет Telegram */
}

.footer_soc .vk:hover {
    background-color: #0077ff;      /* Официальный цвет VK */
}

.footer_soc .youtube:hover {
    background-color: #ff0000;      /* Официальный цвет YouTube */
}

.footer_soc .mx:hover {
    background-color: #4f35aa;      /* Оранжевый цвет бренда MAX */
}

.footer_soc .whatsapp:hover {
    background-color: #25D366;      /* Официальный цвет WhatsApp */
}

.fs18 {font-size:18px;}


.headd {    margin-top: 25px;font-size:18px;}
.blochhead > .flex {gap:25px}
.stati > .flex {gap:25px}
.stati_full > .flex {gap:25px}
.left_stati img {max-width: 100%;}
.podbor > .flex {gap:25px;justify-content: space-between;} 
@media screen and (max-width: 1749px) { .container { width: 1320px; } }
@media screen and (max-width: 1365px) { 
    .container { width: 1140px; } 
   
    h1 {font-size: 42px;}
    h2 {font-size: 38px;}
    h3 {font-size: 28px;}
    .blochhead .flex {gap: 15px;}
    .checklist {font-size: 20px;}
    .shemablocks {grid-template-columns: repeat(3, 1fr);}
    .shemablock-last {grid-column: span 3;}
    .card .padding {padding: 15px;}
    .headerdown .menu {font-size:14px;}
}
@media screen and (max-width: 1199px) { 
    .container { width: 960px; } 
    .headerdown img {width: 129px;object-fit: contain;}
   .headerdown div a  {text-transform: none} 
   .menu > li > a {padding: 5px;}
   .blochhead .flex {flex-direction: column;}
   .imgmain {width: 100%;margin-top: 70px;}
   .blockmain2_grid h3 {padding: 20px 20px 0;}
   .blockmain2_grid .checklist {padding: 0 20px 0;}
   .blockmain2_grid .description {padding: 20px;}
   .gallery-thumbs {gap: 15px;}
   .thumb {width: 60px;}
   .blockmain5 { grid-template-columns: repeat(3, 1fr); }
   .block_prem_last {grid-column: span 2;}
   .soc { grid-template-columns: repeat(1, 1fr); }
   .footer_midle {grid-template-columns: repeat(2, 1fr);}
   .adress {grid-column: span 2;    align-items: center;}
   .uslugi h3 {font-size: 18px;}
   .lead-text, .list-item { font-size: 16px; }
   .uslugi img {    width: 50px;}
    .bcw ol {grid-template-rows: repeat(6, auto);grid-auto-flow: column; }
.gridul{grid-template-rows: repeat(6, auto);}
.head_full_flex .text, .head_full_flex .imgmain {width: 100%;}
    .menu {gap:4px;}
        .full_stati_block .flex {    flex-direction: column-reverse;}
    .right_stati {width: 100%;}
}

@media screen and (max-width: 991px) { 
    .container { width: 720px; }
    .headerdown {padding: 0;}
      .headerdown .menuopen {display: block;font-size: 25px;color: #0e1b2b;}
     .headerdown .menu {display: none;}
     .headerdown .container {justify-content: space-between;}
     .headerup li:not(.nogrid){display: none;}
     .nogrid {text-align: center;width: 100%;}
    .mobmenu {overflow: auto; position: fixed; top: 0; right: -100%; width: 100%; max-width: 320px; height: 100vh; background-color: #0e1b2b; z-index: 1000; transition: right 0.3s ease; box-shadow: -5px 0 15px rgba(0,0,0,0.1); padding: 20px; }
    .mobmenu.active { right: 0;display: block; }
    .closemenu { position: absolute; top: 20px; right: 20px; font-size: 24px; cursor: pointer;color: #fff; }   
    .menumob > li:last-child {text-align: center;} 
    .mobile-icons { display: flex; justify-content: center; gap: 20px; padding: 15px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 15px 0; }
    .mobile-icons li { list-style: none; }
    .mobile-icons a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; color: #fff; font-size: 18px; }
    .mobile-icons a:hover { background: #e0e0e0; }
    .mobile-icons i, .mobile-icons svg { font-size: 18px; }
    .mobile-icons svg { width: 18px; height: 18px; }
    .menumob {list-style: none;padding-top: 40px;}
    .menumob a {color: #fff;font-weight: 900;line-height: 2.2;}
    div.btnmob {display: block;}
    .blockmain2_grid {grid-template-columns: 1fr;}
    .buttonsup {margin-top: 20px;}
    .imgmain { margin-top: 10px; }
    .tab-button {width: auto;padding: 0 15px;height: 68px;}
    .alltabs .tab-button  span:not(.fi) {display: none;}
    .tab-button.active  span:not(.fi) {display: block;}
    .blocktabs form {    grid-template-columns: 1fr; grid-template-areas: "gr1" "gr2""gr3""gr4""gr5""gr6";}
    .fi {flex-shrink: 0;}
    .nogridform {    gap: 5px; flex-direction: column-reverse;}
    .nogridform div {width: 100%;display: flex;
    gap: 10px;
    align-items: center;}
    .shemablocks {grid-template-columns: repeat(2, 1fr);}
    .shemablock-last {grid-column: span 2;}
       .blockmain5 { grid-template-columns: repeat(2, 1fr); }
   .block_prem_last {grid-column: span 1;}
   .img_prem {width: 100%;grid-column: span 2;height: 350px;}
   .img_prem img {width: 100%;}
   .short2_block {grid-template-columns: repeat(1, 1fr);}
    .short2_blockinfo {order: 3;}
    .block_cena {order: 2;}
    .info_block {order: 4;}
    .yotube {display: grid;grid-template-columns: repeat(1, 1fr);}
    .swiper-container4 {grid-column: span 1;}
    .linkyoutube {order: 3;}
    .linkyoutube a {margin: auto;}
    .footer_down_right { max-width: 380px; font-size: 10px; }
    .blockcat {    grid-template-columns: repeat(1, auto);}
    .grid #dle-content { grid-template-columns: repeat(2, 1fr);  }
    .flexreview {flex-direction: column; margin-bottom: 30px; gap: 10px;}
    .flexreview a {width: 100%; text-align: center;}
    .autoclient_grid {grid-template-columns: repeat(2, 1fr); }
    .bw.grid {grid-template-columns: repeat(1, 1fr); }
    .gridvarity {grid-template-columns: repeat(1, 1fr);gap: 0; }
    .divider, .divider2 {display: none;}
    .block1, .block2, .block3 {border-bottom: 2px solid #84878b;}
    .gridvarity .flexgravity {margin: 10px;}
    .uslugi {grid-template-columns: repeat(1, 1fr);}
    .uslugi img {width: 80px;} 
    .blockgrid, .info_full_grid, .grid_vig, .shortstat {grid-template-columns: repeat(1, 1fr);}
    .bcw {font-size: 18px;}
    .bcw ol {margin-top: 15px!important;font-size: 16px!important;}
    .kak_sopr ul {gap: 10px;}
    .blockimage {width: 100%;height: 350px;}
    .stati_full .catmain {flex-wrap: wrap;     justify-content: center;}
    .addnews .flex {flex-direction: column;}
}
@media screen and (max-width: 767px) { 
    .container { width: 540px; } 
    .headerdown img  {width: 106px;}
    h1 {font-size: 36px;}
    h2 {font-size: 34px;}
    .blochhead {padding-top: 20px; padding-bottom: 20px;}
    .fullhead, .stati_full {padding-top: 40px;}
    .blockmain2_grid  {gap: 25px;}
    .pt50 { padding-top: 50px;}
    .country-tabs {margin-left: 0;}
    .blocktabs input { height: 50px; }
    #submitBtn1 input {height: 50px;    font-size: 18px;}
    .buttons .button {font-size: 14px;height: 45px;}
    .shemablock-last i { font-size: 18px; }
    .buttons { padding-top: 10px; }
    .shemablock-last b { font-size: 23px; }
    .socblock {font-size: 24px;    padding: 35px;}
    .social {margin-left: 0;justify-content: center; width: 100%;}
    .social a {width: 65px; height: 65px;    font-size: 30px;}
     .social a img {width: 30px;height: 30px;}
     .footer_midle {grid-template-columns: repeat(1, 1fr);    justify-items: center;}
   .adress {grid-column: span 1;    align-items: center;}
   ul.midleblock {gap: 0 15px; }
   .footer_down {flex-direction: column; gap: 15px;}
       .grid #dle-content { grid-template-columns: repeat(1, 1fr);  }
    .buttonsup .button, .btnmob .button{    font-size: 14px;}

 }
@media screen and (max-width: 575px) {
    .container { width: 480px; }
    .imgmain, .podbor .imgmain  {height: 370px;}
	.block_cena span, .block_cena ul { margin-top: 10px; }
    .block_cena {gap:0;}
    .catmain {    flex-direction: column;}
    .blochhead p {font-size: 16px;font-weight: 400;letter-spacing: -1px;}
    .buttons {    flex-direction: column;}
    .buttons .button {width: 100%;}
    .buttons a {width: 100%;}
    .nogridform {font-size: 14px;}
    .shemablock-last b { font-size: 18px; }
    .shemablock {padding: 50px 16px;font-size: 14px;}
    .link {font-size: 16px;}
    .block_cena .cena {font-size: 18px;margin-top:0;}
     .block_cena .cena_rf span, .block_cena ul  {font-size: 12px;}
     .gallery-top2 {height: 300px;}
     .buttons_rewiew {grid-template-columns: repeat(1, 1fr);}
     .head_full_flex .gallery-thumbs li { height: 70px; }
         .blockimage {height:230px;}
         .linkstat {    width: 100%; text-align: center;}
        .fullhead .flex {  gap: 0px;}
    .kak_sopr ul li {    width: 140px;}

     }
@media screen and (max-width: 479px) { 
    h1 { font-size: 32px; }
    h2 { font-size: 28px; }
    h3 { font-size: 20px; }
    .checklist { font-size: 18px; }
    .container { width: 100vw; }
    .country-tabs {gap: 3px;}
    .tab-button {padding: 0 5px;}
    .shemablocks {grid-template-columns: repeat(1, 1fr);}
    .shemablock-last {grid-column: span 1;}
    .shemablock {    padding: 16px 15px; gap: 10px;}
      .blockmain5 { grid-template-columns: repeat(1, 1fr); }
      .img_prem {grid-column: span 1;}
      .gallery-top2 {height: 280px;}
      .info_block ul li {font-size: 14px;}
      .info_block .button, .podobrano a {font-size: 18px;}
      .footer_up img { width: 140px; height: auto; }
 }

@media screen and (max-width: 420px) {
.block_cena {flex-direction: column;}
.block_cena .cena_rf {width: 100%;border-bottom: 2px solid;border-right: none;padding-right: 0;padding-bottom: 10px;}
.info_block ul { grid-template-columns: repeat(1, 1fr); }
    ul.midleblock {grid-template-rows: repeat(5, 1fr);}
}

@media screen and (max-width: 375px) {
.buttonsup { display: grid; grid-template-columns: repeat(3, 1fr); /* Три колонки одинаковой ширины */ grid-template-rows: auto auto; /* Две строки: для кнопки и для иконок */ gap: 10px; justify-items: center;/* Отступ между элементами */ }
.buttonsup .button { grid-column: 1 / 4; /* Кнопка занимает все 3 колонки */ grid-row: 1; /* Кнопка в первой строке */ }
.buttonsup > a:nth-child(2) { grid-column: 1; /* Первая иконка в первой колонке */ grid-row: 2; /* Иконки во второй строке */ }
.buttonsup > a:nth-child(3) { grid-column: 2; /* Вторая иконка во второй колонке */ grid-row: 2; }
.buttonsup > a:nth-child(4) { grid-column: 3; /* Третья иконка в третьей колонке */ grid-row: 2; }
.tab-button {font-size: 16px;height: 47px;}
.fi { font-size: 27px; }
.blocktabs form {    padding: 20px 15px;}
}