.product-table-title{width:100%;height:38px;margin:0 0 15px 0;border-bottom:2px solid #22a9e1;box-shadow:0 25px 15px -15px rgba(0,0,0,0.15)}
.product-table-title>div{background:#22a9e1;float:left;padding:10px 7px;line-height:20px;color:#fff;font-weight:700;text-align:center}
.product-table-name-title,
.product-table-name{width:60%;text-align:left!important}
.product-table-marka-title,
.product-table-marka{width:15%}
.product-table-razmer-title,
.product-table-razmer{width:15%}
.product-table-price-title,
.product-table-price{width:40%}
.product-table-price-title{text-align:left!important;padding:10px 7px 10px 7px!important}
.product-table-price-title span{padding:0 8px}
.product-table{width:100%;height:58px;min-height:56px}
.product-table:hover{background:#ebebeb}
.product-table>div{float:left;padding:10px 7px;height:58px;min-height:56px;line-height:34px;color:#000;text-align:center;border-bottom:1px solid #bfd1e6}
.product-table 
.product-table-name a{line-height:18px;display:block}
.product-table 
.product-table-name a:hover{text-decoration:underline!important}
.product-table-marka,
.product-table-razmer{white-space:nowrap}
.product-table-price .product{padding:0;width:100%}
.product-table-price .product-container>div{float:left}
.product-table-price .vm3pr-1{width:80px}
.product-table-price .vm3pr-1+.vm3pr-1{width:auto!important}
.product-table-price .PricesalesPrice{line-height:34px}
.product-table-price .vm3pr-2{width:calc(100% - 180px)}
.product-table-price .vm-customfields-wrap{width:45px;margin:0;float:left;height:40px;display:flex;flex-wrap:wrap;align-items:center}
.product-table-price .vm-customfields-wrap div{margin:0!important;line-height:18px}
.product-table-price .vm-customfields-wrap .control-group{width:45px}
.product-table-price .vm-customfields-wrap label{display:block;width:45px;margin:0;padding:0;font-weight:400;font-size:13px;line-height:10px;text-align:left}
.product-table-price .vm-customfields-wrap input{margin:0 5px 0 0;display:block;float:left}
.product-table-price .vm-customfields-wrap .cf4all_wrapper.cf4all_required{position:relative}
.product-table-price .vm-customfields-wrap .cf4all_error_msg{position:absolute;top:-5px;left:45px;z-index:10;display:block;width:201px;height:47px;padding:8px;font-size:13px;line-height:13px;background:#fff;border:2px solid #e36159}
.product-table-price .vm-customfields-wrap .cf4all_error_msg:after,
.product-table-price .vm-customfields-wrap .cf4all_error_msg:before{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.product-table-price .vm-customfields-wrap .cf4all_error_msg:after{z-index:12;border-color:rgba(255,255,255,0);border-right-color:#fff;border-width:10px;margin-top:-10px}
.product-table-price .vm-customfields-wrap .cf4all_error_msg:before{z-index:11;border-color:rgba(227,97,89,0);border-right-color:#e36159;border-width:13px;margin-top:-13px}
.product-table-price .product .addtocart-area .addtocart-bar{margin:0;padding:0;width:calc(100% - 45px);border:none}
.product-table-price .product .addtocart-area .addtocart-bar .quantity-box{display:block;float:left;width:44px;height:44px;margin:-5px 0 0 0}
.product-table-price .product .addtocart-area .addtocart-bar .quantity-box input{width:44px;height:44px;padding:6px}
.product-table-price .product .addtocart-area .addtocart-bar .addtocart-button{display:block;float:left;margin:0 0 0 5px}
.product-table-price .product .addtocart-area input.addtocart-button{height:34px;line-height:34px}
.product-table-price .quantity-controls.js-recalculate{width:22px;height:44px;display:block;position:relative;float:left;margin:-5px 0 0 5px}
.product-table-price .product .addtocart-area span.quantity-controls .quantity-plus{top:0;left:0}
.product-table-price .product .addtocart-area span.quantity-controls .quantity-minus{top:auto;bottom:0;left:0}
.vm-product-details-container 
.product-table-price{float:left;width:auto!important}
.vm-product-details-container 
.product-table-price .product{width:auto}
@media only screen and (min-width:992px) and (max-width:1199px),(min-device-width:992px) and (max-device-width:1199px){
.product-table-title>div{padding:10px 5px}
.product-table-name-title,
.product-table-name{width:40%!important}
.product-table-marka-title,
.product-table-marka{width:15%!important}
.product-table-razmer-title,
.product-table-razmer{width:10%!important}
.product-table-price-title,
.product-table-price{width:35%!important}
.product-table>div{padding:10px 5px}
.product-table-price .product .addtocart-area .addtocart-bar .addtocart-button{display:block;float:left;margin:0 0 0 5px}
.product-table-price .product .addtocart-area input.addtocart-button{height:34px;line-height:34px}
.product-table-price .quantity-controls.js-recalculate{width:22px;height:44px;display:block;position:relative;float:left;margin:-5px 0 0 5px}
.product-table-price .product .addtocart-area span.quantity-controls .quantity-plus{top:0;left:0}
.product-table-price .product .addtocart-area span.quantity-controls .quantity-minus{top:auto;bottom:0;left:0}
.product-table-price .vm-customfields-wrap .cf4all_error_msg{width:125px;padding:3px 2px;font-size:12px;line-height:12px}.product .addtocart-area input.addtocart-button,.vmproduct .addtocart-area input.addtocart-button,.productdetails-view .addtocart-area input.addtocart-button,.product .addtocart-area input.addtocart-button:hover,.vmproduct .addtocart-area input.addtocart-button:hover,.productdetails-view .addtocart-area input.addtocart-button:hover{padding:0 17px;text-indent:-9999px;background:#22a9e1 url(/templates/porto/images/vm/cart.png) no-repeat -12px center}.product-parameter{margin:0 0 10px 20px}
.product-table-price .vm-customfields-wrap .cf4all_error_msg{width:182px}div#basket_container div.op_basket_head div.op_col1,div#basket_container div.op_basket_row div.op_col1{width:20%!important}div#basket_container div.op_basket_head div.op_col2,div#basket_container div.op_basket_row div.op_col2_2{width:15%!important}div#basket_container div.op_basket_head div.op_col5,div#basket_container div.op_basket_row div.op_col5{width:25%!important}div#shipping_box div input[type="radio"],div#payment_box div input[type="radio"]{margin:0 1% 0 0;width:5%}div#shipping_box div label,div#payment_box div label{margin:0;width:90%}div#shipping_box .vmshipment_description,div#payment_box .vmpayment_description{line-height:14px;display:block;margin:0 0 10px 0}div#vmMainPageOPC textarea#customer_note_box{width:98%}}

@media only screen and (min-width:768px) and (max-width:991px),(min-device-width:768px) and (max-device-width:991px){
.product-table-title>div{padding:10px 5px}
.product-table-name-title,
.product-table-name{width:40%!important}
.product-table-marka-title,
.product-table-marka{width:15%!important}
.product-table-razmer-title,
.product-table-razmer{width:10%!important}
.product-table-price-title,
.product-table-price{width:35%!important}
.product-table>div{padding:10px 5px}
.product-table-price .product .addtocart-area .addtocart-bar .addtocart-button{display:block;float:left;margin:0 0 0 5px}
.product-table-price .product .addtocart-area input.addtocart-button{height:34px;line-height:34px}
.product-table-price .quantity-controls.js-recalculate{width:22px;height:44px;display:block;position:relative;float:left;margin:-5px 0 0 5px}
.product-table-price .product .addtocart-area span.quantity-controls .quantity-plus{top:0;left:0}
.product-table-price .product .addtocart-area span.quantity-controls .quantity-minus{top:auto;bottom:0;left:0}
.product-table-price .vm-customfields-wrap .cf4all_error_msg{width:125px;padding:3px 2px;font-size:12px;line-height:12px}
}
@media only screen and (min-width:600px) and (max-width:767px),(min-device-width:600px) and (max-device-width:767px){
.product-table-title>div{padding:10px 5px;text-align:center}
.product-table-name-title,
.product-table-name{width:100%}
.product-table-name-title{text-align:center!important}
.product-table-marka-title,
.product-table-marka{width:25%!important}
.product-table-razmer-title,
.product-table-razmer{width:25%!important}
.product-table-price-title,
.product-table-price{width:50%!important}
.product-table>div{padding:10px 5px}
.product-table-price .product .addtocart-area .addtocart-bar .addtocart-button{display:block;float:left;margin:0 0 0 5px}
.product-table-price .product .addtocart-area input.addtocart-button{height:34px;line-height:34px}
.product-table-price .quantity-controls.js-recalculate{width:22px;height:44px;display:block;position:relative;float:left;margin:-5px 0 0 5px}
.product-table-price .product .addtocart-area span.quantity-controls .quantity-plus{top:0;left:0}
.product-table-price .product .addtocart-area span.quantity-controls .quantity-minus{top:auto;bottom:0;left:0}
.product-table-price .vm-customfields-wrap .cf4all_error_msg{width:125px;padding:3px 2px;font-size:12px;line-height:12px}
}
@media only screen and (min-width:480px) and (max-width:599px),(min-device-width:480px) and (max-device-width:599px){
.product-table-title>div{padding:10px 3px;font-size:13px;line-height:20px;text-align:center}
.product-table-name-title,
.product-table-name{width:100%}
.product-table-name-title{text-align:center!important}
.product-table-marka-title,
.product-table-marka{width:21%!important}
.product-table-razmer-title,
.product-table-razmer{width:21%!important}
.product-table-price-title,
.product-table-price{width:58%!important}
.product-table>div{padding:10px 5px}
.product-table-price .product .addtocart-area .addtocart-bar .addtocart-button{display:block;float:left;margin:0 0 0 5px}
.product-table-price .product .addtocart-area input.addtocart-button{height:34px;line-height:34px}
.product-table-price .quantity-controls.js-recalculate{width:22px;height:44px;display:block;position:relative;float:left;margin:-5px 0 0 5px}
.product-table-price .product .addtocart-area span.quantity-controls .quantity-plus{top:0;left:0}
.product-table-price .product .addtocart-area span.quantity-controls .quantity-minus{top:auto;bottom:0;left:0}
.product-table-price .vm-customfields-wrap .cf4all_error_msg{width:125px;padding:3px 2px;font-size:12px;line-height:12px}
}
@media only screen and (min-width:320px) and (max-width:479px),(min-device-width:320px) and (max-device-width:479px){
.product-table-title>div{padding:10px 5px;text-align:center}
.product-table-name-title,
.product-table-name{width:100%}
.product-table-name-title{text-align:center!important}
.product-table-marka-title,
.product-table-marka{width:50%!important}
.product-table-razmer-title,
.product-table-razmer{width:50%!important}
.product-table-price-title,
.product-table-price{width:100%!important}
.product-table>div{padding:10px 5px}
.product-table-price .product .addtocart-area .addtocart-bar .addtocart-button{display:block;float:left;margin:0 0 0 5px}
.product-table-price .product .addtocart-area input.addtocart-button{height:34px;line-height:34px}
.product-table-price .quantity-controls.js-recalculate{width:22px;height:44px;display:block;position:relative;float:left;margin:-5px 0 0 5px}
.product-table-price .product .addtocart-area span.quantity-controls .quantity-plus{top:0;left:0}
.product-table-price .product .addtocart-area span.quantity-controls .quantity-minus{top:auto;bottom:0;left:0}
.product-table-price .vm-customfields-wrap .cf4all_error_msg{width:125px;padding:3px 2px;font-size:12px;line-height:12px}
}
@media only screen and (min-width:320px) and (max-width:479px),(min-device-width:320px) and (max-device-width:479px){
.category-view .product-table{width:100%;height:58px;min-height:56px;display:flex;padding-top:63px;position:relative;padding-bottom:80px}.category-view 
.product-table-name{width:90%;position:absolute;top:-5px}
.product-table-marka,.category-view 
.product-table-razmer,.category-view 
.product-table-price{padding:0 !important;width:auto !important;border-bottom:none !important}.category-view 
.product-table-razmer{margin-left:5px}.category-view 
.product-table-price .product .addtocart-area .addtocart-bar{width:auto}.category-view 
.product-table-marka{max-width:55px;word-wrap:break-word;text-wrap:initial;line-height:20px !important;margin-top:7px}.category-view 
.product-table-price .product .addtocart-area .addtocart-bar .quantity-box{width:39px}.category-view 
.product-table-price{position:absolute;right:0px}
.product-table-title{margin-bottom:86px}
.product-table-price>.product>.spacer.product-container>.vm3pr-1{width:64px}
.product-table-price .vm3pr-2{width:auto}
.product-table-price .product .addtocart-area .addtocart-bar .addtocart-button{margin:0 0 0 1px}}


.product-table-marka-title, .product-table-marka,.product-table-razmer-title, .product-table-razmer{
	display: none;
}

.addtocart-bar i:before,.addtocart-bar label.quantity_box{
	display: none;
}
.product-table-price .addtocart-area{
	width: 180px;
}
.product-table-price .addtocart-area .product.js-recalculate{
	display: flex;
}
.spacer.product-container{
	border:none;
}
.add-to-cart.sppb-btn.sppb-btn-primary{
	    width: 109px;
}
.addtocart-bar{
	width: 100%;
}
.product-table-price .vm-customfields-wrap{
	display: none;
}
.product-table-price .product .addtocart-area .addtocart-bar{
	width: 100%;
}
.product-table-price .quantity-controls.js-recalculate{
	margin:0;
}
.sp-module-content ul.VMmenu > li a >.nmb_products{
	display: none;
}
.vm-categories-wall-img{
	margin:auto;
	    padding: 16px;
}
/*.sppb-addon h3.sppb-addon-title:after{
	display: none;
}*/
.sppb-addon h3.sppb-addon-title{
	padding-right: 15px;
	margin-left: 15px;
}

/*gost*/
.certificates {
    margin: 80px 0;
}
@media (max-width: 767px) {
    .certificates {
        margin: 30px 0;
    }
}
.certificates__inner {
    position: relative;
}
@media (max-width: 1365px) {
    .certificates__inner .arrow {
        display: none;
    }
}
.certificates__inner .slider-pagination {
    display: none;
}
@media (max-width: 1365px) {
    .certificates__inner .slider-pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media (max-width: 767px) {
    .certificates__inner .slider-pagination {
        display: none;
    }
}
@media (max-width: 767px) {
    .certificates__slider {
        overflow: initial;
    }
}
@media (max-width: 1023px) {
    .certificates__item {
        width: 35%;
    }
}
@media (max-width: 465px) {
    .certificates__item {
        width: 58.5%;
    }
}
.certificates__item img {
    width: 100%;
    height: auto;
}
.certificates-list {
    margin-bottom: 70px;
}
@media (max-width: 1023px) {
    .certificates-list {
        margin-bottom: 60px;
    }
}
.certificates-list__description {
    max-width: 907px;
    margin-bottom: 20px;
    line-height: 150%;
}
@media (max-width: 1023px) {
    .certificates-list__description {
        font-size: 14px;
        line-height: 150%;
        margin-bottom: 15px;
    }
}
.certificates-list__table {
    margin-bottom: 40px;
}
.certificates-list__table-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #7F8A9B;
    border-radius: 15px 15px 0px 0px;
    padding: 21px 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    gap: 15px;
}
@media (max-width: 1023px) {
    .certificates-list__table-head {
        display: none;
    }
}
.certificates-list__table-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #F7F7F9;
    border-bottom: 1px solid #DEE1E5;
    padding: 15px 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #1A1E24;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
}
.certificates-list__table-row:last-child {
    border-bottom: none;
    border-radius: 0px 0px 15px 15px;
}
@media (max-width: 1023px) {
    .certificates-list__table-row:last-child {
        border-radius: 10px;
        margin-bottom: 0;
    }
}
@media (max-width: 1023px) {
    .certificates-list__table-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        border-radius: 10px;
        border-bottom: none;
        margin-bottom: 10px;
        padding: 20px;
    }
}
.certificates-list__table-col {
    width: 100px;
}
@media (max-width: 1023px) {
    .certificates-list__table-col {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        font-size: 14px;
        line-height: 16px;
    }
}
.certificates-list__table-col span {
    color: #7F8A9B;
}
.certificates-list__table-col .btn {
    text-align: center;
    padding: 14px 20px 16px;
    font-size: 16px;
    line-height: 18px;
}
@media (max-width: 1023px) {
    .certificates-list__table-col .btn {
        padding: 11px 16px;
    }
}
.certificates-list__table-col_first {
    width: 50%;
}
@media (max-width: 1367px) {
    .certificates-list__table-col_first {
        width: 35%;
    }
}
@media (max-width: 1023px) {
    .certificates-list__table-col_first {
        width: 100%;
    }
}
@media (max-width: 1023px) {
    .certificates-list__table-col:nth-child(3) {
        position: absolute;
        right: 20px;
        bottom: 20px;
    }
}
.certificates-list__table-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    gap: 30px;
}
@media (max-width: 1367px) {
    .certificates-list__table-right {
        width: 65%;
    }
}
@media (max-width: 1023px) {
    .certificates-list__table-right {
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 15px;
    }
}
.certificates-list__table-mob {
    display: none;
    font-size: 12px;
    line-height: 14px;
    color: #7F8A9B;
    margin-bottom: 5px;
}
@media (max-width: 1023px) {
    .certificates-list__table-mob {
        display: block;
    }
}
.certificates-list__table-col .btn{
    display: block;
}

.certificates-list__table{
    display: none;
}
.certificates-list__table_active{
    display: block;
}
.certificates__item a{
    display: block;
}

@media(max-width: 450px){
	.sppb-nav-tabs >li{
		display: block;
		width: 100%;
	}
}

/*gost*/


.productdetails-view .vm-product-media-img .main-image img{
	max-width: 200px;
    margin: auto;
}
.productdetails-view .vm-product-details-inner .spacer-buy-area .addtocart-bar .calculate .quantity-controls{
	background: url('/components/com_virtuemart/assets/images/vmgeneral/quantity-controls.png') no-repeat;
}
.productdetails-view .vm-product-details-inner .spacer-buy-area .addtocart-bar .calculate .quantity-controls input.quantity-minus, .productdetails-view .vm-product-details-inner .spacer-buy-area .addtocart-bar .calculate .quantity-controls input.quantity-plus{
	width: 15px;
}
.productdetails-view .vm-product-details-inner .spacer-buy-area .addtocart-bar .calculate .quantity-controls input.quantity-minus{
    background-position: -15px 0;
}

.mobile-slider{
	width: 100%;
	height: 450px;
	background-image: url('/images/ap-smart-layerslider/homepage/image%20(16).jpg');
	background-size: cover;
    background-position-x: -877px;
}
.mobile-slider .title{
	    color: #38b2e4;
    padding-top: 103px;
    font-size: 35px;
    text-align: center;
    line-height: 40px;
	    font-weight: 600;
    text-shadow: 2px 3px 4px #222;
}
.mobile-slider .text{
	    color: white;
    padding-top: 14px;
    font-size: 25px;
    text-align: center;
    line-height: 35px;
	    font-weight: 400;
    text-shadow: 2px 3px 4px #222;
}
.mobile-slider a{
	margin-top: 10px;
    font-size: 19px;
}
.slick-slide img{
		    border-radius: 12px;
	}
@media(max-width: 500px){
	
	#sp-logo img{
		display: block;
	}
	.sppb-col-xs-7{
		flex: auto;
		max-width: 100%;
	}
	.vm-categories-wall-catwrapper{
		width: 40%;
    height: 148px;
    margin: 13px;
	}
	#section-id-1693905302575 h3{
		font-size:21px;
	}
	#section-id-1693905302575 h4{
		font-size:16px !important;
		margin-left: 17px;
		margin-top: -8px;
	}
	    
}
#sp-cookie-consent, .search.flex-search{
	display: none;
}
a.ask-a-question{
	font-size: 15px;
}

.category.rekv{
	max-width: 682px;
	margin: 15px;
}

a.doc {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 60px;
    height: 48px;
    line-height: 18px;
    background-repeat: no-repeat;
    border: none;
}
a.doc[href$=".docx"] {
    background-image: url('/images/doc/docx.png');
}
a.doc[href$=".xls"], a.doc[href$=".xlsx"] {
    background-image: url('/images/doc/xls.png');
}

.entry-image.intro-image img{
	height: 350px;
	    width: 100%;
}
.entry-header{
	height: 82px;
}

@media(max-width:500px){
	.entry-image.intro-image img{
	height: auto;
}
.entry-header{
	height: auto;
}
}
.contentpane.modal h2{
	text-align: center;
}
.contentpane.modal .help-block.formValidation{
	display: none;
}

.contentpane.modal .col-sm-9{
	width: 92%;
}
.contentpane.modal .checkbox-inline{
	padding-top: 0px;
    margin-top: -7px;
    margin-bottom: 0;
    font-size: 11px;
}

.contentpane.modal .rsform-block-sumbit .col-sm-9{
	text-align: center;
}
.vm-rating.pull-left{
	display: none;
}

#cart-menu{
	    position: absolute;
    top: 0;
    left: 46px;
}

@media(max-width: 500px){
	.flex #cart-menu{
	    top: -91px;
    left: -168px;
	    width: 72px;
	}
	.flex.sticky #cart-menu{
		top: -68px;
    left: -168px;
	}
}

.momo2{
background-color: rgba(255, 255, 255, 0.7);
    border: 1px solid #fff;
    border-radius: 10px;
    height: 400px;
    left: 50%;
    margin-left: -300px;
    margin-top: -200px;
    position: fixed;
    top: 50%;
    width: 600px;
    z-index: 15;

}
.momo{
background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}
.closed{
border: 2px solid #fff;
    border-radius: 14px;
    cursor: pointer;
    float: right;
    margin-right: 5px;
    margin-top: 3px;
    padding: 3px 7px;
}
.modal-message {

}
.momo2 p{
padding-left: 10px;
    padding-top: 10px;
}
.contentpane.modal{
	display: block;
}

.contentpane.modal .form-group{
	    margin-bottom: 3px;
}

.sppb-addon-gallery li img {
    border: 1px solid #f0f0f0;
    margin: 7px;
}

#sp-footer1 .sp-dropdown-items{
	display: block;
	flex-wrap: wrap;
	text-align: center;
}
#sp-footer1 .sp-dropdown-items a{
 margin: auto;
    border: 1px solid;
    padding: 3px;
    border-radius: 49px;
    line-height: 21px;
    min-width: 92px;
}

#sp-footer1 .sp-dropdown-items li{
	    margin: 3px;
	border: none;
	display: inline-flex;
}
.consult .sppb-row-container, .consult .sppb-container-inner{
	    padding: 20px;
    background: rgba(34,169,225,1);
    color: white;
    border-radius: 26px;
	    padding-left: 36px;
		    max-width: 1170px;
    margin: auto;
}
.consult .sppb-row-container #sppb-addon-wrapper-1696578889378, .consult #sppb-addon-wrapper-1696582461792{
       margin-top: 42px;
    margin-left: -100px;
    margin-bottom: 0;
}
.consult .sppb-addon-form-builder-form{
	display: inline-flex;
	flex-wrap: nowrap;
}
#btn-1696578889378, #btn-1696582461792{
	background: linear-gradient(0deg, #454545, #454545), #9D9D9D;
}
.consult a{
	color: white;
	text-decoration: underline;
}
#column-id-1696578889391, #column-id-1696582461793{
	margin-top: -15px;
	margin-bottom: 0;
}
#sp-bottom{
	padding: 0 !important;
}

@media(max-width: 500px){
	.consult .sppb-addon-title{
		font-size: 27px !important;
	}
	.consult .sppb-row-container #sppb-addon-wrapper-1696578889378, .consult #sppb-addon-wrapper-1696582461792{
	    margin-top: 21px;
    margin-bottom: 0;
	margin-left: 0;
	}
	.consult .sppb-addon-form-builder-form{
		display: inline-block;
	}
	#column-id-1696578889391, #column-id-1696582461793{
	margin-top: 15px !important;
	margin-bottom: 0 !important;
}

.sppb-gallery{
	    margin: auto;
    text-align: center;
    width: 170px;
}
 #sp-left{
	display: none;
 }
 .consult{
	    margin-left: 10px !important;
    margin-right: 10px !important;
 }
}

.consult.smeta .leftblock:before{
	content: "\f15c";
    font-family: "Font Awesome 5 Free";
    top: 39%;
    left: 3px;
    position: absolute;
    font-weight: 900;
    font-size: 63px;
}

.consult.smeta .leftblock{
	padding-left: 66px;
}

.consult.smeta a{
	text-decoration: none;
	font-size: 18px;
}
#sp-logo{
	width: 10%
}
#sp-menu{
	width: 81.666667%;
}
@media(max-width: 1199px){
	#sp-menu{
		padding: 0;
	}
	#sp-logo{
		padding-left: 0;
	}
}
h1{
    font-family: inherit !important;
}

.product-fields .product-field{
	display: flex;
	    position: relative;
		justify-content: space-between;
}
.product-fields .product-field:before{
content: "";
    width: 100%;
    height: 1px;
    background: #DEE1E5;
    position: absolute;
    bottom: 16px;
    left: 0;
}
.product-fields-title-wrapper, .product-field-display{
	position:relative;
}
 .product-field-display{
    padding-bottom: 3px;
	padding-left: 10px;
 }
 .product-fields-title-wrapper{
	padding-right: 10px;
	
 }
  .product-field-display:before{
content: "";
    width: 100%;
    height: 1px;
    background: white;
    position: absolute;
    bottom: 6px;
    left: 0;
	
  }
  
    .product-fields-title-wrapper:before{
content: "";
    width: 100%;
    height: 1px;
    background: white;
    position: absolute;
    bottom: 16px;
    left: 0;

  }
  
  .product-fields-title-wrapper{
	min-width:unset;
  }
 h3{
	font-family:unset !important;
 }
 .formRed{
	     position: absolute;
 }
.rsform-block-name label,.rsform-block-phone label{
	display: none;
 }

.rsform-submit-button{
	font-size: 18px;
}
.popular .col-md-2{
	width:20%;
}
.popular .spacer-inner{
    padding: 9px 9px !important;
}
.popular .products h2{
font-size: 23px !important;
    font-weight: 400;
	    height: 140px;
}
.popular .spacer-img a{
	text-align: center;
	display: flex;
	padding-top: 15px;
}
.popular .spacer-img img{
	margin: auto;
}

.slick-img.no-bckg-img .slick-desc p {
    
    font-size: 17px;
}
.popular .price-title{
    font-size: 14px;
    color: #bfbfbf;
}
.popular .spacer.center{
	background: white;
}

@media(max-width: 550px){
	.popular .col-md-2{
	    width: 299px;
		margin: 10px auto !important;
		float: none;
	}
}

.border{width:100%}.border,.border td{border-bottom:1px solid #bfd1e6}.border tr:nth-child(odd){background:#f5f5f5}.border td p{margin:10px 0;padding:0 7px;line-height:18px}.border td ul,.border td ol{margin:10px 0}.border td li{margin:5px 0 5px 45px}.border2{width:100%}.border2,.border2 td{border-bottom:1px solid #bfd1e6}.border2 tr:nth-child(odd){background:#f5f5f5}.border2 tr:first-child{box-shadow:0 25px 15px -15px rgba(0,0,0,0.15);background:#08c}.border2 tr:first-child td{border-bottom:2px solid #08c}.border2 tr:nth-of-type(2) td{padding-top:15px}.border2 tr:first-child td,.border2 tr:first-child td p,.border2 tr:first-child td em,.border2 tr:first-child td strong,.border2 tr:first-child td b,.border2 tr:first-child td i,.border2 tr:first-child td a,.border2 tr:first-child td li{color:#fff}.border2 td p{margin:10px 0;padding:0 7px;line-height:18px}.border2 td ul,.border td ol{margin:10px 0}.border2 td li{margin:5px 0 5px 45px}.border5{width:100%}.border5,.border5 td{border:none}.border5 tr:first-child{box-shadow:0 25px 15px -15px rgba(0,0,0,0.15);background:#08c}.border5 tr:first-child td{border-bottom:2px solid #08c}.border5 tr:nth-of-type(2) td{padding-top:15px}.border5 tr:first-child td,.border5 tr:first-child td p,.border5 tr:first-child td em,.border5 tr:first-child td strong,.border5 tr:first-child td b,.border5 tr:first-child td i,.border5 tr:first-child td a,.border5 tr:first-child td li{color:#fff}.border5 td p{margin:10px 0;padding:0 7px;line-height:18px}.border5 td ul,.border td ol{margin:10px 0}.border5 td li{margin:5px 0 5px 45px}.border3{width:100%}.border3,.border3 td{border:1px solid #bfd1e6}.border3 tr:nth-child(odd){background:#f5f5f5}.border3 td p{margin:7px 0;padding:0 7px;line-height:18px}.border3 td ul,.border td ol{margin:7px 0}.border3 td li{margin:5px 0 5px 35px}.border4{width:100%}.border4,.border4 td{border:1px solid #bfd1e6}.border4 tr:nth-child(odd){background:#f5f5f5}.border4 tr:first-child{box-shadow:0 25px 15px -15px rgba(0,0,0,0.15);background:#08c}.border4 tr:first-child td{border-bottom:2px solid #08c}.border4 tr:nth-of-type(2) td{padding-top:15px}.border4 td p{margin:7px 0;padding:0 7px;line-height:18px}.border4 td ul,.border td ol{margin:7px 0}.border4 td li{margin:5px 0 5px 35px}.border4 tr:first-child td,.border4 tr:first-child td p,.border4 tr:first-child td em,.border4 tr:first-child td strong,.border4 tr:first-child td b,.border4 tr:first-child td i,.border4 tr:first-child td a,.border4 tr:first-child td li{color:#fff}.border h1,.border h2,.border h3,.border h4,.border h5,.border h6,.border2 h1,.border2 h2,.border2 h3,.border2 h4,.border2 h5,.border2 h6{padding:20px 10px}.border3 h1,.border3 h2,.border3 h3,.border3 h4,.border3 h5,.border3 h6,.border4 h1,.border4 h2,.border4 h3,.border4 h4,.border4 h5,.border4 h6{padding:14px 7px}

.border2 td:first-child[rowspan]{
	background: white;
	color: black;
}

.dop-uslugi{
	text-align: center;
}
.dop-uslugi h2{
	text-align: center;
}
.dop-uslugi a{
	    max-width: 273px;
    display: inline-flex;
    margin: auto;
}
.dop-uslugi .item{
	max-width: 300px;
	display: table;
	padding: 6px;
	border: 1px solid #dbdbdb;
	margin: auto;
}
.dop-uslugi .item p{
	font-size: 18px;
	margin-top: 16px;
	margin-bottom: 16px;
}

@media (max-width: 500px){
	.category-view .overlay p{
		font-size: 17px;
		        width: 75%;
        float: right;
        display: block;
	}
	.category-view .overlay{
		background-color: unset !important;
		box-shadow: none !important;
	}
	.category-view img{
		max-width: 107px !important;
	}
	#productview{
	max-width: fit-content;
}
.offcanvas-menu{
	    left: 41px;
}
.orderlistcontainer, .display-number, .product-table-title{
	display: none;
}
.product-table{
	border: 1px solid #c8c8c8;
	border-radius: 15px;
	margin-bottom: 10px;
	padding: 12px;
}
.product-table .vm3pr-0{
	    margin-left: -42px;
}
.product-table .PricesalesPriceTt{
	font-size: 18px;
}
.product-table span.PricesalesPriceTt:after{
	content: ' за тонну';
}
.vm3pr-2 .product-price{
	    margin-left: -32px;
}
.product-table-name{width: 96%;
        text-align: center !important;position:absolute;top:-5px}
.category-view .product-table{width:100%;height:58px;min-height:56px;display:block;padding-top:63px;position:relative;padding-bottom:104px}
.product-table-price .product-container>div{float:none;}

.category-view  span.overlay{
	padding: 0 !important;
}

}
.cd-customization .add-to-cart{
	height: 34px;
}
.product-table-price .product .addtocart-area .addtocart-bar .addtocart-button{
	margin: 0;
}

@media(max-width: 500px){
.sp-contact-email, .sp-contact-time{
	display: none !important;
}
.sp-contact-phone{
font-size: 20px !important;
    margin: auto;
    text-align: center;
}
.sp-column.pull-right{
	    margin: auto;
    float: none !important;
    display: flex;
}
#sp-top2{
	text-align: center;
	margin: 10px 0;
}
}


/* ============== FAQ-аккордеон (sbm-faq), версия 2 ==============
   Разметка: div.sbm-faq__item > h3.sbm-faq__q + div.sbm-faq__a
   Без тегов details и summary: их вырезает визуальный редактор.
   Значок плюс и минус рисуется псевдоэлементом, пустых span нет.
   Без JS все ответы видны. Скрипт добавляет классу .sbm-faq
   модификатор .sbm-faq--js и включает сворачивание.
   ============================================================== */
.sbm-faq{
  --sbm-accent:#22a9e1;
  --sbm-accent-dark:#1683b1;
  --sbm-ink:#1f2b37;
  --sbm-text:#44525f;
  --sbm-line:#e3e9f0;
  margin:45px 0 15px;
}
.sbm-faq *{box-sizing:border-box;}

/* -- шапка блока -- */
.sbm-faq__head{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;
  padding-bottom:16px;margin-bottom:22px;
  border-bottom:2px solid var(--sbm-line);
}
.sbm-faq h2.sbm-faq__title{
  margin:0;padding:0;border:0;
  font-size:28px;line-height:1.25;font-weight:700;color:var(--sbm-ink);
}
.sbm-faq h2.sbm-faq__title:after{content:none;}
.sbm-faq__note{color:#7b8a99;font-size:15px;}
/* подсказка про клик нужна только когда работает скрипт */
.sbm-faq__note{display:none;}
.sbm-faq--js .sbm-faq__note{display:inline;}

/* -- карточка -- */
.sbm-faq__item{
  position:relative;
  margin:0 0 10px;
  background:#fff;
  border:1px solid var(--sbm-line);
  border-radius:10px;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.sbm-faq--js .sbm-faq__item:hover{border-color:#c3ddec;}
.sbm-faq__item.is-open{
  border-color:#bfe2f4;
  box-shadow:inset 3px 0 0 var(--sbm-accent), 0 8px 26px rgba(34,169,225,.13);
}

/* -- вопрос -- */
.sbm-faq .sbm-faq__q{
  margin:0;padding:16px 56px 16px 20px;
  border:0;
  font-size:17px;line-height:1.45;font-weight:600;color:var(--sbm-ink);
  text-transform:none;letter-spacing:0;
  transition:color .2s ease;
}
.sbm-faq .sbm-faq__q:after{content:none;}
.sbm-faq--js .sbm-faq__q{
  position:relative;
  cursor:pointer;
  outline:none;
  -webkit-tap-highlight-color:transparent;
}
.sbm-faq--js .sbm-faq__item:hover > .sbm-faq__q,
.sbm-faq--js .sbm-faq__item.is-open > .sbm-faq__q{color:var(--sbm-accent-dark);}
.sbm-faq--js .sbm-faq__q:focus-visible{
  border-radius:10px;
  box-shadow:0 0 0 3px rgba(34,169,225,.35);
}

/* значок плюс и минус: две полоски на псевдоэлементах заголовка */
.sbm-faq--js .sbm-faq__q:before,
.sbm-faq--js .sbm-faq__q:after{
  content:"";position:absolute;right:26px;top:50%;
  width:14px;height:2px;margin-top:-1px;
  border-radius:2px;background:#9fb0c0;
  transition:transform .25s ease,background .2s ease;
}
.sbm-faq--js .sbm-faq__q:after{transform:rotate(90deg);}
.sbm-faq--js .sbm-faq__item:hover > .sbm-faq__q:before,
.sbm-faq--js .sbm-faq__item:hover > .sbm-faq__q:after,
.sbm-faq--js .sbm-faq__item.is-open > .sbm-faq__q:before,
.sbm-faq--js .sbm-faq__item.is-open > .sbm-faq__q:after{background:var(--sbm-accent);}
.sbm-faq--js .sbm-faq__item.is-open > .sbm-faq__q:after{transform:rotate(0deg);}

/* -- ответ -- */
.sbm-faq__a{
  padding:0 26px 20px 20px;
  color:var(--sbm-text);
  font-size:15.5px;line-height:1.7;
}
.sbm-faq__a p{margin:0 0 10px;}
.sbm-faq__a p:last-child{margin-bottom:0;}
.sbm-faq__a a{color:var(--sbm-accent-dark);}
.sbm-faq--js .sbm-faq__a{display:none;}
.sbm-faq--js .sbm-faq__item.is-open > .sbm-faq__a{
  display:block;
  animation:sbmFaqOpen .28s ease both;
}
@keyframes sbmFaqOpen{
  from{opacity:0;transform:translateY(-6px);}
  to{opacity:1;transform:none;}
}

/* -- подвал блока (необязательный) -- */
.sbm-faq__cta{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:14px 20px;
  margin-top:18px;padding:18px 24px;
  border:1px solid #cfe8f6;border-radius:10px;
  background:linear-gradient(135deg,#f3fafe 0%,#eaf5fb 100%);
}
.sbm-faq__cta-text{flex:1 1 320px;margin:0;color:var(--sbm-ink);font-size:16px;line-height:1.5;}
.sbm-faq__cta-text small{display:block;color:#7b8a99;font-size:13.5px;margin-top:3px;}
.sbm-faq__cta-phone{
  display:inline-block;
  padding:11px 24px;border-radius:8px;
  background:var(--sbm-accent);color:#fff !important;
  font-size:18px;font-weight:700;line-height:1.2;text-decoration:none !important;
  white-space:nowrap;
  transition:background .2s ease,transform .1s ease;
}
.sbm-faq__cta-phone:hover{background:var(--sbm-accent-dark);}
.sbm-faq__cta-phone:active{transform:translateY(1px);}

/* -- планшет и телефон -- */
@media (max-width:767px){
  .sbm-faq{margin-top:32px;}
  .sbm-faq h2.sbm-faq__title{font-size:22px;}
  .sbm-faq .sbm-faq__q{padding:14px 44px 14px 14px;font-size:15.5px;}
  .sbm-faq--js .sbm-faq__q:before,
  .sbm-faq--js .sbm-faq__q:after{right:16px;}
  .sbm-faq__a{padding:0 16px 16px 14px;font-size:15px;}
  .sbm-faq__cta{padding:16px;justify-content:center;text-align:center;}
  .sbm-faq__cta-phone{width:100%;text-align:center;}
}

/* печать: раскрыть все ответы */
@media print{
  .sbm-faq--js .sbm-faq__a{display:block !important;}
  .sbm-faq__cta{display:none;}
  .sbm-faq--js .sbm-faq__q:before,
  .sbm-faq--js .sbm-faq__q:after{display:none;}
}

/* ==========================================================================
   Карточки подкатегорий в категории (sibmet.com, 22.09.2026)
   Вставлять в templates/flex/css/custom.css, в конец файла.
   Работает в паре с новым templates/flex/html/com_virtuemart/sublayouts/categories.php
   ========================================================================== */

/* Сетка: ряды выравниваются по высоте, bootstrap-колонки сохраняют ширину */
.related-category-view.cat-grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -10px 15px;
}

.related-category-view .cat-grid__cell {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	float: none;
	padding: 0 10px;
	margin-bottom: 20px;
}

/* Сама карточка: одна ссылка на весь блок */
.related-category-view .cat-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	min-height: 96px;
	padding: 12px 18px 12px 12px;
	border: 1px solid #e1e5ea;
	border-radius: 6px;
	background: #fff;
	color: #333;
	text-decoration: none;
	-webkit-transition: border-color .2s ease, box-shadow .2s ease;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.related-category-view .cat-card:hover,
.related-category-view .cat-card:focus {
	border-color: #22a9e1;
	box-shadow: 0 2px 12px rgba(0, 0, 0, .09);
	color: #22a9e1;
	text-decoration: none;
}

/* Картинка: фиксированная колонка слева, пропорции не ломаются */
.related-category-view .cat-card__media {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 76px;
	flex: 0 0 76px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 72px;
	margin-right: 14px;
}

.related-category-view .cat-card__media img {
	display: block;
	float: none;
	width: auto;
	height: auto;
	max-width: 76px;
	max-height: 72px;
	-webkit-transition: -webkit-transform .2s ease;
	transition: transform .2s ease;
}

.related-category-view .cat-card:hover .cat-card__media img {
	-webkit-transform: scale(1.06);
	transform: scale(1.06);
}

/* Подпись и счётчик: обычный текст в потоке, две строки помещаются */
.related-category-view .cat-card__text {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0;
}

.related-category-view .cat-card__title {
	display: block;
	font-size: 17px;
	line-height: 1.3;
	font-weight: 400;
	color: inherit;
}

.related-category-view .cat-card__count {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	line-height: 1.2;
	color: #8a929b;
}

.related-category-view .cat-card:hover .cat-card__count,
.related-category-view .cat-card:focus .cat-card__count {
	color: #8a929b;
}

@media (max-width: 767px) {
	.related-category-view .cat-card {
		min-height: 84px;
		padding: 10px 14px 10px 10px;
	}
	.related-category-view .cat-card__media {
		-ms-flex: 0 0 62px;
		flex: 0 0 62px;
		height: 60px;
		margin-right: 12px;
	}
	.related-category-view .cat-card__media img {
		max-width: 62px;
		max-height: 60px;
	}
	.related-category-view .cat-card__title {
		font-size: 16px;
	}
	.related-category-view .cat-card__count {
		font-size: 12px;
	}
}

/* Ниже 768 px bootstrap-классы col-sm/col-md ширину не задают,
   поэтому ширину ячейки задаём сами, иначе флекс сожмёт её по содержимому */
@media (max-width: 767px) {
	.related-category-view .cat-grid__cell {
		width: 50%;
	}
}

@media (max-width: 480px) {
	.related-category-view .cat-grid__cell {
		width: 100%;
		margin-bottom: 12px;
	}
}

/* --------------------------------------------------------------------------
   Страховка на время выкладки: если categories.php ещё старый (или отдаётся
   из кеша), эти правила гасят белую плашку поверх картинки и не дают тексту
   наезжать на изображение. После обновления шаблона блок можно удалить.
   -------------------------------------------------------------------------- */
.category-view .related-category-view .spacer .spacer-img span.overlay,
.category-view .related-category-view .spacer .spacer-img:hover span.overlay {
	position: static;
	display: block;
	width: auto;
	padding: 8px 10px 10px;
	background: none;
	box-shadow: none;
}

.category-view .related-category-view .spacer .spacer-img {
	overflow: visible;
	text-align: center;
}

.category-view .related-category-view .spacer .spacer-img img {
	float: none;
	display: inline-block;
	margin: 12px auto 0;
}

.category-view .related-category-view .spacer .spacer-img span.overlay p {
	margin: 0;
}


.cat-wall {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	margin: 0 -10px 20px;
	padding: 0;
}

.cat-wall__cell {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 25%;
	padding: 0 10px;
	margin-bottom: 20px;
	box-sizing: border-box;
}

.cat-wall__cell:before,
.cat-wall__cell:after {
	content: none;
}

.cat-tile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	padding: 18px 14px 16px;
	border: 1px solid #e1e5ea;
	border-radius: 6px;
	background: #fff;
	color: #333;
	font-weight: 400;
	text-decoration: none;
	-webkit-transition: border-color .2s ease, box-shadow .2s ease;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.cat-tile:hover,
.cat-tile:focus,
.cat-tile:visited {
	color: #333;
	text-decoration: none;
}

.cat-tile:hover,
.cat-tile:focus {
	border-color: #22a9e1;
	box-shadow: 0 2px 12px rgba(0, 0, 0, .09);
	color: #22a9e1;
}

.cat-tile__media {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 130px;
	margin-bottom: 12px;
}

.cat-tile__media img {
	display: block;
	float: none;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 130px;
	margin: 0;
	padding: 0;
	-webkit-transition: -webkit-transform .2s ease;
	transition: transform .2s ease;
}

.cat-tile:hover .cat-tile__media img {
	-webkit-transform: scale(1.06);
	transform: scale(1.06);
}

.cat-tile__title {
	display: block;
	font-size: 17px;
	line-height: 1.3;
	font-weight: 400;
	text-align: center;
	color: inherit;
}

/* Планшет: три в ряд */
@media (max-width: 991px) {
	.cat-wall__cell {
		width: 33.3333%;
	}
}

/* Узкий планшет и телефон: две в ряд, карточка ниже */
@media (max-width: 767px) {
	.cat-wall__cell {
		width: 50%;
		margin-bottom: 14px;
	}
	.cat-tile {
		padding: 14px 10px 12px;
	}
	.cat-tile__media {
		height: 104px;
		margin-bottom: 10px;
	}
	.cat-tile__media img {
		max-height: 104px;
	}
	.cat-tile__title {
		font-size: 16px;
	}
}
.sbm-svc{
  --sbm-accent:#22a9e1;
  --sbm-accent-dark:#1683b1;
  --sbm-ink:#1f2b37;
  --sbm-text:#44525f;
  --sbm-line:#e3e9f0;
  --sbm-soft:#f5f9fc;
  color:var(--sbm-text);
}
.sbm-svc *{box-sizing:border-box;}
.sbm-svc p{margin:0 0 14px;line-height:1.7;}
.sbm-svc p:last-child{margin-bottom:0;}
.sbm-svc a{color:var(--sbm-accent-dark);}

/* ---------- вводный блок: текст слева, фото справа ---------- */
.sbm-svc__lead{
  display:flex;flex-wrap:wrap;gap:26px;
  align-items:flex-start;
  margin:0 0 34px;
}
.sbm-svc__lead-text{flex:1 1 380px;min-width:280px;font-size:16px;}
.sbm-svc__lead-media{flex:0 1 380px;min-width:260px;}
.sbm-svc__lead-media img{
  display:block;width:100%;height:auto;
  max-height:420px;object-fit:cover;object-position:50% 45%;
  border-radius:10px;
  box-shadow:0 10px 30px rgba(31,43,55,.18);
}

/* ---------- строка ключевых параметров ---------- */
.sbm-svc__specs{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:14px;
  margin:0 0 34px;padding:0;list-style:none;
}
.sbm-svc__specs li{
  margin:0;padding:18px 20px;
  background:var(--sbm-soft);
  border:1px solid var(--sbm-line);
  border-radius:10px;
  border-top:3px solid var(--sbm-accent);
}
.sbm-svc__spec-val{
  display:block;
  font-size:22px;line-height:1.2;font-weight:700;
  color:var(--sbm-ink);
  margin-bottom:5px;
}
.sbm-svc__spec-key{display:block;font-size:14.5px;line-height:1.45;}

/* ---------- примечание под таблицей ---------- */
.sbm-svc__note{
  margin:18px 0 34px;padding:16px 20px;
  background:var(--sbm-soft);
  border-left:3px solid var(--sbm-accent);
  border-radius:0 10px 10px 0;
  font-size:15.5px;line-height:1.65;
}

/* ---------- галерея работ ---------- */
.sbm-svc__gallery{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:20px;
  margin:0 0 34px;padding:0;list-style:none;
}
.sbm-svc__gallery figure{margin:0;}
.sbm-svc__gallery img{
  display:block;width:100%;height:260px;object-fit:cover;
  border-radius:10px;
  border:1px solid var(--sbm-line);
}
.sbm-svc__gallery figcaption{
  margin-top:10px;
  font-size:14.5px;line-height:1.5;color:#7b8a99;
}

/* ---------- шаги «как заказать» ---------- */
.sbm-svc__steps{
  counter-reset:sbmstep;
  margin:0 0 34px;padding:0;list-style:none;
}
.sbm-svc__steps li{
  position:relative;
  margin:0 0 12px;padding:16px 20px 16px 62px;
  background:#fff;
  border:1px solid var(--sbm-line);
  border-radius:10px;
  font-size:15.5px;line-height:1.65;
}
.sbm-svc__steps li:before{
  counter-increment:sbmstep;
  content:counter(sbmstep);
  position:absolute;left:18px;top:15px;
  width:28px;height:28px;
  border-radius:50%;
  background:var(--sbm-accent);color:#fff;
  font-size:15px;font-weight:700;line-height:28px;text-align:center;
}
.sbm-svc__steps strong{color:var(--sbm-ink);}

/* ---------- блок контактов и заказа ---------- */
.sbm-svc__cta{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:16px 26px;
  margin:0 0 20px;padding:22px 26px;
  background:var(--sbm-soft);
  border:1px solid #cfe8f6;
  border-radius:10px;
}
.sbm-svc__cta-text{flex:1 1 320px;min-width:260px;font-size:15.5px;line-height:1.6;}
.sbm-svc__cta-text b{color:var(--sbm-ink);}
.sbm-svc__cta-phone{
  display:block;
  font-size:24px;line-height:1.2;font-weight:700;
  color:var(--sbm-ink);text-decoration:none;
  margin-bottom:4px;
}
.sbm-svc__cta-phone:hover{color:var(--sbm-accent-dark);}
.sbm-svc__btn{
  display:inline-block;
  padding:13px 28px;
  background:var(--sbm-accent);color:#fff!important;
  border-radius:6px;
  font-size:16px;font-weight:600;line-height:1.2;text-decoration:none!important;
  transition:background .2s ease;
}
.sbm-svc__btn:hover{background:var(--sbm-accent-dark);color:#fff!important;}

/* ---------- таблица сравнения способов резки ---------- */
.sbm-svc__compare{width:100%;margin:0 0 20px;border-collapse:collapse;}
.sbm-svc__compare th,
.sbm-svc__compare td{
  padding:12px 14px;
  border:1px solid var(--sbm-line);
  font-size:15px;line-height:1.55;
  text-align:left;vertical-align:top;
}
.sbm-svc__compare thead th{
  background:#08c;color:#fff;font-weight:600;
  border-color:#08c;
}
.sbm-svc__compare tbody tr:nth-child(odd){background:#f5f5f5;}
.sbm-svc__compare tbody th{font-weight:600;color:var(--sbm-ink);white-space:nowrap;}

/* ---------- адаптив ---------- */
@media (max-width:767px){
  .sbm-svc__lead{gap:18px;}
  .sbm-svc__lead-media{flex:1 1 100%;}
  .sbm-svc__spec-val{font-size:20px;}
  .sbm-svc__gallery img{height:220px;}
  .sbm-svc__cta{padding:18px 18px;}
  .sbm-svc__btn{width:100%;text-align:center;}
  .sbm-svc__compare{display:block;overflow-x:auto;}
}


/* Т12. Фильтр Custom Filters в левой колонке не нужен на карточке товара */
.view-productdetails #sp-left .sp-module:has(.cf_wrapp_all) { display: none; }
.view-productdetails #sp-left .sp-module.hide-on-product { display: none; } /* запасной вариант, см. ТЗ */

.sm-card { --sm-accent: #22a9e1; --sm-accent-d: #1486b8; --sm-ink: #2f3337; --sm-muted: #6b7580; --sm-line: #e3e8ec; --sm-soft: #f4f8fa; --sm-ok: #2e8b3e; }

/* Заголовок и статусы */
.sm-card .sm-card__title { font-size: 34px; line-height: 1.2; font-weight: 300; margin: 0 0 10px; }
.sm-card__meta { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; font-size: 12.5px; color: var(--sm-muted); }
.sm-chip { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; background: var(--sm-soft); border: 1px solid var(--sm-line); }
.sm-chip--ok { background: #e9f6ec; border-color: #bfe3c7; color: var(--sm-ok); font-weight: 600; }
.sm-chip--ok::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--sm-ok); }
.sm-chip--order { background: #fff4e0; border-color: #f0d49a; color: #8a5a00; font-weight: 600; }

/* Первый экран: фото + блок покупки */
.sm-card__hero { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 32px; align-items: start; }
.sm-card__media.vm-product-media-img { width: auto; float: none; padding: 0; }
.sm-card__media .main-image img { width: 100%; height: auto; border: 1px solid var(--sm-line); border-radius: 4px; }

.sm-buy { border: 1px solid var(--sm-line); border-radius: 4px; padding: 22px 22px 18px; }
.sm-buy__prices { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 18px; }
.sm-buy__price { font-size: 32px; font-weight: 700; color: var(--sm-ink); line-height: 1.2; }
.sm-buy__price small { font-size: 16px; font-weight: 600; color: var(--sm-muted); }
.sm-buy__unit { font-size: 15px; }
.sm-buy__stamp { margin-top: 6px; font-size: 12.5px; color: var(--sm-muted); }
.sm-buy__stamp b { color: var(--sm-ink); font-weight: 600; }

/* Т2. Калькулятор */
.sm-calc { margin-top: 18px; padding: 14px; background: var(--sm-soft); border-radius: 4px; }
.sm-calc__top { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.sm-seg { display: inline-flex; border: 1px solid #cfd8de; border-radius: 4px; overflow: hidden; background: #fff; }
.sm-seg button { border: 0; background: none; padding: 7px 12px; font-size: 13px; cursor: pointer; color: var(--sm-ink); }
.sm-seg button + button { border-left: 1px solid #cfd8de; }
.sm-seg button[aria-pressed="true"] { background: var(--sm-accent); color: #fff; font-weight: 600; }
.sm-qty { display: flex; align-items: center; border: 1px solid #cfd8de; border-radius: 4px; background: #fff; }
.sm-qty button { border: 0; background: none; width: 34px; height: 36px; font-size: 18px; cursor: pointer; color: var(--sm-muted); }
.sm-qty input { width: 84px; height: 36px; border: 0; border-left: 1px solid #e1e7eb; border-right: 1px solid #e1e7eb; text-align: center; font-size: 15px; font-weight: 600; }
.sm-calc__out { margin-top: 12px; display: grid; grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); gap: 8px; font-variant-numeric: tabular-nums; }
.sm-calc__out div { background: #fff; border: 1px solid var(--sm-line); border-radius: 3px; padding: 6px 10px; }
.sm-calc__out span { display: block; font-size: 11px; color: var(--sm-muted); text-transform: uppercase; letter-spacing: .04em; }
.sm-calc__out b { font-size: 15px; }
.sm-calc__total { margin-top: 10px; display: flex; justify-content: space-between; align-items: baseline; font-size: 15px; }
.sm-calc__total b { font-size: 22px; font-variant-numeric: tabular-nums; }
.sm-calc__hint { font-size: 12px; color: var(--sm-muted); margin-top: 4px; }
.sm-calc__hint:empty { display: none; }

/* Т4. Кнопки: штатное поле количества VirtueMart скрыто, его заполняет калькулятор */
.sm-buy__actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 16px; }
.sm-card .addtocart-area, .sm-card .addtocart-bar { margin: 0; }
.sm-card .addtocart-bar .calculate { display: none; }
.sm-btn { display: inline-block; font-weight: 600; font-size: 14px; padding: 10px 22px; border-radius: 4px; border: 2px solid var(--sm-accent); text-transform: uppercase; letter-spacing: .04em; text-decoration: none; }
.sm-btn--ghost { background: #fff; color: var(--sm-accent-d); }
.sm-btn--ghost:hover, .sm-btn--ghost:focus { background: var(--sm-accent); color: #fff; text-decoration: none; }
.sm-buy__call { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 4px 16px; align-items: baseline; font-size: 13px; color: var(--sm-muted); }
.sm-buy__tel { font-size: 18px; font-weight: 700; color: var(--sm-ink); text-decoration: none; }

/* Т5. Доставка, самовывоз, оплата */
.sm-buy__ship { list-style: none; margin: 16px 0 0; padding: 12px 0 0; border-top: 1px dashed var(--sm-line); font-size: 13px; }
.sm-buy__ship li { position: relative; padding-left: 24px; margin-bottom: 6px; }
.sm-buy__ship li::before { position: absolute; left: 0; top: 0; font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--sm-accent-d); }
.sm-ico-truck::before { content: "\f0d1"; }
.sm-ico-pin::before   { content: "\f3c5"; }
.sm-ico-card::before  { content: "\f09d"; }

/* Т9. Соседние товары с подписями вместо пустых стрелок */
.sm-neigh { display: flex; justify-content: space-between; gap: 12px; margin-top: 10px; font-size: 12.5px; }
.sm-neigh a { max-width: 48%; text-decoration: none; }
.sm-neigh a span { display: block; color: var(--sm-muted); font-size: 11px; text-transform: uppercase; letter-spacing: .05em; }
.sm-neigh__next { text-align: right; margin-left: auto; }

/* Т7, Т8. Характеристики и описание */
.sm-card h2 { font-weight: 300; font-size: 24px; margin: 0 0 14px; }
.sm-card__info { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; margin-top: 40px; }
.sm-spec { margin: 0; display: grid; grid-template-columns: auto 1fr; font-size: 13.5px; }
.sm-spec dt, .sm-spec dd { padding: 7px 0; margin: 0; border-bottom: 1px solid var(--sm-line); }
.sm-spec dt { color: var(--sm-muted); font-weight: 400; padding-right: 18px; }
.sm-spec dd { font-weight: 600; text-align: right; font-variant-numeric: tabular-nums; }
.sm-card__desc p { max-width: 65ch; }

/* Т11. Другие размеры */
.sm-card__siblings { margin-top: 40px; }
.sm-tbl { overflow-x: auto; border: 1px solid var(--sm-line); border-radius: 4px; }
.sm-tbl table { border-collapse: collapse; width: 100%; min-width: 520px; font-size: 13.5px; font-variant-numeric: tabular-nums; margin: 0; }
.sm-tbl th, .sm-tbl td { padding: 9px 12px; border-bottom: 1px solid var(--sm-line); text-align: left; }
.sm-tbl th { background: var(--sm-soft); font-weight: 600; font-size: 12px; color: var(--sm-muted); text-transform: uppercase; letter-spacing: .04em; }
.sm-tbl .num { text-align: right; white-space: nowrap; }
.sm-tbl tr.is-current td { background: #eef8fd; font-weight: 600; }
.sm-tbl tbody tr:last-child td { border-bottom: 0; }

/* Т13. Услуги */
.sm-card .sm-svc { margin-top: 40px; }
.sm-card__back { margin-top: 24px; font-size: 13px; }

/* Мобильные */
@media (max-width: 767px) {
	.sm-card .sm-card__title { font-size: 26px; }
	.sm-card__hero, .sm-card__info { grid-template-columns: 1fr; gap: 20px; }
	.sm-buy { padding: 16px; }
	.sm-buy__price { font-size: 28px; }
}


.sm-list { --sm-accent: #22a9e1; --sm-accent-d: #1486b8; --sm-ink: #2f3337; --sm-muted: #6b7580; --sm-line: #e3e8ec; --sm-soft: #f4f8fa; margin: 8px 0 24px; }

/* Если блок «Карточка товара» ещё не выложен, эти правила таблицы обязательны */
.sm-tbl { overflow-x: auto; border: 1px solid var(--sm-line, #e3e8ec); border-radius: 4px; }
.sm-tbl table { border-collapse: collapse; width: 100%; min-width: 520px; font-size: 13.5px; font-variant-numeric: tabular-nums; margin: 0; }
.sm-tbl th, .sm-tbl td { padding: 9px 12px; border-bottom: 1px solid var(--sm-line, #e3e8ec); text-align: left; vertical-align: middle; }
.sm-tbl th { background: var(--sm-soft, #f4f8fa); font-weight: 600; font-size: 12px; color: var(--sm-muted, #6b7580); text-transform: uppercase; letter-spacing: .04em; }
.sm-tbl .num { text-align: right; white-space: nowrap; }
.sm-tbl tbody tr:last-child td { border-bottom: 0; }

/* Поиск и счётчик над таблицей */
.sm-list__tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-bottom: 10px; }
.sm-list__search { display: flex; align-items: center; gap: 8px; margin: 0; font-weight: 400; font-size: 13px; color: var(--sm-muted); }
.sm-list__search input { width: 260px; max-width: 60vw; height: 34px; padding: 4px 10px; border: 1px solid #cfd8de; border-radius: 4px; font-size: 14px; color: var(--sm-ink); }
.sm-list__search input:focus { outline: 0; border-color: var(--sm-accent); box-shadow: 0 0 0 3px rgba(34,169,225,.2); }
.sm-list__count { font-size: 12.5px; color: var(--sm-muted); }
.sm-list__empty { margin: 12px 0 0; color: var(--sm-muted); }
.sm-list tr[hidden] { display: none; }

/* Сортировка по заголовкам */
.sm-list th button { border: 0; background: none; padding: 0; font: inherit; color: inherit; text-transform: inherit; letter-spacing: inherit; cursor: pointer; }
.sm-list th button:hover, .sm-list th button:focus-visible { color: var(--sm-accent-d); }
.sm-list th button::after { content: "↕"; margin-left: 4px; opacity: .35; }
.sm-list th[aria-sort="ascending"] button::after { content: "↑"; opacity: 1; }
.sm-list th[aria-sort="descending"] button::after { content: "↓"; opacity: 1; }

/* Строки */
.sm-list tbody tr:hover td { background: #f7fbfd; }
.sm-list td:first-child a { color: var(--sm-accent-d); text-decoration: none; }
.sm-list td:first-child a:hover { text-decoration: underline; }
.sm-list td:nth-child(4) { font-weight: 600; color: var(--sm-ink); }

/* Колонка «Купить, т»: поле количества (в тоннах) и кнопка в одну строку */
.sm-tbl .sm-tbl__buy { width: 150px; text-align: right; white-space: nowrap; }
.sm-tbl__buy .addtocart-area { margin: 0; }
.sm-tbl__buy form.product { margin: 0; }
.sm-tbl__buy .vm-customfields-wrap { display: none; }
.sm-tbl__buy .addtocart-bar { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 0; border: 0; float: none; }
.sm-tbl__buy .addtocart-bar .quantity_box, .sm-tbl__buy .quantity-controls { display: none; }
.sm-tbl__buy .quantity-box { display: block; float: none; margin: 0; }
.sm-tbl__buy .quantity-box input { width: 46px; height: 32px; padding: 4px; text-align: center; border: 1px solid #cfd8de; border-radius: 4px; font-size: 14px; }
.sm-tbl__buy .cd-customization, .sm-tbl__buy .add-to-cart.sppb-btn { display: inline-block; margin: 0; padding: 0; float: none; }
.sm-tbl__buy .addtocart-button { margin: 0; padding: 6px 12px; font-size: 12px; line-height: 20px; }
.sm-tbl__ask { font-size: 12.5px; }

/* Старая шапка «Наименование / Марка стали / Размер / Цена за тонну» больше не выводится,
   правила .product-table* в начале custom.css можно удалить после проверки. */

@media (max-width: 767px) {
	.sm-list__search input { width: 100%; max-width: none; }
	.sm-list__search { flex: 1 1 100%; }
	.sm-tbl table { min-width: 640px; }
}

/* Поле «Товаров на странице»: template.css ограничивает его 60 px при отступах 12 px,
   поэтому «150» обрезается до «15» */
.orderby-displaynumber .display-number select { width: 84px; max-width: none; padding: 6px 26px 6px 10px; }


/* --- Таблица товаров в категории: правки после выкладки 23.09.2026 --- */

/* Шапка таблицы: в одну строку и ниже (шаблон задаёт th 15px и line-height 25px) */
.sm-list .sm-tbl th { padding: 10px 12px; line-height: 1.3; font-size: 12px; white-space: nowrap; }
.sm-list .sm-tbl td { line-height: 1.4; }
.sm-list .sm-tbl td:first-child { min-width: 200px; }

/* Кнопка «Купить»: у шаблона input внутри button стоит position:absolute и line-height:40px,
   а sppagebuilder.css задаёт .sppb-btn { white-space: pre-line }, из-за чего перенос строки
   перед input становится пустой строкой. font-size: 0 убирает этот пробельный узел. */
.sm-tbl__buy button.add-to-cart { position: relative; display: inline-block; height: 32px; min-width: 96px; padding: 0; line-height: 32px; vertical-align: middle; white-space: nowrap; font-size: 0; }
.sm-tbl__buy button.add-to-cart .addtocart-button { position: static; display: block; width: 76%; height: 32px; margin: 0; padding: 0 14px; line-height: 32px; font-size: 12px; background: transparent; border: 0; color: #fff; }
.sm-tbl__buy .quantity-box input { height: 32px; line-height: 20px; }

/* Таблица шире колонки на 35 px (881 при 846): ужимаем отступы и колонку «Купить».
   Ширину кнопки держит правило .add-to-cart.sppb-btn.sppb-btn-primary { width: 109px } выше в custom.css,
   поэтому селектор с четырьмя классами. */
.sm-list .sm-tbl th, .sm-list .sm-tbl td { padding-left: 10px; padding-right: 10px; }
.sm-tbl .sm-tbl__buy { width: 1%; }
.sm-tbl__buy .add-to-cart.sppb-btn.sppb-btn-primary { width: 96px; min-width: 0; }
.sm-tbl__buy button.add-to-cart .addtocart-button { width: 100%; padding: 0 8px; }


/* Карточки подкатегорий: длинные слова («низколегированный», «водогазопроводная»)
   не помещались в 148 px под текст. Картинка 76 → 64 px, шрифт 17 → 16 px,
   а если слово всё равно длиннее строки, браузер перенесёт его по слогам. */
.related-category-view .cat-card { padding-right: 12px; }
.related-category-view .cat-card__media { flex-basis: 64px; margin-right: 12px; }
.related-category-view .cat-card__media img { max-width: 64px; max-height: 64px; }
.related-category-view .cat-card__title { font-size: 16px; overflow-wrap: break-word; hyphens: auto; -webkit-hyphens: auto; }


.sm-list { --sm-accent: #22a9e1; --sm-accent-d: #1486b8; --sm-ink: #2f3337; --sm-muted: #6b7580; --sm-line: #e3e8ec; --sm-soft: #f4f8fa; margin: 8px 0 24px; }

/* Если блок «Карточка товара» ещё не выложен, эти правила таблицы обязательны */
.sm-tbl { overflow-x: auto; border: 1px solid var(--sm-line, #e3e8ec); border-radius: 4px; }
.sm-tbl table { border-collapse: collapse; width: 100%; min-width: 520px; font-size: 13.5px; font-variant-numeric: tabular-nums; margin: 0; }
.sm-tbl th, .sm-tbl td { padding: 9px 12px; border-bottom: 1px solid var(--sm-line, #e3e8ec); text-align: left; vertical-align: middle; }
.sm-tbl th { background: var(--sm-soft, #f4f8fa); font-weight: 600; font-size: 12px; color: var(--sm-muted, #6b7580); text-transform: uppercase; letter-spacing: .04em; }
.sm-tbl .num { text-align: right; white-space: nowrap; }
.sm-tbl tbody tr:last-child td { border-bottom: 0; }

/* Поиск и счётчик над таблицей */
.sm-list__tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-bottom: 10px; }
.sm-list__search { display: flex; align-items: center; gap: 8px; margin: 0; font-weight: 400; font-size: 13px; color: var(--sm-muted); }
.sm-list__search input { width: 260px; max-width: 60vw; height: 34px; padding: 4px 10px; border: 1px solid #cfd8de; border-radius: 4px; font-size: 14px; color: var(--sm-ink); }
.sm-list__search input:focus { outline: 0; border-color: var(--sm-accent); box-shadow: 0 0 0 3px rgba(34,169,225,.2); }
.sm-list__count { font-size: 12.5px; color: var(--sm-muted); }
.sm-list__empty { margin: 12px 0 0; color: var(--sm-muted); }
.sm-list tr[hidden] { display: none; }

/* Сортировка по заголовкам */
.sm-list th button { border: 0; background: none; padding: 0; font: inherit; color: inherit; text-transform: inherit; letter-spacing: inherit; cursor: pointer; }
.sm-list th button:hover, .sm-list th button:focus-visible { color: var(--sm-accent-d); }
.sm-list th button::after { content: "↕"; margin-left: 4px; opacity: .35; }
.sm-list th[aria-sort="ascending"] button::after { content: "↑"; opacity: 1; }
.sm-list th[aria-sort="descending"] button::after { content: "↓"; opacity: 1; }

/* Строки */
.sm-list tbody tr:hover td { background: #f7fbfd; }
.sm-list td:first-child a { color: var(--sm-accent-d); text-decoration: none; }
.sm-list td:first-child a:hover { text-decoration: underline; }
.sm-list td:nth-child(4) { font-weight: 600; color: var(--sm-ink); }

/* Колонка «Купить, т»: поле количества (в тоннах) и кнопка в одну строку */
.sm-tbl .sm-tbl__buy { width: 150px; text-align: right; white-space: nowrap; }
.sm-tbl__buy .addtocart-area { margin: 0; }
.sm-tbl__buy form.product { margin: 0; }
.sm-tbl__buy .vm-customfields-wrap { display: none; }
.sm-tbl__buy .addtocart-bar { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 0; border: 0; float: none; }
.sm-tbl__buy .addtocart-bar .quantity_box, .sm-tbl__buy .quantity-controls { display: none; }
.sm-tbl__buy .quantity-box { display: block; float: none; margin: 0; }
.sm-tbl__buy .quantity-box input { width: 46px; height: 32px; padding: 4px; text-align: center; border: 1px solid #cfd8de; border-radius: 4px; font-size: 14px; }
.sm-tbl__buy .cd-customization, .sm-tbl__buy .add-to-cart.sppb-btn { display: inline-block; margin: 0; padding: 0; float: none; }
.sm-tbl__buy .addtocart-button { margin: 0; padding: 6px 12px; font-size: 12px; line-height: 20px; }
.sm-tbl__ask { font-size: 12.5px; }

/* Старая шапка «Наименование / Марка стали / Размер / Цена за тонну» больше не выводится,
   правила .product-table* в начале custom.css можно удалить после проверки. */

@media (max-width: 767px) {
	.sm-list__search input { width: 100%; max-width: none; }
	.sm-list__search { flex: 1 1 100%; }
	.sm-tbl table { min-width: 640px; }
}

/* --- Правки после выкладки 23.09.2026 --- */

/* Шапка таблицы: в одну строку и ниже (шаблон задаёт th line-height 25px и 15px) */
.sm-list .sm-tbl th { padding: 10px 12px; line-height: 1.3; font-size: 12px; white-space: nowrap; }
.sm-list .sm-tbl td { line-height: 1.4; }
.sm-list .sm-tbl td:first-child { min-width: 200px; }

/* Кнопка «Купить»: у шаблона input внутри button стоит position:absolute и line-height:40px,
   из-за этого текст прижат к низу кнопки */
/* sppagebuilder.css задаёт .sppb-btn { white-space: pre-line }: перенос строки перед input внутри button
   становится пустой строкой и сдвигает надпись вниз. font-size: 0 убирает этот пробельный узел. */
.sm-tbl__buy button.add-to-cart { position: relative; display: inline-block; height: 32px; min-width: 96px; padding: 0; line-height: 32px; vertical-align: middle; white-space: nowrap; font-size: 0; }
.sm-tbl__buy button.add-to-cart .addtocart-button { position: static; display: block; width: 100%; height: 32px; margin: 0; padding: 0 14px; line-height: 32px; font-size: 12px; background: transparent; border: 0; color: #fff; }
.sm-tbl__buy .quantity-box input { height: 32px; line-height: 20px; }

/* Поле «Товаров на странице»: template.css ограничивает его 60 px при отступах 12 px,
   поэтому «150» обрезается до «15» */
.orderby-displaynumber .display-number select { width: 84px; max-width: none; padding: 6px 26px 6px 10px; }

/* Таблица шире колонки на 35 px (881 при 846): ужимаем отступы и колонку «Купить».
   Ширину кнопки держит правило .add-to-cart.sppb-btn.sppb-btn-primary { width: 109px } выше в custom.css,
   поэтому селектор с четырьмя классами. */
.sm-list .sm-tbl th, .sm-list .sm-tbl td { padding-left: 10px; padding-right: 10px; }
.sm-tbl .sm-tbl__buy { width: 1%; }
.sm-tbl__buy .add-to-cart.sppb-btn.sppb-btn-primary { width: 96px; min-width: 0; }
.sm-tbl__buy button.add-to-cart .addtocart-button { width: 100%; padding: 0 8px; }

/* Пояснение под счётчиком, когда товары разбиты на страницы */
.sm-list__note { flex: 1 1 100%; text-align: right; font-size: 12px; color: var(--sm-muted, #6b7580); }

/* К9. На странице корзины не нужны фильтр товаров, блоки входа/регистрации и второй адрес доставки */
.view-cart #sp-left .sp-module:has(.cf_wrapp_all) { display: none; }
.view-cart .loginsection, .view-cart #shipTo_box { display: none !important; }

/* К1. Пояснение вместо рамки «Внимание!» */
.sm-cart-note { margin: 0 0 20px; padding: 12px 16px; background: #f4f8fa; border-left: 3px solid #22a9e1; font-size: 13.5px; line-height: 1.5; }
.sm-cart-note b { display: block; margin-bottom: 2px; }

/* К2, К3. Подсказка под названием и общий вес */
.sm-cart-hint { display: block; margin-top: 2px; font-size: 12.5px; font-weight: 400; color: #6b7580; }
#basket_container .sm-cart-weight { font-weight: 600; }
#basket_container .op_col5, #basket_container .op_col7, #basket_container .op_col5_3 { font-variant-numeric: tabular-nums; white-space: nowrap; }

/* К5, К6. Поля, которые появляются по выбору оплаты / доставки */
.sm-cart-reveal { margin: 10px 0 6px; padding-left: 12px; border-left: 2px solid #22a9e1; }
.sm-cart-reveal[hidden] { display: none; }
.sm-cart-error { margin-top: 6px; color: #c0392b; font-size: 12.5px; }
.sm-cart-error[hidden] { display: none; }

/* К7. Итог над кнопкой */
.sm-cart-summary { max-width: 420px; margin: 8px 0 12px auto; padding: 14px 16px; border: 1px solid #e3e8ec; border-radius: 4px; }
.sm-cart-summary__line { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 6px; font-variant-numeric: tabular-nums; }
.sm-cart-summary__line span:first-child { color: #6b7580; }
.sm-cart-summary__total { margin-top: 8px; padding-top: 8px; border-top: 1px solid #e3e8ec; }
.sm-cart-summary__total b { font-size: 22px; }
.sm-cart-summary__small { margin: 8px 0 0; font-size: 12.5px; color: #6b7580; }

/* К8. Согласие на обработку персональных данных */
.sm-cart-consent { max-width: 420px; margin: 0 0 12px auto; font-size: 12.5px; color: #6b7580; }
.sm-cart-consent label { display: grid; grid-template-columns: 18px 1fr; gap: 8px; font-weight: 400; cursor: pointer; }
.sm-cart-consent input { margin-top: 2px; }

/* Кнопка «Отправить заявку» */
.view-cart #confirmbtn_button { min-width: 260px; padding: 12px 24px; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }

/* Страница «Заявка отправлена» */
.sm-order-done { max-width: 560px; margin: 12px auto; font-size: 15px; line-height: 1.6; }


/* К9. На странице корзины не нужны фильтр товаров, блоки входа/регистрации и второй адрес доставки */
.view-cart #sp-left .sp-module:has(.cf_wrapp_all) { display: none; }
.view-cart .loginsection, .view-cart #shipTo_box { display: none !important; }

/* К1. Пояснение вместо рамки «Внимание!» */
.sm-cart-note { margin: 0 0 20px; padding: 12px 16px; background: #f4f8fa; border-left: 3px solid #22a9e1; font-size: 13.5px; line-height: 1.5; }
.sm-cart-note b { display: block; margin-bottom: 2px; }

/* К2, К3. Подсказка под названием и общий вес */
.sm-cart-hint { display: block; margin-top: 2px; font-size: 12.5px; font-weight: 400; color: #6b7580; }
#basket_container .sm-cart-weight { font-weight: 600; }
#basket_container .op_col5, #basket_container .op_col7, #basket_container .op_col5_3 { font-variant-numeric: tabular-nums; white-space: nowrap; }

/* К5, К6. Поля, которые появляются по выбору оплаты / доставки */
.sm-cart-reveal { margin: 10px 0 6px; padding-left: 12px; border-left: 2px solid #22a9e1; }
.sm-cart-reveal[hidden] { display: none; }
.sm-cart-error { margin-top: 6px; color: #c0392b; font-size: 12.5px; }
.sm-cart-error[hidden] { display: none; }

/* К7. Итог над кнопкой */
.sm-cart-summary { max-width: 420px; margin: 8px 0 12px auto; padding: 14px 16px; border: 1px solid #e3e8ec; border-radius: 4px; }
.sm-cart-summary__line { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 6px; font-variant-numeric: tabular-nums; }
.sm-cart-summary__line span:first-child { color: #6b7580; }
.sm-cart-summary__total { margin-top: 8px; padding-top: 8px; border-top: 1px solid #e3e8ec; }
.sm-cart-summary__total b { font-size: 22px; }
.sm-cart-summary__small { margin: 8px 0 0; font-size: 12.5px; color: #6b7580; }

/* К8. Согласие на обработку персональных данных */
.sm-cart-consent { max-width: 420px; margin: 0 0 12px auto; font-size: 12.5px; color: #6b7580; }
.sm-cart-consent label { display: grid; grid-template-columns: 18px 1fr; gap: 8px; font-weight: 400; cursor: pointer; }
.sm-cart-consent input { margin-top: 2px; }

/* Кнопка «Отправить заявку» */
.view-cart #confirmbtn_button { min-width: 260px; padding: 12px 24px; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }

/* Страница «Заявка отправлена» */
.sm-order-done { max-width: 560px; margin: 12px auto; font-size: 15px; line-height: 1.6; }

/* --- Корзина: правки после выкладки 23.09.2026 --- */
/* Колонки списка товаров: в теме onepage.css названию отведено 15%, цене 35% и пустой «Ед. изм.» 10%,
   из-за этого название переносилось на 5 строк. Селекторы повторяют тему, чтобы перебить её !important. */
div#basket_container div.op_basket_head div.op_col1, div#basket_container div.op_basket_row div.op_col1 { width: 42% !important; }
div#basket_container div.op_basket_head div.op_col2, div#basket_container div.op_basket_head div.op_col3,
div#basket_container div.op_basket_row div.op_col2, div#basket_container div.op_basket_row div.op_col2_2, div#basket_container div.op_basket_row div.op_col3 { display: none !important; }
div#basket_container div.op_basket_head div.op_col5, div#basket_container div.op_basket_row div.op_col5 { width: 15% !important; }
div#basket_container div.op_basket_head div.op_col6, div#basket_container div.op_basket_row div.op_col6 { width: 17% !important; }
div#basket_container div.op_basket_head div.op_col7, div#basket_container div.op_basket_row div.op_col7 { width: 18% !important; }
div#basket_container div.op_basket_head > div { padding: 1% !important; }

/* Радиокнопка и подпись способа оплаты/доставки в одну строку */
.view-cart .opc_payment_wrap, .view-cart .opc_ship_wrap { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 8px; }
.view-cart .opc_payment_wrap input, .view-cart .opc_ship_wrap input { flex: 0 0 auto; margin-top: 3px; }

/* Телефон: название на всю ширину, под ним три колонки с подписями */
@media (max-width: 767px) {
	div#basket_container div.op_basket_head { display: none !important; }
	div#basket_container div.op_basket_row div.op_col1 { width: auto !important; float: none !important; }
	div#basket_container div.op_basket_row div.op_col5, div#basket_container div.op_basket_row div.op_col6, div#basket_container div.op_basket_row div.op_col7 { width: 31% !important; }
	div#basket_container div.op_basket_row div.op_col5::before { content: "Цена за т"; display: block; font-size: 11px; color: #6b7580; }
	div#basket_container div.op_basket_row div.op_col7::before { content: "Сумма"; display: block; font-size: 11px; color: #6b7580; }
}

/* Кнопка «Отправить заявку» наезжала на согласие: в onepage.css у неё position: absolute */
.view-cart #rbsubmit2 { float: none; width: auto; clear: both; }
.view-cart #rbsubmit2 #confirmbtn_button { position: static; display: block; float: none; margin: 0 0 24px auto; }

.view-cart { --smc-accent: #22a9e1; --smc-accent-d: #1486b8; --smc-ink: #2f3337; --smc-muted: #6b7580; --smc-line: #e3e8ec; --smc-soft: #f4f8fa; --smc-err: #c0392b; }

/* ---------- Список товаров ---------- */
.view-cart #basket_container { border: 1px solid var(--smc-line); border-radius: 4px; overflow: hidden; margin-bottom: 28px; }
.view-cart #basket_container .inside, .view-cart #basket_container .black-basket,
.view-cart #basket_container .col-module_fix, .view-cart #basket_container .col-module_content { float: none !important; width: auto !important; margin: 0; padding: 0; border: 0; background: none; }
.view-cart div#basket_container div.op_basket_head { display: flex !important; align-items: center; background: var(--smc-soft) !important; background-image: none !important; border: 0; height: auto; }
.view-cart div#basket_container div.op_basket_head > div { float: none !important; padding: 12px 16px !important; font-size: 12px; font-weight: 600; color: var(--smc-muted); text-transform: uppercase; letter-spacing: .04em; background: none; border: 0; }
.view-cart div#basket_container div.op_basket_row { display: flex; align-items: center; border: 0; border-top: 1px solid var(--smc-line); }
.view-cart div#basket_container div.op_basket_row > div { float: none !important; padding: 12px 16px !important; border: 0 !important; }
/* ширины колонок: название гибкое, остальные фиксированные (перекрывают проценты из блока «правки после выкладки») */
.view-cart div#basket_container div.op_basket_head > div, .view-cart div#basket_container div.op_basket_row > div { box-sizing: border-box; }
.view-cart div#basket_container div.op_basket_head div.op_col1, .view-cart div#basket_container div.op_basket_row div.op_col1 { flex: 1 1 auto; width: auto !important; min-width: 0; }
.view-cart div#basket_container div.op_basket_head div.op_col5, .view-cart div#basket_container div.op_basket_row div.op_col5 { flex: 0 0 130px; width: 130px !important; }
.view-cart div#basket_container div.op_basket_head div.op_col6, .view-cart div#basket_container div.op_basket_row div.op_col6 { flex: 0 0 150px; width: 150px !important; }
.view-cart div#basket_container div.op_basket_head div.op_col7, .view-cart div#basket_container div.op_basket_row div.op_col7 { flex: 0 0 140px; width: 140px !important; }
.view-cart div#basket_container div.op_col1 a { font-weight: 600; text-decoration: none; }
.view-cart div#basket_container div.op_col5, .view-cart div#basket_container div.op_col7 { text-align: right; }
.view-cart div#basket_container div.op_basket_head div.op_col6 { text-align: right; }

/* количество: поле, «обновить» и «удалить» в одну линию */
.view-cart div#basket_container div.op_col6.quantitycol { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.view-cart div#basket_container div.op_col6 input.opcquantity { width: 56px !important; height: 32px; float: none !important; text-align: center; border: 1px solid #cfd8de; border-radius: 4px; font-weight: 600; }
.view-cart div#basket_container a.updatebtn { order: 2; float: none !important; width: 20px; height: 20px; background-size: contain !important; opacity: .55; }
.view-cart div#basket_container a.deletebtn { order: 3; float: none !important; width: 18px; height: 18px; background-size: contain !important; opacity: .45; }
.view-cart div#basket_container a.updatebtn:hover, .view-cart div#basket_container a.deletebtn:hover { opacity: 1; }

/* итоги под списком */
.view-cart #subtotal_box2, .view-cart #subtotal_container2 { float: none !important; width: auto !important; margin: 0; padding: 0; background: #fbfdfe; }
.view-cart #subtotal_container2 { padding: 6px 0 0 !important; }
/* без !important: строки налогов и скидок OPC скрывает атрибутом style="display: none" */
.view-cart #subtotal_container2 .op_basket_row { display: flex; justify-content: flex-end; gap: 16px; padding: 4px 16px !important; border: 0 !important; }
/* «Стоимость доставки» (считает менеджер), пустая строка-распорка и «Промежуточный итог» (равен «Всего») не нужны */
.view-cart #tt_shipping_rate_div_basket, .view-cart #tt_order_subtotal_div_basket,
.view-cart #subtotal_container2 .op_basket_row:has(> div[style*="clear"]) { display: none !important; }
.view-cart #subtotal_container2 .op_basket_row > div { float: none !important; width: auto !important; padding: 0 !important; }
.view-cart #subtotal_container2 .op_col1_4 { color: var(--smc-muted); }
.view-cart #subtotal_container2 .bsep, .view-cart #subtotal_container2 .op_basket_row:empty { display: none !important; }
.view-cart #tt_total_basket { font-size: 20px; font-weight: 700; }
.view-cart #subtotal_container2 > .op_basket_row:last-child { padding: 10px 16px 14px; border-top: 1px solid var(--smc-line) !important; }

/* ---------- Две колонки: форма слева, «Ваша заявка» справа ---------- */
.view-cart form#adminForm.sm-cart-form { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 0 28px; align-items: start; }
.view-cart form#adminForm.sm-cart-form > * { grid-column: 1; }
.view-cart form#adminForm.sm-cart-form > .sm-cart-aside { grid-column: 2; grid-row: 1 / span 20; position: sticky; top: 90px; }
.view-cart #usersection { float: none; width: auto; }

/* ---------- Разделы формы ---------- */
.view-cart #billTo_box, .view-cart #payment_top_wrapper, .view-cart #payment_box, .view-cart #shipping_box, .view-cart #comment_box {
	float: none !important; width: auto !important; margin: 0 0 16px !important; padding: 0; position: static; }
.view-cart #billTo_box, .view-cart #payment_box, .view-cart #shipping_box, .view-cart #comment_box {
	border: 1px solid var(--smc-line); border-radius: 4px; padding: 18px 18px 8px !important; background: #fff; }
.view-cart #payment_top_wrapper { margin: 0 !important; }
.view-cart #billTo_head, .view-cart #payment_head, .view-cart #shipping_head, .view-cart #comment_head {
	display: block; height: auto; margin: 0 0 12px; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none;
	color: var(--smc-ink); font-size: 15px; font-weight: 600; line-height: 1.4; text-transform: uppercase; letter-spacing: .05em; text-align: left; }
.view-cart #billTo_container, .view-cart #payment_container, .view-cart #shipping_container, .view-cart #comment_container { float: none; width: auto; padding: 0; margin: 0; border: 0; }

/* поля: подпись над полем, «Имя» и «Телефон» в одну строку, остальные во всю ширину */
.view-cart #billTo_container > div:first-child, .view-cart #sm_org_box { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; width: auto !important; }
.view-cart #billTo_container .formLabel, .view-cart #billTo_container .formField,
.view-cart .sm-cart-reveal .formLabel, .view-cart .sm-cart-reveal .formField { grid-column: 1 / -1; float: none !important; width: auto !important; margin: 0; padding: 0; text-align: left; }
.view-cart #billTo_container .formLabel label, .view-cart .sm-cart-reveal .formLabel label { display: block; margin: 0 0 4px; padding: 0; font-size: 13px; font-weight: 600; color: var(--smc-ink); text-align: left; float: none; width: auto; }
.view-cart #billTo_container .formField, .view-cart .sm-cart-reveal .formField { margin-bottom: 12px; }
.view-cart #billTo_container .formField input, .view-cart .sm-cart-reveal .formField input {
	width: 100% !important; height: 38px; padding: 6px 10px; border: 1px solid #cfd8de; border-radius: 4px; font-size: 14px; box-shadow: none; }
.view-cart #billTo_container .formField input:focus, .view-cart .sm-cart-reveal .formField input:focus, .view-cart #customer_note_box:focus {
	outline: 0; border-color: var(--smc-accent); box-shadow: 0 0 0 3px rgba(34,169,225,.18); }
.view-cart #billTo_container #first_name_div  { order: 1; grid-column: 1; }
.view-cart #billTo_container #phone_1_div     { order: 2; grid-column: 2; }
.view-cart #billTo_container #first_name_input { order: 3; grid-column: 1; }
.view-cart #billTo_container #phone_1_input    { order: 4; grid-column: 2; }
.view-cart #billTo_container #email_div       { order: 5; }
.view-cart #billTo_container #email_input     { order: 6; }
.view-cart #billTo_container .formLabel, .view-cart #billTo_container .formField { order: 7; }
/* скрытый блок «Компания/ИНН» (атрибут hidden ставит sibmet-cart.js) не должен перебиваться display: grid !important */
.view-cart #sm_org_box[hidden], .view-cart #sm_addr_box[hidden] { display: none !important; }
.view-cart #company_div  { order: 1; grid-column: 1; } .view-cart #inn_div  { order: 2; grid-column: 2; }
.view-cart #company_input{ order: 3; grid-column: 1; } .view-cart #inn_input{ order: 4; grid-column: 2; }

/* способы оплаты и получения – карточки, выбранная подсвечена (класс selected ставит OPC) */
.view-cart .opc_payment_wrap, .view-cart .opc_ship_wrap {
	display: grid !important; grid-template-columns: 20px 1fr; gap: 8px; margin: 0 0 8px !important; padding: 10px 12px; border: 1px solid var(--smc-line); border-radius: 4px; cursor: pointer; }
.view-cart .opc_payment_wrap.selected, .view-cart .opc_ship_wrap.selected { border-color: var(--smc-accent); background: #f3fafe; }
.view-cart .opc_payment_wrap input, .view-cart .opc_ship_wrap input { margin: 3px 0 0; float: none; }
.view-cart .opc_payment_wrap label, .view-cart .opc_ship_wrap label { margin: 0; font-weight: 400; cursor: pointer; }
.view-cart .vmpayment_name, .view-cart .vmshipment_name { display: block; font-weight: 600; color: var(--smc-ink); }
.view-cart .vmpayment_description, .view-cart .vmshipment_description { display: block !important; margin-top: 2px; font-size: 12.5px; color: var(--smc-muted); }
.view-cart #ajaxshipping { width: auto !important; }
.view-cart #ajaxshipping > br { display: none; }
.view-cart .sm-cart-reveal { margin: 4px 0 12px; padding-left: 12px; border-left: 2px solid var(--smc-accent); }

/* комментарий */
.view-cart #customer_note_input { display: block; width: auto !important; float: none; }
.view-cart #customer_note_box { width: 100% !important; min-height: 74px; padding: 8px 10px; border: 1px solid #cfd8de; border-radius: 4px; font-size: 14px; resize: vertical; }

/* ---------- «Ваша заявка» ---------- */
.view-cart .sm-cart-aside { padding: 18px; border: 1px solid var(--smc-line); border-radius: 4px; background: #fff; }
.view-cart .sm-cart-aside__title { margin: 0 0 12px; font-size: 15px; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: var(--smc-ink); }
.view-cart .sm-cart-aside .sm-cart-summary { max-width: none; margin: 0; padding: 0; border: 0; }
.view-cart .sm-cart-aside .sm-cart-summary__total b { font-size: 24px; }
.view-cart .sm-cart-aside .sm-cart-consent { max-width: none; margin: 14px 0 0; }
.view-cart .sm-cart-aside #rbsubmit2 { float: none; width: auto; margin: 0; }
.view-cart .sm-cart-aside #rbsubmit2 #confirmbtn_button {
	position: static; display: block; width: 100%; min-width: 0; margin: 14px 0 0; padding: 13px 16px; border: 0; border-radius: 4px;
	background: var(--smc-accent); background-image: none; color: #fff; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; box-shadow: none; }
.view-cart .sm-cart-aside #rbsubmit2 #confirmbtn_button:hover { background: var(--smc-accent-d); }

/* ---------- Телефон и планшет ---------- */
@media (max-width: 991px) {
	.view-cart form#adminForm.sm-cart-form { grid-template-columns: minmax(0, 1fr); }
	.view-cart form#adminForm.sm-cart-form > .sm-cart-aside { grid-column: 1; grid-row: auto; position: static; margin-bottom: 24px; }
}
@media (max-width: 640px) {
	.view-cart #billTo_container > div:first-child, .view-cart #sm_org_box { grid-template-columns: minmax(0, 1fr); }
	.view-cart #billTo_container #first_name_div, .view-cart #billTo_container #phone_1_div, .view-cart #billTo_container #first_name_input, .view-cart #billTo_container #phone_1_input,
	.view-cart #company_div, .view-cart #inn_div, .view-cart #company_input, .view-cart #inn_input { grid-column: 1; }
	.view-cart #billTo_container #first_name_div { order: 1; } .view-cart #billTo_container #first_name_input { order: 2; } .view-cart #billTo_container #phone_1_div { order: 3; } .view-cart #billTo_container #phone_1_input { order: 4; }
	.view-cart div#basket_container div.op_basket_head { display: none !important; }
	.view-cart div#basket_container div.op_basket_row { flex-wrap: wrap; }
	.view-cart div#basket_container div.op_basket_row div.op_col1 { flex: 1 1 100%; }
	.view-cart div#basket_container div.op_basket_row div.op_col5, .view-cart div#basket_container div.op_basket_row div.op_col6, .view-cart div#basket_container div.op_basket_row div.op_col7 { flex: 1 1 0; min-width: 0; width: auto !important; padding-left: 8px !important; padding-right: 8px !important; }
}

/* К9. На странице корзины не нужны фильтр товаров, блоки входа/регистрации и второй адрес доставки */
.view-cart #sp-left .sp-module:has(.cf_wrapp_all) { display: none; }
.view-cart .loginsection, .view-cart #shipTo_box { display: none !important; }

/* К1. Пояснение вместо рамки «Внимание!» */
.sm-cart-note { margin: 0 0 20px; padding: 12px 16px; background: #f4f8fa; border-left: 3px solid #22a9e1; font-size: 13.5px; line-height: 1.5; }
.sm-cart-note b { display: block; margin-bottom: 2px; }

/* К2, К3. Подсказка под названием и общий вес */
.sm-cart-hint { display: block; margin-top: 2px; font-size: 12.5px; font-weight: 400; color: #6b7580; }
#basket_container .sm-cart-weight { font-weight: 600; }
#basket_container .op_col5, #basket_container .op_col7, #basket_container .op_col5_3 { font-variant-numeric: tabular-nums; white-space: nowrap; }

/* К5, К6. Поля, которые появляются по выбору оплаты / доставки */
.sm-cart-reveal { margin: 10px 0 6px; padding-left: 12px; border-left: 2px solid #22a9e1; }
.sm-cart-reveal[hidden] { display: none; }
.sm-cart-error { margin-top: 6px; color: #c0392b; font-size: 12.5px; }
.sm-cart-error[hidden] { display: none; }

/* К7. Итог над кнопкой */
.sm-cart-summary { max-width: 420px; margin: 8px 0 12px auto; padding: 14px 16px; border: 1px solid #e3e8ec; border-radius: 4px; }
.sm-cart-summary__line { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 6px; font-variant-numeric: tabular-nums; }
.sm-cart-summary__line span:first-child { color: #6b7580; }
.sm-cart-summary__total { margin-top: 8px; padding-top: 8px; border-top: 1px solid #e3e8ec; }
.sm-cart-summary__total b { font-size: 22px; }
.sm-cart-summary__small { margin: 8px 0 0; font-size: 12.5px; color: #6b7580; }

/* К8. Согласие на обработку персональных данных */
.sm-cart-consent { max-width: 420px; margin: 0 0 12px auto; font-size: 12.5px; color: #6b7580; }
.sm-cart-consent label { display: grid; grid-template-columns: 18px 1fr; gap: 8px; font-weight: 400; cursor: pointer; }
.sm-cart-consent input { margin-top: 2px; }

/* Кнопка «Отправить заявку» */
.view-cart #confirmbtn_button { min-width: 260px; padding: 12px 24px; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }

/* Страница «Заявка отправлена» */
.sm-order-done { max-width: 560px; margin: 12px auto; font-size: 15px; line-height: 1.6; }

/* --- Корзина: правки после выкладки 23.09.2026 --- */
/* Колонки списка товаров: в теме onepage.css названию отведено 15%, цене 35% и пустой «Ед. изм.» 10%,
   из-за этого название переносилось на 5 строк. Селекторы повторяют тему, чтобы перебить её !important. */
div#basket_container div.op_basket_head div.op_col1, div#basket_container div.op_basket_row div.op_col1 { width: 42% !important; }
div#basket_container div.op_basket_head div.op_col2, div#basket_container div.op_basket_head div.op_col3,
div#basket_container div.op_basket_row div.op_col2, div#basket_container div.op_basket_row div.op_col2_2, div#basket_container div.op_basket_row div.op_col3 { display: none !important; }
div#basket_container div.op_basket_head div.op_col5, div#basket_container div.op_basket_row div.op_col5 { width: 15% !important; }
div#basket_container div.op_basket_head div.op_col6, div#basket_container div.op_basket_row div.op_col6 { width: 17% !important; }
div#basket_container div.op_basket_head div.op_col7, div#basket_container div.op_basket_row div.op_col7 { width: 18% !important; }
div#basket_container div.op_basket_head > div { padding: 1% !important; }

/* Радиокнопка и подпись способа оплаты/доставки в одну строку */
.view-cart .opc_payment_wrap, .view-cart .opc_ship_wrap { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 8px; }
.view-cart .opc_payment_wrap input, .view-cart .opc_ship_wrap input { flex: 0 0 auto; margin-top: 3px; }

/* Телефон: название на всю ширину, под ним три колонки с подписями */
@media (max-width: 767px) {
	div#basket_container div.op_basket_head { display: none !important; }
	div#basket_container div.op_basket_row div.op_col1 { width: auto !important; float: none !important; }
	div#basket_container div.op_basket_row div.op_col5, div#basket_container div.op_basket_row div.op_col6, div#basket_container div.op_basket_row div.op_col7 { width: 31% !important; }
	div#basket_container div.op_basket_row div.op_col5::before { content: "Цена за т"; display: block; font-size: 11px; color: #6b7580; }
	div#basket_container div.op_basket_row div.op_col7::before { content: "Сумма"; display: block; font-size: 11px; color: #6b7580; }
}

/* --- Корзина: кнопка «Отправить заявку» наезжала на согласие (23.09.2026) ---
   В onepage.css темы: #vmMainPageOPC input#confirmbtn_button { position: absolute; bottom: 0; right: 0; } */
.view-cart #rbsubmit2 { float: none; width: auto; clear: both; }
.view-cart #rbsubmit2 #confirmbtn_button { position: static; display: block; float: none; margin: 0 0 24px auto; }


/* флажок согласия: onepage.css даёт всем чекбоксам float:left и поля 3px 7px 3px 5px, в сетке он сжимался до 6 px */
.view-cart .sm-cart-consent input[type="checkbox"] { float: none; width: 16px; height: 16px; margin: 2px 0 0; align-self: start; }
/* onepage.css задаёт всем элементам box-sizing: content-box – строка «Общий вес» вылезала за рамку на 30 px */
.view-cart #subtotal_container2 .op_basket_row, .view-cart #subtotal_container2 .op_basket_row > div { box-sizing: border-box; }
/* поле компании на сайте называется company-1 */
.view-cart #sm_org_box #company-1_div { order: 1; grid-column: 1; }
.view-cart #sm_org_box #company-1_input { order: 3; grid-column: 1; }

/* «Ваша заявка» выше «Контактов» на 25 px: перед формой в шаблоне стоит <br>, в сетке он занимает строку */
.view-cart form#adminForm.sm-cart-form > br { display: none; }
/* Закрепление при прокрутке: у обёртки шаблона .body-innerwrapper overflow-x: hidden, она становится
   прокручиваемым контейнером и sticky не работает. clip так же обрезает лишнее, но контейнером не становится. */
.view-cart .body-innerwrapper.body_innerwrapper_overflow { overflow-x: clip; overflow-y: visible; }

/* Кнопка «В корзину» на карточке – по размеру и типографике как «Получить счёт» */
.sm-card .sm-buy__actions .cd-customization { display: inline-block; float: none; margin: 0; padding: 0; }
.sm-card .sm-buy__actions button.add-to-cart.sppb-btn.sppb-btn-primary {
    position: relative; display: inline-block; float: none; width: auto; min-width: 0; height: auto; margin: 0; padding: 0;
    border: 2px solid #22a9e1; border-radius: 4px; background: #22a9e1; box-shadow: none; overflow: hidden; white-space: nowrap; font-size: 0; line-height: 0; }
.sm-card .sm-buy__actions button.add-to-cart.sppb-btn.sppb-btn-primary:hover { background: #1486b8; border-color: #1486b8; }
.sm-card .sm-buy__actions button.add-to-cart .addtocart-button {
    position: static; display: block; width: auto; height: auto; margin: 0; padding: 10px 28px; border: 0; background: transparent;
    color: #fff; font: 600 14px/25px "Open Sans", Arial, sans-serif; letter-spacing: .04em; text-transform: uppercase; cursor: pointer; }
	
.sbm-dlv h2{margin-top:40px;scroll-margin-top:90px;}
.sbm-dlv .sbm-svc__specs{margin-top:24px;}

.sbm-dlv__lead{font-size:17px;line-height:1.65;color:var(--sbm-ink);}
.sbm-dlv__small{font-size:14px;color:#7b8a99;}

/* ---------- содержание страницы ---------- */
.sbm-dlv__toc{
  display:flex;flex-wrap:wrap;gap:8px;
  margin:0 0 10px;
}
.sbm-dlv__toc a{
  padding:7px 14px;
  border:1px solid #cfe8f6;border-radius:20px;
  background:#fff;
  font-size:14px;line-height:1.3;text-decoration:none;
  color:var(--sbm-accent-dark);
}
.sbm-dlv__toc a:hover{background:var(--sbm-soft);border-color:var(--sbm-accent);}

/* ---------- карточки машин ---------- */
.sbm-dlv__trucks{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:20px;
  margin:0 0 24px;
}
.sbm-dlv__truck{
  display:flex;flex-direction:column;
  border:1px solid var(--sbm-line);border-radius:10px;
  overflow:hidden;background:#fff;
}
.sbm-dlv__truck img{
  display:block;width:100%;height:190px;
  object-fit:contain;background:#fff;
  padding:10px;border-bottom:1px solid var(--sbm-line);
}
.sbm-dlv__truck-body{padding:16px 18px 18px;}
.sbm-dlv__truck-body p{margin:0 0 6px;}
.sbm-dlv__truck-name{font-size:17px;font-weight:700;color:var(--sbm-ink);}
.sbm-dlv__truck-price{font-size:24px;line-height:1.2;font-weight:700;color:var(--sbm-accent-dark);}
.sbm-dlv__truck-min{font-size:14px;color:#7b8a99;}
.sbm-dlv .sbm-dlv__truck-use{margin:8px 0 0;font-size:14.5px;line-height:1.55;}

/* ---------- таблица тарифов ---------- */
.sbm-dlv__table td:nth-child(3){white-space:nowrap;font-weight:600;color:var(--sbm-ink);}

/* ---------- базы самовывоза ---------- */
.sbm-dlv__bases{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:16px;
  margin:0 0 12px;
}
.sbm-dlv__base{
  padding:18px 20px;
  background:var(--sbm-soft);
  border:1px solid var(--sbm-line);border-top:3px solid var(--sbm-accent);
  border-radius:10px;
}
.sbm-dlv__base p{margin:0 0 6px;line-height:1.5;}
.sbm-dlv__base-name{font-weight:700;color:var(--sbm-ink);}
.sbm-dlv__base-addr{font-size:16px;}
.sbm-dlv .sbm-dlv__base-hours{margin:0;font-size:14px;color:#5f6e7c;}

/* ---------- способы оплаты ---------- */
.sbm-dlv__pay{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:16px;
  margin:0 0 20px;
}
.sbm-dlv__pay-item{
  padding:18px 20px;
  border:1px solid var(--sbm-line);border-radius:10px;
}
.sbm-dlv__pay-item p{margin:0;line-height:1.6;}
.sbm-dlv .sbm-dlv__pay-name{margin:0 0 6px;font-weight:700;font-size:16px;color:var(--sbm-ink);}

@media (max-width:767px){
  .sbm-dlv h2{margin-top:30px;}
  .sbm-dlv__lead{font-size:16px;}
  .sbm-dlv__truck img{height:170px;}
}

.sbm-cat{
  --sbm-accent:#22a9e1;
  --sbm-accent-dark:#1683b1;
  --sbm-ink:#1f2b37;
  --sbm-text:#44525f;
  --sbm-muted:#7b8a99;
  --sbm-line:#e3e9f0;
  --sbm-soft:#f5f9fc;
  color:var(--sbm-text);
  margin-top:22px;
}
.sbm-cat *{box-sizing:border-box;}
.sbm-cat__lead a,.sbm-cat__steps a{color:var(--sbm-accent-dark);}

/* ---------- вводный абзац и кнопки ---------- */
.sbm-cat__lead{
  max-width:760px;
  margin:0 0 18px;
  font-size:16px;line-height:1.65;
}
.sbm-cat__lead b{color:var(--sbm-ink);}
.sbm-cat__actions{
  display:flex;flex-wrap:wrap;gap:10px;
  margin:0 0 30px;padding:0;list-style:none;
}
.sbm-cat__actions li{margin:0;padding:0;}
.sbm-cat__actions li:before{content:none;}
.sbm-cat .sbm-cat__btn{
  display:inline-block;
  padding:10px 18px;
  border:1px solid var(--sbm-line);border-radius:8px;
  background:#fff;
  font-size:15px;line-height:1.3;font-weight:600;
  color:var(--sbm-ink);text-decoration:none;
  transition:border-color .2s ease,color .2s ease,background .2s ease;
}
.sbm-cat .sbm-cat__btn:hover,
.sbm-cat .sbm-cat__btn:focus{border-color:var(--sbm-accent);color:var(--sbm-accent-dark);text-decoration:none;}
.sbm-cat .sbm-cat__btn--main{background:var(--sbm-accent);border-color:var(--sbm-accent);color:#fff;}
.sbm-cat .sbm-cat__btn--main:hover,
.sbm-cat .sbm-cat__btn--main:focus{background:var(--sbm-accent-dark);border-color:var(--sbm-accent-dark);color:#fff;}

/* плитки разделов между кнопками и «Как заказать» – прежние .cat-grid / .cat-card, свои стили не нужны */
.sbm-cat .related-category-view.cat-grid{margin-bottom:34px;}

/* ---------- как заказать ---------- */
.sbm-cat__steps{
  margin:0 0 40px;padding:22px 24px;
  background:var(--sbm-soft);
  border:1px solid var(--sbm-line);border-radius:10px;
}
.sbm-cat__steps-title{margin:0 0 12px;font-size:20px;font-weight:700;color:var(--sbm-ink);}
.sbm-cat__steps ol{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 22px;
  margin:0;padding:0;list-style:none;counter-reset:sbmstep;
}
.sbm-cat__steps li{
  position:relative;margin:0;padding:0 0 0 40px;
  font-size:15px;line-height:1.55;counter-increment:sbmstep;
}
.sbm-cat__steps li:before{
  content:counter(sbmstep);
  position:absolute;left:0;top:0;
  width:28px;height:28px;border-radius:50%;
  background:var(--sbm-accent);color:#fff;
  font-weight:700;font-size:14px;line-height:28px;text-align:center;
}
.sbm-cat__steps b{color:var(--sbm-ink);}

@media (max-width:500px){
  .sbm-cat .sbm-cat__btn{display:block;text-align:center;}
  .sbm-cat__actions li{flex:1 1 100%;}
  .sbm-cat__steps{padding:18px 16px;}
}

.sbm-home{
  --sbm-accent:#22a9e1;
  --sbm-accent-dark:#1683b1;
  --sbm-ink:#1f2b37;
  --sbm-text:#44525f;
  --sbm-muted:#7b8a99;
  --sbm-line:#e3e9f0;
  --sbm-soft:#f5f9fc;
  color:var(--sbm-text);
  font-size:15px;
  line-height:1.65;
}
.sbm-home *{box-sizing:border-box;}
.sbm-home p{margin:0 0 14px;}
.sbm-home p:last-child{margin-bottom:0;}
.sbm-home a{color:var(--sbm-accent-dark);}
.sbm-home ul,.sbm-home ol{margin:0;padding:0;list-style:none;}

/* ---------- заголовок секции, как у остальных секций главной ---------- */
.sbm-home .sbm-h2{
  margin:0 0 12px;
  font-family:Raleway,sans-serif;
  font-size:33px;line-height:1.25;font-weight:300;
  text-align:center;color:var(--sbm-ink);
}
.sbm-home .sbm-h2 span{color:var(--sbm-accent);}
.sbm-home .sbm-sub{
  max-width:720px;margin:0 auto 34px;
  text-align:center;color:var(--sbm-muted);
}

/* ---------- кнопки ---------- */
.sbm-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:12px 24px;
  border:1px solid transparent;border-radius:4px;
  font-size:16px;line-height:1.2;font-weight:600;
  text-decoration:none!important;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease;
  cursor:pointer;
}
.sbm-btn--primary{background:#22a9e1;border-color:#22a9e1;color:#fff!important;}
.sbm-btn--primary:hover,.sbm-btn--primary:focus{background:#1683b1;border-color:#1683b1;}
.sbm-btn--ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.7);color:#fff!important;}
.sbm-btn--ghost:hover,.sbm-btn--ghost:focus{background:#fff;color:#1f2b37!important;}
.sbm-btn--line{background:#fff;border-color:#22a9e1;color:#1683b1!important;}
.sbm-btn--line:hover,.sbm-btn--line:focus{background:#f5f9fc;}

/* =====================================================================
   1. ПЕРВЫЙ ЭКРАН
   ===================================================================== */
.sbm-hero{
  position:relative;
  padding:72px 0 0;
  background:#1c2833 url("/images/ap-smart-layerslider/homepage/image%20(16).jpg") center/cover no-repeat;
  color:#dfe7ee;
}
.sbm-hero:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(17,26,35,.94) 0%,rgba(17,26,35,.86) 48%,rgba(17,26,35,.55) 100%);
}
.sbm-hero__inner{position:relative;max-width:1170px;margin:0 auto;padding:0 15px;}
.sbm-hero__body{max-width:660px;}
.sbm-hero__kicker{
  margin:0 0 14px!important;
  font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#8fd3f0;
}
.sbm-home .sbm-hero__title{
  margin:0 0 18px;
  font-family:Raleway,sans-serif;
  font-size:48px;line-height:1.12;font-weight:400;
  color:#fff;text-align:left;text-shadow:none;
}
.sbm-hero__title-sub{
  display:block;margin-top:8px;
  font-size:28px;line-height:1.25;font-weight:300;color:#8fd3f0;
}
.sbm-hero__lead{font-size:18px;line-height:1.6;color:#dfe7ee;}
.sbm-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 18px;}
.sbm-hero__contact{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;color:#aebdca;font-size:15px;}
.sbm-home .sbm-hero__phone{font-size:22px;font-weight:600;color:#fff;text-decoration:none;white-space:nowrap;}
.sbm-home .sbm-hero__phone:hover{color:#8fd3f0;}
.sbm-hero__facts{
  display:grid;grid-template-columns:repeat(4,1fr);
  margin-top:56px!important;
  border-top:1px solid rgba(255,255,255,.14);
}
.sbm-hero__facts li{padding:20px 20px 24px 0;font-size:14px;line-height:1.45;color:#aebdca;}
.sbm-hero__facts li + li{padding-left:20px;border-left:1px solid rgba(255,255,255,.14);}
.sbm-hero__facts b{display:block;margin-bottom:4px;font-size:17px;font-weight:600;color:#fff;}

/* =====================================================================
   2. ТАБЛИЦА ЦЕН (макет pricetable модуля VirtueMart Products)
   ===================================================================== */
.sbm-prices{max-width:960px;margin:0 auto;}
.sbm-prices__meta{text-align:center;color:var(--sbm-muted);}
.sbm-prices__date{
  display:inline-block;margin-left:8px;padding:2px 10px;
  border-radius:12px;background:#e8f6fc;color:#1683b1;font-size:13px;white-space:nowrap;
}
.sbm-prices__scroll{margin:18px 0 12px;border:1px solid var(--sbm-line);border-radius:6px;background:#fff;overflow:hidden;}
.sbm-prices__table{width:100%;border-collapse:collapse;margin:0;font-size:15px;}
.sbm-prices__table th{
  padding:12px 16px;background:var(--sbm-soft);border-bottom:1px solid var(--sbm-line);
  font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--sbm-muted);text-align:left;
}
.sbm-prices__table td{padding:9px 16px;border-top:1px solid var(--sbm-line);vertical-align:middle;}
.sbm-prices__table tbody tr:first-child td{border-top:0;}
.sbm-prices__table tbody tr:hover td{background:#fafcfe;}
.sbm-prices__table .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;}
.sbm-prices__table td.num:nth-child(2){font-weight:600;color:var(--sbm-ink);}
.sbm-prices__name a{color:var(--sbm-ink);text-decoration:none;}
.sbm-prices__name a:hover{color:var(--sbm-accent-dark);text-decoration:underline;}
.sbm-prices__kg{margin-left:8px;font-size:13px;color:var(--sbm-muted);white-space:nowrap;}
.sbm-prices__note{font-size:13px;color:var(--sbm-muted);text-align:center;}
.sbm-prices__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;}

/* =====================================================================
   3. КАК ЗАКАЗАТЬ + СМЕТА
   ===================================================================== */
.sbm-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:sbmstep;}
.sbm-steps li{
  position:relative;padding:22px 20px 20px;
  border:1px solid var(--sbm-line);border-radius:6px;background:#fff;
  counter-increment:sbmstep;
}
.sbm-steps li:before{
  content:counter(sbmstep);
  display:flex;align-items:center;justify-content:center;
  width:34px;height:34px;margin-bottom:12px;border-radius:50%;
  background:#22a9e1;color:#fff;font-weight:600;
}
.sbm-steps b{display:block;margin-bottom:6px;font-size:16px;color:var(--sbm-ink);}
.sbm-steps span{display:block;font-size:14px;line-height:1.55;}
.sbm-cta{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  margin-top:28px;padding:26px 28px;
  border-radius:6px;background:#22a9e1;color:#fff;
}
.sbm-cta__text b{display:block;margin-bottom:4px;font-size:21px;font-weight:600;color:#fff;}
.sbm-cta__text span{color:#e6f6fd;}
.sbm-cta__actions{display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0;}
.sbm-cta .sbm-btn--primary{background:#fff;border-color:#fff;color:#1683b1!important;}
.sbm-cta .sbm-btn--primary:hover{background:#eaf7fd;}
.sbm-cta .sbm-btn--ghost{background:transparent;}
.sbm-cta .sbm-btn--ghost:hover{color:#1683b1!important;}

/* =====================================================================
   4. УСЛУГИ: РЕЗКА И ДОСТАВКА
   ===================================================================== */
.sbm-svc4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.sbm-svc4__card{
  display:flex;flex-direction:column;
  border:1px solid var(--sbm-line);border-radius:6px;background:#fff;overflow:hidden;
  text-decoration:none!important;color:var(--sbm-text)!important;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.sbm-svc4__card:hover{border-color:#22a9e1;box-shadow:0 2px 12px rgba(0,0,0,.09);}
.sbm-svc4__img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#e9eef3;}
.sbm-svc4__body{display:flex;flex-direction:column;flex:1;padding:16px 18px 18px;}
.sbm-svc4__title{margin-bottom:6px;font-size:18px;font-weight:600;color:var(--sbm-ink);}
.sbm-svc4__card:hover .sbm-svc4__title{color:#1683b1;}
.sbm-svc4__spec{flex:1;font-size:14px;line-height:1.55;}
.sbm-svc4__price{margin-top:12px;font-size:16px;font-weight:600;color:#1683b1;}

/* =====================================================================
   5. ПОЧЕМУ ВЫБИРАЮТ
   ===================================================================== */
.sbm-why{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--sbm-line);border-left:1px solid var(--sbm-line);}
.sbm-why li{padding:24px 24px 26px;border-right:1px solid var(--sbm-line);border-bottom:1px solid var(--sbm-line);background:#fff;}
.sbm-why b{display:block;margin-bottom:8px;font-size:20px;line-height:1.3;font-weight:600;color:var(--sbm-ink);}
.sbm-why b em{font-style:normal;color:#22a9e1;}
.sbm-why span{display:block;font-size:14px;line-height:1.6;}

/* =====================================================================
   6. БАЗЫ И КАРТА
   ===================================================================== */
.sbm-bases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;}
.sbm-bases li{padding:20px 22px;border:1px solid var(--sbm-line);border-top:3px solid #22a9e1;border-radius:6px;background:#fff;}
.sbm-bases__name{display:block;margin-bottom:4px;font-size:17px;font-weight:600;color:var(--sbm-ink);}
.sbm-bases__addr{display:block;margin-bottom:10px;}
.sbm-home .sbm-bases__tel{font-size:18px;font-weight:600;color:var(--sbm-ink);text-decoration:none;white-space:nowrap;}
.sbm-home .sbm-bases__tel:hover{color:#1683b1;}
.sbm-bases__hours{display:block;margin-top:8px;font-size:14px;line-height:1.55;color:var(--sbm-muted);}
.sbm-map{position:relative;height:400px;border-radius:6px;overflow:hidden;background:#e9eef3;}
.sbm-map iframe{display:block;width:100%;height:100%;border:0;}

/* =====================================================================
   7. ТЕКСТ О КОМПАНИИ (перед FAQ)
   ===================================================================== */
.sbm-about{max-width:860px;margin:0 auto;}
.sbm-home .sbm-about h2{margin-bottom:20px;}
.sbm-home .sbm-about h3{margin:26px 0 10px;font-size:20px;line-height:1.35;font-weight:600;color:var(--sbm-ink);}
.sbm-about ul{margin:0 0 14px!important;}
.sbm-about li{position:relative;margin-bottom:8px;padding-left:18px;}
.sbm-home-faq{max-width:860px;margin:0 auto;}
.sbm-about li:before{content:"";position:absolute;left:0;top:.7em;width:7px;height:7px;border-radius:50%;background:#22a9e1;}

/* =====================================================================
   8. ПОДГОНКА СТАРЫХ СЕКЦИЙ ГЛАВНОЙ
   ===================================================================== */
/* Фотографии складов: на телефоне по две в ряд вместо одной.
   Сетку раскладывает скрипт Shuffle абсолютным позиционированием,
   поэтому его inline-стили перебиваются через !important.
   Проверено на живой странице при 375 px: секция 3 311 px → 1 153 px. */
@media (max-width:767px){
  #section-id-1721189337541 .sppb-lightbox{
    display:grid!important;grid-template-columns:1fr 1fr;gap:12px;
    height:auto!important;margin:0;padding:0;
  }
  #section-id-1721189337541 .sppb-lightbox > li{
    position:static!important;transform:none!important;
    width:auto!important;margin:0!important;padding:0!important;float:none!important;
  }
  #section-id-1721189337541 .sppb-lightbox img{display:block;width:100%;height:auto;}
}

/* =====================================================================
   АДАПТИВ
   ===================================================================== */
@media (max-width:991px){
  .sbm-home .sbm-hero__title{font-size:40px;}
  .sbm-hero__facts{grid-template-columns:repeat(2,1fr);}
  .sbm-hero__facts li:nth-child(3){padding-left:0;border-left:0;}
  .sbm-hero__facts li:nth-child(n+3){border-top:1px solid rgba(255,255,255,.14);}
  .sbm-steps,.sbm-svc4{grid-template-columns:repeat(2,1fr);}
  .sbm-why{grid-template-columns:repeat(2,1fr);}
  .sbm-cta{flex-direction:column;align-items:flex-start;}
}
@media (max-width:767px){
  .sbm-home .sbm-h2{font-size:26px;}
  .sbm-home .sbm-sub{margin-bottom:24px;}
  .sbm-hero{padding-top:40px;}
  .sbm-hero:before{background:rgba(17,26,35,.88);}
  .sbm-home .sbm-hero__title{font-size:32px;}
  .sbm-hero__title-sub{font-size:21px;}
  .sbm-hero__lead{font-size:16px;}
  .sbm-hero__actions{flex-direction:column;}
  .sbm-hero__actions .sbm-btn{width:100%;}
  .sbm-hero__facts{margin-top:32px!important;}
  .sbm-hero__facts li{padding:14px 12px 16px 0;}
  .sbm-hero__facts li + li{padding-left:12px;}
  .sbm-hero__facts li:nth-child(3){padding-left:0;}
  .sbm-hero__facts b{font-size:15px;}

  /* таблица цен: строка превращается в компактную карточку, три цены в ряд */
  .sbm-prices__scroll{border:0;background:transparent;overflow:visible;}
  .sbm-prices__table thead{display:none;}
  .sbm-prices__table,.sbm-prices__table tbody{display:block;width:100%;}
  .sbm-prices__table tr{
    display:grid;grid-template-columns:repeat(3,1fr);column-gap:10px;
    margin-bottom:8px;padding:10px 12px;
    border:1px solid var(--sbm-line);border-radius:6px;background:#fff;
  }
  .sbm-prices__table td{display:block;padding:0;border:0;}
  .sbm-prices__table td.sbm-prices__name{grid-column:1 / -1;margin-bottom:6px;font-size:14px;line-height:1.4;}
  .sbm-prices__kg{margin-left:6px;font-size:12px;}
  .sbm-prices__table td.num{text-align:left;font-size:14px;}
  .sbm-prices__table td.num:before{content:attr(data-label);display:block;font-size:11px;font-weight:400;color:var(--sbm-muted);}
  .sbm-prices__table tbody tr:hover td{background:transparent;}
  .sbm-prices__actions{flex-direction:column;}
  .sbm-prices__actions .sbm-btn{width:100%;}

  .sbm-steps,.sbm-svc4,.sbm-why,.sbm-bases{grid-template-columns:1fr;}
  .sbm-steps{gap:12px;}
  .sbm-steps li{display:grid;grid-template-columns:34px 1fr;column-gap:14px;padding:16px;}
  .sbm-steps li:before{grid-row:1 / span 2;margin:0;}
  .sbm-cta{padding:22px 18px;}
  .sbm-cta__actions,.sbm-cta__actions .sbm-btn{width:100%;}
  .sbm-svc4{gap:14px;}
  .sbm-svc4__card{flex-direction:row;}
  .sbm-svc4__img{width:118px;aspect-ratio:auto;height:auto;min-height:100%;flex-shrink:0;}
  .sbm-svc4__body{padding:12px 14px;}
  .sbm-svc4__title{font-size:16px;}
  .sbm-svc4__spec{font-size:13px;}
  .sbm-svc4__price{margin-top:6px;font-size:15px;}
  .sbm-why li{padding:18px;}
  .sbm-why b{font-size:18px;}
  .sbm-map{height:300px;}
}

.sbm-home{
  --sbm-accent:#22a9e1;
  --sbm-accent-dark:#1683b1;
  --sbm-ink:#1f2b37;
  --sbm-text:#44525f;
  --sbm-muted:#7b8a99;
  --sbm-line:#e3e9f0;
  --sbm-soft:#f5f9fc;
  color:var(--sbm-text);
  font-size:15px;
  line-height:1.65;
}
.sbm-home *{box-sizing:border-box;}
.sbm-home p{margin:0 0 14px;}
.sbm-home p:last-child{margin-bottom:0;}
.sbm-home a{color:var(--sbm-accent-dark);}
.sbm-home ul,.sbm-home ol{margin:0;padding:0;list-style:none;}

/* ---------- заголовок секции, как у остальных секций главной ---------- */
.sbm-home .sbm-h2{
  margin:0 0 12px;
  font-family:Raleway,sans-serif;
  font-size:33px;line-height:1.25;font-weight:300;
  text-align:center;color:var(--sbm-ink);
}
.sbm-home .sbm-h2 span{color:var(--sbm-accent);}
.sbm-home .sbm-sub{
  max-width:720px;margin:0 auto 34px;
  text-align:center;color:var(--sbm-muted);
}

/* ---------- кнопки ---------- */
.sbm-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:12px 24px;
  border:1px solid transparent;border-radius:4px;
  font-size:16px;line-height:1.2;font-weight:600;
  text-decoration:none!important;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease;
  cursor:pointer;
}
.sbm-btn--primary{background:#22a9e1;border-color:#22a9e1;color:#fff!important;}
.sbm-btn--primary:hover,.sbm-btn--primary:focus{background:#1683b1;border-color:#1683b1;}
.sbm-btn--ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.7);color:#fff!important;}
.sbm-btn--ghost:hover,.sbm-btn--ghost:focus{background:#fff;color:#1f2b37!important;}
.sbm-btn--line{background:#fff;border-color:#22a9e1;color:#1683b1!important;}
.sbm-btn--line:hover,.sbm-btn--line:focus{background:#f5f9fc;}

/* =====================================================================
   1. ПЕРВЫЙ ЭКРАН
   ===================================================================== */
.sbm-hero{
  position:relative;
  padding:72px 0 0;
  /* фон сгенерирован в Nano Banana Pro 24.09.2026 (свои права, без чужих фото);
     файлы лежат в /images/home/, WebP для современных браузеров, JPEG запасной */
  background:#1c2833 url("/images/home/sibmet-hero-1584x660.jpg") 60% center/cover no-repeat;
  background-image:image-set(url("/images/home/sibmet-hero-1584x660.webp") type("image/webp"),url("/images/home/sibmet-hero-1584x660.jpg") type("image/jpeg"));
  color:#dfe7ee;
}
.sbm-hero:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(17,26,35,.92) 0%,rgba(17,26,35,.8) 45%,rgba(17,26,35,.28) 100%);
}
.sbm-hero__inner{position:relative;max-width:1170px;margin:0 auto;padding:0 15px;}
.sbm-hero__body{max-width:660px;}
.sbm-hero__kicker{
  margin:0 0 14px!important;
  font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#8fd3f0;
}
.sbm-home .sbm-hero__title{
  margin:0 0 18px;
  font-family:Raleway,sans-serif;
  font-size:48px;line-height:1.12;font-weight:400;
  color:#fff;text-align:left;text-shadow:none;
}
.sbm-hero__title-sub{
  display:block;margin-top:8px;
  font-size:28px;line-height:1.25;font-weight:300;color:#8fd3f0;
}
.sbm-hero__lead{font-size:18px;line-height:1.6;color:#dfe7ee;}
.sbm-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 18px;}
.sbm-hero__contact{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;color:#aebdca;font-size:15px;}
.sbm-home .sbm-hero__phone{font-size:22px;font-weight:600;color:#fff;text-decoration:none;white-space:nowrap;}
.sbm-home .sbm-hero__phone:hover{color:#8fd3f0;}
.sbm-hero__facts{
  display:grid;grid-template-columns:repeat(4,1fr);
  margin-top:56px!important;
  border-top:1px solid rgba(255,255,255,.14);
}
.sbm-hero__facts li{padding:20px 20px 24px 0;font-size:14px;line-height:1.45;color:#aebdca;}
.sbm-hero__facts li + li{padding-left:20px;border-left:1px solid rgba(255,255,255,.14);}
.sbm-hero__facts b{display:block;margin-bottom:4px;font-size:17px;font-weight:600;color:#fff;}

/* =====================================================================
   2. ТАБЛИЦА ЦЕН (макет pricetable модуля VirtueMart Products)
   ===================================================================== */
.sbm-prices{max-width:960px;margin:0 auto;}
.sbm-prices__meta{text-align:center;color:var(--sbm-muted);}
.sbm-prices__date{
  display:inline-block;margin-left:8px;padding:2px 10px;
  border-radius:12px;background:#e8f6fc;color:#1683b1;font-size:13px;white-space:nowrap;
}
.sbm-prices__scroll{margin:18px 0 12px;border:1px solid var(--sbm-line);border-radius:6px;background:#fff;overflow:hidden;}
.sbm-prices__table{width:100%;border-collapse:collapse;margin:0;font-size:15px;}
.sbm-prices__table th{
  padding:12px 16px;background:var(--sbm-soft);border-bottom:1px solid var(--sbm-line);
  font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--sbm-muted);text-align:left;
}
.sbm-prices__table td{padding:9px 16px;border-top:1px solid var(--sbm-line);vertical-align:middle;}
.sbm-prices__table tbody tr:first-child td{border-top:0;}
.sbm-prices__table tbody tr:hover td{background:#fafcfe;}
.sbm-prices__table .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;}
.sbm-prices__table td.num:nth-child(2){font-weight:600;color:var(--sbm-ink);}
.sbm-prices__name a{color:var(--sbm-ink);text-decoration:none;}
.sbm-prices__name a:hover{color:var(--sbm-accent-dark);text-decoration:underline;}
.sbm-prices__kg{margin-left:8px;font-size:13px;color:var(--sbm-muted);white-space:nowrap;}
.sbm-prices__note{font-size:13px;color:var(--sbm-muted);text-align:center;}
.sbm-prices__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;}

/* =====================================================================
   3. КАК ЗАКАЗАТЬ + СМЕТА
   ===================================================================== */
.sbm-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:sbmstep;}
.sbm-steps li{
  position:relative;padding:22px 20px 20px;
  border:1px solid var(--sbm-line);border-radius:6px;background:#fff;
  counter-increment:sbmstep;
}
.sbm-steps li:before{
  content:counter(sbmstep);
  display:flex;align-items:center;justify-content:center;
  width:34px;height:34px;margin-bottom:12px;border-radius:50%;
  background:#22a9e1;color:#fff;font-weight:600;
}
.sbm-steps b{display:block;margin-bottom:6px;font-size:16px;color:var(--sbm-ink);}
.sbm-steps span{display:block;font-size:14px;line-height:1.55;}
.sbm-cta{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  margin-top:28px;padding:26px 28px;
  border-radius:6px;background:#22a9e1;color:#fff;
}
.sbm-cta__text b{display:block;margin-bottom:4px;font-size:21px;font-weight:600;color:#fff;}
.sbm-cta__text span{color:#e6f6fd;}
.sbm-cta__actions{display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0;}
.sbm-cta .sbm-btn--primary{background:#fff;border-color:#fff;color:#1683b1!important;}
.sbm-cta .sbm-btn--primary:hover{background:#eaf7fd;}
.sbm-cta .sbm-btn--ghost{background:transparent;}
.sbm-cta .sbm-btn--ghost:hover{color:#1683b1!important;}

/* =====================================================================
   4. УСЛУГИ: РЕЗКА И ДОСТАВКА
   ===================================================================== */
.sbm-svc4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.sbm-svc4__card{
  display:flex;flex-direction:column;
  border:1px solid var(--sbm-line);border-radius:6px;background:#fff;overflow:hidden;
  text-decoration:none!important;color:var(--sbm-text)!important;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.sbm-svc4__card:hover{border-color:#22a9e1;box-shadow:0 2px 12px rgba(0,0,0,.09);}
.sbm-svc4__img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#e9eef3;}
.sbm-svc4__body{display:flex;flex-direction:column;flex:1;padding:16px 18px 18px;}
.sbm-svc4__title{margin-bottom:6px;font-size:18px;font-weight:600;color:var(--sbm-ink);}
.sbm-svc4__card:hover .sbm-svc4__title{color:#1683b1;}
.sbm-svc4__spec{flex:1;font-size:14px;line-height:1.55;}
.sbm-svc4__price{margin-top:12px;font-size:16px;font-weight:600;color:#1683b1;}

/* =====================================================================
   5. ПОЧЕМУ ВЫБИРАЮТ
   ===================================================================== */
.sbm-why{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--sbm-line);border-left:1px solid var(--sbm-line);}
.sbm-why li{padding:24px 24px 26px;border-right:1px solid var(--sbm-line);border-bottom:1px solid var(--sbm-line);background:#fff;}
.sbm-why b{display:block;margin-bottom:8px;font-size:20px;line-height:1.3;font-weight:600;color:var(--sbm-ink);}
.sbm-why b em{font-style:normal;color:#22a9e1;}
.sbm-why span{display:block;font-size:14px;line-height:1.6;}

/* =====================================================================
   6. БАЗЫ И КАРТА
   ===================================================================== */
.sbm-bases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;}
.sbm-bases li{padding:20px 22px;border:1px solid var(--sbm-line);border-top:3px solid #22a9e1;border-radius:6px;background:#fff;}
.sbm-bases__name{display:block;margin-bottom:4px;font-size:17px;font-weight:600;color:var(--sbm-ink);}
.sbm-bases__addr{display:block;margin-bottom:10px;}
.sbm-home .sbm-bases__tel{font-size:18px;font-weight:600;color:var(--sbm-ink);text-decoration:none;white-space:nowrap;}
.sbm-home .sbm-bases__tel:hover{color:#1683b1;}
.sbm-bases__hours{display:block;margin-top:8px;font-size:14px;line-height:1.55;color:var(--sbm-muted);}
.sbm-map{position:relative;height:400px;border-radius:6px;overflow:hidden;background:#e9eef3;}
.sbm-map iframe{display:block;width:100%;height:100%;border:0;}

/* =====================================================================
   7. ТЕКСТ О КОМПАНИИ (перед FAQ)
   ===================================================================== */
.sbm-about{max-width:860px;margin:0 auto;}
.sbm-home .sbm-about h2{margin-bottom:20px;}
.sbm-home .sbm-about h3{margin:26px 0 10px;font-size:20px;line-height:1.35;font-weight:600;color:var(--sbm-ink);}
.sbm-about ul{margin:0 0 14px!important;}
.sbm-about li{position:relative;margin-bottom:8px;padding-left:18px;}
.sbm-home-faq{max-width:860px;margin:0 auto;}
.sbm-about li:before{content:"";position:absolute;left:0;top:.7em;width:7px;height:7px;border-radius:50%;background:#22a9e1;}

/* =====================================================================
   8. ПОДГОНКА СТАРЫХ СЕКЦИЙ ГЛАВНОЙ
   ===================================================================== */
/* Фотографии складов: на телефоне по две в ряд вместо одной.
   Сетку раскладывает скрипт Shuffle абсолютным позиционированием,
   поэтому его inline-стили перебиваются через !important.
   Проверено на живой странице при 375 px: секция 3 311 px → 1 153 px. */
@media (max-width:767px){
  #section-id-1721189337541 .sppb-lightbox{
    display:grid!important;grid-template-columns:1fr 1fr;gap:12px;
    height:auto!important;margin:0;padding:0;
  }
  #section-id-1721189337541 .sppb-lightbox > li{
    position:static!important;transform:none!important;
    width:auto!important;margin:0!important;padding:0!important;float:none!important;
  }
  #section-id-1721189337541 .sppb-lightbox img{display:block;width:100%;height:auto;}
}

/* =====================================================================
   АДАПТИВ
   ===================================================================== */
@media (max-width:991px){
  .sbm-home .sbm-hero__title{font-size:40px;}
  .sbm-hero__facts{grid-template-columns:repeat(2,1fr);}
  .sbm-hero__facts li:nth-child(3){padding-left:0;border-left:0;}
  .sbm-hero__facts li:nth-child(n+3){border-top:1px solid rgba(255,255,255,.14);}
  .sbm-steps,.sbm-svc4{grid-template-columns:repeat(2,1fr);}
  .sbm-why{grid-template-columns:repeat(2,1fr);}
  .sbm-cta{flex-direction:column;align-items:flex-start;}
}
@media (max-width:767px){
  .sbm-home .sbm-h2{font-size:26px;}
  .sbm-home .sbm-sub{margin-bottom:24px;}
  .sbm-hero{padding-top:40px;background-position:68% center;}
  .sbm-hero:before{background:linear-gradient(180deg,rgba(17,26,35,.9) 0%,rgba(17,26,35,.82) 60%,rgba(17,26,35,.6) 100%);}
  .sbm-home .sbm-hero__title{font-size:32px;}
  .sbm-hero__title-sub{font-size:21px;}
  .sbm-hero__lead{font-size:16px;}
  .sbm-hero__actions{flex-direction:column;}
  .sbm-hero__actions .sbm-btn{width:100%;}
  .sbm-hero__facts{margin-top:32px!important;}
  .sbm-hero__facts li{padding:14px 12px 16px 0;}
  .sbm-hero__facts li + li{padding-left:12px;}
  .sbm-hero__facts li:nth-child(3){padding-left:0;}
  .sbm-hero__facts b{font-size:15px;}

  /* таблица цен: строка превращается в компактную карточку, три цены в ряд */
  .sbm-prices__scroll{border:0;background:transparent;overflow:visible;}
  .sbm-prices__table thead{display:none;}
  .sbm-prices__table,.sbm-prices__table tbody{display:block;width:100%;}
  .sbm-prices__table tr{
    display:grid;grid-template-columns:repeat(3,1fr);column-gap:10px;
    margin-bottom:8px;padding:10px 12px;
    border:1px solid var(--sbm-line);border-radius:6px;background:#fff;
  }
  .sbm-prices__table td{display:block;padding:0;border:0;}
  .sbm-prices__table td.sbm-prices__name{grid-column:1 / -1;margin-bottom:6px;font-size:14px;line-height:1.4;}
  .sbm-prices__kg{margin-left:6px;font-size:12px;}
  .sbm-prices__table td.num{text-align:left;font-size:14px;}
  .sbm-prices__table td.num:before{content:attr(data-label);display:block;font-size:11px;font-weight:400;color:var(--sbm-muted);}
  .sbm-prices__table tbody tr:hover td{background:transparent;}
  .sbm-prices__actions{flex-direction:column;}
  .sbm-prices__actions .sbm-btn{width:100%;}

  .sbm-steps,.sbm-svc4,.sbm-why,.sbm-bases{grid-template-columns:1fr;}
  .sbm-steps{gap:12px;}
  .sbm-steps li{display:grid;grid-template-columns:34px 1fr;column-gap:14px;padding:16px;}
  .sbm-steps li:before{grid-row:1 / span 2;margin:0;}
  .sbm-cta{padding:22px 18px;}
  .sbm-cta__actions,.sbm-cta__actions .sbm-btn{width:100%;}
  .sbm-svc4{gap:14px;}
  .sbm-svc4__card{flex-direction:row;}
  .sbm-svc4__img{width:118px;aspect-ratio:auto;height:auto;min-height:100%;flex-shrink:0;}
  .sbm-svc4__body{padding:12px 14px;}
  .sbm-svc4__title{font-size:16px;}
  .sbm-svc4__spec{font-size:13px;}
  .sbm-svc4__price{margin-top:6px;font-size:15px;}
  .sbm-why li{padding:18px;}
  .sbm-why b{font-size:18px;}
  .sbm-map{height:300px;}
}

.sbm-home{
  --sbm-accent:#22a9e1;
  --sbm-accent-dark:#1683b1;
  --sbm-ink:#1f2b37;
  --sbm-text:#44525f;
  --sbm-muted:#7b8a99;
  --sbm-line:#e3e9f0;
  --sbm-soft:#f5f9fc;
  color:var(--sbm-text);
  font-size:15px;
  line-height:1.65;
}
.sbm-home *{box-sizing:border-box;}
.sbm-home p{margin:0 0 14px;}
.sbm-home p:last-child{margin-bottom:0;}
.sbm-home a{color:var(--sbm-accent-dark);}
.sbm-home ul,.sbm-home ol{margin:0;padding:0;list-style:none;}

/* ---------- заголовок секции, как у остальных секций главной ---------- */
.sbm-home .sbm-h2{
  margin:0 0 12px;
  font-family:Raleway,sans-serif;
  font-size:33px;line-height:1.25;font-weight:300;
  text-align:center;color:var(--sbm-ink);
}
.sbm-home .sbm-h2 span{color:var(--sbm-accent);}
.sbm-home .sbm-sub{
  max-width:720px;margin:0 auto 34px;
  text-align:center;color:var(--sbm-muted);
}

/* =====================================================================
   4. РЕЗКА МЕТАЛЛОПРОКАТА (три карточки)
   ===================================================================== */
.sbm-svc4{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.sbm-svc4__card{
  display:flex;flex-direction:column;
  border:1px solid var(--sbm-line);border-radius:6px;background:#fff;overflow:hidden;
  text-decoration:none!important;color:var(--sbm-text)!important;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.sbm-svc4__card:hover{border-color:#22a9e1;box-shadow:0 2px 12px rgba(0,0,0,.09);}
.sbm-svc4__img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#e9eef3;}
.sbm-svc4__body{display:flex;flex-direction:column;flex:1;padding:16px 18px 18px;}
.sbm-svc4__title{margin-bottom:6px;font-size:18px;font-weight:600;color:var(--sbm-ink);}
.sbm-svc4__card:hover .sbm-svc4__title{color:#1683b1;}
.sbm-svc4__spec{flex:1;font-size:14px;line-height:1.55;}
.sbm-svc4__price{margin-top:12px;font-size:16px;font-weight:600;color:#1683b1;}

/* =====================================================================
   4а. ДОСТАВКА: карточки машин (вид как на странице «Оплата и доставка»)
   ===================================================================== */
.sbm-trucks{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 0 22px;}
.sbm-trucks__card{display:flex;flex-direction:column;border:1px solid var(--sbm-line);border-radius:10px;overflow:hidden;background:#fff;}
.sbm-trucks__img{
  display:block;width:100%;height:190px;
  object-fit:contain;background:#fff;
  padding:10px;border-bottom:1px solid var(--sbm-line);
}
.sbm-trucks__body{padding:16px 18px 18px;}
.sbm-home .sbm-trucks__body p{margin:0 0 6px;}
.sbm-trucks__name{font-size:17px;font-weight:700;color:var(--sbm-ink);}
.sbm-trucks__price{font-size:24px;line-height:1.2;font-weight:700;color:var(--sbm-accent-dark);}
.sbm-trucks__min{font-size:14px;color:var(--sbm-muted);}
.sbm-home .sbm-trucks__use{margin:8px 0 0;font-size:14.5px;line-height:1.55;}
.sbm-trucks__note{
  display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;
  padding:16px 20px;
  background:var(--sbm-soft);border-left:3px solid var(--sbm-accent);border-radius:0 10px 10px 0;
  font-size:15.5px;line-height:1.65;
}
.sbm-home .sbm-trucks__note p{flex:1 1 420px;margin:0;}
.sbm-trucks__note strong{color:var(--sbm-ink);}
.sbm-home .sbm-trucks__more{font-weight:600;text-decoration:none;white-space:nowrap;}
.sbm-home .sbm-trucks__more:hover{text-decoration:underline;}

/* =====================================================================
   5. ПОЧЕМУ ВЫБИРАЮТ
   ===================================================================== */
.sbm-why{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--sbm-line);border-left:1px solid var(--sbm-line);}
.sbm-why li{padding:24px 24px 26px;border-right:1px solid var(--sbm-line);border-bottom:1px solid var(--sbm-line);background:#fff;}
.sbm-why b{display:block;margin-bottom:8px;font-size:20px;line-height:1.3;font-weight:600;color:var(--sbm-ink);}
.sbm-why b em{font-style:normal;color:#22a9e1;}
.sbm-why span{display:block;font-size:14px;line-height:1.6;}

/* ---------- адаптив ---------- */
@media (max-width:991px){
  .sbm-svc4,.sbm-trucks{gap:14px;}
  .sbm-why{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:767px){
  .sbm-home .sbm-h2{font-size:26px;}
  .sbm-home .sbm-sub{margin-bottom:24px;}
  .sbm-svc4,.sbm-trucks,.sbm-why{grid-template-columns:1fr;}
  .sbm-svc4{gap:14px;}
  .sbm-svc4__card{flex-direction:row;}
  .sbm-svc4__img{width:118px;aspect-ratio:auto;height:auto;min-height:100%;flex-shrink:0;}
  .sbm-svc4__body{padding:12px 14px;}
  .sbm-svc4__title{font-size:16px;}
  .sbm-svc4__spec{font-size:13px;}
  .sbm-svc4__price{margin-top:6px;font-size:15px;}
  .sbm-trucks__card{flex-direction:row;align-items:center;}
  .sbm-trucks__img{width:118px;height:88px;flex-shrink:0;padding:6px;border-bottom:0;border-right:1px solid var(--sbm-line);}
  .sbm-trucks__body{padding:10px 14px;}
  .sbm-home .sbm-trucks__body p{margin-bottom:2px;}
  .sbm-trucks__name{font-size:15px;}
  .sbm-trucks__price{font-size:19px;}
  .sbm-trucks__min{font-size:13px;}
  .sbm-home .sbm-trucks__use{display:none;}
  .sbm-trucks__note{padding:14px 16px;font-size:14.5px;}
  .sbm-why li{padding:18px;}
  .sbm-why b{font-size:18px;}
}

.sbm-home .sbm-bases{margin-bottom:32px;}
@media (max-width:767px){
.sbm-home .sbm-bases{margin-bottom:20px;}
}

#column-id-1790243297462, #column-id-1790243297467{
      max-width: 1170px;
    margin: auto;
}

#sp-footer{padding:0;text-align:left;}
#sp-footer .sp-copyright{display:block;}

#sp-footer .sbm-foot,
#sp-footer .sbm-legal{font-size:15px;line-height:1.6;color:#b0b0b0;}
#sp-footer .sbm-foot *,
#sp-footer .sbm-legal *{box-sizing:border-box;}
#sp-footer .sbm-foot p{margin:0;}
#sp-footer .sbm-foot ul{margin:0;padding:0;list-style:none;}

/* ссылки: светло-серые, при наведении белые с голубым подчёркиванием */
#sp-footer .sbm-foot a,
#sp-footer .sbm-legal a{color:#d6d6d6;text-decoration:none;}
#sp-footer .sbm-foot a:hover,
#sp-footer .sbm-legal a:hover{
  color:#fff;text-decoration:underline;
  text-decoration-color:#22a9e1;text-underline-offset:3px;
}
/* рамка фокуса для клавиатуры: template.css убирает outline у всех ссылок
   через !important, поэтому рамка сделана тенью */
#sp-footer .sbm-foot a:focus-visible,
#sp-footer .sbm-foot summary:focus-visible,
#sp-footer .sbm-legal a:focus-visible{box-shadow:0 0 0 2px #4fbfeb;border-radius:3px;}

/* ---------- верхний ряд: бренд и навигация ---------- */
#sp-footer .sbm-foot{padding-top:48px;}
#sp-footer .sbm-foot .sbm-foot__top{
  display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:32px 56px;
  padding-bottom:40px;
}

#sp-footer .sbm-foot .sbm-foot__logo{display:inline-block;margin-bottom:12px;}
#sp-footer .sbm-foot .sbm-foot__logo img{display:block;width:150px;height:auto;}
#sp-footer .sbm-foot .sbm-foot__tagline{margin-bottom:16px;font-size:14px;line-height:1.55;}
#sp-footer .sbm-foot .sbm-foot__contacts{margin-bottom:18px;}
#sp-footer .sbm-foot .sbm-foot__contacts a{display:table;}
#sp-footer .sbm-foot .sbm-foot__phone{font-size:22px;line-height:1.35;font-weight:600;color:#fff;white-space:nowrap;}
#sp-footer .sbm-foot .sbm-foot__mail{margin-top:2px;}

/* кнопки – по образцу новой главной (.sbm-btn), но свои классы, чтобы не зависеть от её стилей;
   синий чуть темнее акцента: белый текст на #22a9e1 даёт контраст 2,7:1, на #157dab – 4,6:1 (норма 4,5:1);
   в одну строку, если помещаются, иначе друг под другом на всю ширину колонки */
#sp-footer .sbm-foot .sbm-foot__actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px;}
#sp-footer .sbm-foot .sbm-foot__btn{
  display:inline-flex;flex:1 1 auto;align-items:center;justify-content:center;
  min-height:44px;padding:10px 14px;
  border:1px solid transparent;border-radius:4px;
  font-size:14px;line-height:1.2;font-weight:600;text-decoration:none;white-space:nowrap;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease;
}
#sp-footer .sbm-foot .sbm-foot__btn--primary{background:#157dab;border-color:#157dab;color:#fff;}
#sp-footer .sbm-foot .sbm-foot__btn--primary:hover{background:#106a91;border-color:#106a91;color:#fff;text-decoration:none;}
#sp-footer .sbm-foot .sbm-foot__btn--ghost{background:transparent;border-color:rgba(255,255,255,.6);color:#fff;}
#sp-footer .sbm-foot .sbm-foot__btn--ghost:hover{background:#fff;border-color:#fff;color:#1f2b37;text-decoration:none;}

/* соцсети и мессенджеры: одинаковые круглые кнопки, при наведении – цвет сети */
#sp-footer .sbm-foot .sbm-foot__social{display:flex;flex-wrap:wrap;gap:10px;}
#sp-footer .sbm-foot .sbm-foot__net{
  display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;border:1px solid rgba(255,255,255,.3);border-radius:50%;
  color:#fff;font-size:11px;line-height:1;font-weight:700;letter-spacing:.03em;
  transition:background-color .2s ease,border-color .2s ease;
}
#sp-footer .sbm-foot .sbm-foot__net:hover{color:#fff;text-decoration:none;}
#sp-footer .sbm-foot .sbm-foot__net--vk:hover{background:#0077ff;border-color:#0077ff;}
#sp-footer .sbm-foot .sbm-foot__net--wa:hover{background:#25d366;border-color:#25d366;}
#sp-footer .sbm-foot .sbm-foot__net--max:hover{background:#157dab;border-color:#157dab;}
#sp-footer .sbm-foot .sbm-foot__net svg{display:block;width:20px;height:20px;}

/* навигация: три списка; на телефоне они сворачиваются (details) */
#sp-footer .sbm-foot .sbm-foot__nav{
  display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.9fr);gap:24px 32px;
}
#sp-footer .sbm-foot .sbm-foot__group > summary{
  display:block;margin:0 0 14px;padding:0;list-style:none;
  font-size:13px;line-height:1.4;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:#fff;cursor:default;
}
#sp-footer .sbm-foot .sbm-foot__group > summary::-webkit-details-marker{display:none;}
#sp-footer .sbm-foot .sbm-foot__group li{padding:3px 0;line-height:1.45;}
#sp-footer .sbm-foot .sbm-foot__group--catalog ul{columns:2;column-gap:16px;}
#sp-footer .sbm-foot .sbm-foot__group--catalog li{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;}
#sp-footer .sbm-foot .sbm-foot__more a{color:#4fbfeb;white-space:nowrap;}
#sp-footer .sbm-foot .sbm-foot__more a:after{content:"\2192";margin-left:6px;}

/* ---------- нижняя строка (поле Copyright шаблона) ---------- */
#sp-footer .sbm-legal{
  display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 32px;
  /* снизу запас под виджет чата Venyoo, чтобы он не закрывал ссылки */
  padding:20px 0 84px;border-top:1px solid rgba(255,255,255,.1);
  font-size:13px;line-height:1.6;color:#a3a5a7;
}
#sp-footer .sbm-legal .sbm-legal__copy > span + span:before{content:"\00B7";margin:0 8px 0 4px;color:#76797b;}
#sp-footer .sbm-legal .sbm-legal__links{display:flex;flex-wrap:wrap;gap:4px 20px;}
#sp-footer .sbm-legal .sbm-legal__note{flex-basis:100%;}

/* ---------- ноутбук 992–1199 px: контейнер 970 px ---------- */
@media (min-width:992px) and (max-width:1199px){
  #sp-footer .sbm-foot .sbm-foot__top{grid-template-columns:minmax(0,250px) minmax(0,1fr);column-gap:36px;}
  #sp-footer .sbm-foot .sbm-foot__nav{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,.9fr);column-gap:24px;}
}

/* ---------- планшет 768–991 px: бренд над навигацией ---------- */
@media (min-width:768px) and (max-width:991px){
  #sp-footer .sbm-foot .sbm-foot__top{grid-template-columns:minmax(0,1fr);}
  #sp-footer .sbm-foot .sbm-foot__actions{max-width:340px;}
}

/* ---------- телефон до 767 px: списки свёрнуты ---------- */
@media (max-width:767px){
  #sp-footer .sbm-foot{padding-top:32px;}
  #sp-footer .sbm-foot .sbm-foot__top{grid-template-columns:minmax(0,1fr);gap:24px;padding-bottom:0;}

  /* логотип и соцсети в одной строке */
  #sp-footer .sbm-foot .sbm-foot__brand{
    display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
    grid-template-areas:"logo social" "tagline tagline" "contacts contacts" "actions actions";
  }
  #sp-footer .sbm-foot .sbm-foot__logo{grid-area:logo;justify-self:start;margin-bottom:10px;}
  #sp-footer .sbm-foot .sbm-foot__social{grid-area:social;gap:8px;margin-bottom:10px;}
  #sp-footer .sbm-foot .sbm-foot__net{width:36px;height:36px;}
  #sp-footer .sbm-foot .sbm-foot__net svg{width:18px;height:18px;}
  #sp-footer .sbm-foot .sbm-foot__tagline{grid-area:tagline;margin-bottom:12px;}
  #sp-footer .sbm-foot .sbm-foot__contacts{grid-area:contacts;margin-bottom:16px;}
  #sp-footer .sbm-foot .sbm-foot__actions{grid-area:actions;margin-bottom:0;}

  #sp-footer .sbm-foot .sbm-foot__nav{display:block;border-top:1px solid rgba(255,255,255,.1);}
  #sp-footer .sbm-foot .sbm-foot__group{border-bottom:1px solid rgba(255,255,255,.1);}
  #sp-footer .sbm-foot .sbm-foot__group > summary{position:relative;margin:0;padding:12px 36px 12px 0;cursor:pointer;}
  #sp-footer .sbm-foot .sbm-foot__group > summary:after{
    content:"";position:absolute;right:8px;top:50%;width:9px;height:9px;margin-top:-7px;
    border-right:2px solid #22a9e1;border-bottom:2px solid #22a9e1;transform:rotate(45deg);
    transition:transform .2s ease,margin-top .2s ease;
  }
  #sp-footer .sbm-foot .sbm-foot__group[open] > summary:after{margin-top:-2px;transform:rotate(-135deg);}
  #sp-footer .sbm-foot .sbm-foot__group ul{padding-bottom:12px;}
  #sp-footer .sbm-foot .sbm-foot__group li{padding:6px 0;}

  /* реквизиты: разделитель – нижняя линия последнего списка; под значок чата Venyoo
     (справа снизу) отступ справа у последнего абзаца */
  #sp-footer .sbm-legal{display:block;padding:20px 0 24px;border-top:0;}
  #sp-footer .sbm-legal .sbm-legal__copy > span:first-child{display:block;}
  #sp-footer .sbm-legal .sbm-legal__copy > span:first-child + span:before{content:none;}
  #sp-footer .sbm-legal .sbm-legal__links{flex-direction:column;align-items:flex-start;gap:4px;margin:8px 0;}
  #sp-footer .sbm-legal .sbm-legal__note{display:block;padding-right:88px;}
}


/* =====================================================================
   СКВОЗНОЙ БЛОК «САМОВЫВОЗ С ТРЁХ БАЗ» – третья секция модуля SP Page Builder 179
   Карточки и карта используют стили блока баз главной (.sbm-bases, .sbm-map),
   они уже есть в custom.css. Здесь только то, чего там нет.
   ===================================================================== */

/* все секции нижней строки – по ширине и полям основного контента (контейнер 1170 px, поля 15 px).
   Сейчас ширину «Резки» и «Доставки» держит правило по id колонок (#column-id-1790243297462,
   #column-id-1790243297467), у новой секции id будет другим; а полей нет совсем, и на телефоне
   карточки «Резки» и «Доставки» стоят вплотную к краям экрана. Правило закрывает все три секции и будущие */
#sp-bottom .sbm-home{max-width:1170px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;}

/* планшет 768–991 px: колонка нижней строки в Layout шаблона – col-sm-6, то есть половина ширины.
   Сейчас на 800 px «Резка» и «Доставка» сжаты в левую половину экрана и вытянуты до 970 и 1 777 px.
   Вместо правила можно в Layout поставить колонке bottom1 ширину 12 для sm */
@media (min-width:768px) and (max-width:991px){
  #sp-bottom #sp-bottom1{width:100%;}
}
/* ширина секций – как у контейнера шаблона на каждой ширине экрана */
@media (min-width:992px) and (max-width:1199px){ #sp-bottom .sbm-home{max-width:970px;} }
@media (min-width:768px) and (max-width:991px){ #sp-bottom .sbm-home{max-width:750px;} }

/* карточки с «Как проехать»: ссылка прижата к низу карточки */
.sbm-home .sbm-bases--route li{display:flex;flex-direction:column;align-items:flex-start;}
.sbm-home .sbm-bases--route .sbm-bases__name,
.sbm-home .sbm-bases--route .sbm-bases__addr,
.sbm-home .sbm-bases--route .sbm-bases__hours{align-self:stretch;}
/* часы темнее, чем в блоке на главной: #7b8a99 на белом – 3,5:1, #5f6d7a – 5,3:1 (норма 4,5:1) */
.sbm-home .sbm-bases--route .sbm-bases__hours{margin-bottom:12px;color:#5f6d7a;}
/* куски часов, внутри которых строку нельзя переносить (например «обед 12:00–13:00») */
.sbm-home .sbm-bases__nw{white-space:nowrap;}
.sbm-home .sbm-bases__route{
  display:inline-flex;align-items:center;gap:7px;margin-top:auto;
  font-size:14px;line-height:1.3;font-weight:600;color:#157dab;text-decoration:none;
}
.sbm-home .sbm-bases__route:hover{color:#106a91;text-decoration:underline;}
.sbm-home .sbm-bases__route:focus-visible{box-shadow:0 0 0 2px #157dab;border-radius:3px;}
.sbm-home .sbm-bases__route svg{flex:none;width:15px;height:15px;}

.sbm-foot li{
	border-bottom: none !important;
}


.sbm-usl{
  --usl-ink:#1f2b37;
  --usl-text:#44525f;
  --usl-muted:#5f6e7c;
  --usl-link:#126a91;
  --usl-accent:#22a9e1;
  --usl-accent-dark:#1683b1;
  --usl-btn:#157dab;
  --usl-line:#e3e9f0;
  --usl-soft:#f5f9fc;
  --usl-tile:#eaf6fc;
}
.sbm-usl *{box-sizing:border-box;}

/* ---------- заголовки групп ---------- */
.sbm-usl .sbm-svc h2{margin:40px 0 18px;scroll-margin-top:90px;}
.sbm-usl .sbm-faq{scroll-margin-top:90px;}

/* ---------- вводный текст ---------- */
.sbm-usl p.sbm-usl__lead{
  max-width:980px;
  margin:4px 0 8px;
  font-size:17px;line-height:1.65;color:var(--usl-ink);
}

/* ---------- ссылки внутри страницы ---------- */
.sbm-usl .sbm-svc a,
.sbm-usl .sbm-faq__a a{color:var(--usl-link);}
.sbm-usl a[href^="tel:"]{white-space:nowrap;}
.sbm-usl .sbm-svc a.sbm-svc__cta-phone{color:var(--usl-ink);}
.sbm-usl .sbm-svc a.sbm-svc__cta-phone:hover{color:var(--usl-link);}

/* ---------- сетка карточек ---------- */
.sbm-usl__cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin:0 0 12px;
}
.sbm-usl__cards--4{grid-template-columns:repeat(4,minmax(0,1fr));}
.sbm-usl__cards--2{grid-template-columns:repeat(2,minmax(0,1fr));}

/* ---------- карточка услуги ---------- */
.sbm-usl__card{
  position:relative;
  display:flex;flex-direction:column;
  padding:92px 22px 18px;
  background:#fff;
  border:1px solid var(--usl-line);border-radius:12px;
  transition:border-color .2s,box-shadow .2s,transform .2s;
}
/* плашка с иконкой: картинка задаётся ниже по модификатору карточки */
.sbm-usl__card::before{
  content:"";
  position:absolute;left:22px;top:22px;
  width:52px;height:52px;
  border-radius:12px;
  background-color:var(--usl-tile);
  background-repeat:no-repeat;background-position:50% 50%;background-size:28px 28px;
  transition:background-color .2s;
}
.sbm-usl__card:hover{
  border-color:#bfe2f4;
  box-shadow:0 10px 28px rgba(31,43,55,.10);
  transform:translateY(-2px);
}
.sbm-usl__card:hover::before{background-color:#dcf0fa;}

.sbm-usl .sbm-usl__title{
  margin:0 0 8px;padding:0;border:0;
  font-family:"Open Sans",sans-serif;
  font-size:17px;line-height:1.3;font-weight:700;
  letter-spacing:0;text-transform:none;
  color:var(--usl-ink);
}
.sbm-usl .sbm-usl__title::before,
.sbm-usl .sbm-usl__title::after{content:none;}
.sbm-usl .sbm-usl__title a{
  color:var(--usl-ink);text-decoration:none;
  transition:color .2s;
}
/* вся карточка кликабельна: ссылка заголовка растянута на карточку */
.sbm-usl .sbm-usl__title a::after{
  content:"";
  position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;
  border-radius:12px;
}
.sbm-usl__card:hover .sbm-usl__title a,
.sbm-usl .sbm-usl__title a:focus-visible{color:var(--usl-link);}
.sbm-usl .sbm-usl__title a:focus-visible::after{box-shadow:0 0 0 3px rgba(34,169,225,.55);}

.sbm-usl p.sbm-usl__spec{
  margin:0;
  font-size:14.5px;line-height:1.55;color:var(--usl-text);
}

/* цена сразу под названием, как в карточках доставки: крупно и синим */
.sbm-usl p.sbm-usl__price{
  display:flex;align-items:baseline;flex-wrap:wrap;gap:0 6px;
  margin:0 0 10px;
  font-size:14px;line-height:1.35;color:var(--usl-muted);
}
.sbm-usl__price b{
  font-size:24px;line-height:1.2;font-weight:700;
  color:var(--usl-accent-dark);white-space:nowrap;
}

/* ---------- иконки (Lucide, ISC) ---------- */
.sbm-usl__card--gas::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231683b1' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3q1 4 4 6.5t3 5.5a1 1 0 0 1-14 0 5 5 0 0 1 1-3 1 1 0 0 0 5 0c0-2-1.5-3-1.5-5q0-2 2.5-4' /%3E%3C/svg%3E");}
.sbm-usl__card--plasma::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231683b1' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.914 4a1.5 1.5 0 00-2.474-1.561l-9 9A1.5 1.5 0 005.5 14h4.002a.5.5 0 01.471.666L8.086 20a1.5 1.5 0 002.475 1.56l9-9A1.5 1.5 0 0018.5 10h-3.997a.5.5 0 01-.472-.667z' /%3E%3C/svg%3E");}
.sbm-usl__card--guillotine::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231683b1' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.42 9.42 8 12' /%3E %3Ccircle cx='4' cy='8' r='2' /%3E %3Cpath d='m14 6-8.58 8.58' /%3E %3Ccircle cx='4' cy='16' r='2' /%3E %3Cpath d='M10.8 14.8 14 18' /%3E %3Cpath d='M16 12h-2' /%3E %3Cpath d='M22 12h-2' /%3E%3C/svg%3E");}
.sbm-usl__card--truck::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231683b1' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2' /%3E %3Cpath d='M15 18H9' /%3E %3Cpath d='M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14' /%3E %3Ccircle cx='17' cy='18' r='2' /%3E %3Ccircle cx='7' cy='18' r='2' /%3E%3C/svg%3E");}
.sbm-usl__card--forklift::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231683b1' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12H5a2 2 0 0 0-2 2v5' /%3E %3Cpath d='M15 19h7' /%3E %3Cpath d='M16 19V2' /%3E %3Cpath d='M6 12V7a2 2 0 0 1 2-2h2.172a2 2 0 0 1 1.414.586l3.828 3.828A2 2 0 0 1 16 10.828' /%3E %3Cpath d='M7 19h4' /%3E %3Ccircle cx='13' cy='19' r='2' /%3E %3Ccircle cx='5' cy='19' r='2' /%3E%3C/svg%3E");}
.sbm-usl__card--loading::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231683b1' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='5' r='3' /%3E %3Cpath d='M6.5 8a2 2 0 0 0-1.905 1.46L2.1 18.5A2 2 0 0 0 4 21h16a2 2 0 0 0 1.925-2.54L19.4 9.5A2 2 0 0 0 17.48 8Z' /%3E%3C/svg%3E");}
.sbm-usl__card--rail::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231683b1' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 17 17 2' /%3E %3Cpath d='m2 14 8 8' /%3E %3Cpath d='m5 11 8 8' /%3E %3Cpath d='m8 8 8 8' /%3E %3Cpath d='m11 5 8 8' /%3E %3Cpath d='m14 2 8 8' /%3E %3Cpath d='M7 22 22 7' /%3E%3C/svg%3E");}
.sbm-usl__card--storage::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231683b1' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 21V10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v11' /%3E %3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 1.132-1.803l7.95-3.974a2 2 0 0 1 1.837 0l7.948 3.974A2 2 0 0 1 22 8z' /%3E %3Cpath d='M6 13h12' /%3E %3Cpath d='M6 17h12' /%3E%3C/svg%3E");}
.sbm-usl__card--rent::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231683b1' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z' /%3E %3Ccircle cx='16.5' cy='7.5' r='.5' fill='%231683b1' /%3E%3C/svg%3E");}

/* ---------- блок контактов после карточек ---------- */
.sbm-usl .sbm-svc__cta{margin-top:34px;}

/* ---------- кнопки: контрастнее фирменного голубого ---------- */
.sbm-usl .sbm-svc__btn,
.sbm-usl .sbm-faq__cta-phone{background:var(--usl-btn);}
.sbm-usl .sbm-svc__btn:hover,
.sbm-usl .sbm-svc__btn:focus-visible,
.sbm-usl .sbm-faq__cta-phone:hover,
.sbm-usl .sbm-faq__cta-phone:focus-visible{background:var(--usl-link);}
.sbm-usl .sbm-svc__btn:focus-visible,
.sbm-usl .sbm-faq__cta-phone:focus-visible{box-shadow:0 0 0 3px rgba(34,169,225,.55);}

/* ---------- вопросы: мелкий текст и наведение читаемее ---------- */
.sbm-usl .sbm-faq__note,
.sbm-usl .sbm-faq__cta-text small{color:var(--usl-muted);}
.sbm-usl .sbm-faq--js .sbm-faq__item:hover > .sbm-faq__q,
.sbm-usl .sbm-faq--js .sbm-faq__item.is-open > .sbm-faq__q{color:var(--usl-link);}

/* ---------- планшет ---------- */
@media (max-width:1199px){
  .sbm-usl__cards--4{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:991px){
  .sbm-usl__card{padding:88px 18px 16px;}
  .sbm-usl__card::before{left:18px;top:18px;}
  .sbm-usl p.sbm-usl__price{font-size:13.5px;}
  .sbm-usl__price b{font-size:22px;}
}

/* ---------- телефон: карточки списком, иконка слева ---------- */
@media (max-width:767px){
  .sbm-usl p.sbm-usl__lead{font-size:16px;}
  .sbm-usl .sbm-svc h2{margin-top:34px;}
  .sbm-usl__cards,
  .sbm-usl__cards--4,
  .sbm-usl__cards--2{grid-template-columns:1fr;gap:12px;}
  .sbm-usl__card{padding:16px 16px 14px 82px;min-height:112px;}
  .sbm-usl__card::before{left:16px;top:16px;width:50px;height:50px;background-size:26px 26px;}
  .sbm-usl .sbm-usl__title{margin-bottom:6px;font-size:17px;}
  .sbm-usl p.sbm-usl__spec{font-size:14px;}
  .sbm-usl p.sbm-usl__price{margin-bottom:6px;}
  .sbm-usl__price b{font-size:21px;}
}

/* ---------- без анимации для тех, кто её отключил ---------- */
@media (prefers-reduced-motion:reduce){
  .sbm-usl__card,
  .sbm-usl__card::before,
  .sbm-usl .sbm-usl__title a{transition:none;}
  .sbm-usl__card:hover{transform:none;}
}

@media print{
  .sbm-usl__card{break-inside:avoid;box-shadow:none;}
}

.sbm-gas{
  --sbm-accent:#22a9e1;
  --sbm-ink:#1f2b37;
  --sbm-link:#126a91;
  --sbm-line:#cfe3f0;
  --sbm-soft:#f5f9fc;
  max-width:600px;
  margin:0 auto;
}

/* ---------- таблица группы ---------- */
.sbm-gas__panel{margin:0 0 26px;}
.sbm-gas__panel:focus{outline:none;}
.sbm-gas__panel:focus-visible{outline:2px solid var(--sbm-accent);outline-offset:4px;}
.sbm-gas .sbm-gas__table{width:100%;margin:0;}
.sbm-gas__table caption{
  caption-side:top;
  padding:0 0 10px;
  text-align:left;
  font-size:19px;line-height:1.3;font-weight:600;
  color:var(--sbm-ink);
}
.sbm-gas__table td{padding:8px 14px;}
.sbm-gas__table td:last-child{text-align:right;white-space:nowrap;}
.sbm-gas__table tr:first-child td:last-child{white-space:normal;}

/* ---------- режим вкладок (включает скрипт) ---------- */
.sbm-gas--js .sbm-gas__panel{display:none;margin:0;}
.sbm-gas--js .sbm-gas__panel.is-active{display:block;}
.sbm-gas--js .sbm-gas__table caption{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);border:0;white-space:nowrap;
}

.sbm-gas__tabs{
  display:flex;flex-wrap:wrap;gap:8px;
  margin:0 0 18px;
}
.sbm-gas .sbm-gas__tab{
  margin:0;padding:7px 14px;
  background:#fff;
  border:1px solid var(--sbm-line);
  border-radius:18px;
  font:inherit;font-size:14.5px;line-height:1.35;
  color:var(--sbm-link);
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,color .15s ease;
}
.sbm-gas .sbm-gas__tab:hover{background:var(--sbm-soft);border-color:var(--sbm-accent);}
.sbm-gas .sbm-gas__tab:focus{outline:none;}
.sbm-gas .sbm-gas__tab:focus-visible{outline:2px solid var(--sbm-accent);outline-offset:2px;}
.sbm-gas .sbm-gas__tab[aria-selected="true"]{
  background:#157dab;border-color:#157dab;color:#fff;
}

@media (max-width:767px){
  .sbm-gas__tabs{gap:6px;}
  .sbm-gas .sbm-gas__tab{padding:6px 11px;font-size:14px;}
  .sbm-gas__table td{padding:7px 10px;}
}

.sbm-gas.sbm-gil{max-width:760px;}

/* широкая таблица прокручивается внутри себя, а не страница */
.sbm-gil .sbm-gas__panel{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.sbm-gil .sbm-gas__table{min-width:460px;}

.sbm-gil .sbm-gas__table td,
.sbm-gil .sbm-gas__table td:last-child{
  text-align:center;white-space:nowrap;vertical-align:middle;
}
.sbm-gil .sbm-gas__table td:first-child{text-align:left;}
.sbm-gil .sbm-gas__table tr:first-child td{
  white-space:normal;line-height:1.3;font-size:14px;
}

/* ссылка на прайс по центру, как на остальных страницах услуг */
.sbm-svc .sbm-svc__center{text-align:center;margin:22px 0 0;}

@media (max-width:767px){
  .sbm-gil .sbm-gas__table{min-width:0;}
  .sbm-gil .sbm-gas__table td{padding:7px 4px;font-size:14px;}
  .sbm-gil .sbm-gas__table td:first-child{padding-left:8px;}
  .sbm-gil .sbm-gas__table tr:first-child td{
    font-size:12px;
  }
}
.sbm-svc .sbm-svc__center{text-align:center;margin:22px 0 0;}

.sbm-dlv .sbm-dlv__choose{margin-bottom:24px;}
.sbm-dlv__choose td:last-child{white-space:nowrap;}

/* на телефоне строки таблицы становятся карточками, без прокрутки вбок */
@media (max-width:767px){
  .sbm-dlv .sbm-dlv__choose,
  .sbm-dlv__choose tbody,
  .sbm-dlv__choose tr,
  .sbm-dlv__choose th,
  .sbm-dlv__choose td{display:block;width:auto;overflow:visible;}
  .sbm-dlv__choose thead{display:none;}
  .sbm-dlv__choose tr{
    margin:0 0 12px;border:1px solid var(--sbm-line);border-radius:10px;overflow:hidden;
  }
  .sbm-dlv__choose tbody tr:nth-child(odd){background:#fff;}
  .sbm-dlv__choose.sbm-svc__compare tbody th{
    padding:10px 14px;border:0;background:#08c;color:#fff;white-space:normal;
  }
  .sbm-dlv__choose.sbm-svc__compare td{padding:8px 14px;border:0;}
  .sbm-dlv__choose td + td{border-top:1px solid var(--sbm-line);}
  .sbm-dlv__choose td:last-child{white-space:normal;}
  .sbm-dlv__choose td:nth-of-type(1):before{content:"Что везёт: ";font-weight:600;color:var(--sbm-ink);}
  .sbm-dlv__choose td:nth-of-type(2):before{content:"Разгрузка: ";font-weight:600;color:var(--sbm-ink);}
}

.sbm-rent{
  --rent-accent:#22a9e1;
  --rent-accent-dark:#1683b1;
  --rent-ink:#1f2b37;
  --rent-text:#44525f;
  --rent-muted:#5f6d7a;
  --rent-line:#e3e9f0;
  --rent-soft:#f5f9fc;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:16px;
  margin:0 0 20px;
}
.sbm-rent *{box-sizing:border-box;}

.sbm-rent__card{
  display:flex;flex-direction:column;
  padding:18px 20px 20px;
  background:#fff;
  border:1px solid var(--rent-line);
  border-top:3px solid var(--rent-accent);
  border-radius:10px;
}
.sbm-rent__card--open{border-top-color:#8fb9cf;}

.sbm-rent__tag{
  display:block;margin:0 0 6px;
  font-size:12px;line-height:1.3;font-weight:600;
  letter-spacing:.4px;text-transform:uppercase;
  color:var(--rent-muted);
}

/* h3 шаблона: сброс шрифта, отступов и декоративных псевдоэлементов */
.sbm-rent .sbm-rent__title{
  margin:0 0 8px;padding:0;border:0;
  font-family:"Open Sans",sans-serif;
  font-size:17px;line-height:1.3;font-weight:700;
  letter-spacing:0;text-transform:none;
  color:var(--rent-ink);
}
.sbm-rent .sbm-rent__title::before,
.sbm-rent .sbm-rent__title::after{content:none;}

.sbm-rent p.sbm-rent__price{
  margin:0 0 10px;
  font-size:14px;line-height:1.35;color:var(--rent-muted);
}
.sbm-rent__price b{
  display:block;
  font-size:24px;line-height:1.2;font-weight:700;
  color:var(--rent-accent-dark);white-space:nowrap;
}
.sbm-rent p.sbm-rent__spec{
  margin:0;
  font-size:14.5px;line-height:1.55;color:var(--rent-text);
}

.sbm-svc p.sbm-rent__doc{margin:6px 0 34px;text-align:center;}

/* номера телефонов не разрываются переносом */
.sbm-rent-page a[href^="tel:"],
.sbm-rent-page ~ .sbm-faq a[href^="tel:"]{white-space:nowrap;}

/* второй телефон в блоке контактов */
.sbm-svc .sbm-rent__phone2{margin-bottom:10px;}

/* ---------- телефон ---------- */
@media (max-width:767px){
  .sbm-rent{grid-template-columns:1fr;gap:12px;}
  .sbm-rent__card{padding:14px 16px 16px;}
  .sbm-rent__price b{font-size:22px;}
}

@media print{
  .sbm-rent__card{break-inside:avoid;}
}

section#sp-breadcrumb {
  /* полоса шире окна не должна давать горизонтальную прокрутку */
  overflow-x: hidden;
  overflow-x: clip;
}

.sbm-bc {
  position: relative;
  margin: 0 0 6px;
  padding: 11px 0;
  background: #f4f7fa;
  box-shadow: 0 0 0 100vmax #f4f7fa;
  clip-path: inset(0 -100vmax);
  font-size: 14px;
  line-height: 20px;
  color: #4b5866;
}
.sbm-bc::after {
  /* нижняя линия тоже на всю ширину */
  content: "";
  position: absolute;
  left: -100vmax;
  right: -100vmax;
  bottom: 0;
  border-bottom: 1px solid #e3e9ef;
}

.sbm-bc__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  background: none;
  border-radius: 0;
}
.sbm-bc__item {
  display: flex;
  align-items: center;
  min-width: 0;
}
.sbm-bc__item + .sbm-bc__item::before {
  /* разделитель – шеврон, скринридер его не читает */
  content: "";
  flex: none;
  width: 6px;
  height: 6px;
  margin: 0 11px 0 8px;
  border-top: 1.5px solid #9aa7b3;
  border-right: 1.5px solid #9aa7b3;
  transform: rotate(45deg);
}

.sbm-bc__link,
.sbm-bc__text {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.sbm-bc__link {
  color: #126a91;
  text-decoration: none;
  border-radius: 3px;
  transition: color .15s;
}
.sbm-bc__link:hover {
  color: #0b4a66;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.sbm-bc__link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #22a9e1;
}
.sbm-bc__home {
  flex: none;
  margin-top: -1px;
}
.sbm-bc__item--current .sbm-bc__text {
  color: #4b5866;
}

/* Под полосой крошек шаблонные 50 px сверху лишние */
#sp-breadcrumb ~ #sp-main-body {
  padding-top: 32px;
}

/* Телефон и узкий планшет: одна строка с прокруткой, без текущей страницы (она же H1) */
@media (max-width: 767px) {
  #sp-breadcrumb ~ #sp-main-body {
    padding-top: 16px;
  }
  .sbm-bc {
    margin-bottom: 0;
    padding: 0;
  }
  .sbm-bc__list {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 10px 0;
    white-space: nowrap;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .sbm-bc__list::-webkit-scrollbar {
    display: none;
  }
  .sbm-bc__item {
    flex: none;
  }
  .sbm-bc__item--current:not(:first-child) {
    display: none;
  }
  .sbm-bc__link {
    padding: 4px 0;
  }
  /* мягкий край там, где строка обрезана */
  .sbm-bc--cut-start .sbm-bc__list {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 28px);
    mask-image: linear-gradient(90deg, transparent 0, #000 28px);
  }
  .sbm-bc--cut-end .sbm-bc__list {
    -webkit-mask-image: linear-gradient(270deg, transparent 0, #000 28px);
    mask-image: linear-gradient(270deg, transparent 0, #000 28px);
  }
  .sbm-bc--cut-start.sbm-bc--cut-end .sbm-bc__list {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%);
  }
}