@import url(/assets/styles/fonts.css);
@import url(/assets/styles/reset.css);
@import url(/assets/styles/mobile.css);



.search-line input {
    background-image: none !important;
}

.search-line .filter-button:before {
    background-image: url(/assets/images/search.svg) !important;
}

.pod-zakaz {
    background-color: #f1c21d !important;
}

.swiper.swiper-card.swiper-initialized.swiper-horizontal.swiper-backface-hidden img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.main-ui-pagination {
    margin-top: 35px;
}
font.tablebodytext { display: none !important; }
/* Шапка сайта */

.top-header {
    background-color: var(--top-header-background);
    /* padding: 30px 0px; */
    padding: 30px 0px 0px 0px;
    width: 100%;
    z-index: 99;
    transition: top .3s ease-in-out, opacity .2s ease-in-out;
}

.top-header .address {
    line-height: 1.3;
}

.top-header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}   

.top-header .left,
.top-header .right {
    display: flex;
    align-items: center;
    gap: 50px;
}

.top-header .logo img {
    width: 238px;
}

.top-header .phone a {
    font-weight: 600;
}

.top-header .button {
    display: flex;
    gap: 20px;
}

.top-header .button .cart-button {
    background-color: #FFF;
    border-radius: 3px;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    display: none;
}

.top-header .button .cart-button .items-count {
    position: absolute;
    background-color: var(--yellow);
    font-size: 10px;
    padding: 4px;
    border-radius: 100%;
    color: #FFF;
    transform: translateX(10px) translateY(-10px)
}

.top-header .menu-button {
    display: none;
    background-color: #FFF;
    border-radius: 3px;
}

.social-group {
    display: flex;
    gap: 4px;
}
.slide-content {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 20px;
    border-radius: 8px;
}
.social-group a {
    width: 40px;
    height: 40px;
    background-color: var(--yellow);
    padding: 10px;
    border-radius: 3px;
    transition: background-color .2s ease-in-out;
}

.social-group a::before {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    content: '';
    width: 100%;
    height: 100%;
}

.social-group a:active {
    transform: scale(.98);
}

.social-group a:hover {
    background-color: var(--yellow-hover);
}



.social-group a.social-rutube::before {
    background-image: url(/assets/images/play-circle-sharp_128x128.svg);
}


.social-group a.social-max::before {
    background-image: url(/assets/images/Max_logo_black.svg);
}



.social-group a.social-vk::before {
    background-image: url(/assets/images/vk-svg-black.svg);
}

.social-group a.social-youtube::before {
    background-image: url(/assets/images/youtube-svg-black.svg);
}

.social-group a.social-whatsapp::before {
    background-image: url(/assets/images/whatsapp-svg-black.svg);
}

.social-group a.social-telegram::before {
    background-image: url(/assets/images/telegram-svg-black.svg);
}

.top-header .work-time {
    font-size: 14px;
    margin-top: 7px;
    color: rgba(0, 0, 0 ,.5);
}





/* Главное меню */

.main-menu {
    background-color: var(--yellow);
    margin-top: 30px;
}

.main-menu .container {
    display: flex;
    justify-content: space-between;
    gap: 200px;
}
.main-menu .links {
    width: 100%;
    height: 70px;
}

.main-menu ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.main-menu ul li {
    height: 100%;
}

.main-menu ul li a {
    font-family: "PT Sans Caption Bold";
    font-weight: 400;
    color: #000;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    height: 100%;
    padding: 0px 15px;
    transition: background-color .2s ease-in-out;
}

.main-menu ul li.child a::after {
    content: '';
    display: inline-flex;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/assets/images/chevron-right-black.svg);
    width: 18px;
    height: 18px;
    margin-left: 10px;
}

.main-menu .child .child-wrapper {
    display: none;
    background-color: var(--top-header-background);
    padding: 20px 30px 20px 30px;
    border-radius: 0px 0px 5px 5px;
    border: 1px solid rgba(0, 0, 0, .1);
    -webkit-box-shadow: 4px 4px 16px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 4px 4px 16px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 4px 4px 16px 0px rgba(34, 60, 80, 0.2);
}

.main-menu .child ul a {
    color: var(--black);
    padding: 10px 0px;
    font-size: 16px;
    transition: color .2s ease-in-out;
}

.main-menu .child ul a:hover {
    background-color: initial;
    color: var(--yellow);
}

.main-menu .child:hover .child-wrapper {
    display: block;
    position: absolute;
    z-index: 9999;
}

.main-menu .child ul {
    display: block;
}

.main-menu .child ul li:not(:last-child) {
    margin-bottom: 10px;
}

.main-menu ul li a:hover {
    background-color: var(--yellow-hover);
    color: #FFF;
}

.main-menu ul li a:active {
    transform: scale(.98);
}

.main-menu ul li a.active {
    background-color: var(--yellow-hover);
}

.main-menu ul li a.active:hover {
    background-color: #cea306;
}

.main-menu .cart {
    padding: 10px 0px;
}

.main-menu .cart .items-count {
    position: absolute;
    background-color: var(--yellow);
    font-size: 10px;
    padding: 4px;
    border-radius: 100%;
    color: #FFF;
    transform: translateX(10px) translateY(-10px)
}

.main-menu .cart-area {
    background-color: #FFF;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
}





/* Бренды */

.brands {
    padding: 20px;
}

.brands .brands-area {
    background-color: var(--top-header-background);
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    /* height: 100px; */
    height: 70px;
}

.brands .brands-area .center {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.brands .brands-area .center .circle {
    display: inline-flex;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: var(--yellow);
}

.brands .left,
.brands .right {
    display: flex;
    gap: 65px;
    width: 20%;
}

.brands .line {
    background-color: rgba(0, 0, 0, .02);
    display: inline-block;
    width: 20px;
    height: 100%;
}

.brands .left .line {
    transform: rotate(-35deg) scale(2.5) translateX(18px) translateY(10px);
}

.brands .right {
    display: flex;
    justify-content: right;
}

.brands .right .line {
    transform: rotate(-35deg) scale(2.5) translateX(-18px) translateY(-10px);
}



/* Поиск */

.search {
    padding: 0px 20px;
}

.search-area {
    background-color: var(--gray-dark);
    padding: 20px 0px;
    height: 100px;
}

.search .search-area .container {
    display: flex;
    align-items: center;
    height: 100%;
}

.search .search-area .input-button {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.search .search-area .header {
    font-size: 20px;
    font-weight: 500;
    color: #FFF;
    white-space: nowrap;
    margin-right: 50px;
}

.search .search-area .header span {
    font-size: 20px;
    font-weight: 500;
    color: #FFF;
    white-space: nowrap;
}

.search .search-area .txt {
    color: #FFF;
    margin-top: 10px;
}

.search .search-area .input {
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
}

.search .search-area .input input {
    height: 100%;
    border: none;
    font-size: 14px;
    border-radius: 3px;
    padding: 0px 60px 0px 20px;
    width: 100%;
}

.search .search-area .input img {
    position: relative;
    transform: translateX(-40px);
}

.search .search-area .input input::placeholder {
    color: #BBBBBB;
}

.search .button {
    height: 100%;
}

.search .button button {
    height: 100%;
    padding: 0px 50px;
}

.search .button button span {
    color: #FFF;
}

.search .button button img {
    display: none;
}



/* Баннер на главной странице */

.banner .banner-area {
    padding: 20px 0px;
}

.banner .swiper-slide {
    aspect-ratio: 1400 / 618;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner .swiper-slide .container {
    height: 100%;
    display: flex;
    align-items: end;
    padding-bottom: 80px;
}

.banner .swiper-slide .slide-content {
    width: 50%;
    padding-left: 50px;
    /* padding-left: 0px; */
}

.banner .swiper-slide .header-1,
.banner .swiper-slide .header-1 span,
.banner .swiper-slide h1 {
    font-size: 55px;
    font-weight: 600;
    color: #FFF;
    text-transform: uppercase;
}

.banner .swiper-slide .header-1 span {
    color: var(--yellow);
}

.banner .swiper-slide .header-2 {
    margin-top: 20px;
}

.banner .swiper-slide .header-2,
.banner .swiper-slide .header-2 span {
    font-size: 18px;
    font-weight: 400;
    color: #FFF;
    line-height: 1.3;
}

.banner .swiper-slide .header-2 span {
    color: var(--yellow);
}



/* Преимущества */

.advantages .content {
    display: grid;
    grid-template-columns: 4fr 4fr 4fr;
    gap: 70px;
    margin-bottom: 50px;
}

.advantages .content .balls {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.advantages .content .balls .ball {
    display: inline-flex;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #DFDFDF;
}

.advantages .content .balls .ball.active {
    background-color: var(--yellow);
}

.advantages .content .title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 10px;
}

.advantages .content .desc {
    font-size: 16px;
    color: var(--gray);
    line-height: 1.3;
}

.advantages .image {
    aspect-ratio: 1160 / 522;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.advantages .more-button {
    margin-top: 20px;
    display: none;
}

.advantages h2 {
    margin-bottom: 20px;
}



/* Популярные товары */

.popular .header {
    padding-bottom: 20px;
    border-bottom: 2px solid #DFDFDF;
    margin-bottom: 30px;
}

.popular .header .more a {
    color: var(--yellow);
    font-weight: 500;
}

.popular .header .more a:hover {
    color: var(--black);
}

.popular .header .text {
    display: flex;
    align-items: center;
    gap: 30px;
}

.popular .header .text .count {
    color: var(--yellow);
    font-weight: 500;
}

.popular .swiper-button-prev {
    transform: initial;
}

.popular .swiper-slide .image {
    background-color: #eeeeee;
    height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 5px;
}

.popular .swiper-slide .badges {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.popular .swiper-slide .badges .item {
    font-size: 14px;
    background-color: #F8F8F8;
    color: #797979;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 0px 15px;
    border-radius: 3px;
}

.popular .swiper-slide .title {
    font-weight: 400;
    line-height: 1.2;
    margin-top: 20px;
}

.popular .swiper-slide .to-cart {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.popular .swiper-slide .to-cart .txt {
    font-size: 18px;
    font-weight: 600;
}

.popular .swiper-pagination {
    transform: translateY(0px);
}

.popular .swiper-popular {
    padding-bottom: 50px;
}

.popular .swiper-pagination-bullet {
    background-color: #D9D9D9;
}

.popular .swiper-pagination-bullet-active {
    background-color: var(--yellow);
}

.popular .swiper-slide:active {
    transform: scale(0.98);
}



/* Новости */

.news .more a {
    color: var(--yellow);
}

.news .more a:hover {
    color: var(--black) !important;
}

.news .content {
    display: grid;
    grid-template-columns: 6fr 6fr;
    gap: 40px;
}



.news .content .item {
    background-color: #F8F8F8;
    padding: 30px;
    border-radius: 5px;
    cursor: pointer;
    transition: transform .1s ease-in-out;
}

.news .content .item:hover .top .a {
    color: var(--black);
}

.news .content .item:hover .top .arr-box {
    background-color: var(--black);
}

.news .content .item:hover {
    transform: scale(1.02);
}

.news .content .item:active {
    transform: scale(.98);
}

.news .content .item .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.news .content .item .top .a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--yellow);
    font-size: 14px;
    transition: color .2s ease-in-out;
}

.news .content .item .top .arr-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 23px;
    height: 23px;
    background-color: var(--yellow);
    border-radius: 3px;
    transition: background-color .2s ease-in-out;
}

.news .content .item .top .date {
    background-color: #FFF;
    border-radius: 3px;
    padding: 10px 15px;
    color: #797979;
    font-size: 14px;
}

.news .content .item .title {
    font-size: 24px;
    line-height: 1.3;
    font-weight: 500;
    margin-top: 40px;
}

.news .content .item .desc {
    line-height: 1.5;
    margin-top: 15px;
}





/* Сертификаты */

.sert {
    background-color: #909090;
    padding: 50px 0px;
}

.sert .header .text {
    color: #FFF;
}

.sert .content {
    background-color: #7F7F7F;
    padding: 30px;
    border-radius: 5px;
}

.sert .swiper-slide {
    aspect-ratio: 184 / 260;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 3px;  
}



/* Футер */

.footer {
    background-color: #F8F8F8;
     background-color: #FFF;
    margin-top: 0;
    padding: 100px 0px;
}

.footer .container {
    display: grid;
    grid-template-columns: 6fr 6fr;
    gap: 100px;
}

.footer .head {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 600;
}

.footer .head span {
    font-size: 30px;
    color: var(--yellow);
    text-transform: uppercase;
    font-weight: 600;
}

.footer .dsc {
    line-height: 1.3;
}

.footer .form-area {
    background-color: #F8F8F8;
    padding: 30px;
    border-radius: 5px;
}

.footer .form-area .text-input input {
    width: 100%;
    background-color: #FFF;
    border: none;
    height: 50px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 3px;
}

.footer .form-area .text-input textarea {
    width: 100%;
    background-color: #FFF;
    border: none;
    padding: 15px;
    border-radius: 3px;
    resize: none;
}

.footer .form-area .text-input textarea::placeholder {
    color: #C9C9C9;
}

.footer .form-area .text-input textarea:focus {
    outline: 2px solid var(--yellow);
}

.footer .form-area .form-item:not(:last-child) {
    margin-bottom: 30px;
}

.footer .form-area .text-input input::placeholder {
    color: #C9C9C9;
}

.footer .agree {
    display: flex;
    align-items: baseline;
    gap: 15px;
}

.footer .agree label {
    font-size: 14px;
    transform: translateY(-2px);
    line-height: 1.3;
}

.footer .form-item button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer .form-item button .icon-area {
    background-color: #FFF;
    border-radius: 3px;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.footer .left {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 30px;
}

.footer .contact-block .items {
    display: flex;
    align-items: center;
}

.footer .contact-block .items .item a {
    font-size: 22px;
    height: 40px;
    display: inline-flex;
    align-items: center;
}

.footer .contact-block .items.phones .item:not(:last-child) {
    border-right: 1px solid var(--black);
    padding-right: 20px;
}

.footer .contact-block .items.phones .item:last-child {
    padding-left: 20px;
}

.footer .contact-block .label {
    color: #9F9F9F;
    margin-bottom: 15px;
}

.footer .contact-block:not(:last-child) {
    margin-bottom: 30px;
}


/* Контент */

.content-area {
    background-color: #F9F9F9;
    padding: 50px 0px;
}

.content-area .breadcrumbs {
    margin-bottom: 50px;
}

.content-area .breadcrumbs ul {
    list-style-type: none;
}

.content-area .breadcrumbs ul li {
    display: inline-flex;
    color: rgba(0, 0, 0, .5);
    line-height: 1.3;
}

.content-area .breadcrumbs ul li:not(:last-child)::after {
    content: '/';
    margin-left: 7px;
    margin-right: 5px;
}

.search-line {
    display: flex;
    justify-content: space-between;
}

.search-line form {
    display: flex;
    align-items: center;
    width: 100%;
}

.search-line .filter {
    width: 100%;
}

.search-line input {
    height: 50px;
    border: none;
    border-radius: 3px;
    padding: 0px 20px;
    width: 40%;
    background-image: url(/assets/images/search.svg);
    background-repeat: no-repeat;
    background-position: 95% center;
    padding-right: 50px;
}

.search-line .sort-buttons .flex {
    display: flex !important;
}

.search-line .sort-buttons .filter-button {
    display: none;
}

.search-line input::placeholder {
    color: rgba(0, 0, 0, .3);
}

.search-line button {
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: #FFF;
    border-radius: 3px;
    margin-left: 10px;
    padding: 12px;
    cursor: pointer;
    transition: background-color .2s ease-in-out;
}

.search-line button:hover {
    background-color: var(--yellow);
}

.search-line button:active {
    transform: scale(.98);
}

.search-line .filter-button::before {
    content: '';
    height: 100%;
    width: 100%;
    display: flex;
    background-image: url(/assets/images/filter.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.search-line .sort-buttons {
    display: flex;
    align-items: center;
}

.search-line .sort-buttons .sort-line {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px;
}

.search-line .sort-buttons .sort-line span {
    background-color:#797979;
    height: 5px;
    width: 100%;
    display: block;
}

.search-line .sort-buttons .sort-cards span {
    background-color:#797979;
    width: 10px;
    height: 10px;
}

.search-line .sort-buttons .sort-cards {
    display: grid;
    grid-template-columns: 6fr 6fr;
    align-items: center;
    gap: 5px;
}

.search-line .sort-buttons .active span {
    background-color:var(--yellow);
}

.search-line .sort-buttons button:hover span {
    background-color: #FFF;
}


/* Карточки товаров */


.cards {
    margin-top: 20px;
}

.cards .items .item {
    background-color: #FFF;
    padding: 20px;
}

.cards.view-lines .item {
    display: flex;
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, .2);
    gap: 30px;
}

.cards.view-lines .item:last-child {
    border-radius: 0px 0px 5px 5px;
}

.cards .items-header {
    display: flex;
    padding: 20px;
    background-color: #FFF;
    gap: 30px;
    border-radius: 5px 5px 0px 0px;
}

.cards .items-header div {
    color: #A4A4A4;
    font-size: 14px;
}


.cards .items-header .brand {
    width: 15%;
}

.cards .items-header .articul {
    width: 15%;
}

.cards .items-header .title {
    width: 40%;
}







.cards.view-lines .brand {
    width: 15%;
}

.cards.view-lines .articul {
    width: 15%;
}

.cards.view-lines .title {
    width: 50%;
}

.cards.view-lines .item .image {
    display: none;
}

.cards.view-cards .items-header {
    display: none;
}

.cards.view-cards .items {
    display: grid;
    grid-template-columns: 3fr 3fr 3fr;
    gap: 30px;
}

.cards .item .image {
    aspect-ratio: 263/180;
    background-color: #FFF;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 20px;
}

.cards.view-cards .items .item {
    background-color: transparent;
    padding: 0;
}

.cards .item .brand,
.cards .item .articul {
    font-size: 14px;
    background-color: #FFF;
    display: inline-flex;
    border-radius: 3px;
    padding: 5px 10px;
    color: #797979;
}

.cards .item .title {
    font-size: 14px;
    line-height: 1.3;
}

.cards .item .cost {
    font-size: 16px;
    font-weight: 600;
}

.cards.view-cards .view-block:not(:last-child) {
    margin-bottom: 20px;
}

.cards .cost-cart {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.cards.view-lines .cost-cart {
    width: 20%;
}

.cards.view-cards .bages {
    display: none;
}

.cards .bages {
    margin-bottom: 5px;
}

.cards.view-lines .brand {
    padding: 0;
}

.cards.view-lines .articul {
    padding: 0;
}

.cards .count {
    font-size: 12px;
    margin-top: 10px;
} 



/* Карточка товаров */

.simple-card {
    display: grid;
    grid-template-columns: 6fr 6fr;
    gap: 80px;
}

.simple-card .swiper-wrapper {
    width: 0px;
}

.simple-card .swiper-card .swiper-slide {
    aspect-ratio: 560/389;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 3px;
}

.simple-card .swiper-card-thumbs {
    margin-top: 20px;
}

.simple-card .swiper-card-thumbs .swiper-slide {
    aspect-ratio: 125/100;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 3px;
    cursor: pointer;
}

.simple-card .swiper-card-thumbs .swiper-slide:hover {
   outline: 2px solid rgba(0, 0, 0, .2); 
}

.simple-card .swiper-card-thumbs .swiper-slide-thumb-active {
    outline: 2px solid var(--yellow) !important;
}

.simple-card .swiper-card-thumbs .swiper-slide {
    transform: scale(.96);
}

.simple-card .data .title {
    font-size: 30px;
    line-height: 1.3;
}

.simple-card .data .details {
    display: flex;
    align-items: center;
    gap: 20px;
}

.simple-card .data .details span {
    display: block;
    margin-bottom: 7px;
    color: #797979;
    font-size: 14px;
}

.simple-card .data .details div {
    display: inline-block;
    padding: 10px;
    border-radius: 3px;
    font-size: 16px;
    background-color: #FFF;
}

.simple-card .data .data-block:not(:last-child) {
    margin-bottom: 20px;
} 

.simple-card .tech-table .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0px;
}

.simple-card .tech-table .item:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.simple-card .availability {
    background-color: #FFF;
    border-radius: 5px;
}

.simple-card .availability .cost {
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.simple-card .availability .cost .right {
    font-size: 30px;
}

.simple-card .availability .cost .right span {
    color: rgba(0, 0, 0, .4);
}

.simple-card .store .items-headers {
    display: flex;
}

.simple-card .store .items-headers div {
    width: 33.33%;
    padding: 30px;
    font-size: 14px;
    color: #A4A4A4;
}

.simple-card .store .item {
    display: flex;
}

.simple-card .store .item div {
    width: 33.33%;
    padding: 20px 30px;
}

.simple-card .store .item {
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.simple-card .cart-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
}

.simple-card .cart-buttons .left {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 50%;
}

.simple-card .cart-buttons button {
    height: 50px;
}

.simple-card .cart-buttons input {
    height: 50px;
    width: 100%;
    border: none;
    background-color: #FFF;
    border-radius: 3px;
    font-size: 18px;
    text-align: center;
}

.simple-card .cart-buttons .right {
    width: 50%;
}

.simple-card .cart-buttons .right button {
    width: 100% !important;
}

.simple-card .cart-buttons .left button {
   min-width: 50px;
}

.simple-card-description {
    margin-top: 80px;
}

.simple-card-description .items .tab-item {
    display: none;
}

.simple-card-description .items .tab-item.active {
    display: block;
}

.simple-card-description .buttons {
    display: flex;
    align-items: center;
}

.simple-card-description .buttons button {
    border: none;
    background: none;
    width: 100%;
    font-size: 20px;
    cursor: pointer;
    padding: 15px 0px;
}

.simple-card-description .buttons button.active {
    border-bottom: 3px solid var(--yellow);
    margin-bottom: -3px;
}

.simple-card-description .line {
    border-bottom: 1px solid #DFDFDF;
    margin-bottom: 50px;
}

.simple-card-description p {
    line-height: 1.5;
}

.simple-card-description p:not(:last-child) {
    margin-bottom: 20px;
}

.footer-2 {
    background-color: #F8F8F8;
    padding: 100px 0px 0px 0px;
    margin-top: 0px;
}

.footer-2 .container {
    display: grid;
    grid-template-columns: 3fr 3fr 3fr 3fr;
    gap: 80px;
}

.footer-2 ul {
    list-style: none;
}

.footer-2 ul li:not(:last-child) {
    margin-bottom: 10px;
}

.footer-2 ul li a {
    line-height: 1.3;
}

.footer-2 .desc {
    line-height: 1.5;
    margin: 30px 0px;
}

.footer-2 .left a {
    font-size: 12px;
    color: rgba(0, 0, 0 ,.5);
}

.footer-2 .left a:hover {
    color: var(--yellow);
}

.footer-2 .hdr {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
}

.footer-2 .copyright {
    text-align: center;
    background-color: rgba(0, 0, 0, .1);
    margin-top: 100px;
    padding: 10px 0px;
    color: rgba(0, 0, 0, .3);
}

.footer-2 .logo img {
    width: 210px;
}

.footer-2 .right .value a {
    display: block;
    font-weight: 600;
    line-height: 1.5;
}

.footer-2 .right .value a:not(:last-child) {
    margin-bottom: 10px;
}

.footer-2 .right .label {
    margin-bottom: 10px;
    color: rgba(0, 0, 0, .5);
}

.footer-2 .cont-block:not(:last-child) {
    margin-bottom: 30px;
}

.footer-2 .social-group {
    margin-top: 30px;
}

.content-area-white h2,
.content-area-gray h2 {
    margin-bottom: 20px;
    margin-top: 0px;
    line-height: 1.3;
}

.content-area-white,
.content-area-gray {
    padding: 60px 0px;
}

.content-area-white p,
.content-area-gray p  {
    line-height: 1.5;
}

.content-area-white p:not(:last-child),
.content-area-gray p:not(:last-child) {
    margin-bottom: 20px;
}

.content-area-white .yellow-button:hover {
    color: #FFF;
}

.content-area-white .btn {
    margin-top: 50px;
    margin-bottom: 10px;
}

.content-area-gray {
    background-color: #F9F9F9;
}

.content-area-gray img,
.content-area-white img {
    width: 100%;
}

.two-columns {
    display: grid;
    grid-template-columns: 6fr 6fr;
    gap: 100px;
}

.three-columns {
    display: grid;
    grid-template-columns: 4fr 4fr 4fr;
    gap: 50px;
}

.two-columns.align-center {
    align-items: center;
}

.two-columns.mini-gap {
    gap: 20px;
}

.four-columns {
    display: grid;
    grid-template-columns: 3fr 3fr 3fr 3fr;
    gap: 50px; 
}

.mt-100 {
    margin-top: 100px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-20 {
    margin-top: 20px;
}

.content-area-white.img-initial img,
.content-area-gray.img-initial img {
    width: initial;
}

.content-area-gray h3,
.content-area-white h3 {
    margin-top: 30px;
    font-weight: 900;
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.3;
}

.content-area-gray .text-center {
    text-align: center;
}

.table table {
    width: 100%;
}

.table table td, .table table th {
    padding: 20px 10px;
}

.table table tr:nth-child(odd) {
    background-color: #F9F9F9;
}

.table table .hdr {
    font-weight: 900;
    font-size: 17px;
}

.content-area-white .txt-mini,
.content-area-gray .txt-mini {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.5;
}

.content-area-white .desc {
    margin-top: 20px;
    line-height: 1.5;
}

.content-area-white ul li,
.content-area-gray ul li,
.content-area-white ol li,
.content-area-gray ol li {
    margin-left: 50px;
    line-height: 1.5;
    margin-bottom: 5px;
    padding-left: 20px;
}

.content-area-white ol,
.content-area-gray ol,
.content-area-white ul,
.content-area-gray ul {
    margin-bottom: 20px;
}

.content-area-white ul li::marker,
.content-area-gray ul li::marker {
    color: var(--yellow);
    font-size: 20px;
}

.content-warning {
    display: block;
    padding: 30px;
    background-color: #F9F9F9;
    border-left: 3px solid var(--yellow);
    line-height: 1.5;
    margin-top: 50px;
}

.content-area-white strong,
.content-area-gray strong {
    font-weight: 900;
}

.news .content.content-four {
    grid-template-columns: 4fr 4fr 4fr;
}

.news .content .preview {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 150px;
    margin-top: 30px;
    border-radius: 5px;
}

.news-date {
    background-color: #F9F9F9;
    padding: 10px 15px;
    border-radius: 3px;
    display: inline-block;
    margin-bottom: 20px;
}


@media ( max-width: 768px ) {
   .two-columns { grid-template-columns: 12fr !important; gap: 20px !important; } 
   .content-area-gray .text-center { text-align: left !important; }

    .content-area-white,
    .content-area-gray {
        padding: 20px 0px;
    }

    .mt-100 { margin-top: 30px !important; }
    .three-columns { grid-template-columns: 12fr !important; gap: 20px !important; }
}





/* ДОБАВИТЬ СТИЛИ В КОНЕЦ ФАЙЛА */


.vac-item {
    background-color: #F9F9F9;
    padding: 20px;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.vac-item .badge-area .vac-badge {
    background-color: var(--yellow);
    display: inline-flex;
    padding: 5px 10px;
    color: #FFF;
    border-radius: 3px;
}

.vac-item .ttl {
    font-size: 18px;
    font-weight: 900;
    line-height: 1.3;
}

.vac-item button {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.vac-item .dsc {
    line-height: 1.3;
}

.vac-item:hover button {
    background-color: var(--yellow-hover);
}

.mb-50 {
    margin-bottom: 50px;
}

.diler-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 420px;
    border: 1px solid var(--gray);
    padding: 30px;
}

.diler-item:hover button {
    background-color: var(--yellow-hover);
}

.diler-item .logo {
    height: 150px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.diler-item .name {
    font-size: 18px;
    font-weight: 900;
    line-height: 1.3;
    text-align: center;
}

.diler-item .txt {
    line-height: 1.5;
    text-align: center;
}

.presentation-swiper .swiper-slide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    aspect-ratio: 1597 / 912;
}


/* Добавить в конце файла style.css */

.content-area-video .video-item iframe {
    width: 100%;
    height: 250px;
}

.content-area-video .video-item .name {
    font-size: 18px;
    line-height: 1.3;
    margin-top: 15px;
}

.cat-catalog {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cat-catalog .item {
    display: flex;
    gap: 50px;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 30px;
    height: 100%;
    width: 100%;
}

.cat-catalog .img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    aspect-ratio: 187 / 177;
    min-width: 200px;
}

.cat-catalog .item .hdr {
    font-size: 24px;
    font-weight: 900;
}

.cat-catalog .item .tags {
    margin-top: 30px;
}

.cat-catalog .item .tags .tag {
    display: inline-flex;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 10px 15px;
    margin-bottom: 10px;
    margin-right: 7px;
    line-height: 1.5;
}

.z-two-columns {
	display: grid;
	grid-template-columns: 6fr 6fr;
	gap: 50px;
}

@media (max-width: 960px) {
    .cat-catalog .item { flex-direction: column; padding: 10px !important; gap: 20px; }
    .cat-catalog .item .tags .tag { font-size: 14px !important; }
    .z-two-columns { grid-template-columns: 12fr !important; gap: 30px !important; }
}

.img-small {
	max-width: 260px;
}

blockquote {
    background-color: #f7f7f7;
    border-color: #ffd325;
    border-width: 0 0 0 3px;
    border-style: solid;
    font-style: italic;
    padding: 10px 15px;
    margin-bottom: 2rem;
}

.advantages-grid {	
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.fw-feature__img {
    width: 50px;
    margin-right: 20px;
    margin-bottom: 20px;
    flex-shrink: 0;
}

.z-two-columns .mini-desc {
    text-align: center;
    margin-top: 10px;
    line-height: 1.5;
}

.content-table table {
    width: 100%;
}

.content-table table td {
    padding: 15px;
    line-height: 1.5;
}

.content-table table tr:first-child td {
    font-weight: 900;
    font-size: 18px;
    text-align: center;
}

.content-table table tr:nth-child(odd) {
    background-color: rgba(0, 0, 0, .07);
    border-top: 1px solid rgba(0, 0, 0, .5);
    border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.content-table table ul {
    margin-bottom: 0px;
}