h1, .h1 {
    font-size: 2.34375rem;
    font-weight: 700;
}
.fs-12 {
    font-size: 12px;
}
.fs-14 {
    font-size: 14px;
}
.fs-16 {
    font-size: 16px;
}
.fs-17 {
    font-size: 17px;
}
.fs-20 {
    font-size: 20px;
}
.fs-24 {
    font-size: 24px;
}
.fs-30 {
    font-size: 30px;
}
.fs-36 {
    font-size: 36px;
}
.fs-40 {
    font-size: 40px;
}
.fs-45 {
    font-size: 45px;
}
.fs-50 {
    font-size: 50px;
}
.fw-300 {
    font-weight: 300;
}
.fw-400 {
    font-weight: 400;
}
.fw-500 {
    font-weight: 500;
}
.fw-600 {
    font-weight: 600;
}
.fw-700 {
    font-weight: 700;
}
.fw-800 {
    font-weight: 800;
}
.fon-fix {
    background-attachment: fixed;
}

.flexx {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.flexxm {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.flexxx {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.flexxx > div {
    flex: 0 0 calc(33.33333333% - 20px);
    max-width: calc(33.33333333% - 20px);
}
.flexxxx {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.flexxxx > div {
    flex: 0 0 25%;
    max-width: 25%;
}
.btn-outline-info{background: #000;color: #fff;border-color: #000;font-weight:700;}

.btn-lot {flex-wrap: wrap;}
.btn-outline-info:hover{background: #ffee00;color: #000;border-color: #000;}
.btn-max {display: flex; align-items: center; height: 48px; padding: 0 1.2rem; background-image: linear-gradient(35deg, #42c0fc, #2d48f0, #7c35e3, #bf79ff); border-radius: 12px; margin-right: 5px; color: #fff; font-weight: 600;}
.btn-max:hover {background-image: linear-gradient(120deg, #42c0fc, #2d48f0, #7c35e3, #bf79ff);color: #fff; opacity: 0.9;}
.btn-max img {height: 24px; margin-right: 8px;}
.f_price a {margin-top: -10px;}
/* Шапка ============================================================ */
.icms-header__bottom{background-image: linear-gradient(135deg, #000000 11%, #1e2224 4%);}
.navbar-nav{z-index: 2;}
.navbar-brand{margin-top: -55px;z-index: 5;}
.navbar-brand img {height: 70px;}
.logo-right{margin-top: -55px;height: 100px;z-index: 4;}
header .logo-right{display:none !important;}
header .soc svg {width: 30px; height: 30px; margin: 5px;}
.icms-footer__middle .soc svg {width: 45px; height: 45px; margin: 5px;}
.tel {font-size: 17.6px; font-weight: 600;z-index: 2;}
.tel svg {width:29px; height: 29px;}
.time svg {width:25px; height: 25px;}
.soc{display: flex;width: fit-content !important;align-items: center;}
.icms-footer__middle .soc a {width: 50px;font-size: 15px;}
.icms-footer__middle .soc svg {width: 45px; height: 45px; margin: 5px;}
.soc img {border-radius: 25px;}
header .soc img {height: 30px; margin-right: 5px;}
.icms-footer__middle .soc img {height: 45px; margin-right: 5px;}
.gis {width: 50px; overflow:hidden;display: inline-block;}
.prava a {color: #ffffff8c !important;text-decoration: none;}
.tel {text-align: right;}
.icms-footer__bottom{font-size: 14px;}
.icms-footer__middle .footer-none {display:none;}
.tossing {
    animation-name: tossing;
    -webkit-animation-name: tossing;
    animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
.wgt_ishop_cart {position:relative; top:0px;}
#widget_ishop_cart .cart_links {display:none;}
#widget_ishop_cart:hover .cart_links {display:block;position:absolute; top:0px; background:#000;}
.btn-outline-primary.link_go_to_cart  {color: #fff;border-color: #fff;}
.btn-outline-primary.link_go_to_cart:hover  {color: #000;border-color: #222; background:#fff;}
.btn-outline-primary.link_go_to_cart {margin: 5px;}
/* Меню ============================================================ */
.icms-header__bottom .container{display: flex; align-items: center;}
header .tel svg path {fill: #ffee00 !important;}
header .tel a {color: #ffee00 !important;font-weight: 700;}
.navbar-dark .navbar-nav .nav-link {font-weight: 600;font-size: 15px;}
.navbar-dark .nav-link>.counter.badge, .menu-izb .nav-link>.counter.badge{
    background-color: #33bd66;
}
.menu-main .icms-svg-icon, .menu-izb .icms-svg-icon {
    height: 1.6em;
    vertical-align: sub;
	fill: #fff;
}
.menu-glav span {    font-size: 15px; font-weight: 600; text-transform: uppercase;}
.menu-glav .active span {color: #b5c1c8;}
.menu-glav span sup{font-size: 10px;font-weight: 400;color: #b5c1c8;margin-left: 1px;}
.navbar-dark .navbar-nav .nav-link {color: rgba(255, 255, 255, 1);}
.menu-main .btn a {display: flex; padding-top: 0px; padding-bottom: 0px; align-items: center;}
.menu-main .btn a span {font-size: 16px; font-weight: 600;}

.dropdown-menu.show {
    display: block;
    position: absolute !important;
    z-index: 99999999999;
}
.navbar-dark .nav-link>.counter.badge {
    vertical-align: text-bottom;
}
.navbar-dark .nav-link>.counter.badge, .menu-izb .nav-link>.counter.badge {
    background-color: transparent;
}
.counter-fav {    
    margin-left: -20px;
    margin-top: -12px;
    z-index: -1;
}

.icms-header__middle .wgt_ishop_cart{margin-left:auto;}
.icms-header__middle .soc{margin-left:18px !important;}
.icms-header__bottom .menu-izb{display:none;}
#sm_menu_ham {background: transparent !important; box-shadow: 0 0 0 0px #000000;}
#sm_menu_ham_header {background: #000000;} 

/* Real InstantCMS mobile menu: keep it above sticky header/search layers. */
#mobile_device_type #sm_menu_ham,
#tablet_device_type #sm_menu_ham {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    top: 16px !important;
    right: 22px !important;
    left: auto !important;
    width: 44px !important;
    height: 44px !important;
    background: #1e2224 !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    box-shadow: none !important;
    z-index: 23050 !important;
}

#mobile_device_type .header-layout__top .header-layout__actions,
#tablet_device_type .header-layout__top .header-layout__actions {
    margin-right: 70px !important;
}

#mobile_device_type .header-layout__cart,
#tablet_device_type .header-layout__cart {
    margin-right: 8px;
}

#mobile_device_type.scroll #sm_menu_ham,
#tablet_device_type.scroll #sm_menu_ham {
    top: 16px !important;
    right: 22px !important;
    left: auto !important;
    background: #1e2224 !important;
    box-shadow: none !important;
}

#mobile_device_type #sm_menu_ham span,
#tablet_device_type #sm_menu_ham span {
    left: 10px;
    width: 22px;
    background-color: #fff !important;
}

#mobile_device_type #sm_menu_ham span:nth-child(1),
#tablet_device_type #sm_menu_ham span:nth-child(1) {
    top: 12px;
}

#mobile_device_type #sm_menu_ham span:nth-child(2),
#mobile_device_type #sm_menu_ham span:nth-child(3),
#tablet_device_type #sm_menu_ham span:nth-child(2),
#tablet_device_type #sm_menu_ham span:nth-child(3) {
    top: 21px;
}

#mobile_device_type #sm_menu_ham span:nth-child(4),
#tablet_device_type #sm_menu_ham span:nth-child(4) {
    top: 30px;
}

#mobile_device_type #sm_menu_ham.open span:nth-child(1),
#tablet_device_type #sm_menu_ham.open span:nth-child(1),
#mobile_device_type #sm_menu_ham.open span:nth-child(4),
#tablet_device_type #sm_menu_ham.open span:nth-child(4) {
    left: 50%;
    top: 21px;
    width: 0;
}

#mobile_device_type .sm_menu_outer.active,
#tablet_device_type .sm_menu_outer.active {
    z-index: 23040 !important;
}

#mobile_device_type .sm_menu_outer .mobile_menu a,
#tablet_device_type .sm_menu_outer .mobile_menu a {
    font-size: 15px !important;
    line-height: 1.25 !important;
    letter-spacing: 0.2px !important;
    padding: 14px 38px 14px 16px !important;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
}

#mobile_device_type .sm_menu_outer .mobile_menu li.back a,
#tablet_device_type .sm_menu_outer .mobile_menu li.back a {
    padding-left: 46px !important;
}

#mobile_device_type .sm_menu_outer.slide .mobile_menu li.hasChild > a,
#tablet_device_type .sm_menu_outer.slide .mobile_menu li.hasChild > a {
    background-position: calc(100% - 14px) center !important;
    background-size: 14px auto !important;
}

@media (max-width: 374px) {
    #mobile_device_type #sm_menu_ham,
    #tablet_device_type #sm_menu_ham,
    #mobile_device_type.scroll #sm_menu_ham,
    #tablet_device_type.scroll #sm_menu_ham {
        right: 14px !important;
    }

    #mobile_device_type .header-layout__top .header-layout__actions,
    #tablet_device_type .header-layout__top .header-layout__actions {
        margin-right: 62px !important;
    }

    #mobile_device_type .sm_menu_outer .mobile_menu a,
    #tablet_device_type .sm_menu_outer .mobile_menu a {
        font-size: 14px !important;
        line-height: 1.22 !important;
        letter-spacing: 0 !important;
        padding: 12px 34px 12px 14px !important;
    }
}

#mobile_device_type #sm_menu_ham_header,
#tablet_device_type #sm_menu_ham_header {
    z-index: 23030 !important;
}

#mobile_device_type.mmactive .header-black,
#tablet_device_type.mmactive .header-black {
    z-index: 23020;
}
/* для главной ============================================================ */

/* Виджеты ============================================================ */
.bg-secondary.text-warning {background-color: #383939 !important;}
.poisk-header{display:flex;align-items:center;gap:8px;max-width:1420px;margin:0 auto;}
.poisk-header .poisk{flex:1 1 auto;min-width:0;max-width:none;margin:0;}
.poisk-favorites{flex:0 0 46px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#1e2224;border:1px solid #1e2224;border-radius:4px;margin-top:5px;margin-bottom:7px;}
.poisk-favorites:hover{color:#ffee00;text-decoration:none;}
.poisk-favorites .icms-svg-icon{width:26px;height:26px;}
.poisk{max-width: 1420px;margin: 0 auto;}
.poisk .form-control {padding: 1.375rem 2rem; color: #fff; background-color: #1e2224; background-clip: padding-box; border: 1px solid #1e2224;margin-top: 5px;margin-bottom: 7px;}
.poisk .icms-svg-icon {margin-bottom: -35px; margin-left: 10px; position: absolute; margin-top: 15px;}
.swiper-button-next, .swiper-button-prev {color: #000;}
.wd {position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background-size: cover; background-position: center; overflow: hidden;}
.wdg {display: flex; flex-wrap: wrap; align-items: flex-end; margin: 0 auto; padding: 4rem 0rem; z-index: 1;}
.y-center .wdg {align-items: center;}
.y-top .wdg {align-items: flex-start;}
.wd .img-thumbnail {background-color: transparent !important; border: 0px solid #dee2e500 !important; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075); padding: 0rem;}
.wd video {position: absolute; width: 100%; height: 100%; object-fit: cover;}
#wd-btn {margin: 30px 0 50px 0;}
#wd-btn a {margin-right: 5px; font-size: 18px; font-weight: 600; padding: 10px 17px; border-radius: 50px;}
.right-25 {margin-left: -25px; box-shadow: -3px 0px 7px #00000066;}
.wd .h1 {display: block; font-size: 65px; font-weight: 700; margin-bottom: 10px;}
.wd .h2, .wd .h3, .wd .h4, .wd .h5 {font-size: 40px; display: block;}
.glav {
    clip-path: polygon(0 0, 100% 0, 100% 68%, 0% 100%);
    padding-bottom: 30px;
    margin-top: -1px;
}
.topway-trade-in-banner {
    width: 100%;
    margin: 22px 0 18px;
    overflow: hidden;
    border-radius: 18px;
    background: #111416;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.14);
}

.topway-trade-in-banner img {
    display: block;
    width: 100%;
    height: auto;
}
.icms-content-cover-preset__normal {background-color: #f8f9fa !important;border: 1px solid #eaeaea !important;}
.swiper-slide {background: #fff;padding: 20px;height: auto;text-align: center;border-radius: 25px;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.swiper-slide:hover {transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.08);}
.swiper-slide .f_photo a {display: block;max-height: 280px;overflow: hidden;border-radius: 15px;margin-bottom: 20px;}
.swiper-slide .f_price {font-size: 24px;font-weight: 800;color: #1a1a1a;}
.swiper-slide .icms-content-fields{display: flex;flex-wrap: wrap;justify-content: space-between;height: 100%;align-content: space-between;}
.swiper-slide .f_title {width:100%;margin-bottom: 15px;}
.swiper-slide .f_title a {font-size: 1.05rem;font-weight: 600;line-height: 1.3;color: #334155;transition: color 0.2s ease;}
.swiper-slide .f_title a:hover {color: #2563eb;}
/* TopWay homepage widget: first item large, other items smaller */
.pervoe-foto-bolshoe .content_list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.pervoe-foto-bolshoe .col-md-6,
.pervoe-foto-bolshoe .col-lg-4 {
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 15px;
    text-align: center;
    background: #fff;
    border-radius: 25px;
}

.pervoe-foto-bolshoe .col-lg-4:first-child {
    -ms-grid-column-span: 2;
    -ms-grid-row-span: 2;
    grid-column: span 2;
    grid-row: span 2;
}

.pervoe-foto-bolshoe .f_photo,
.pervoe-foto-bolshoe .content_list .field:not(.form-group).f_photo.auto_field {
    overflow: hidden;
}

.pervoe-foto-bolshoe .col-lg-4 img {
    height: 100%;
    object-fit: cover;
}

.pervoe-foto-bolshoe .content_list.tiled .ft_image a > img,
.pervoe-foto-bolshoe .img-fluid {
    border-radius: 20px;
}

.pervoe-foto-bolshoe .content_list.tiled .ft_image a > img {
    transition: 1s;
}

.pervoe-foto-bolshoe .content_list.tiled .ft_image:hover a > img {
    transform: scale(1.2);
}

.ishop_img {max-width: 100px;}
/* Список ============================================================ */
.icms-filter-panel {border-radius: 25px;overflow: hidden;}
 .categorii{position: relative;background: linear-gradient(0deg, #d4d8dd, transparent);padding: 0px 0 20px 0;}
.categorii::before {content: '';background: linear-gradient(0deg, #d4d8dd, transparent);position: absolute;top: 0px;left: calc((100vw - 1425px) / -2);width: calc((100vw - 1425px) / 2);height:100%;z-index:-1;}
.categorii::after {content: '';background: linear-gradient(0deg, #d4d8dd, transparent);position: absolute;top: 0px;right: calc((100vw - 1425px) / -2);width: calc((100vw - 1425px) / 2);height:100%;z-index:-1;}
.content_list {margin-top:40px;}
.content_list .f_photo {height: 100%;}
.tile.col-lg-6 {flex: 0 0 24%;max-width: 24%;margin-right:1%;background: #fff;border: 1px solid #eaeaea; padding: 10px;border-radius: 25px;}
.topway-shop-item.tile.col-lg-6 .h4 {
    font-size: 1.0rem;
    text-align: left;
}

.topway-shop-item .f_title {
    min-height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.topway-shop-item.tile .f_price {font-size:24px;font-weight: 700;text-align: left;}
.icms-content-cover-preset__normal .card-body {padding: 0.7rem;text-align: center;}
#id-widget-142 {background-attachment: fixed;}
.row.mb-n3 {margin:0px;margin-bottom: 1rem !important;}
.row.mb-n3 .col-md-4{padding-right: 0px;padding-left: 0px;border-radius: 25px;overflow: hidden;}
.col-lg.order-2.mb-3.mb-md-4 .row.mb-n3 {justify-content: space-between;}
.favorites_spisok .optika-filter, .favorites_spisok .lebedki-filter, .favorites_spisok .stekloplastik-filter {display: none;} 
.nav-pills .nav-link {
    background-color: #d1d7e0;
	margin-right: 5px;
}
/* Страница ============================================================ */
.icms-content-header .icms-bg__cover {padding: 20px 0px;}
.content_item .icms-content-fields {display: flex;flex-wrap:wrap;align-items: flex-start;}
.content_item .btn-lot{display: none;}
.content_item .fields_group:nth-child(2) .btn-lot{display: flex;justify-content: center;align-content: center;align-items: center;}
.icms-content-fields__group_title,.fields_group_magazin_0 .btn-lot,.fields_group_magazin_0 .info_bar{display:none;}
.fields_group:first-child {width: calc(50% - 20px);margin-right: 20px; position: sticky; top: 30px; align-self: flex-start;}
.fields_group:nth-child(2) {width:50%;display: flex;flex-direction: column;background: #fff;padding: 0px 20px 20px 20px;border: 1px solid #e8edf2;}
.content_item .f_photos .value div{display: flex;}
.content_item .f_photos.img-h200 .value div {flex-wrap: wrap;}
.content_item .f_photos.img-h200 .value a {width: 32.5%;}
.info_bar {background-color: #ffffff00;border-top: 1px solid #ffffff00;margin-top: 0rem;font-size: 20px;}
.btn-wa {display: flex;align-items: center;height: 48px;padding: 0 1.2rem;color: #ffffff; background-color: #3eab9a; border-radius: 12px; border: 1px solid #ffffff40; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); font-weight: 600;}
.btn-tg {display: flex;align-items: center;height: 48px;padding: 0 1.2rem;color: #ffffff; background-color: #00aeef; border-radius: 12px; border: 1px solid #ffffff40; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); font-weight: 600;}
.btn-fw {display: flex;align-items: center;height: 48px;padding: 0 1.2rem;background-color: #f9f9f9; border-radius: 12px; border-color: #ddd; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);}
.content_item .btn-lot .w-49 {justify-content: center;}
.bi_hits {white-space: nowrap;}
.btn2:hover, .btn3:hover, .btn-wa:hover, .btn-tg:hover {color: #ffffff; opacity:0.8;}
.content_item .icms-favorites__btn {display:flex;align-content:center;align-items:center;}
.content_item .btn-lot svg {font-size: 20px; margin-right:5px;}
.content_item .f_price{font-size: 40px;font-weight: 700;}
.first_type_images, .second_type_images {width: 49%;}
.btn-lot .info_bar {padding: 0px;}
.content_item .info_bar .bar_item:last-child {margin-right: 0;position: absolute;right: 30px;top: 30px;}
.fields_group .f_price{border-bottom: 2px solid #ddd;order: -1;text-align: center;}
.contacts .content_item.pages_item {background:#fff;margin-top: 0rem !important; margin-bottom: 2rem !important;padding: 20px;border-radius: 8px;border: 1px solid #e2e4e7;} 
@media (min-width: 992px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {max-width: 990px;}
@keyframes myAnim {
  0%,
  100% {
    width: 300px;
  }
  50% {
    width: 280px;
  }
}
@keyframes myAnime {
  0%,
  100% {
    width: 300px;
  }
  50% {
    width: 280px;
  }
}


 .icms-header__middle {position:relative;background-image: linear-gradient(135deg, #000000 90%, #1e2224 4%);}
/*  
    .icms-header__middle:before {content:''; display:block; position:absolute; bottom:0px; right: 0px; height:100px; width: 300px; background-image: linear-gradient(135deg, transparent 80px, #383939 4%); animation: myAnime 3s linear 0s infinite normal forwards;z-index: 1;}
    .icms-header__middle:after {content:''; display:block; position:absolute; bottom:-80px; right: 0px; height:190px; width: 190px; background-image: linear-gradient(135deg, transparent 140px, #000 4%); animation: myAnim 2.5s linear 0s infinite normal forwards;z-index: 1;}
    .header-black__inner:after {content:''; display:block; position:absolute; top:-47px; left: 0px; height:190px; width: 190px; background-image: linear-gradient(315deg, transparent 140px, #1e2224 4%); animation: myAnim 2.5s linear 0s infinite normal forwards;z-index: 4;}
    .header-black__inner:before {content:''; display:block; position:absolute; top:0px; left: 0px; height:100px; width: 300px; background-image: linear-gradient(315deg, transparent 80px, #383939 4%); animation: myAnime 3s linear 0s infinite normal forwards;z-index: 3;}
*/ 

.wd-black-gradient:after {position: absolute; width: 100%; height: 100%; left: 0; bottom:0; background: linear-gradient(#00000030 100px, #000); content:' '; display:block;}
 .wd-white-gradient:after {position: absolute; width: 100%; height: 100%; left: 0; bottom:0; background: linear-gradient(#ffffff60 100px, #fff); content:' '; display:block;}
 .icms-footer__middle{position:relative;}
}
@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {max-width: 1200px;}
}
@media (min-width: 1440px){
    .container, .container-sm, .container-md, .container-lg, .container-xl {max-width: 1440px;}
	.icms-header__middle {}
}

@media (max-width: 1439px){
.logo-right{display:none;}
.navbar-dark .navbar-nav .nav-link {font-size: 14px;}
header .soc {display: none;}
}

@media (max-width: 1280px){
	.navbar-dark .navbar-nav .nav-link {font-size: 12px;}
.navbar-dark .navbar-nav .nav-link {font-size: 11px;}
.icms-footer__bottom{font-size: 12px;}
}
@media (max-width: 1100px){
	.navbar-dark .navbar-nav .nav-link {font-size: 10px;}
}

@media (max-width: 991.98px){
	.top-menu {display:none;}
.navbar-brand{margin-top: 0px;z-index: 2;}
.navbar-brand img {height: 40px;margin-top:0px;}
.logo-right{margin-top: 0px;height:40px;z-index: 1;}
.mmenu .navbar-collapse {position: absolute !important; min-width: 290px;top: 33px; right: 0; background: #fff !important; padding: 15px !important; z-index: 99;}
.header-black .mmenu .navbar-collapse {background: #000 !important;}
.mmenu ul {padding-inline-start: 20px;}
.wam span {color: #04c87b;}
.menu-main .icms-svg-icon {vertical-align: top;font-size: 19px;}
    .navbar-dark .dropdown-menu{
        background-color: rgb(0 0 0);
    }

#target-izb {display: flex !important;}

}


@media (min-width: 768px){
.mob {display: none;}
.col-md-4.icms-content-cover-preset__normal {flex: 0 0 24%;max-width: 24%;}
.icms-content-header .f_price {display:none;}
.pervoe-foto-bolshoe .mb-md-4 {margin-bottom: 0rem !important;}
}

@media (max-width: 768px){
.mob {display: block;}
.mobn, .links-wrap {display: none !important;}
.flexx {flex-wrap:wrap;}
.wd .h1 {font-size: 42px;}
.first_type_images, .second_type_images {width: 100%;}
.pervoe-foto-bolshoe .content_list {display: flex;}
.tile.col-lg-6 {flex: 0 0 100%;max-width: 100%;margin-right: 0%;}
.fields_group:first-child,.fields_group:nth-child(2) {width: 100%;margin-right: 0px;}
.content_item .fields_group:nth-child(2) .btn-lot {flex-wrap: wrap;}
.content_item .btn-lot .w-49 {width:100%;margin: 5px 0px;justify-content: center;}
.content_item .f_photos .value div {flex-wrap: wrap;}
.second_type_images {width: 31% !important;}
.glav {clip-path: polygon(0 0, 100% 0, 100% 88%, 0% 100%);}
#target-izb {display: flex !important;}

/* TopWay homepage mobile banner */
.glav {
    min-height: 410px;
    background-position: center top;
}

.glav.wd-black-gradient:after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0.38) 45%, rgba(0, 0, 0, 0.82) 100%);
    z-index: 0;
    pointer-events: none;
}

.glav .wdg {
    position: relative;
    z-index: 1;
    padding: 3.25rem 0 4.75rem;
}

.glav .h1,
.glav .h2,
.glav .h3,
.glav .h4,
.glav .h5 {
    color: #fff !important;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.72);
}

.glav .h1 {
    font-size: 36px;
    line-height: 1.08;
}

.glav .h2,
.glav .h3,
.glav .h4,
.glav .h5 {
    font-size: 24px;
    line-height: 1.2;
}

/* Premium Mobile Horizontal Card Layout */
.topway-shop-item .icms-content-fields {
    display: grid !important;
    grid-template-columns: 120px 1fr;
    grid-template-rows: auto auto 1fr auto;
    gap: 0 12px;
}
.topway-shop-item .ft_image, 
.topway-shop-item .ft_photo {
    grid-column: 1;
    grid-row: 1 / -1;
    height: 100%;
}
.topway-shop-item .ft_image a,
.topway-shop-item .ft_photo a {
    display: block;
    height: 100%;
}
.topway-shop-item .ft_image img,
.topway-shop-item .ft_photo img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.topway-shop-item .f_title {
    grid-column: 2;
    grid-row: 1;
    min-height: auto !important;
    margin-bottom: 4px;
    padding-right: 75px;
}
.topway-shop-item .f_title .h4 {
    font-size: 13px !important;
    line-height: 1.24 !important;
}
.topway-shop-item .f_title .h4 a {
    display: -webkit-box;
    overflow: hidden;
    font-size: inherit !important;
    line-height: inherit !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
}
.topway-shop-item .f_price {
    grid-column: 2;
    grid-row: 2;
    font-size: 18px !important;
    margin-bottom: 8px;
}
.topway-shop-item .topway-product-actions {
    grid-column: 2;
    grid-row: 4;
    padding-top: 0 !important;
    display: flex !important;
    justify-content: flex-start !important;
    min-width: 0;
    max-width: 100%;
}
.topway-shop-item .topway-product-actions__buy {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    align-items: flex-start !important;
    margin-left: 0 !important;
}
/* Ensure Buy Button row and status messages align to the left */
.topway-shop-item .topway-product-buy-row,
.topway-shop-item .topway-product-out-of-stock,
.topway-shop-item .topway-product-status-row {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    justify-content: flex-start !important;
    flex-wrap: nowrap;
    height: auto;
    gap: 3px !important;
}
.topway-shop-item .topway-product-stock {
    margin-left: 0 !important;
}
.topway-shop-item .topway-product-cart-btn {
    flex: 1 1 auto !important;
    min-width: 0;
    height: 40px;
    font-size: 13px;
    line-height: 1.1;
    padding: 0 6px;
}
.topway-shop-item .topway-product-cart-btn--in-cart {
    font-size: 12px;
}
.topway-shop-item .topway-product-qty {
    flex: 0 0 80px;
    width: 80px;
    min-width: 0;
    height: 40px;
}
.topway-shop-item .topway-product-qty__btn {
    flex: 0 0 26px;
    font-size: 16px;
}
.topway-shop-item .topway-product-qty__input {
    min-width: 0;
    font-size: 12px;
}
.topway-shop-item .topway-product-remove-btn {
    flex: 0 0 34px;
    width: 34px;
    height: 40px;
}
.topway-shop-item .topway-product-qty-warning {
    max-width: 100%;
    overflow-wrap: anywhere;
}
.topway-shop-item .topway-product-badges {
    top: 13px;
    bottom: auto;
    right: 10px;
    gap: 10px;
}

}

/* Real mobile/tablet homepage banner: InstantCMS device mode can differ from viewport width. */
#mobile_device_type .glav.wd-black-gradient:after,
#tablet_device_type .glav.wd-black-gradient:after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0.38) 45%, rgba(0, 0, 0, 0.82) 100%);
}

#mobile_device_type .glav .h1,
#mobile_device_type .glav .h2,
#mobile_device_type .glav .h3,
#mobile_device_type .glav .h4,
#mobile_device_type .glav .h5,
#tablet_device_type .glav .h1,
#tablet_device_type .glav .h2,
#tablet_device_type .glav .h3,
#tablet_device_type .glav .h4,
#tablet_device_type .glav .h5 {
    color: #fff !important;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.72);
}

/* Real mobile/tablet homepage product tabs: keep text readable on white cards. */
#mobile_device_type .icms-widget__tabbed,
#tablet_device_type .icms-widget__tabbed {
    color: #111416;
}

#mobile_device_type .icms-widget__tabbed .card-header,
#mobile_device_type .icms-widget__tabbed .nav-tabs .nav-link,
#mobile_device_type .icms-widget__tabbed .f_title a,
#mobile_device_type .icms-widget__tabbed .f_price .value,
#tablet_device_type .icms-widget__tabbed .card-header,
#tablet_device_type .icms-widget__tabbed .nav-tabs .nav-link,
#tablet_device_type .icms-widget__tabbed .f_title a,
#tablet_device_type .icms-widget__tabbed .f_price .value {
    color: #111416 !important;
    text-shadow: none !important;
}

/* TopWay custom footer navigation: Unified Premium Design. */
.icms-footer__middle nav.navbar,
.icms-footer__middle ul.nav,
.icms-footer__middle ul.navbar-nav {
    display: none !important;
}

.icms-footer__middle .border-bottom > .row.py-5 {
    display: none !important; /* Hide old widget rows in the middle footer */
}

/* =======================================================
   TopWay Unified Footer (Navigation + Contacts)
   ======================================================= */
.topway-footer-unified {
    position: relative;
    z-index: 2;
    color: rgba(255, 255, 255, 0.7);
    padding: 34px 0 28px;
    margin-top: 20px;
    overflow: hidden;
}

/* Original background animation */


.topway-footer-unified__grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 310px 1.2fr 1fr 1fr 280px;
    gap: 30px 20px;
    align-items: start;
    margin: 0 auto;
}

.topway-footer-col--brand {
    max-width: 100%;
    padding-right: 20px;
}

.topway-footer-brand-link {
    display: inline-flex;
    align-items: center;
    margin-bottom: 15px;
}

.topway-footer-brand-logo {
    display: block;
    width: 230px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.topway-footer-brand-text {
    max-width: 280px;
    margin: 0 0 10px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
    line-height: 1.5;
}

.topway-footer-brand-note {
    color: rgba(255, 202, 0, 0.9);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

/* Column Headers */
.topway-footer-title {
    margin: 0 0 12px 0;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Navigation Lists */
.topway-footer-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.topway-footer-link {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    text-decoration: none !important;
    transition: color 0.2s ease-in-out;
}

.topway-footer-link:hover {
    color: #ffca00; /* Specified yellow hover accent */
}

/* Contacts Block (Column 4) */
.topway-footer-col--contacts {
    display: flex;
    flex-direction: column;
}

.topway-footer-address {
    font-style: normal;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.topway-footer-phones a {
    display: block;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 3px;
    transition: color 0.2s;
}

.topway-footer-phones a:last-child {
    margin-bottom: 12px;
}

.topway-footer-phones a:hover {
    color: #ffca00;
}

/* Social Icons */
.topway-footer-soc--original {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 14px;
}

.topway-footer-soc--original a {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s;
}

.topway-footer-soc--original a:hover {
    opacity: 0.8;
}

.topway-footer-soc--original a img,
.topway-footer-soc--original a svg {
    max-height: 32px !important;
}

/* Branding */
.topway-footer-brand {
    margin-top: 12px;
}

.topway-footer-logo {
    font-size: 24px;
    font-weight: 900;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.topway-footer-req {
    font-size: 11px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.4);
}

/* =======================================================
   Adaptivity (Mobile & Tablet)
   ======================================================= */
@media (max-width: 992px) {
    .topway-footer-unified__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px 30px;
    }

    .topway-footer-col--brand {
        grid-column: 1 / -1;
        max-width: 520px;
    }
}

@media (max-width: 576px) {
    .topway-footer-unified {
        padding: 30px 0;
    }
    .topway-footer-unified__grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .topway-footer-brand-logo {
        width: 170px;
    }

    .topway-footer-brand-text {
        max-width: none;
    }

    .topway-footer-col--contacts {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        padding-top: 22px;
    }
}

/* Mobile checkout/cart buttons: remove float stacking and align as a neat grid. */
@media (max-width: 768px) {
    .ishop_buttons {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        align-items: stretch;
        margin-top: 18px;
        margin-bottom: 18px;
    }

    .ishop_buttons .float-right {
        float: none !important;
    }

    .ishop_buttons .btn,
    .ishop_buttons button,
    .ishop_buttons input[type="submit"],
    .ishop_buttons input[type="button"],
    .ishop_buttons a {
        width: 100% !important;
        min-width: 0;
        min-height: 44px;
        margin: 0 !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        text-align: center;
        white-space: normal;
        line-height: 1.2;
        border-radius: 8px;
        padding: 10px 12px;
    }

    .ishop_buttons .button-submit {
        grid-column: 1 / -1;
        order: -1;
    }
}

@media (max-width: 420px) {
    .ishop_buttons {
        grid-template-columns: 1fr;
    }

    .ishop_buttons .button-submit {
        grid-column: auto;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .tile.col-lg-6 {
        flex: 0 0 49% !important;
        max-width: 49% !important;
        margin-right: 1% !important;
    }
}


/* =========================================================
   Header layout rebuild: logo left, menus right
   ========================================================= */

.header-black {
    display: flex;
    align-items: stretch;
    width: 100%;
    min-width: 0;
    background: #000;
}

/* ЛЕВАЯ КОЛОНКА: логотип */
.header-black > .header-layout__logo {
    flex: 0 0 260px;
    width: 260px;
    max-width: 260px;
    min-width: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 5;
    background-color: #1e2224;
}

/* ВНУТРЕННОСТИ ЛОГОТИПА */
.header-layout__logo-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    max-width: 100%;
    margin: 0;
    z-index: 6;
}

.header-layout__logo-link {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: auto;
    max-width: 100%;
}

.header-layout__logo-img {
    display: block;
    height: auto;
    max-width: 100%;
}

.header-layout__logo-img--small {
    display: none;
    max-width: 120px;
}

.header-layout__logo-img--default {
    display: block;
    max-width: 240px;
}

/* ПРАВАЯ КОЛОНКА: верхняя строка + нижнее меню */
.header-black > .header-layout__content {
    flex: 1 1 auto;
    min-width: 0;

    display: flex;
    flex-direction: column;

    position: relative;
    z-index: 4;
}

/* Верхняя и нижняя строки справа */
.header-layout__top,
.header-layout__nav {
    width: 100%;
    min-width: 0;
}

/* Bootstrap container внутри шапки не должен ограничивать ширину */
.header-layout__top > .container,
.header-layout__nav > .container {
    max-width: none;
    width: 100%;
    min-width: 0;
}

/* =========================================================
   Верхняя строка справа
   ========================================================= */

.header-layout__top {
    background: #000;
}

.header-layout__top > .container,
.header-layout__top .top-menu {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
}

/* Средняя зона: верхнее меню */
.top-menu__nav {
    flex: 1 1 auto;
    min-width: 0;

    display: flex;
    align-items: center;
}

/* Отдельные виджеты верхнего меню */
.top-menu__item {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

/* Меню уведомлений / верхнее меню */
.top-menu__nav .navbar {
    padding: 0;
}

.top-menu__nav .navbar-collapse {
    display: flex;
    align-items: center;
}

.top-menu__nav .navbar-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
}

.top-menu__nav .nav-link {
    color: #fff;
    white-space: nowrap;
}

/* Правая зона: корзина + соцсети */
.header-layout__actions {
    flex: 0 0 auto;
    margin-left: auto;

    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;

    min-width: 0;
}

/* Корзина */
.header-layout__cart {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.header-layout__cart .wgt_ishop_cart {
    position: relative;
    top: auto;
    width: auto;
}

.header-layout__cart #widget_ishop_cart {
    width: auto;
}

.header-layout__cart .ishop_cart_is_empty {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: #fff;
    white-space: nowrap;
}

/* Соцсети */
.header-layout__socials {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

/* внутри HTML-виджета у тебя уже есть .soc.ml-5 */
.header-layout__socials .soc {
    margin-left: 0 !important;
}

.header-layout__socials .soc,
.header-layout__socials.soc {
    display: flex;
    align-items: center;
    width: fit-content;
}

.header-layout__socials svg,
.header-layout__socials .soc svg {
    width: 30px;
    height: 30px;
    margin: 5px;
}

.header-layout__socials img,
.header-layout__socials .soc img {
    height: 30px;
    margin-right: 5px;
}

.header-layout__logo{
	align-content: center;
}

.header-black__inner{
	    justify-content: center;
}

/* =========================================================
   Нижняя строка справа: главное меню
   ========================================================= */

.header-layout__nav {
    background: #1e2224;
}

.header-layout__nav > .container {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
}

/* У тебя сейчас контейнер нижнего меню имеет class="container header-nav" */
.header-layout__nav .header-nav {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
}

.header-layout__nav .navbar {
    flex: 0 0 auto;
    min-width: 0;
    padding: 0;
}

.header-layout__nav .navbar-collapse {
    min-width: 0;
}

.header-layout__nav .navbar-nav {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    min-width: 0;
}

.header-layout__nav .nav-link {
    color: #fff;
    white-space: nowrap;
}

/* Избранное в нижней строке */
.header-layout__nav .menu-izb {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

/* Главное меню категорий */
.header-layout__nav .mmenu,
.header-layout__nav .menu-glav {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
}

/* Убираем правую желтую машину */
.logo-right {
    display: none !important;
}

/* Если где-то остался кривой class=".d-none", он не сработает как Bootstrap.
   Лучше потом исправить в админке на d-none или удалить виджет. */
.header-layout__nav .logo-right {
    display: none !important;
}

/* =========================================================
   Search row / favorites near search
   ========================================================= */

.poisk-header {
    display: flex;
    align-items: center;
    gap: 0px;
    max-width: 1420px;
    margin: 0 auto;
}

.poisk-header .poisk {
    flex: 1 1 auto;
    min-width: 0;
    max-width: none;
    margin: 0;
}

.poisk-favorites {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff;
    background-color: #1e2224;
    border: 1px solid #1e2224;
    border-radius: 4px;

    margin-top: 5px;
    margin-bottom: 7px;

    text-decoration: none;
}

.poisk-favorites:hover {
    color: #ffee00;
    text-decoration: none;
}

.poisk-favorites .icms-svg-icon {
    width: 26px;
    height: 26px;
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 1439px) {
    .header-layout__socials,
    .header-layout__socials .soc {
        display: none;
    }
}

@media (max-width: 991px) {
    .header-black {
        display: block;
    }

    .header-black > .header-layout__logo {
        width: 100%;
        max-width: none;
        min-width: 0;
        flex: none;
    }

    .header-black > .header-layout__content {
        width: 100%;
    }

    .header-layout__top > .container,
    .header-layout__top .top-menu,
    .header-layout__nav > .container {
        display: block;
    }

    .top-menu__nav,
    .header-layout__actions {
        width: 100%;
    }

    .header-layout__actions {
        justify-content: flex-start;
        margin-left: 0;
        margin-top: 8px;
    }

    .header-layout__nav .navbar-nav {
        flex-wrap: wrap;
    }
}



@media (max-width: 575px) {
    .header-layout__logo-img--small {
        display: block;
    }

    .header-layout__logo-img--default {
        display: none;
    }
} 

/* =========================================================
   Header animated decor — layered version
   ========================================================= */

.header-black__inner {
    position: relative;
    isolation: isolate;
    overflow: visible;
}

/* Сами основные секции шапки оставляем в нормальном слое */
.header-layout__logo,
.header-layout__content,
.header-layout__top,
.header-layout__nav {
    position: relative;
}

/* Декор кладём выше фоновых блоков */
.header-decor {
    position: absolute;
    inset: 0;
    display: block;
    pointer-events: none;
    z-index: 3;
}

.header-decor::before,
.header-decor::after {
    content: '';
    display: block;
    position: absolute;
    pointer-events: none;
}

/* А реальный контент поднимаем выше декора */
.header-layout__logo-box,
.top-menu__nav,
.header-layout__actions,
.header-layout__nav .navbar,
.header-layout__nav .mmenu,
.header-layout__nav .menu-glav {
    position: relative;
}

/* =========================================================
   LEFT DECOR
   ========================================================= */

.header-decor--left::before {
    top: 0;
    left: 0;
    width: 300px;
    height: 100%;
    background-image: linear-gradient(315deg, transparent 80px, #383939 80px);
    animation: myAnim 2.5s linear 0s infinite normal forwards;

}

.header-decor--left::after {
    top: -47px;
    left: -120px;
    width: 190px;
    height: 190px;
    background-image: linear-gradient(315deg, transparent 140px, #1e2224 140px);
     animation: myAnim 2.5s linear 0s infinite normal forwards;

}

/* =========================================================
   RIGHT DECOR
   ========================================================= */

.header-decor--right { overflow: hidden; }

.header-decor--right::before {
    top: 0;
    right: 0;
    width: 300px;
    height: 100%;
    background-image: linear-gradient(135deg, transparent 80px, #383939 80px);
     animation: myAnim 2.5s linear 0s infinite normal forwards;


}

.header-decor--right::after {
    top: 0;
    right: -80px;
    width: 190px;
    height: 100%;
    background-image: linear-gradient(135deg, transparent 140px, #000 140px);
    animation: myAnim 2.5s linear 0s infinite normal forwards;

}

/* =========================================================
   FIX индексов для анимаций декора
   ========================================================= */

.bg-secondary.text-warning{
	z-index: 10;
}

.header-nav{
	    z-index: 3;
}


/* =========================================================
   FIX бэкграунда полоски меню основного
   ========================================================= */
/* Общая переменная ширины лого */
.header-black {
    --header-logo-width: 260px;
}

/* Нижняя строка меню */
.header-layout__nav {
    position: relative;
    background: transparent;
}

/* Серый фон нижней строки растягиваем влево под логотип */
.header-layout__nav::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;

    left: calc(var(--header-logo-width) * -1);
    right: 0;

    background: #1e2224;
    z-index: 1;
  
}

/* Контент нижнего меню поверх фона */
.header-layout__nav > .container,
.header-layout__nav .header-nav,
.header-layout__nav .navbar,
.header-layout__nav .mmenu,
.header-layout__nav .menu-glav {
    position: relative;
    z-index: 3;
}

.header-layout__actions {
	z-index: 5;

}

.header-black__inner{
	display: flex;
}

/* =========================================================
   FIX: header inner full-width flex distribution
   ========================================================= */

/* =========================================================
   Header container logic
   ========================================================= */

.header-black {
    width: 100%;
    background: #000;
}

.header-black__inner {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-start;
    gap: 40px;

    width: 100%;
    max-width: 1760px; /* можно подогнать: 1600 / 1680 / 1760 */
    margin-left: auto;
    margin-right: auto;

    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
}

/* Если InstantCMS даёт container-fluid — не даём ему растянуть контент в край */
.header-black__inner.container-fluid {
    max-width: 1760px;
}

/* Логотип */
.header-layout__logo {
    flex: 0 0 280px;
    min-width: 280px;
    max-width: 280px;

    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* Правая часть занимает остаток, но только внутри header-black__inner */
.header-layout__content {
    flex: 1 1 auto;
    min-width: 0;
    max-width: none;

    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

/* Верхняя и нижняя строки */
.header-layout__top > .container,
.header-layout__nav > .container {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

/* Верхнее меню */
.top-menu {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
}

.top-menu__nav {
    min-width: 0;
    display: flex;
    align-items: center;
}

/* Корзина + соцсети справа, но справа внутри контейнера, а не экрана */
.header-layout__actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

/* =========================================================
   FIX: dropdown layer above hero/search/header decor
   ========================================================= */

.header-black {
    position: relative;
    z-index: 1000;
}

/* Главное меню категорий */
.header-layout__nav .dropdown-menu {
    z-index: 5000;
}

#menu-item-id-izb-64{
	border: 1px solid #383939;
	background-color: #1e2224;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 46px;
}

#menu-item-id-izb-64 > .counter.badge {
    position: absolute;
    top: 3px;
    right: 3px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #be123c;
    color: #fff;
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
}

.menu-izb:has(> .counter-fav) #menu-item-id-izb-64 > .counter.badge {
    display: none !important;
}

.counter-fav{
	color: #FFF;
	z-index: 5;
}

.menu-izb {
    position: relative;
}

.menu-izb > .counter-fav {
    position: absolute;
    top: -4px;
    right: -2px;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 10;
    pointer-events: none;
}

.menu-izb > .counter-fav > .nav-link {
    padding: 0 !important;
    min-width: 0 !important;
}

.menu-izb > .counter-fav .counter.badge {
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #be123c;
    color: #fff;
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
}

.poisk-header .poisk{
	margin: 5px 5px;
}

.poisk-header > .poisk > .form-control {
	margin-top: unset;
	margin-bottom: unset;
    padding: 1.375rem 2.5rem;
}

.poisk-header > .poisk > .icms-svg-icon {
	margin-left: 15px;
}

/* =========================================================
   Header desktop responsive: main menu compression
   ========================================================= */

/* Base desktop */
.menu-glav .nav-link,
.menu-main .nav-link {
    padding-left: 0.55rem;
    padding-right: 0.55rem;
}

.menu-glav .nav-item-text,
.menu-main .nav-item-text {
    font-size: 15px;
    line-height: 1.2;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Large desktop / smaller desktop */
@media (max-width: 1440px) {
    .header-black__inner {
        gap: 18px;
    }

    .header-layout__logo {
        flex: 0 0 240px;
        min-width: 240px;
        max-width: 240px;
    }

    .header-layout__logo-img--default {
        max-width: 240px;
    }

    .menu-glav .nav-link,
    .menu-main .nav-link {
        padding-left: 0.45rem;
        padding-right: 0.45rem;
    }

    .menu-glav .nav-item-text,
    .menu-main .nav-item-text {
        font-size: 14px;
    }
}

/* Medium desktop */
@media (max-width: 1320px) {
    .header-black__inner {
        gap: 14px;
    }

    .header-layout__logo {
        flex: 0 0 220px;
        min-width: 220px;
        max-width: 220px;
    }

    .header-layout__logo-img--default {
        max-width: 220px;
    }

    .menu-glav .nav-link,
    .menu-main .nav-link {
        padding-left: 0.35rem;
        padding-right: 0.35rem;
    }

    .menu-glav .nav-item-text,
    .menu-main .nav-item-text {
        font-size: 13px;
    }
}

/* Tight desktop */
@media (max-width: 1180px) {
    .header-black__inner {
        gap: 10px;
    }

    .header-layout__logo {
        flex: 0 0 200px;
        min-width: 200px;
        max-width: 200px;
    }

    .header-layout__logo-img--default {
        max-width: 200px;
    }

    .menu-glav .nav-link,
    .menu-main .nav-link {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .menu-glav .nav-item-text,
    .menu-main .nav-item-text {
        font-size: 12px;
    }
}


@media (max-width: 991.98px){
	.header-decor--right{
		/* display:none; */
	}

	.header-decor--left::after{
		left: -70px;
	}

	.navbar-toggler{
		background-color: #383939;
	}
	
	.header-decor--right::after
	{
		right: -10px;
	}

	.header-decor--right::after{
		width: 170px;

	}

	.header-layout__top > .top-menu > .top-menu__nav,
	 .header-layout__top > .top-menu > .top-menu__socials{
		display:none;
		
	}
	
	.header-layout__content {
		display:flex;
		flex-direction: row;
		align-items: center;
	}

	.header-layout__top, .header-layout__nav {
		width: auto;
	}

	.header-layout__nav::before {
 		background: unset;
	}

	.header-black__inner{
		margin-top: 15px;
		margin-bottom: 15px;
	}

	/* test */
	.header-layout__content{
		display: flex;
    		flex-direction: row;
    		justify-content: end;
    		gap: 30px;
	}

	.header-black__inner{
		display: flex;
		flex-direction: row;
	}

	.header-layout__content-start{
		background-color: unset;
	}

	.header-black{
		background: #383939;hea
	}

	.header-layout__logo {
		justify-content: start;
	}

	#menu-item-id-izb-64{
		padding: 10px;
	}

	.text-warning > .container {
		min-width: 100%;
	}

	.navbar-toggler{
		padding: 10px;
	}

	.menu-izb > .nav-item > .nav-link{
		padding-right: unset;
		padding-left: unset;
	}
	
	.bg-secondary.text-warning{
		z-index: 9999;
	}

	#menu-item-id-izb-64{
		padding: 9px;
   		margin-right: 10px;
		display:flex;
	}

	.navbar-nav{
		flex-direction:  row;
	}
}

/* =========================================================
   TopWay mobile/tablet header menu
   ========================================================= */
@media (max-width: 991.98px) {
    .header-black,
    .header-black__inner {
        overflow: visible;
    }

    .header-decor--left {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
        transition: opacity 0.28s ease, transform 0.28s ease, visibility 0s linear 0s;
        will-change: opacity, transform;
    }

    .header-decor--left::before,
    .header-decor--left::after {
        opacity: 1;
        transform: translateX(0);
        transition: opacity 0.28s ease, transform 0.28s ease;
        will-change: opacity, transform;
    }

    .header-black--stuck .header-decor--left {
        opacity: 0;
        visibility: hidden;
        transform: translateX(-22px);
        transition: opacity 0.28s ease, transform 0.28s ease, visibility 0s linear 0.28s;
    }

    .header-black--stuck .header-decor--left::before,
    .header-black--stuck .header-decor--left::after {
        opacity: 0;
        transform: translateX(-14px);
    }

    .header-black {
        position: sticky;
        top: 0;
        z-index: 20000;
    }

    .header-black__inner {
        position: relative;
    }

    .header-layout__content {
        position: static;
    }

    .header-layout__top .top-menu {
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        width: auto;
        min-width: 0;
        margin: 0;
    }

    .header-layout__top .top-menu__nav,
    .header-layout__top .top-menu__socials,
    .header-layout__top .header-layout__socials {
        display: none !important;
    }

    .header-layout__top .header-layout__actions {
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        width: auto;
        min-width: 0;
        margin: 0 !important;
        position: relative;
        z-index: 10060;
    }

    .header-layout__nav,
    .header-layout__nav .header-nav,
    .header-layout__nav .mmenu,
    .header-layout__nav .menu-glav,
    .header-layout__nav .navbar {
        position: static;
    }

    .header-layout__nav .navbar-toggler {
        position: relative;
        z-index: 10060;
    }

    .header-layout__nav .navbar-collapse,
    .header-black .mmenu .navbar-collapse {
        position: absolute !important;
        top: calc(100% + 8px);
        left: 14px;
        right: 14px;
        width: auto;
        min-width: 0;
        max-height: calc(100vh - 110px);
        overflow-y: auto;
        padding: 8px 0 !important;
        background: #111416 !important;
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 6px;
        box-shadow: 0 18px 38px rgba(0, 0, 0, 0.42);
        z-index: 20020;
    }

    .header-layout__nav .navbar-collapse.show,
    .header-layout__nav .navbar-collapse.collapsing {
        display: block !important;
    }

    .header-layout__nav .navbar-collapse .dropdown-menu.show {
        display: block;
    }

    .header-layout__nav .navbar-collapse .navbar-nav {
        width: 100%;
        flex-direction: column !important;
        align-items: stretch;
        flex-wrap: nowrap;
        padding: 0;
    }

    .header-layout__nav .navbar-collapse .nav-item {
        width: 100%;
    }

    .header-layout__nav .navbar-collapse .nav-link {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 11px 14px;
        white-space: normal;
        line-height: 1.25;
        font-size: 14px;
    }

    .header-layout__nav .navbar-collapse .dropdown-menu {
        position: static !important;
        width: 100%;
        margin: 0;
        padding: 4px 0 8px 14px;
        border: 0;
        border-radius: 0;
        background: #0b0d0e !important;
        box-shadow: none;
    }

    .header-layout__nav .navbar-collapse .dropdown-item {
        padding: 8px 14px;
        color: rgba(255, 255, 255, 0.84);
        white-space: normal;
        line-height: 1.25;
    }

    .poisk-header {
        position: relative;
        z-index: 1;
    }
}

@media (min-width: 992px) and (max-width: 1180px) {
    .header-black {
        position: sticky;
        top: 0;
        z-index: 20000;
    }

    .header-black__inner {
        position: relative;
        overflow: visible;
    }

    .header-layout__content {
        position: static;
    }

    .header-layout__nav,
    .header-layout__nav .header-nav,
    .header-layout__nav .mmenu,
    .header-layout__nav .menu-glav,
    .header-layout__nav .navbar {
        position: static;
    }

    .header-layout__nav .navbar-expand-lg .navbar-toggler {
        display: block;
        position: relative;
        z-index: 10060;
    }

    .header-layout__nav .navbar-expand-lg .navbar-collapse,
    .header-black .mmenu .navbar-expand-lg .navbar-collapse {
        position: absolute !important;
        top: calc(100% + 8px);
        left: 16px;
        right: 16px;
        width: auto;
        min-width: 0;
        max-height: calc(100vh - 120px);
        overflow-y: auto;
        display: none !important;
        padding: 8px 0 !important;
        background: #111416 !important;
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 6px;
        box-shadow: 0 18px 38px rgba(0, 0, 0, 0.42);
        z-index: 20020;
    }

    .header-layout__nav .navbar-expand-lg .navbar-collapse.show,
    .header-layout__nav .navbar-expand-lg .navbar-collapse.collapsing {
        display: block !important;
    }

    .header-layout__nav .navbar-expand-lg .navbar-collapse .dropdown-menu.show {
        display: block;
    }

    .header-layout__nav .navbar-expand-lg .navbar-collapse .navbar-nav {
        width: 100%;
        flex-direction: column !important;
        align-items: stretch;
        flex-wrap: nowrap;
        padding: 0;
    }

    .header-layout__nav .navbar-expand-lg .navbar-collapse .nav-link {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 11px 14px;
        white-space: normal;
        line-height: 1.25;
        font-size: 14px;
    }

    .header-layout__nav .navbar-expand-lg .navbar-collapse .dropdown-menu {
        position: static !important;
        width: 100%;
        margin: 0;
        padding: 4px 0 8px 14px;
        border: 0;
        border-radius: 0;
        background: #0b0d0e !important;
        box-shadow: none;
    }

    .header-layout__nav .navbar-expand-lg .navbar-collapse .dropdown-item {
        padding: 8px 14px;
        color: rgba(255, 255, 255, 0.84);
        white-space: normal;
        line-height: 1.25;
    }
}

/* InstantCMS real mobile/tablet mode can differ from desktop viewport tests. */
#mobile_device_type .header-black,
#tablet_device_type .header-black {
    position: sticky;
    top: 0;
    z-index: 20000;
}

#mobile_device_type .header-decor--left,
#tablet_device_type .header-decor--left {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition: opacity 0.28s ease, transform 0.28s ease, visibility 0s linear 0s;
    will-change: opacity, transform;
}

#mobile_device_type .header-decor--left::before,
#mobile_device_type .header-decor--left::after,
#tablet_device_type .header-decor--left::before,
#tablet_device_type .header-decor--left::after {
    opacity: 1;
    transform: translateX(0);
    transition: opacity 0.28s ease, transform 0.28s ease;
    will-change: opacity, transform;
}

#mobile_device_type .header-black--stuck .header-decor--left,
#tablet_device_type .header-black--stuck .header-decor--left {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-22px);
    transition: opacity 0.28s ease, transform 0.28s ease, visibility 0s linear 0.28s;
}

#mobile_device_type .header-black--stuck .header-decor--left::before,
#mobile_device_type .header-black--stuck .header-decor--left::after,
#tablet_device_type .header-black--stuck .header-decor--left::before,
#tablet_device_type .header-black--stuck .header-decor--left::after {
    opacity: 0;
    transform: translateX(-14px);
}

@media (max-width: 1180px) {
    .header-layout__cart {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        min-width: 0;
    }

    .header-layout__cart .wgt_ishop_cart,
    .header-layout__cart #widget_ishop_cart {
        width: 44px;
        min-width: 44px;
        height: 44px;
        margin: 0;
        overflow: visible;
    }

    .header-layout__cart #widget_ishop_cart {
        cursor: pointer;
    }

    .header-layout__cart .ishop_cart_is_empty,
    .header-layout__cart .cart_compact,
    .header-layout__cart .cart_mini_qty {
        position: relative;
        width: 44px;
        height: 44px;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 0;
        color: #fff;
        background: #1e2224;
        border: 1px solid #383939;
        border-radius: 4px;
        font-size: 0;
        line-height: 1;
        white-space: nowrap;
        overflow: hidden;
    }

    .header-layout__cart .cart_mini_price,
    .header-layout__cart .cart_links {
        display: none !important;
    }

    .header-layout__cart .icms-svg-icon {
        width: 20px;
        height: 20px;
        font-size: 20px;
        flex: 0 0 auto;
    }

    .header-layout__cart .qty,
    .header-layout__cart .total_qty {
        position: absolute;
        top: 3px;
        right: 3px;
        min-width: 16px;
        height: 16px;
        padding: 0 4px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        background: #be123c;
        border-radius: 999px;
        font-size: 10px !important;
        line-height: 1;
        font-weight: 700;
    }
}

@media (max-width: 1320px) {
    @keyframes myAnime {
        0%,
        100% {
            width: 260px;
        }

        50% {
            width: 220px;
        }
    }

	@keyframes myAnim {
  		0%,
 	 100% {
    		width: 230px;
  	      }
  	 50%  {
   	        width: 200px;
  	      }
	}
}

.topway-product-buy-row {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    flex-wrap: nowrap;
    height: 44px;
    margin-bottom: 12px;
}

.topway-product-qty {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 104px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    height: 44px;
    background: #ffffff;
    overflow: hidden;
}

.topway-product-qty__btn {
    flex: 0 0 32px;
    background: #ffffff;
    border: none;
    height: 100%;
    color: #1a1a1a;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.25s ease;
    padding: 0;
}

.topway-product-qty__btn:hover {
    background-color: #f1f5f9;
}

.topway-product-qty__input {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    border: none;
    border-left: 1px solid #e2e8f0;
    border-right: 1px solid #e2e8f0;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #1a1a1a;
    background: #ffffff;
    outline: none;
    -moz-appearance: textfield;
    padding: 0;
    margin: 0;
}

.topway-product-qty__input::-webkit-outer-spin-button,
.topway-product-qty__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.topway-product-cart-btn {
    flex: 1 1 auto;
    min-width: 0;
    height: 44px;
    background: #4a5568;
    color: #ffffff !important;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.25s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.topway-product-cart-btn:hover {
    background-color: #2d3748;
}

.topway-product-cart-btn.topway-product-cart-btn--in-cart {
    background-color: #3f5268;
    border-color: #3f5268;
    color: #fff;
}

.topway-product-cart-btn.topway-product-cart-btn--in-cart:hover {
    background-color: #33465b;
    border-color: #33465b;
}

.topway-product-remove-btn {
    flex: 0 0 44px;
    height: 44px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    color: #737373;
    cursor: pointer;
    transition: all 0.25s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.topway-product-remove-btn:hover {
    border-color: #e53e3e;
    color: #e53e3e;
    background-color: #fff5f5;
}

.topway-product-remove-btn svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
}

.topway-product-status-row {
    min-height: 18px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.topway-product-qty-warning {
    flex: 1 1 auto;
    font-size: 11px;
    font-weight: 600;
    color: #e53e3e;
    background: transparent;
    padding: 0;
    margin: 0;
    text-align: left;
    line-height: 1.2;
    transition: opacity 0.2s ease;
}

.topway-product-stock {
    flex: 0 0 auto;
    text-align: right;
}

.topway-product-qty-warning.hidden {
    display: none !important;
}

.topway-product-badges {
    position: absolute;
    top: -10px;
    right: -10px;
    display: flex;
    gap: 12px;
    z-index: 2;
    background: rgba(255, 255, 255);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    padding: 6px 12px;
    border-radius: 0 25px 0 15px;
 
}

.topway-product-badges .badge {
    background: none;
    border: none;
    padding: 0;
    color: #1a1a1a; /* Черный для глазика */
    font-size: 13px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.topway-product-badges .badge svg {
    width: 18px;
    height: 18px;
    fill: currentColor; /* Заливка цветом текста */
    stroke: currentColor;
    stroke-width: 0; /* Убираем обводку, чтобы иконки FontAwesome (fill) выглядели нормально */
}

.topway-product-badges .badge a {
    color: inherit;
    text-decoration: none;
}

/* Active favorite in product grids: override theme .text-success yellow. */
.topway-product-badges .icms-favorites__btn.favorite-toggle--active,
.topway-product-badges .icms-favorites__btn.favorite-toggle--active svg,
.topway-product-badges .icms-favorites__btn.favorite-toggle--active i,
.topway-product-badges .icms-favorites__btn.favorite-toggle--active a {
    color: #e0244e !important;
    fill: currentColor !important;
}

/* =========================================================
   TopWay Cart Modal
   ========================================================= */
/* =========================================================
   TopWay Cart Modal Redesign: Premium with Image
   ========================================================= */
.topway-cart-modal {
    position: fixed;
    inset: 0;
    z-index: 99999; 
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.topway-cart-modal.is-active {
    display: flex;
}

.topway-cart-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
}

.topway-cart-modal__dialog {
    position: relative;
    width: 100%;
    max-width: 480px;
    background: #fff;
    border-radius: 28px;
    padding: 40px 32px 32px;
    text-align: center;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.22);
    z-index: 1;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.6);
}

/* Neutral TopWay accent */
.topway-cart-modal__dialog::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: linear-gradient(90deg, #1e2224, #5c6873);
}

.topway-cart-modal__close {
    position: absolute;
    top: 18px;
    right: 22px;
    border: 0;
    background: #f1f5f9;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    color: #64748b;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.topway-cart-modal__close:hover {
    background: #e2e8f0;
    color: #0f172a;
}

.topway-cart-modal__image {
    width: 160px;
    height: 160px;
    margin: 0 auto 24px;
    border-radius: 20px;
    overflow: hidden;
    background: #f8fafc;
    border: 1px solid #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
}

.topway-cart-modal__image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.topway-cart-modal__header {
    margin-bottom: 28px;
}

.topway-cart-modal__title {
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 10px;
    color: #0f172a;
    line-height: 1.25;
}

.topway-cart-modal__article {
    font-size: 14px;
    color: #64748b;
    font-weight: 500;
    letter-spacing: 0.01em;
}

.topway-cart-modal__buttons {
    display: flex;
    gap: 12px;
    justify-content: center;
}

.topway-cart-modal__buttons .btn {
    flex: 1;
    height: 52px;
    border-radius: 14px;
    font-size: 15px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
}

.topway-cart-modal__buttons .btn-continue {
    background: #f1f5f9;
    color: #475569;
}

.topway-cart-modal__buttons .btn-continue:hover {
    background: #e2e8f0;
    color: #0f172a;
}

.topway-cart-modal__buttons .btn-checkout {
    background: #0f172a;
    color: #fff;
}

.topway-cart-modal__buttons .btn-checkout:hover {
    background: #1e293b;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.2);
}

.topway-cart-modal-open {
    overflow: hidden;
}

@media (max-width: 480px) {
    .topway-cart-modal__dialog {
        padding: 36px 20px 24px;
        margin: 0 16px;
    }
    .topway-cart-modal__buttons {
        flex-direction: column;
    }
    .topway-cart-modal__image {
        width: 120px;
        height: 120px;
    }
}
width: 100%;
    }
}


/* =========================================================
   TopWay Single Product Page Redesign
   ========================================================= */
.content_item .fields_group:nth-child(2) {
    position: relative; /* Anchor for absolute badges */
}
.topway-single-actions {
    width: 100%;
    margin-top: auto;
}
.topway-single-badges {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    gap: 12px;
    z-index: 2;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    padding: 6px 12px;
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.topway-single-badges .badge {
    background: none;
    border: none;
    padding: 0;
    color: #1a1a1a;
    font-size: 13px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.topway-single-badges .badge svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
    stroke: currentColor;
    stroke-width: 0;
}
.topway-single-badges .badge a {
    color: inherit;
    text-decoration: none;
}
.topway-single-badges .badge a:hover {
    color: #e0244e;
}

/* Feature Pills (Short properties) */
.content_item .icms-content-fields .f_garantiya,
.content_item .icms-content-fields .f_warranty,
.content_item .icms-content-fields .f_moschnost,
.content_item .icms-content-fields .f_power,
.content_item .icms-content-fields .f_stock,
.content_item .icms-content-fields .f_nalichie,
.content_item .icms-content-fields .f_brand,
.content_item .icms-content-fields .f_size,
.content_item .icms-content-fields .f_voltage {
    display: inline-flex;
    align-items: center;
    background: #f1f5f9;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 13px;
    margin-right: 8px;
    margin-bottom: 8px;
    width: auto !important;
}
.content_item .icms-content-fields .f_garantiya .field_label,
.content_item .icms-content-fields .f_warranty .field_label,
.content_item .icms-content-fields .f_moschnost .field_label,
.content_item .icms-content-fields .f_power .field_label,
.content_item .icms-content-fields .f_stock .field_label,
.content_item .icms-content-fields .f_nalichie .field_label,
.content_item .icms-content-fields .f_brand .field_label,
.content_item .icms-content-fields .f_size .field_label,
.content_item .icms-content-fields .f_voltage .field_label {
    margin-right: 4px;
    font-weight: 500;
}
.content_item .icms-content-fields .f_price {
    border-bottom: none; /* Remove legacy border */
    text-align: left;
    margin-bottom: 10px;
    margin-top: 10px;
}
.content_item .topway-product-actions__buy {
    margin-bottom: 20px;
}

/* =========================================================
   TopWay Product Action Panel Redesign
   ========================================================= */
.topway-product-actions {
    gap: 8px;
}
.topway-product-actions__meta .bar_item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.topway-product-actions__meta .bar_item svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
}
.topway-product-actions__meta a:hover {
    color: #ff0000 !important;
}
.topway-product-out-of-stock {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 44px;
    margin-bottom: 12px;
    color: #e53e3e;
    font-weight: 600;
    font-size: 15px;
    padding: 0;
    background: transparent;
}

/* Убрать стрелки у input type="number" */
.topway-product-qty__input::-webkit-outer-spin-button,
.topway-product-qty__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.topway-product-qty__input {
    -moz-appearance: textfield;
    appearance: textfield;
}


/* �������� ��������� ���������� */
.favorite-toggle--active,
.favorite-toggle--active svg,
.favorite-toggle--active i {
    color: #e0244e !important; /* ���������� ������� */
    fill: currentColor !important;
    transition: all 0.2s ease;
}

/* ������ ��� ������� */
.favorite-toggle--active:active {
    transform: scale(1.2);
}

/* ================================
   TopWay single product premium layout
   ================================ */

/* Правая колонка карточки */
.content_item .icms-content-fields > .fields_group:nth-child(2) {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 28px 24px 24px;
    background: #fff;
}

/* Цена */
.content_item .icms-content-fields > .fields_group:nth-child(2) .f_price {
    order: 1;
    margin: 0 0 4px;
    padding-right: 120px;
}

.content_item .icms-content-fields > .fields_group:nth-child(2) .f_price .value {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 46px;
    line-height: 1;
    font-weight: 800;
    color: #252b2f;
}

/* Скрываем старую штатную кнопку внутри поля цены */
.content_item .icms-content-fields > .fields_group:nth-child(2) .f_price .value .btn,
.content_item .icms-content-fields > .fields_group:nth-child(2) .f_price .value button,
.content_item .icms-content-fields > .fields_group:nth-child(2) .f_price .value a.btn {
    display: none !important;
}

/* Наш блок корзины сразу под ценой */
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-product-actions__buy {
    order: 2;
    margin-top: 0 !important;
}

.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-product-status-row {
    order: 2;
    margin: 0 0 6px;
}

.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-product-stock {
    font-size: 14px !important;
    color: #6b7280 !important;
}

/* Соцсети опускаем ниже корзины */
.content_item .icms-content-fields > .fields_group:nth-child(2) .btn-lot {
    order: 4;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 8px 0 0 !important;
    width: 100%;
}

.content_item .icms-content-fields > .fields_group:nth-child(2) .btn-lot::before {
    content: "Уточнить детали в мессенджере:";
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 700;
    color: #475569;
    margin-bottom: 8px;
}

.content_item .icms-content-fields > .fields_group:nth-child(2) .btn-lot > a {
    height: 48px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
}

/* Просмотры и избранное в правый верхний угол */
.content_item .icms-content-fields > .fields_group:nth-child(2) .btn-lot .info_bar {
    position: absolute;
    top: 18px;
    right: 22px;
    z-index: 5;
    display: flex !important;
    gap: 8px;
    margin: 0 !important;
}

.content_item .icms-content-fields > .fields_group:nth-child(2) .btn-lot .info_bar .bar_item {
    height: 36px;
    min-width: 48px;
    border-radius: 8px;
    border: 1px solid #dce3eb;
    background: rgba(248, 250, 252, 0.92);
    color: #111827;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 11px;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
}

/* Плашки характеристик */
.content_item .icms-content-fields > .fields_group:nth-child(2) > .field:not(.f_price):not(.f_content):not(.f_title):not(.f_photos):not(.f_image):not(.f_images) {
    order: 3;
    display: inline-flex;
    align-items: center;
    width: fit-content !important;
    max-width: 100%;
    padding: 5px 12px;
    margin: 0 6px 2px 0;
    border-radius: 999px;
    background: #eef2f6;
    color: #111827;
    font-size: 15px;
    line-height: 1.25;
}

/* Подпись внутри плашки */
.content_item .icms-content-fields > .fields_group:nth-child(2) > .field:not(.f_price):not(.f_content):not(.f_title):not(.f_photos):not(.f_image):not(.f_images) .field_label {
    margin: 0 5px 0 0;
    font-weight: 700;
}

.content_item .icms-content-fields > .fields_group:nth-child(2) > .field:not(.f_price):not(.f_content):not(.f_title):not(.f_photos):not(.f_image):not(.f_images) .value {
    display: inline;
}

/* Длинное описание/контент ниже */
.content_item .icms-content-fields > .fields_group:nth-child(2) .f_content {
    order: 6;
    margin-top: 12px;
}

/* Если есть длинные списки внутри "плашек", возвращаем им обычный вид */
.content_item .icms-content-fields > .fields_group:nth-child(2) > .field .value ul,
.content_item .icms-content-fields > .fields_group:nth-child(2) > .field .value ol {
    margin: 6px 0 0 20px;
}

/* Адаптив */
@media (max-width: 991px) {
    .content_item .icms-content-fields > .fields_group:nth-child(2) {
        padding: 20px 16px;
    }

    .content_item .icms-content-fields > .fields_group:nth-child(2) .f_price {
        padding-right: 0;
    }

    .content_item .icms-content-fields > .fields_group:nth-child(2) .f_price .value {
        font-size: 36px;
    }

    .content_item .icms-content-fields > .fields_group:nth-child(2) .btn-lot .info_bar {
        position: static;
        order: -1;
        width: 100%;
        margin-bottom: 10px !important;
    }


}

@media (max-width: 575px) {
    /* Mobile messenger button overrides removed */
}

/* =========================================
   TopWay single product: premium minimalist buy row
   ========================================= */
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-product-buy-row {
    height: 48px !important;
    max-width: 420px !important; /* Elegant restricted width */
    gap: 12px !important; /* Slightly more breathing room */
}

.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-product-cart-btn {
    height: 48px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    padding: 0 28px !important;
    border-radius: 10px !important; /* Slightly rounder for premium feel */
    box-shadow: 0 6px 16px rgba(74, 85, 104, 0.16) !important; /* Subtle soft shadow */
    transition: all 0.3s ease !important;
}

.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-product-cart-btn:hover {
    box-shadow: 0 4px 10px rgba(74, 85, 104, 0.2) !important;
    transform: translateY(1px);
}

.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-product-cart-btn.topway-product-cart-btn--in-cart {
    box-shadow: 0 6px 16px rgba(63, 82, 104, 0.18) !important;
}

.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-product-qty {
    height: 48px !important;
    flex: 0 0 115px !important;
    border-radius: 10px !important;
    background: #f8fafc !important; /* Minimalist soft background */
    border: 1px solid #e2e8f0 !important;
}

.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-product-qty__btn {
    flex: 0 0 36px !important;
    font-size: 20px !important;
    background: transparent !important;
    color: #475569 !important;
}

.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-product-qty__btn:hover {
    color: #0f172a !important;
    background: #f1f5f9 !important;
}

.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-product-qty__input {
    font-size: 16px !important;
    background: transparent !important;
    border-color: rgba(226, 232, 240, 0.6) !important; /* Very soft inner borders */
}

.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-product-remove-btn {
    height: 48px !important;
    flex: 0 0 48px !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
    transition: all 0.2s ease !important;
}

.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-product-remove-btn:hover {
    box-shadow: 0 4px 10px rgba(229, 62, 62, 0.15) !important;
}
/* =========================================
   TopWay single product: premium compact layout
   ========================================= */

/* Правая колонка карточки */
.content_item .icms-content-fields > .fields_group:nth-child(2) {
    position: relative;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    gap: 8px 8px !important;
    padding: 24px 24px 20px !important;
    background: #fff;
}

/* Убираем минимальные конфликты внутри правой колонки */
.content_item .icms-content-fields > .fields_group:nth-child(2) > * {
    min-width: 0;
}

/* =========================================
   Price row: price + views/favorite
   ========================================= */

.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-price-row {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: space-between !important;

    gap: 16px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
}

/* Цена внутри строки */
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-price-row .f_price {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    order: 0 !important;
}

/* Текст цены */
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-price-row .f_price .value {
    font-size: 30px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    color: #20262b !important;
    white-space: nowrap !important;
}

/* Скрыть старую штатную кнопку iShop внутри цены */
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-price-row .f_price .value .btn,
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-price-row .f_price .value button,
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-price-row .f_price .value a.btn {
    display: none !important;
}

/* Новый info_bar справа от цены */
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-price-row .topway-single-info-bar {
    flex: 0 0 auto !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    position: static !important;
    top: auto !important;
    right: auto !important;

    background: transparent !important;
    border: 0 !important;
}

/* Элементы: просмотры / избранное */
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar > .bar_item {
    flex: 0 0 auto !important;

    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 48px !important;
    max-width: none !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 11px !important;

    border: 1px solid #dce3eb !important;
    border-radius: 0 !important;
    background: #f8fafc !important;
    color: #111827 !important;

    font-size: 14px !important;
    line-height: 1 !important;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.05) !important;
}

/* Склейка в один аккуратный сегмент */
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar > .bar_item:first-child {
    border-radius: 8px 0 0 8px !important;
}

.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar > .bar_item:last-child {
    border-radius: 0 8px 8px 0 !important;
    margin-left: -1px !important;
}

/* Иконки внутри просмотров/избранного */
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar > .bar_item svg {
    width: 15px !important;
    height: 15px !important;
    margin: 0 6px 0 0 !important;
}

/* Если внутри bar_item есть stretched-link */
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar > .bar_item .stretched-link {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    color: inherit !important;
    text-decoration: none !important;
}

/* Сердце красное */
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar > .bar_item:last-child {
    color: #e11d48 !important;
}

/* Старый info_bar внутри btn-lot больше не используется */
.content_item .icms-content-fields > .fields_group:nth-child(2) .btn-lot > .info_bar {
    display: none !important;
}

/* =========================================
   Cart block: idle / in-cart states
   ========================================= */

.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-product-actions__buy {
    order: 2;
    width: 100% !important;
    margin: 0 0 4px !important;
}

/* =========================================
   Short fields as pills
   ========================================= */

.content_item .icms-content-fields > .fields_group:nth-child(2) > .field:not(.f_price):not(.f_content):not(.f_title):not(.f_photos):not(.f_image):not(.f_images) {
    order: 3;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: max-content !important;

    align-items: center !important;
    gap: 4px !important;

    margin: 2px 0 !important;
    padding: 4px 10px !important;

    border-radius: 999px !important;
    background: #eef2f6 !important;
    color: #111827 !important;

    font-size: 14px !important;
    line-height: 1.25 !important;
}

.content_item .icms-content-fields > .fields_group:nth-child(2) > .field:not(.f_price):not(.f_content):not(.f_title):not(.f_photos):not(.f_image):not(.f_images) .field_label {
    margin: 0 !important;
    padding: 0 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

.content_item .icms-content-fields > .fields_group:nth-child(2) > .field:not(.f_price):not(.f_content):not(.f_title):not(.f_photos):not(.f_image):not(.f_images) .value {
    display: inline !important;
    white-space: nowrap !important;
}

/* Если внутри поля длинный список — не сжимать */
.content_item .icms-content-fields > .fields_group:nth-child(2) > .field .value ul,
.content_item .icms-content-fields > .fields_group:nth-child(2) > .field .value ol {
    white-space: normal !important;
}

/* =========================================
   Messenger buttons (Inline Text Tags)
   ========================================= */

.content_item .icms-content-fields > .fields_group:nth-child(2) .btn-lot {
    order: 4;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important; /* Force left alignment */
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 32px 0 0 !important;
}

/* Label for messengers: "Уточнить детали в мессенджере:" above buttons */
.content_item .icms-content-fields > .fields_group:nth-child(2) .btn-lot::before {
    content: "Уточнить детали в мессенджере:" !important;
    display: block !important;
    width: 100% !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #475569 !important;
    margin-bottom: 8px !important;
}

.content_item .icms-content-fields > .fields_group:nth-child(2) .btn-lot > a {
    flex: 0 0 auto !important; /* Size to content */
    width: auto !important;
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 12px !important;

    margin: 0 !important;
    padding: 0 1.2rem !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
    
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}

.content_item .icms-content-fields > .fields_group:nth-child(2) .btn-lot > a:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(15, 23, 42, 0.06) !important;
}

.content_item .icms-content-fields > .fields_group:nth-child(2) .btn-lot > a svg,
.content_item .icms-content-fields > .fields_group:nth-child(2) .btn-lot > a img {
    width: 22px !important;
    height: 22px !important;
    margin-right: 8px !important; /* Spacing before text */
    transition: transform 0.2s ease !important;
}

.content_item .icms-content-fields > .fields_group:nth-child(2) .btn-lot > a:hover svg,
.content_item .icms-content-fields > .fields_group:nth-child(2) .btn-lot > a:hover img {
    transform: scale(1.1);
}

/* Brand Styles */
/* MAX */
.content_item .icms-content-fields > .fields_group:nth-child(2) .btn-lot .btn-max:hover {
    border-color: #a855f7 !important;
    color: #9333ea !important;
    background: #faf5ff !important;
}

/* WhatsApp */
.content_item .icms-content-fields > .fields_group:nth-child(2) .btn-lot .btn-wa svg {
    fill: #10b981 !important;
}
.content_item .icms-content-fields > .fields_group:nth-child(2) .btn-lot .btn-wa:hover {
    border-color: #10b981 !important;
    color: #059669 !important;
    background: #f0fdf4 !important;
}

/* Telegram */
.content_item .icms-content-fields > .fields_group:nth-child(2) .btn-lot .btn-tg svg {
    fill: #0ea5e9 !important;
}
.content_item .icms-content-fields > .fields_group:nth-child(2) .btn-lot .btn-tg:hover {
    border-color: #0ea5e9 !important;
    color: #0284c7 !important;
    background: #f0f9ff !important;
}

/* =========================================
   Long content / description
   ========================================= */

/* =========================================
   Description area (f_content) Premium Styling
   ========================================= */

.content_item .icms-content-fields > .fields_group:nth-child(2) .f_content {
    order: 6;
    width: 100% !important;
    max-width: 100% !important;

    margin-top: 32px !important;
    padding-top: 32px !important;

    border-top: 1px solid #f1f5f9 !important;
    background: transparent !important;
    border-radius: 0 !important;

    font-size: 16px !important;
    line-height: 1.58 !important; /* Refined for better density with manual BRs */
    color: #334155 !important;
}

/* --- Typography & Pseudo-lists --- */
.content_item .f_content .value p {
    margin-bottom: 1.1em !important; /* Balanced paragraph spacing */
}

.content_item .f_content .value {
    text-wrap: pretty;
}

/* --- Smart List Detected Items --- */
/*
.smart-list-detected {
    display: inline-block !important;
    position: relative !important;
    padding-left: 28px !important; 
    margin-bottom: 0 !important; 
    line-height: 1.32 !important; 
}

.smart-list-detected::before {
    content: "" !important;
    position: absolute !important;
    left: 8px !important;
    top: 7px !important; 
    width: 6px !important;
    height: 6px !important;
    background: #cbd5e1 !important;
    border-radius: 50% !important;
}
*/

/* Label for the description */
.content_item .icms-content-fields > .fields_group:nth-child(2) .f_content .field_label {
    display: block !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-bottom: 16px !important;
    letter-spacing: -0.01em !important;
}

/* Suppress "dirty" inline styles from visual editors */
.content_item .f_content .value * {
    font-family: inherit !important;
}

.content_item .f_content .value p {
    margin-bottom: 1.2em !important;
}

/* --- Tables: Elegant & Technical Look --- */
.content_item .f_content .value table {
    width: 100% !important;
    max-width: 100% !important;
    margin: 24px 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02) !important;
}

.content_item .f_content .value table tr td,
.content_item .f_content .value table tr th {
    padding: 14px 18px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    border-right: 1px solid #f1f5f9 !important;
    vertical-align: top !important;
}

.content_item .f_content .value table tr td:last-child,
.content_item .f_content .value table tr th:last-child {
    border-right: none !important;
}

.content_item .f_content .value table tr:last-child td {
    border-bottom: none !important;
}

/* Table Headers */
.content_item .f_content .value table tr th {
    background: #f8fafc !important;
    font-weight: 700 !important;
    color: #475569 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 0.05em !important;
}

/* Smart: Style 2-column tables as "Technical Specs" */
/* If a row has exactly 2 cells, style the first one as a label */
.content_item .f_content .value table tr td:first-child:nth-last-child(2) {
    background: #fcfdfe !important;
    font-weight: 600 !important;
    color: #64748b !important;
    width: 35% !important;
}

/* Zebra stripes */
.content_item .f_content .value table tr:nth-child(even) td {
    background: #fafbfc !important;
}

/* --- Lists: Clean & Professional --- */
/*
.content_item .f_content .value ul,
.content_item .f_content .value ol {
    padding-left: 0 !important;
    margin: 1.5em 0 !important;
    list-style: none !important;
}

.content_item .f_content .value li {
    position: relative !important;
    padding-left: 28px !important;
    margin-bottom: 10px !important;
}

.content_item .f_content .value ul li::before {
    content: "" !important;
    position: absolute !important;
    left: 8px !important;
    top: 10px !important;
    width: 6px !important;
    height: 6px !important;
    background: #cbd5e1 !important;
    border-radius: 50% !important;
}

.content_item .f_content .value ol {
    counter-reset: custom-counter !important;
}
.content_item .f_content .value ol li {
    counter-increment: custom-counter !important;
}
.content_item .f_content .value ol li::before {
    content: counter(custom-counter) "." !important;
    position: absolute !important;
    left: 0 !important;
    font-weight: 700 !important;
    color: #6366f1 !important;
}
*/
}

/* --- Headings inside content --- */
.content_item .f_content .value h1,
.content_item .f_content .value h2,
.content_item .f_content .value h3 {
    margin: 1.6em 0 0.8em !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    line-height: 1.3 !important;
}
.content_item .f_content .value h2 { font-size: 22px !important; }
.content_item .f_content .value h3 { font-size: 19px !important; }

/* --- Media & Quotes --- */
.content_item .f_content .value img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
    margin: 24px 0 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important;
}

.content_item .f_content .value blockquote {
    margin: 28px 0 !important;
    padding: 20px 28px !important;
    border-left: 4px solid #e2e8f0 !important;
    background: #f8fafc !important;
    font-style: italic !important;
    color: #475569 !important;
    border-radius: 0 12px 12px 0 !important;
}

/* --- Responsive fixes --- */
@media (max-width: 768px) {
    .content_item .f_content .value table {
        display: block !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .content_item .f_content .value table tr td:first-child:nth-last-child(2) {
        min-width: 140px !important;
    }
}

/* =========================================
   Mobile duplicate banner cart button
   ========================================= */

.icms-content-header__banner .topway-product-cart-btn,
.icms-content-header__banner .f_price .btn,
.icms-content-header__banner .f_price a.btn,
.icms-content-header__banner .f_price button,
.icms-content-header__banner a[onclick*="ishop.add"],
.icms-content-header__banner a[href*="/ishop/cart"] {
    display: none !important;
}

/* =========================================
   Responsive
   ========================================= */

@media (max-width: 991px) {
    .content_item .icms-content-fields > .fields_group:nth-child(2) {
        padding: 20px 16px !important;
    }

    .content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-price-row {
        gap: 12px !important;
    }

    .content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-price-row .f_price .value {
        font-size: 28px !important;
    }
}

@media (max-width: 575px) {
    .content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-price-row {
        align-items: flex-start !important;
    }

    .content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar > .bar_item {
        min-width: 42px !important;
        height: 32px !important;
        padding: 0 9px !important;
    }
}

/* =========================================
   Hide default iShop button inside price field
   ========================================= */

/* Скрываем штатную кнопку iShop внутри поля цены.
   Нашу кастомную .topway-product-cart-btn это не трогает,
   потому что она НЕ внутри .f_price .value */
.content_item .f_price .value .btn,
.content_item .f_price .value a.btn,
.content_item .f_price .value button,
.content_item .f_price .value a[onclick*="ishop"],
.content_item .f_price .value button[onclick*="ishop"] {
    display: none !important;
}

/* На случай если мобильный шаблон/баннер выводит цену вне .content_item */
.f_price .value .btn,
.f_price .value a.btn,
.f_price .value button[onclick*="ishop"],
.f_price .value a[onclick*="ishop"] {
    display: none !important;
}

/* =========================================
   Price row info_bar: isolate stretched-link
   ========================================= */

/* Сама строка цены */
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-price-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 16px !important;
}

/* Цена слева */
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-price-row .f_price {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Инфобар справа */
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar {
    flex: 0 0 auto !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 8px !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    position: relative !important;
    background: transparent !important;
    border: 0 !important;
    overflow: visible !important;
}

/* Каждая кнопка: отдельный изолированный остров */
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar > .bar_item {
    position: relative !important;
    isolation: isolate !important;

    flex: 0 0 auto !important;

    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 48px !important;
    max-width: none !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 12px !important;

    border: 1px solid #dce3eb !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    color: #111827 !important;

    font-size: 14px !important;
    line-height: 1 !important;

    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.05) !important;

    overflow: hidden !important;
}

/* Убираем старое склеивание first/last, чтобы они были рядом, но не слипались */
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar > .bar_item:first-child,
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar > .bar_item:last-child {
    border-radius: 8px !important;
    margin-left: 0 !important;
}

/* btn-fw часто делает ширину/поведение странным — сбрасываем */
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar > .bar_item.btn,
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar > .bar_item.btn-fw {
    width: auto !important;
    min-width: 48px !important;
    max-width: none !important;
}

/* SVG внутри */
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar > .bar_item svg {
    position: relative !important;
    z-index: 2 !important;

    width: 15px !important;
    height: 15px !important;

    margin: 0 6px 0 0 !important;
    pointer-events: none !important;
}

/* Текст/число внутри */
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar > .bar_item > span,
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar > .bar_item > i {
    position: relative !important;
    z-index: 2 !important;
}

/* Сам stretched-link не должен ломать flex */
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar > .bar_item .stretched-link {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    height: auto !important;

    color: inherit !important;
    text-decoration: none !important;
}

/* Самое важное: ограничиваем stretched-link::after рамками конкретной bar_item */
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar > .bar_item .stretched-link::after {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    width: auto !important;
    height: auto !important;

    z-index: 1 !important;
    pointer-events: auto !important;
}

/* Сердце */
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar > .bar_item:last-child {
    color: #e11d48 !important;
}

/* На всякий случай старый info_bar в соцсетях скрыт */
.content_item .icms-content-fields > .fields_group:nth-child(2) .btn-lot > .info_bar {
    display: none !important;
}


/* =========================================
   Price row: final stable alignment
   ========================================= */

.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-price-row {
    order: 1 !important;
    width: 100% !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 16px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
}

.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-price-row .f_price {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-price-row .f_price .value {
    display: block !important;
    margin: 0 !important;

    font-size: 30px !important;
    line-height: 34px !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    color: #20262b !important;
    white-space: nowrap !important;
}

/* Скрываем штатную кнопку внутри цены */
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-price-row .f_price .value .btn,
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-price-row .f_price .value button,
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-price-row .f_price .value a.btn {
    display: none !important;
}

/* Новый чистый info-bar справа */
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar {
    flex: 0 0 auto !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 8px !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}

/* Одна кнопка: глаз / сердце */
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar__item {
    position: relative !important;

    flex: 0 0 auto !important;

    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 50px !important;
    max-width: none !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 12px !important;

    border: 1px solid #dce3eb !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    color: #111827 !important;

    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 500 !important;

    text-decoration: none !important;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.05) !important;
}

.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar__item:hover {
    background: #f1f5f9 !important;
    color: #111827 !important;
    text-decoration: none !important;
}

.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar__item svg {
    flex: 0 0 auto !important;
    width: 15px !important;
    height: 15px !important;
    margin: 0 6px 0 0 !important;
}

.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar__item span {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}

/* Последний элемент обычно избранное */
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar__item.icms-favorites__btn.favorite-toggle--active {
    color: #e11d48 !important;
}

/* Старые классы info_bar больше не должны влиять */
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar .bar_item,
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar .btn,
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar .btn-fw,
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar .stretched-link,
.content_item .icms-content-fields > .fields_group:nth-child(2) .topway-single-info-bar .stretched-link::after {
    all: unset;
}

/* На всякий случай старый info_bar внутри соцсетей скрыт */
.content_item .icms-content-fields > .fields_group:nth-child(2) .btn-lot > .info_bar {
    display: none !important;
}

/* Short fields as pills */
.content_item .icms-content-fields > .fields_group:nth-child(2) > .field:not(.f_price):not(.f_content):not(.f_title):not(.f_photos):not(.f_image):not(.f_images) {
    order: 3;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: max-content !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 2px 6px 2px 0 !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    background: #eef2f6 !important;
    color: #111827 !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
}

.content_item .icms-content-fields > .fields_group:nth-child(2) > .field:not(.f_price):not(.f_content):not(.f_title):not(.f_photos):not(.f_image):not(.f_images) .field_label {
    margin: 0 !important;
    padding: 0 !important;
    font-weight: 700 !important;
}

.content_item .icms-content-fields > .fields_group:nth-child(2) > .field:not(.f_price):not(.f_content):not(.f_title):not(.f_photos):not(.f_image):not(.f_images) .value {
    display: inline !important;
}

/* TopWay card links: no underline and no blue hover in grids/widgets */
.content_list.tiled a:hover,
.swiper-slide a:hover,
.icms-widget__content_list a:hover,
.icms-content-cover-preset__normal a:hover,
.topway-shop-item a:hover {
    text-decoration: none !important;
}

.content_list.tiled .f_title a:hover,
.icms-widget__content_list .f_title a:hover,
.icms-content-cover-preset__normal .f_title a:hover,
.topway-shop-item .f_title a:hover,
.content_list.tiled .parent_title:hover,
.icms-widget__content_list .parent_title:hover {
    color: #5c6873 !important;
}

.swiper-slide .f_title a:hover {
    color: #5c6873 !important;
}

.icms-footer__middle{
  border-top: 3px solid #ffca00; /* Yellow accent, emphasizing the theme */
}

.ishop-checkout {
    padding: 32px 16px;
    background: #eef1f6;
}

.ishop-checkout__container {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 32px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(74, 85, 104, 0.08);
}

.ishop-checkout .checkout-customer-tabs {
    margin-bottom: 32px !important;
}

.ishop-checkout .checkout-customer-tabs__nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
    margin: 0 !important;
    padding: 6px;
    border: 0;
    border-radius: 12px;
    background: #f4f6f9;
}

.ishop-checkout .checkout-customer-tabs__nav .nav-item {
    margin: 0;
}

.ishop-checkout .checkout-customer-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    width: 100%;
    padding: 12px 18px;
    border: 0 !important;
    border-radius: 8px !important;
    color: #718096;
    background: transparent;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    text-decoration: none !important;
    transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
}

.ishop-checkout .checkout-customer-tab:hover,
.ishop-checkout .checkout-customer-tab:focus {
    color: #1a202c;
    background: rgba(255, 255, 255, 0.58);
}

.ishop-checkout .checkout-customer-tab.active {
    color: #1a202c;
    background: #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.ishop-checkout .tab_error .checkout-customer-tab {
    color: #b42318;
}

.ishop-checkout #natural_delivery_method {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.ishop-checkout #natural_delivery_method .custom-control {
    min-height: 0;
    margin: 0;
    padding-left: 0;
}

.ishop-checkout #natural_delivery_method .custom-control-label {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 72px;
    width: 100%;
    padding: 18px 18px 18px 50px;
    border: 1px solid #dce3eb;
    border-radius: 12px;
    background: #f8fafc;
    color: #20262b;
    font-weight: 700;
    cursor: pointer;
}

.ishop-checkout #natural_delivery_method .custom-control-label::before,
.ishop-checkout #natural_delivery_method .custom-control-label::after {
    top: 50%;
    left: 18px;
    transform: translateY(-50%);
}

.ishop-checkout #natural_delivery_method .custom-control-input:checked + .custom-control-label {
    border-color: #ffca00;
    background: #fffbea;
    box-shadow: 0 8px 22px rgba(32, 38, 43, 0.08);
}

.ishop-checkout #natural_delivery_method .custom-control-input:focus + .custom-control-label {
    box-shadow: 0 0 0 3px rgba(255, 202, 0, 0.28);
}

.ishop-checkout .checkout-pickup-info {
    margin: 0 0 20px;
    padding: 14px 16px;
    border: 1px solid #dce3eb;
    border-left: 4px solid #ffca00;
    border-radius: 10px;
    background: #f8fafc;
    color: #20262b;
}

.ishop-checkout .checkout-payment-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 24px;
}

.ishop-checkout .checkout-payment-tabs--single {
    grid-template-columns: minmax(0, 1fr);
}

.ishop-checkout .checkout-payment-tab {
    position: relative;
    min-height: 0;
    margin: 0;
    padding-left: 0;
    border: 0 !important;
}

.ishop-checkout .checkout-payment-tab .form-check-input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.ishop-checkout .checkout-payment-tab__label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 86px;
    width: 100%;
    margin: 0;
    padding: 18px;
    border: 1px solid #dce3eb;
    border-radius: 12px;
    background: #f8fafc;
    color: #20262b;
    cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.ishop-checkout .checkout-payment-tab__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.ishop-checkout .checkout-payment-tab__title {
    font-size: 16px;
    font-weight: 700;
}

.ishop-checkout .checkout-payment-tab__badge {
    flex: 0 0 auto;
    padding: 4px 8px;
    border-radius: 999px;
    background: #20262b;
    color: #ffca00;
    font-size: 12px;
    font-weight: 700;
}

.ishop-checkout .checkout-payment-tab__hint {
    margin-top: 8px;
    color: #64748b;
    font-size: 13px;
    line-height: 1.35;
}

.ishop-checkout .checkout-payment-tab__label:hover {
    border-color: #cbd5e1;
    background: #fff;
}

.ishop-checkout .checkout-payment-tab .form-check-input:checked + .checkout-payment-tab__label {
    border-color: #ffca00;
    background: #fffbea;
    box-shadow: 0 8px 22px rgba(32, 38, 43, 0.08);
}

.ishop-checkout .checkout-payment-tab .form-check-input:focus + .checkout-payment-tab__label,
.ishop-checkout .checkout-payment-tab .form-check-input:focus-visible + .checkout-payment-tab__label {
    box-shadow: 0 0 0 3px rgba(255, 202, 0, 0.28);
}

@media (max-width: 767px) {
    .ishop-checkout {
        padding: 16px 8px;
    }

    .ishop-checkout__container {
        padding: 20px 12px;
    }

    .ishop-checkout .checkout-customer-tabs__nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px;
        padding: 4px;
    }

    .ishop-checkout .checkout-customer-tab {
        min-height: 44px;
        padding: 10px 8px;
        font-size: 13px;
    }

    .ishop-checkout #natural_delivery_method {
        grid-template-columns: 1fr;
    }

    .ishop-checkout #natural_delivery_method .custom-control-label {
        min-height: 60px;
        padding: 14px 14px 14px 46px;
    }

    .ishop-checkout .checkout-payment-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .ishop-checkout .checkout-payment-tab__label {
        min-height: 76px;
        padding: 14px;
    }

    .ishop-checkout .checkout-payment-tab__head {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }
}

@media (max-width: 420px) {
    .ishop-checkout .checkout-payment-tabs {
        grid-template-columns: 1fr;
    }
}