/*@import url("https://test.max-48.ru/zhbi4/style.css");*/
/* Inter + Manrope — self-hosted, см. stylesheet/fonts-local.css (без fonts.googleapis.com) */

body {
    font-family: 'Inter';
    font-size: 18px;
    color: #000;

}
/*
.module-master_slider-242 .module-item-4 .module-subitem-1.ms-caption {
    font-family: 'Inter';
    font-weight: 700;
    font-size: 60px;
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
}
#top {
    padding: 0 20px;
}
#top {
    padding: 0 20px;
    margin-top: 100px;
}
/*
.module-master_slider .ms-slide {
    border-radius: 30px;
}
.master-slider .ms-container:first-child {
    display:none;
}
.ms-parallax-layer .module-subitem {
    top: 157px;
    margin: 0px;
    padding: 0px;
    font-size: 80px;
    line-height: 90px;
}

 */
/*
.module-subitem.module-subitem-1.ms-layer.ms-layer-text.ms-caption.ms-hover-active {
    width: 100%;
    text-align: center;
}
 */
 
a:focus,
button:focus {
  outline: none;
}



.sl-flex {
    display: flex;
    justify-content: center;
    gap: 5px;
}
.sl-flex span {
    background: rgba(0, 0, 0, 1);
    padding: 22px 28px 22px 28px;
    border-radius: 70px;
    font-family: Inter;
    font-size: 48px;
    font-weight: 500;
    line-height: 48px;
    text-align: center;

}
.ms-btn-container {
    top: 230px;
}
/*
.module-master_slider-242 .module-item-4 .module-subitem-2.btn {
    background: rgba(255, 89, 0, 1);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
    padding: 11px 14px 11px 14px;
    border-radius: 70px;
}
.module-master_slider .ms-btn-container {
    justify-content: center;
}
.module-master_slider-242 .module-item-4::before, .module-master_slider::before {
    content: unset;
}
*/
.grid-row-top-1 {
    background: none;
}
.module-title-296 h3 {
    font-family: Inter;
    font-size: 35px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: center;
    background: url(image/GridNine.png) left center no-repeat;
    padding-left: 46px;
}
.catalog-title-custom {
    font-family: Inter;
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: center;
    /* Make the title shrink to content so the background icon sits next to the text */
    display: inline-block;
    margin: 0 auto;
    /* Place the icon right next to the text */
    background: url(image/GridNine.png) left center no-repeat;
    padding-left: 46px;
}
.grid-row {
    margin-top: 55px;
}
.module-title-296 .title-divider {
    background: none;
}
.module-banners .module-item > a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}
.module-banners .module-item > a {
    height: 176px;
    border-radius: 20px;
    overflow: visible;
}
.module-banners-251 .module-item:not(.swiper-slide) {
    height: 280px;
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
}
.module-banners-251 .module-item:not(.swiper-slide) > a {
    height: 100%;
    display: block;
}
.module-banners-251 .module-item:not(.swiper-slide) img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.module-banners-251 .module-item:not(.swiper-slide):hover img {
    transform: scale(1.05);
}
.module-banners-251 .banner-caption span {
    white-space: normal;
    font-size: 18px;
    color: rgba(255, 255, 255, 1);
    font-weight: 500;
    text-align: center;
    text-transform: unset;
    background: rgba(0, 0, 0, 0.85);
    padding: 14px 16px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    display: block;
}
.module-banners-251 .banner-caption {
    top: unset;
    left: 0;
    right: 0;
    bottom: 0;
    transform: unset;
    width: 100%;
}
.module-banners-251 .banner-caption:hover  {
    transform: scale(1.05);
}
.module-button-284 .btn {
    transform: unset;
    transform-origin: center;
    width: auto;
    background: rgba(255,89,0,1);
    margin-top: 60px;
    padding: 22px 28px;
    border-radius: 70px;
    font-size: 28px;
    line-height: 28px;
    text-transform: unset;
}
div.cart-content .cart-buttons .btn {
    width: auto;
    margin-bottom: 10px;
}
.grid-row-top-3 {
    background: linear-gradient(287.31deg, #444A60 3.68%, #000000 99.08%);
    padding: 65px 40px;
    border-radius: 30px;
    color: #fff;
}
#operation1 {
    /*display: flex;*/
	display: none !important;
    flex-wrap: wrap;
    justify-content: space-between;
}
#operation1 .flex-item {
    width: 50%;
    min-width: 340px;
}
.about-text {
    font-size: 22px;
    font-weight: 500;
    line-height: 29.7px;
    letter-spacing: -0.02em;
    text-align: left;
    max-width: 572px;
    margin-bottom: 70px;
}
.module-title-297 h3 {
    font-family: 'Inter';
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    color:#fff;
    background: url(image/about-h3.svg) no-repeat left center;
    padding-left: 45px;
    margin-bottom: 45px;
}
.title-divider {
    display:none !important;
}
#operation1 .flex-item:last-child .about-text {
    margin-top:75px;
    max-width: unset;
}
.module-button-284 .btn::after {
    content: '\e5c8' !important;
    font-family: icomoon !important;
    margin-left: 5px;
}
@media(min-width: 768px) {
    #operation1 .flex-item:last-child .about-text {
        padding-left: 75px;
    }
    .grid-row-top-3 a.btn {
        margin-left: 75px;
    }
}
.grid-row-top-3 a.btn {
    transform: unset;
    transform-origin: center;
    width: auto;
    background: rgba(255,89,0,1);
    padding: 16px 28px;
    border-radius: 70px;
    font-size: 22px;
    line-height: 22px;
    text-transform: unset;
}
.grid-row-top-3 a.btn::after {
    content: '\e5c8' !important;
    font-family: icomoon !important;
    margin-left: 5px;
}
.grid-row-top-3 a.btn:hover {
    background: #fff !important;
    color: rgba(255,89,0,1) !important;
}
.tocatalog {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}
.tocatalog .btn::after {
    content: '\e5c8' !important;
    font-family: icomoon !important;
    margin-left: 5px;
}
.tocatalog a.btn {
    transform: unset;
    transform-origin: center;
    width: auto;
    background: rgba(255,89,0,1);
    padding: 16px 28px;
    border-radius: 70px;
    font-size: 22px;
    line-height: 22px;
    text-transform: unset;
}
.module-products-27 {
    padding-bottom: 100px;
}
.module-title-299 .title-wrapper h3 {
    color: #000;
    font-weight: 600;
    background: url(icons/Sparkle.svg) no-repeat left center;
    padding-left: 45px;
}
.module-info_blocks-266 .module-body, .module-title-299 {
    background: none;
    gap: 20px;
}
.module-info_blocks-266 .module-item {
    background: rgba(247, 247, 247, 1);
}
.grid-row-top-4 {
    max-width: 1400px;
    margin: 55px auto 0 auto;
}
.module-info_blocks-266 .module-item:not(.swiper-slide) {
    padding: 12.5px;
    width: calc(100% / 4 - 0.01px);
}
.module-info_blocks-266 .module-item:not(.swiper-slide) {
    padding: 25px;
    width: calc(100% / 4 - 15px);
    border-radius: 30px;
}
.module-info_blocks-266 .module-item-1 .info-block::before {
    content: '' !important;
    background: url(icons/np1.png) no-repeat center top;
    width: 182px;
    height: 209px;
}
.module-info_blocks-266 .module-item-2 .info-block::before {
    content: '' !important;
    background: url(icons/np2.png) no-repeat center top;
    width: 182px;
    height: 209px;
}
.module-info_blocks-266 .module-item-3 .info-block::before {
    content: '' !important;
    background: url(icons/np3.png) no-repeat center top;
    width: 182px;
    height: 209px;
}
.module-info_blocks-266 .module-item-4 .info-block::before {
    content: '' !important;
    background: url(icons/np4.png) no-repeat center top;
    width: 182px;
    height: 209px;
}
.module-info_blocks-266 .info-block .info-block-title {
    color: #000;
    font-weight: 600;
    text-transform: none;
    margin-bottom: 15px;
    display: block;
    font-size: 30px;
    text-align: left;
    line-height: 32px;
}
.module-info_blocks-266 .info-block .info-block-text {
    color: rgba(0, 0, 0, 0.6);
    font-weight: 400;
    display: block;
    text-align: left;
    line-height: 22px;
}
.grid-row-top-5 {
    margin-top: 30px;
    width: 100%;
    border-radius: 30px;
    background: rgba(232, 237, 241, 1);
    padding: 60px 0;
}
.module-products-27 .product-grid.product-grid .product-layout {
    z-index: 1;
    border-radius: 15px;
    background: #fff;
    overflow: hidden;
    padding: 15px;
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.05);

}
.module-title-300 h3 {
    color: #000;
    font-family: 'Inter';
    font-weight: 600;
    background: url(icons/CirclesFour.svg) no-repeat left center;
    padding-left: 45px;
}
.module-products-27 .product-grid .product-thumb .name {
    display: flex;
    width: auto;
    justify-content: flex-start;
    margin-left: 0px;
    margin-right: unset;
    padding: 0px 0px 5px;
    margin-top: 35px;
}
.module-products-27 .product-grid .product-thumb .price > div {
    align-items: center;
    flex-direction: row;
}
.module-products-27 .product-grid .product-thumb .price {
    color: rgb(136, 136, 136);
    font-family: "Inter";
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: -0.02em;
    text-align: left;
}
.module-products-27 .product-grid .product-thumb .price {
    display: block;
    width: auto;
    margin-left: 0px;
    margin-right: 0px;
    padding: 5px 0px 8px;
    border-width: 0px;
    border-style: solid;
    border-color: rgb(223, 231, 247);
    color: rgb(136, 136, 136);
    font-family: "Inter";
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: -0.02em;
    text-align: left;
}
.module-products-27 .product-grid .product-thumb .btn-cart.btn {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(254, 89, 0, 1);
    padding: 10px 15px;
    border-radius: 4px;
    color: #fff;
    font-family: 'Inter';
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.03em;
    text-align: center;
    text-transform: uppercase;
    margin-top: 12px;
}
.module-products-27 .product-grid .product-thumb .name a {
    white-space: normal;
    overflow: visible;
    text-overflow: initial;
    font-family: 'Inter';
    font-weight: 600;
    font-size: 21px;
    color: rgba(41, 41, 43, 1);
    text-align: left;
}
.module-products-27 .product-grid.product-grid .product-thumb .button-group {
    background: none;
}
.module-products-27 .product-layout:not(.swiper-slide) {
    width: calc(100% / 5 - 20px);
}
.module-title-298 h3 {
    font-family: 'Inter';
    color: #000;
    font-weight: 600;
    background: url(icons/galary.svg) no-repeat left center;
    padding-left: 45px;
    margin-bottom: 45px;
}
.module-gallery .module-item > a img {
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    width: 100%;
    height: auto;
    border-radius: 30px;
}
.module-gallery-45 .swiper-buttons div, .module-products-27 .swiper-buttons div {
    width: 50px;
    height: 50px;
    background: url("icons/swip.png") center center / cover no-repeat !important;
    box-shadow: unset;
}
.module-gallery-45 .swiper-buttons div::before, .module-products-27 .swiper-buttons div::before {
    content: unset !important;
}
.module-gallery-45 .swiper-buttons .swiper-button-next::before, .module-products-27 .swiper-buttons .swiper-button-next::before {
    content: unset !important;
}
.module-gallery-45 .swiper-buttons div.swiper-button-prev, .module-products-27 .swiper-buttons div.swiper-button-prev {
    transform: rotate(180deg);
    top: -20px;
}
/*.grid-row-top-7::before {
	content:"Контакты";
	font-family: 'Inter';
  color: #000;
  font-weight: 600;
  background: url(icons/AddressBookTabs.svg) no-repeat left center;
  padding-left: 45px;
  margin-bottom: 45px;
}
.grid-row-top-7 {
text-align: center;
}*/
.module-title-283 .title-wrapper {
    text-align: center;
    padding-bottom: 45px;
}
.module-title-283 h3 {
    color: #000;
    font-family: 'Inter';
    font-weight: 600;
    background: url(icons/AddressBookTabs.png) no-repeat left center;
    padding-left: 45px;
}
.module-blocks-281 .block-html {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid rgba(221, 221, 221, 1);
}

.grid-col-top-7-1 {
    padding-top: 0;
}
.module-info_blocks .module-body {
    gap: 20px;
}
.module-info_blocks-280 a.info-block:hover {
    box-shadow: unset;
}
.module-info_blocks-280 .info-block .info-block-title {
    color: rgba(254, 89, 0, 1);
    font-weight: 600;
    display: block;
    font-size: 20px;
}
.module-info_blocks-280 .info-block .info-block-text {
    font-size: 20px;
    color: #000;
    display: block;
    font-weight: 400;
}
.tg {
    background: url(icons/tg.svg) no-repeat center center;
    width: 28px;
    height: 28px;
    display: inline-block;
}
.tg:hover {
    background: url(icons/tg-hover.svg) no-repeat center center;
}
.wa {
    background: url(icons/wa.svg) no-repeat center center;
    width: 28px;
    height: 28px;
    display: inline-block;
}
.wa:hover {
    background: url(icons/wa-hover.svg) no-repeat center center;
}
.module-info_blocks-280 .module-item:nth-child(2) .info-block-text {
    display: flex;
    align-items: center;
    gap: 15px;
}
.module-blocks-48 .tab-3 {
    display:none;
}
.module-blocks-48 .nav-tabs > li.active {
    border-color: unset;
    border: 0 none;
}
.block-reviews {
    order: 1;
    display: none;
}
.stepper .form-control {
    padding: 0 20px 0 20px;
}
.td-qty .stepper {
    position: relative;
    width: 100%;
    border: 0 none;
    display: block !important;
}
.table-responsive {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(227, 227, 227, 1);
    -webkit-overflow-scrolling: touch;
    padding: 30px;
    border-radius: 30px;
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.05);
}
.table-bordered > thead > tr > td {
    border: 0 none;
}
.table-bordered > thead {
    border-radius: 10px;
}
table thead td {
    font-size: 18px;
    font-weight: 600;
    text-transform: unset;
    background: rgba(247, 247, 247, 1);
    color: rgba(136, 136, 136, 1);

}
.stepper input.form-control {
    background: rgb(247, 247, 247) !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgba(221, 221, 221, 1) !important;
    border-radius: 70px !important;
    box-shadow: none;
}
.stepper span i:first-of-type::before, .stepper span i:last-of-type::before {
    content: unset;
}
.td-qty .fa.fa-angle-up {
    position: absolute;
    right: 10px;
    font-size: 26px;
    font-weight: 600;
    font-family: 'Inter';
    z-index: 2;
    left: unset;
    top: 2px;
}
.td-qty .fa.fa-angle-down {
    position: absolute;
    left: 10px;
    font-size: 29px;
    font-weight: 600;
    font-family: 'Inter';
    z-index: 2;
    top: 2px;
    right: unset;
}
.btn-remove .fa-times-circle::before {
    content: '' !important;
    background: url(icons/x.svg) no-repeat center center;
    width: 30px;
    height: 30px;
    display: block;
}
.cart-bottom {
    background: none;
    padding: 20px;
    margin-left: 20px;
}
.cart-total .tr {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    position: relative;
}
.cart-bordered {
    border: 1px solid rgba(227, 227, 227, 1);
    background: #fff;
    padding: 22px;
    border-radius: 30px;
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.05);

}
.route-checkout-cart #content .cart-bottom {
    padding-top: 0;
}
.cart-bordered .buttons {
    display: block;
}
.route-checkout-cart .buttons .pull-left {
    margin-right: unset;
    width: 100%;
}
.route-checkout-cart .buttons > div + div {
    padding-left: 0;
    width: 100%;
}
.route-checkout-cart .buttons .pull-left .btn::before, .route-checkout-cart .buttons .pull-right .btn::after {
    content: unset !important;
}
.route-checkout-cart .buttons .pull-right .btn, .route-checkout-cart .buttons .pull-right .btn:visited, .route-checkout-cart .buttons .pull-right .btn:focus,
.buttons.confirm-buttons #quick-checkout-button-confirm{
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    text-transform: unset;
    font-weight: 600;
    width: 100%;
    border-radius: 70px;
    background: rgba(254, 89, 0, 1);
    padding: 17px;
}
.buttons.confirm-buttons #quick-checkout-button-confirm::after {
    content: unset !important;
}
.right-cs .pull-right {
    flex: unset !important;
    width: 100% !important;
    margin: 0 !important;
}
.route-checkout-cart .buttons .pull-left .btn, .route-checkout-cart .buttons .pull-left .btn:visited, .route-checkout-cart .buttons .pull-left .btn:focus {
    font-size: 16px;
    color: #000;
    text-transform: unset;
    font-weight: 600;
    width: 100%;
    border-radius: 70px;
    background: none;
    padding: 17px;
    border: 1px solid rgba(136, 136, 136, 1);
}
.table-bordered .text-left strong {
    color: rgba(136, 136, 136, 1);
}
.cart-total .table-bordered .text-left, .cart-total .table-bordered .text-right {
    background: #fff;
    position: relative;
    z-index: 9;
}
.table-bordered .tr::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    border: 1px rgb(200, 200, 200) dashed;
    bottom: 10px;
}
#checkout-cart {
    padding-bottom: 70px;
}
.route-information-contact #top .grid-rows {
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 20px;
    max-width: 1400px;
    margin: 0 auto;
}
.route-information-contact #operation1 {
    display:none;
}
.route-information-contact .grid-col-content-top-1-2 {
    width: 100%;
    background: none;
    padding: 0;
    max-width: 453px;
    min-width: 320px;
}
.route-information-contact .grid-row.grid-row-top-1 {
    width: 100%;
    margin-top: 0;
}
.module-blocks-104 .block-html > div {
    border-radius: 30px;
}
.module-info_blocks-194 .module-item:not(.swiper-slide) {
    padding: 30px 20px;
    width: calc(100% / 1 - 0.01px);
    background: rgba(247, 247, 247, 1);
    min-height: 125px;
    border-radius: 30px;
}
.module-info_blocks-194 .info-block .info-block-title {
    color: rgba(254, 89, 0, 1);
    font-weight: 600;
    display: block;
    font-size: 20px;
}
.module-info_blocks-194 .info-block .info-block-text {
    font-size: 20px;
    color: #000;
    display: block;
    font-weight: 400;
}
.module-info_blocks-194 .module-item:nth-child(3) .info-block-text {
    display: flex;
    align-items: center;
    gap: 15px;
}
.module-info_blocks-194 .module-item:last-child .info-block-text {
    font-size:18px;
}
.module-info_blocks-194 .info-block {
    padding: 0;
}
.route-information-contact .grid-col-top-1-1 .grid-items, .route-information-contact .grid-col-top-1-1 .grid-items .grid-item-top-1-1-1,
.route-information-contact .grid-col-top-1-1 .grid-items .grid-item-top-1-1-1 .module-blocks .module-body,
.route-information-contact .grid-col-top-1-1 .grid-items .grid-item-top-1-1-1 .module-blocks .module-body .block-body,
.route-information-contact .grid-col-top-1-1 .grid-items .grid-item-top-1-1-1 .module-blocks .module-body .block-body .block-html {
    height: 100%;
}
.route-information-contact .grid-row-content-top-1 {
    display:none;
}
.main-menu > .j-menu > li > a {
    color: #000 !important;
    font-weight: 400;
    text-transform: unset;
}
.main-menu > .j-menu > li > a:hover {
    color: rgba(255,89,0,1) !important;
}
.module-gallery-288 .gallery-image-caption {
    display: block;
    top: unset;
    left: unset;
    right: unset;
    bottom: -12px;
    transform: unset;
    white-space: normal;
    font-size: 18px;
    color: rgba(255, 255, 255, 1);
    font-weight: 500;
    text-align: center;
    text-transform: unset;
    background: #000;
    padding: 10px 20px;
    border-radius: 70px;
    position: absolute;
}
.module-gallery-288 .module-item {
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
}
html.information-7 .site-wrapper > h1.page-title > span {
    font-family: 'Inter';
    color: #000;
    font-weight: 600;
    background: url(icons/galary.svg) no-repeat left center;
    padding-left: 45px;
    margin-bottom: 45px;
    display:inline-block;
}
.dropdown > a::after {
    content: "";
    font-size: 11px;
    position: relative;
    background: url(icons/ad.svg) no-repeat center center;
    height: 16px;
    width: 16px;
    transform: rotate(0deg) !important;
}
/*
.secondary-menu .top-menu .j-menu > li > a {
    flex-direction: column;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px;
    padding-right: 9px;
    padding-left: 9px;
    text-transform: unset;
}

.secondary-menu .top-menu .j-menu > li:first-child::after {
    content: "/";
    color: rgba(180, 180, 180, 1);
    position: absolute;
    right: 0;
    top: 12px;
    font-size: 26px;
    line-height: 26px;
}
.secondary-menu .top-menu .j-menu > li:first-child {
    position: relative;
    padding-right: 9px;
}

 */
.top-menu-item-3 a, .top-menu-item-4 a {
    font-size: 0 !important;
    padding: 14px !important;
    margin-right: 5px;
}
.top-menu-240 .j-menu li.top-menu-item-3 > a::before, .top-menu-240 .j-menu li.top-menu-item-4 > a::before {
    content: unset !important;
}
.top-menu-item-3 a {
    background: url(icons/tg.svg) no-repeat center center;
}
.top-menu-item-3 a:hover {
    background: url(icons/tg-hover.svg) no-repeat center center;
}
.top-menu-item-4 a {
    background: url(/image/catalog/logos/max.png) no-repeat center center;
    background-size: contain;
}
.top-menu-item-4 a:hover {
    background: url(/image/catalog/logos/max.png) no-repeat center center;
    background-size: contain;
}
.mini-search .search-trigger::before {
    font-weight: 700;
}
.mini-search .search-trigger::after {
    content: 'Поиск' !important;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(136, 136, 136, 1);
    margin-left: 10px;
}
.mini-search .search-trigger {
    padding: 8px 17px;
    background: rgba(242, 242, 242, 1);
    border-radius: 37px;
}
/*
#cart > a > i::before {
    content: "" !important;
    background: url(icons/top-cart.svg) no-repeat center center;
    height: 24px;
    width: 24px;
}
 */
#cart > a > i::after {
    content: "Корзина";
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(136, 136, 136, 1);
    margin-left: 10px;
}
#cart > a {
    padding: 8px 17px;
    background: rgba(242, 242, 242, 1);
    border-radius: 37px;
}
#cart > a > i {
    -ms-flex-direction: row;
    flex-direction: row;
    height: 30px;
}
#cart-items.count-badge {
    position: absolute;
    left: 20px;
    top: -10px;
    right: unset;
}
html.route-information-contact .site-wrapper > h1.page-title > span {
    color: #000;
    font-family: 'Inter';
    font-weight: 600;
    background: url(icons/AddressBookTabs.png) no-repeat left center;
    padding-left: 45px;
    display: inline-block;
}
html.information-3 .site-wrapper > h1.page-title > span {
    color: #000;
    font-family: 'Inter';
    font-weight: 600;
    background: url(icons/pr.svg) no-repeat left center;
    padding-left: 45px;
    display: inline-block;
}
html:not(.popup) .page-title {
    font-family: 'Inter';
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: center;
    background: none;
    color: rgba(0, 0, 0, 1);
    padding-bottom: 20px;
}
.breadcrumb {
    text-align: left;
}
.breadcrumb::before {
    content: unset;
}
.breadcrumb li:first-of-type a i::before {
    color: rgba(136, 136, 136, 1);
}
.products-filter {
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-width: unset;
    border-top-width: unset;
    border-bottom-width: unset;
    border-style: unset;
    border-color: unset;
}
.products-filter {
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-width: unset;
    border-top-width: unset;
    border-bottom-width: unset;
    border-style: unset;
    border-color: unset;
    display: block;
}
.products-filter .input-group-addon {
    background: none;
    font-family: 'Inter';
    font-size: 18px;
    font-weight: 600;
    line-height: 18.9px;
    text-align: left;
    color: rgba(136, 136, 136, 1);
}
.products-filter .select-group .form-control {
    width: auto;
    padding: 0;
    background: none !important;
    border: 0 none !important;
    font-family: 'Inter';
    font-size: 18px;
    font-weight: 400;
    line-height: 18.9px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(0, 0, 0, 1);
}
.products-filter .select-group .form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("icons/select.svg") right center no-repeat !important;
    padding-right: 15px;
}
.products-filter .select-group select.form-control::-ms-expand {
    display: none; /* удалите стрелку по умолчанию в IE 10 и 11 */
}
.nice-select::after {
    content: unset;
}
.nice-select .current {
    margin-top: 5px;
    display: block;
    margin-right: 10px;
}
.one-column #content .main-products.product-grid .product-layout:not(.swiper-slide) {
    padding: 15px;
    width: calc(100% / 4 - 20px);
    border-radius: 15px;
    border: 1px solid rgba(227, 227, 227, 1);
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);

}
.one-column #content .main-products.product-grid .product-layout:hover {
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.4);
}
.product-grid:not(.swiper-wrapper), .isotope-grid, .module-products-list .product-list:not(.swiper-wrapper) {
    gap: 20px;
}
.main-products.product-grid .product-thumb .name {
    display: flex;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    justify-content: flex-start;
    margin-left: 0;
    margin-right: unset;
    padding: 0;
    padding-bottom: 5px;
    margin-top: 35px;
}
.main-products.product-grid .product-thumb .name a {
    font-family: Inter;
    font-size: 21px;
    font-weight: 600;
    line-height: 24.15px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #000;
}
.main-products.product-grid .product-thumb .price {
    display: block;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    padding: 8px;
    padding-top: 5px;
    padding-right: 0px;
    padding-left: 0px;
    border-width: 0;
    border-top-width: 0;
    border-style: solid;
    border-color: rgba(223, 231, 247, 1);
    color: rgba(136, 136, 136, 1);
    font-family: 'Inter';
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: -0.02em;
    text-align: left;

}
.main-products.product-grid.product-grid .product-thumb .button-group {
    background: unset;
}
.main-products.product-grid .product-thumb .btn-cart.btn {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(254, 89, 0, 1);
    padding: 10px 15px;
    border-radius: 4px;
    color: #fff;
    font-family: 'Inter';
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.03em;
    text-align: center;
    text-transform: uppercase;
    margin-top: 12px;
}
.btn-cart::before, .fa-shopping-cart::before {
    content: unset !important;
}
.pagination-results {
    margin-top: 50px;
    border-radius: 30px;
    padding-bottom: 10px;
}
.pagination-results > div {
    width: 100%;
}
.pagination {
    justify-content: center;
    position: relative;
    align-items: center;
    gap: 35px;
}
.left-pside {
    position: absolute;
    left: 25px;
    display: flex;
    height: 100%;
    align-items: center;
    gap: 20px;
}
.right-pside {
    position: absolute;
    right: 25px;
    display: flex;
    height: 100%;
    align-items: center;
    gap: 20px;
}
.right-pside li, .left-pside li {
    list-style: none;
}
.pagination > li > a {
    font-size: 18px;
    font-weight: 600;
}
.module-filter-36 .extra-controls input {
    background: rgba(247, 247, 247, 1);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgba(227, 227, 227, 1) !important;
    border-radius: 10px !important;
    box-shadow: none;
    height: 40px;
}
.module-filter-36 .irs-slider {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.15);
    width: 21px;
    height: 21px;
    transform: translateY(5px);
    border: 1px solid rgba(254, 89, 0, 1);
    top: 23px;
}
.module-filter-36 .irs-bar {
    background: rgba(254, 89, 0, 1);
}
.module-filter-36 .irs-line {
    background: rgba(227, 227, 227, 1);
}
.title.module-title, .panel-group .panel-heading a {
    font-family: 'Inter';
    font-weight: 600;
    font-size: 18px;
    text-transform: unset;
    white-space: normal;
}
.title::after, .title.page-title > span::after {
    height: 0;
}
.module-filter .panel-title {
    padding-top: 20px !important;
}
.module-filter .panel-group .module-item:nth-child(2) .panel-title {
    padding-top: 0 !important;
}
.module-filter .panel-group .module-item:nth-child(2) .panel-heading {
    border-top-width: 0 !important;
}
.module-filter .panel-group .module-item:nth-child(2) {
    margin-top: 0 !important;
}
.module-filter .panel-group .module-item:nth-child(2) .panel-title a {
    padding-top:0;
}
#column-left {
    border-width: 0;
    padding-top: 0;
}
label {
    font-size: 14px;
    color: #000;
}
.module-filter-36 label img {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(227, 227, 227, 1);
    border-radius: 10px;
}
.module-filter-36 label input:checked + img {
    border-color: rgba(254, 89, 0, 1);
    border-radius: 10px;
}
.module-filter .panel-body > div > label .links-text {
    margin: 0 5px 0 10px;
}
.module-filter .panel-body > div > label {
    position: relative;
}
.module-filter-36 label input:checked + img + span.links-text::before {
    content: "";
    background: rgba(254, 89, 0, 0.3);
    position: absolute;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    left: 5px;
    top: 5px;
}
.panel-group .panel-active .panel-heading a::before {
    content: "" !important;
    font-family: icomoon !important;
    color: rgba(255, 89, 0, 1);
    background: url("icons/select.svg") right center no-repeat !important;
}
.panel-group .panel-heading a::before {
    content: "" !important;
    font-family: icomoon !important;
    color: rgba(255, 89, 0, 1);
    background: url("icons/select.svg") right center no-repeat !important;
    width: 14px;
    height: 9px;
    transform: rotate(180deg);
}
.panel-group .panel-active .panel-heading a::before {
    content: "" !important;
    font-family: icomoon !important;
    color: rgba(255, 89, 0, 1);
    background: url("icons/select.svg") right center no-repeat !important;
    width: 14px;
    height: 9px;
    transform: rotate(0deg);
}
.module-filter-36 {
    position: relative;
    padding-bottom: 70px;
}
.module-filter-36 > .title.module-title {
    position: absolute;
    bottom: 0;
}
.module-filter-36 > .title.module-title span {
    display:none;
}
.reset-filter.btn {
    border: 1px solid rgba(136, 136, 136, 1);
    border-radius: 70px;
    background: none;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    padding: 15px;
    line-height: 18px;
}
.reset-filter.btn::before {
    content: unset !important;
}

/* Mobile filter: show close + apply after title controls move to header */
.mobile-header-active .mobile-filter-container .mobile-wrapper-header {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 0 8px 0 12px;
    min-height: 48px;
    background: #fff;
    border-bottom: 1px solid #e3e3e3;
}
.mobile-header-active .mobile-filter-container .mobile-wrapper-header > span {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    flex: 1 1 auto;
}
.mobile-header-active .mobile-filter-container .mobile-wrapper-header .reset-filter.btn {
    width: auto !important;
    min-height: 36px;
    padding: 8px 14px !important;
    font-size: 13px;
    line-height: 1.2;
    white-space: nowrap;
}
.mobile-header-active .mobile-filter-container .mobile-wrapper-header .x {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px;
    position: relative;
    z-index: 2;
}
.mobile-header-active .mobile-filter-container .mobile-wrapper-header .x::before {
    content: ' d7';
    font-size: 28px;
    line-height: 1;
    color: #29292b;
}
.mobile-header-active .mobile-filter-wrapper {
    position: relative !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    padding: 0 0 24px 0 !important;
    box-sizing: border-box;
}
.mobile-header-active .mobile-filter-wrapper .module-filter {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding-bottom: 24px !important;
}
.mobile-header-active.mobile-filter-container-open .mobile-filter-container {
    display: flex !important;
    flex-direction: column !important;
    height: calc(100dvh - var(--zb-filter-panel-top, 60px)) !important;
    max-height: calc(100dvh - var(--zb-filter-panel-top, 60px)) !important;
    overflow: hidden !important;
}
.mobile-header-active .mobile-filter-apply {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    margin: 0 15px calc(12px + max(16px, env(safe-area-inset-bottom, 0px))) !important;
    z-index: 10050 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 12px 16px !important;
    border-radius: 70px !important;
    background: #2eaf23 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-align: center;
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
}
.mobile-header-active.mobile-filter-container-open .mobile-filter-apply {
    display: flex !important;
}
@media (max-width: 768px) {
  .mobile-filter-container .mobile-wrapper-header {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 0 8px 0 12px;
    min-height: 48px;
    background: #fff;
    border-bottom: 1px solid #e3e3e3;
  }
  .mobile-filter-container .mobile-wrapper-header > span {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    flex: 1 1 auto;
  }
  .mobile-filter-container .mobile-wrapper-header .reset-filter.btn {
    width: auto;
    min-height: 36px;
    padding: 8px 14px;
    font-size: 13px;
    line-height: 1.2;
    white-space: nowrap;
  }
  .mobile-filter-container .mobile-wrapper-header .x {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    position: relative;
    z-index: 2;
  }
  .mobile-filter-container .mobile-wrapper-header .x::before {
    content: ' d7';
    font-size: 28px;
    line-height: 1;
    color: #29292b;
  }
  .mobile-filter-wrapper {
    position: relative !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    padding: 0 0 24px 0 !important;
    box-sizing: border-box;
  }
  .mobile-filter-wrapper .module-filter {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding-bottom: 24px !important;
  }
  .mobile-filter-container-open .mobile-filter-container {
    display: flex !important;
    flex-direction: column !important;
    height: calc(100dvh - var(--zb-filter-panel-top, 60px)) !important;
    max-height: calc(100dvh - var(--zb-filter-panel-top, 60px)) !important;
    overflow: hidden !important;
  }
  .mobile-filter-apply {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    margin: 0 15px calc(12px + max(16px, env(safe-area-inset-bottom, 0px))) !important;
    z-index: 10050 !important;
    display: none;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 16px;
    border-radius: 70px;
    background: #2eaf23 !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
  }
  .mobile-filter-container-open .mobile-filter-apply {
    display: flex !important;
  }
}

.product-info .product-left {
    width: 50%;
    max-width: 440px;
}
.product-info .product-right {
    width: calc(100% - 440px);
    padding-left: 30px;
}
.product-info .product-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 30px;
}
.product-blocks.blocks-top {
    width: calc(100% - 360px);
}
.add-to-cart-block {
    width: 300px;
}
.product-info .button-group-page .stepper input.form-control {
    background: rgba(247, 247, 247, 1) !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgba(227, 227, 227, 1) !important;
    border-radius: 70px !important;
    box-shadow: none;
    height: 50px;
    width: 240px;
}
.route-product-product:not(.popup) .product-info .button-group-page .stepper {
    height: auto;
    width: 100%;
    margin: 0 auto;
    border: 0 none;
    position: relative;
}
.fa-angle-up::before {
    content: "+";
}
.fa-angle-down::before {
    content: "-";
}
.fa.fa-angle-up {
    position: absolute;
    right: 20px;
    font-size: 26px;
    font-weight: 600;
    font-family: 'Inter';
}
.fa.fa-angle-down {
    position: absolute;
    left: 20px;
    font-size: 26px;
    font-weight: 600;
    font-family: 'Inter';
}
.add-to-cart-block-wrap {
    padding: 30px;
    background: #fff;
    border: 1px solid rgba(227, 227, 227, 1);
    border-radius: 30px;
}
.product-price {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 15px;
}
.product-info .button-group-page .btn-cart.btn {
    background: rgba(254, 89, 0, 1);
    padding: 19px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 70px;
    font-size: 18px;
    margin-top: 25px;
    text-transform: unset;
}
.route-product-product:not(.popup) .product-info .product-details .rating {
    order: -6;
    margin-top: 15px;
}
.product-info .product-details .rating .fa-star, .product-info .product-details .rating .fa-star + .fa-star-o {
    color: rgba(254, 89, 0, 1);
}
.route-product-product:not(.popup) .product-info .product-details .product-stats {
    order: -5;
}
.product-info .product-stats li::before {
    content: unset;
    font-family: 'Inter';
    font-size: 10px;
}
.product-info .product-stats .in-stock span {
    color: #000;
}
.product-info .product-stats .product-stock b {
    display: block;
    color: rgba(136, 136, 136, 1);
}
.product-info .product-stats b {
    font-weight: 400;
    margin-right: 3px;
    color: rgba(136, 136, 136, 1);
}
.route-product-product:not(.popup) .product-info .product-left {
    border: 0 none;
}
.product-image img {
    width: 100%;
    height: auto;
    border: 1px solid rgba(227, 227, 227, 1);
    border-radius: 30px;
}
.module-blocks-285 .module-item-1 .block-body .block-content {
    font-size: 18px;
}
html.information-4:not(.popup) .site-wrapper > h1.page-title > span {
    display: inline-block;
    margin: 0 auto;
    font-family: 'Inter';
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    background: url(image/about-h3.svg) no-repeat left center;
    padding-left: 45px;
}
.site-wrapper > h1.page-title.url--delivery > span {
    display: inline-block !important;
    margin: 0 auto !important;
    font-family: 'Inter' !important;
    font-size: 40px !important;
    font-weight: 600 !important;
    line-height: 40px !important;
    text-align: center !important;
    background: url(icons/delivery.png) no-repeat left center !important;
    padding-left: 50px !important;
}
.module-title-304 h3 {
    font-family: 'Inter';
    font-weight: 700;
    font-size: 40px;
    color: #000;
    padding-left: 45px;
}
.module-title-304 h3 {
    font-family: 'Inter';
    font-weight: 700;
    font-size: 40px;
    color: #000;
    padding-left: 45px;
    background: url(icons/hands.svg) no-repeat left center;
}
.module-title-305 h3 {
    font-family: 'Inter';
    font-weight: 600;
    font-size: 35px;
    color: #000;
    padding-left: 45px;
    background: url(icons/delivery.svg) no-repeat left center;
}
.module-title-304 .title-wrapper, .module-title-305 .title-wrapper {
    text-align: center;
    margin: 30px 0;
}
.module-banners .module-item > a img {
    width: 100%;
    height: 100%;
    object-fit: unset;
    border-radius: 20px;
    border-radius: 30px;
    border: 1px solid rgba(227, 227, 227, 1);
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.05);

}
.module-banners .module-item > a::after, .module-banners .module-item > a::before {
    content: unset;
}
.module-banners.module-banners-286 .module-item > a img {
    width: auto;
    height: auto;
}
.module-banners.module-banners-286 .module-item > a {
    height: auto;
}
.module-banners-286 .swiper-buttons div, .module-gallery-306 .swiper-buttons div {
    width: 50px;
    height: 50px;
    background: url(icons/swip.png) no-repeat center center !important;
    box-shadow: unset;
    background-size: cover !important;
}
.module-banners-286 .swiper-buttons div.swiper-button-prev, .module-gallery-306 .swiper-buttons div.swiper-button-prev {
    transform: rotate(180deg);
    top: -40px;
}
.module-banners-286 .swiper-button-next {
    top: -10px;
}
.module-banners-286 .swiper-buttons .swiper-button-next::before, .module-banners-286 .swiper-buttons div::before, .module-gallery-306 .swiper-buttons div::before,
.module-gallery-306 .swiper-buttons .swiper-button-next::before {
    content: unset !important;
}
.information-4 .grid-row-content-top-2 .grid-col-content-top-2-2 {
    order: 1;
}
.module-blocks-287.blocks-grid .module-item:not(.swiper-slide) {
    padding: 25px;
    width: calc(100% / 3 - 15px);
    background: rgba(247, 247, 247, 1);
    height: unset;
    border-radius: 30px;
}
.module-blocks-287 .module-body {
    gap: 20px;
}
.module-blocks-287 .module-item .module-title {
    font-size: 30px;
    font-weight: 600;
    padding-left: 90px;
    min-height: 60px;
    display: flex;
    align-items: center;
}
.module-blocks-287 .module-item .module-title::after {
    content:unset;
}
.module-blocks-287 .module-item-1 .module-title {
    background: url(icons/d1.svg) no-repeat left center;
}
.module-blocks-287 .module-item-2 .module-title {
    background: url(icons/d2.svg) no-repeat left center;
}
.module-blocks-287 .module-item-3 .module-title {
    background: url(icons/d3.svg) no-repeat left center;
}
.module-gallery-306 .title.module-title {
    font-family: 'Inter';
    font-weight: 600;
    font-size: 40px;
    color: #000;
    display: inline-block;
    padding-left: 45px;
    background: url(icons/galary.svg) no-repeat left center;
    margin: 70px 0 35px 0;
}
.module-gallery-306 .title.module-title::after {
    content: unset;
}
.module-gallery-306{
    text-align: center;
}
.information-5 .page-title span {
    padding-left: 45px;
    background: url(icons/geo.svg) no-repeat left center;
    display: inline-block !important;
}
.post-grid .post-thumb .image img {
    filter: unset;
}
.information-3 .grid-col-content-top-1-1, .information-3 .grid-col-content-top-1-2 {
    width: 100%;
}
.module-blocks-289 .module-item-1 .module-title {
    font-size: 18px;
    text-transform: none;
    font-weight: 400;
}
.module-blocks-289 .module-item-1 .block-html ul {
    padding-left:0;
    margin-bottom: 30px;
}
.module-blocks-289 .module-item-1 .block-html li {
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    list-style:none;
    position: relative;
    padding: 0 0 0 15px;
    margin: 5px 0;
}
.module-blocks-289 .module-item-1 .block-html li::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: rgba(254, 89, 0, 1);
    border-radius: 50%;
    left: 0;
    top: calc(50% - 3px);
}
.module-blocks-289 .module-item-1 .block-body .block-content {
    font-size: 18px;
}
.flex-item-ul li {
    list-style:none;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -0.02em;
    text-align: left;
    height: 40px;
    margin-bottom: 15px;
}
.flex-item-ul li span {
    background: linear-gradient(287.31deg, #444A60 3.68%, #000000 99.08%);
    padding: 10px 25px;
    border-radius: 70px;
}
.flex-item-ul li:hover span {
    background: rgba(254, 89, 0, 1);
}
.module.module-blocks.module-blocks-308.blocks-grid {
    margin-top: 90px;
}
footer {
    font-family: 'Inter';
    padding: 25px;
}
footer > div {
    background: linear-gradient(287.31deg, #444A60 3.68%, #000000 99.08%);
    border-radius: 30px;
    padding: 30px;
}
footer .flex.sb:last-child {
    margin-top: 15px;
}
.flex.sb {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.ld {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
}
.big {
    font-size: 48px;
    font-weight: 600;
    line-height: 48px;
    letter-spacing: -0.02em;
    text-align: left;
    color:#fff;
}
.or {
    font-size: 32px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.03em;
    text-align: left;
    color: rgba(254, 89, 0, 1);
}
.d-none {
    display: none;
}
.footer-btn .btn {
    background-color: rgba(254, 89, 0, 1);
    font-size: 28px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.03em;
    text-align: center;
    color: #fff;
    padding: 22px 28px 22px 28px;
    text-transform: unset;
    border-radius: 70px;
    display:flex;
}
.footer-btn .btn:hover {
    color: rgba(254, 89, 0, 1) !important;
    background: #fff !important;
}
.footer-btn .btn::after {
    content: "";
    background: url(icons/f-PhoneCall.svg) no-repeat center center;
    width: 28px;
    height: 28px;
    margin-left: 10px;
}
.footer-btn .btn:hover::after {
    content: "";
    background: url(icons/f-PhoneCall-hover.svg) no-repeat center center;
}
.footer-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.footer-menu a {
    font-size: 22px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #fff;
}
.right-menu-footer a {
    font-size: 26px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #fff;
}
.right-menu-footer .j-menu > li:first-child::after {
    content: "/";
    color: rgba(180, 180, 180, 1);
    position: absolute;
    right: 0;
    top: 3px;
    font-size: 26px;
    line-height: 26px;
}
.right-menu-footer .j-menu > li:first-child {
    padding-right: 10px;
}
.footer-bottom {
    display: flex;
    justify-content: center;
    gap: 30px;
    color: rgba(180, 180, 180, 1);
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid rgba(180, 180, 180, 1);
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
}
.footer-bottom a {
    color: rgba(180, 180, 180, 1);
    font-size: 16px;
    font-weight: 400;
    text-decoration: underline;
}
.layout-15 .site-wrapper > .container {
    max-width: 1400px;
}
.blog-title {
    background: url(icons/news.svg) no-repeat left center;
    padding-left: 45px;
    display: inline-block !important;
}
.post-grid .post-thumb .image img {
    border-radius: 10px;
}
.post-grid .post-thumb .name {
    display: flex;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    justify-content: flex-start;
    margin-left: unset;
    margin-right: unset;
    padding: 5px;
    margin-top: 10px;
    padding-left: 0;
}
.post-grid .post-thumb .name a {
    font-size: 24px;
    font-weight: 600;
    line-height: 33.6px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #000;
}
.post-grid .post-thumb .description {
    display: block;
    color: #000;
    text-align: left;
    padding: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
    margin-top: 10px;
}
.post-grid .post-thumb .btn-read-more.btn, .post-grid .post-thumb .btn-read-more.btn:visited {
    display: none;
}
.quick-checkout-wrapper > div {
    display: block;
}
.quick-checkout-wrapper > div .right {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 35px;
}

.checkout-section {
    background: none !important;
    padding: 0 !important;
    margin-bottom: 20px;
}
.checkout-section .table-responsive {
    background: none !important;
    margin-bottom: 20px;
    width: 100%;
    max-width: calc(100% - 335px);
    min-width: 320px;
    padding: 25px !important;
}
.quick-checkout-wrapper .section-body {
    display: flex;
    -webkit-box-orient: unset;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 35px;
}
.quick-checkout-wrapper .cart-section .table-responsive + table {
    border-top-width: 0 !important;
    margin-top: 0;
    width: 300px;
}
.right-cs table tfoot td {
    background: none;
}
.right-cs {
    width: 300px;
    padding: 25px;
    border-radius: 30px;
    background: #fff;
    border: 1px solid rgba(227, 227, 227, 1);
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.05);
    max-height: 300px;
}
.right-cs .tr {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    position: relative;
}
.right-cs .table-bordered .tr:nth-child(2) {
    display: none;
}
.right-cs .table-bordered .text-left, .right-cs .table-bordered .text-right {
    background: #fff;
    position: relative;
    z-index: 9;
}
.checkout-section.section-login, .checkout-section.shipping-payment {
    display: none !important;
}
.quick-checkout-wrapper div .title.section-title {
    font-family: 'Inter';
    font-weight: 600;
    font-size: 24px;
    text-transform: unset;
    white-space: normal;
    overflow: visible;
    text-overflow: initial;
    padding: 0 0 25px 0;
    border-bottom: 1px solid rgba(227, 227, 227, 1);
}
.quick-checkout-wrapper > div .left {
    width: calc(100% - 335px);
    min-width: 320px;
}
.checkout-section.section-register, .checkout-section.payment-address, .checkout-section.shipping-address, .checkout-section.confirm-section {
    padding: 25px !important;
    border: 1px solid rgba(227, 227, 227, 1);
    border-radius: 30px;
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.05);
}
.quick-checkout-wrapper .left > form {
    padding-left: 20px;
}
.quick-checkout-wrapper .left .section-body {
    gap: 25px;
}
.quick-checkout-wrapper .left .section-body .form-group {
    width: 312px;
}
.quick-checkout-wrapper .left .section-body .form-group input {
    width: 100%;
    height: 50px;
    background: rgb(247, 247, 247) !important;
    border: 1px solid rgb(227, 227, 227) !important;
    border-radius: 10px !important;
}
.quick-checkout-wrapper .payment-address .section-body > div:not(.checkbox), .quick-checkout-wrapper .shipping-address .section-body > div:not(.checkbox) {
    /* display: -webkit-box; */
    /* display: -ms-flexbox; */
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: unset;
    flex-wrap: wrap;
    gap: 25px;
}
.checkbox.checkout-same-address {
    display: none;
}
.quick-checkout-wrapper select.form-control {
    height: 50px;
    border-radius: 10px !important;
    background: rgb(247, 247, 247) !important;
    border: 1px solid rgb(227, 227, 227) !important;
}
.checkout-section .btn.btn-danger .fa-times-circle::before {
    content: '' !important;
    background: url(icons/x.svg) no-repeat center center;
    width: 30px;
    height: 30px;
    display: block;
}
.checkout-section .btn.btn-danger {
    background: none !important;
}
.checkout-section .section-comments {
    width: 100%;
}
.checkout-section .section-comments textarea {
    width: 100%;
}
textarea.form-control {
    background: rgba(247, 247, 247, 1) !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgba(227, 227, 227, 1) !important;
    border-radius: 10px !important;
    box-shadow: none;
}
.tocat a.btn {
    background: none;
    color: #000;
    padding-right: 0;
    padding-left: 0;
    width: 100% !important;
    border: 1px solid rgba(136, 136, 136, 1);
    border-radius: 70px;
    height: 50px;
    font-family: 'Inter';
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: -0.03em;
    text-align: center;
    text-transform: unset;
}
.buttons .pull-right .tocat a.btn::after {
    content:unset !important;
}
.tocat {
    width: 100%;
    margin-top: 20px;
}
.td-product a {
    color: #000;
}
.block-html li {
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    list-style: none;
    position: relative;
    padding: 0 0 0 15px;
    margin: 5px 0;
}
.block-html li::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: rgba(254, 89, 0, 1);
    border-radius: 50%;
    left: 0;
    top: calc(50% - 3px);
}
.block-html .flex-item-ul li::before {
    content:unset;
}
.btn {
    border-radius: 70px;
}
.container.blog-post {
    max-width: 1400px !important;
}
.container.blog-post #content {
    padding-top: 30px;
    padding-bottom: 30px;
    max-width: 690px;
}
.container.blog-post #content .page-title {
    font-family: 'Inter';
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: left;
    margin: 30px 0 40px 0;
    padding-left: 0;
}
.post-content {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 18px;
    color: #000;
    line-height: 30px;
}
.p-date-image {
    background: none;
    font-family: 'Inter';
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(136, 136, 136, 1);
    position: static;
    display: block;
    margin-left: 0;
    padding-left: 0;
}
.blog-post .post-details .post-stats {
    border: 0 none;
}
.post-image img {
    border-radius: 30px;
}

.post-image{
    margin: 30px 0px;
}


.module-banners-251 .module-body {
    max-width: 1400px;
    margin: 35px auto 0 auto;
}
@media (max-width: 1140px) and (min-width: 760px) {
    .module-banners-251 .banner-caption span {
        font-size: 12px;
        padding: 8px 12px;
        min-height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px;
    }
    .module-banners .module-item > a img {
        width: 100%;
        height: auto;
        object-fit: unset;
        border-radius: 10px;
        border: 1px solid rgba(227, 227, 227, 1);
        box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.05);
    }
    .catalog-title-custom {
        font-size: 35px;
    }

    .module-title-299 h3 {
        font-size: 35px;
    }

    .module-title-300 h3 {
        font-size: 35px;
    }

    .module-banners-251 .module-item:not(.swiper-slide) {
        height: 200px;
        margin-bottom: 20px;
    }
    .module-banners .module-item > a {
        height: 112px;
        border-radius: 20px;
        overflow: visible;
    }
    .module-info_blocks-266 .module-body {
        padding: 20px 15px;
    }
    .module-info_blocks .module-body {
        gap: 10px;
    }
    .module-info_blocks-266 .module-item-1 .info-block::before {
        content: '' !important;
        background: url(icons/np1.png) no-repeat center top;
        width: 90px;
        height: 100px;
        background-size: 100px;
    }
    .module-info_blocks-266 .module-item-2 .info-block::before,
    .module-info_blocks-266 .module-item-3 .info-block::before,
    .module-info_blocks-266 .module-item-4 .info-block::before {
        width: 90px;
        height: 100px;
        background-size: 100px;
    }
    .module-info_blocks-266 .info-block {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        text-align: center;
        flex-wrap: wrap;
    }
    .module-info_blocks-266 .info-block .info-block-title {
        font-size: 15px;
        text-align: center;
        line-height: 20px;
    }
    .module-info_blocks-266 .info-block .info-block-text {
        color: rgba(0, 0, 0, 0.6);
        font-weight: 400;
        display: block;
        text-align: center;
        line-height: 20px;
        font-size: 12px;
    }
    .module-products-27 .product-layout:not(.swiper-slide) {
        margin-left: 10px;
        width: calc(100% / 4 - -40px);
    }

    .module-info_blocks-266 .module-item:not(.swiper-slide) {
        width: calc(100% / 4 - 8px);
    }

    .ms-inner-controls-cont {
        height: 400px !important;
    }

    .ms-scale-view {
        height: 400px !important;
    }

    .ms-btn-container {
        top: 300px !important;
        max-width: 1000px !important;
    }

    .j-menu {
        display: flex;
        flex-direction: column;
    }

    .menu-item.top-menu-item.top-menu-item-1::after {
        display: none;
    }

    .module-title-297 h3 {
        font-size: 35px;
    }
    .about-text {
        font-size: 15px;
        padding-right: 5px;
    }

    .big {
        font-size: 50px;
        margin-left: 30px;
    }

    .or {
        font-size: 30px;
    }

    .footer-menu {
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .module-gallery .module-item > a img {
        width: 97%;
    }
    .module-products-27 .product-grid.product-grid .product-thumb .buttons-wrapper {
        order: 5;
    }
    .module-products-27 .product-grid .product-thumb .btn-cart .btn-text {
        display: block;
    }
    .module-products-27 .product-grid .product-thumb .name a {
        white-space: normal;
        overflow: visible;
        text-overflow: initial;
        font-family: 'Inter';
        font-weight: 600;
        font-size: 15px;
        color: rgba(41, 41, 43, 1);
        text-align: left;
    }
    .module-products-27 .product-grid .product-thumb .price {
        color: rgb(136, 136, 136);
        font-family: "Inter";
        font-size: 13px;
        font-weight: 500;
        line-height: 25px;
        letter-spacing: -0.02em;
        text-align: left;
    }
    .module-products-27 .product-grid .product-thumb .name {
        margin-top: 15px;
    }
    .module-products-27 .product-grid .product-thumb .btn-cart.btn {
        margin-top: 0;
    }
    .module-products-27 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .module-blocks-287.blocks-grid .module-item:not(.swiper-slide) {
        padding: 25px;
        width: 100%;
        background: rgba(247, 247, 247, 1);
        height: unset;
        border-radius: 30px;
    }
    .module-blocks-287 .module-item .module-title {
        font-size: 24px;
    }
    .module-blocks-287 .module-body {
        padding: 0 20px;
    }
    .module-gallery-45 .module-body {
        padding: 0 20px;
        gap: 15px;
    }
}
@media (max-width: 768px) {
    .ms-inner-controls-cont {
        height: 400px !important;
    }

    .ms-scale-view {
        height: 400px !important;
    }

    .ms-btn-container {
        top: 300px !important;
        max-width: 1000px !important;
    }

    .catalog-title-custom {
        font-size: 25px;
    }

    .module-title-299 h3 {
        font-size: 25px;
    }

    .module-title-300 h3 {
        font-size: 25px;
    }

    .menu-trigger {
        order: 4;
    }
    .mobile-header-active .mobile-1 .mobile-bar-group {
        gap: 5px;
    }
    .mobile-header-active .mobile-1 .mobile-bar-group > div.mini-search,
    .mobile-header-active .mobile-1 .mobile-bar-group > div.mini-cart {
        height: 38px;
    }
    .mobile-header-active .mobile-custom-menu {
        display: none;
    }
    .mobile-header-active .mini-search #search {
        /*width: 79px;*/
    }
    .mobile-header-active .mini-search #search .search-trigger {
        width: 100%;
    }
    .mobile-header-active .mini-search .search-trigger::before {
        content: '\ebaf' !important;
        font-family: icomoon !important;
        font-size: 20px;
        left: 7px;
        position: absolute;
        top: calc(50% - 10px);
        line-height: 20px;
    }
    .mini-search .search-trigger::after {
        content: 'Поиск' !important;
        font-family: Inter;
        font-size: 12px;
        font-weight: 400;
        line-height: 12px;
        letter-spacing: -0.02em;
        text-align: left;
        color: rgba(136, 136, 136, 1);
        margin-left: 10px;
        top: 25px;
    }
    .mobile-header-active .mobile-1 #cart > a {
        height: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: center;
        justify-content: flex-start;
    }
    /*
    .mobile-header-active .mobile-1 #cart > a {
        padding: 8px 0;
        width: 91px;
    }
     */
    .mobile-header-active #cart > a > i::after {
        left: 55px;
        font-size: 12px;
    }
    .mobile-header-active .menu-trigger::before {
        content: '\e5d2' !important;
        font-family: icomoon !important;
        font-size: 20px;
        color: rgba(254, 89, 0, 1);
        line-height: 20px;
        padding: 9px;
        background: rgba(242, 242, 242, 1);
        border-radius: 50%;
    }
    .mobile-overlay {
        overflow: visible;
    }
    .mobile-header-active .site-wrapper {
        overflow: visible;
    }
    .mobile-header-active.mobile-header-active .mobile-container {
        width: 100%;
        top: 60px;
        position: fixed;
    }
    .mobile-overlay .site-wrapper::before {
        content: unset;
    }
    .mobile-header-active .mobile-wrapper-header {
        /*display: none;*/
        
        
    }
    .mobile-wrapper-header .reset-filter.btn {
         width: auto;
    }
    .mobile-wrapper-header > a {
        border: 1px solid rgba(136, 136, 136, 1);
        border-radius: 70px;
    }
    .mobile-header-active .mobile-main-menu-container {
        background-image: unset;
        box-shadow: 0px 28px 28px 0px rgba(0, 0, 0, 0.2);
        background: #fff;
        height: auto;
        border-radius: 0 0 36px 36px;
    }
    .mobile-header-active .mobile-bar {
        box-shadow: unset;
    }
    /*
    .module-master_slider-242 .ms-view, .module-master_slider .ms-slide,
    .ms-slide .ms-slide-bgcont img {
        width: 100% !important;
        height: 347px !important;
    }
    .ms-slide .ms-slide-bgcont img {
        object-fit: cover;
        border-radius: 24px;
    }

    .module-master_slider .ms-slide .ms-slide-layers {
        position: static !important;
    }


    .module-subitem.module-subitem-1.ms-layer.ms-layer-text.ms-caption.ms-hover-active {
        width: 100%;
        text-align: center;
        top: 60px;
        font-size: 32px;
        font-weight: 600;
        line-height: 38px;
    }
     */
    .sl-flex span {
        background: rgba(0, 0, 0, 1);
        padding: 7px 11px 7px 11px;
        border-radius: 70px;
        font-family: Inter;
        font-size: 21px;
        font-weight: 500;
        line-height: 21px;
        text-align: center;
    }
    .sl-flex {
        display: flex;
        justify-content: center;
        gap: 5px;
        flex-wrap: wrap;
        margin-top: 10px;
    }
    #top {
        padding: 0 10px;
        margin-top: 0;
    }
    /*
    .module-master_slider-242 .module-item-4 .module-subitem-2.ms-layer-button {
        margin-top: -130px !important;
    }
    */
    .route-common-home .grid-row.grid-row-top-1 {
        margin-top: 0;
    }
    .mobile-main-menu-wrapper {
        display:flex;
        flex-wrap:wrap;
    }
    .j-menu2 {
        order: 2;
        padding-left: 15px;
        margin-top: 15px;
    }
    .j-menu2 a {
        font-family: 'Inter';
        font-size: 24px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: -0.02em;
    }
    .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu > li > a {
        font-size: 20px;
        line-height: 20px;
        position: relative;
    }
    .j-menu {
        margin-top: 10px !important;
        display: block;
    }
    .mobile-main-menu-wrapper .main-menu .open-menu i::before {
        content: "" !important;
        font-size: 11px;
        position: relative;
        background: url(icons/ad.svg) no-repeat center center;
        height: 16px;
        width: 16px;
        transform: rotate(0deg) !important;
        display: block;
        margin-left: 20px;
    }
    .m-top-menu-item-1 a {
        font-family: Inter;
        font-size: 18px;
        padding: 5px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: -0.02em;
        text-align: center;
        color: #000;
    }
   .grid-row.grid-row-top-8, .grid-row.grid-row-top-7{
        margin-top: 0px;
        margin-bottom: -20px;
    }
    .grid-row.grid-row-top-7{
        margin-top: 10px;
    }
    .grid-col.grid-col-top-2-3{
        margin-top: 0px;
        margin-bottom: -20px;
    }
    .module-title-305 h3{
          /* background: url(icons/delivery.svg) no-repeat 70px center; */
          background-attachment: scroll;
          font-size: 20px;
    }
    .url--terms.page-title span{
        background: url(icons/geo.svg) no-repeat 70px center;
        background-attachment: scroll;
    }
    .post-grid .post-thumb .btn-read-more.btn, .post-grid .post-thumb .btn-read-more.btn:visited{
        display:block;
    }
    .module-title-283 .title-wrapper{
        padding-bottom: 0px;
        font-size: 20px;
    }
    .m-top-menu-item-1.flex a:nth-child(2) {
        font-size: 0 !important;
        padding: 14px !important;
        margin-right: 5px;
        background: url(icons/tg.svg) no-repeat center center;
    }
    .m-top-menu-item-1.flex a:nth-child(3) {
        font-size: 0 !important;
        padding: 14px !important;
        margin-right: 5px;
        background: url(/image/catalog/logos/max.png) no-repeat center center;
        background-size: contain;
    }
    .m-top-menu-item.m-top-menu-item-1.flex {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .footer-btn .btn {
        font-size: 20px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.03em;
        text-align: center;
        color: #fff;
        padding: 12px 28px 12px 28px;
        text-transform: unset;
        border-radius: 70px;
        display: flex;
    }
    .footer-btn.footer-btn-menu {
        margin-top: 10px;
    }
    .mobile-header-active .mobile-main-menu-wrapper {
        padding-bottom: 25px;
    }
    .mobile-header-active .menu-trigger.active::before {
        /*content: '' !important;*/ /* сокрытие гамбургера */
        padding: 19px;
    }
    .module-title-296 h3 {
        font-size: 20px;
    }
    .module-banners-251 .banner-caption span {
        font-size: 12px;
        padding: 8px 12px;
        min-height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    .module-body .banner-caption {
        margin-bottom: 0 !important;
    }
    .module-banners .module-item > a img {
        border-radius: 10px;
    }
    .module-banners .module-item > a img {
        width: 100%;
        height: auto;
        object-fit: unset;
        border-radius: 20px;
        border-radius: 10px;
        border: 1px solid rgba(227, 227, 227, 1);
        box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.05);
    }
    .module-banners-251 .module-item:not(.swiper-slide) {
        height: 150px;
    }
    .module-banners .module-item > a {
        height: 112px;
        border-radius: 20px;
        overflow: visible;
    }
    .module-button-284 .btn {
        transform: unset;
        transform-origin: center;
        width: auto;
        background: rgba(255,89,0,1);
        margin-top: 30px;
        padding: 16px 24px;
        border-radius: 70px;
        font-size: 20px;
        line-height: 20px;
        text-transform: unset;
    }
    .grid-row-top-3 {
        background: linear-gradient(287.31deg, #444A60 3.68%, #000000 99.08%);
        padding: 25px 15px;
        border-radius: 30px;
        color: #fff;
    }
    .module-title-297 h3 {
        font-size: 24px;
    }
    .about-text {
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: -0.02em;
        text-align: left;
    }
    .about-text {
        margin-bottom: 25px;
    }
    #operation1 .flex-item {
        width: 100%;
        min-width: 280px;
    }
    #operation1 .flex-item:last-child {
        display: flex;
        flex-wrap: wrap;
    }
    #operation1 .flex-item:last-child .about-img {
        order: 2;
    }
    #operation1 .flex-item:last-child .btn {
        order: 3;
        font-size: 16px;
        padding: 12px 20px;
        margin-top: 30px;
        width: 100%;
    }
    #operation1 .flex-item:last-child .about-text {
        margin-top: 25px;
        max-width: unset;
    }
    .module-title-299 h3 {
        font-size: 24px;
        line-height: 36px;
    }
    .module-title-299 {
        padding-top: 0;
    }
    .module-info_blocks-266 .module-body {
        padding: 0;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .module-info_blocks .module-body {
        gap: 10px;
    }
    .module-info_blocks-266 .module-item:not(.swiper-slide) {
        padding: 10px;
        width: calc(50% - 5px);
        border-radius: 30px;
    }
    .module-info_blocks-266 .module-item-1 .info-block::before {
        content: '' !important;
        background: url(icons/np1.png) no-repeat center top;
        width: 90px;
        height: 100px;
        background-size: 100px;
    }
    .module-info_blocks-266 .module-item-2 .info-block::before,
    .module-info_blocks-266 .module-item-3 .info-block::before,
    .module-info_blocks-266 .module-item-4 .info-block::before {
        width: 90px;
        height: 100px;
        background-size: 100px;
    }
    .module-info_blocks-266 .info-block {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        text-align: center;
        flex-wrap: wrap;
    }
    .module-info_blocks-266 .info-block .info-block-title {
        color: #000;
        font-weight: 600;
        text-transform: none;
        margin-bottom: 15px;
        display: block;
        font-size: 15px;
        text-align: left;
        line-height: 15px;
    }
    .module-info_blocks-266 .info-block .info-block-text {
        color: rgba(0, 0, 0, 0.6);
        font-weight: 400;
        display: block;
        text-align: left;
        line-height: 12px;
        font-size: 12px;
    }
    .module-title-300 h3 {
        font-size: 24px;
    }
    .product-grid:not(.swiper-wrapper), .isotope-grid, .module-products-list .product-list:not(.swiper-wrapper) {
        gap: 10px;
    }
    .module-products-27 .product-layout:not(.swiper-slide) {
        width: calc(50% - 5px);
    }
    .module-products-27 .product-grid.product-grid .product-thumb .buttons-wrapper {
        order: 5;
    }
    .module-products-27 .product-grid .product-thumb .btn-cart .btn-text {
        display: block;
    }
    .module-products-27 .product-grid .product-thumb .name a {
        white-space: normal;
        overflow: visible;
        text-overflow: initial;
        font-family: 'Inter';
        font-weight: 600;
        font-size: 15px;
        color: rgba(41, 41, 43, 1);
        text-align: left;
    }
    .module-products-27 .product-grid .product-thumb .price {
        color: rgb(136, 136, 136);
        font-family: "Inter";
        font-size: 13px;
        font-weight: 500;
        line-height: 25px;
        letter-spacing: -0.02em;
        text-align: left;
    }
    .module-products-27 .product-grid .product-thumb .name {
        margin-top: 15px;
    }
    .module-products-27 .product-grid .product-thumb .btn-cart.btn {
        margin-top: 0;
    }
    .grid-row-top-7 .grid-cols .grid-col-top-7-2 {
        order:0;
    }
    .grid-row-top-7 .grid-cols .grid-col-top-7-1 {
        order: 1;
        margin-top: 10px;
        padding-bottom: 0;
    }
    .grid-row-top-7 {
        padding: 20px 0;
    }
    .grid-col-top-7-1 {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .module-info_blocks-280 .info-block {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }
    footer {
        padding: 0 10px;
    }
    .big {
        font-size: 32px;
        font-weight: 600;
        line-height: 48px;
        letter-spacing: -0.02em;
        text-align: left;
        color: #fff;
        clear: right;
        display: block;
    }
    .or {
        font-size: 18px;
        font-weight: 500;
        line-height: 32px;
        letter-spacing: -0.03em;
        text-align: left;
        color: rgba(254, 89, 0, 1);
    }
    .logo-footer {
        display: flex;
        align-items: center;
        gap: 20px;
    }
    .footer-menu a {
        font-size: 18px;
        font-weight: 400;
        line-height: 18px;
        width: 100%;
    }
    .footer-menu {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        margin-top: 15px;
    }
    .right-menu-footer .j-menu > li:first-child::after {
        content: unset;
    }
    .menu-item.top-menu-item.top-menu-item-2 {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        align-items: center;
    }
    .menu-item.top-menu-item.top-menu-item-2 a:nth-child(2), .menu-item.top-menu-item.top-menu-item-2 a:nth-child(3) {
        font-size: 0 !important;
        padding: 14px !important;
        margin-right: 5px;
    }
    .menu-item.top-menu-item.top-menu-item-2 a:nth-child(2) {
        display: none !important;
    }

    .j-menu > li > a {
        padding: 0;
        width: auto;
    }
    .right-menu-footer a {
        font-size: 22px;
    }
    .mobile .j-menu {
        display: flex;
        flex-direction: column;
        margin-top: 20px !important;
    }
    footer > div {
        padding: 30px 20px;
    }
    .footer-bottom {
        display: flex;
        justify-content: center;
        gap: 10px;
        color: rgba(180, 180, 180, 1);
        margin-top: 25px;
        padding-top: 25px;
        border-top: 1px solid rgba(180, 180, 180, 1);
        font-family: Inter;
        font-size: 13px;
        font-weight: 400;
        flex-wrap: wrap;
        text-align: center;
    }
    .footer-bottom a {
        color: rgba(180, 180, 180, 1);
        font-size: 13px;
        font-weight: 400;
        text-decoration: underline;
    }
    .accordion-menu .open-menu {
        position: relative;
        right: 0;
        top: 12px;
        background: url(icons/ad.svg) no-repeat center center;
        display:none;
    }
    .accordion-menu .open-menu .fa-plus {
        display:none;
    }
    .accordion-menu .collapse {
        display: block;
    }
    .mobile .j-menu .j-menu {
        margin-top: 0 !important;
    }
    .mobile .j-menu .j-menu li a {
        font-size: 16px !important;
        line-height: 16px !important;
    }
    .mobile-header-active header {
        z-index: 15;
        position: fixed;
        width: 100%;
        top: 0;
    }
    .module-blocks-285 .block-html img {
        float: none !important;
        display: block;
    }
    .module-blocks-287.blocks-grid .module-item:not(.swiper-slide) {
        padding: 25px;
        width: 100%;
        background: rgba(247, 247, 247, 1);
        height: unset;
        border-radius: 30px;
    }
    .module-blocks-287 .module-item .module-title {
        font-size: 24px;
    }
    .module-gallery-288 .module-body {
        gap: 10px;
    }
    .module-gallery-288 .module-item:not(.swiper-slide) {
        padding: 0px;
        width: calc(50% - 10px);
    }
    .module-gallery-288 .gallery-image-caption {
        font-size: 14px;
    }
    .route-information-contact .grid-row.grid-row-top-1 {
        width: 100%;
        max-width: 100%;
        margin-top: 0;
    }
    .route-information-contact #top .grid-rows {
        flex-wrap: wrap;
    }
    html.route-information-contact .site-wrapper > h1.page-title {
        margin-bottom:20px;
    }
    .module-gallery-291 .module-item:not(.swiper-slide), .module-gallery-294 .module-item:not(.swiper-slide), .module-gallery-295 .module-item:not(.swiper-slide) {
        padding: 10px;
    }
}

.checkout-payment-details {
    display: none;
}

.section-register .account-pass,
.section-register .account-pass2 {
   display: none;
}

.checkout-section.payment-address {
    display: none;
}

#content .rating.rating-page {
    display: none;
}

#logo a {
    min-width: 100px;
}

@media (max-width: 1200px) {
    .site-wrapper #cart > a > i::after,
    .mini-search .search-trigger::after {
        display: none;
    }
}

.module-subitem > b {
    color: white;
    background-color: black;
    padding: 22px 28px;
    border-radius: 50px;
    text-transform: uppercase;
}

@media (max-width: 1280px) {
    .module-subitem > b {
        padding: 10px 15px;
        border-radius: 15px;
    }
}


/*страница доставки - начало */
.wrap {
    width: 100%;
    max-width: var(--container-w);
    margin: 0 auto;
    background: transparent
}

.hero {
    background: linear-gradient(90deg, rgba(217, 115, 13, 0.06), rgba(255, 255, 255, 0));
    padding: 22px 24px;
    border-radius: 10px;
    margin-bottom: 22px;
    box-shadow: 0 6px 20px rgba(16, 24, 40, 0.04)
}

@media (max-width: 768px) {
    .hero {
        margin-top: 20px;
    }
}

.eyebrow {
    font-size: 13px;
    color: var(--muted);
    font-weight: 600;
    letter-spacing: 0.6px
}

h1 {
    margin: 6px 0 0;
    font-size: 28px;
    line-height: 1.15
}

p.lead {
    margin-top: 8px;
    color: var(--muted);
    max-width: 780px
}

.delivery-list {
    display: flex;
    flex-direction: column;
    gap: 18px
}

.delivery-card {
    background: var(--card, #fff);
    border-radius: 12px;
    padding: 22px;
    box-shadow: 0 8px 30px rgba(17, 24, 39, 0.04);
    border: 1px solid rgba(16, 24, 40, 0.03)
}

.delivery-item {
    display: flex;
    align-items: center; /* Было flex-start — теперь по центру */
    gap: 16px;
}

.icon {
    width: 54px;
    height: 54px;
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(217,115,13,0.12), rgba(217,115,13,0.06));
    position: relative;
    overflow: hidden;
}

.icon img {
    width: 70%;
    height: 70%;
    object-fit: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* центрирует иконку независимо от прозрачных полей */
}


.delivery-body {
    flex: 1
}

.delivery-head {
    display: flex;
    align-items: center;
    gap: 12px
}

.delivery-head h3 {
    margin: 0;
    font-size: 20px
}

.delivery-body p {
    margin: 8px 0 0;
    color: var(--muted, #6b7280);
    line-height: 1.5
    font-size: 18px
}

.benefits {
    margin: 10px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.chip {
    background: #fff1e2;
    border: 1px solid rgba(217, 115, 13, 0.12);
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 15px;
    color: #734411;
}

.sep {
    height: 6px;
    border: 0;
    margin: 24px 0;
    border-radius: 6px;
    background: linear-gradient(90deg, rgba(217, 115, 13, 1) 0%, rgba(217, 115, 13, 0.6) 40%, rgba(255, 191, 102, 0.4) 100%)
}

.footer-note {
    font-size: 13px;
    color: var(--muted, #6b7280);
    margin-top: 12px
}

.grid-production {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        margin-bottom: 50px;
    }

    .card-production {
        background: #fff;
        border-radius: 12px;
        padding: 20px;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    }

    .card-production h3 {
        margin-top: 0;
        color: #D45C24;
        font-size: 19.5px;
        margin-bottom: 12px;
        line-height: 1.5;
    }

    .card-production p {
        font-size: 19.5px;
        line-height: 1.6;
        margin: 0;
    }

.production-block h2 {
        color: #ff7f11;
        /* оранжевый заголовок */
        font-size: 36px;
        margin-bottom: 40px;
        text-align: center;
        margin-top: 30px;
    }

.production-block h3 {
        color: #ff7f11;
        /* оранжевый заголовок */
        font-size: 30px;
        margin-bottom: 40px;
        text-align: center;
        margin-top: 30px;
    }

.production-block {
        /*min-height: 100vh;*/
        /*padding: 20px;*/
        display: flex;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
    }
    
    .production-list {
        width: 100%;
        /* max-width: 800px; */
        display: flex;
        flex-direction: column;
        gap: 20px;
        /* расстояние между плашками */
    }

    .production-item {
        background: linear-gradient(145deg, #ffffff, #fdfdfd);
        /* легкий градиент */
        padding: 25px 30px;
        border-radius: 12px;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
        /* мягкая тень */
        transition: transform 0.3s, box-shadow 0.3s;
        border: 1px solid #ff7f1138;
    }

    .production-item:hover {
        transform: translateY(-5px);
        box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
    }

    .production-item strong {
        color: #1b1b2f;
        font-size: 19.5px;
        display: block;
        margin-bottom: 5px;
    }

    .production-item p {
        margin: 0;
        font-size: 19.5px;
        color: #333;
        line-height: 1.5;
    }

@media (min-width: 1024px) {

.grid-production {
            grid-template-columns: repeat(2, 1fr);
        }

        .icon {
            position: relative;
            top: 50%;
            transform: none;
        }

        .production-block h2 {
            font-size: 30px;
        }

.production-block h3  {
            font-size: 28px;
        }
    }

@media (max-width: 863px) {
        .production-block h2 {
            font-size: 28px;
            margin-bottom: 20px;
            margin-top: 20px;
        }

        .production-block h3  {
            font-size: 25px;
            margin-bottom: 20px;
            margin-top: 20px;
        }
}

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

        .card-production h3{
            font-size: 18px;
        }

        .card-production p{
            font-size: 18px;
        }

.production-item {
            padding: 20px 25px;
        }
.production-list{
            margin-top: 10px;
margin-bottom: 50px;
        }
    }


@media (min-width: 1025px) {
    .icon {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
}


@media (max-width:700px) {
    h1 {
        font-size: 22px
    }

    .delivery-card {
        padding: 16px
    }
}

/*страница доставки - конец*

/*категории на главной(8шт) - начало*/
.cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  max-width: 1500px;  /* ширина блока, подогнать под размеры */
  margin: 0 auto;
  padding-bottom: 25px;
  padding-top: 25px;
}


.card {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  cursor: pointer;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  text-decoration: none;
  color: inherit;
  display: block;
  height: 100%;
}


.card:hover {
  transform: scale(1.03);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}


.card img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}


.card__label {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  background-color: #02152d; /* фон плашки */
  color: #fff;
  text-align: center;
  padding: 15px 0px 20px 0px;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.2;
  transition: background-color 0.3s ease, font-size 0.3s ease, padding 0.3s ease;
}


.card:hover .card__label {
  background-color: #ff5900; /* оранжевая при наведении */
}


/* 📱 Адаптивность */
@media (max-width: 992px) {
  .cards {
    grid-template-columns: repeat(2, 1fr);
  }
}


@media (max-width: 768px) {
  .card__label {
    font-size: 1.4rem;
    padding: 15px 0;
    bottom: -2px;
  }
}


@media (max-width: 480px) {
  .card__label {
    font-size: 1.2rem;
    padding: 13px 0;
    bottom: -4px;
  }
}

/*категории на главной(8шт)- конец*/


@media (max-width: 500px) {

    .module-master_slider-242 .module-item-3 .module-subitem-1.ms-layer-text {
        margin-top: 30% !important;
    }

    .ms-inner-controls-cont {
        height: 200px !important;
    }

    .ms-scale-view {
        height: 400px !important;
    }

    .ms-btn-container {
        top: 200px !important;
    }

    .catalog-title-custom {
        font-size: 20px;
    }

    .module-title-299 h3 {
        font-size: 20px;
    }

    .module-title-300 h3 {
        font-size: 20px;
    }
}

/* карточки доставки - начало*/

.transport-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  max-width: 1500px;
  margin: 0 auto;
  padding: 25px 0;
  align-items: stretch;
margin: 0px 20px 0px 20px;
}

.transport-item {
  background-color: #f8f9fb;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  transition: box-shadow 0.3s ease;
}

.transport-item:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

.transport-item__top {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  gap: 15px;
}

.transport-item__icon {
  width: 60px;
  height: 60px;
  object-fit: contain;
}

.transport-item__heading {
  font-size: 2.5rem;
  color: #02152d;
  margin: 0;
  font-family: 'Inter';
}

.transport-item__desc {
  font-size: 1.8rem;
  line-height: 1.5;
  color: #333;
  margin: 0;
}

/* Адаптивность */
@media (max-width: 992px) {
  .transport-grid {
     grid-template-columns: 1fr;
  }
}

@media (max-width: 858px) {

  .transport-item {
    padding: 20px;
margin: 0px 20px 0px 20px;
  }

  .transport-item__icon {
    width: 50px;
    height: 50px;
  }

  .transport-item__heading {
    font-size: 2.2rem;
  }

  .transport-item__desc {
    font-size: 1.7rem;
  }
}

@media (max-width: 858px) {

  .transport-item {
    padding: 20px;
margin: 0px 10px 0px 10px;
  }
}

/* карточки доставки - конец*/

/* карточки преимуществ - начало*/

.feature-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  max-width: 1500px;
  margin: 0 auto;
  padding: 25px 20px;
  align-items: stretch;
}

.feature-item {
  background-color: #f8f9fb;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  transition: box-shadow 0.3s ease;
  text-align: center;
}

.feature-item:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

.feature-item__icon {
  width: 150px;
  height: 150px;
  object-fit: contain;
  margin: 0 auto 15px auto;
}

.feature-item__heading {
  font-size: 2.5rem;
  color: #02152d;
  margin: 0 0 10px 0;
  font-family: 'Inter';
}

.feature-item__desc {
  font-size: 1.8rem;
  line-height: 1.5;
  color: #333;
  margin: 0;
}

/* Адаптивность */
@media (max-width: 1200px) {
  .feature-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

  .feature-item {
    padding: 20px;
  }

  .feature-item__icon {
    width: 120px;
    height: 120px;
  }

  .feature-item__heading {
    font-size: 2.2rem;
  }

  .feature-item__desc {
    font-size: 1.7rem;
  }
}

/* карточки преимуществ - конец*/


/* контакты - начало*/

.contact-cards {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 450px; /* можно менять */
}

.contact-card {
  background-color: #f8f9fb;
  border-radius: 12px;
  padding: 15px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.3s ease;
}

.contact-card:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

.contact-card__top {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  gap: 10px;
}

.contact-card__icon {
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.contact-card__heading {
  font-size: 1.8rem;
  color: #02152d;
  margin: 0;
  font-family: 'Inter';
}

.contact-card__desc {
  font-size: 1.7rem;
  line-height: 1.4;
  color: #333;
  margin: 0;
}

.contact-card__desc a {
 color: #000000; /* изначально черный */
  text-decoration: none;
  transition: color 0.3s ease;
}

.contact-card__desc a:hover {
  color: rgba(255,89,0,1); /* оранжевый при наведении */
  text-decoration: underline;
}

.contact-card__messengers {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}

.contact-card__messengers a img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

.contact-card__messengers a img:hover {
  transform: scale(1.1); /* лёгкий эффект при наведении */
}

/* Адаптивность */
@media (max-width: 1024px) {

.contact-cards {
    max-width: 100%;   /* убираем ограничение 450px */
    width: 100%;       /* контейнер растягивается на всю ширину */
    /*padding: 0 15px; */  /* небольшой отступ от краёв экрана */
    box-sizing: border-box;
  }

  .contact-card {
    padding: 12px;
width: 100%; 
 max-width: 100%;
    box-sizing: border-box; 
  }

  .contact-card__icon {
    width: 30px;
    height: 30px;
  }

  .contact-card__heading {
    font-size: 1.8rem;
  }

  .contact-card__desc {
    font-size: 1.6rem;
  }

.contact-card__desc a {
    font-size: 1.6rem; /* телефон и email */
  }
  .contact-card__messengers a img {
    width: 25px;
    height: 25px;
  }
}

/* контакты - конец*/


/*для блога - начало*/

/* карточки 3 в ряд - начало */
.info-blocks {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin: 20px 0 20px 0;
}

/*если две карточки*/
.info-blocks-two {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin: 20px 0 20px 0;
}
/*если две карточки*/



/* Общие стили карточек */
.info-block {
  background-color: #f9fcff; /* светло-серо-голубой фон */
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.08);
  padding: 25px 20px;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.info-block:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 12px rgba(0,0,0,0.12);
}

/* Заголовок */
.info-title {
  color: #000;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 12px;
}

/* Текст */
.info-text {
  color: #333333;
  font-size: 18px;
  line-height: 1.5;
}

@media (max-width: 1024px) {
  .info-blocks {
    grid-template-columns: 1fr;
  }
  .info-title{
    font-size: 20px;
  }

}
/* карточки 3 в ряд - конец */


/*списки - плашки - начало*/
.info-sections {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 20px 0 20px 0;
}

/* Общие стили секций */
.info-section {
  background-color: #f9fcff; /* светло-серо-голубой фон */
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.08); /* легкая тень */
  padding: 25px 20px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.info-section:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(0,0,0,0.12);
}

/* Заголовки секций */
.section-title {
  color: #000; /* цвет заголовка */
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 12px;
}

/* Параграфы */
.info-section p {
  color: #333333;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 12px;
}

/* Списки */
.info-section ul {
  list-style-type: disc;
  padding-left: 20px;
  color: #333333;
}

.info-section ul li {
  margin-bottom: 6px;
  line-height: 1.5;
}

/* Адаптивность */
@media (min-width: 768px) {
  .info-sections {
    gap: 32px;
  }
  .section-title{
    font-size: 20px;
  }
}

/*списки - плашки - конец*/

/*текст + картинка - начало*/
.text-image-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
  padding: 20px 0 20px 0;
}

/* Текст */
.text-content {
  flex: 1 1 400px; /* минимальная ширина текста */
  color: #333;
}

.text-content h2 {
  color: #000; /*  заголовок */
  font-size: 25px;
  margin-bottom: 12px;
}

.text-content h3 {
  color: #000; /*  заголовок */
  font-size: 22px;
  margin-bottom: 12px;
}

.text-content p {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 12px;
}

/* Картинка */
.image-content {
  flex: 1 1 400px;
}

.image-content img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  display: block;
}

/* Адаптивность */
@media (max-width: 768px) {
  .text-image-block {
    flex-direction: column; /* текст сверху, картинка снизу */
  }

  .text-content,
  .image-content {
    flex: 1 1 100%;
  }

  .text-content h2{
    font-size: 22px;
  }

  .text-content h3{
    font-size: 20px;
  }
}
/*текст + картинка - конец*/

/*для блога - конец*/


/*слайдер - начало*/
.hero-2{
   position: relative;
  width: 100%;
  max-width: 100%;
  height: 80vh;
  min-height: 420px;
  margin-bottom: 60px;
  overflow: hidden;
  box-sizing: border-box;
}

.slides{
  display:flex;
  width:100%;
 flex-wrap: nowrap;
  height:100%;
  transition: transform 1s ease;
  will-change: transform;
}

.slide{
  flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
}

.slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  max-width: 100%;
}

.slide::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1;
}

.center-text{
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  z-index: 2;
  padding: 0 15px;
  width: 90%;
  max-width: 900px;
  box-sizing: border-box;
}

.center-text span{
  font-size:clamp(22px,4vw,40px);
  margin-bottom:15px;
line-height: 1.2;
}

/*.center-text h1{
  font-size:clamp(22px,4vw,50px);
  margin-bottom:15px;
line-height: 1.2;
}*/

.center-text .changing{
  font-size:clamp(16px,2.5vw,24px);
  min-height:1.3em;
}

.form-wrapper {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: min(820px, calc(100% - 32px));
  background: linear-gradient(135deg, #f2f6fb, #e4ecf5);
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  padding: 20px;
  z-index: 2;
  box-sizing: border-box;
}

.form-grid {
  display: flex;
  gap: 30px;
  align-items: center;
}
.form-text {
  flex: 1.5;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.form-fields {
  flex: 2;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.form-fields input[type="tel"] {
  width: 100%;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #aaa;
  border-radius: 6px;
  box-sizing: border-box;
}

.form-fields button {
  width: 100%;
  padding: 10px;
  background: #ff7a00;
  border: none;
  border-radius: 6px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  box-sizing: border-box;
}

.consent {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  color: #444;
  line-height: 1.4;
}
.consent input {
  margin-top: 2px;
  flex-shrink: 0;
}

.consent span {
  word-break: break-word;
  overflow-wrap: break-word;
}
.form-fields button.is-disabled,
.form-fields button:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.btn-call-tel {
  transition: transform 0.3s ease !important;
}
.btn-call-tel:hover {
  transform: scale(1.05);
}

/* родительские контейнеры Journal3 — не даём вылезать за экран */
.grid-row-1 .grid-col-1,
.grid-row-1 .grid-item-1,
.grid-row-1 .block-content,
.grid-row-1 .block-wrapper {
  max-width: 100%;
  overflow-x: hidden;
}

@media (max-width: 768px) {
  .hero-2 {
    height: 68vh;
    min-height: 380px;
    margin-bottom: 40px;
  }
  .center-text {
    top: 30%;
    width: 92%;
    max-width: none;
    min-width: 0;
  }
  .center-text h1 {
    font-size: clamp(18px, 5vw, 28px);
  }

  .form-grid {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }
  .form-text {
    width: 100%;
    font-size: 16px;
    text-align: center;
  }
  .form-fields {
    width: 100%;
  }
  .consent {
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  .hero-2 {
    height: 70vh;
    min-height: 340px;
    margin-bottom: 30px;
  }
  .center-text {
    top: 26%;
  }
  .form-wrapper {
    bottom: 8px;
    padding: 12px;
  }
  .form-text {
    font-size: 14px;
  }
}
/*слайдер - конец*/



/* попап форма - начало */
.route-journal3-popup-page.module-popup-22 .site-wrapper {
  padding: 20px !important;
  box-sizing: border-box;
}
.popup.module-popup-22 .popup-content {
  padding: 20px !important;
  box-sizing: border-box;
}
/* попап форма - конец */

/* футер - начало*/
footer:not(.custom-footer-new) {
  display: none !important;
}
.custom-footer-new {
  display: block !important;
}

footer > div, .custom-footer-new {
  background: #1b2a4a;
  color: #fff;
  padding: 30px 50px;
  margin-top: 25px;
}
.footer-columns-new {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.footer-column-new {
  flex: 1;
  min-width: 0;
}
.logo-block {
  display: flex;
  gap: 15px;
  align-items: center;
  margin-bottom: 30px;
}
.logo-new {
  max-height: 80px;
 }
.slogan-new {
  font-size: 22px;
 }
.slogan-sub {
  font-size: 16px;
 }
.footer-column-new ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-column-new ul li {
  margin-bottom: 10px;
}
.footer-column-new a {
  color: #fff;
  text-decoration: none;
}
.footer-column-new a:hover {
  color: #ff5900;
}
.btn-call-new {
  display: inline-block;
  margin-top: 10px;
  padding: 8px 15px;
  background: #ff5900 !important;
  color: #fff !important;
  border-radius: 4px;
  transition: transform 0.3s ease !important;
}

.btn-call-new:hover {
  transform: scale(1.05) !important; /* увеличиваем */
  background: #ff5900 !important;    /* фон не меняется */
  color: #fff !important;            /* текст не меняется */
}
  
.socials-new a img {
  width: 30px;
  margin-right: 8px;
  vertical-align: middle;
}


.footer-bottom-new {
  margin-top: 20px;
  /*padding-top: 15px;*/
  border-top: 1px solid #222;
  display: flex;
  justify-content: center;
  position: relative;
  font-size: 14px;
}
.v-footer__bottom-sitis {
  position: absolute;
  right: 50px;
  display: flex;
  gap: 5px;
  color: #fff;
  font-size: 14px;
}
  
 .footer-column-new .footer-policy {
   font-size: 13px;
}
  
@media (max-width: 1120px) {
  footer > div, .custom-footer-new {
  	padding: 30px 20px;
  }
  .footer-column-new a {
  	font-size: 16px;
  }
  
  .footer-bottom-new {
  	font-size: 14px;
  }
}
  

@media (max-width: 1024px) {
  .footer-columns-new {
    flex-direction: column;
    align-items: center;
  gap: 30px;
  padding-bottom: 0px;
  }
  
  .footer-column-new {
    width: auto;          /* ???? было 100% */
    max-width: 420px;     /* ✅ аккуратная ширина */
    align-items: center;
    text-align: center;
  }
  
  .footer-bottom-new {
    flex-direction: column;
    align-items: center;
  }
  
  .v-footer__bottom-sitis {
    position: static;
    margin-top: 15px;
  }
    
.logo-block {
  	flex-direction: column;
  	align-items: center;
  	margin-bottom: 20px;
  }
}
  
@media (max-width: 768px) {
  .slogan-new {
  	font-size: 18px;
  }
  .slogan-sub {
  	font-size: 14px;
  	padding-bottom: 20px;
  }
}
  
@media (max-width: 500px) {
  .custom-footer-new {
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box;
    width: 100%;
    overflow-x: hidden;
  }
  .footer-bottom-new p {
  	text-align: center;
  }
}

/* футер - конец*/
.ads-cookie-banner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  background: #fff;
  border-top: 1px solid #e0e0e0;
  box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
  font-family: inherit;
}

.ads-cookie-banner[hidden] {
  display: none !important;
}

.route-journal3-popup-page .ads-cookie-banner,
html.popup-open .ads-cookie-banner {
  display: none !important;
}

.ads-cookie-banner__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 14px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.ads-cookie-banner__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: #333;
}

.ads-cookie-banner__text a {
  color: #0843cc;
  text-decoration: underline;
}
.ads-cookie-banner__text a:hover {
  text-decoration: none;
}

.ads-cookie-banner__btn {
  flex-shrink: 0;
  border: none;
  border-radius: 4px;
  padding: 10px 24px;
  background: #36901F;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease;
}

.ads-cookie-banner__btn:hover {
  background: #2d7819;
}

@media (max-width: 767px) {
  .ads-cookie-banner__inner {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
  }
  .ads-cookie-banner__btn {
    width: 100%;
  }
}

/* === ZB PRODUCT CARD REDESIGN === */
:root {
  --zb-orange: #ff5900;
  --zb-green: #2eaf23;
  --zb-out: #ff8a3d;
  --zb-text: #29292b;
  --zb-muted: #888888;
  --zb-border: #e3e3e3;
  --zb-bg: #f7f7f7;
  --zb-buy-w: 300px;
  --zb-media-w: 500px;
}

html.route-product-product:not(.popup) .breadcrumb {
  margin-bottom: 0;
}

html.route-product-product:not(.popup) #product-product {
  padding-top: 40px;
  padding-bottom: 50px;
}

html.route-product-product:not(.popup) .site-wrapper > h1.page-title,
html.route-product-product:not(.popup) #content > h1.page-title {
  display: none !important;
}

html.route-product-product:not(.popup) .product-blocks-233,
html.route-product-product:not(.popup) .module-blocks-48.blocks-tabs,
html.route-product-product:not(.popup) .product-blocks.blocks-top,
html.route-product-product:not(.popup) .vw768-show.prdDetail {
  display: none !important;
}

.zb-pcard {
  display: flex !important;
  flex-direction: column !important;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

.zb-pcard.product-info,
.product-info.zb-pcard {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
}

.zb-pcard__main {
  display: grid !important;
  grid-template-columns: var(--zb-media-w) minmax(0, 1fr) var(--zb-buy-w) !important;
  grid-template-rows: auto 1fr !important;
  column-gap: 30px !important;
  row-gap: 16px !important;
  align-items: start !important;
  width: 100% !important;
}

.zb-pcard .product-left,
.zb-pcard .product-right {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.zb-pcard__content,
.zb-pcard__details,
.zb-pcard__body {
  display: contents !important;
}

/* Figma: image | (badges+title+attrs) | buy */
.zb-pcard__media {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.zb-pcard__head {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  min-width: 0;
  margin: 0 !important;
}

.zb-pcard__meta {
  order: 1 !important;
}

.zb-pcard__title,
#product-product .zb-pcard h1.zb-pcard__title,
#product-product .zb-pcard h1.title.page-title,
.zb-pcard .product-details .zb-pcard__title.page-title,
.product-info.zb-pcard .product-details .page-title.zb-pcard__title {
  order: 2 !important;
}

.zb-pcard__attrs {
  grid-column: 2 !important;
  grid-row: 2 !important;
  min-width: 0;
}

.zb-pcard__buy {
  grid-column: 3 !important;
  grid-row: 1 / span 2 !important;
  width: 100% !important;
  align-self: start !important;
}

.zb-pcard__media .product-image {
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 1 / 1;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--zb-border);
  border-radius: 16px;
  background: #fff;
}

.zb-pcard__media .product-image .main-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  z-index: 1;
}

.zb-pcard__media .product-image .main-image .swiper-container,
.zb-pcard__media .product-image .main-image .swiper-wrapper,
.zb-pcard__media .product-image .main-image .swiper-slide {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

.zb-pcard__media .product-image .main-image .swiper-wrapper {
  transform: translate3d(0, 0, 0) !important;
}

.zb-pcard__media .product-image .main-image .swiper-slide:not(.swiper-slide-active) {
  visibility: hidden !important;
  pointer-events: none !important;
}

.zb-pcard__media .product-image .main-image .swiper-slide {
  display: flex !important;
  align-items: center;
  justify-content: center;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.zb-pcard__media .product-image .main-image img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff;
  display: block;
}

.zb-pcard__media .product-image .additional-images {
  display: none !important;
}

.zb-pcard .product-image .swiper-controls,
.zb-pcard .product-image .swiper-buttons,
.zb-pcard .product-image .swiper-button-prev,
.zb-pcard .product-image .swiper-button-next,
.zb-pcard .product-image .swiper-pagination {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.zb-pcard .product-image .main-image {
  cursor: zoom-in;
}


.zb-pcard__title,
#product-product .zb-pcard h1.zb-pcard__title,
#product-product .zb-pcard h1.title.page-title,
.zb-pcard .product-details .zb-pcard__title.page-title,
.product-info.zb-pcard .product-details .page-title.zb-pcard__title {
  display: block !important;
  visibility: visible !important;
  order: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: Inter, Manrope, sans-serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: var(--zb-text) !important;
  text-align: left !important;
  background: none !important;
  text-transform: none !important;
  white-space: normal !important;
}

.zb-pcard__title::after,
.zb-pcard__title.page-title > span::after {
  display: none !important;
  content: none !important;
}

.zb-pcard__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
}

.zb-pcard__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 4px 12px;
  border-radius: 6px;
  border: 1px solid transparent;
  font-family: Inter, Manrope, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
}

.zb-pcard__badge--in {
  background: #e8f6e9;
  border-color: #cfe9d1;
  color: #2eaf23;
}

.zb-pcard__badge--out {
  background: #fff4ec;
  border-color: #ffd7bf;
  color: #ff5900;
}

.zb-pcard__sku {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  margin: 0;
  padding: 4px 12px;
  border: 1px solid var(--zb-border);
  border-radius: 6px;
  background: #fff;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--zb-text);
}

.zb-pcard__sku span {
  color: var(--zb-muted);
  margin-right: 4px;
}

.zb-pcard__attrs-title {
  margin: 0 0 16px;
  font-family: Inter, Manrope, sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--zb-text);
}

.zb-pcard__attrs-list {
  list-style: none;
  margin: 0;
  padding: 0;
  background: transparent;
}

.zb-pcard__attrs-item {
  display: flex;
  align-items: baseline;
  flex-wrap: nowrap;
  gap: 8px;
  margin: 0;
  padding: 9px 0;
  font-size: 15px;
  line-height: 1.35;
  border: 0 !important;
  background: transparent !important;
  color: var(--zb-text);
}

.zb-pcard__attrs-item:nth-child(even) {
  background: transparent !important;
}

.zb-pcard__attrs-name {
  flex: 0 1 auto;
  max-width: 48%;
  color: var(--zb-muted);
  font-weight: 400;
  white-space: nowrap;
}

.zb-pcard__attrs-dots {
  flex: 1 1 auto;
  display: block !important;
  min-width: 20px;
  height: 0;
  margin: 0 4px;
  border: 0;
  border-bottom: 1px dotted #c8c8c8;
  transform: translateY(-5px);
  align-self: center;
}

.zb-pcard__attrs-value {
  flex: 0 1 auto;
  max-width: 48%;
  color: var(--zb-text);
  font-weight: 700;
  text-align: right;
  white-space: normal;
  word-break: break-word;
}

.zb-pcard__attrs-list--tabs {
  max-width: 720px;
}

.zb-pcard__attrs-list--tabs .zb-pcard__attrs-item {
  display: flex;
}

.zb-pcard .add-to-cart-block,
.zb-pcard__buy.add-to-cart-block {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  position: static !important;
}

.zb-pcard__buy-inner,
.zb-pcard .add-to-cart-block-wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  padding: 16px !important;
  background: #fff !important;
  border: 1px solid var(--zb-border) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Kill Journal3 sticky cart bar inside product card */
.zb-pcard .button-group-page,
.zb-pcard__actions,
.zb-pcard .product-details .button-group-page,
.route-product-product:not(.popup) .zb-pcard .product-details .button-group-page,
.route-product-product:not(.popup) .product-info.zb-pcard .product-details .button-group-page {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  top: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  order: unset !important;
}

.zb-pcard__price-wrap,
.zb-pcard .product-price-group {
  margin: 0 !important;
  background: none !important;
  padding: 0 !important;
}

.zb-pcard__price,
.zb-pcard .product-price,
.zb-pcard .product-price-new {
  display: block !important;
  font-family: Inter, Manrope, sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: var(--zb-text) !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

.zb-pcard__price-unit {
  font-size: 16px !important;
  font-weight: 400 !important;
  color: var(--zb-text) !important;
}

.zb-pcard__price--request {
  font-size: 22px !important;
}

.zb-pcard .product-price-old {
  margin-top: 4px;
  font-size: 16px;
  color: var(--zb-muted);
}

.zb-pcard__actions .buttons-wrapper,
.zb-pcard .buttons-wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.zb-pcard__cart-row,
.zb-pcard .stepper-group.cart-group {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  flex-grow: 0 !important;
}

.zb-pcard__stepper {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  width: 100% !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  height: 48px !important;
  margin: 0 !important;
  border: 1px solid var(--zb-border) !important;
  border-radius: 8px !important;
  background: #fff !important;
  position: relative;
  overflow: hidden;
}

.zb-pcard__stepper .form-control,
.zb-pcard .button-group-page .stepper input.form-control {
  width: 48px !important;
  height: 48px !important;
  margin: 0 auto !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  border-radius: 0 !important;
  color: var(--zb-text) !important;
  padding: 0 !important;
}

.zb-pcard__qty-btn {
  width: 48px;
  height: 48px;
  border: 0;
  background: transparent;
  color: var(--zb-text);
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  flex-shrink: 0;
}

.zb-pcard__qty-btn:hover {
  color: var(--zb-orange);
}

.zb-pcard__btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100% !important;
  min-height: 48px;
  padding: 12px 14px !important;
  border-radius: 8px !important;
  font-family: Inter, Manrope, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  text-decoration: none !important;
  border: 1px solid transparent !important;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
  box-shadow: none !important;
}

.zb-pcard__cart-row .zb-pcard__btn-cart,
.zb-pcard__cart-row a.zb-pcard__btn-cart {
  width: 100% !important;
  flex: 0 0 auto !important;
}

.zb-pcard__btn::before,
.zb-pcard__btn-cart::before {
  display: none !important;
  content: none !important;
}

.zb-pcard__btn-icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.zb-pcard__btn-icon--orange { display: none; }

.zb-pcard__btn-cart,
.zb-pcard a.zb-pcard__btn-cart,
.zb-pcard .button-group-page .btn-cart.btn {
  background: var(--zb-orange) !important;
  color: #fff !important;
  border-color: var(--zb-orange) !important;
  margin-top: 0 !important;
  width: 100% !important;
}

.zb-pcard__btn-cart .btn-text,
.zb-pcard a.zb-pcard__btn-cart .btn-text {
  color: #fff !important;
}

.zb-pcard__btn-cart::before,
.zb-pcard .button-group-page .btn-cart::before {
  display: none !important;
  content: none !important;
}

.zb-pcard__btn-cart:hover,
.zb-pcard__btn-cart:focus,
.zb-pcard__btn-cart:active,
.zb-pcard a.zb-pcard__btn-cart:hover,
.zb-pcard a.zb-pcard__btn-cart:focus,
.zb-pcard a.zb-pcard__btn-cart:active,
.zb-pcard .button-group-page .btn-cart.btn:hover,
.zb-pcard .button-group-page .btn-cart.btn:focus,
.zb-pcard .button-group-page .btn-cart.btn:active,
.desktop .zb-pcard__btn-cart:hover,
.desktop .zb-pcard .button-group-page .btn-cart.btn:hover {
  background: #fff !important;
  color: var(--zb-orange) !important;
  border-color: var(--zb-orange) !important;
  box-shadow: none !important;
}

.zb-pcard__btn-cart:hover .btn-text,
.zb-pcard__btn-cart:focus .btn-text,
.zb-pcard__btn-cart:active .btn-text,
.zb-pcard a.zb-pcard__btn-cart:hover .btn-text,
.zb-pcard a.zb-pcard__btn-cart:focus .btn-text,
.zb-pcard .button-group-page .btn-cart.btn:hover .btn-text,
.desktop .zb-pcard__btn-cart:hover .btn-text {
  color: var(--zb-orange) !important;
}

.zb-pcard__btn-cart:hover .zb-pcard__btn-icon--white,
.zb-pcard__btn-cart:focus .zb-pcard__btn-icon--white { display: none !important; }
.zb-pcard__btn-cart:hover .zb-pcard__btn-icon--orange,
.zb-pcard__btn-cart:focus .zb-pcard__btn-icon--orange { display: inline-block !important; }

.zb-pcard__btn-oneclick {
  background: #fff !important;
  color: var(--zb-orange) !important;
  border-color: var(--zb-orange) !important;
}

.zb-pcard__btn-oneclick:hover,
.desktop .zb-pcard__btn-oneclick:hover {
  background: var(--zb-orange) !important;
  color: #fff !important;
  border-color: var(--zb-orange) !important;
  box-shadow: none !important;
}

.zb-pcard__wholesale {
  margin-top: 4px;
  padding: 14px;
  background: var(--zb-bg);
  border-radius: 8px;
}

.zb-pcard__wholesale-title {
  margin: 0 0 6px;
  font-family: Inter, Manrope, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--zb-text);
}

.zb-pcard__wholesale-text {
  margin: 0 0 12px;
  font-size: 13px;
  line-height: 1.4;
  color: var(--zb-muted);
}

.zb-pcard__btn-wholesale,
.zb-pcard a.zb-pcard__btn-wholesale {
  background: #fff !important;
  color: var(--zb-text) !important;
  border-color: var(--zb-border) !important;
  font-weight: 600 !important;
}

.zb-pcard__btn-wholesale:hover,
.zb-pcard a.zb-pcard__btn-wholesale:hover,
.desktop .zb-pcard__btn-wholesale:hover {
  background: #fff !important;
  color: var(--zb-orange) !important;
  border-color: var(--zb-orange) !important;
  box-shadow: none !important;
  transform: scale(1.02);
}

.zb-pcard__btn-request {
  background: #fff !important;
  color: var(--zb-orange) !important;
  border-color: var(--zb-orange) !important;
}

.zb-pcard__btn-request:hover {
  transform: scale(1.03);
}

.zb-pcard__tabs {
  margin-top: 50px;
  width: calc(100% - var(--zb-buy-w) - 30px);
  max-width: 100%;
}

.zb-pcard__tabs-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
  margin-bottom: 20px;
  border-bottom: 0;
}

.zb-pcard__tab {
  appearance: none;
  background: none;
  border: 0;
  border-bottom: 2px solid #d9d9d9;
  padding: 0 0 10px;
  margin: 0;
  font-family: Inter, Manrope, sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: var(--zb-muted);
  cursor: pointer;
  border-radius: 0;
}

.zb-pcard__tab.is-active {
  color: var(--zb-text);
  border-bottom-color: var(--zb-orange);
}

.zb-pcard__accordion-head { display: none; }
.zb-pcard__panel { display: none; }
.zb-pcard__panel.is-active { display: block; }

.zb-pcard__panel-body {
  font-size: 15px;
  line-height: 1.6;
  color: var(--zb-text);
}

.zb-pcard__panel-body a {
  color: var(--zb-orange);
  background: none !important;
  padding: 0 !important;
  font-size: inherit;
  font-weight: 600;
}

.zb-pcard .product-options {
  grid-column: 1 / -1;
  margin-top: 10px;
}

.zb-pcard .fa.fa-angle-up,
.zb-pcard .fa.fa-angle-down {
  display: none !important;
}

/* Tablet */
@media (max-width: 1140px) {
  :root {
    --zb-buy-w: 260px;
    --zb-media-w: 360px;
  }

  .zb-pcard__main {
    grid-template-columns: var(--zb-media-w) minmax(0, 1fr) var(--zb-buy-w) !important;
    gap: 20px !important;
  }

  .zb-pcard__title,
  #product-product .zb-pcard h1.zb-pcard__title { font-size: 28px !important; }
  .zb-pcard__buy-inner,
  .zb-pcard .add-to-cart-block-wrap { padding: 16px !important; }
  .zb-pcard__tabs { width: calc(100% - var(--zb-buy-w) - 20px); }
}

/* Override Journal3 sticky bar at <=1024 */
@media (max-width: 1024px) {
  .route-product-product:not(.popup) .zb-pcard .product-details .button-group-page,
  .route-product-product:not(.popup) .product-info.zb-pcard .product-details .button-group-page,
  .route-product-product:not(.popup) .zb-pcard__actions.button-group-page,
  .zb-pcard .button-group-page {
    position: static !important;
    width: 100% !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .route-product-product:not(.popup) .zb-pcard ~ *,
  html.route-product-product:not(.popup) body {
    padding-bottom: 0 !important;
  }

  html.route-product-product:not(.popup) .site-wrapper {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 992px) {
  :root { --zb-buy-w: 260px; }

  .zb-pcard__main {
    grid-template-columns: minmax(0, 1fr) var(--zb-buy-w) !important;
    grid-template-rows: auto auto auto !important;
    gap: 16px 24px !important;
  }

  /* Tablet: badges + title full width, then image | buy, then attrs */
  .zb-pcard__head {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
  }

  .zb-pcard__media {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  .zb-pcard__buy {
    grid-column: 2 !important;
    grid-row: 2 !important;
  }

  .zb-pcard__attrs {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
  }

  .zb-pcard__tabs { width: 100%; margin-top: 36px; }

  .zb-pcard__title,
  #product-product .zb-pcard h1.zb-pcard__title {
    display: block !important;
    font-size: 26px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  html.route-product-product:not(.popup) #product-product {
    padding-top: 24px;
    padding-bottom: 40px;
  }

  .zb-pcard__main {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 20px !important;
  }

  .zb-pcard__media,
  .zb-pcard__head,
  .zb-pcard__attrs,
  .zb-pcard__buy,
  .zb-pcard__media.product-left,
  .zb-pcard .product-left {
    width: 100% !important;
    max-width: 100% !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .zb-pcard__media img,
  .zb-pcard__media .swiper-slide,
  .zb-pcard__media .swiper-wrapper {
    max-width: 100% !important;
  }

  .zb-pcard__media .main-image img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
  }

  .zb-pcard__cart-row,
  .zb-pcard .stepper-group.cart-group {
    flex-direction: column !important;
  }

  .zb-pcard__stepper {
    width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
  }

  .zb-pcard__btn-cart,
  .zb-pcard a.zb-pcard__btn-cart {
    width: 100% !important;
  }

  .zb-pcard__head { order: 1 !important; }
  .zb-pcard__media { order: 2 !important; }
  .zb-pcard__buy { order: 3 !important; }
  .zb-pcard__attrs { order: 4 !important; }

  #product-product h1.zb-pcard__title,
  #product-product .zb-pcard__title.title.page-title,
  #product-product .zb-pcard h1.title {
    display: block !important;
    font-size: 24px !important;
    color: var(--zb-text) !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 0 12px !important;
    text-align: left !important;
  }

  .zb-pcard__price,
  .zb-pcard .product-price,
  .zb-pcard .product-price-new,
  .zb-pcard__price--request {
    display: block !important;
    font-size: 24px !important;
  }

  .zb-pcard__buy-inner,
  .zb-pcard .add-to-cart-block-wrap {
    display: flex !important;
    flex-direction: column !important;
    padding: 16px !important;
  }

  .zb-pcard__tabs {
    width: 100%;
    margin-top: 28px;
    order: 5;
  }

  .zb-pcard__tabs-nav { display: none; }

  .zb-pcard__accordion-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 14px 0;
    border-bottom: 2px solid #d9d9d9;
    font-family: Inter, Manrope, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--zb-text);
    cursor: pointer;
  }

  .zb-pcard__accordion-head::after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid var(--zb-muted);
    border-bottom: 2px solid var(--zb-muted);
    transform: rotate(-45deg);
    margin-left: 12px;
    flex-shrink: 0;
    transition: transform .2s ease;
  }

  .zb-pcard__panel.is-active .zb-pcard__accordion-head::after {
    transform: rotate(45deg);
    border-color: var(--zb-orange);
  }

  .zb-pcard__panel { display: block; }

  .zb-pcard__panel .zb-pcard__panel-body {
    display: none;
    padding: 14px 0 8px;
  }

  .zb-pcard__panel.is-active .zb-pcard__accordion-head {
    border-bottom-color: var(--zb-orange);
  }

  .zb-pcard__panel.is-active .zb-pcard__panel-body {
    display: block;
  }
}
\n
/* zb-pcard-img-fix 20260805c
/* ZB_SUBCAT_PILLS */
#content .refine-categories {
  margin-bottom: 18px;
}
#content .refine-categories .swiper,
#content .refine-categories .swiper-container,
#content .refine-categories .swiper-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  overflow: visible !important;
  height: auto !important;
  width: auto !important;
  max-width: 100% !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
#content .refine-categories .swiper-buttons,
#content .refine-categories .swiper-pagination {
  display: none !important;
}
#content .refine-categories .refine-item,
#content .refine-categories .refine-item.swiper-slide {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 8px 8px 0 !important;
  padding: 0 !important;
  flex: 0 1 auto !important;
}
#content .refine-categories .refine-item.zb-subcat-hidden {
  display: none !important;
}
#content .refine-categories .refine-item a {
  display: inline-flex;
  align-items: center;
  background: #fff;
  color: #000;
  border: 1px solid #bdbdbd;
  border-radius: 999px;
  padding: 8px 16px;
  text-decoration: none;
  line-height: 1.3;
  font-size: 16px;
  box-shadow: none;
  transition: color .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
#content .refine-categories .refine-item a img,
#content .refine-categories .refine-item .count-badge {
  display: none !important;
}
#content .refine-categories .refine-item .refine-name {
  padding: 0;
  color: inherit;
  white-space: normal;
  font-size: 16px;
}
#content .refine-categories .refine-item a:hover {
  color: #fe5000;
  border-color: #fe5000;
  background: #ffb08f3b;
  box-shadow: 0 2px 8px rgba(254, 80, 0, 0.12);
}
#content .refine-categories .refine-item a:hover .refine-name {
  color: #fe5000;
}
#content .zb-subcat-more {
  display: inline-flex;
  align-items: center;
  margin: 4px 0 8px;
  padding: 8px 18px;
  background: #fff;
  color: #000;
  border: 1px solid #bdbdbd;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  line-height: 1.3;
  box-shadow: none;
  transition: color .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
#content .zb-subcat-more:hover {
  color: #fe5000;
  border-color: #fe5000;
  background: #ffb08f3b;
  box-shadow: 0 2px 8px rgba(254, 80, 0, 0.12);
}
/* /ZB_SUBCAT_PILLS */






























































/* === zb-header start === */
/* zb-header — header redesign (Figma node 624-2) */
html:not(.popup):not(.route-journal3-popup-page) {
  --zb-navy: #1b2a4a;
  --zb-navy-2: #364667;
  --zb-orange: #fe5000;
  --zb-white: #ffffff;
  --zb-muted: #8b93a7;
  --zb-search-bg: rgba(255, 255, 255, 0.37);
  --zb-top-h: 48px;
  --zb-main-h: 80px;
  --zb-mobile-h: 60px;
  --zb-menu-top: calc(var(--zb-top-h) + var(--zb-mobile-h));
  --zb-max: 1400px;
  --zb-pad: 20px;
  --zb-radius: 8px;
  --zb-font: Inter, "Inter Tight", system-ui, sans-serif;
}

html:not(.popup):not(.route-journal3-popup-page).zb-topbar-hidden {
  --zb-top-h: 0px;
}

html:not(.popup):not(.route-journal3-popup-page):not(.popup):not(.route-journal3-popup-page) {
  scroll-padding-top: calc(var(--zb-top-h) + var(--zb-main-h));
}

html:not(.popup):not(.route-journal3-popup-page).mobile-header-active:not(.popup) {
  --zb-main-h: var(--zb-mobile-h);
  scroll-padding-top: calc(var(--zb-top-h) + var(--zb-mobile-h));
}

html.zb-tablet-desktop-header.mobile-header-active:not(.popup):not(.route-journal3-popup-page) {
  --zb-main-h: 72px;
  scroll-padding-top: calc(var(--zb-top-h) + var(--zb-main-h));
}

html:not(.popup):not(.route-journal3-popup-page):not(.popup) header.header-compact,
html:not(.popup):not(.route-journal3-popup-page):not(.popup) header {
  position: sticky;
  top: 0;
  z-index: 1200;
  background: transparent !important;
  box-shadow: none !important;
}

html:not(.popup):not(.route-journal3-popup-page):not(.popup) header.header-compact::before,
html:not(.popup):not(.route-journal3-popup-page):not(.popup) header::before {
  display: none !important;
}

html:not(.popup):not(.route-journal3-popup-page):not(.popup) .header.header-compact,
html:not(.popup):not(.route-journal3-popup-page):not(.popup) .header.header-sm {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Non-home: Journal/zb-j3-restore reserve 100px body padding for fixed header; zb-header uses sticky */
html.zb-header-on.desktop:not(.route-common-home):not(.popup):not(.route-journal3-popup-page) body,
html.desktop:not(.route-common-home):not(.popup):not(.route-journal3-popup-page) body {
  padding-top: 0 !important;
}

html:not(.popup):not(.route-journal3-popup-page):not(.route-common-home) #top,
html:not(.popup):not(.route-journal3-popup-page):not(.route-common-home) #top.top,
html:not(.popup):not(.route-journal3-popup-page):not(.route-common-home) .top.top-row {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Home hero/slider: kill legacy .grid-row { margin-top: 55px } gap below sticky header */
html.zb-header-on.route-common-home:not(.popup):not(.route-journal3-popup-page) #top,
html.zb-header-on.route-common-home:not(.popup):not(.route-journal3-popup-page) #top.top,
html.zb-header-on.route-common-home:not(.popup):not(.route-journal3-popup-page) .top.top-row {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html.zb-header-on.route-common-home:not(.popup):not(.route-journal3-popup-page) .grid-row.grid-row-top-1,
html.zb-header-on.route-common-home:not(.popup):not(.route-journal3-popup-page) #top .grid-row.grid-row-top-1 {
  margin-top: 0 !important;
}

html.zb-header-on.route-common-home:not(.popup):not(.route-journal3-popup-page) #top .grid-rows,
html.zb-header-on.route-common-home:not(.popup):not(.route-journal3-popup-page) #top .hero-2 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html.zb-header-on.route-common-home:not(.popup):not(.route-journal3-popup-page) .hero-2 {
  overflow: hidden !important;
}

html.zb-header-on.route-common-home:not(.popup):not(.route-journal3-popup-page) .hero-2 .slides {
  /* Must stay visible: overflow:hidden on the track clips translateX slides → white screen */
  overflow: visible !important;
}

/* ---------- Top contact bar ---------- */
html:not(.popup):not(.route-journal3-popup-page) .zb-topbar {
  background: var(--zb-white);
  color: var(--zb-navy);
  height: var(--zb-top-h);
  max-height: 48px;
  overflow: hidden;
  transition: max-height 0.28s ease, opacity 0.28s ease, padding 0.28s ease;
  opacity: 1;
}

html:not(.popup):not(.route-journal3-popup-page).zb-topbar-hidden .zb-topbar {
  max-height: 0;
  opacity: 0;
  pointer-events: none;
}

html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__inner,
html:not(.popup):not(.route-journal3-popup-page) .zb-mid-inner {
  width: 100%;
  max-width: 1400px !important;
  min-width: 0;
  margin: 0 auto;
  padding: 0 var(--zb-pad);
  box-sizing: border-box;
}

@media (min-width: 1100px) {
  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar {
    padding-left: max(0px, calc((100% - 1400px) / 2));
    padding-right: max(0px, calc((100% - 1400px) / 2));
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__inner {
    max-width: 1400px !important;
    padding-left: var(--zb-pad) !important;
    padding-right: var(--zb-pad) !important;
    box-sizing: border-box;
  }

  html:not(.popup):not(.route-journal3-popup-page) .header .mid-bar {
    justify-content: center !important;
    padding-left: max(0px, calc((100% - 1400px) / 2)) !important;
    padding-right: max(0px, calc((100% - 1400px) / 2)) !important;
    box-sizing: border-box !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .header .mid-bar > .zb-mid-inner,
  html:not(.popup):not(.route-journal3-popup-page) .zb-mid-inner {
    display: flex !important;
    flex: 0 1 1400px !important;
    flex-grow: 0 !important;
    flex-shrink: 1 !important;
    align-self: center;
    width: min(1400px, 100%) !important;
    max-width: 1400px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--zb-pad) !important;
    padding-right: var(--zb-pad) !important;
    box-sizing: border-box;
  }
}

html:not(.popup):not(.route-journal3-popup-page) .header .mid-bar {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__inner {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  font-family: var(--zb-font);
  font-size: 14px;
  line-height: 1.2;
  font-weight: 400;
}

html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__left,
html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__right {
  display: flex;
  align-items: center;
  min-width: 0;
}

html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__left {
  flex: 1 1 auto;
  min-width: 0;
}

html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__right {
  flex: 0 0 auto;
  gap: 18px;
}

html:not(.popup):not(.route-journal3-popup-page) .zb-topbar a {
  color: var(--zb-navy) !important;
  text-decoration: none !important;
  font-weight: 400;
  white-space: nowrap;
  transition: color 0.2s ease;
}

html:not(.popup):not(.route-journal3-popup-page) .zb-topbar a:hover,
html:not(.popup):not(.route-journal3-popup-page) .zb-topbar a:focus-visible {
  color: var(--zb-orange) !important;
}

html:not(.popup):not(.route-journal3-popup-page) .zb-topbar a:focus-visible,
html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__call:focus-visible,
html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li > a:focus-visible,
html:not(.popup):not(.route-journal3-popup-page) #cart > a:focus-visible,
html:not(.popup):not(.route-journal3-popup-page) .zb-burger:focus-visible,
html:not(.popup):not(.route-journal3-popup-page) .search-trigger:focus-visible {
  outline: 2px solid var(--zb-orange);
  outline-offset: 2px;
}

html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__text {
  color: #8b93a7;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__phone,
html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__email {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  color: #1b2a4a !important;
  font-size: 14px;
  font-weight: 400;
}

html:not(.popup):not(.route-journal3-popup-page) .zb-topbar .zb-ico {
  flex: 0 0 16px;
  display: block;
}

html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__socials {
  display: flex;
  align-items: center;
  gap: 8px;
}

html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__socials a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  overflow: hidden;
}

html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__socials img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  display: block;
}

html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__call {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 18px !important;
  border: 1px solid var(--zb-orange) !important;
  border-radius: 6px;
  background: transparent !important;
  color: var(--zb-orange) !important;
  font-family: var(--zb-font);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__call:hover,
html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__call:focus,
html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__call:active {
  background: var(--zb-orange) !important;
  color: var(--zb-white) !important;
  border-color: var(--zb-orange) !important;
}

/* Hide original Journal top-bar chrome; JS reuses its data */
html:not(.popup):not(.route-journal3-popup-page) .header > .top-bar {
  display: none !important;
}

html:not(.popup):not(.route-journal3-popup-page) .header .header-cart-group > .secondary-menu,
html:not(.popup):not(.route-journal3-popup-page) .header .third-menu,
html:not(.popup):not(.route-journal3-popup-page) .header .language-currency,
html:not(.popup):not(.route-journal3-popup-page) #j-menu2,
html:not(.popup):not(.route-journal3-popup-page) .j-menu2 {
  display: none !important;
}

/* ---------- Main navy bar ---------- */
html:not(.popup):not(.route-journal3-popup-page) .header .mid-bar {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
  height: var(--zb-main-h);
  min-height: var(--zb-main-h);
  background: var(--zb-navy);
  max-width: none !important;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

html:not(.popup):not(.route-journal3-popup-page) .header .mid-bar::before,
html:not(.popup):not(.route-journal3-popup-page) .header .mid-bar::after {
  display: none !important;
}

html:not(.popup):not(.route-journal3-popup-page) .zb-mid-inner {
  display: flex;
  align-items: center;
  gap: 36px;
  height: 100%;
}

html:not(.popup):not(.route-journal3-popup-page) #main-menu,
html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu {
  justify-content: flex-start;
}

html:not(.popup):not(.route-journal3-popup-page) .desktop-logo-wrapper,
html:not(.popup):not(.route-journal3-popup-page) #logo {
  flex: 0 0 auto;
  width: auto !important;
  max-width: 180px;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  background: transparent !important;
}

html:not(.popup):not(.route-journal3-popup-page) #logo a {
  min-width: 0 !important;
  display: flex;
  align-items: center;
  background: transparent !important;
}

html:not(.popup):not(.route-journal3-popup-page) #logo img {
  width: auto !important;
  height: 56px !important;
  max-height: 56px !important;
  max-width: 160px !important;
  object-fit: contain;
}

html:not(.popup):not(.route-journal3-popup-page) .desktop-main-menu-wrapper {
  flex: 1 1 auto;
  display: flex !important;
  align-items: stretch;
  min-width: 0;
  margin: 0 !important;
  height: 100%;
}

html:not(.popup):not(.route-journal3-popup-page) .desktop-main-menu-wrapper > .menu-trigger {
  display: none !important;
}

html:not(.popup):not(.route-journal3-popup-page) #main-menu,
html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu {
  display: flex !important;
  align-items: stretch;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  flex-direction: row !important;
  justify-content: flex-start;
  gap: 0;
}

html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li {
  display: flex;
  align-items: stretch;
  margin: 0 !important;
  padding: 0 !important;
  height: 100%;
}

html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li > a {
  display: flex !important;
  align-items: center;
  color: var(--zb-white) !important;
  font-family: var(--zb-font);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: none !important;
  letter-spacing: 0;
  padding: 0 16px !important;
  background: transparent !important;
  height: 100%;
  white-space: nowrap;
  transition: background-color 0.2s ease, color 0.2s ease;
}

html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li > a .open-menu {
  display: none;
}

html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li > a::after {
  display: none !important;
}

/* Decorative caret next to "О компании" (desktop dropdown) — visual only */
@media (min-width: 768px) {
  html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li.dropdown > a {
    overflow: visible !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li.dropdown > a::after {
    content: "" !important;
    display: inline-block !important;
    box-sizing: border-box !important;
    width: 10px !important;
    height: 6px !important;
    min-width: 10px !important;
    min-height: 6px !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23ffffff' d='M0 0h10L5 6z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 10px 6px !important;
    clip-path: none !important;
    -webkit-clip-path: none !important;
    transform: none !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: visible !important;
    pointer-events: none !important;
    flex: 0 0 10px !important;
    align-self: center !important;
  }
}

html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li:hover > a,
html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li.active > a,
html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li.zb-current > a,
html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li:has(> a.active) > a,
html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li:has(li.active) > a,
html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li.open > a,
html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li.zb-open > a {
  background: var(--zb-navy-2) !important;
  color: var(--zb-white) !important;
}

html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li.zb-hide-pdn {
  display: none !important;
}

html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li.dropdown {
  position: relative !important;
}

html:not(.popup):not(.route-journal3-popup-page) #main-menu .dropdown-menu.j-dropdown,
html:not(.popup):not(.route-journal3-popup-page) #main-menu .j-dropdown {
  background: var(--zb-white) !important;
  border: 0 !important;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 16px 32px rgba(27, 42, 74, 0.16);
  padding: 8px 0 !important;
  min-width: 220px;
  margin: 0 !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: auto !important;
  z-index: 1500 !important;
}

html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li.dropdown.open > .j-dropdown,
html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li.dropdown.open > .dropdown-menu,
html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li.dropdown.animating > .j-dropdown {
  display: block !important;
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

html:not(.popup):not(.route-journal3-popup-page) #main-menu .j-dropdown .j-menu {
  display: flex;
  flex-direction: column;
}

html:not(.popup):not(.route-journal3-popup-page) #main-menu .j-dropdown .j-menu > li > a {
  color: #111 !important;
  font-family: var(--zb-font);
  font-size: 15px;
  font-weight: 400;
  padding: 10px 18px !important;
  background: transparent !important;
  text-transform: none !important;
}

html:not(.popup):not(.route-journal3-popup-page) #main-menu .j-dropdown .j-menu > li > a:hover,
html:not(.popup):not(.route-journal3-popup-page) #main-menu .j-dropdown .j-menu > li > a:focus,
html:not(.popup):not(.route-journal3-popup-page) #main-menu .j-dropdown .j-menu > li.active > a {
  background: var(--zb-navy-2) !important;
  color: var(--zb-white) !important;
}

html:not(.popup):not(.route-journal3-popup-page) .header-cart-group {
  display: flex !important;
  align-items: center;
  gap: 12px;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  flex: 0 0 auto;
  height: 100%;
}

/* ---------- Search: desktop always visible ---------- */
html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper,
html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper.mini-search {
  margin: 0 !important;
  position: relative;
}

html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper #search {
  position: relative;
}

html:not(.popup):not(.route-journal3-popup-page) .mini-search .search-trigger::after,
html:not(.popup):not(.route-journal3-popup-page) #cart > a > i::after {
  display: none !important;
  content: none !important;
}

html:not(.popup):not(.route-journal3-popup-page) .mini-search .search-trigger::before {
  font-size: 18px;
  color: var(--zb-navy);
}

@media (min-width: 1100px) {
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .search-trigger {
    display: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper #search > .dropdown-menu.j-dropdown,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper #search > .dropdown-menu {
    display: block !important;
    position: static !important;
    transform: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper #search > .dropdown-menu::before {
    display: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .header-search {
    width: 280px;
    min-width: 240px;
    height: 40px;
    padding: 0;
    background: rgba(255, 255, 255, 0.37) !important;
    border-radius: 6px;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    flex-direction: row;
  }
}

/* ---------- Search: tablet plaque + expanding field ---------- */
@media (min-width: 768px) and (max-width: 1099px) {
  html.zb-tablet-desktop-header.mobile-header-active:not(.popup):not(.route-journal3-popup-page) body,
  html.zb-tablet-desktop-header:not(.route-common-home):not(.popup):not(.route-journal3-popup-page) body {
    padding-top: 0 !important;
  }

  html.zb-tablet-desktop-header.mobile-header-active:not(.popup):not(.route-journal3-popup-page) .site-wrapper {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  html.zb-header-on:not(.popup):not(.route-journal3-popup-page) {
    overflow-x: clip;
  }

  html.zb-header-on:not(.popup):not(.route-journal3-popup-page) body {
    overflow-x: clip;
    max-width: 100%;
  }

  html.zb-header-on:not(.popup):not(.route-journal3-popup-page) .site-wrapper {
    overflow-x: clip;
    max-width: 100%;
  }

  html.zb-header-on:not(.popup):not(.route-journal3-popup-page) header,
  html.zb-header-on:not(.popup):not(.route-journal3-popup-page) .header,
  html.zb-header-on:not(.popup):not(.route-journal3-popup-page) .zb-topbar {
    max-width: 100%;
    overflow: visible !important;
  }

  html.zb-header-on:not(.popup):not(.route-journal3-popup-page) .header .mid-bar,
  html.zb-header-on:not(.popup):not(.route-journal3-popup-page) .desktop-main-menu-wrapper,
  html.zb-header-on:not(.popup):not(.route-journal3-popup-page) #main-menu {
    overflow: visible !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li.dropdown:hover > .j-dropdown,
  html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li.dropdown:hover > .dropdown-menu {
    display: block !important;
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
  }

  html.zb-header-on.route-common-home:not(.popup):not(.route-journal3-popup-page) .hero-2 {
    overflow: hidden !important;
    max-width: 100%;
  }

  html.zb-header-on.route-common-home:not(.popup):not(.route-journal3-popup-page) .hero-2 .slides {
    overflow: visible !important;
    max-width: none;
  }

  html:not(.popup):not(.route-journal3-popup-page) {
    --zb-pad: 20px;
    --zb-main-h: 72px;
    --zb-search-panel-right: 20px;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__phone,
  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__email {
    font-size: 13px;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__call {
    height: 32px;
    padding: 0 12px !important;
    font-size: 13px;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__email {
    display: inline-flex !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-mid-inner {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    gap: 12px;
    overflow: visible !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .header .mid-bar {
    display: flex !important;
    overflow: visible !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-logo-wrapper,
  html:not(.popup):not(.route-journal3-popup-page) #logo,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-main-menu-wrapper,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-cart-wrapper,
  html:not(.popup):not(.route-journal3-popup-page) .header-cart-group {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  html.zb-tablet-desktop-header.mobile-header-active:not(.popup):not(.route-journal3-popup-page) .mobile-header,
  html.zb-tablet-desktop-header.mobile-header-active:not(.popup):not(.route-journal3-popup-page) .mobile-bar {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  html.zb-tablet-desktop-header.mobile-header-active:not(.popup):not(.route-journal3-popup-page) .desktop-logo-wrapper,
  html.zb-tablet-desktop-header.mobile-header-active:not(.popup):not(.route-journal3-popup-page) .desktop-main-menu-wrapper,
  html.zb-tablet-desktop-header.mobile-header-active:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper,
  html.zb-tablet-desktop-header.mobile-header-active:not(.popup):not(.route-journal3-popup-page) .desktop-cart-wrapper,
  html.zb-tablet-desktop-header.mobile-header-active:not(.popup):not(.route-journal3-popup-page) #logo,
  html.zb-tablet-desktop-header.mobile-header-active:not(.popup):not(.route-journal3-popup-page) #main-menu,
  html.zb-tablet-desktop-header.mobile-header-active:not(.popup):not(.route-journal3-popup-page) #search,
  html.zb-tablet-desktop-header.mobile-header-active:not(.popup):not(.route-journal3-popup-page) #cart {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-main-menu-wrapper {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 100% !important;
    top: 0 !important;
    position: relative !important;
    overflow: visible !important;
    align-items: stretch !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-main-menu-wrapper > .menu-trigger {
    display: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) #main-menu,
  html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-main-menu-wrapper .main-menu > .j-menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    visibility: visible !important;
    width: auto !important;
    max-width: none !important;
    height: 100% !important;
    align-items: stretch !important;
    min-width: 0 !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-main-menu-wrapper {
    overflow: visible !important;
    max-width: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) #main-menu,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-main-menu-wrapper .main-menu {
    overflow: visible !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-main-menu-wrapper .main-menu > .j-menu {
    overflow: visible !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    height: 100% !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li > a {
    font-size: 14px;
    padding: 0 10px !important;
    height: 100% !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li > a .links-text {
    width: auto !important;
    white-space: nowrap !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li:hover > a,
  html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li.active > a,
  html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li.zb-current > a,
  html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li:has(> a.active) > a,
  html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li:has(li.active) > a,
  html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li.open > a,
  html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li.zb-open > a {
    background: #364667 !important;
    background-color: #364667 !important;
    color: var(--zb-white) !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) #logo img {
    height: 48px !important;
    max-height: 48px !important;
    max-width: 130px !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .header-cart-group {
    gap: 8px;
    flex: 0 0 auto !important;
    margin-left: auto !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper.mini-search {
    flex: 0 0 auto !important;
    align-self: center !important;
    margin: 0 !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .search-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    flex: 0 0 44px !important;
    background: rgba(255, 255, 255, 0.37) !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: var(--zb-white);
    box-shadow: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .search-trigger::after {
    display: none !important;
    content: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .search-trigger::before {
    position: static !important;
    left: auto !important;
    top: auto !important;
    content: "" !important;
    font-size: 0 !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    color: var(--zb-white) !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='6.2' stroke='%23fff' stroke-width='1.8'/%3E%3Cpath stroke='%23fff' stroke-width='1.8' stroke-linecap='round' d='M16 16.5 20 20.5'/%3E%3C/svg%3E") center / 18px 18px no-repeat !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper #search {
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper.zb-search-open #search,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper.zb-search-panel-hover #search {
    overflow: visible !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper #search.full-search {
    min-height: 0 !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper #search > .dropdown-menu.j-dropdown,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper #search > .dropdown-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: fixed !important;
    top: calc(var(--zb-top-h) + var(--zb-main-h)) !important;
    left: auto !important;
    right: auto !important;
    width: 360px !important;
    max-width: min(360px, calc(100% - var(--zb-pad) * 2)) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    z-index: 1300 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: visible !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper:not(.zb-search-open):not(.zb-search-panel-hover) #search > .dropdown-menu,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper:not(.zb-search-open):not(.zb-search-panel-hover) #search > .dropdown-menu.j-dropdown {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper:not(.zb-search-open):not(.zb-search-panel-hover) #search .header-search {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper #search > .dropdown-menu::before,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper #search > .dropdown-menu.j-dropdown::before {
    display: none !important;
    content: none !important;
    border: 0 !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper #search.open > .dropdown-menu,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper #search.show > .dropdown-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper.zb-search-open #search > .dropdown-menu,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper.zb-search-panel-hover #search > .dropdown-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    pointer-events: auto !important;
    width: 360px !important;
    max-width: min(360px, calc(100% - var(--zb-pad) * 2)) !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper.zb-search-open .header-search,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper.zb-search-panel-hover .header-search {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    background: var(--zb-white) !important;
    border: 1px solid #e0e0e0;
    border-radius: var(--zb-radius);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
    padding: 0;
    overflow: visible !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper.zb-search-open .header-search .search-button,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper.zb-search-panel-hover .header-search .search-button {
    background: #eef0f4 !important;
    border-radius: 0 var(--zb-radius) var(--zb-radius) 0;
    flex: 0 0 40px;
    width: 40px;
    min-width: 40px !important;
    height: 40px;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper.zb-search-open .header-search .search-button::before,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper.zb-search-panel-hover .header-search .search-button::before {
    color: var(--zb-navy) !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) #cart > a,
  html:not(.popup):not(.route-journal3-popup-page) #cart > a.cart-heading {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    background: var(--zb-orange) !important;
    border-radius: var(--zb-radius);
    gap: 0 !important;
    overflow: visible !important;
    position: relative !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) #cart > a > i {
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
    z-index: 1;
  }

  html:not(.popup):not(.route-journal3-popup-page) #cart > a > i::before {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    background-size: 24px 24px !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) #cart .zb-cart-label {
    display: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) #cart-items.count-zero,
  html:not(.popup):not(.route-journal3-popup-page) #cart-items.count-badge.count-zero {
    display: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) #cart-items.count-badge:not(.count-zero) {
    display: inline-flex !important;
    top: -6px !important;
    right: -6px !important;
    left: auto !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 4px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    z-index: 3;
    pointer-events: none;
    transform: none !important;
    background: #fff !important;
    color: #fe5000 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    box-shadow: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__text {
    display: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__left {
    display: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__right {
    flex: 1 1 auto;
    justify-content: flex-end;
    gap: 10px;
    min-width: 0;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__email {
    display: inline-flex !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-mid-inner {
    gap: 10px !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) #logo img {
    max-width: 100px !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-logo-wrapper,
  html:not(.popup):not(.route-journal3-popup-page) #logo {
    max-width: 100px !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li > a {
    font-size: 12px;
    padding: 0 5px !important;
  }
}

@media (min-width: 1025px) and (max-width: 1099px) {
  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__text {
    display: block !important;
    flex: 1 1 auto;
    min-width: 0;
    font-size: 12px;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__left {
    flex: 1 1 0;
    min-width: 0;
    max-width: 52%;
    overflow: hidden;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__right {
    gap: 10px;
    flex: 0 1 auto;
    flex-shrink: 0;
    min-width: 0;
  }
}

html:not(.popup):not(.route-journal3-popup-page) .header-search {
  display: flex;
  align-items: center;
  position: relative;
}

html:not(.popup):not(.route-journal3-popup-page) .header-search .search-categories,
html:not(.popup):not(.route-journal3-popup-page) .search-categories {
  display: none !important;
}

html:not(.popup):not(.route-journal3-popup-page) .header-search input,
html:not(.popup):not(.route-journal3-popup-page) .header-search .search-input,
html:not(.popup):not(.route-journal3-popup-page) .header-search .tt-input,
html:not(.popup):not(.route-journal3-popup-page) .zb-search-input {
  flex: 1 1 auto;
  width: 100% !important;
  height: 44px !important;
  line-height: 44px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #111 !important;
  font-family: var(--zb-font);
  font-size: 14px;
  padding: 0 12px 0 16px !important;
  margin: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
  opacity: 1 !important;
  visibility: visible !important;
  vertical-align: middle;
}

html:not(.popup):not(.route-journal3-popup-page) .header-search input::placeholder,
html:not(.popup):not(.route-journal3-popup-page) .zb-search-input::placeholder {
  color: var(--zb-muted);
}

html:not(.popup):not(.route-journal3-popup-page) .header-search .twitter-typeahead,
html:not(.popup):not(.route-journal3-popup-page) .header-search > span {
  flex: 1 1 auto;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
}

html:not(.popup):not(.route-journal3-popup-page) .header-search .tt-hint {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  line-height: 0 !important;
}

html:not(.popup):not(.route-journal3-popup-page) .header-search .search-button {
  background: transparent !important;
  min-width: 44px !important;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
}

html:not(.popup):not(.route-journal3-popup-page) .header-search .search-button::before {
  color: var(--zb-navy) !important;
  font-size: 16px;
}

html:not(.popup):not(.route-journal3-popup-page) .header-search .search-button:hover,
html:not(.popup):not(.route-journal3-popup-page) .header-search .search-button:active {
  background: transparent !important;
}

/* Custom suggest */
html:not(.popup):not(.route-journal3-popup-page) .zb-suggest {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  background: var(--zb-white);
  color: #111;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 12px 32px rgba(27, 42, 74, 0.18);
  z-index: 1400;
  max-height: min(70vh, 420px);
  overflow: auto;
  padding: 6px 0;
}

html:not(.popup):not(.route-journal3-popup-page) .zb-suggest--portal {
  position: fixed !important;
  z-index: 10050 !important;
  border-radius: 8px;
  max-height: min(60vh, 420px);
}

html:not(.popup):not(.route-journal3-popup-page) .zb-suggest[hidden] {
  display: none !important;
}

html:not(.popup):not(.route-journal3-popup-page) .zb-suggest__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  color: #111 !important;
  text-decoration: none !important;
  font-family: var(--zb-font);
  font-size: 14px;
  line-height: 1.35;
  min-height: 44px;
  background: transparent;
  cursor: pointer;
}

html:not(.popup):not(.route-journal3-popup-page) .zb-suggest__item img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  flex: 0 0 40px;
  border-radius: 4px;
}

html:not(.popup):not(.route-journal3-popup-page) .zb-suggest__item:hover,
html:not(.popup):not(.route-journal3-popup-page) .zb-suggest__item.is-active,
html:not(.popup):not(.route-journal3-popup-page) .zb-suggest__item:focus {
  background: var(--zb-navy-2) !important;
  color: var(--zb-white) !important;
}

html:not(.popup):not(.route-journal3-popup-page) .zb-suggest__empty,
html:not(.popup):not(.route-journal3-popup-page) .zb-suggest__more {
  padding: 12px 16px;
  font-size: 14px;
  color: #111;
}

html:not(.popup):not(.route-journal3-popup-page) .tt-menu,
html:not(.popup):not(.route-journal3-popup-page) .tt-dropdown-menu {
  background: var(--zb-white) !important;
  color: #111 !important;
  border: 0 !important;
  box-shadow: 0 12px 32px rgba(27, 42, 74, 0.18);
}

html:not(.popup):not(.route-journal3-popup-page) .search-result > a,
html:not(.popup):not(.route-journal3-popup-page) .tt-suggestion {
  color: #111 !important;
  background: var(--zb-white) !important;
}

html:not(.popup):not(.route-journal3-popup-page) .search-result > a:hover,
html:not(.popup):not(.route-journal3-popup-page) .tt-suggestion.tt-cursor,
html:not(.popup):not(.route-journal3-popup-page) .tt-suggestion:hover,
html:not(.popup):not(.route-journal3-popup-page) .search-result > a:hover span {
  background: var(--zb-navy-2) !important;
  color: var(--zb-white) !important;
}

/* ---------- Cart ---------- */
html:not(.popup):not(.route-journal3-popup-page) .desktop-cart-wrapper,
html:not(.popup):not(.route-journal3-popup-page) .mini-cart {
  margin: 0 !important;
}

html:not(.popup):not(.route-journal3-popup-page) #cart > a,
html:not(.popup):not(.route-journal3-popup-page) .mobile-header-active #cart > a {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0;
  color: var(--zb-white) !important;
}

html:not(.popup):not(.route-journal3-popup-page) #cart > a > i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 0;
  background: none;
}

html:not(.popup):not(.route-journal3-popup-page) #cart > a > i::before {
  content: "" !important;
  display: block;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-width='1.8' stroke-linejoin='round' d='M6 8h12l-1.2 11.2a1 1 0 0 1-1 .8H8.2a1 1 0 0 1-1-.8L6 8Z'/%3E%3Cpath stroke='%23fff' stroke-width='1.8' stroke-linecap='round' d='M9 8V7a3 3 0 0 1 6 0v1'/%3E%3C/svg%3E") center / 24px 24px no-repeat;
}

html:not(.popup):not(.route-journal3-popup-page) #cart-total {
  display: none !important;
}

html:not(.popup):not(.route-journal3-popup-page) #cart-items.count-badge {
  position: absolute !important;
  top: 2px !important;
  right: 0 !important;
  left: auto !important;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 50%;
  background: var(--zb-orange) !important;
  color: var(--zb-white) !important;
  font-family: var(--zb-font);
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

html:not(.popup):not(.route-journal3-popup-page) #cart-items.count-zero {
  opacity: 1;
}

/* PC mockup: muted search + orange «Корзина» (must follow general search/cart rules) */
@media (min-width: 1100px) {
  html:not(.popup):not(.route-journal3-popup-page) .header-search input,
  html:not(.popup):not(.route-journal3-popup-page) .header-search .search-input,
  html:not(.popup):not(.route-journal3-popup-page) .header-search .tt-input {
    order: 1;
    color: #fff !important;
    -webkit-text-fill-color: #fff;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    line-height: 40px !important;
    padding: 0 8px 0 14px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .header-search .twitter-typeahead,
  html:not(.popup):not(.route-journal3-popup-page) .header-search > span {
    order: 1;
    height: 40px !important;
    max-height: 40px !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .header-search input::placeholder,
  html:not(.popup):not(.route-journal3-popup-page) .header-search .search-input::placeholder {
    color: rgba(255, 255, 255, 0.55) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.55);
    opacity: 1;
    line-height: normal !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .header-search .search-button {
    order: 2;
    min-width: 40px !important;
    width: 40px;
    height: 40px;
    margin-left: auto;
  }

  html:not(.popup):not(.route-journal3-popup-page) .header-search .search-button::before {
    color: rgba(255, 255, 255, 0.85) !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .header-cart-group {
    gap: 12px;
  }

  html:not(.popup):not(.route-journal3-popup-page) #cart > a {
    width: auto !important;
    min-width: 0;
    height: 40px !important;
    padding: 0 16px !important;
    background: var(--zb-orange) !important;
    border-radius: 6px;
    gap: 8px;
    color: #fff !important;
    font-size: 15px;
    justify-content: center;
  }

  html:not(.popup):not(.route-journal3-popup-page) #cart > a > i {
    width: 18px;
    height: 18px;
    order: 2;
  }

  html:not(.popup):not(.route-journal3-popup-page) #cart > a > i::before {
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
  }

  html:not(.popup):not(.route-journal3-popup-page) #cart-items {
    order: 3;
  }

  html:not(.popup):not(.route-journal3-popup-page) #cart-items.count-zero {
    display: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) #cart-items.count-badge:not(.count-zero) {
    top: -6px !important;
    right: -6px !important;
    background: #fff !important;
    color: var(--zb-orange) !important;
  }
}

html:not(.popup):not(.route-journal3-popup-page) #cart-content,
html:not(.popup):not(.route-journal3-popup-page) #cart .cart-content.j-dropdown {
  background: var(--zb-white) !important;
  color: #111;
  border: 0 !important;
  border-radius: 8px;
  box-shadow: 0 16px 40px rgba(27, 42, 74, 0.2);
  min-width: 320px;
  padding: 16px !important;
  right: 0;
  left: auto;
  transform: none !important;
}

html:not(.popup):not(.route-journal3-popup-page) .zb-cart-title {
  font-family: var(--zb-font);
  font-size: 14px;
  font-weight: 600;
  color: var(--zb-navy);
  margin: 0 0 12px;
}

html:not(.popup):not(.route-journal3-popup-page) #cart-content .cart-empty {
  text-align: center;
  color: var(--zb-navy);
  font-family: var(--zb-font);
  font-size: 14px;
  padding: 12px 0;
  margin: 0;
}

html:not(.popup):not(.route-journal3-popup-page) #cart-content a {
  color: var(--zb-navy);
}

html:not(.popup):not(.route-journal3-popup-page) #cart-content .btn,
html:not(.popup):not(.route-journal3-popup-page) #cart-content .cart-buttons .btn {
  background: var(--zb-orange);
  color: var(--zb-white) !important;
  border: 0;
  border-radius: 6px;
}

/* Home hero: full-bleed at ≤768px (kill Journal .top-row side gutters) */
@media (max-width: 768px) {
  html.zb-header-on:not(.popup):not(.route-journal3-popup-page),
  html.zb-header-on:not(.popup):not(.route-journal3-popup-page) body,
  html.zb-header-on:not(.popup):not(.route-journal3-popup-page) .site-wrapper {
    overflow-x: clip !important;
    max-width: 100% !important;
  }

  html.zb-header-on.route-common-home:not(.popup):not(.route-journal3-popup-page) #top,
  html.zb-header-on.route-common-home:not(.popup):not(.route-journal3-popup-page) #top.top,
  html.zb-header-on.route-common-home:not(.popup):not(.route-journal3-popup-page) .top.top-row {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
  }

  html.zb-header-on.route-common-home:not(.popup):not(.route-journal3-popup-page) #top .hero-2 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  html.zb-header-on.route-common-home:not(.popup):not(.route-journal3-popup-page) #top .hero-2 .slides {
    overflow: visible !important;
    max-width: none !important;
  }
}

/* ---------- Mobile header ---------- */
@media (max-width: 767px) {
  html:not(.popup):not(.route-journal3-popup-page) {
    --zb-pad: 16px;
    --zb-top-h: 48px;
  }

  html:not(.popup):not(.route-journal3-popup-page).zb-topbar-hidden {
    --zb-top-h: 0px;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__text,
  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__call {
    display: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) header > .header.header-compact,
  html:not(.popup):not(.route-journal3-popup-page) header > .header.header-sm,
  html:not(.popup):not(.route-journal3-popup-page) .header.header-compact,
  html:not(.popup):not(.route-journal3-popup-page) .header.header-sm {
    display: flex !important;
    flex-direction: column !important;
    visibility: visible !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    pointer-events: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar {
    display: block !important;
    visibility: visible !important;
    height: var(--zb-top-h) !important;
    max-height: 48px !important;
    min-height: 48px !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    overflow: hidden !important;
  }

  html:not(.popup):not(.route-journal3-popup-page).zb-topbar-hidden .zb-topbar {
    max-height: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__inner {
    height: 48px;
    gap: 8px;
    font-size: 12px;
    padding: 0 12px;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__left {
    display: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__right {
    flex: 1 1 auto;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__phone,
  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__email {
    font-size: 12px;
    gap: 6px;
    min-width: 0;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__phone span,
  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__email span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__socials {
    flex: 0 0 auto;
    gap: 6px;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__socials a {
    width: 22px;
    height: 22px;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__socials img {
    width: 22px;
    height: 22px;
  }

  html:not(.popup):not(.route-journal3-popup-page) .header .mid-bar,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-logo-wrapper,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-main-menu-wrapper,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-cart-wrapper,
  html:not(.popup):not(.route-journal3-popup-page) .header-cart-group,
  html:not(.popup):not(.route-journal3-popup-page) .header #logo,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-logo-wrapper #logo,
  html:not(.popup):not(.route-journal3-popup-page) #main-menu {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper #search > .dropdown-menu,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper #search > .dropdown-menu.j-dropdown,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .header-search,
  html:not(.popup):not(.route-journal3-popup-page) #zb-suggest-portal:not(.zb-suggest--mobile-down),
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .zb-suggest,
  html:not(.popup):not(.route-journal3-popup-page) .header-search .zb-suggest,
  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-search > .zb-suggest {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) #zb-suggest-portal.zb-suggest--mobile-down:not([hidden]) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    height: auto !important;
    max-height: min(45vh, 320px) !important;
    overflow: auto !important;
    border-radius: 0 0 8px 8px !important;
    z-index: 99999 !important;
    box-shadow: 0 12px 32px rgba(27, 42, 74, 0.22) !important;
  }

  html:not(.popup):not(.route-journal3-popup-page).zb-tablet-desktop-header .mobile-header,
  html:not(.popup):not(.route-journal3-popup-page).zb-tablet-desktop-header .mobile-bar {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    min-height: var(--zb-mobile-h) !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .mobile-header {
    display: block !important;
    background: var(--zb-navy) !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .mobile-header .mobile-top-bar {
    display: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .mobile-header .mobile-bar,
  html:not(.popup):not(.route-journal3-popup-page) .mobile-header-active .mobile-bar {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    height: var(--zb-mobile-h) !important;
    min-height: var(--zb-mobile-h);
    padding: 0 16px !important;
    background: var(--zb-navy) !important;
    max-width: none;
  }

  html:not(.popup):not(.route-journal3-popup-page) .mobile-logo-wrapper,
  html:not(.popup):not(.route-journal3-popup-page) .mobile-header #logo {
    display: flex;
    align-items: center;
    order: 1;
  }

  html:not(.popup):not(.route-journal3-popup-page) .mobile-header #logo img,
  html:not(.popup):not(.route-journal3-popup-page) .mobile-logo-wrapper img {
    height: 40px !important;
    max-height: 40px !important;
    width: auto !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .mobile-bar-group {
    display: flex !important;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    order: 2;
  }

  html:not(.popup):not(.route-journal3-popup-page) .mobile-header .mobile-bar-group > div,
  html:not(.popup):not(.route-journal3-popup-page) .mobile-header-active .mobile-bar-group > div {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
  }

  html:not(.popup):not(.route-journal3-popup-page) .mobile-header .menu-trigger,
  html:not(.popup):not(.route-journal3-popup-page) .mobile-header-active .menu-trigger {
    width: 44px !important;
    height: 44px !important;
    order: 2;
    flex: 0 0 44px;
    background: transparent !important;
    border-radius: 0;
  }

  html:not(.popup):not(.route-journal3-popup-page) .mobile-header .mobile-search-wrapper,
  html:not(.popup):not(.route-journal3-popup-page) .mobile-header-active .mobile-search-wrapper {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    order: 0;
    margin: 0 !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .mobile-header .mobile-cart-wrapper,
  html:not(.popup):not(.route-journal3-popup-page) .mobile-header-active .mobile-cart-wrapper {
    order: 1;
    width: 44px;
    height: 44px;
    margin: 0 !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .mobile-header #cart > a,
  html:not(.popup):not(.route-journal3-popup-page) .mobile-header-active #cart > a {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    background: var(--zb-orange) !important;
    border-radius: var(--zb-radius) !important;
    gap: 0 !important;
    overflow: visible !important;
    position: relative !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .mobile-header #cart-items.count-badge:not(.count-zero),
  html:not(.popup):not(.route-journal3-popup-page) .mobile-header-active #cart-items.count-badge:not(.count-zero) {
    top: -6px !important;
    right: -6px !important;
    left: auto !important;
    background: #fff !important;
    color: var(--zb-orange) !important;
    transform: none !important;
    margin: 0 !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .mobile-header #cart-items.count-zero,
  html:not(.popup):not(.route-journal3-popup-page) .mobile-header-active #cart-items.count-zero {
    display: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .mobile-header-active .menu-trigger::before,
  html:not(.popup):not(.route-journal3-popup-page) .mobile-header .menu-trigger::before {
    content: "" !important;
    display: block;
    width: 22px;
    height: 16px;
    margin: 14px auto 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 16'%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' d='M1 1h20M1 8h20M1 15h20'/%3E%3C/svg%3E") center / 22px 16px no-repeat;
    padding: 0 !important;
    font-size: 0 !important;
    color: transparent !important;
    border-radius: 0 !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .mobile-header-active .menu-trigger.active::before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' d='M2 2l12 12M14 2L2 14'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  }

  html:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .j-menu2 {
    display: none !important;
  }

  html.zb-mobile-nav-ready:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .main-menu {
    display: none !important;
  }

  html:not(.zb-mobile-nav-ready):not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .main-menu {
    display: block !important;
    order: 1;
    flex: 0 0 auto !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  html:not(.zb-mobile-nav-ready):not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .main-menu > .j-menu {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html:not(.zb-mobile-nav-ready):not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .main-menu > .j-menu > li {
    width: 100% !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  html:not(.zb-mobile-nav-ready):not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .main-menu > .j-menu > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    padding: 14px 0 !important;
    color: var(--zb-white) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    background: transparent !important;
  }

  html:not(.zb-mobile-nav-ready):not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .main-menu > .j-menu > li > a .links-text {
    color: var(--zb-white) !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .mobile-header-active .mobile-container.mobile-main-menu-container {
    display: none;
    position: fixed !important;
    top: var(--zb-menu-top) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    background: var(--zb-navy) !important;
    box-shadow: 0 24px 40px rgba(0, 0, 0, 0.28);
    border-radius: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
    transition: none !important;
    -webkit-transition: none !important;
    z-index: 12000 !important;
    overflow: hidden !important;
  }

  html:not(.popup):not(.route-journal3-popup-page).mobile-main-menu-container-open .mobile-container.mobile-main-menu-container {
    display: block !important;
    max-height: none !important;
    transform: none !important;
    -webkit-transform: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page).mobile-main-menu-container-open .mobile-container.mobile-main-menu-container.animating {
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    transition: none !important;
    -webkit-transition: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page).mobile-main-menu-container-open.mobile-overlay .site-wrapper::before {
    content: "" !important;
    position: fixed;
    top: var(--zb-menu-top);
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1199;
    pointer-events: none;
  }

  html:not(.popup):not(.route-journal3-popup-page) .mobile-cart-content-container .mobile-wrapper-header,
  html:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-container .mobile-wrapper-header {
    display: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page).mobile-filter-container-open .mobile-filter-container .mobile-wrapper-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 0 8px 0 12px !important;
    min-height: 48px !important;
    height: auto !important;
    background: #fff !important;
    border-bottom: 1px solid #e3e3e3 !important;
    flex: 0 0 auto !important;
  }

  html:not(.popup):not(.route-journal3-popup-page).mobile-filter-container-open .mobile-filter-container .mobile-wrapper-header > span {
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  html:not(.popup):not(.route-journal3-popup-page).mobile-filter-container-open .mobile-filter-container .mobile-wrapper-header .reset-filter.btn {
    width: auto !important;
    min-height: 36px !important;
    padding: 8px 14px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
  }

  html:not(.popup):not(.route-journal3-popup-page).mobile-filter-container-open .mobile-filter-container .mobile-wrapper-header .x {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    position: relative !important;
    z-index: 2 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    text-decoration: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page).mobile-filter-container-open .mobile-filter-container .mobile-wrapper-header .x::before {
    content: "\00d7" !important;
    font-family: inherit !important;
    font-size: 28px !important;
    line-height: 1 !important;
    color: #29292b !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper {
    background: var(--zb-navy) !important;
    padding: 12px 16px 30px !important;
    height: auto !important;
    max-height: calc(100dvh - var(--zb-menu-top)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    align-content: flex-start !important;
    justify-content: flex-start !important;
    -webkit-overflow-scrolling: touch;
  }

  html:not(.popup):not(.route-journal3-popup-page) .mobile-container.mobile-main-menu-container,
  html:not(.popup):not(.route-journal3-popup-page) .mobile-container.mobile-main-menu-container.animating {
    overflow-x: hidden !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-search {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 16px;
    flex: 0 0 auto;
    order: 0;
    overflow: visible !important;
    z-index: 2;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-search__field {
    display: flex;
    align-items: center;
    width: 100%;
    height: 44px;
    background: rgba(255, 255, 255, 0.37) !important;
    border-radius: var(--zb-radius);
    overflow: hidden;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-search .zb-search-input {
    flex: 1 1 auto;
    height: 44px !important;
    line-height: 44px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 12px 0 16px !important;
    color: var(--zb-white) !important;
    -webkit-text-fill-color: var(--zb-white);
    font-size: 16px !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-search .zb-search-input::placeholder {
    color: rgba(255, 255, 255, 0.65) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.65);
    opacity: 1;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-search__btn {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-search__btn::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='6.2' stroke='%23fff' stroke-width='1.8'/%3E%3Cpath stroke='%23fff' stroke-width='1.8' stroke-linecap='round' d='M16 16.5 20 20.5'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-search .zb-suggest {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 4px) !important;
    bottom: auto !important;
    max-height: min(40vh, 280px);
    z-index: 5;
    background: var(--zb-white);
    border-radius: 0 0 8px 8px;
    box-shadow: 0 12px 32px rgba(27, 42, 74, 0.22);
  }

  html:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu,
  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    align-content: flex-start !important;
    justify-content: flex-start !important;
    gap: 0;
    flex: 0 0 auto !important;
    order: 1;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav .j-dropdown > .j-menu,
  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav .dropdown-menu > .j-menu {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav li.zb-open > .j-dropdown > .j-menu > li,
  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav li.zb-open > .dropdown-menu > .j-menu > li {
    display: block !important;
    width: 100% !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav > li {
    width: 100% !important;
    align-self: stretch !important;
    max-width: 100% !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav > li.zb-open {
    background: var(--zb-navy-2);
    border-bottom-color: transparent;
  }

  html:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu > li > a,
  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav > li > a,
  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav a {
    color: var(--zb-white) !important;
    font-family: var(--zb-font);
    font-size: 16px;
    font-weight: 500;
    text-transform: none !important;
    background: transparent !important;
    padding: 14px 0 !important;
    min-height: 48px;
    display: flex !important;
    align-items: center;
    justify-content: flex-start !important;
    text-align: left !important;
    width: 100%;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav > li > a .links-text,
  html:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu > li > a .links-text {
    text-align: left !important;
    width: auto !important;
    max-width: none !important;
    flex: 0 1 auto !important;
    min-width: 0;
    margin: 0 !important;
    display: inline-block !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav.j-menu > li > a::before,
  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav.j-menu > li.dropdown > a::after,
  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav .open-menu i,
  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav .open-menu i::before {
    display: none !important;
    content: none !important;
    background: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu > li:hover > a,
  html:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu > li.active > a {
    color: var(--zb-white) !important;
    background: transparent !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav .open-menu,
  html:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper .zb-mobile-nav .open-menu {
    display: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav > li.zb-has-children > a > .open-menu {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    margin-left: auto;
    background: transparent;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav > li:not(.zb-has-children) .open-menu,
  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav .open-menu i {
    display: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav .open-menu i,
  html:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper .open-menu i {
    display: none;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav > li.zb-has-children > a > .open-menu::after,
  html:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper .zb-mobile-nav > li.zb-has-children > a > .open-menu::after {
    content: "";
    width: 10px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav li.zb-open > a > .open-menu::after,
  html:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper li.open > a > .open-menu::after,
  html:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper .open-menu:not(.collapsed)::after {
    transform: rotate(-135deg);
    margin-top: 6px;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav .j-dropdown,
  html:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper .j-dropdown,
  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav .dropdown-menu,
  html:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper .dropdown-menu {
    position: static !important;
    transform: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 0 0 0 !important;
    margin: 0 !important;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    display: block !important;
    height: auto !important;
    transition: max-height 0.28s ease, opacity 0.22s ease, visibility 0.28s ease;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav li.zb-open > .j-dropdown,
  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav li.zb-open > .dropdown-menu {
    max-height: 640px;
    opacity: 1;
    visibility: visible;
    padding: 0 0 8px 0 !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav .j-dropdown a,
  html:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper .j-dropdown a {
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 15px;
    padding: 10px 0 !important;
    min-height: 44px;
    text-align: left !important;
    justify-content: flex-start !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-search .zb-suggest:not([hidden]) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    height: auto !important;
    max-height: min(40vh, 280px) !important;
    overflow: auto !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav .j-dropdown::before,
  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav .j-dropdown::after,
  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav .dropdown-menu::before,
  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-nav .dropdown-menu::after,
  html:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper .zb-mobile-nav .j-dropdown::before,
  html:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper .zb-mobile-nav .dropdown-menu::before {
    display: none !important;
    content: none !important;
    border: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-contacts,
  html:not(.popup):not(.route-journal3-popup-page) .zb-mobile-call {
    display: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page).mobile-header-active .site-wrapper {
    overflow-x: clip !important;
    overflow-y: visible;
  }

  html:not(.popup):not(.route-journal3-popup-page).mobile-main-menu-container-open.mobile-header-active .site-wrapper {
    overflow: hidden;
  }

  html.zb-header-on.mobile-main-menu-container-open.mobile-header-active:not(.popup):not(.route-journal3-popup-page) {
    overflow: hidden !important;
  }

  html.zb-header-on.mobile-main-menu-container-open.mobile-header-active:not(.popup):not(.route-journal3-popup-page) body {
    overflow: hidden !important;
    overscroll-behavior: none;
  }

  html.zb-header-on.mobile-main-menu-container-open.mobile-header-active:not(.popup):not(.route-journal3-popup-page) .mobile-header,
  html.zb-header-on.mobile-main-menu-container-open.mobile-header-active:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-container,
  html.zb-header-on.mobile-main-menu-container-open.mobile-header-active:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper {
    touch-action: manipulation;
    -webkit-overflow-scrolling: touch;
  }
}

@media (min-width: 768px) {
  html:not(.popup):not(.route-journal3-popup-page) .mobile-header,
  html:not(.popup):not(.route-journal3-popup-page).mobile-header-active .mobile-header {
    display: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) header > .header.header-compact,
  html:not(.popup):not(.route-journal3-popup-page) header > .header.header-sm,
  html:not(.popup):not(.route-journal3-popup-page).mobile-header-active header > .header.header-compact,
  html:not(.popup):not(.route-journal3-popup-page).mobile-header-active header > .header.header-sm {
    display: flex !important;
    flex-direction: column;
  }

  html:not(.popup):not(.route-journal3-popup-page).mobile-header-active:not(.mobile-main-menu-container-open) .mobile-container.mobile-main-menu-container {
    display: none !important;
  }
}

@media (max-width: 1099px) {
  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__inner {
    font-size: 13px;
    gap: 12px;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__left {
    gap: 8px 16px;
  }

  html:not(.popup):not(.route-journal3-popup-page) #cart .zb-cart-label {
    display: none !important;
  }
}

/* Last-wins PC mockup overrides vs Journal inline header CSS */
@media (min-width: 1100px) {
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .header-search {
    width: 280px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    background: rgba(255, 255, 255, 0.37) !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .header-search input,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .header-search .search-input {
    color: #fff !important;
    -webkit-text-fill-color: #fff;
    background: transparent !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    line-height: 40px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .header-search input::placeholder {
    color: rgba(255, 255, 255, 0.55) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.55);
    opacity: 1 !important;
    line-height: normal !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .header-search > .search-button {
    order: 5;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    background: transparent !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .header-search > .search-button::before {
    content: "" !important;
    font-size: 0 !important;
    display: block;
    width: 18px;
    height: 18px;
    margin: 0 auto;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='6.2' stroke='%23fff' stroke-width='1.8'/%3E%3Cpath stroke='%23fff' stroke-width='1.8' stroke-linecap='round' d='M16 16.5 20 20.5'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
  }

  html:not(.popup):not(.route-journal3-popup-page) .header-cart-group #cart > a,
  html:not(.popup):not(.route-journal3-popup-page) #cart > a.cart-heading,
  html:not(.popup):not(.route-journal3-popup-page) #cart > a {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 40px !important;
    padding: 0 16px !important;
    overflow: visible !important;
    background: #fe5000 !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    font-size: 15px !important;
    color: #fff !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) #cart > a > i {
    width: 18px !important;
    height: 18px !important;
    order: 2;
    flex: 0 0 18px;
  }

  html:not(.popup):not(.route-journal3-popup-page) #cart > a > i::before {
    content: "" !important;
    font-size: 0 !important;
    width: 18px !important;
    height: 18px !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-width='1.8' stroke-linejoin='round' d='M6 8h12l-1.2 11.2a1 1 0 0 1-1 .8H8.2a1 1 0 0 1-1-.8L6 8Z'/%3E%3Cpath stroke='%23fff' stroke-width='1.8' stroke-linecap='round' d='M9 8V7a3 3 0 0 1 6 0v1'/%3E%3C/svg%3E") center / 18px 18px no-repeat !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) #cart .zb-cart-label {
    display: inline-block !important;
    order: 1;
    color: #fff !important;
    font-family: var(--zb-font);
    font-size: 15px !important;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
  }

  html:not(.popup):not(.route-journal3-popup-page) #cart-items.count-badge,
  html:not(.popup):not(.route-journal3-popup-page) #cart-items.count-zero,
  html:not(.popup):not(.route-journal3-popup-page) #cart-items.count-badge.count-zero {
    display: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) #cart-items.count-badge:not(.count-zero) {
    display: inline-flex !important;
    top: -6px !important;
    right: -6px !important;
    margin: 0 !important;
    transform: none !important;
    background: #fff !important;
    color: #fe5000 !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar,
  html:not(.popup):not(.route-journal3-popup-page) .header .mid-bar {
    padding-left: max(0px, calc((100% - 1400px) / 2)) !important;
    padding-right: max(0px, calc((100% - 1400px) / 2)) !important;
  }

  /* Full-bleed 1400px mockup: no inner gutters once the viewport fits the bar */
  @media (min-width: 1400px) {
    html:not(.popup):not(.route-journal3-popup-page) {
      --zb-pad: 0px;
    }

    html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__inner,
    html:not(.popup):not(.route-journal3-popup-page) .zb-mid-inner,
    html:not(.popup):not(.route-journal3-popup-page) .header .mid-bar > .zb-mid-inner {
      padding-left: 0 !important;
      padding-right: 0 !important;
      max-width: 1400px !important;
    }
  }

  /* Kill leftover Journal header chrome / white strip under navy bar */
  html:not(.popup):not(.route-journal3-popup-page) header,
  html:not(.popup):not(.route-journal3-popup-page) header.header-compact,
  html:not(.popup):not(.route-journal3-popup-page) .header.header-compact,
  html:not(.popup):not(.route-journal3-popup-page) .header.header-sm,
  html.desktop-header-active:not(.popup):not(.route-journal3-popup-page) header,
  html.desktop-header-active:not(.popup):not(.route-journal3-popup-page) header.header-compact {
    background: transparent !important;
    min-height: 0 !important;
    height: auto !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) header::after,
  html:not(.popup):not(.route-journal3-popup-page) .header::after,
  html:not(.popup):not(.route-journal3-popup-page) .header .mid-bar::after {
    display: none !important;
    content: none !important;
    height: 0 !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .header > .bottom-bar,
  html:not(.popup):not(.route-journal3-popup-page) .header .bottom-bar,
  html:not(.popup):not(.route-journal3-popup-page) .header > .top-bar {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .header .mid-bar {
    box-shadow: 0 8px 24px rgba(27, 42, 74, 0.12);
  }

  html:not(.popup):not(.route-journal3-popup-page) #top,
  html:not(.popup):not(.route-journal3-popup-page) #top.top,
  html:not(.popup):not(.route-journal3-popup-page) .top.top-row {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html.zb-header-on.route-common-home:not(.popup):not(.route-journal3-popup-page) .grid-row.grid-row-top-1,
  html.zb-header-on.route-common-home:not(.popup):not(.route-journal3-popup-page) #top .grid-row.grid-row-top-1 {
    margin-top: 0 !important;
  }

  html.zb-header-on.route-common-home:not(.popup):not(.route-journal3-popup-page) .grid-row.grid-row-top-1,
  html.zb-header-on.route-common-home:not(.popup):not(.route-journal3-popup-page) #top .grid-row.grid-row-top-1 {
    margin-top: 0 !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) #top .grid-row,
  html:not(.popup):not(.route-journal3-popup-page) #top .grid-col,
  html:not(.popup):not(.route-journal3-popup-page) #top .module,
  html:not(.popup):not(.route-journal3-popup-page) #top .module-body,
  html:not(.popup):not(.route-journal3-popup-page) #top .block-body,
  html:not(.popup):not(.route-journal3-popup-page) #top .hero-2 {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .header-search,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper #search .header-search,
  html.desktop-header-active:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .header-search {
    background: rgba(255, 255, 255, 0.37) !important;
    background-color: rgba(255, 255, 255, 0.37) !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    display: flex !important;
    align-items: center !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .header-search input,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .header-search input.search-input,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .header-search input[name="search"],
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .header-search .tt-input,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .header-search .twitter-typeahead input {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    display: flex !important;
    align-items: center !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    line-height: 40px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .header-search .twitter-typeahead,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .header-search > span {
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    flex: 1 1 auto !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    line-height: 40px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .header-search .tt-hint,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .twitter-typeahead .tt-hint {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .header-search input::placeholder,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .header-search .search-input::placeholder,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .header-search .tt-input::placeholder {
    line-height: normal !important;
    color: rgba(255, 255, 255, 0.55) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.55);
    opacity: 1 !important;
    transform: none !important;
    position: static !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper.zb-search-open .header-search input::placeholder,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper.zb-search-panel-hover .header-search input::placeholder,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper.zb-search-open .header-search .search-input::placeholder,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper.zb-search-panel-hover .header-search .search-input::placeholder {
    color: rgba(255, 255, 255, 0.55) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.55);
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .header-search input[type="search"]::-webkit-search-decoration,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .header-search input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none !important;
    display: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .header-search:focus,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .header-search:focus-within,
  html:not(.popup):not(.route-journal3-popup-page) .header-search input:focus,
  html:not(.popup):not(.route-journal3-popup-page) .header-search input:focus-visible,
  html:not(.popup):not(.route-journal3-popup-page) .header-search .search-input:focus,
  html:not(.popup):not(.route-journal3-popup-page) .header-search .search-input:focus-visible,
  html:not(.popup):not(.route-journal3-popup-page) .header-search .tt-input:focus,
  html:not(.popup):not(.route-journal3-popup-page) .zb-search-input:focus,
  html:not(.popup):not(.route-journal3-popup-page) .zb-search-input:focus-visible {
    outline: none !important;
    outline-offset: 0 !important;
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }
}

/* Shrinking PC → tablet: 20px from viewport edges while the 1400px bar no longer fits */
@media (min-width: 768px) and (max-width: 1399px) {
  html:not(.popup):not(.route-journal3-popup-page) {
    --zb-pad: 20px;
  }

  html:not(.popup):not(.route-journal3-popup-page) .zb-topbar__inner,
  html:not(.popup):not(.route-journal3-popup-page) .zb-mid-inner,
  html:not(.popup):not(.route-journal3-popup-page) .header .mid-bar > .zb-mid-inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }
}

/* Last-wins tablet mockup overrides vs Journal inline header CSS */
@media (min-width: 768px) and (max-width: 1099px) {
  html:not(.popup):not(.route-journal3-popup-page) .desktop-main-menu-wrapper .main-menu > .j-menu > li > a .links-text,
  html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li > a .links-text {
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .main-menu > .j-menu > li > a:hover,
  html:not(.popup):not(.route-journal3-popup-page) .main-menu > .j-menu > li.active > a,
  html:not(.popup):not(.route-journal3-popup-page) .main-menu > .j-menu > li.zb-current > a,
  html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li:hover > a,
  html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li.active > a,
  html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li.zb-current > a,
  html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li:has(> a.active) > a,
  html:not(.popup):not(.route-journal3-popup-page) #main-menu > .j-menu > li:has(li.active) > a {
    background: #364667 !important;
    background-color: #364667 !important;
    color: #fff !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper.mini-search .search-trigger,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .search-trigger {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    background: rgba(255, 255, 255, 0.37) !important;
    border-radius: 8px !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper .search-trigger::after {
    display: none !important;
    content: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) #cart > a,
  html:not(.popup):not(.route-journal3-popup-page) #cart > a.cart-heading {
    overflow: visible !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) #cart-items.count-badge.count-zero {
    display: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) #cart-items.count-badge:not(.count-zero) {
    display: inline-flex !important;
    top: -6px !important;
    right: -6px !important;
    left: auto !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 4px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #fe5000 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    z-index: 3 !important;
    pointer-events: none !important;
    transform: none !important;
    box-shadow: none !important;
  }

  /* Last-wins: tablet search panel below header (beats stale style.css absolute rules) */
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper #search > .dropdown-menu.j-dropdown,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper #search > .dropdown-menu,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper #search.full-search > .dropdown-menu,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper.zb-search-open #search > .dropdown-menu,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper.zb-search-panel-hover #search > .dropdown-menu {
    position: fixed !important;
    top: calc(var(--zb-top-h) + var(--zb-main-h)) !important;
    inset: auto !important;
    right: unset !important;
    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;
    overflow: visible !important;
    transform: none !important;
    z-index: 1300 !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper #search > .dropdown-menu::before,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper #search > .dropdown-menu.j-dropdown::before {
    display: none !important;
    content: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper:not(.zb-search-open):not(.zb-search-panel-hover) #search:not(.open):not(.show) > .dropdown-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper.zb-search-open #search > .dropdown-menu,
  html:not(.popup):not(.route-journal3-popup-page) .desktop-search-wrapper.zb-search-panel-hover #search > .dropdown-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    pointer-events: auto !important;
    width: 360px !important;
    max-width: min(360px, calc(100% - var(--zb-pad) * 2)) !important;
    left: auto !important;
    right: auto !important;
  }
}

/* Last-wins mobile menu: flush-left nav + mobile suggest portal */
@media (max-width: 767px) {
  html.zb-header-on.mobile-header-active:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper .zb-mobile-nav.j-menu,
  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper .zb-mobile-nav.j-menu {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    text-align: left !important;
  }

  html.zb-header-on.mobile-header-active:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper .zb-mobile-nav.j-menu > li,
  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper .zb-mobile-nav.j-menu > li {
    width: 100% !important;
    align-self: stretch !important;
    text-align: left !important;
  }

  html.zb-header-on.mobile-header-active:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper .zb-mobile-nav.j-menu > li > a,
  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper .zb-mobile-nav.j-menu > li > a {
    justify-content: flex-start !important;
    text-align: left !important;
    padding: 14px 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  html.zb-header-on.mobile-header-active:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper .zb-mobile-nav.j-menu > li > a .links-text,
  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper .zb-mobile-nav.j-menu > li > a .links-text {
    text-align: left !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }

  html.zb-header-on.mobile-header-active:not(.popup):not(.route-journal3-popup-page) .mobile-container.mobile-main-menu-container,
  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-container.mobile-main-menu-container {
    top: var(--zb-menu-top) !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
  }

  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-container.mobile-main-menu-container.animating {
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    transition: none !important;
    -webkit-transition: none !important;
    background: var(--zb-navy) !important;
  }

  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper {
    background: var(--zb-navy) !important;
  }

  html.zb-header-on:not(.popup):not(.route-journal3-popup-page) #zb-suggest-portal.zb-suggest--mobile-down:not([hidden]) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    overflow: auto !important;
    z-index: 99999 !important;
    position: fixed !important;
  }

  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-container.mobile-main-menu-container {
    display: block !important;
  }

  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .zb-mobile-nav.j-menu {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 0 0 auto !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
  }

  html.zb-header-on.mobile-header-active:not(.popup):not(.route-journal3-popup-page) .mobile-container.mobile-main-menu-container,
  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-container.mobile-main-menu-container {
    z-index: 12000 !important;
  }

  /* Last-wins: kill Journal slide-from-top/left mobile-container defaults */
  html.zb-header-on.mobile-header-active:not(.popup):not(.route-journal3-popup-page) .mobile-container.mobile-main-menu-container,
  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-container.mobile-main-menu-container,
  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-container.mobile-main-menu-container.animating {
    top: var(--zb-menu-top) !important;
    left: 0 !important;
    right: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    transform: none !important;
    -webkit-transform: none !important;
    transition: none !important;
    -webkit-transition: none !important;
    background: var(--zb-navy) !important;
    border-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    overflow: visible !important;
  }

  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-header {
    border-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  html.zb-header-on.mobile-main-menu-container-open.mobile-header-active:not(.popup):not(.route-journal3-popup-page) header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 12001 !important;
  }

  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper {
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100dvh - var(--zb-menu-top)) !important;
    padding-bottom: 30px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    align-content: flex-start !important;
    justify-content: flex-start !important;
  }

  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .zb-mobile-search {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .zb-mobile-nav.j-menu {
    flex: 0 0 auto !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    overflow: visible !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
  }

  /* Hard override: desktop row-menu rules must not collapse mobile drawer */
  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .main-menu > .j-menu,
  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper #main-menu > .j-menu,
  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .zb-mobile-nav.j-menu {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .main-menu > .j-menu > li,
  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper #main-menu > .j-menu > li,
  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .zb-mobile-nav > li {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 48px !important;
    max-height: none !important;
    width: 100% !important;
    flex: 0 0 auto !important;
  }

  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .main-menu > .j-menu > li > a,
  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper #main-menu > .j-menu > li > a,
  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .zb-mobile-nav > li > a {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 48px !important;
    width: 100% !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    overflow: visible !important;
  }

  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper .links-text {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  html.zb-header-on.zb-mobile-nav-ready.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .main-menu {
    display: none !important;
  }

  html.zb-header-on.mobile-main-menu-container-open:not(.zb-mobile-nav-ready):not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .main-menu {
    display: block !important;
  }

  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .zb-mobile-menu-list {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    flex: 0 0 auto !important;
    order: 1 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .zb-mobile-menu-list > li {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    min-height: 48px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  }

  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .zb-mobile-menu-list > li > a {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 48px !important;
    padding: 14px 0 !important;
    color: #fff !important;
    font: 500 16px/1.3 Inter, system-ui, sans-serif !important;
    text-decoration: none !important;
  }

  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .zb-mobile-menu-list > li > a span {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    overflow: visible !important;
  }

  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .zb-mobile-menu-list > li.zb-has-children > a {
    justify-content: space-between !important;
  }

  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .zb-mobile-menu-list > li > a .zb-menu-label {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .zb-mobile-menu-list > li.zb-has-children > .zb-mobile-submenu {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0 0 8px 12px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .zb-mobile-menu-list > li.zb-has-children.zb-submenu-open > .zb-mobile-submenu {
    display: block !important;
  }

  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .zb-mobile-menu-list .zb-mobile-submenu > li > a {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 40px !important;
    padding: 10px 0 !important;
    color: rgba(255, 255, 255, 0.88) !important;
    font: 400 15px/1.3 Inter, system-ui, sans-serif !important;
    text-decoration: none !important;
  }

  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .zb-mobile-menu-list .zb-submenu-toggle {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    margin-left: 12px;
    position: relative;
  }

  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .zb-mobile-menu-list .zb-submenu-toggle::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    margin: 7px auto 0;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
  }

  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .zb-mobile-menu-list > li.zb-has-children.zb-submenu-open > a > .zb-submenu-toggle::after {
    transform: rotate(-135deg);
    margin-top: 10px;
  }

  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .main-menu,
  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .zb-mobile-nav {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  html.zb-header-on.mobile-main-menu-container-open:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper > .zb-mobile-menu-list {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    transform: none !important;
    left: auto !important;
    box-sizing: border-box !important;
  }

  /* Anchor menu to measured header bottom (inline --zb-menu-top) or CSS fallback */
  html.zb-header-on.mobile-main-menu-container-open.mobile-header-active:not(.popup):not(.route-journal3-popup-page) .mobile-container.mobile-main-menu-container,
  html.zb-header-on.mobile-main-menu-container-open.mobile-header-active:not(.popup):not(.route-journal3-popup-page) .mobile-container.mobile-main-menu-container.animating {
    top: var(--zb-menu-top, calc(var(--zb-top-h) + var(--zb-mobile-h))) !important;
  }

  html.zb-header-on.mobile-main-menu-container-open.mobile-header-active:not(.popup):not(.route-journal3-popup-page).mobile-overlay .site-wrapper::before {
    top: var(--zb-menu-top, calc(var(--zb-top-h) + var(--zb-mobile-h)));
  }

  html.zb-header-on.mobile-main-menu-container-open.mobile-header-active:not(.popup):not(.route-journal3-popup-page) .mobile-main-menu-wrapper {
    max-height: calc(100dvh - var(--zb-menu-top, calc(var(--zb-top-h) + var(--zb-mobile-h)))) !important;
  }
}

/* === zb-header end === */





.module-title-300 .title-wrapper{
    margin-top: 30px;
}

/* ------- о компании на главной - начало ------- */
.about-company-alt {
  background-image: url('https://zavodzhelezobeton.ru/image/catalog/fon.jpg');
  padding: 90px 0;
}

.about-wrapper {
  max-width: 1500px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 60px;
  padding: 0 30px;
  align-items: center;
}

.about-visual img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
  box-shadow: 2px 2px 9px 2px #dbdbdb;
}

.about-content h2 {
  font-size: 40px;
  margin-bottom: 20px;
}

.about-lead {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #333;
}

.about-content p {
  font-size: 20px;
  line-height: 1.6;
  color: #000000;
  margin-bottom: 15px;
}

.about-stats {
  display: flex;
  gap: 30px;
  margin: 30px 0;
}

.stat strong {
  font-size: 30px;
  display: block;
  margin-bottom: 10px;
  color: #1f3c88;
}

.stat span {
  font-size: 20px;
  color: #000000;
}

.about-list {
  margin: 20px 0 30px;
  padding-left: 20px;
  font-size: 20px;
}

.about-list li {
  margin-bottom: 8px;
}

.about-btn {
  display: inline-block;
  padding: 14px 36px;
  background: #0a0f1a;
  color: #fff !important;
  border-radius: 14px;
  text-decoration: none;
  transition: transform 0.3s ease;
font-size: 18px;
}

.about-btn:hover {
  transform: scale(1.05);
  background: #0a0f1a;
  color: #fff;
}

.stat {
  text-align: center;
  margin: 20px;
  font-family: inherit; /* важно для наследования */
}

.counter {
  font-size: 34px;
  font-weight: 700;
  color: #1f3c88;
}

.stat-label {
  display: block;
  margin-top: 6px;
  font-size: 16px;
  color: #555;
}



/* Адаптив */
@media (max-width: 900px) {
  .about-wrapper {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 0 20px;
  }

  .about-content h2 {
    font-size: 22px;
  }

  .about-lead,
  .about-content p,
  .about-list,
  .stat span {
    font-size: 16px; /* уменьшаем текст */
  }

  .counter {
    font-size: 28px; /* уменьшаем цифры */
  }

  .stat-label {
    font-size: 14px; /* подпись под цифрой */
  }

  .about-btn {
    font-size: 16px;
    padding: 12px 28px;
  }

  .about-stats {
    flex-direction: row; /* счетчики друг под другом */
    gap: 10px;
    align-items: center;
  }

.stat{
margin: 10px;
}
 .about-content {
display: flex;
    flex-direction: column; /* элементы сверху вниз */
    align-items: center;    /* центрируем по горизонтали */
  }

  .about-btn {
    display: inline-block;  /* кнопка не растягивается */
    margin-top: 20px;       /* отступ сверху */
  }
}

@media (max-width: 530px) {
.about-stats{
flex-direction: column;
}
}


/* ------- о компании на главной - конец -------- */
/* ZB_BLOG_POST_DATE */
.post-grid .post-thumb .post-date {
    display: block;
    font-size: 16px;
    color: #000;
    margin-top: 10px;
    padding: 0;
    line-height: 1.4;
}
/* /ZB_BLOG_POST_DATE */

/* =========================== БЛОК "НАШИ ПРЕИМУЩЕСТВА" - начало ============================ */

/* =========================== БЛОК "НАШИ ПРЕИМУЩЕСТВА" - конец ============================ */

/* ZB_BLOG_HEADINGS */
.container.blog-post #content:empty {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
html:not(.popup) .container.blog-post h1.page-title,
html:not(.popup) .container.blog-post h1.title.page-title,
.container.blog-post .post-details h1.page-title,
.container.blog-post h1.page-title,
.blog-post .post-content h1 {
  font-size: 36px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  background: none !important;
  color: #000 !important;
  padding-left: 0 !important;
  margin: 30px 0 40px 0 !important;
}
.blog-post .post-content h2 {
  font-size: 26px !important;
  margin: 30px 0 !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
}
.blog-post .post-content h3 {
  font-size: 22px !important;
  margin: 25px 0 !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  font-family: inherit !important;
}
@media (max-width: 1140px) {
  html:not(.popup) .container.blog-post h1.page-title,
  html:not(.popup) .container.blog-post h1.title.page-title,
  .container.blog-post .post-details h1.page-title,
  .container.blog-post h1.page-title,
  .blog-post .post-content h1 {
    font-size: 28px !important;
  }
  .blog-post .post-content h2 {
    font-size: 24px !important;
  }
  .blog-post .post-content h3 {
    font-size: 22px !important;
  }
}
/* /ZB_BLOG_HEADINGS */


/*------------- карточки категорий для главной новые - начало ---------------*/

.zb-home-categories {
  --zb-cat-orange: #fe5000;
  --zb-cat-text: #111111;
  --zb-cat-radius: 14px;
  --zb-cat-shadow: 0 2px 16px rgba(15, 23, 42, 0.08);
  --zb-cat-shadow-hover: 0 10px 28px rgba(15, 23, 42, 0.14);
  max-width: 1600px;
  margin: 0 auto;
  padding: 24px 20px 32px;
  box-sizing: border-box;
}

.zb-home-categories *,
.zb-home-categories *::before,
.zb-home-categories *::after {
  box-sizing: border-box;
}

.zb-home-categories__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.zb-home-categories__card {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  align-items: stretch;
  min-height: 190px;
  background: #ffffff;
  border-radius: var(--zb-cat-radius);
  box-shadow: var(--zb-cat-shadow);
  color: var(--zb-cat-text);
  text-decoration: none;
  overflow: hidden;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.zb-home-categories__card:hover {
  box-shadow: var(--zb-cat-shadow-hover);
  transform: translateY(-2px);
  color: var(--zb-cat-text);
  text-decoration: none;
border: 1px solid #fe5000;
}

.zb-home-categories__content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px 34px 16px 18px;
  min-width: 0;
}

.zb-home-categories__title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.01em;
}

.zb-home-categories__arrow {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  font-size: 22px;
  line-height: 1;
  color: var(--zb-cat-orange);
}

.zb-home-categories__media {
  position: relative;
  min-height: 118px;
  overflow: hidden;
}

.zb-home-categories__media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 118px;
  object-fit: cover;
  clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%);
}

@media (max-width: 1200px) {
  .zb-home-categories__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .zb-home-categories {
    padding-inline: 15px;
  }

  .zb-home-categories__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .zb-home-categories__card {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    min-height: 0;
  }

  .zb-home-categories__media {
    order: 1;
    min-height: 0;
    height: 100px;
  }

  .zb-home-categories__media img {
    min-height: 150px;
    height: 150px;
    clip-path: none;
    border-radius: 14px 14px 0 0;
  }

  .zb-home-categories__content {
    order: 2;
    padding: 12px 12px 14px;
  }

  .zb-home-categories__arrow {
    display: none !important;
  }

  .zb-home-categories__title {
    font-size: 14px;
    line-height: 1.2;
  }
}

/*------------- карточки категорий для главной новые - конец ---------------*/

/* ZB_CATALOG_SIDEBAR */
/* ZB catalog sidebar — desktop/tablet, #column-left only. Mobile drawer untouched. */
@media (min-width: 768px) {
  #column-left .module-filter-36.module-filter {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 14px 10px 16px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    border: 1px solid #ececec !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 2px 16px rgba(15, 23, 42, 0.06) !important;
  }

  #column-left .module-filter-36 .panel-group {
    display: flex !important;
    flex-direction: column !important;
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  #column-left .module-filter-36 .module-item {
    width: 100% !important;
    max-width: 100% !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    margin: 0 !important;
  }

  #column-left .module-filter-36 .module-item-c {
    order: 1 !important;
  }

  #column-left .module-filter-36 .module-item-p {
    order: 2 !important;
  }

  #column-left .module-filter-36 .module-item:not(.module-item-c):not(.module-item-p) {
    order: 3 !important;
  }

  #column-left .module-filter-36 > .title.module-title {
    position: static !important;
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 4px 0 0 !important;
    padding: 12px 2px 0 !important;
    transform: none !important;
    top: auto !important;
    right: auto !important;
    z-index: 3 !important;
  }

  #column-left .module-filter-36 > .title.module-title span {
    display: none !important;
  }

  #column-left .module-filter-36 > .title.module-title .reset-filter.btn {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 8px 16px !important;
    transform: none !important;
    top: auto !important;
    right: auto !important;
    border: 1px solid #e3e3e3 !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-shadow: none !important;
    font-family: Inter, Manrope, system-ui, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
  }

  #column-left .module-filter-36 > .title.module-title .reset-filter.btn:hover {
    border-color: #fe5000 !important;
    color: #fe5000 !important;
  }

  #column-left .module-filter-36 > .title.module-title .x {
    display: none !important;
  }

  /* Одна стрелка: Journal ::before. Прячем fa-caret, иначе получается дубль. */
  #column-left .module-filter-36 .panel-title a i,
  #column-left .module-filter-36 .panel-title a .fa,
  #column-left .module-filter-36 .panel-title a .fa-caret-down,
  #column-left .module-filter-36 .panel-title a .fa-caret-down::before {
    display: none !important;
    content: none !important;
    font-size: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  #column-left .module-filter-36 .panel-title a.accordion-toggle::before,
  #column-left .module-filter-36 .panel-active .panel-title a.accordion-toggle::before {
    content: "" !important;
    font-family: inherit !important;
    font-size: 0 !important;
    color: transparent !important;
    order: 10 !important;
    flex: 0 0 auto !important;
    display: inline-block !important;
    width: 8px !important;
    height: 8px !important;
    margin: 0 2px 0 12px !important;
    padding: 0 !important;
    line-height: 0 !important;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    border-right: 2px solid #c5cad3 !important;
    border-bottom: 2px solid #c5cad3 !important;
  }

  /* --- Категории --- */
  #column-left .module-filter-36 .module-item-c .panel-heading {
    padding: 0 2px 12px !important;
    border: 0 !important;
    background: transparent !important;
  }

  #column-left .module-filter-36 .module-item-c .panel-title {
    padding: 0 !important;
  }

  #column-left .module-filter-36 .module-item-c .panel-title a.accordion-toggle,
  #column-left .module-filter-36 .module-item-c.panel-active .panel-title a.accordion-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 0 !important;
    font-family: Inter, Manrope, system-ui, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #111 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    text-decoration: none !important;
  }

  #column-left .module-filter-36 .module-item-c .panel-title a.accordion-toggle::before,
  #column-left .module-filter-36 .module-item-c.panel-active .panel-title a.accordion-toggle::before {
    transform: rotate(45deg) !important;
  }

  #column-left .module-filter-36 .module-item-c .panel-title a.collapsed::before {
    transform: rotate(-45deg) !important;
  }

  #column-left .module-filter-36 .module-item-c .panel-body {
    padding: 0 2px 0 0 !important;
    border: 0 !important;
    max-height: min(52vh, 520px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  #column-left .module-filter-36 .module-item-c .filter-radio {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  #column-left .module-filter-36 .module-item-c .zb-cat-item {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 10px !important;
    box-shadow: none !important;
  }

  #column-left .module-filter-36 .module-item-c .zb-cat-item.is-open {
    background: #f3f4f6 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  #column-left .module-filter-36 .module-item-c .zb-cat-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    background: #f3f4f6 !important;
  }

  #column-left .module-filter-36 .module-item-c .zb-cat-item.is-open .zb-cat-row {
    background: #f3f4f6 !important;
    border-radius: 10px 10px 0 0 !important;
  }

  #column-left .module-filter-36 .module-item-c label input[type="radio"] {
    position: absolute !important;
    left: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    appearance: none !important;
  }

  #column-left .module-filter-36 .module-item-c .zb-cat-row > label,
  #column-left .module-filter-36 .module-item-c .filter-radio > label {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    min-height: 44px !important;
    border: none !important;
    border-radius: 10px !important;
    background: transparent !important;
    cursor: pointer !important;
    position: relative !important;
  }

  #column-left .module-filter-36 .module-item-c .filter-radio > label {
    width: 100% !important;
    background: #f3f4f6 !important;
  }

  #column-left .module-filter-36 .module-item-c .filter-radio > label:has(input:checked) {
    background: #eceef1 !important;
  }

  #column-left .module-filter-36 .module-item-c label img {
    display: none !important;
  }

  #column-left .module-filter-36 .module-item-c label input:checked + img + span.links-text::before,
  #column-left .module-filter-36 .module-item-c label input:checked + img + a.links-text::before,
  #column-left .module-filter-36 .module-item-c label input:checked + span.links-text::before,
  #column-left .module-filter-36 .module-item-c label input:checked + a.links-text::before {
    display: none !important;
  }

  #column-left .module-filter-36 .module-item-c a.links-text,
  #column-left .module-filter-36 .module-item-c .links-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: block !important;
    margin: 0 !important;
    font-family: Inter, Manrope, system-ui, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    color: #1a1a1a !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    text-decoration: none !important;
    background: transparent !important;
  }

  #column-left .module-filter-36 .module-item-c label:hover .links-text {
    color: #fe5000 !important;
  }

  #column-left .module-filter-36 .module-item-c .count-badge {
    display: none !important;
  }

  #column-left .module-filter-36 .module-item-c .zb-cat-toggle {
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 36px !important;
    margin: 0 4px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    cursor: pointer !important;
    position: relative !important;
    appearance: none !important;
    box-shadow: none !important;
  }

  #column-left .module-filter-36 .module-item-c .zb-cat-toggle::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 7px !important;
    height: 7px !important;
    margin: -5px 0 0 -4px !important;
    border-right: 2px solid #9aa3b2 !important;
    border-bottom: 2px solid #9aa3b2 !important;
    transform: rotate(-45deg) !important;
    transition: transform 0.18s ease !important;
  }

  #column-left .module-filter-36 .module-item-c .zb-cat-item.is-open .zb-cat-toggle::after {
    transform: rotate(45deg) !important;
    margin-top: -7px !important;
  }

  #column-left .module-filter-36 .module-item-c .zb-cat-children {
    display: none !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 2px 12px 10px 16px !important;
    background: #f8f9fb !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  #column-left .module-filter-36 .module-item-c .zb-cat-item.is-open > .zb-cat-children {
    display: flex !important;
    background: #f8f9fb !important;
  }

  #column-left .module-filter-36 .module-item-c a.zb-cat-child,
  #column-left .module-filter-36 .module-item-c a.zb-cat-child:hover,
  #column-left .module-filter-36 .module-item-c a.zb-cat-child:focus,
  #column-left .module-filter-36 .module-item-c a.zb-cat-child:visited,
  #column-left .module-filter-36 .module-item-c a.zb-cat-child.is-current {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    margin-left: 0 !important;
    transform: none !important;
    padding: 6px 8px 6px 4px !important;
    font-family: Inter, Manrope, system-ui, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    color: #222 !important;
    text-decoration: none !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  #column-left .module-filter-36 .module-item-c a.zb-cat-child--nested,
  #column-left .module-filter-36 .module-item-c a.zb-cat-child--nested:hover,
  #column-left .module-filter-36 .module-item-c a.zb-cat-child--nested:focus,
  #column-left .module-filter-36 .module-item-c a.zb-cat-child--nested:visited,
  #column-left .module-filter-36 .module-item-c a.zb-cat-child--nested.is-current {
    padding: 6px 8px 6px 16px !important;
    font-size: 13px !important;
    color: #222 !important;
    background: transparent !important;
    background-color: transparent !important;
    margin-left: 0 !important;
    transform: none !important;
  }

  #column-left .module-filter-36 .module-item-c a.zb-cat-child:hover,
  #column-left .module-filter-36 .module-item-c a.zb-cat-child.is-current {
    color: #fe5000 !important;
    background: transparent !important;
    background-color: transparent !important;
  }

  /* --- Цена / тип / артикул --- */
  #column-left .module-filter-36 .module-item-a34,
  #column-left .module-filter-36 .module-item:has(> .panel-heading [data-filter="a34"]) {
    display: none !important;
  }
  #column-left .module-filter-36 .module-item:not(.module-item-c) .panel-heading {
    padding: 10px 2px 6px !important;
    border: 0 !important;
    border-top: 1px solid #f0f0f0 !important;
    background: transparent !important;
    margin-top: 8px !important;
  }

  #column-left .module-filter-36 .module-item:not(.module-item-c) .panel-title {
    padding: 0 !important;
  }

  #column-left .module-filter-36 .module-item:not(.module-item-c) .panel-title a.accordion-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 0 !important;
    font-family: Inter, Manrope, system-ui, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #111 !important;
    text-decoration: none !important;
  }

  #column-left .module-filter-36 .module-item:not(.module-item-c) .panel-title a.accordion-toggle::before,
  #column-left .module-filter-36 .module-item:not(.module-item-c).panel-active .panel-title a.accordion-toggle::before {
    transform: rotate(45deg) !important;
  }

  #column-left .module-filter-36 .module-item:not(.module-item-c) .panel-title a.collapsed::before {
    transform: rotate(-45deg) !important;
  }

  #column-left .module-filter-36 .module-item:not(.module-item-c) .panel-body {
    padding: 0 2px 8px !important;
    border: 0 !important;
    overflow: visible !important;
    max-height: none !important;
  }

  #column-left .module-filter-36 .filter-checkbox {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #column-left .module-filter-36 .filter-checkbox > label {
    padding: 6px 4px !important;
    border: 0 !important;
    background: transparent !important;
  }

  /* Серия: чекбоксы с data-filter-trigger-custom (резерв без JS — :has) */
  #column-left .module-filter-36 .module-item.panel .panel-body:has(> .filter-checkbox [data-filter-trigger-custom]) {
    padding: 0 2px 0 0 !important;
    border: 0 !important;
    max-height: min(52vh, 520px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  #column-left .module-filter-36 .panel-body > .filter-checkbox:has([data-filter-trigger-custom]) {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #column-left .module-filter-36 .panel-body > .filter-checkbox:has([data-filter-trigger-custom]) > label {
    margin: 0 !important;
    padding: 4px 4px !important;
  }

  /* Серия / Артикул — одинаковый список с чекбоксами */
  #column-left .module-filter-36 .module-item.panel.zb-filter-scroll-series .panel-body,
  #column-left .module-filter-36 .module-item.panel.zb-filter-scroll-article .panel-body {
    padding: 0 2px 0 0 !important;
    border: 0 !important;
    max-height: min(52vh, 520px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  #column-left .module-filter-36 .module-item.zb-filter-scroll-series .filter-checkbox,
  #column-left .module-filter-36 .module-item.zb-filter-scroll-article .filter-checkbox,
  #column-left .module-filter-36 .module-item.zb-filter-scroll-article .zb-article-checks {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #column-left .module-filter-36 .module-item.zb-filter-scroll-series .filter-checkbox > label,
  #column-left .module-filter-36 .module-item.zb-filter-scroll-article .filter-checkbox > label,
  #column-left .module-filter-36 .module-item.zb-filter-scroll-article .zb-article-checks > label {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 4px 4px !important;
    border: 0 !important;
    background: transparent !important;
  }

  #column-left .module-filter-36 .module-item.zb-filter-scroll-article .zb-article-checks .custom-checkbox {
    flex: 0 0 13px !important;
    margin-right: 6px !important;
  }

  #column-left .module-filter-36 .module-item.zb-filter-scroll-article .zb-article-checks .links-text {
    display: inline !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  #column-left .module-filter-36 .module-item.zb-filter-scroll-article .select {
    display: none !important;
  }
}
/* /ZB_CATALOG_SIDEBAR */



/*----------------- блоки для блога - начало -------------------*/

/* ========== .blog-article ========== */

    
    .blog-article h2 {
      margin: 2.5rem 0 1rem;
      padding-bottom: 0.5rem;
      font-size: 1.35rem !important;
      font-weight: 700;
      line-height: 1.3;
      color: #2d3748;
      border-bottom: 2px solid #e2e5eb;
    }

    .blog-article h3 {
      margin: 1.75rem 0 0.65rem;
      font-size: 1.1rem;
      font-weight: 700 !important;
      line-height: 1.35;
      color: #374151;
    }
    
        .blog-article h4 {
      margin: 1.75rem 0;
      font-size: 20px;
      font-weight: 400 !important;
      line-height: 1.35;
      color: #374151;
      text-transform: none !important;
    }

@media (max-width: 640px) {
      .blog-article h2 {        
        font-size: 22px;
      }
    .blog-article h3 {
font-size: 20px;
}
    }

    .blog-article p {
      margin: 0 0 1rem;
    }

    .blog-article a {
      color: #9a4520;
      text-decoration: underline;
      text-underline-offset: 3px;
    }

    .blog-article a:hover {
      color: #c45c26;
    }

    .blog-article ul,
    .blog-article ol {
      margin: 0 0 1rem;
      padding-left: 1.35rem;
    }

    .blog-article li {
      margin-bottom: 0.4rem;
    }

    /* ========== .blog-article__formula (lead) ========== */
    .blog-article__formula {
      margin: 1.25rem 0 1.5rem;
      padding: 16px 20px;
      font-size: 18px;
      line-height: 1.65;
      background: #eef4fa;
      border: 1px solid #d0dde8;
      border-radius: 10px;
    }

    .blog-article__formula strong {
      color: #1e3a5f;
    }

    /* ========== .article-toc ========== */
    .article-toc {
      margin: 1.5rem 0 2rem;
      padding: 18px 22px;
      font-size: 16px;
      line-height: 1.55;
      background: #f8f9fb;
      border-radius: 10px;
    }

    .article-toc__title {
      margin: 0 0 0.5rem;
      font-size: inherit;
      font-weight: 700;
      color: #2d3748;
    }

    .article-toc ul {
      margin: 0;
      padding-left: 1.2rem;
    }

    .article-toc li {
      margin-bottom: 0.35rem;
    }

    .article-toc a {
      color: #9a4520;
      text-decoration: none;
    }

    .article-toc a:hover {
      text-decoration: underline;
    }

    /* ========== .article-figure ========== */
/* ========== .article-figure — только картинки внутри статьи ========== */
.article-figure {
    display: block;
    width: 100%;
    max-width: min(100%, calc(100vw - 32px));
    margin: 1.75rem 0;
    overflow: hidden;
    background: #e8eaee;
    border: 1px solid #e2e5eb;
    border-radius: 10px;
    box-sizing: border-box;
}
.article-figure img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    vertical-align: middle;
}
.article-figure figcaption {
    padding: 12px 16px;
    font-size: 0.85rem;
    line-height: 1.5;
    color: #5c6370;
    background: #f8f9fa;
    border-top: 1px solid #e2e5eb;
}


/* ========== .article-table-wrap + .article-table (адаптив, горизонтальный скролл) ========== */
.blog-post .col-12,
.blog-post .post-content,
.blog-article {
    min-width: 0;
    max-width: 100%;
}

.article-table-wrap {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    margin: 1.25rem 0 1.5rem;
    border: 1px solid #e2e5eb;
    border-radius: 10px;
    box-sizing: border-box;
}

.article-table {
    width: max-content;
    min-width: 100%;
    border-collapse: collapse;
    font-size: 16px;
    line-height: 1.45;
}

.article-table th,
.article-table td {
    padding: 12px 14px;
    text-align: left;
    border-bottom: 1px solid #e2e5eb;
    vertical-align: top;
    white-space: nowrap;
}

.article-table th {
    font-weight: 600;
    color: #fff;
    background: #2d3748;
}

.article-table tr:last-child td {
    border-bottom: none;
}

.article-table tbody tr:nth-child(even) td {
    background: #f9fafb;
}

    /* ========== .callout-info ========== */
    .callout-info {
      margin: 1.5rem 0;
      padding: 16px 20px;
      font-size: 18px;
      line-height: 1.6;
      background: #eef4fa;
      border-left: 4px solid #3d6ea8;
      border-radius: 0 10px 10px 0;
    }

    .callout-info strong {
      color: #1e3a5f;
    }

    /* ========== .callout-warning ========== */
    .callout-warning {
      margin: 1.5rem 0;
      padding: 16px 20px;
      font-size: 0.95rem;
      line-height: 1.6;
      background: #fff8f0;
      border-left: 4px solid #c45c26;
      border-radius: 0 10px 10px 0;
    }

    .callout-warning strong {
      color: #1a1d23;
    }

    /* ========== .steps-list ========== */
    .steps-list {
      list-style: none;
      margin: 0 0 1rem;
      padding-left: 0;
      counter-reset: article-step;
    }

    .steps-list li {
      position: relative;
      margin-bottom: 0.85rem;
      padding-left: 2.75rem;
      counter-increment: article-step;
    }

    .steps-list li::before {
      content: counter(article-step);
      position: absolute;
      left: 0;
      top: 0.1rem;
      width: 1.85rem;
      height: 1.85rem;
      font-size: 12px;
      font-weight: 700;
      line-height: 1.85rem;
      text-align: center;
      color: #fff;
      background: #2d3748;
      border-radius: 50%;
    }

/*----------------- блоки для блога - конец -------------------*/