/* css/search-dropdown-modern.css */
/**
 * Выпадающий список подсказок поиска (#searchdrop)
 */
#searchdrop.srch-dropdown-panel {
    position: absolute;
    z-index: 200;
    left: 0;
    top: 0;
    width: 420px;
    max-width: calc(100vw - 16px);
    height: auto;
    overflow: visible;
    box-sizing: border-box;
}

#searchdrop.srch-dropdown-panel .searchdropcont {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.4;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow:
        0 12px 40px rgba(15, 23, 42, 0.14),
        0 2px 8px rgba(15, 23, 42, 0.06);
    overflow: hidden;
}

#searchdrop.srch-dropdown-panel #searchdrop_btn {
    position: absolute;
    z-index: 3;
    top: 8px;
    right: 8px;
    left: auto;
    float: none;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
}

#searchdrop.srch-dropdown-panel #searchdrop_btn .closebut,
#searchdrop.srch-dropdown-panel .srch-dropdown-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: #6b7280;
    text-decoration: none;
    border: none;
    border-radius: 8px;
    background: #f3f4f6;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

#searchdrop.srch-dropdown-panel #searchdrop_btn .closebut:hover,
#searchdrop.srch-dropdown-panel .srch-dropdown-close:hover {
    color: #111827;
    background: #e5e7eb;
    text-decoration: none;
}

#searchdrop.srch-dropdown-panel #searchdrop_body {
    margin: 0;
    padding: 0;
    line-height: 1.4;
}

#searchdrop.srch-dropdown-panel .srch-drop-list {
    list-style: none;
    margin: 0;
    padding: 6px 0;
    max-height: min(420px, 55vh);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

#searchdrop.srch-dropdown-panel .srch-drop-item {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #f3f4f6;
}

#searchdrop.srch-dropdown-panel .srch-drop-item:last-child {
    border-bottom: 0;
}

#searchdrop.srch-dropdown-panel .srch-drop-link,
#searchdrop.srch-dropdown-panel a.searchitem {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 44px 10px 12px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    color: #1f2937;
    text-decoration: none;
    transition: background 0.12s ease;
}

#searchdrop.srch-dropdown-panel .srch-drop-link:hover,
#searchdrop.srch-dropdown-panel a.searchitem:hover {
    color: #111827;
    text-decoration: none;
    background: #fdf2f7;
}

#searchdrop.srch-dropdown-panel .srch-drop-thumb {
    flex: 0 0 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 8px;
    background: #f9fafb;
    border: 1px solid #eef0f3;
    overflow: hidden;
}

#searchdrop.srch-dropdown-panel .srch-drop-thumb img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

#searchdrop.srch-dropdown-panel .srch-drop-thumb--empty {
    background: #f3f4f6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4'/%3E%3C/svg%3E") center / 26px 26px no-repeat;
}

#searchdrop.srch-dropdown-panel .srch-drop-main {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
    min-width: 0;
}

#searchdrop.srch-dropdown-panel .srch-drop-text {
    width: 100%;
    word-break: break-word;
}

#searchdrop.srch-dropdown-panel .srch-drop-price {
    flex: 0 0 auto;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    color: #e91e63;
    white-space: nowrap;
}

#searchdrop.srch-dropdown-panel .srch-drop-price--na {
    font-size: 13px;
    font-weight: 500;
    color: #9ca3af;
}

#searchdrop.srch-dropdown-panel .srch-drop-text b {
    font-weight: 600;
    color: #e91e63;
}

#searchdrop.srch-dropdown-panel .srch-drop-footer {
    padding: 10px 12px 12px;
    text-align: center;
    border-top: 1px solid #f3f4f6;
    background: #fafafa;
}

#searchdrop.srch-dropdown-panel .srch-drop-all,
#searchdrop.srch-dropdown-panel .srch-drop-footer .redl {
    display: inline-block;
    padding: 8px 16px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    color: #e91e63;
    text-decoration: none;
    border-radius: 999px;
    background: rgba(233, 30, 99, 0.08);
    transition: background 0.15s ease, color 0.15s ease;
}

#searchdrop.srch-dropdown-panel .srch-drop-all:hover,
#searchdrop.srch-dropdown-panel .srch-drop-footer .redl:hover {
    color: #fff;
    text-decoration: none;
    background: #e91e63;
}

/* Скрыть legacy table, если попадёт старая разметка */
#searchdrop.srch-dropdown-panel table {
    width: 100%;
    border-collapse: collapse;
}

#searchdrop.srch-dropdown-panel table td {
    padding: 8px 10px;
    vertical-align: middle;
}

@media only screen and (max-width: 800px) {
    #searchdrop.srch-dropdown-panel {
        max-width: calc(100vw - 8px);
    }

    #searchdrop.srch-dropdown-panel .srch-drop-link,
    #searchdrop.srch-dropdown-panel a.searchitem {
        padding-right: 40px;
    }
}


/* css/bcab.css */
/* cabinet */
#cabinet{
	padding:12px 6px 20px 6px;
	clear: both;
}
#cabinet .ccnav{display:inline;}

.mcleft{
	float: left;
	width: 220px;	
}
.mcright{
	float: left;
	/*width: 942px;*/
	width: calc(100% - 240px);
}
.mcright .pmain{
	padding: 4px 0 10px 22px;
}

.mcleft-in{
	border-right: 1px solid #ededed;
	background-color: #f7f7f7;
	padding: 20px 0 60px;
}
.mcleft-in:after{clear: both; display: block; content: "";}

.mcclient-blk{
	padding: 4px 16px 20px 30px;
	/*text-align: center;*/
	background: url("/css/../img/user-ico.png") no-repeat 10px 8px;
}
.mcclient-name{
	font-size: 15px;
	/*font-weight: bold;*/	
}
.mcclient-balance{
	padding: 10px 0px 0 0;
	font-size: 18px;
	color: #818181;
}


/* from old styles */
.mcbonus-stat{
	clear: both;
	padding: 20px 0;
	font-size: 16px;
	color: #808080;
}
.mcbonus-stat>span{color: #859d19;}
.mcbonus-stat b{color: #2a2a2a;}

.mcorder{
	width:100%;
	float:left;
	padding:16px 0 4px;
}
.mco_l{
	width:320px;
	float:left;
}
.mcol_title{
	font:24px Arial, Helvetica, sans-serif;
	color:#46505d;
	padding:0 0 8px;
}
.mcolres{
	clear: both;
	text-align: center;
	padding: 80px 0px 80px 0px;
	font-size: 16px;
}
.mcollist{}
.mcollitem{
	height:140px;	
	border-color:#d8d8d8;
	border-style:solid;
	border-width:2px 0 2px 3px;
	/*
	border-radius:10px 0 0 10px;
	-moz-border-radius:5px 0 0 5px;
	-webkit-border-raius:10px 0 0 10px;
	*/
	margin-bottom:6px;
	margin-left: 0px;
	cursor:pointer;
	background:#fff;
	padding:16px 12px 14px 28px;
	overflow:hidden;
}
.mcollitem_active{
	position:relative;
	left:2px;
	background:#f2f2f2;
	border-color:#f2f2f2;
	border-style:solid;
	border-width:2px 0 2px 3px;
	border-left: 3px solid #ff6500;
	cursor:default;
}
.mcollitem p{padding-left:0px;}
.mcolli_title{font:18px/22px Arial, Helvetica, sans-serif;}
.mcolli_title a{ color: #000; text-decoration: none; }
.mcolli_title a:hover{ color: #000; text-decoration: underline; }
.mcolli_price{padding:14px 0 9px;}
.mcolli_price b{color:#000;}
.mcollitem table{
	width:100%;
	border-collapse:collapse;
	margin-top:3px;
}
.mcollitem table td{padding:0;}
.mcollitem table td.mcol_icon{width:39px;}
.mcollitem table td.mcol_status{
	padding-left:6px;
	white-space:nowrap;
}
.mcollitem_active .mcolli_title{color:#000;}
.mco_r{
	width:820px;
	float:left;
}
.mcorlist{
	/*border:2px solid #e5e5e5;*/
	padding:12px 14px 12px 14px;
	background: #f2f2f2;
	min-height: 580px;
	/*
	border-radius:0 0 10px 10px;
	-webkit-border-raius:0 0 10px 10px;
	-khtml-border-raius:0 0 10px 10px;
	-moz-border-radius:0 15px 15px;
	*/
}

/*.mcorlist .mclitem{ background: #fff; }*/
.mcorlist .mclitem .mcli_text{ width: 550px; }
/*.mcorlist .mcltotal{ background: #fff; }*/

.mcorltbl{padding:16px 0 0;}
.mcorltbl table{
	width:100%;
	border-collapse:collapse;
}
.mcorltbl table td{padding:0;}
.mcorltbl table td.mcorltbl_icon{width:39px;}
.mcorltbl table td.mcorltbl_status{padding-left:6px;}

.csib_input{ width: 40px; }

#cabinet .cpages{
	float:right;
	padding:10px 32px 0 0;
}
#cabinet .mclitem{
	/*border: 2px solid #e5e5e5;
	border-radius: 10px;*/
	border: 0;
	margin-bottom: 6px;
	background: #fff;
}
#cabinet .mcltotal{
	/*
	background: #fff;
	border: 0;
	border-bottom: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	border-radius: 0 0 8px 8px;
	*/
	background: #fff url("/css/../img/total-bg.png") repeat-x 0 100%;	
}



/* new cab menu */

.mcmenu{
	clear: both;
}
.mcmenu ul{
	list-style: none;
	margin: 6px 0; 
	padding: 0;
}
.mcmenu ul li{
	margin: 3px 0;
	padding: 6px 12px 6px 24px;
	background: url("/css/../img/cab-li.png") no-repeat 12px 12px;
}
.mcmenu ul li span{float: right; width: 30px; text-align: center; font-size: 12px; color: #909090;}
.mcmenu ul li a{text-decoration: none;}
.mcmenu ul li a:hover{text-decoration: underline;}
.mcmenu ul li.sel{
	background-color: #ffffff;
	/*background-image: url("/css/../img/li-bl.png");*/
	/*
	border-top: 1px solid #e9eaea;
	border-bottom: 1px solid #e9eaea;
	margin-right: -2px;
	*/
}
.mcmenu ul li.sel a{font-weight: bold;}


.mctabs{clear: both; padding: 14px 0 0 0; border-bottom: 2px solid #1a1a1a;}
.mctabs:after{clear: both; content: ""; display: block;}
.mctabs ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.mctabs ul li{
	float: left;
	margin-right: 15px;
	padding: 12px 30px;
	font: 400 15px/16px Roboto;
	cursor: pointer;
	transition: 0.2s;
	/*
	text-transform: uppercase;
	color: #3d3d3d;
	border: 2px solid #f3f5f8;
	border-left: 2px solid #eff4fb;
	border-right: 2px solid #eff4fb;
	border-top: 2px solid #eff4fb;
	*/	
	background-color: #f2f2f2;
}
.mctabs ul li:last-child{margin-right: 0;}
.mctabs ul li.active{
	cursor: default;
	color: #ffffff;
	background-color: #1a1a1a;
}
.mctabs ul li.active span{/*border-bottom: 2px solid #ff7e22;*/}
.mctabs ul li.active b{font-weight: normal;}
.mctabs ul li:hover{
	/*
	color: #ffffff;
	border: 2px solid #2c363e;
	background-color: #2c363e;
	*/
}
.mctabs ul li a{text-decoration: none;}

.mcright h2{
	/*font: 200 20px/24px "Hencyr",Arial;*/
	text-transform: uppercase;
	font-weight: normal;
	/*letter-spacing: 2px;*/
	padding: 12px 0px 12px 0px;
	margin: 4px 0px 4px 0px;
	color: #454545;
}
.mcright h2:after{
	display: block;
	content: "";
	background-color: #ff358c;
	width: 36px;
	height: 2px;
	margin-top: 6px;
}


.mcorder-list{
	border-right: 1px solid #e9eaea;
	border-bottom: 1px solid #e9eaea;
	padding: 20px 20px 28px 20px;
}


.div-tbl{
	display: table;
	width: 100%;
}
.div-tbl-12{font-size: 12px;}
.div-tbl-row{
	display: table-row;		
}
.div-tbl-row>div{
	display: table-cell;	
	padding: 10px 14px;
	text-align: center;
	vertical-align: middle;
	border-left: 1px solid #cddbd2;
	border-bottom: 1px solid #cddbd2;
}
.div-tbl-row>div:first-child{border-left:0;}
.div-tbl-row>div:first-child img{display: block; margin: auto;}
.div-tbl-rowth>div{
	border-top: 1px solid #cddbd2;
	padding: 14px 15px;
	background-color: #fbf5f8;
	text-transform: uppercase;
	/*color: #ffffff;*/
	border-left: 1px solid #cddbd2;
}
.div-tbl-rowth>div.th-dt{text-transform: none;}
.div-tbl-rowth>div.th-dt>span{display: block; font-size: 12px;}
.div-tbl-row>div.td-title{text-align: left; font-weight: bold;}
.div-tbl-row>div.td-relative{position: relative; /*z-index: 1;*/}
.div-tbl-row>div.td-id{padding-left: 0; padding-right: 0; width: 100px;}
.div-tbl-row>div.td-id span{display: block; font-size: 18px;}
.div-tbl-row>div.td-10{width: 10%;}
.div-tbl-row>div.td-15{width: 15%;}
.div-tbl-row>div.td-20{width: 20%;}
.div-tbl-row>div.td-35{width: 35%;}
.div-tbl-row>div.td-40{width: 40%;}
.div-tbl-row>div.td-50{width: 50%;}
.div-tbl-row>div.td-60{width: 60%;}
.div-tbl-row>div.td-cost{font-weight: bold; padding-left: 0; padding-right: 0; width: 90px;}
.div-tbl-row>div.p-bonus{font-style: italic; color: #808080;}

.row-not-start>div{color: #808080;}
.row-finished>div{color: #b0b0b0;}
.row-not-start>div.dt-start{color: #007934;}
.row-finished>div.dt-end{color: #ff0000;}

.td-ostat span{display: inline-block; padding-left: 17px; background: url("/css/../img/bcab/ostat-new-1.png") no-repeat 0 50%;}
.mcorder-stat-0>div{background-color: #f9f9f9;}
.mcorder-stat-0	.td-ostat span{background-image: url("/css/../img/bcab/ostat-cancel-0.png"); color: #979797;}
.mcorder-stat-1	.td-ostat span{background-image: url("/css/../img/bcab/ostat-new-1.png"); color: #1f9fb2;}
.mcorder-stat-2	.td-ostat span{background-image: url("/css/../img/bcab/ostat-wait-2.png"); color: #f1a90d;}
.mcorder-stat-3	.td-ostat span{background-image: url("/css/../img/bcab/ostat-real-3.png"); color: #f1a90d;}
.mcorder-stat-4	.td-ostat span{background-image: url("/css/../img/bcab/ostat-packed-4.png"); color: #f1a90d;}
.mcorder-stat-5	.td-ostat span{background-image: url("/css/../img/bcab/ostat-ready-5.png"); color: #ea850f;}
.mcorder-stat-6	.td-ostat span{background-image: url("/css/../img/bcab/ostat-deliv-6.png"); color: #1f53b2;}
.mcorder-stat-7	.td-ostat span{background-image: url("/css/../img/bcab/ostat-done-7.png"); color: #1fb264;}


span.sm-txt{display: block; font-size: 12px; color: #606060;}

.div-tbl0{
	display: block;
	width: 100%;
}
.div-tbl0-h50{}
.div-tbl0-row{
	display: block;		
	clear: both;
}
.div-tbl0-row:after{clear: both; content: ""; display: block;}
.div-tbl0-row>div{
	display: block;
	float: left;	
	padding: 8px 0;
	text-align: center;
	vertical-align: middle;
	/*border-left: 1px solid #e9eaea;
	border-bottom: 1px solid #e9eaea;
	margin-left: -1px;*/
}
.div-tbl0-row>div:first-child{border-left:0; margin-left: 0;}
.div-tbl0-rowth>div{
	display: block;
	float: left;
	padding: 12px 0;
	border-top: 1px solid #e9eaea;
	background-color: #f5f6f7;
	text-transform: uppercase;
	color: #939393;
}
.div-tbl0 .div-tbl-rowcalc:first-child{border-top: 1px solid #e9eaea;}
.div-tbl0 .div-tbl-rowcalc:last-child{border-bottom: 1px solid #e9eaea;}
.div-tbl0 .div-tbl-rowcalc>div:first-child{
	text-align: right;
	background-color: #f5f6f7;
	font-size: 14px;
	line-height: 16px;
	border-right: 1px solid #e9eaea;
	margin-right: -1px;
}
.div-tbl0 .div-tbl-rowcalc>div:first-child span{display: block; padding: 14px 15px 0px 20px;}

.div-tbl0-h50 .div-tbl0-row>div.td-brd-val>span{display: block; margin: 6px 8% 0 8%; border: 1px solid #d9d9d9; background-color: #f5f6f7; padding: 5px 0;}
.div-tbl0-h50 .div-tbl0-row>div.td-brd-val>span:nth-child(n+2){margin-top: -1px;}
.div-tbl0-h50 .div-tbl0-row>div.td-brd-red>div{margin: 6px 8% 0 8%; border: 2px solid #f75353; padding: 5px 0;}

.div-tbl0-h50 .div-tbl0-rowth>div{padding: 0; height: 50px;}
.div-tbl0-h50 .div-tbl0-rowth>div>span{display: block; padding: 12px 4px 0px 4px;}
.div-tbl0-h50 .div-tbl0-row>div{padding: 0; height: 48px;}
.div-tbl0-h50 .div-tbl0-row-h2x>div{height: 80px;}
.div-tbl0-h50 .div-tbl0-row>div>p.calc-result{padding: 12px 0 0 0; font-size: 18px;}
.div-tbl0-h50 .div-tbl0-row>div.td-brd-red p.calc-result{padding: 0 0 0 0; font-size: 18px;}

.div-tbl0-row>div.td-10{width: 10%;}
.div-tbl0-row>div.td-15{width: 15%;}
.div-tbl0-row>div.td-20{width: 20%;}
.div-tbl0-row>div.td-35{width: 35%;}
.div-tbl0-row>div.td-40{width: 40%;}
.div-tbl0-row>div.td-50{width: 50%;}
.div-tbl0-row>div.td-60{width: 60%;}
.div-tbl0-row>div.td-cost{font-weight: bold; padding-left: 0; padding-right: 0; width: 90px;}
.div-tbl0-row>div.p-bonus{font-style: italic; color: #808080;}


.ucab-payform-blk{
	clear: both;
	margin: 12px 0;
	padding: 10px 0 20px 0;
}
.ucab-payform{
	padding: 6px 0;
}


a.usr-cont-lnk{
	display: block;
	float: right;
	width: 22px;
	height: 24px;
	background: url("/css/../img/a-usr.png") no-repeat 50% 50%;
	opacity: 0.6;
}
a.usr-cont-lnk:hover{opacity: 1;}
.tree-level-0{background: url("/css/../img/arr-tri.png") no-repeat 0 50%;}
.tree-level-1{background: url("/css/../img/marr.png") no-repeat 20px 50%;}
.tree-level-2{background: url("/css/../img/marr.png") no-repeat 40px 50%;}

.usr-cont-fly{
	display: none;
	position: absolute;
	z-index: 3;
	right: 40px;
	top: -30px;
	width: 220px;
	background: #fff;
	border: 1px solid #f0f0f0;
	box-shadow: 0 0 3px 3px rgba(100,100,100,0.1);
}
.usr-cont-fly-vis{display: block;}
.usr-cont-fly-in{
	padding: 16px 16px;
	font-weight: normal;
}
.usr-cont-name{font-weight: bold;}


.cabf-blk{
	margin: 4px 0 20px 0;
	padding: 14px 0 12px 0;
	border-top: 1px solid #e9eaea;
	border-bottom: 1px solid #e9eaea;
}

.cabf-frm{
	margin: 4px 100px;
}
.cabf-btn{
	clear: both;
	padding: 12px 0 12px 0;
	text-align: center;
}
.cabf-row{
	clear: both;
	padding: 4px 0px 4px 0px;
}
.cabf-row:after{
	content: "";
	display: block;
	clear: both;
}
.cabf-col{
}

.cabf-col-20{float: left; width: 19%; margin-right: 1%;}
.cabf-col-30{float: left; width: 29%; margin-right: 1%;}
.cabf-col-40{float: left; width: 39%; margin-right: 1%;}
.cabf-col-50{float: left; width: 49%; margin-right: 1%;}
.cabf-col-60{float: left; width: 59%; margin-right: 1%;}
.cabf-col-70{float: left; width: 69%; margin-right: 1%;}
.cabf-col-80{float: left; width: 79%; margin-right: 1%;}

.cabf-h{
	padding: 0 0 2px 0;
}
.cabf-fld{}
.cabf-fld-3col>div{float: left; width: 33.300%;}
.cabf-fld-radio>input[type=radio]{position: relative; top: 2px;}
.cabf-fld-radio>label{padding-left: 6px;}

.cabf-fld input[type=text], .cabf-fld input[type=password], .cabf-fld textarea{
	width: 99%; 
	border: 1px solid #a0a0a0;	
	font-size: 14px;
	line-height: 20px;		
}
.cabf-fld input[type=text], .cabf-fld input[type=password]{height: 26px;}
.cabf-fld textarea{}
.cabf-fld select{
	border: 1px solid #a0a0a0; 
	font-size: 14px;
	height: 26px;
}
.cabf-chk{
	padding: 4px 0;
}
.cabf-chk label{
	display: inline-block;
	padding: 0 0 0 5px;
}

.cabf-col-50 .cabf-fld select{width: 99%;}
	
	
.cabf-err{
	color: #e14545;	
}

.cabf-err .cabf-fld input[type=text], .cabf-err .cabf-fld input[type=password], .cabf-err textarea, .cabf-err .cabf-fld select{
	border-color: #f47f7f;
	color: #e14545;
}
.cabf-err-msg{
	font-size: 12px;
	font-style: italic;
}




.mcorder{
	width:100%;
	float:left;
	padding:16px 0 4px;
}
.mco_l{
	width:320px;
	float:left;
}
.mcol_title{
	font:24px Arial, Helvetica, sans-serif;
	color:#46505d;
	padding:0 0 8px;
}
.mcolres{
	clear: both;
	text-align: center;
	padding: 80px 0px 80px 0px;
	font-size: 16px;
}
.mcollist{}
.mcollitem{
	height:140px;	
	border-color:#d8d8d8;
	border-style:solid;
	border-width:2px 0 2px 3px;
	/*
	border-radius:10px 0 0 10px;
	-moz-border-radius:5px 0 0 5px;
	-webkit-border-raius:10px 0 0 10px;
	*/
	margin-bottom:6px;
	margin-left: 0px;
	cursor:pointer;
	background:#fff;
	padding:16px 12px 14px 28px;
	overflow:hidden;
}
.mcollitem_active{
	position:relative;
	left:2px;
	background:#f2f2f2;
	border-color:#f2f2f2;
	border-style:solid;
	border-width:2px 0 2px 3px;
	border-left: 3px solid #ff6500;
	cursor:default;
}
.mcollitem p{padding-left:0px;}
.mcolli_title{font:18px/22px Arial, Helvetica, sans-serif;}
.mcolli_title a{ color: #000; text-decoration: none; }
.mcolli_title a:hover{ color: #000; text-decoration: underline; }
.mcolli_price{padding:14px 0 9px;}
.mcolli_price b{color:#000;}
.mcollitem table{
	width:100%;
	border-collapse:collapse;
	margin-top:3px;
}
.mcollitem table td{padding:0;}
.mcollitem table td.mcol_icon{width:39px;}
.mcollitem table td.mcol_status{
	padding-left:6px;
	white-space:nowrap;
}
.mcollitem_active .mcolli_title{color:#000;}
.mco_r{
	width:820px;
	float:left;
}
.mcorlist{
	/*border:2px solid #e5e5e5;*/
	padding:12px 14px 12px 14px;
	background: #f2f2f2;
	/*
	border-radius:0 0 10px 10px;
	-webkit-border-raius:0 0 10px 10px;
	-khtml-border-raius:0 0 10px 10px;
	-moz-border-radius:0 15px 15px;
	*/
}

/*.mcorlist .mclitem{ background: #fff; }*/
.mcorlist .mclitem .mcli_text{ width: 550px; }
/*.mcorlist .mcltotal{ background: #fff; }*/

.mcorltbl{padding:16px 0 0;}
.mcorltbl table{
	width:100%;
	border-collapse:collapse;
}
.mcorltbl table td{padding:0;}
.mcorltbl table td.mcorltbl_icon{width:39px;}
.mcorltbl table td.mcorltbl_status{padding-left:6px;}

.csib_input{ width: 40px; }

#cabinet .cpages{
	float:right;
	padding:10px 32px 0 0;
}
#cabinet .mclitem{
	/*border: 2px solid #e5e5e5;
	border-radius: 10px;*/
	border: 0;
	margin-bottom: 6px;
	background: #fff;
}
#cabinet .mcltotal{
	/*
	background: #fff;
	border: 0;
	border-bottom: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	border-radius: 0 0 8px 8px;
	*/
	background: #fff url("/css/../img/total-bg.png") repeat-x 0 100%;	
}

/* cabinet block */
.cab-block{
	position: relative;
	z-index: 1;
	margin: 20px 30px;
	border: 1px solid #e9eaea;
	padding: 30px 14%;
}
.cab-block-step{
	background: #e9eaea;
	position: absolute;
	left: 0;
	top: 0;
	width: 46px;
	color: #00923f;
	font: 18px/20px Arial;
	padding: 8px 0 10px 0;
	text-align: center;
}
.cab-block-hdr{
	padding: 20px 0 20px 0;
	text-align: center;
}
.cab-block-in{
	text-align: center;
	padding-bottom: 10px;
}

.cab-block-stat-yes{font-weight: bold;}


.cab-block2{
	position: relative;
	z-index: 1;
	margin: 20px 30px;
	border: 1px solid #e9eaea;
	padding: 0px 1% 0px 10%;
	min-height: 84px;
}
.cab-block2-done{background-color: #f5f6f7;}
.cab-block2:after{clear: both; content: ""; display: block;}
.cab-block2-step{
	background: #e9eaea;
	border-radius: 50%;
	position: absolute;
	left: 14px;
	top: 10px;
	width: 60px;
	color: #fff;
	font: 200 36px/38px 'Hencyr';
	padding: 12px 0 10px 0;
	text-align: center;
}
.cab-block2-hdr{
	float: left;
	width: 64%;
	padding: 30px 0 20px 0;
	text-align: left;
	font: 200 18px/20px 'Hencyr';
}
.cab-block2-in{
	float: right;
	width: 24%;	
	padding-top: 26px;
}
.cab-block2-stat-yes{ display: inline-block; background: url("/css/../img/yes-big.png") no-repeat 0 50%; font: bold 18px/20px 'Hencyr'; padding: 4px 0 4px 32px;}

/* calculator */
.calc-inp{}
.calc-inp input[type=text]{font-size: 16px; height: 26px; text-align: center; display: block; width: 79%; margin: 0 10%; margin-top: 7px; border: 1px solid #00923f;}
.calc-inp input[type=text].inp-err{background-color: #ffe5e5;}


/* stats */
.bcab-stat-list{}
.bcab-stat-list:after{clear: both; content: ""; display: block;}
.bcab-stat-gr{
	padding: 12px 0px 6px 0;
	font-size: 18px;
}
.bcab-stat-row{
	clear: both;
	border-bottom: 1px solid #efefef;
}
.bcab-stat-row:after{clear: both; content: ""; display: block;}
.bcab-stat-row>div:first-child{
	float: left;
	width: 60%;
	height: 36px;
	background-color: #f6f6f6;
}
.bcab-stat-row>div:last-child{
	float: left;
	width: 39.9999%;
	height: 36px;
}
.bcab-stat-row>div>span{display: block; padding-top: 10px;}
.bcab-stat-row>div:first-child>span{padding-left: 16px;}
.bcab-stat-row>div:last-child>span{padding-left: 20px;}

/* fast order */
.forder-form{
	padding: 20px;
}
.forder-list{
	clear: both;
	padding: 12px 0;
}
.forder-list:after{clear: both; content: ""; display: block;}

.forder-row{
	clear: both;
	border: 1px solid #d9d9d9;	
	margin: 14px 0;
	padding: 6px 0 12px 0;
}
.forder-row:after{clear: both; content: ""; display: block;}
.forder-row>a.a-rem{display:block; float: right; margin: 0 5px 0 0; width: 16px; height: 16px; background: url("/css/../img/a-del.png") no-repeat 50% 50%; opacity: 0.6;}
.forder-row>a.a-rem:hover{opacity: 1;}
.forder-pic{
	float: left;
	width: 14%;
	min-height: 60px;
}
.forder-pic>div{
	padding: 4px 10px;
}
.forder-pic>div img{display: block; max-width: 100%; max-height: 90px; height: auto; margin: auto;}

.forder-inf{
	float: left;
	width: 82%;
}

.forder-it-row{padding: 16px 0 10px 0;}
.forder-it-row:after{clear: both; content: ""; display: block;}
.forder-art{
	float: left;
	width: 110px;
}
.forder-art>span{font-size: 12px; display: inline-block; padding: 3px 6px 0 0;}
.forder-model{
	float: left;
	width: 63%;
	margin-left: 6px;
}

.forder-art>input[type=text], .forder-model>input[type=text]{ height: 26px; border: 1px solid #d9d9d9;}
.forder-art>input[type=text]{text-align: center; width: 74px;}
.forder-model>input[type=text]{width: 97%; padding-left: 4px;}

.forder-cost{
	padding: 4px 0;
}
.forder-cost>table{
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

.forder-cost>table tr td{padding: 0 8px;}
.forder-cost>table tr td:first-child{color: #808080; padding-right: 22px; padding-left: 0; background: url("/css/../img/ico-mclit1.png") no-repeat 100% 50%;}
.forder-cost>table tr td:last-child{color: #000000; font-size: 18px; padding-left: 26px; background: url("/css/../img/ico-mclit2.png") no-repeat 0% 50%;}
.forder-num-inp{}
.forder-num-inp input{
	font-size: 15px;
	width: 50px; 
	height: 26px; 
	border: 1px solid #e8e8e8;
	border-top: 1px solid #b4b4b4;
	border-left: 1px solid #b4b4b4;
	text-align: center;	
}
.forder-buf{display: none;}
.forder-btn{
	clear: both; 
	padding: 12px 0;
}
.forder-total{
	background: #f2f2f2;
	text-align: right;
	padding: 12px 16px;
}
.forder-total>p>b{font-size: 18px; color: #fa001d; font-weight: normal;}

.forder-fly{
	display: none;
	position: absolute;
	width: 380px;
	z-index: 100;
	left: 0;
	top: 0;
	background: #fff;
	border: 1px solid #e0e0e0;
}
.forder-flyin{
	padding: 6px 6px;
}
.forder-fly-close{
	display: block; 
	float: right;
	width: 14px;
	height: 13px;
	background: url("/css/../img/a-close.png") no-repeat 50% 50%;
	content:"";	
}
.forder-fly-res{
	padding: 8px 8px;
}
.forder-fly-res:after{clear: both; content: ""; display: block;}

.freso-it{
	margin: 8px 0;
}
.freso-it:after{clear: both; content: ""; display: block;}
.freso-pic{
	float: left;
	width: 72px;
	text-align: center;
}
.freso-i{
	margin: 0 0 0 80px;
}

/* prod list */
.cab-tbl-prods .tbl-tr>div{
	padding: 4px 4px;
	border-bottom: 1px solid #d9d9d9;
}
.cab-tbl-prods .tbl-tr:first-child>div{border-top: 1px solid #d9d9d9;}

.cab-tbl-prods .cab-tbl-prow>div{background-color: #ffffff;}

.cab-tbl-prods .tbl-tr>div.cab-tblcol-sku{padding-right: 10px; color: #a0a0a0;}
.cab-tbl-prods .tbl-tr>div.cab-tblcol-cost{text-align: right; font-weight: bold;}
.cab-tbl-prods .tbl-tr>div.cab-tblcol-buynum{text-align: center; padding-left: 10px; padding-right: 10px; font-size: 13px; color: #a0a0a0;}
.cab-tbl-prods .tbl-tr>div.cab-tblcol-sect{
	padding-top: 12px;
	font-size: 16px;
}

.cab-tbl-prods .tbl-tr>div>a{text-decoration: none;}
.cab-tbl-prods .tbl-tr>div>a:hover{text-decoration: underline;}


/* adaptive styles */

@media only screen and (min-width: 1480px)
{
	.mcleft{width: 250px;}
	.mcright{width: calc(100% - 270px);}
}

@media only screen and (min-width: 1880px)
{
	.mcleft{width: 270px;}
	.mcright{width: calc(100% - 290px);}
}

@media only screen and (min-width: 1000px) and (max-width: 1200px)
{	
	/* cabinet */
	/*.mcright{width: 742px;}*/
	
	.mctabs ul li{font-size: 15px;}
	.mct_t{padding-left: 8px; padding-right: 8px;}
}

@media only screen and (max-width: 999px)
{	
	/* cabinet */
	.mcleft{width: 200px;}
	.mcright{width: calc(100% - 210px);}
	.mcorder-list{padding-left: 12px; padding-right: 12px;}
	.div-tbl-row>div{padding-left: 2px; padding-right: 2px;}
	.div-tbl-rowth>div{padding-left: 4px; padding-right: 4px;}
}

@media only screen and (max-width: 800px)
{
	#cabinet{padding-left: 0px; padding-right: 0px;}
	.mcleft{width: 23.9999%;}
	.mcmenu ul li{padding-right: 2px;}
	.mcright{width: 74.9999%;}
	
	.mct_t{padding-left: 5px; padding-right: 5px;}
	
	.cabf-frm{margin-left: 3%; margin-right: 3%;}
}

@media only screen and (max-width: 700px)
{
	.mct_t{padding-left: 2px; padding-right: 2px;}
}

@media only screen and (max-width: 650px)
{
	.mcleft{float: none; width: auto; clear: both;}
	.mcright{float: none; width: auto; clear: both;}
	
	.mcleft-in{border-right: 0; padding: 10px 0;}
	.mcclient-blk{text-align: left; padding: 0px 5px 6px 30px; background-position: 10px 4px;}
	.mcmenu ul{margin: 0;}
	.mcmenu ul li{padding: 4px 12px 4px 22px; background-position: 12px 10px;}	
	.mcmenu ul li.sel{margin-right: 0;}
	
	.mcorder-list{border-right: 0; border-bottom: 0; padding: 20px 0;}
	
	.mcright a.btn-sm{padding: 6px 6px;}
	
	.mcolres{padding: 20px 0;}
	
	.mcright .pmain{padding: 4px 10px 10px 10px;}
	.forder-form{padding: 20px 0;}
}

@media only screen and (max-width: 500px)
{
	.mctabs ul li{padding-left: 12px; padding-right: 12px;}
	

	.forder-it-row{padding-top: 6px;}
	.forder-pic{width: 70px;}
	.forder-inf{width: calc(100% - 106px);}
	
	.forder-model{width: calc(100% - 117px);}

	/* order list table styles */
	.mcorder-list-tbl .div-tbl-row{display: flex; flex-flow: row wrap; margin-bottom: 12px;}
			
	.mcorder-list-tbl .div-tbl-row>div{display: block;}
	.mcorder-list-tbl .div-tbl-rowth>div{display: none;}
	
	.mcorder-list-tbl .div-tbl-row>div.td-id{width: 39.99999%; border-top: 2px solid #b7b7ac;}
	.mcorder-list-tbl .div-tbl-row>div:nth-child(2){width: 59%; font-size: 16px; border-top: 2px solid #b7b7ac;}
	.mcorder-list-tbl .div-tbl-row>div:nth-child(3){clear: both; width: 99%; border-left: 0;}
	.mcorder-list-tbl .div-tbl-row>div:nth-child(4){width: 25%; border-left: 0; border-bottom: 2px solid #b7b7ac;}
	.mcorder-list-tbl .div-tbl-row>div:nth-child(5){width: 35%; border-bottom: 2px solid #b7b7ac;}
	.mcorder-list-tbl .div-tbl-row>div:nth-child(6){width: 39%; border-bottom: 2px solid #b7b7ac;}
	
	/* order info table styles */
	.mcorder-info-tbl .div-tbl-row{display: flex; flex-flow: row wrap; margin-bottom: 12px;}
			
	.mcorder-info-tbl .div-tbl-row>div{display: block;}
	.mcorder-info-tbl .div-tbl-rowth>div{display: none;}
	
	.mcorder-info-tbl .div-tbl-row>div:nth-child(1){width: 80px; border-top: 2px solid #b7b7ac;}
	.mcorder-info-tbl .div-tbl-row>div:nth-child(2){width: calc(99% - 80px); border-top: 2px solid #b7b7ac;}
	
	.mcorder-info-tbl .div-tbl-row>div:nth-child(3){width: 40%; border-left: 0;}
	.mcorder-info-tbl .div-tbl-row>div:nth-child(4){width: 19%;}
	.mcorder-info-tbl .div-tbl-row>div:nth-child(5){width: 40%;}
	.mcorder-info-tbl .div-tbl-row>div:nth-child(6){display: none;}
	
	.mcorder-info-tbl .div-tbl-row:last-child>div:nth-child(1){display: none;}
	.mcorder-info-tbl .div-tbl-row:last-child>div:nth-child(2){width: 99%; font-weight: bold; border-left: 0;}
	.mcorder-info-tbl .div-tbl-row:last-child>div:nth-child(3){display: none;}
	.mcorder-info-tbl .div-tbl-row:last-child>div:nth-child(4){width: 59%; border-left: 0;}
	
	/* addr list table styles */
	.mcpersaddr-list .div-tbl-row{display: flex; flex-flow: row wrap; margin-bottom: 12px;}
			
	.mcpersaddr-list .div-tbl-row>div{display: block;}
	.mcpersaddr-list .div-tbl-rowth>div{display: none;}
	
	.mcpersaddr-list .div-tbl-row>div:nth-child(1){width: 99%; border-top: 2px solid #b7b7ac;}
	.mcpersaddr-list .div-tbl-row>div:nth-child(2){width: 40%; border-left: 0;}
	.mcpersaddr-list .div-tbl-row>div:nth-child(3){width: 40%;}
	.mcpersaddr-list .div-tbl-row>div:nth-child(4){width: 19%;}
	.mcpersaddr-list .div-tbl-row>div:nth-child(5){width: 99%; border-left: 0;}
	.mcpersaddr-list .div-tbl-row>div:nth-child(6){width: 99%; border-left: 0;}
	
	.cabf-fld-3col>div{float: none; width: auto;}
}



/* css/header-modern.css */
/**
 * Современная шапка AutoLealea — подключается после all.css.
 * Все селекторы сохраняют существующие id/class для JS и PHP.
 */
:root {
    --hdr-accent: #e91e63;
    --hdr-accent-hover: #c2185b;
    --hdr-top-bg: #141414;
    --hdr-top-text: #f3f4f6;
    --hdr-top-muted: #9ca3af;
    --hdr-surface: #ffffff;
    --hdr-border: #e5e7eb;
    --hdr-nav-bg: #1c1c1c;
    --hdr-nav-hover: #ffffff;
    --hdr-shadow: 0 4px 24px rgba(15, 23, 42, 0.08);
    --hdr-radius: 12px;
    --hdr-radius-pill: 999px;
    --hdr-transition: 0.2s ease;
    --hdr-search-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E");
    --hdr-search-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E");
    --hdr-icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f3f4f6' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E");
    --hdr-icon-logout: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f3f4f6' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1'/%3E%3C/svg%3E");
}

/* ——— Общее ——— */
header.site-header {
    background: var(--hdr-surface);
}

header.site-header.sticky {
    box-shadow: var(--hdr-shadow);
    border-bottom: 1px solid var(--hdr-border);
}

/* ——— Верхняя полоса ——— */
header.site-header .header-top {
    padding: 0;
    font-weight: 400;
    font-size: 13px;
    background: var(--hdr-top-bg);
    color: var(--hdr-top-text);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

header.site-header .header-top .wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 16px;
    min-height: 40px;
    padding-top: 6px;
    padding-bottom: 6px;
}

header.site-header .header-top .wrapper::before,
header.site-header .header-top .wrapper::after {
    display: none;
}

header.site-header .tmenu-all {
    float: none;
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

header.site-header .tmenu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 4px;
    padding: 0;
}

header.site-header .tmenu a {
    margin-right: 0;
    padding: 6px 12px;
    color: var(--hdr-top-text);
    background: none;
    border-radius: 6px;
    transition: background var(--hdr-transition), color var(--hdr-transition);
}

header.site-header .tmenu a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
}

header.site-header .tmenu a.active {
    color: #fff;
    background: rgba(233, 30, 99, 0.25);
}

header.site-header .ht-contacts-bar {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 12px;
}

header.site-header .header-top .ht-contacts-bar .ht-phone-mob {
    display: none !important;
}

/* Случайные tel-ссылки в полосе (битая вложенная разметка) — не показывать */
header.site-header .ht-contacts-bar > a[href^="tel:"]:not(.ht-phone-mob) {
    display: none !important;
}

header.site-header .tcallback {
    float: none;
    width: auto;
    padding: 0;
    flex-shrink: 0;
}

header.site-header .tcallback > div {
    padding-left: 0;
    background: none;
}

header.site-header .tcallback .a-call {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    color: var(--hdr-top-text);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--hdr-radius-pill);
    transition: border-color var(--hdr-transition), background var(--hdr-transition);
}

header.site-header .tcallback .a-call::before {
    content: "";
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f3f4f6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z'/%3E%3C/svg%3E") center / contain no-repeat;
}

header.site-header .tcallback .a-call:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.35);
}

header.site-header .tcallback .a-call span {
    border-bottom: none;
}

header.site-header .ht-right {
    float: none;
    width: auto;
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px 12px;
    padding-top: 0;
    text-align: right;
}

header.site-header .ht-right.ht-logged {
    width: auto;
}

header.site-header .ht-right .user {
    color: var(--hdr-top-muted);
    margin-right: 0;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

header.site-header .ht-right a.a-ht {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 6px;
    background: transparent;
    background-image: none;
    transition: background-color var(--hdr-transition), color var(--hdr-transition);
}

header.site-header .ht-right a.a-ht:hover {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.08);
}

header.site-header .ht-right a.a-login::before,
header.site-header .ht-right a.a-cabinet::before {
    content: "";
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    background: var(--hdr-icon-user) center / contain no-repeat;
}

header.site-header .ht-right a.a-logout {
    margin-left: 0;
}

header.site-header .ht-right a.a-logout::before {
    content: "";
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    background: var(--hdr-icon-logout) center / contain no-repeat;
}

/* ——— Основная строка (лого, поиск, телефоны, корзина) ——— */
header.site-header .header-bott {
    padding: 12px 0 14px;
    border-bottom: 1px solid var(--hdr-border);
}

header.site-header .header-bott .wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 20px;
}

header.site-header .header-bott .wrapper::before,
header.site-header .header-bott .wrapper::after {
    display: none;
}

header.site-header #logo {
    float: none;
    flex: 0 0 auto;
    width: auto;
    max-width: 120px;
}

header.site-header #logo-sticky {
    float: none;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

header.site-header #logo img {
    display: block;
    height: 84px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

header.site-header #logo-sticky .logo-sticky-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
}

header.site-header #logo-sticky .logo-sticky-wordmark {
    display: inline-flex;
    align-items: baseline;
    white-space: nowrap;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1;
}

header.site-header #logo-sticky .logo-sticky-wordmark__brand {
    color: var(--hdr-accent);
}

header.site-header #logo-sticky .logo-sticky-wordmark__tld {
    color: #141414;
}

header.site-header.sticky #logo-sticky {
    display: flex !important;
    align-items: center;
}

header.site-header.sticky #logo-sticky .logo-sticky-wordmark {
    font-size: 18px;
}

header.site-header .tcenter {
    float: none;
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    margin-left: 0;
    padding-top: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
}

header.site-header .tcenter::after {
    display: none;
}

header.site-header .tsearch {
    float: none;
    flex: 1 1 auto;
    width: auto;
    min-width: 160px;
    max-width: 520px;
    padding-top: 0;
}

header.site-header .srch-fly {
    position: relative;
    width: 100%;
}

header.site-header .srch-frm {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: none;
    margin: 0;
    min-height: 48px;
    padding: 5px 6px 5px 0;
    border: 2px solid #e5e7eb;
    border-radius: var(--hdr-radius-pill);
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    transition: border-color var(--hdr-transition), background var(--hdr-transition);
}

header.site-header .srch-frm::before {
    content: "";
    flex: 0 0 44px;
    width: 44px;
    height: 24px;
    background: var(--hdr-search-icon) center / 22px 22px no-repeat;
    pointer-events: none;
}

header.site-header .srch-frm:hover {
    border-color: #d1d5db;
}

header.site-header .srch-frm:focus-within {
    border-color: var(--hdr-accent);
    background: #fff;
    outline: none;
    box-shadow: none;
}

header.site-header .srch-frm::after {
    display: none;
}

header.site-header #searchsw {
    float: none;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0 12px 0 0;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.25;
    color: #111827;
    background: transparent;
}

header.site-header #searchsw::placeholder {
    color: #6b7280;
    font-style: normal;
    font-weight: 400;
    transition: color 0.15s ease;
}

/* Подсказка-печатная машинка вместо placeholder, пока поле пустое */
header.site-header #searchsw:placeholder-shown:not(:focus)::placeholder {
    color: transparent;
}

header.site-header #searchsw:focus::placeholder {
    color: #9ca3af;
}

header.site-header .srch-fly-ex::before {
    content: "Например: ";
    color: #9ca3af;
    font-weight: 400;
}

header.site-header #srchgo,
header.site-header input.btn-find#srchgo {
    float: none;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    opacity: 1;
    font-size: 0;
    line-height: 0;
    color: transparent;
    background-color: var(--hdr-accent) !important;
    background-image: var(--hdr-search-btn-icon) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 22px 22px !important;
    cursor: pointer;
    transition: background-color var(--hdr-transition);
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}

header.site-header #srchgo::before {
    content: none;
    display: none;
}

header.site-header #srchgo:hover {
    background-color: var(--hdr-accent-hover) !important;
}

header.site-header .srch-fly-ex {
    position: absolute;
    z-index: 1;
    left: 48px;
    right: 56px;
    top: 50%;
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.25;
    color: #9ca3af;
    transform: translateY(-50%);
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

header.site-header .srch-fly-ex span {
    color: var(--hdr-accent);
    font-weight: 500;
    border-bottom: 1px dashed rgba(233, 30, 99, 0.45);
}

header.site-header .srch-fly:focus-within .srch-fly-ex,
header.site-header .srch-fly:has(#searchsw:not(:placeholder-shown)) .srch-fly-ex {
    opacity: 0;
    visibility: hidden;
}

header.site-header .tphones {
    float: none;
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    padding: 0 0 0 36px;
    font-size: 14px;
    line-height: 1.35;
    background: url("/css/../img/ico-tel.png") no-repeat 0 4px;
    background-size: 28px auto;
}

header.site-header .t-tel {
    padding-bottom: 2px;
}

header.site-header .ti-right {
    float: none;
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    width: auto;
    padding-top: 0;
}

header.site-header .ti-blk {
    float: none;
    position: relative;
    width: 56px;
}

header.site-header .tcart,
header.site-header .twish {
    background: none;
    margin-right: 0;
    width: 56px;
}

header.site-header .tcart a,
header.site-header .twish a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding-top: 36px;
    font-size: 11px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0.02em;
    color: #374151;
    text-decoration: none;
}

header.site-header .tcart a::before,
header.site-header .twish a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.85;
    transition: opacity var(--hdr-transition);
}

header.site-header .tcart a::before {
    background-image: url("/css/../img/ico-cart.png");
}

header.site-header .twish a::before {
    background-image: url("/css/../img/ico-wish.png");
}

header.site-header .tcart a:hover,
header.site-header .twish a:hover {
    text-decoration: none;
    color: var(--hdr-accent);
}

header.site-header .tcart a:hover::before,
header.site-header .twish a:hover::before {
    opacity: 1;
}

header.site-header .tcart > div.tcart-num,
header.site-header .twish > div.twish-num {
    top: -2px;
    right: 4px;
    min-width: 20px;
    height: 20px;
    padding: 2px 5px;
    font-size: 11px;
    font-weight: 600;
    line-height: 14px;
    border: 2px solid #fff;
    background: #9ca3af;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

header.site-header .tcart-full > div.tcart-num,
header.site-header .twish-full > div.twish-num {
    background: var(--hdr-accent);
}

/* ——— Sticky ——— */
header.site-header.sticky .header-bott {
    padding: 8px 0 10px;
}

header.site-header.sticky .tcenter,
header.site-header.sticky .tsearch,
header.site-header.sticky .tphones,
header.site-header.sticky .ti-right {
    width: auto !important;
}

header.site-header.sticky .tcenter {
    padding-top: 0;
    flex: 1 1 auto;
}

header.site-header.sticky .srch-fly-ex {
    display: none;
}

header.site-header.sticky .tsearch {
    width: auto;
    flex: 1 1 200px;
    padding-top: 0;
}

header.site-header.sticky .srch-frm {
    max-width: none;
    min-height: 44px;
}

header.site-header.sticky #searchsw {
    height: 34px;
    font-size: 15px;
}

header.site-header.sticky #srchgo {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
}

header.site-header.sticky #srchgo {
    background-size: 20px 20px !important;
}

header.site-header.sticky .srch-frm::before {
    flex: 0 0 40px;
    width: 40px;
    background-size: 20px 20px;
}

header.site-header.sticky .tphones {
    width: auto;
    padding-left: 36px;
}

header.site-header.sticky .t-tel {
    display: block;
    font-size: 13px;
}

header.site-header.sticky .ti-right {
    width: auto;
    padding-top: 0;
}

header.site-header.sticky .tcart a,
header.site-header.sticky .twish a {
    padding-top: 32px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

header.site-header.sticky .tcart a span,
header.site-header.sticky .twish a span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

header.site-header.sticky .tcart a::before,
header.site-header.sticky .twish a::before {
    top: 2px;
}

/* ——— Каталог (mpan) ——— */
.mpan.site-nav {
    background: var(--hdr-nav-bg);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    overflow: visible;
}

.mpan.site-nav .wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0;
}

.mpan.site-nav .mpan-mob {
    flex: 0 0 auto;
}

.mpan.site-nav #btn-mainmenu {
    display: inline-flex;
    align-items: center;
    height: 44px;
    padding: 0 16px 0 44px;
    border: none;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    transition: background var(--hdr-transition);
}

.mpan.site-nav #btn-mainmenu:hover {
    background: rgba(255, 255, 255, 0.12);
}

.mpan.site-nav #btn-mainmenu .btn-mainmenu-text {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1;
}

.hdr-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.mpan.site-nav .mainmenu-wrap {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    justify-content: center;
    align-items: stretch;
    overflow: visible;
}

.mpan.site-nav .mainmenu {
    display: inline-flex;
    flex: 0 1 auto;
    align-items: stretch;
    justify-content: center;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 2px 0;
    gap: 1px;
    list-style: none;
}

.mpan.site-nav .mainmenu > .hmm_li {
    flex: 0 0 auto;
}

.mpan.site-nav .hmmdm a span {
    white-space: nowrap;
}

.mpan.site-nav .hmmdm {
    position: relative;
}

.mpan.site-nav .hmmdm a {
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0.01em;
    border-radius: 6px;
    transition: background var(--hdr-transition), color var(--hdr-transition);
}

.mpan.site-nav .hmmdm a span {
    display: inline;
    padding-right: 0;
    background: none !important;
}

.mpan.site-nav .hmm_li--branch > .hmmdm::after {
    content: "";
    position: absolute;
    right: 14px;
    top: 50%;
    width: 7px;
    height: 7px;
    margin-top: -5px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    opacity: 0.7;
    pointer-events: none;
    transition: transform 0.2s ease, margin-top 0.2s ease, opacity 0.2s ease;
}

.mpan.site-nav .hmm_li--branch .hmmdm a {
    padding-right: 34px;
}

.mpan.site-nav .hmm_li--leaf > .hmmdm::after {
    display: none;
}

.mpan.site-nav .hmm_li:hover .hmmdm a {
    color: #111;
    background: var(--hdr-nav-hover);
}

.mpan.site-nav .hmm_li:hover .hmmdm::after,
.mpan.site-nav .hmm_li.hmm_li-open > .hmmdm::after {
    opacity: 1;
    border-color: #333;
}

.mpan.site-nav .sub-menu {
    padding: 24px 28px 28px;
    border: none;
    border-radius: 0 0 var(--hdr-radius) var(--hdr-radius);
    box-shadow: var(--hdr-shadow);
}

.mpan.site-nav .sub-title {
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ececec;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--hdr-accent, #c41e3a);
}

.mpan.site-nav .sub-section ul li {
    padding-left: 0;
    background: none !important;
}

.mpan.site-nav .sub-section ul li a {
    display: block;
    padding: 7px 10px;
    margin: 0 -10px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.35;
    transition: background 0.15s ease, color 0.15s ease;
}

.mpan.site-nav .sub-section ul li a:hover {
    color: var(--hdr-accent, #c41e3a);
    background: #f4f4f4;
}

/* ——— Десктоп: меню каталога, «···» ——— */
@media only screen and (min-width: 801px) {
    .mpan.site-nav,
    .mpan.site-nav .wrapper,
    .mpan.site-nav .mainmenu-wrap,
    .mpan.site-nav .mainmenu {
        overflow: visible;
    }

    .mpan.site-nav .wrapper {
        align-items: stretch;
        flex-wrap: nowrap;
    }

    .mpan.site-nav .mpan-mob {
        display: none !important;
    }

    .mpan.site-nav .mainmenu-wrap {
        width: 100%;
        padding: 0 8px;
        box-sizing: border-box;
    }

    .mpan.site-nav .mainmenu > .hmm_li > .hmmdm a {
        padding: 8px 12px;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.15;
        text-align: center;
        white-space: nowrap;
        color: #ffffff;
    }

    .mpan.site-nav .mainmenu > .hmm_li--branch > .hmmdm::after {
        right: 10px;
        width: 6px;
        height: 6px;
        margin-top: -4px;
        border-right-color: rgba(255, 255, 255, 0.9);
        border-bottom-color: rgba(255, 255, 255, 0.9);
        opacity: 0.85;
    }

    .mpan.site-nav .mainmenu > .hmm_li--branch .hmmdm a {
        padding-right: 26px;
    }

    .mpan.site-nav .mainmenu > .hmm_li:hover > .hmmdm a,
    .mpan.site-nav .mainmenu > .hmm_li.hmm_li-open > .hmmdm a {
        color: #111;
        background: var(--hdr-nav-hover);
        box-shadow: inset 0 -2px 0 var(--hdr-accent);
    }

    .mpan.site-nav .mainmenu > .hmm_li:hover > .hmmdm::after,
    .mpan.site-nav .mainmenu > .hmm_li.hmm_li-open > .hmmdm::after {
        border-right-color: #333;
        border-bottom-color: #333;
        opacity: 1;
    }

    .mpan.site-nav .mainmenu.mainmenu--compact > .hmm_li:not(.hmm_li-more) > .hmmdm a {
        padding: 6px 9px;
        font-size: 12px;
    }

    .mpan.site-nav .mainmenu.mainmenu--compact > .hmm_li--branch:not(.hmm_li-more) .hmmdm a {
        padding-right: 22px;
    }

    .mpan.site-nav .mainmenu.mainmenu--compact > .hmm_li-more .mainmenu-more-btn {
        padding: 6px 10px;
        font-size: 16px;
    }

    .mpan.site-nav .sub-menu {
        left: 0;
        right: 0;
        margin: 0 auto;
        max-width: min(1200px, calc(100vw - 32px));
    }

    .mpan.site-nav .mainmenu > .hmm_li-more {
        position: relative;
        flex: 0 0 auto;
    }

    .mpan.site-nav .mainmenu > .hmm_li-more:not(.hmm_li-more--visible) {
        display: none !important;
    }

    .mpan.site-nav .mainmenu > .hmm_li-more.hmm_li-more--visible {
        display: block !important;
    }

    .mpan.site-nav .hmmdm-more {
        padding: 0;
    }

    .mpan.site-nav .mainmenu-more-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 40px;
        height: 100%;
        margin: 0;
        padding: 8px 12px;
        border: none;
        border-radius: 6px;
        font: inherit;
        font-size: 18px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0.12em;
        color: #fff;
        background: transparent;
        cursor: pointer;
        transition: background var(--hdr-transition), color var(--hdr-transition);
    }

    .mpan.site-nav .mainmenu-more-label {
        transform: translateY(-1px);
    }

    .mpan.site-nav .hmm_li-more:hover .mainmenu-more-btn,
    .mpan.site-nav .hmm_li-more.is-open .mainmenu-more-btn {
        color: #111;
        background: var(--hdr-nav-hover);
        box-shadow: inset 0 -2px 0 var(--hdr-accent);
    }

    .mpan.site-nav .mainmenu-more-drop {
        position: absolute;
        z-index: 60;
        top: 100%;
        right: 0;
        min-width: 240px;
        max-width: min(320px, 90vw);
        margin-top: 2px;
        padding: 8px;
        border-radius: var(--hdr-radius);
        background: #fff;
        box-shadow: var(--hdr-shadow);
    }

    .mpan.site-nav .mainmenu-more-list {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .mpan.site-nav .mainmenu-more-list > .hmm_li {
        display: block;
        width: 100%;
        margin: 0 0  2px;
    }

    .mpan.site-nav .mainmenu-more-list > .hmm_li:last-child {
        margin-bottom: 0;
    }

    .mpan.site-nav .mainmenu-more-list .hmmdm a {
        padding: 10px 12px;
        font-size: 14px;
        font-weight: 500;
        text-align: left;
        color: #232323;
        border-radius: 6px;
        white-space: normal;
    }

    .mpan.site-nav .mainmenu-more-list .hmmdm a span {
        white-space: normal;
    }

    .mpan.site-nav .mainmenu-more-list > .hmm_li:hover > .hmmdm a {
        color: #111;
        background: #f3f4f6;
        box-shadow: none;
    }

    .mpan.site-nav .mainmenu-more-list > .hmm_li--branch > .hmmdm::after {
        right: 12px;
        border-color: #666;
    }

    .mpan.site-nav .mainmenu-more-list .sub-menu {
        position: absolute;
        z-index: 70;
        top: 0;
        right: 100%;
        left: auto;
        width: min(720px, calc(100vw - 48px));
        margin: 0 6px 0 0;
        padding: 20px 22px 24px;
        visibility: hidden;
        opacity: 0;
        transform: translateX(8px);
        transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear 0.2s;
    }

    .mpan.site-nav .mainmenu-more-list > .hmm_li:hover .sub-menu {
        visibility: visible;
        opacity: 1;
        transform: translateX(0);
        transition-delay: 0s;
    }
}

/* ——— Мобильное меню верхней полосы ——— */
header.site-header .tmenu-mob > button {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: transparent;
}

header.site-header .open .tmenu-mob > button {
    background: rgba(255, 255, 255, 0.1);
}

/* ——— Адаптив (согласовано с breakpoints all.css) ——— */
@media only screen and (max-width: 1200px) {
    header.site-header .header-bott .wrapper {
        align-items: flex-start;
    }

    header.site-header .tcenter {
        flex: 1 1 100%;
        order: 3;
        width: 100%;
        flex-wrap: wrap;
        gap: 10px 14px;
    }

    header.site-header .tsearch {
        flex: 1 1 100%;
        max-width: none;
    }

    header.site-header .tphones {
        padding-left: 36px;
    }

    header.site-header .ti-right {
        margin-left: auto;
    }
}

@media only screen and (max-width: 800px) {
    /* —— Верхняя полоса: одна строка, одинаковые кнопки —— */
    header.site-header .header-top {
        border-bottom: none;
    }

    header.site-header .header-top .wrapper {
        display: grid;
        grid-template-columns: 40px minmax(0, 1fr) auto;
        grid-template-areas: "menu contacts profile";
        align-items: center;
        gap: 6px 8px;
        position: relative;
        min-height: 48px;
        padding: 6px 10px;
    }

    header.site-header .tmenu-all {
        display: flex;
        align-items: center;
        grid-area: menu;
        flex: none;
        order: unset;
        width: auto;
        position: static;
    }

    header.site-header .tmenu-mob {
        display: block;
        position: static;
        left: auto;
        top: auto;
        z-index: 12;
    }

    header.site-header .open .tmenu-mob {
        z-index: 14;
    }

    header.site-header .tmenu-mob > button {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 40px;
        height: 40px;
        margin: 0;
        padding: 0;
        cursor: pointer;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.06);
        box-sizing: border-box;
    }

    header.site-header .tmenu-mob > button span {
        left: 50%;
        width: 20px;
        margin-left: -10px;
    }

    header.site-header .tmenu-mob > button span:nth-child(1) {
        top: 13px;
    }

    header.site-header .tmenu-mob > button span:nth-child(2) {
        top: 19px;
    }

    header.site-header .tmenu-mob > button span:nth-child(3) {
        top: 25px;
    }

    header.site-header .open .tmenu-mob > button {
        background: rgba(255, 255, 255, 0.12);
    }

    header.site-header .tmenu {
        display: none;
        position: fixed;
        z-index: 200;
        left: 8px;
        top: 8px;
        width: min(280px, calc(100vw - 16px));
        max-height: calc(100vh - 16px);
        overflow-y: auto;
        margin: 0;
        padding: 52px 8px 12px;
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
        flex-direction: column;
        gap: 0;
    }

    header.site-header .tmenu a {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        box-sizing: border-box;
        margin: 0;
        padding: 12px;
        color: #1f2937;
        background: none;
        border-radius: 8px;
        border-bottom: none;
    }

    header.site-header .tmenu a::before {
        content: "";
        flex: 0 0 auto;
        width: 5px;
        height: 5px;
        margin-top: 1px;
        border-right: 2px solid #9ca3af;
        border-bottom: 2px solid #9ca3af;
        transform: rotate(-45deg);
    }

    header.site-header .tmenu a + a {
        margin-top: 2px;
    }

    header.site-header .tmenu a:hover,
    header.site-header .tmenu a.active {
        color: #111;
        background-color: #f3f4f6;
    }

    header.site-header .tmenu a.active::before {
        border-color: #e91e63;
    }

    header.site-header .ht-contacts-bar {
        grid-area: contacts;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-width: 0;
        text-align: center;
    }

    header.site-header .header-top .ht-contacts-bar .ht-phone-mob {
        display: block !important;
        visibility: visible !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        box-sizing: border-box;
        margin: 0;
        padding: 0 4px;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.25;
        text-align: center;
        text-decoration: none !important;
        letter-spacing: 0.02em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border: none;
        border-radius: 0;
        background: none !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        pointer-events: auto !important;
        clip: auto !important;
    }

    header.site-header .header-top .ht-contacts-bar .ht-phone-mob,
    header.site-header .header-top .ht-contacts-bar .ht-phone-mob:link,
    header.site-header .header-top .ht-contacts-bar .ht-phone-mob:visited,
    header.site-header .header-top .ht-contacts-bar .ht-phone-mob:hover,
    header.site-header .header-top .ht-contacts-bar .ht-phone-mob:active,
    header.site-header .header-top .ht-contacts-bar .ht-phone-mob .ht-phone-mob-num {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    header.site-header .header-top .ht-contacts-bar .ht-phone-mob:hover {
        opacity: 0.92;
    }

    header.site-header .header-top .ht-contacts-bar .ht-phone-mob .ht-phone-mob-num {
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
        letter-spacing: inherit;
    }

    header.site-header .header-top .ht-contacts-bar .ht-phone-mob::before {
        content: none;
        display: none;
    }

    header.site-header .header-top .ht-contacts-bar > a[href^="tel:"]:not(.ht-phone-mob) {
        display: none !important;
    }

    header.site-header .ht-contacts-bar .tcallback {
        display: block;
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    header.site-header .ht-contacts-bar .tcallback .a-call,
    header.site-header .ht-contacts-bar .tcallback .a-call:link,
    header.site-header .ht-contacts-bar .tcallback .a-call:visited,
    header.site-header .ht-contacts-bar .tcallback .a-call:hover,
    header.site-header .ht-contacts-bar .tcallback .a-call span {
        color: var(--hdr-top-text) !important;
        -webkit-text-fill-color: var(--hdr-top-text);
    }

    header.site-header .ht-contacts-bar .tcallback .a-call {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding: 5px 12px;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.2;
        text-decoration: none !important;
        white-space: nowrap;
        border: 1px solid rgba(255, 255, 255, 0.22);
        border-radius: var(--hdr-radius-pill);
        background: rgba(255, 255, 255, 0.06) !important;
        transition: border-color var(--hdr-transition), background var(--hdr-transition);
    }

    header.site-header .ht-contacts-bar .tcallback .a-call::before {
        content: "";
        display: block;
        flex-shrink: 0;
        width: 14px;
        height: 14px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f3f4f6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    header.site-header .ht-contacts-bar .tcallback .a-call:hover {
        text-decoration: none !important;
        background: rgba(255, 255, 255, 0.1) !important;
    }

    header.site-header .ht-contacts-bar .tcallback .a-call span {
        border-bottom: none !important;
    }

    header.site-header .ht-right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        grid-area: profile;
        flex: none;
        order: unset;
        gap: 6px;
        float: none;
        width: auto;
        padding: 0;
        text-align: right;
    }

    header.site-header .ht-right.ht-logged {
        width: auto;
    }

    header.site-header .ht-right .user {
        display: none;
    }

    header.site-header .ht-right a.a-ht {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        margin: 0;
        padding: 0;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 10px;
        background-color: rgba(255, 255, 255, 0.06);
        background-image: none;
        box-sizing: border-box;
    }

    header.site-header .ht-right a.a-ht:hover {
        background-color: rgba(255, 255, 255, 0.12);
    }

    header.site-header .ht-right a.a-ht span {
        display: none;
    }

    header.site-header .ht-right a.a-login::before,
    header.site-header .ht-right a.a-cabinet::before,
    header.site-header .ht-right a.a-logout::before {
        width: 20px;
        height: 20px;
    }

    /* —— Основная строка: лого | поиск | иконки —— */
    header.site-header .header-bott {
        padding: 8px 10px 10px;
        border-bottom: 1px solid var(--hdr-border);
    }

    header.site-header .header-bott .wrapper {
        display: grid;
        grid-template-columns: 52px minmax(0, 1fr) auto;
        grid-template-areas: "logo search actions";
        gap: 6px 8px;
        align-items: center;
    }

    header.site-header .tphones-desk {
        display: none !important;
    }

    header.site-header #logo,
    header.site-header #logo-sticky {
        grid-area: logo;
        width: auto;
        max-width: none;
        min-width: 0;
        height: auto;
        min-height: 40px;
        max-height: none;
        overflow: visible;
        align-self: center;
        flex-shrink: 0;
    }

    header.site-header #logo a,
    header.site-header #logo-sticky .logo-sticky-link {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        height: 100%;
        min-height: 40px;
    }

    header.site-header #logo img {
        display: block;
        max-width: 100%;
        height: 56px;
        width: auto;
        object-fit: contain;
        object-position: left center;
    }

    header.site-header #logo-sticky .logo-sticky-wordmark {
        font-size: 16px;
    }

    header.site-header #logo-sticky {
        display: none;
    }

    header.site-header .tcenter {
        grid-area: search;
        width: 100% !important;
        max-width: none;
        margin-left: 0 !important;
        padding-top: 0;
        flex: none;
        flex-direction: row;
        align-items: center;
        gap: 0;
    }

    header.site-header .tsearch {
        position: static !important;
        top: auto !important;
        right: auto !important;
        z-index: auto;
        width: 100% !important;
        min-width: 0;
        max-width: none;
        flex: none;
    }

    header.site-header .srch-frm {
        min-height: 40px;
        padding: 3px 4px 3px 0;
        border-width: 1px;
    }

    header.site-header .srch-frm::before {
        flex: 0 0 36px;
        width: 36px;
        background-size: 18px 18px;
    }

    header.site-header #searchsw {
        height: 34px;
        font-size: 15px;
    }

    header.site-header #srchgo {
        flex: 0 0 34px;
        width: 34px;
        height: 34px;
        background-size: 18px 18px !important;
    }

    header.site-header .srch-fly-ex {
        display: none;
    }

    header.site-header .ti-right {
        grid-area: actions;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 4px;
        float: none;
        width: auto;
        padding-top: 0;
        margin-left: 0;
    }

    header.site-header .ti-blk {
        width: 40px;
        height: 40px;
    }

    header.site-header .tcart,
    header.site-header .twish {
        width: 40px;
        height: 40px;
        margin: 0;
    }

    header.site-header .tcart a,
    header.site-header .twish a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        padding: 0;
        font-size: 0;
        line-height: 0;
        border-radius: 10px;
        background-color: #f3f4f6;
    }

    header.site-header .tcart a::before,
    header.site-header .twish a::before {
        position: static;
        transform: none;
        width: 22px;
        height: 22px;
        margin: 0;
    }

    header.site-header .tcart > div.tcart-num,
    header.site-header .twish > div.twish-num {
        top: 0;
        right: 0;
    }

    header.site-header .tcart a span,
    header.site-header .twish a span {
        display: none;
    }

    /* —— Sticky на мобильном: одна компактная строка —— */
    header.site-header.sticky:not(.site-header--tmenu-open) .header-top {
        display: none;
    }

    header.site-header.sticky.site-header--tmenu-open .header-top {
        display: grid;
    }

    header.site-header.sticky .header-bott {
        padding: 6px 10px;
    }

    header.site-header.sticky .header-bott .wrapper {
        grid-template-columns: minmax(96px, auto) minmax(0, 1fr) auto;
        grid-template-areas: "logo search actions";
        gap: 6px 8px;
    }

    header.site-header.sticky #logo {
        display: none !important;
    }

    header.site-header.sticky #logo-sticky {
        display: flex !important;
        grid-area: logo;
        align-items: center;
        justify-content: flex-start;
        width: auto !important;
        max-width: none;
        min-width: 0;
        height: auto;
        min-height: 36px;
        max-height: none;
        overflow: visible !important;
        flex-shrink: 0;
    }

    header.site-header.sticky #logo-sticky .logo-sticky-link {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: auto;
        min-height: 36px;
    }

    header.site-header.sticky #logo-sticky .logo-sticky-wordmark {
        font-size: 15px;
        letter-spacing: -0.04em;
    }

    header.site-header.sticky .tcenter {
        grid-area: search;
        flex-direction: row;
        width: 100% !important;
    }

    header.site-header.sticky .tphones {
        display: none !important;
    }

    header.site-header.sticky .srch-frm {
        min-height: 36px;
    }

    header.site-header.sticky .srch-frm::before {
        flex: 0 0 32px;
        width: 32px;
        background-size: 16px 16px;
    }

    header.site-header.sticky #searchsw {
        height: 30px;
        font-size: 14px;
    }

    header.site-header.sticky #srchgo {
        width: 32px;
        height: 32px;
        flex: 0 0 32px;
        background-size: 16px 16px !important;
    }

    header.site-header.sticky .ti-right {
        grid-area: actions;
    }

    header.site-header.sticky .ti-blk {
        width: 36px;
        height: 36px;
    }

    header.site-header.sticky .tcart,
    header.site-header.sticky .twish {
        width: 36px;
        height: 36px;
    }

    header.site-header.sticky .tcart a,
    header.site-header.sticky .twish a {
        width: 36px;
        height: 36px;
        padding: 0;
    }

    header.site-header.sticky .tcart a::before,
    header.site-header.sticky .twish a::before {
        width: 20px;
        height: 20px;
    }

    header.site-header.sticky .tcart > div.tcart-num,
    header.site-header.sticky .twish > div.twish-num {
        top: -2px;
        right: -2px;
        min-width: 16px;
        height: 16px;
        padding: 0 4px;
        font-size: 10px;
        line-height: 14px;
    }

    .mpan.site-nav .wrapper {
        flex-direction: column;
        align-items: stretch;
        padding: 0 8px 8px;
        box-sizing: border-box;
    }

    .mpan.site-nav .mpan-mob {
        display: block !important;
        float: none;
        width: 100%;
        margin: 0;
        padding: 8px 0 0;
        box-sizing: border-box;
    }

    /* Текст — div (не span), иначе all.css #btn-mainmenu span рисует полоску на «Каталог» */
    .mpan.site-nav #btn-mainmenu {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        width: 100%;
        height: 48px;
        padding: 0 20px !important;
        box-sizing: border-box;
        position: relative;
        line-height: 1;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #ffffff;
        background: rgba(255, 255, 255, 0.08);
        border-radius: 8px;
        cursor: pointer;
    }

    .mpan.site-nav #btn-mainmenu:hover,
    .mpan.site-nav .mpan-mob.open #btn-mainmenu {
        background: rgba(255, 255, 255, 0.14);
    }

    .mpan.site-nav #btn-mainmenu .btn-mainmenu-icon {
        position: relative;
        flex: 0 0 22px;
        width: 22px;
        height: 16px;
    }

    .mpan.site-nav #btn-mainmenu .btn-mainmenu-text {
        flex: 0 0 auto;
        margin: 0;
        padding: 0;
        font-size: 15px;
        font-weight: 600;
        line-height: 1;
        white-space: nowrap;
        color: #ffffff;
    }

    .mpan.site-nav #btn-mainmenu .btn-mainmenu-icon .btn-mainmenu-bar {
        position: absolute;
        left: 0 !important;
        right: auto;
        width: 100% !important;
        height: 2px !important;
        margin: 0;
        padding: 0;
        border-radius: 2px;
        background-color: #ffffff !important;
        transition: transform 0.2s ease, top 0.2s ease, opacity 0.2s ease;
        transform: none;
        opacity: 1 !important;
    }

    .mpan.site-nav #btn-mainmenu .btn-mainmenu-icon .btn-mainmenu-bar:nth-child(1) {
        top: 0 !important;
    }

    .mpan.site-nav #btn-mainmenu .btn-mainmenu-icon .btn-mainmenu-bar:nth-child(2) {
        top: 7px !important;
    }

    .mpan.site-nav #btn-mainmenu .btn-mainmenu-icon .btn-mainmenu-bar:nth-child(3) {
        top: 14px !important;
    }

    .mpan.site-nav #btn-mainmenu.open .btn-mainmenu-icon .btn-mainmenu-bar:nth-child(1) {
        top: 7px !important;
        transform: rotate(45deg);
    }

    .mpan.site-nav #btn-mainmenu.open .btn-mainmenu-icon .btn-mainmenu-bar:nth-child(2) {
        top: 7px !important;
        left: 0 !important;
        opacity: 0 !important;
    }

    .mpan.site-nav #btn-mainmenu.open .btn-mainmenu-icon .btn-mainmenu-bar:nth-child(3) {
        top: 7px !important;
        transform: rotate(-45deg);
    }

    .mpan.site-nav .mainmenu-wrap {
        display: block;
        width: 100%;
    }

    .mpan.site-nav .mainmenu {
        display: none;
        width: 100%;
        max-width: none;
        margin-bottom: 0;
        padding: 6px 0 8px !important;
        border-left: none !important;
        border-right: none !important;
        border-radius: 0 0 8px 8px;
    }

    .mpan.site-nav .hmm_li-more {
        display: none !important;
    }

    .mpan.site-nav .hmm_li {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0 0 4px;
    }

    .mpan.site-nav .hmmdm a {
        border-radius: 8px;
        text-align: left;
        text-transform: none;
        font-size: 15px;
        font-weight: 500;
    }

    .mpan.site-nav .hmm_li--branch > .hmmdm::after {
        right: 16px;
        border-color: #555;
    }

    .mpan.site-nav .hmm_li--branch > .hmmdm.is-active::after {
        transform: rotate(-135deg);
        margin-top: -2px;
    }

    .mpan.site-nav .sub-menu {
        margin-top: 2px;
        padding: 12px 10px !important;
        border-radius: 8px;
        background: #f7f7f7 !important;
        box-shadow: none;
    }

    .mpan.site-nav .sub-column,
    .mpan.site-nav .sub-menu-colnum2 .sub-column,
    .mpan.site-nav .sub-menu-colnum3 .sub-column,
    .mpan.site-nav .sub-column:nth-child(2n+1),
    .mpan.site-nav .sub-column:nth-child(4n+1),
    .mpan.site-nav .sub-menu-colnum2 .sub-column:nth-child(2n+1),
    .mpan.site-nav .sub-menu-colnum3 .sub-column:nth-child(2n+1),
    .mpan.site-nav .sub-menu-colnum3 .sub-column:nth-child(3n+1) {
        float: none !important;
        width: 100% !important;
        margin-left: 0 !important;
    }

    .mpan.site-nav .sub-section {
        margin-bottom: 14px;
    }

    .mpan.site-nav .sub-section:last-child {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 550px) {
    header.site-header .header-top .wrapper {
        grid-template-columns: 40px minmax(0, 1fr) auto;
        padding: 5px 8px;
    }

    header.site-header .header-top .ht-contacts-bar .ht-phone-mob {
        font-size: 15px;
    }

    header.site-header .ht-contacts-bar .tcallback .a-call {
        font-size: 11px;
        padding: 4px 10px;
    }

    header.site-header .header-bott .wrapper {
        grid-template-columns: 52px minmax(0, 1fr) auto;
    }

    header.site-header.sticky .header-bott .wrapper {
        grid-template-columns: minmax(88px, auto) minmax(0, 1fr) auto;
    }

    header.site-header.sticky #logo-sticky .logo-sticky-wordmark {
        font-size: 14px;
    }

    header.site-header.sticky .header-bott {
        padding: 5px 8px;
    }
}

@media (prefers-reduced-motion: reduce) {
    header.site-header.sticky-none,
    header.site-header.sticky {
        animation: none;
    }

}

/* all.css: a { color: #2a2a2a } — номер только в чёрной полосе на мобильных */
@media only screen and (min-width: 801px) {
    header.site-header .header-top .ht-contacts-bar .ht-phone-mob,
    header.site-header .header-top .ht-contacts-bar > a[href^="tel:"] {
        display: none !important;
        visibility: hidden !important;
        position: absolute !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        clip: rect(0, 0, 0, 0) !important;
    }
}

/* Compact root labels: fit the complete catalog on a wide desktop. */
@media only screen and (min-width: 1201px) {
 .mpan.site-nav .mainmenu > .hmm_li:not(.hmm_li-more) > .hmmdm a {padding-left:8px;padding-right:8px;}
 .mpan.site-nav .mainmenu > .hmm_li--branch:not(.hmm_li-more) > .hmmdm a {padding-right:22px;}
 .mpan.site-nav .mainmenu > .hmm_li--branch > .hmmdm::after {right:8px;}
}


/* css/footer-modern.css */
/**
 * Современный футер — после all.css.
 */
footer.site-footer {
    clear: both;
    margin: 0;
    padding: 0 !important;
    background: #111827 !important;
    background-image: none !important;
    color: #e5e7eb;
}

footer.site-footer .site-footer-main > .wrapper,
footer.site-footer .site-footer-bottom > .wrapper {
    box-sizing: border-box;
    max-width: 100%;
}

footer.site-footer a {
    color: #f3f4f6;
    text-decoration: none;
    transition: color 0.2s ease;
}

footer.site-footer a:hover {
    color: #f8bbd0;
    text-decoration: none;
}

.site-footer-main {
    padding: 48px 0 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.site-footer-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 1.3fr;
    gap: 32px 40px;
    align-items: start;
}

.site-footer-brand {
    min-width: 0;
}

.site-footer-logo {
    display: inline-block;
    margin-bottom: 0;
}

.site-footer-logo img {
    display: block;
    width: 120px;
    height: auto;
    max-width: 100%;
}

.site-footer-title {
    margin: 0 0 16px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #fff;
}

.site-footer-links {
    margin: 0;
    padding: 0;
    list-style: none;
}

.site-footer-links li {
    margin: 0 0 10px;
}

.site-footer-links li:last-child {
    margin-bottom: 0;
}

.site-footer-links a {
    display: inline-block;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.45;
    color: #d1d5db;
    background: none !important;
}

.site-footer-links a:hover {
    color: #fff;
    text-decoration: none;
}

.site-footer-contact-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.site-footer-contact-item {
    font-size: 15px;
    line-height: 1.5;
    color: #d1d5db;
}

.site-footer-contact-item p {
    margin: 0;
    padding: 0;
    background: none !important;
    font-weight: 400;
    color: inherit;
}

.site-footer-contact-item--addr {
    padding-left: 0;
}

.site-footer-contact-item--addr::before {
    content: none;
    display: none;
}

.site-footer-contact-item--addr p {
    padding-left: 0 !important;
    background: none !important;
}

.site-footer-contact-label {
    display: none;
}

.site-footer-contacts .ft-cont p {
    position: relative;
    margin: 0 0 8px;
    padding: 0 0 0 28px;
    background: none !important;
    font-size: 15px;
    line-height: 1.45;
    color: #f3f4f6;
    font-weight: 500;
}

.site-footer-contacts .ft-cont p:last-child {
    margin-bottom: 0;
}

.site-footer-contacts .ft-cont p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23e91e63' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.site-footer-bottom {
    padding: 20px 0 24px;
    background: #0b0f17;
}

.site-footer-bottom-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px 24px;
}

.site-footer-social {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.site-footer-social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff !important;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.site-footer-social-link svg {
    width: 18px;
    height: 18px;
}

.site-footer-social-link:hover {
    transform: translateY(-2px);
    color: #fff !important;
}

.site-footer-social-link--fb:hover { background: #3b5998; border-color: #3b5998; }
.site-footer-social-link--ig:hover { background: #e1306c; border-color: #e1306c; }
.site-footer-social-link--ok:hover { background: #ee8208; border-color: #ee8208; }
.site-footer-social-link--vk:hover { background: #4a76a8; border-color: #4a76a8; }
.site-footer-social-link--tg:hover { background: #229ed9; border-color: #229ed9; }

.site-footer-copy {
    flex: 1 1 auto;
    margin: 0;
    min-width: 200px;
    font-size: 14px;
    line-height: 1.45;
    color: #9ca3af;
    text-align: center;
}

.site-footer-dev {
    flex: 0 0 auto;
    font-size: 13px;
    line-height: 1.4;
    color: #6b7280;
    text-align: right;
}

.site-footer-dev a {
    color: #9ca3af;
    border-bottom: 1px solid rgba(156, 163, 175, 0.35);
}

.site-footer-dev a:hover {
    color: #f3f4f6;
    border-bottom-color: #f3f4f6;
}

@media only screen and (max-width: 1024px) {
    footer.site-footer .site-footer-main > .wrapper,
    footer.site-footer .site-footer-bottom > .wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    .site-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 32px;
    }

    .site-footer-brand {
        grid-column: 1 / -1;
    }
}

@media only screen and (max-width: 640px) {
    footer.site-footer {
        margin-top: 8px;
    }

    footer.site-footer .site-footer-main > .wrapper,
    footer.site-footer .site-footer-bottom > .wrapper {
        padding-left: max(16px, env(safe-area-inset-left, 0px));
        padding-right: max(16px, env(safe-area-inset-right, 0px));
    }

    .site-footer-main {
        padding: 40px 0 32px;
    }

    .site-footer-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .site-footer-brand {
        grid-column: auto;
        text-align: center;
        padding-bottom: 4px;
    }

    .site-footer-col {
        padding: 0 2px;
    }

    .site-footer-title {
        margin-bottom: 14px;
    }

    .site-footer-links li {
        margin-bottom: 12px;
    }

    .site-footer-contact-list {
        gap: 16px;
    }

    .site-footer-logo img {
        margin: 0 auto;
    }

    .site-footer-bottom {
        padding: 22px 0 max(28px, env(safe-area-inset-bottom, 0px));
    }

    .site-footer-bottom-inner {
        flex-direction: column;
        align-items: center;
        gap: 18px 16px;
        text-align: center;
    }

    .site-footer-copy,
    .site-footer-dev {
        width: 100%;
        min-width: 0;
        text-align: center;
    }

    .site-footer-copy {
        padding: 0 4px;
    }

    .site-footer-social {
        justify-content: center;
        gap: 10px;
    }
}

@media only screen and (max-width: 400px) {
    footer.site-footer .site-footer-main > .wrapper,
    footer.site-footer .site-footer-bottom > .wrapper {
        padding-left: max(18px, env(safe-area-inset-left, 0px));
        padding-right: max(18px, env(safe-area-inset-right, 0px));
    }

    .site-footer-main {
        padding: 36px 0 28px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-footer-social-link {
        transition: none;
    }

    .site-footer-social-link:hover {
        transform: none;
    }
}

/* ——— Недавно просмотренные ——— */
.site-seen.carousel-seen {
    clear: both;
    margin: 0 0 28px;
    padding: 0;
    background: transparent;
}

.site-seen .site-seen-shell {
    padding: 28px 28px 24px;
    border: 1px solid #e5e7eb;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 10px 36px rgba(15, 23, 42, 0.06);
}

.site-seen-head {
    margin-bottom: 22px;
    text-align: center;
}

.site-seen-title {
    margin: 0;
    font-size: clamp(22px, 2.4vw, 28px);
    line-height: 1.2;
    font-weight: 800;
    color: #111827;
    text-transform: none;
    background: none;
    padding: 0;
}

.site-seen-slider-wrap {
    position: relative;
    margin: 0 -4px;
    overflow: visible;
}

.site-seen .slider-seen--modern {
    padding: 0 48px 36px;
    margin: 0;
    overflow: visible;
}

.site-seen .slider-seen--modern .slick-list {
    overflow: hidden;
    margin: 0 -8px;
    padding: 8px 0 12px;
}

.site-seen .slider-seen--modern .slick-slide {
    height: auto;
    padding: 0 8px;
    box-sizing: border-box;
    border-right: 0 !important;
    text-align: left;
    position: relative;
    z-index: 1;
}

.site-seen .slider-seen--modern .slick-slide:hover {
    z-index: 5;
}

.site-seen .slider-seen--modern .slick-slide > div {
    height: 100%;
    overflow: visible;
}

.site-seen-slide {
    height: 100%;
    position: relative;
    overflow: visible;
}

.site-seen .seen-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 320px;
    padding: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
    position: relative;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.site-seen .seen-card:hover {
    border-color: #f8bbd0;
    box-shadow: 0 12px 32px rgba(233, 30, 99, 0.12);
    transform: translateY(-3px);
    z-index: 2;
}

.site-seen .seen-card__img {
    flex: 0 0 auto;
    width: 100%;
    height: 156px;
    margin: 0 0 12px;
    padding: 8px;
    border-radius: 12px;
    background: #f9fafb;
}

.site-seen .seen-card__img a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
}

.site-seen .seen-card__img a::after {
    display: none;
}

.site-seen .seen-card__img a img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    vertical-align: middle;
}

.site-seen .seen-card__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.site-seen .seen-card__title {
    flex: 1 1 auto;
    min-height: 40px;
    max-height: 54px;
    margin-bottom: 10px;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 500;
}

.site-seen .seen-card__title a {
    display: block;
    padding: 0;
    height: auto;
    color: #111827;
    text-decoration: none;
}

.site-seen .seen-card__title a:hover {
    color: #e91e63;
    text-decoration: none;
}

.site-seen .seen-card__price {
    flex: 0 0 auto;
    margin-top: auto;
    padding: 0;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 600;
    color: #6b7280;
}

.site-seen .seen-card__price > span {
    font-size: 20px;
    font-weight: 800;
    color: #e91e63;
}

.site-seen .slider-seen--modern .slick-prev,
.site-seen .slider-seen--modern .slick-next {
    z-index: 2;
    top: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #e5e7eb;
    border-radius: 50%;
    background-color: #fff !important;
    background-image: none !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
    transform: translate(0, -50%);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.site-seen .slider-seen--modern .slick-prev {
    left: 0;
}

.site-seen .slider-seen--modern .slick-next {
    right: 0;
}

.site-seen .slider-seen--modern .slick-prev:hover,
.site-seen .slider-seen--modern .slick-next:hover {
    border-color: #f8bbd0;
    background-color: #fff5f8 !important;
}

.site-seen .slider-seen--modern .slick-prev::before,
.site-seen .slider-seen--modern .slick-next::before,
.site-seen .slider-seen--modern .slick-prev:before,
.site-seen .slider-seen--modern .slick-next:before {
    content: "" !important;
    display: block;
    width: 9px;
    height: 9px;
    margin: 0 !important;
    border: solid #374151;
    border-width: 0 2px 2px 0;
    opacity: 1;
    font-size: 0;
}

.site-seen .slider-seen--modern .slick-prev::before,
.site-seen .slider-seen--modern .slick-prev:before {
    transform: rotate(135deg);
}

.site-seen .slider-seen--modern .slick-next::before,
.site-seen .slider-seen--modern .slick-next:before {
    transform: rotate(-45deg);
}

.site-seen .slider-seen--modern .slick-dots {
    bottom: 0;
}

.site-seen .slider-seen--modern .slick-dots li button {
    width: 8px;
    height: 8px;
    background: #d1d5db !important;
}

.site-seen .slider-seen--modern .slick-dots li.slick-active button {
    width: 24px;
    border-radius: 999px;
    background: #e91e63 !important;
}

@media (max-width: 767px) {
    .site-seen .site-seen-shell {
        padding: 20px 16px 18px;
    }

    .site-seen .slider-seen--modern {
        padding: 0 36px 32px;
    }

    .site-seen .slider-seen--modern .slick-prev,
    .site-seen .slider-seen--modern .slick-next {
        width: 34px;
        height: 34px;
    }

    .site-seen .seen-card {
        min-height: 290px;
    }
}


/* css/dlg-modal-modern.css */
/**
 * Современные модальные окна: перезвон (calldlg), вход (logindlg)
 */
#dlg-flywnd .dlg-modal-modern .dlg-wnd-hdr {
    margin: 0 0 20px;
    padding: 0;
}

#dlg-flywnd .dlg-modal-modern .dlg-wnd-hdr .lbl-hdr {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.25;
    color: #111827;
}

#dlg-flywnd .dlg-modal-modern .dlg-wnd-hdr .lbl-hdr span {
    position: static;
    top: auto;
}

#dlg-flywnd .dlg-modal-modern .dlg-wnd-txt {
    padding: 0;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-form {
    padding: 0;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-field {
    display: block;
    margin: 0 0 14px;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-label {
    display: block;
    margin: 0 0 6px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    color: #4b5563;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 48px;
    padding: 0 16px 0 44px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    font-size: 15px;
    line-height: 1.2;
    color: #111827;
    background-color: #f9fafb;
    background-repeat: no-repeat;
    background-position: 14px 50%;
    background-size: 18px 18px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-input::placeholder {
    color: #9ca3af;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-input:focus {
    outline: none;
    border-color: #e91e63;
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(233, 30, 99, 0.12);
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-input--name {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E");
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-input--tel {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z'/%3E%3C/svg%3E");
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-input--login {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E");
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-input--pass {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z'/%3E%3C/svg%3E");
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-input.inp-error {
    border-color: #ef4444;
    color: #b91c1c;
    background-color: #fef2f2;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-err,
#dlg-flywnd .dlg-modal-modern .frmpop-err {
    display: none;
    margin: 0 0 12px;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 1.4;
    color: #b91c1c;
    background: #fef2f2;
    border-radius: 10px;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-forgot {
    margin: -4px 0 14px;
    text-align: right;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-forgot a {
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    color: #e91e63;
    border-bottom: 1px solid rgba(233, 30, 99, 0.35);
    transition: color 0.2s ease, border-color 0.2s ease;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-forgot a:hover {
    color: #c2185b;
    border-bottom-color: #c2185b;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-consent {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 2px 0 14px;
    cursor: pointer;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-consent input[type="checkbox"] {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin: 2px 0 0;
    accent-color: #e91e63;
    cursor: pointer;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-consent__text {
    font-size: 13px;
    line-height: 1.45;
    color: #4b5563;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-consent--error {
    padding: 8px 10px;
    border-radius: 10px;
    background: #fef2f2;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-consent--error .dlg-modal-consent__text {
    color: #b91c1c;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    margin: 8px 0 0;
    padding: 12px 20px;
    border: none;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    color: #fff !important;
    background: linear-gradient(135deg, #e91e63 0%, #c2185b 100%);
    box-shadow: 0 4px 14px rgba(233, 30, 99, 0.28);
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.2s ease, opacity 0.2s ease;
    box-sizing: border-box;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-submit:hover {
    text-decoration: none;
    opacity: 0.95;
    box-shadow: 0 6px 18px rgba(233, 30, 99, 0.34);
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-submit:active {
    transform: translateY(1px);
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-done {
    margin: 12px 0 0;
    padding: 16px;
    font-size: 15px;
    line-height: 1.45;
    text-align: center;
    color: #166534;
    background: #ecfdf5;
    border-radius: 12px;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-note {
    margin: 18px 0 0;
    padding: 14px 0 0;
    border-top: 1px solid #f0f0f0;
    font-size: 13px;
    line-height: 1.45;
    text-align: center;
    color: #6b7280;
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-note a {
    font-weight: 600;
    text-decoration: none;
    color: #e91e63;
    border-bottom: 1px solid rgba(233, 30, 99, 0.35);
}

#dlg-flywnd .dlg-modal-modern .dlg-modal-note a:hover {
    color: #c2185b;
    border-bottom-color: #c2185b;
}

#dlg-flywnd .dlg-modal-modern .popline {
    display: none;
}

#dlg-flywnd .dlg-modal-modern .frmpop-row,
#dlg-flywnd .dlg-modal-modern .frmpop-ico,
#dlg-flywnd .dlg-modal-modern .frmpop-inp,
#dlg-flywnd .dlg-modal-modern .frmpop-btn {
    display: none;
}

/* Оболочка диалога */
#dlg-flywnd:has(.dlg-modal-modern) .dlg-wnd-c {
    max-width: 440px;
    width: calc(100% - 32px);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.18);
}

#dlg-flywnd:has(.dlg-modal-modern) .dlg-wnd-in {
    padding: 24px 24px 20px;
}

#dlg-flywnd:has(.dlg-modal-modern) .dlg-wnd-close a {
    width: 36px;
    height: 36px;
    background: #f3f4f6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 18L18 6M6 6l12 12'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
    border-radius: 50%;
    opacity: 1;
}

#dlg-flywnd:has(.dlg-modal-modern) .dlg-wnd-close a span {
    display: none;
    border: none;
}

#dlg-flyfon.dlg-fon--modern {
    background: rgba(17, 24, 39, 0.55);
    opacity: 1;
}

@media only screen and (max-width: 480px) {
    #dlg-flywnd:has(.dlg-modal-modern) .dlg-wnd-in {
        padding: 20px 16px 16px;
    }

    #dlg-flywnd .dlg-modal-modern .dlg-wnd-hdr .lbl-hdr {
        font-size: 20px;
    }
}


/* css/cart-modal-modern.css */
/**
 * Модальное окно «В вашей корзине»
 */
#cart-flyfon.cart-fon--modern {
    position: fixed;
    inset: 0;
    z-index: 10040;
    background: rgba(17, 24, 39, 0.55);
    opacity: 1;
}

#cart-flywnd.cart-modal-modern {
    position: fixed;
    inset: 0;
    z-index: 10041;
    display: none;
    align-items: center;
    justify-content: center;
    margin: 0;
    width: auto;
    padding: 24px 16px;
    overflow: hidden;
    box-sizing: border-box;
}

#cart-flywnd.cart-modal-modern.is-open {
    display: flex;
}

#cart-flywnd.cart-modal-modern .cartwnd-c {
    width: min(560px, 100%);
    max-height: calc(100dvh - 48px);
    margin: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.2);
    overflow: hidden;
}

#cart-flywnd.cart-modal-modern .cartwnd-in {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: calc(100dvh - 48px);
    padding: 22px 22px 20px;
    overflow: hidden;
}

#cart-flywnd.cart-modal-modern .cartwnd-close {
    position: absolute;
    top: 14px;
    right: 14px;
    float: none;
    width: auto;
    z-index: 2;
}

#cart-flywnd.cart-modal-modern .cartwnd-close a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #f3f4f6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 18L18 6M6 6l12 12'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
    border-radius: 50%;
    opacity: 1;
    transition: background-color 0.2s ease;
}

#cart-flywnd.cart-modal-modern .cartwnd-close a:hover {
    background-color: #e5e7eb;
    color: inherit;
}

#cart-flywnd.cart-modal-modern .cartwnd-close a span {
    display: none;
    border: none;
}

#cart-flywnd.cart-modal-modern .cartwnd-hdr {
    flex-shrink: 0;
    padding: 0 44px 14px 0;
    font: inherit;
    border-bottom: 1px solid #f0f0f0;
}

#cart-flywnd.cart-modal-modern .cartwnd-title {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.25;
    color: #111827;
}

#cart-flywnd.cart-modal-modern .cartwnd-body {
    flex: 1 1 auto;
    min-height: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

#cart-flywnd.cart-modal-modern .cartwnd-loading,
#cart-flywnd.cart-modal-modern .cartwnd-body:not(:has(.lolist)) {
    padding: 28px 12px;
    font-size: 15px;
    line-height: 1.45;
    text-align: center;
    color: #6b7280;
}

#cart-flywnd.cart-modal-modern .cartwnd-loading {
    color: #9ca3af;
}

#cart-flywnd.cart-modal-modern .lolist {
    margin: 14px 0 0;
}

#cart-flywnd.cart-modal-modern .mclitem {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    grid-template-areas:
        "img text remove"
        "img actions remove";
    align-items: center;
    gap: 4px 10px;
    position: relative;
    margin-bottom: 8px;
    padding: 8px 36px 8px 8px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
    box-shadow: none;
}

#cart-flywnd.cart-modal-modern .mclitem:last-child {
    margin-bottom: 0;
}

#cart-flywnd.cart-modal-modern .mclitem-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 28px 16px 24px;
    min-height: 160px;
    text-align: center;
    border: 1px dashed #e5e7eb;
    border-radius: 12px;
    background: #f9fafb;
}

#cart-flywnd.cart-modal-modern .cart-empty__icon {
    width: 52px;
    height: 52px;
    margin-bottom: 12px;
    border-radius: 50%;
    background: #fce4ec url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23e91e63' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2 9m12-9l2 9M10 17h4'/%3E%3C/svg%3E") center / 26px 26px no-repeat;
}

#cart-flywnd.cart-modal-modern .cart-empty__title {
    margin: 0 0 6px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    color: #111827;
}

#cart-flywnd.cart-modal-modern .cart-empty__hint {
    margin: 0 0 16px;
    max-width: 260px;
    font-size: 14px;
    line-height: 1.45;
    color: #6b7280;
}

#cart-flywnd.cart-modal-modern .cart-empty__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 18px;
    border-radius: 999px;
    background: linear-gradient(135deg, #e91e63 0%, #c2185b 100%);
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(233, 30, 99, 0.22);
}

#cart-flywnd.cart-modal-modern .cart-empty__btn:hover {
    opacity: 0.95;
    text-decoration: none;
}

#cart-flywnd.cart-modal-modern .mclitem:has(> .mclitem-empty:only-child) {
    display: block;
    padding: 0;
    border: 0;
    background: transparent;
    grid-template-columns: none;
    grid-template-areas: none;
    box-shadow: none;
}

#cart-flywnd.cart-modal-modern .mcli_image {
    grid-area: img;
    float: none;
    flex: none;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #f9fafb;
    overflow: hidden;
}

#cart-flywnd.cart-modal-modern .mcli_image a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

#cart-flywnd.cart-modal-modern .mcli_image a img {
    max-width: 90%;
    max-height: 90%;
    width: auto;
    height: auto;
    object-fit: contain;
}

#cart-flywnd.cart-modal-modern .mcli_text {
    grid-area: text;
    float: none;
    flex: none;
    width: auto;
    min-width: 0;
    margin: 0;
}

#cart-flywnd.cart-modal-modern .mclit_title {
    margin: 0 0 2px;
    padding: 0;
    border: 0;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    text-transform: none;
}

#cart-flywnd.cart-modal-modern .mclit_title a {
    color: #111827;
    text-decoration: none;
}

#cart-flywnd.cart-modal-modern .mclit_title a:hover {
    color: #e91e63;
    text-decoration: none;
}

#cart-flywnd.cart-modal-modern .mclit_art {
    padding: 0;
    font-size: 11px;
    line-height: 1.25;
    color: #9ca3af;
}

#cart-flywnd.cart-modal-modern .mclit_actions {
    grid-area: actions;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    margin: 0;
    padding: 0;
    border: 0;
}

#cart-flywnd.cart-modal-modern .mclit_actions .mclit_price,
#cart-flywnd.cart-modal-modern .mclit_actions .mclit_total {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

#cart-flywnd.cart-modal-modern .mclit_actions .mclit_total {
    margin-left: auto;
    font-size: 14px;
    font-weight: 700;
    color: #e91e63;
}

#cart-flywnd.cart-modal-modern .mclit_price-wrap,
#cart-flywnd.cart-modal-modern .mclit_sum-wrap,
#cart-flywnd.cart-modal-modern .mclit_price-label {
    display: none;
}

#cart-flywnd.cart-modal-modern .mclit_tbl {
    display: none;
}

#cart-flywnd.cart-modal-modern .mclit_check {
    display: none;
}

#cart-flywnd.cart-modal-modern .mclitem .a-rem {
    grid-area: remove;
    position: static;
    align-self: start;
    top: auto;
    right: auto;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #f3f4f6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 18L18 6M6 6l12 12'/%3E%3C/svg%3E") center / 12px 12px no-repeat;
    opacity: 1;
    transition: background-color 0.2s ease;
}

#cart-flywnd.cart-modal-modern .mclitem .a-rem:hover {
    background-color: #fee2e2;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ef4444' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 18L18 6M6 6l12 12'/%3E%3C/svg%3E");
}

#cart-flywnd.cart-modal-modern .mclit_pack {
    margin: 8px 0;
    padding: 8px 10px;
    border-radius: 10px;
    background: #f9fafb;
    border: 1px solid #eef0f2;
}

#cart-flywnd.cart-modal-modern .mclit_pack_h {
    font-size: 12px;
    font-weight: 700;
    color: #e91e63;
}

#cart-flywnd.cart-modal-modern .mclit_coupon {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.4;
    color: #6b7280;
}

#cart-flywnd.cart-modal-modern .mclit_coupon > span {
    color: #e91e63;
    font-weight: 600;
}

#cart-flywnd.cart-modal-modern .mcltotal {
    position: sticky;
    bottom: 58px;
    z-index: 2;
    margin-top: 14px;
    padding: 14px 16px;
    font-size: 15px;
    line-height: 1.4;
    text-align: center;
    color: #374151;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 -6px 16px rgba(15, 23, 42, 0.06);
}

#cart-flywnd.cart-modal-modern .mcltotal-sum {
    font-size: 20px;
    font-weight: 700;
    color: #e91e63;
}

#cart-flywnd.cart-modal-modern .mclbonusi {
    margin: 12px 0 0;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
}

#cart-flywnd.cart-modal-modern .mclbonus-frm-in {
    padding: 14px 16px;
    background: none;
    font-size: 13px;
    line-height: 1.45;
    color: #4b5563;
}

#cart-flywnd.cart-modal-modern .mclbonus-frm h3 {
    margin: 0 0 6px;
    font-size: 15px;
    color: #e91e63;
}

#cart-flywnd.cart-modal-modern table.w100 {
    display: block;
    width: 100%;
    margin-top: 0;
    position: sticky;
    bottom: 0;
    z-index: 3;
    padding: 12px 0 calc(4px + env(safe-area-inset-bottom, 0px));
    background: #fff;
    border-top: 1px solid #f0f0f0;
    box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.08);
}

#cart-flywnd.cart-modal-modern table.w100 tbody,
#cart-flywnd.cart-modal-modern table.w100 tr {
    display: block;
    width: 100%;
}

#cart-flywnd.cart-modal-modern table.w100 tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

#cart-flywnd.cart-modal-modern table.w100 td {
    display: block;
    padding: 0;
}

#cart-flywnd.cart-modal-modern table.w100 td.ta_right {
    margin-left: auto;
}

#cart-flywnd.cart-modal-modern a.cart-back-ref {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 0;
    background: none;
    font-size: 14px;
    font-weight: 500;
    color: #6b7280;
    text-decoration: none;
    transition: color 0.2s ease;
}

#cart-flywnd.cart-modal-modern a.cart-back-ref::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 19l-7-7 7-7'/%3E%3C/svg%3E") center / contain no-repeat;
}

#cart-flywnd.cart-modal-modern a.cart-back-ref:hover {
    color: #111827;
}

#cart-flywnd.cart-modal-modern a.cart-back-ref span {
    border: 0;
}

#cart-flywnd.cart-modal-modern a.btn-order {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 22px;
    border: 0;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff !important;
    text-decoration: none;
    background: linear-gradient(135deg, #e91e63 0%, #c2185b 100%) !important;
    background-image: linear-gradient(135deg, #e91e63 0%, #c2185b 100%) !important;
    box-shadow: 0 4px 14px rgba(233, 30, 99, 0.28);
    transition: opacity 0.2s ease, box-shadow 0.2s ease;
}

#cart-flywnd.cart-modal-modern a.btn-order:hover {
    opacity: 0.95;
    box-shadow: 0 6px 18px rgba(233, 30, 99, 0.34);
    text-decoration: none;
}

#cart-flywnd.cart-modal-modern a.btn-order span {
    padding: 0;
    background: none;
    border: 0;
}

@media only screen and (max-width: 520px) {
    #cart-flywnd.cart-modal-modern {
        padding: 16px 10px;
    }

    #cart-flywnd.cart-modal-modern .cartwnd-c,
    #cart-flywnd.cart-modal-modern .cartwnd-in {
        max-height: calc(100dvh - 32px);
    }

    #cart-flywnd.cart-modal-modern .cartwnd-in {
        padding: 18px 16px 16px;
    }

    #cart-flywnd.cart-modal-modern .cartwnd-title {
        font-size: 20px;
    }

    #cart-flywnd.cart-modal-modern .mclitem {
        grid-template-columns: 56px minmax(0, 1fr);
        grid-template-areas:
            "img text"
            "actions actions";
        padding: 8px 8px 8px 8px;
    }

    #cart-flywnd.cart-modal-modern .mclitem .a-rem {
        position: absolute;
        top: 6px;
        right: 6px;
        grid-area: auto;
    }

    #cart-flywnd.cart-modal-modern .mcli_image {
        width: 56px;
        height: 56px;
    }

    #cart-flywnd.cart-modal-modern .mclit_actions {
        width: 100%;
    }

    #cart-flywnd.cart-modal-modern .mclit_actions .mclit_total {
        margin-left: auto;
    }

    #cart-flywnd.cart-modal-modern table.w100 tr {
        flex-direction: column;
        align-items: stretch;
    }

    #cart-flywnd.cart-modal-modern table.w100 td.ta_right {
        margin-left: 0;
    }

    #cart-flywnd.cart-modal-modern a.btn-order {
        width: 100%;
    }
}

#cart-flywnd.cart-modal-modern .cart-qty {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 3px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #f9fafb;
    flex-shrink: 0;
}

#cart-flywnd.cart-modal-modern .cart-qty .cart-qty__btn,
#cart-flywnd.cart-modal-modern .cart-qty .mclit-minus,
#cart-flywnd.cart-modal-modern .cart-qty .mclit-plus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    cursor: pointer;
    flex: 0 0 auto;
    transition: background-color 0.2s ease;
}

#cart-flywnd.cart-modal-modern .cart-qty .mclit-minus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23374151' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' d='M5 12h14'/%3E%3C/svg%3E");
}

#cart-flywnd.cart-modal-modern .cart-qty .mclit-plus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23374151' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
}

#cart-flywnd.cart-modal-modern .cart-qty .cart-qty__btn:hover,
#cart-flywnd.cart-modal-modern .cart-qty .mclit-minus:hover,
#cart-flywnd.cart-modal-modern .cart-qty .mclit-plus:hover {
    border: 0;
    background-color: #fff5f8;
    opacity: 1;
}

#cart-flywnd.cart-modal-modern .cart-qty__input,
#cart-flywnd.cart-modal-modern .cart-qty .imclit_price {
    width: 40px;
    height: 32px;
    padding: 0 4px;
    margin: 0;
    border: 0;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #111827;
    background: transparent;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}

#cart-flywnd.cart-modal-modern .cart-qty__input:focus,
#cart-flywnd.cart-modal-modern .cart-qty .imclit_price:focus {
    outline: none;
    background: #fff;
    border: 0;
    box-shadow: none;
}

#cart-flywnd.cart-modal-modern #cartwnd.is-loading {
    position: relative;
    opacity: 0.55;
    pointer-events: none;
}

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

body.cart-modal-open.product-page .product-buybox-inner {
    z-index: 1 !important;
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    #cart-flywnd.cart-modal-modern .cartwnd-close a,
    #cart-flywnd.cart-modal-modern .mclit-minus,
    #cart-flywnd.cart-modal-modern .mclit-plus,
    #cart-flywnd.cart-modal-modern a.btn-order {
        transition: none;
    }
}


/* css/product-modern.css */
/**
 * Страница товара AutoLealea — современный продающий UI.
 * Подключается после all.css на product.php.
 */
:root {
    --prod-accent: #e91e63;
    --prod-accent-hover: #c2185b;
    --prod-accent-soft: #fce4ec;
    --prod-text: #111827;
    --prod-muted: #6b7280;
    --prod-border: #e5e7eb;
    --prod-surface: #ffffff;
    --prod-bg: #f9fafb;
    --prod-radius: 16px;
    --prod-radius-sm: 10px;
    --prod-shadow: 0 4px 24px rgba(15, 23, 42, 0.08);
    --prod-shadow-lg: 0 12px 40px rgba(15, 23, 42, 0.12);
    --prod-transition: 0.2s ease;
}

/* ——— Хлебные крошки ——— */
body.product-page .product-breadcrumbs,
body.product-page .product-breadcrumbs.cbreadcrumbs {
    margin: 12px 0 16px;
    padding: 0;
    font-size: 13px;
    line-height: 1.5;
    color: #374151 !important;
}

body.product-page .product-breadcrumbs > div,
body.product-page .product-breadcrumbs.cbreadcrumbs > div {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    color: #374151 !important;
}

body.product-page .product-breadcrumbs a,
body.product-page .product-breadcrumbs.cbreadcrumbs > div a {
    color: #1f2937 !important;
    text-decoration: none;
    transition: color var(--prod-transition);
}

body.product-page .product-breadcrumbs a:hover,
body.product-page .product-breadcrumbs.cbreadcrumbs > div a:hover {
    color: var(--prod-accent) !important;
}

body.product-page .product-breadcrumbs > div:last-child,
body.product-page .product-breadcrumbs > div:last-child a {
    color: #111827 !important;
    font-weight: 500;
    cursor: default;
}

body.product-page .product-breadcrumbs span,
body.product-page .product-breadcrumbs .bc-sep {
    color: #9ca3af;
}

/* ——— Заголовок товара ——— */
body.product-page .product-header {
    margin-bottom: 20px;
}

body.product-page .product-brand {
    display: inline-block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--prod-accent);
    text-decoration: none;
    transition: color var(--prod-transition);
}

body.product-page .product-brand:hover {
    color: var(--prod-accent-hover);
    text-decoration: none;
}

body.product-page .product-title {
    margin: 0;
    padding: 0;
    font-size: clamp(22px, 3vw, 32px);
    line-height: 1.25;
    font-weight: 700;
    color: var(--prod-text);
    letter-spacing: -0.02em;
}

body.product-page h1.hdr {
    display: none;
}

/* ——— Карточка товара ——— */
body.product-page .product-card {
    display: grid;
    grid-template-columns: minmax(260px, 420px) minmax(0, 1fr);
    gap: 28px 36px;
    align-items: start;
    clear: both;
    margin-bottom: 24px;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

body.product-page #dcontent {
    margin-bottom: 0;
    max-width: 100%;
    min-width: 0;
}

body.product-page #content2 {
    display: flow-root;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

body.product-page #content2::before,
body.product-page #content2::after {
    display: none !important;
    content: none !important;
}

body.product-page .product-details-wrap {
    float: none !important;
    width: auto !important;
    max-width: 100%;
    min-width: 0;
}

body.product-page .product-details-wrap.ccard-r-2col {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
    gap: 20px;
    align-items: start;
}

body.product-page .product-details-wrap.ccard-r-2col .ccard-r-col {
    float: none !important;
    width: auto !important;
    clear: none !important;
    margin: 0 !important;
    min-width: 0;
}

body.product-page .product-details-wrap.ccard-r-2col::after {
    display: none !important;
    content: none !important;
}

body.product-page .product-details-wrap::before,
body.product-page .product-details-wrap::after {
    display: none !important;
    content: none !important;
}

body.product-page .ccard-r-2col .product-details {
    width: auto;
}

body.product-page .product-card::before,
body.product-page .product-card::after {
    display: none;
}

body.product-page .product-gallery {
    float: none;
    width: auto;
    max-width: 100%;
    min-width: 0;
    position: relative;
}

body.product-page .product-gallery .product-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 3;
}

body.product-page .product-details {
    float: none;
    width: auto;
    margin: 0;
}

/* ——— Бейджи ——— */
body.product-page .product-badge {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    line-height: 1;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

body.product-page .product-badge--sale {
    background: linear-gradient(135deg, #e91e63, #c2185b);
    color: #fff;
}

body.product-page .product-badge--new {
    background: linear-gradient(135deg, #10b981, #059669);
    color: #fff;
}

body.product-page .product-badge--hit {
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: #fff;
}

body.product-page .product-badge--soon {
    background: linear-gradient(135deg, #6366f1, #4f46e5);
    color: #fff;
}

/* ——— Галерея ——— */
body.product-page .product-gallery-slider {
    background: var(--prod-surface);
    border: 1px solid var(--prod-border);
    border-radius: var(--prod-radius);
    overflow: hidden;
    box-shadow: var(--prod-shadow);
}

body.product-page .product-gallery-slider .slick-slide {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 380px !important;
    margin-bottom: 0;
    background: #fff;
}

body.product-page .product-gallery-slider .slick-slide img {
    max-width: 100%;
    max-height: 340px;
    width: auto;
    height: auto;
    object-fit: contain;
}

body.product-page .product-gallery-slider .slick-dots {
    position: static;
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin: 0;
    padding: 14px 16px;
    background: var(--prod-bg);
    border-top: 1px solid var(--prod-border);
}

body.product-page .product-gallery-slider .slick-dots li {
    float: none;
    width: 56px;
    height: 56px;
    margin: 0;
    border: 2px solid transparent;
    border-radius: var(--prod-radius-sm);
    overflow: hidden;
    transition: border-color var(--prod-transition), box-shadow var(--prod-transition);
}

body.product-page .product-gallery-slider .slick-dots li.slick-active {
    border-color: var(--prod-accent);
    box-shadow: 0 0 0 2px var(--prod-accent-soft);
}

body.product-page .product-gallery-slider .slick-dots li button {
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background-size: cover !important;
    background-position: center !important;
}

body.product-page .product-gallery-slider .slick-prev,
body.product-page .product-gallery-slider .slick-next {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
    z-index: 2;
    transition: transform var(--prod-transition), background var(--prod-transition);
}

body.product-page .product-gallery-slider .slick-prev:hover,
body.product-page .product-gallery-slider .slick-next:hover {
    background: #fff;
    transform: scale(1.05);
}

body.product-page .product-gallery-slider .slick-prev {
    left: 12px;
}

body.product-page .product-gallery-slider .slick-next {
    right: 12px;
}

/* ——— Мета (артикул, отзывы, рейтинг) ——— */
body.product-page .product-meta {
    margin: 0;
    padding: 0;
    border: 0;
}

body.product-page .product-meta .ccard-ico {
    clear: none;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 12px 20px;
    padding: 0 !important;
    margin: 0;
    border: 0;
}

body.product-page .product-meta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 20px;
}

body.product-page .product-meta-row::after {
    display: none;
}

body.product-page .product-sku,
body.product-page .product-sku span {
    float: none;
    width: auto;
    font-size: 13px;
    color: #4b5563 !important;
}

body.product-page .product-reviews-link {
    float: none;
    width: auto;
    color: #4b5563;
}

body.product-page .product-reviews-link a,
body.product-page .product-reviews-link .a-resp {
    font-size: 13px;
    color: #4b5563 !important;
    text-decoration: none;
    padding: 0 !important;
    background: none !important;
    transition: color var(--prod-transition);
}

body.product-page .product-reviews-link a span {
    color: inherit !important;
}

body.product-page .product-reviews-link a:hover {
    color: var(--prod-accent) !important;
}

body.product-page .product-rating {
    float: none;
    width: auto;
}

body.product-page .product-rating a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
}

body.product-page .product-rating-stars {
    --rating: 0;
    display: inline-flex;
    gap: 2px;
    font-size: 14px;
    letter-spacing: 1px;
    color: #fbbf24;
}

body.product-page .product-rating-stars::before {
    content: "★★★★★";
    background: linear-gradient(90deg, #fbbf24 calc(var(--rating, 0) * 20%), #e5e7eb calc(var(--rating, 0) * 20%));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

body.product-page .product-rating-num {
    font-size: 13px;
    font-weight: 600;
    color: var(--prod-text);
}

/* ——— Блок покупки ——— */
body.product-page .product-details {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* С 1201px: wrapper снова 1180; ниже (≤1200) wrapper 800–1000 — buybox+2 trust в ряд не влезают */
@media (min-width: 1201px) {
    body.product-page .product-details {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(260px, 300px);
        grid-template-rows: auto auto auto;
        gap: 12px 24px;
        align-items: start;
    }

    body.product-page .product-meta {
        grid-column: 1;
        grid-row: 1;
    }

    body.product-page .product-short-desc {
        grid-column: 1;
        grid-row: 2;
    }

    body.product-page .product-trust {
        grid-column: 1;
        grid-row: 3;
        /* рядом с buybox две колонки trust слишком узкие — столбиком */
        grid-template-columns: 1fr;
    }

    body.product-page .product-sidebar {
        grid-column: 2;
        grid-row: 1 / 4;
        align-self: start;
        position: sticky;
        top: 88px;
        z-index: 2;
        display: flex;
        flex-direction: column;
        gap: 12px;
        /* место под вертикальный ярлык Jivo справа */
        padding-right: 8px;
    }

    body.product-page .product-buybox {
        margin: 0;
    }

    body.product-page .product-buybox-installment {
        padding-right: 36px;
    }
}

@media (min-width: 1400px) {
    body.product-page .product-trust {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

body.product-page .product-buybox {
    margin: 0;
}

body.product-page .product-sidebar {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

body.product-page .product-buybox-inner {
    background: var(--prod-surface);
    border: 1px solid var(--prod-border);
    border-radius: var(--prod-radius);
    padding: 20px;
    box-shadow: var(--prod-shadow-lg);
    display: flex;
    flex-direction: column;
    gap: 14px;
}

@media (min-width: 1201px) {
    body.product-page .product-buybox-inner {
        position: static;
    }
}

body.product-page .product-buybox-meta {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

body.product-page .product-buybox-status {
    margin: 0;
}

body.product-page .product-buybox-avail {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    align-self: flex-start;
    max-width: 100%;
    padding: 9px 14px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.01em;
}

body.product-page .product-buybox-avail__dot {
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

body.product-page .product-buybox-avail__text {
    color: inherit;
}

body.product-page .product-buybox-avail-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

body.product-page .product-buybox-avail--stores {
    color: #1e3a8a;
    background: linear-gradient(135deg, rgba(219, 234, 254, 0.95), rgba(239, 246, 255, 0.9));
    border: 1px solid rgba(59, 130, 246, 0.28);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
}

body.product-page .product-buybox-avail--stores .product-buybox-avail__text {
    font-weight: 600;
}

body.product-page .product-buybox-avail--in,
body.product-page .product-buybox-avail--low,
body.product-page .product-buybox-avail--high {
    color: #166534;
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.16), rgba(34, 197, 94, 0.08));
    border: 1px solid rgba(34, 197, 94, 0.28);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
}

body.product-page .product-buybox-avail--low {
    color: #92400e;
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.2), rgba(251, 191, 36, 0.08));
    border-color: rgba(245, 158, 11, 0.35);
}

body.product-page .product-buybox-avail--high {
    color: #14532d;
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.24), rgba(16, 185, 129, 0.12));
    border-color: rgba(16, 185, 129, 0.4);
    font-weight: 700;
}

body.product-page .product-buybox-avail--in .product-buybox-avail__dot,
body.product-page .product-buybox-avail--low .product-buybox-avail__dot,
body.product-page .product-buybox-avail--high .product-buybox-avail__dot {
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.22);
    animation: product-buybox-avail-pulse 2s ease-in-out infinite;
}

body.product-page .product-buybox-avail--low .product-buybox-avail__dot {
    background: #f59e0b;
    box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.22);
}

body.product-page .product-buybox-avail--high .product-buybox-avail__dot {
    background: #10b981;
    box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.24);
}

body.product-page .product-stock-disclaimer {
    margin: 0 0 14px;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(245, 158, 11, 0.35);
    background: linear-gradient(135deg, rgba(254, 243, 199, 0.45), rgba(255, 251, 235, 0.9));
    color: #92400e;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 500;
}

body.product-page .product-stock-shops__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 10px;
}

body.product-page .product-stock-shop__body {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    min-height: 100%;
    padding: 12px 14px;
    border: 1.5px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

body.product-page .product-stock-shop__info {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    flex: 1 1 auto;
}

body.product-page .product-stock-shop__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    color: #111827;
}

body.product-page .product-stock-shop__addr {
    font-size: 12px;
    line-height: 1.4;
    color: #374151;
}

body.product-page .product-stock-shop__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
    margin-top: 2px;
    font-size: 11px;
    line-height: 1.35;
    color: #6b7280;
}

body.product-page .product-stock-shop--high .product-stock-shop__body {
    border-color: rgba(16, 185, 129, 0.35);
    background: linear-gradient(135deg, rgba(220, 252, 231, 0.55), rgba(255, 255, 255, 0.98));
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
}

body.product-page .product-stock-shop--low .product-stock-shop__body {
    border-color: rgba(245, 158, 11, 0.35);
    background: linear-gradient(135deg, rgba(254, 243, 199, 0.45), rgba(255, 255, 255, 0.98));
}

body.product-page .product-stock-shop--none .product-stock-shop__body {
    border-color: #eceff3;
    background: #fafafa;
    opacity: 0.92;
}

body.product-page .product-stock-shop__body .product-stock-level {
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: 1px;
    white-space: nowrap;
}

body.product-page .product-stock-table .product-stock-level,
body.product-page .product-stock-shop__body .product-stock-level {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
}

body.product-page .product-stock-level--none {
    color: #b91c1c;
    background: rgba(254, 226, 226, 0.9);
}

body.product-page .product-stock-level--low {
    color: #92400e;
    background: rgba(254, 243, 199, 0.95);
}

body.product-page .product-stock-level--high {
    color: #166534;
    background: rgba(220, 252, 231, 0.95);
}

body.product-page .product-buybox-avail--out {
    color: #b91c1c;
    background: linear-gradient(135deg, rgba(254, 226, 226, 0.98), rgba(252, 165, 165, 0.42));
    border: 1px solid rgba(239, 68, 68, 0.5);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset, 0 4px 16px rgba(239, 68, 68, 0.16);
    align-self: stretch;
    justify-content: center;
    font-size: 15px;
    font-weight: 700;
}

body.product-page .product-buybox-avail--out .product-buybox-avail__dot {
    position: relative;
    width: 11px;
    height: 11px;
    background: #f97316;
    box-shadow: 0 0 0 4px rgba(249, 115, 22, 0.28), 0 0 12px rgba(249, 115, 22, 0.55);
    animation: product-buybox-avail-out-pulse 1.4s ease-in-out infinite;
}

body.product-page .product-buybox-avail--out .product-buybox-avail__dot::after {
    content: "";
    position: absolute;
    inset: -3px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(251, 146, 60, 0.55) 0%, rgba(251, 146, 60, 0) 72%);
}

body.product-page .product-buybox-avail--archive {
    color: #6b7280;
    background: linear-gradient(135deg, rgba(107, 114, 128, 0.14), rgba(107, 114, 128, 0.06));
    border: 1px solid rgba(107, 114, 128, 0.22);
}

body.product-page .product-buybox-avail--archive .product-buybox-avail__dot {
    background: #9ca3af;
    box-shadow: 0 0 0 4px rgba(156, 163, 175, 0.18);
}

@keyframes product-buybox-avail-out-pulse {
    0%, 100% {
        box-shadow: 0 0 0 4px rgba(249, 115, 22, 0.28), 0 0 10px rgba(249, 115, 22, 0.45);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 0 8px rgba(249, 115, 22, 0.1), 0 0 16px rgba(249, 115, 22, 0.65);
        transform: scale(1.08);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.product-page .product-buybox-avail--out .product-buybox-avail__dot {
        animation: none;
    }
}

@keyframes product-buybox-avail-pulse {
    0%, 100% {
        box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.22);
    }
    50% {
        box-shadow: 0 0 0 7px rgba(34, 197, 94, 0.08);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.product-page .product-buybox-avail--in .product-buybox-avail__dot {
        animation: none;
    }
}

body.product-page .product-buybox-price {
    margin-bottom: 0;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--prod-border);
}

body.product-page .product-buybox-meta .product-buybox-price {
    padding-bottom: 0;
    border-bottom: 0;
}

body.product-page .product-buybox-price .ccard-bonus {
    float: none;
    width: 100%;
    margin-top: 10px;
    padding: 10px 0 0;
    border-left: 0;
    box-sizing: border-box;
}

body.product-page .product-buybox-price .ccard-pr {
    float: none;
    padding: 0;
    margin: 0;
    border: 0;
}

body.product-page .product-buybox-price .ccard-pr-old {
    margin-bottom: 4px;
}

body.product-page .product-buybox-price .ccard-cost-old {
    display: block;
    margin-bottom: 4px;
    font-size: 15px;
    color: var(--prod-muted);
}

body.product-page .product-buybox-price .ccard-cost {
    display: flex;
    align-items: baseline;
    flex-wrap: nowrap;
    gap: 6px;
    font-size: 18px;
    font-weight: 600;
    color: var(--prod-muted);
    line-height: 1;
    white-space: nowrap;
}

body.product-page .product-buybox-price .ccard-cost > span {
    display: inline;
    margin: 0;
    font-size: clamp(28px, 4vw, 34px);
    font-weight: 800;
    color: var(--prod-text);
    letter-spacing: -0.03em;
    line-height: 1;
}

body.product-page .product-buybox-price .ccard-pr-old .ccard-cost > span {
    color: var(--prod-accent);
}

body.product-page .product-buybox-foot {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--prod-border);
}

body.product-page .product-wish {
    float: none;
    width: 100%;
    padding: 0;
    margin: 0;
}

body.product-page .product-wish-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 44px;
    padding: 10px 16px;
    border: 1px solid #f3c4d4;
    border-radius: var(--prod-radius-sm);
    background: #fffafb;
    color: var(--prod-accent) !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    transition: border-color var(--prod-transition), color var(--prod-transition), background var(--prod-transition), box-shadow var(--prod-transition);
}

body.product-page .product-wish-btn:hover {
    border-color: #f8bbd0;
    color: var(--prod-accent) !important;
    background: var(--prod-accent-soft);
}

body.product-page .product-wish-btn.is-in-wishlist {
    border-color: #f8bbd0;
    color: var(--prod-accent) !important;
    background: #fff5f8;
}

body.product-page .product-wish-btn__icon {
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23e91e63' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z'/%3E%3C/svg%3E") center / contain no-repeat;
}

body.product-page .product-wish-btn.a-wish {
    background-image: none !important;
}

body.product-page .product-wish-btn.a-wish > span.product-wish-btn__icon,
body.product-page .product-wish-btn.a-wish > span.product-wish-btn__text {
    width: auto;
    height: auto;
    background-image: none;
}

body.product-page .product-wish-btn.a-wish > span.product-wish-btn__icon {
    display: block;
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23e91e63' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

body.product-page .product-wish-btn.a-wish > span.product-wish-btn__text {
    display: inline;
    background: none;
}

body.product-page .product-wish-btn.is-in-wishlist .product-wish-btn__icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e91e63'%3E%3Cpath d='M4.318 6.318a4.5 4.5 0 016.364 0L12 7.636l1.318-1.318a4.5 4.5 0 116.364 6.364L12 20.364l-7.682-7.682a4.5 4.5 0 010-6.364z'/%3E%3C/svg%3E");
}

body.product-page .product-wish-btn__text {
    display: inline;
}

body.product-page .product-wish-btn > span:not(.product-wish-btn__icon):not(.product-wish-btn__text) {
    display: none;
}

body.product-page .product-buybox-cta {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

body.product-page .product-buybox-cta-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

body.product-page .product-buybox-cta-row--tdrive {
    width: 100%;
}

body.product-page .product-buybox-cta::after {
    display: none;
}

body.product-page .product-buybox .ccard-buy,
body.product-page .product-buybox .ccard-buy-dop {
    float: none;
    width: 100%;
    position: relative;
}

body.product-page .product-buybox .ccard-buy-dop {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

body.product-page .product-buybox a.btn-buy,
body.product-page .product-buybox div.btn-buy,
body.product-page .product-buybox input.btn-buy {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    padding: 16px 24px;
    border: 0;
    border-radius: var(--prod-radius-sm);
    background: linear-gradient(135deg, var(--prod-accent), var(--prod-accent-hover));
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: none;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(233, 30, 99, 0.35);
    transition: transform var(--prod-transition), box-shadow var(--prod-transition), filter var(--prod-transition);
}

body.product-page .product-buybox a.btn-buy:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(233, 30, 99, 0.45);
    filter: brightness(1.05);
}

body.product-page .product-buybox a.btn-buy span,
body.product-page .product-buybox div.btn-buy span {
    background: none;
    padding: 0;
}

body.product-page .product-buybox a.btn-buy-1click {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    padding: 14px 20px;
    border: 2px solid var(--prod-border);
    border-radius: var(--prod-radius-sm);
    background: transparent;
    color: var(--prod-text);
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    text-decoration: none;
    transition: border-color var(--prod-transition), color var(--prod-transition), background var(--prod-transition);
}

body.product-page .product-buybox a.btn-buy-1click:hover {
    border-color: var(--prod-accent);
    color: var(--prod-accent);
    background: var(--prod-accent-soft);
}

body.product-page .product-buybox a.btn-buy-1click span {
    background: none;
    padding: 0;
}

body.product-page .product-testdrive-btn__label--short {
    display: none;
}

body.product-page .product-buy-btn__label--short {
    display: none;
}

body.product-page .product-buybox-tdrive {
    width: 100%;
}

body.product-page .product-buybox div.btn-buy-gray {
    background: #e5e7eb;
    color: #9ca3af;
    box-shadow: none;
}

/* ——— Остались вопросы? (под блоком покупки) ——— */
body.product-page .product-buybox-help {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    margin-top: 0;
    padding: 18px 20px;
    border: 1px solid var(--prod-border);
    border-radius: var(--prod-radius);
    background: linear-gradient(180deg, #fff 0%, var(--prod-bg) 100%);
    box-shadow: var(--prod-shadow);
}

body.product-page .product-buybox--help-only .product-buybox-help,
body.product-page .product-sidebar--help-only .product-buybox-help {
    margin-top: 0;
}

body.product-page .product-buybox-help__title {
    margin: 0 0 12px;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 800;
    color: var(--prod-text);
    text-transform: none;
}

body.product-page .product-buybox-help__label,
body.product-page .product-buybox-help__note {
    margin: 0 0 8px;
    font-size: 13px;
    line-height: 1.45;
    color: var(--prod-muted);
}

body.product-page .product-buybox-help__note {
    margin-top: 12px;
    margin-bottom: 12px;
}

body.product-page .product-buybox-help__phones {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

body.product-page .product-buybox-help__phone {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 800;
    color: var(--prod-text);
    text-decoration: none;
    letter-spacing: -0.02em;
    transition: color var(--prod-transition);
}

body.product-page .product-buybox-help__phone:hover {
    color: var(--prod-accent);
}

body.product-page .product-buybox-help__phones-more p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--prod-text);
    background: none;
}

body.product-page .product-buybox-help__callback {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    padding: 0 16px;
    border: 2px solid var(--prod-border);
    border-radius: var(--prod-radius-sm);
    background: #fff;
    color: var(--prod-text) !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    box-sizing: border-box;
    transition: border-color var(--prod-transition), color var(--prod-transition), background var(--prod-transition);
}

body.product-page .product-buybox-help__callback span {
    border: 0;
    padding: 0;
    background: none;
}

body.product-page .product-buybox-help__callback:hover {
    border-color: var(--prod-accent);
    color: var(--prod-accent) !important;
    background: var(--prod-accent-soft);
}

body.product-page .product-buybox-help__callback::before {
    content: "";
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23e91e63' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* ——— Модалка «Купить в 1 клик» ——— */
body.product-1click-open {
    overflow: hidden;
}

body.product-page #buy1click.product-1click-modal {
    display: flex !important;
    position: fixed !important;
    inset: 0 !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 20px 16px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    z-index: 1300 !important;
}

body.product-page .product-1click-modal {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 16px;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.22s ease, visibility 0.22s ease;
}

body.product-page .product-1click-modal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

body.product-page .product-1click-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(17, 24, 39, 0.55);
    backdrop-filter: blur(4px);
}

body.product-page .product-1click-modal__panel {
    position: relative;
    z-index: 1;
    width: min(100%, 480px);
    max-height: calc(100vh - 40px);
    overflow: auto;
    padding: 24px 24px 22px;
    border: 1px solid var(--prod-border);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.22);
    transform: translateY(12px) scale(0.98);
    transition: transform 0.22s ease;
}

body.product-page #buy1clickc.product-1click-modal__form {
    display: block !important;
    padding: 0 !important;
}

body.product-page #buy1clickr.product-1click-modal__result {
    padding: 0 !important;
    text-align: left;
}

body.product-page .product-1click-modal.is-open .product-1click-modal__panel {
    transform: translateY(0) scale(1);
}

body.product-page .product-1click-modal__close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--prod-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 18L18 6M6 6l12 12'/%3E%3C/svg%3E") center / 18px no-repeat;
    cursor: pointer;
    transition: background-color var(--prod-transition);
}

body.product-page .product-1click-modal__close:hover {
    background-color: #f3f4f6;
}

body.product-page .product-1click-modal__badge {
    display: inline-flex;
    margin: 0 0 10px;
    padding: 5px 10px;
    border-radius: 999px;
    background: var(--prod-accent-soft);
    color: var(--prod-accent);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body.product-page .product-1click-modal__title {
    margin: 0 0 8px;
    padding-right: 36px;
    font-size: clamp(22px, 4vw, 26px);
    line-height: 1.2;
    font-weight: 800;
    color: var(--prod-text);
}

body.product-page .product-1click-modal__sub {
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
    color: var(--prod-muted);
}

body.product-page .product-1click-modal__product {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 16px;
    padding: 14px 16px;
    border: 1px solid var(--prod-border);
    border-radius: var(--prod-radius-sm);
    background: var(--prod-bg);
}

body.product-page .product-1click-modal__product-name {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
    color: var(--prod-text);
}

body.product-page .product-1click-modal__product-price {
    font-size: 22px;
    line-height: 1.2;
    font-weight: 800;
    color: var(--prod-accent);
}

body.product-page .product-1click-modal__form {
    margin-top: 18px;
}

body.product-page .product-1click-modal__label {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--prod-text);
}

body.product-page .product-1click-modal__input,
body.product-page #phone1c.product-1click-modal__input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: auto;
    padding: 14px 16px;
    border: 1px solid var(--prod-border);
    border-radius: var(--prod-radius-sm);
    background: #fff;
    color: var(--prod-text);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.02em;
    outline: none;
    transition: border-color var(--prod-transition), box-shadow var(--prod-transition);
}

body.product-page .product-1click-modal__input:focus {
    border-color: #f8bbd0;
    box-shadow: 0 0 0 3px var(--prod-accent-soft);
}

body.product-page .product-1click-modal__error,
body.product-page #err1click.product-1click-modal__error {
    display: none;
    margin: 10px 0 0;
    padding: 0;
    color: #dc2626;
    font-size: 13px;
    line-height: 1.45;
}

body.product-page .product-1click-modal__submit,
body.product-page #btn1click.product-1click-modal__submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 14px;
    padding: 16px 20px;
    border: 0;
    border-radius: var(--prod-radius-sm);
    background: linear-gradient(135deg, var(--prod-accent), var(--prod-accent-hover)) !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 8px 22px rgba(233, 30, 99, 0.28);
    transition: filter var(--prod-transition), box-shadow var(--prod-transition);
}

body.product-page .product-1click-modal__submit:hover {
    filter: brightness(1.05);
    box-shadow: 0 10px 26px rgba(233, 30, 99, 0.34);
}

body.product-page .form-pd-consent,
body.product-page .product-1click-modal__form .form-pd-consent,
body.product-page .product-testdrive-modal__form .form-pd-consent {
    margin: 0 0 12px;
    font-size: 12px;
    line-height: 1.45;
    color: var(--prod-muted);
}

body.product-page .product-testdrive-modal__form .form-pd-consent {
    margin-top: 2px;
}

body.product-page .product-1click-modal__trust {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
}

body.product-page .product-1click-modal__trust li {
    position: relative;
    padding-left: 22px;
    font-size: 13px;
    line-height: 1.45;
    color: var(--prod-muted);
}

body.product-page .product-1click-modal__trust li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2310b981' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center / contain no-repeat;
}

body.product-page .product-1click-modal__result,
body.product-page #buy1clickr.product-1click-modal__result {
    display: none;
    margin-top: 18px;
    padding: 18px 16px;
    border-radius: var(--prod-radius-sm);
    background: var(--prod-bg);
    font-size: 15px;
    line-height: 1.6;
    color: var(--prod-text);
    text-align: center;
}

body.product-page .product-1click-modal__result:not(:empty),
body.product-page #buy1clickr.product-1click-modal__result:not(:empty) {
    display: block;
}

body.product-page .product-1click-modal__wait {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    font-size: 15px;
    color: var(--prod-muted);
}

body.product-page .product-1click-modal__spinner {
    width: 32px;
    height: 32px;
    border: 3px solid #f3c4d4;
    border-top-color: var(--prod-accent);
    border-radius: 50%;
    animation: product-1click-spin 0.8s linear infinite;
}

@keyframes product-1click-spin {
    to { transform: rotate(360deg); }
}

/* ——— Модалка «Записаться на тест-драйв» ——— */
body.product-testdrive-open {
    overflow: hidden;
}

body.product-page .product-testdrive-modal {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 16px;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.22s ease, visibility 0.22s ease;
}

body.product-page .product-testdrive-modal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

body.product-page .product-testdrive-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(17, 24, 39, 0.55);
    backdrop-filter: blur(4px);
}

body.product-page .product-testdrive-modal__panel {
    position: relative;
    z-index: 1;
    width: min(100%, 480px);
    max-height: calc(100vh - 40px);
    overflow: auto;
    padding: 24px 24px 22px;
    border: 1px solid var(--prod-border);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.22);
    transform: translateY(12px) scale(0.98);
    transition: transform 0.22s ease;
}

body.product-page .product-testdrive-modal.is-open .product-testdrive-modal__panel {
    transform: translateY(0) scale(1);
}

body.product-page .product-testdrive-modal__close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--prod-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 18L18 6M6 6l12 12'/%3E%3C/svg%3E") center / 18px no-repeat;
    cursor: pointer;
    transition: background-color var(--prod-transition);
}

body.product-page .product-testdrive-modal__close:hover {
    background-color: #f3f4f6;
}

body.product-page .product-testdrive-modal__badge {
    display: inline-flex;
    margin: 0 0 10px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #ecfdf5;
    color: #059669;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body.product-page .product-testdrive-modal__title {
    margin: 0 0 8px;
    padding-right: 36px;
    font-size: clamp(22px, 4vw, 26px);
    line-height: 1.2;
    font-weight: 800;
    color: var(--prod-text);
}

body.product-page .product-testdrive-modal__sub {
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
    color: var(--prod-muted);
}

body.product-page .product-testdrive-modal__product {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 16px;
    padding: 14px 16px;
    border: 1px solid var(--prod-border);
    border-radius: var(--prod-radius-sm);
    background: var(--prod-bg);
}

body.product-page .product-testdrive-modal__product-name {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
    color: var(--prod-text);
}

body.product-page .product-testdrive-modal__form {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 18px;
}

body.product-page .product-testdrive-modal__label {
    display: block;
    margin-bottom: -6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--prod-text);
}

body.product-page .product-testdrive-modal__input,
body.product-page .product-testdrive-modal__select {
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: auto;
    padding: 14px 16px;
    border: 1px solid var(--prod-border);
    border-radius: var(--prod-radius-sm);
    background: #fff;
    color: var(--prod-text);
    font-size: 16px;
    line-height: 1.3;
    transition: border-color var(--prod-transition), box-shadow var(--prod-transition);
}

body.product-page .product-testdrive-modal__select {
    appearance: none;
    padding-right: 42px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 18px;
}

body.product-page .product-testdrive-modal__input:focus,
body.product-page .product-testdrive-modal__select:focus {
    outline: none;
    border-color: var(--prod-accent);
    box-shadow: 0 0 0 3px var(--prod-accent-soft);
}

body.product-page .product-testdrive-modal__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 4px;
}

body.product-page .product-testdrive-modal__submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    padding: 0 18px;
    border: 0;
    border-radius: var(--prod-radius-sm);
    background: linear-gradient(135deg, var(--prod-accent), var(--prod-accent-hover));
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(233, 30, 99, 0.35);
    transition: transform var(--prod-transition), box-shadow var(--prod-transition), filter var(--prod-transition);
}

body.product-page .product-testdrive-modal__submit:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(233, 30, 99, 0.45);
    filter: brightness(1.05);
}

body.product-page .product-testdrive-modal__cancel {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    padding: 0 18px;
    border: 2px solid var(--prod-border);
    border-radius: var(--prod-radius-sm);
    background: #fff;
    color: var(--prod-text);
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color var(--prod-transition), color var(--prod-transition), background var(--prod-transition);
}

body.product-page .product-testdrive-modal__cancel:hover {
    border-color: var(--prod-accent);
    color: var(--prod-accent);
    background: var(--prod-accent-soft);
}

body.product-page .product-testdrive-modal__result {
    display: none;
    margin-top: 18px;
    padding: 16px;
    border: 1px solid var(--prod-border);
    border-radius: var(--prod-radius-sm);
    background: var(--prod-bg);
    text-align: center;
}

body.product-page .product-testdrive-modal__result:not(:empty) {
    display: block;
}

body.product-page .product-testdrive-modal__wait {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    font-size: 15px;
    color: var(--prod-muted);
}

body.product-page .product-testdrive-modal__spinner {
    width: 32px;
    height: 32px;
    border: 3px solid #f3c4d4;
    border-top-color: var(--prod-accent);
    border-radius: 50%;
    animation: product-1click-spin 0.8s linear infinite;
}

body.product-page .product-testdrive-modal__success-title {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 800;
    color: var(--prod-text);
}

body.product-page .product-testdrive-modal__success-text {
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 1.55;
    color: var(--prod-muted);
}

body.product-page .product-testdrive-modal__success-details {
    margin: 0 0 16px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--prod-muted);
}

body.product-page .product-testdrive-modal__form .product-testdrive-modal__error-msg {
    margin: 0 0 12px;
}

body.product-page .product-testdrive-modal__error-msg {
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 1.55;
    color: #b91c1c;
}

@media (max-width: 480px) {
    body.product-page .product-testdrive-modal__actions {
        grid-template-columns: 1fr;
    }
}

/* ——— Краткое описание ——— */
body.product-page .product-short-desc {
    margin: 0;
    padding: 0;
    border: 0;
}

body.product-page .product-short-desc .ccard-descr-short {
    padding: 14px 16px;
    background: var(--prod-bg);
    border-radius: var(--prod-radius-sm);
    font-size: 14px;
    line-height: 1.65;
    color: #374151;
    overflow-wrap: anywhere;
    word-break: break-word;
}

body.product-page .product-short-desc .ccard-descr-short img,
body.product-page .product-short-desc .ccard-descr-short table,
body.product-page .product-short-desc .ccard-descr-short iframe,
body.product-page .product-short-desc .ccard-descr-short video,
body.product-page .product-short-desc .ccard-descr-short embed,
body.product-page .product-short-desc .ccard-descr-short object {
    max-width: 100%;
    height: auto;
}

body.product-page .product-short-desc .ccard-descr-short p {
    margin: 0 0 8px;
}

body.product-page .product-short-desc .ccard-descr-short p:last-child {
    margin-bottom: 0;
}

/* ——— Доверие (доставка, оплата) ——— */
body.product-page .product-trust {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    clear: none;
}

body.product-page .product-trust::before,
body.product-page .product-trust::after {
    display: none !important;
    content: none !important;
}

body.product-page .product-trust .ccard-inf-col {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    clear: none !important;
    min-width: 0;
    min-height: 100%;
    padding: 14px 16px;
    background: var(--prod-surface);
    border: 1px solid var(--prod-border);
    border-radius: var(--prod-radius-sm);
    box-sizing: border-box;
    overflow-wrap: anywhere;
    word-break: break-word;
    transition: box-shadow var(--prod-transition);
}

body.product-page .product-trust .ccard-inf-col:hover {
    box-shadow: var(--prod-shadow);
}

body.product-page .product-trust .ccard-inf-h {
    text-transform: none;
    font-size: 14px;
    font-weight: 700;
    color: var(--prod-text);
    padding: 0 0 8px;
}

body.product-page .product-trust .ccard-inf-h > span {
    padding-left: 28px;
    background-size: 20px;
    background-position: 0 50%;
}

body.product-page .product-trust .ccard-inf-txt {
    padding: 0;
    font-size: 13px;
    line-height: 1.55;
    color: var(--prod-muted);
}

body.product-page .product-trust .ccard-inf-txt ul {
    margin: 0;
}

body.product-page .product-trust .ccard-inf-txt ul > li {
    margin: 4px 0;
    padding-left: 14px;
    background-position: 0 8px;
}

/* ——— Блоки «О доставке» / «Об оплате» (контент из БД, popdeliv / poppayment; также «О нас») ——— */
body.product-page .product-trust .trust-deliv-lead,
.page_info .trust-deliv-lead,
body.info-page .info-page__body .trust-deliv-lead {
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--prod-text);
}

body.product-page .product-trust .trust-deliv-list,
.page_info .trust-deliv-list,
body.info-page .info-page__body .trust-deliv-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.product-page .product-trust .trust-deliv-item,
.page_info .trust-deliv-item,
body.info-page .info-page__body .trust-deliv-item {
    margin: 0 !important;
    padding: 10px 12px 10px 38px !important;
    background: var(--prod-bg) !important;
    background-image: none !important;
    border-radius: 8px;
    border-left: 3px solid var(--prod-accent);
    position: relative;
}

body.product-page .product-trust .trust-deliv-item--pickup,
.page_info .trust-deliv-item--pickup,
body.info-page .info-page__body .trust-deliv-item--pickup {
    border-left-color: #2563eb;
}

body.product-page .product-trust .trust-deliv-item--wholesale,
.page_info .trust-deliv-item--wholesale,
body.info-page .info-page__body .trust-deliv-item--wholesale {
    border-left-color: #059669;
}

body.product-page .product-trust .trust-deliv-item::before,
.page_info .trust-deliv-item::before,
body.info-page .info-page__body .trust-deliv-item::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 12px;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    opacity: 0.9;
}

body.product-page .product-trust .trust-deliv-item--pickup::before,
.page_info .trust-deliv-item--pickup::before,
body.info-page .info-page__body .trust-deliv-item--pickup::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E");
}

body.product-page .product-trust .trust-deliv-item--wholesale::before,
.page_info .trust-deliv-item--wholesale::before,
body.info-page .info-page__body .trust-deliv-item--wholesale::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23059669' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='3' width='15' height='13'/%3E%3Cpolygon points='16 8 20 8 23 11 23 16 16 16 16 8'/%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'/%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'/%3E%3C/svg%3E");
}

body.product-page .product-trust .trust-deliv-item--store,
.page_info .trust-deliv-item--store,
body.info-page .info-page__body .trust-deliv-item--store {
    border-left-color: #7c3aed;
}

body.product-page .product-trust .trust-deliv-item--online,
.page_info .trust-deliv-item--online,
body.info-page .info-page__body .trust-deliv-item--online {
    border-left-color: #0284c7;
}

body.product-page .product-trust .trust-deliv-item--store::before,
.page_info .trust-deliv-item--store::before,
body.info-page .info-page__body .trust-deliv-item--store::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237c3aed' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E");
}

body.product-page .product-trust .trust-deliv-item--online::before,
.page_info .trust-deliv-item--online::before,
body.info-page .info-page__body .trust-deliv-item--online::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230284c7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='20' height='14' rx='2'/%3E%3Cline x1='8' y1='21' x2='16' y2='21'/%3E%3Cline x1='12' y1='17' x2='12' y2='21'/%3E%3C/svg%3E");
}

body.product-page .product-trust .trust-deliv-lead--warn,
.page_info .trust-deliv-lead--warn,
body.info-page .info-page__body .trust-deliv-lead--warn {
    margin-bottom: 10px;
    padding: 10px 12px;
    font-size: 12px;
    color: #92400e;
    background: #fffbeb;
    border: 1px solid #fcd34d;
    border-radius: 8px;
}

body.product-page .product-trust .trust-deliv-lead--warn strong,
.page_info .trust-deliv-lead--warn strong,
body.info-page .info-page__body .trust-deliv-lead--warn strong {
    color: #b45309;
}

body.product-page .product-trust .trust-deliv-title,
.page_info .trust-deliv-title,
body.info-page .info-page__body .trust-deliv-title {
    display: block;
    margin-bottom: 3px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    color: var(--prod-text);
}

body.product-page .product-trust .trust-deliv-desc,
.page_info .trust-deliv-desc,
body.info-page .info-page__body .trust-deliv-desc {
    display: block;
    font-size: 12px;
    line-height: 1.5;
    color: var(--prod-muted);
}

body.product-page .product-trust .trust-deliv-foot,
.page_info .trust-deliv-foot,
body.info-page .info-page__body .trust-deliv-foot {
    margin: 10px 0 0;
    padding-top: 10px;
    border-top: 1px dashed var(--prod-border);
    font-size: 12px;
    line-height: 1.5;
    color: var(--prod-muted);
}

body.product-page .product-trust .trust-deliv-phone,
.page_info .trust-deliv-phone,
body.info-page .info-page__body .trust-deliv-phone {
    font-weight: 700;
    color: var(--prod-accent);
    text-decoration: none;
    white-space: nowrap;
    transition: color var(--prod-transition);
}

body.product-page .product-trust .trust-deliv-phone:hover,
.page_info .trust-deliv-phone:hover,
body.info-page .info-page__body .trust-deliv-phone:hover {
    color: var(--prod-accent-hover);
    text-decoration: underline;
}

/* ——— Акция ——— */
body.product-page .ccard-act {
    border: 1px solid var(--prod-accent);
    border-radius: var(--prod-radius);
    overflow: hidden;
    margin-top: 20px;
}

/* ——— Табы ——— */
body.product-page .product-tabs-area,
body.product-page .ccard-cleft.product-tabs-area {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    clear: both;
    margin: 0;
    padding: 0;
    min-width: 0;
    box-sizing: border-box;
}

body.product-page .product-tabs-area {
    margin-top: 0;
}

body.product-page .ccard-cright {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    clear: both;
    margin-top: 24px;
    min-width: 0;
    box-sizing: border-box;
}

body.product-page .ccard-blk {
    margin: 0;
    padding: 0;
}

body.product-page .ccard-blk::after {
    display: none !important;
    content: none !important;
}

body.product-page .product-details-wrap .ccard-r-col:empty {
    display: none !important;
}

body.product-page .product-tabs {
    margin-bottom: 0;
}

body.product-page .product-tabs-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 24px;
    padding: 0;
    border: 0;
    background: transparent;
}

body.product-page .product-tabs-list::before,
body.product-page .product-tabs-list::after,
body.product-page ul.c2tlist::before,
body.product-page ul.c2tlist::after {
    display: none !important;
    content: none !important;
}

body.product-page .product-tabs-list::before,
body.product-page .product-tabs-list::after {
    display: none;
}

body.product-page .product-tabs-list li {
    float: none;
    width: auto;
    margin: 0;
    padding: 12px 20px;
    border: 1px solid var(--prod-border);
    border-radius: 999px;
    background: var(--prod-surface);
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    color: var(--prod-muted);
    cursor: pointer;
    transition: all var(--prod-transition);
}

body.product-page .product-tabs-list li:hover {
    border-color: var(--prod-accent);
    color: var(--prod-accent);
    background: var(--prod-accent-soft);
}

body.product-page .product-tabs-list li.active {
    border-color: var(--prod-accent);
    background: var(--prod-accent);
    color: #fff;
    cursor: default;
}

body.product-page .product-tabs-list li span {
    padding: 0;
    background: none !important;
}

body.product-page .ccard-tabpage {
    display: none;
    margin-bottom: 48px;
    padding: 28px 32px;
    background: var(--prod-surface);
    border: 1px solid var(--prod-border);
    border-radius: var(--prod-radius);
    box-shadow: var(--prod-shadow);
}

body.product-page .ccard-tabpage.ccard-active {
    display: block;
}

body.product-page .product-tabs-area .ccard-tabpage > .cc-hdr {
    display: none;
}

/* ——— Видеообзоры ——— */
body.product-page .product-videos__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

body.product-page .product-videos__item {
    overflow: hidden;
    border: 1px solid var(--prod-border);
    border-radius: var(--prod-radius-sm);
    background: #000;
    box-shadow: var(--prod-shadow);
}

body.product-page .product-videos__item--embed {
    position: relative;
    aspect-ratio: 16 / 9;
    background: #111;
}

body.product-page .product-videos__item--embed iframe,
body.product-page .product-videos__item--embed object,
body.product-page .product-videos__item--embed embed {
    position: absolute;
    inset: 0;
    display: block;
    width: 100% !important;
    height: 100% !important;
    border: 0;
}

body.product-page .product-videos__item--file {
    min-height: 270px;
    background: var(--prod-bg);
}

body.product-page .cc-hdr {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 700;
    text-transform: none;
    color: var(--prod-text);
}

body.product-page .cc-info {
    font-size: 15px;
    line-height: 1.7;
    color: #374151;
}

body.product-page .cc-info > p {
    margin-bottom: 16px;
    padding-right: 0;
}

body.product-page .cc-tech {
    border-radius: var(--prod-radius-sm);
    overflow: hidden;
    border: 1px solid var(--prod-border);
}

body.product-page .cc-tech tr:nth-child(even) td {
    background: var(--prod-bg);
}

body.product-page .cc-tech td {
    padding: 12px 16px;
}

/* ——— Похожие / сопутствующие товары ——— */
body.product-page .product-related {
    clear: both;
    margin: 36px 0;
    padding: 28px 28px 24px;
    background: var(--prod-surface);
    border: 1px solid var(--prod-border);
    border-radius: var(--prod-radius);
    box-shadow: var(--prod-shadow);
}

body.product-page .product-related::after {
    display: none;
}

body.product-page .product-related-head {
    margin-bottom: 22px;
}

body.product-page .product-related-title {
    margin: 0;
    font-size: clamp(22px, 2.4vw, 28px);
    line-height: 1.2;
    font-weight: 800;
    color: var(--prod-text);
    text-transform: none;
}

body.product-page .product-related-slider-wrap {
    position: relative;
    margin: 0 -4px;
}

body.product-page .slider-simil--modern {
    padding: 0 48px 36px;
    margin: 0;
}

body.product-page .slider-simil--modern .slick-list {
    overflow: hidden;
    margin: 0 -8px;
    padding: 8px 0 12px;
}

body.product-page .slider-simil--modern .slick-slide {
    height: auto;
    padding: 0 8px;
    box-sizing: border-box;
    text-align: left;
    position: relative;
    z-index: 1;
}

body.product-page .slider-simil--modern .slick-slide:hover {
    z-index: 5;
}

body.product-page .slider-simil--modern .slick-slide > div {
    height: 100%;
    overflow: visible;
}

body.product-page .product-related-slide {
    height: 100%;
    overflow: visible;
}

body.product-page .bc-it.bc-it--related {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 360px;
    box-sizing: border-box;
    padding: 12px;
    font-family: inherit;
    text-align: left;
    background: #fff;
    border: 1px solid var(--prod-border);
    border-radius: 18px;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
    position: relative;
    transition: border-color var(--prod-transition), box-shadow var(--prod-transition), transform var(--prod-transition);
}

body.product-page .bc-it.bc-it--related:hover {
    border-color: #f8bbd0;
    box-shadow: 0 12px 32px rgba(233, 30, 99, 0.12);
    transform: translateY(-3px);
    z-index: 2;
}

body.product-page .bc-it.bc-it--related .bc-img {
    flex: 0 0 auto;
    width: 100%;
    height: 168px;
    margin: 0 0 12px;
    padding: 8px;
    border-radius: 12px;
    background: var(--prod-bg);
}

body.product-page .bc-it.bc-it--related .bc-img a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
}

body.product-page .bc-it.bc-it--related .bc-img a::after {
    display: none;
}

body.product-page .bc-it.bc-it--related .bc-img a img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 0;
    vertical-align: middle;
}

body.product-page .bc-it.bc-it--related .bc-body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

body.product-page .bc-it.bc-it--related .bc-mod {
    flex: 1 1 auto;
    min-height: 40px;
    max-height: 54px;
    margin-bottom: 10px;
    overflow: hidden;
    line-height: 1.35;
    font-size: 14px;
    font-weight: 500;
}

body.product-page .bc-it.bc-it--related .bc-mod a {
    display: block;
    padding: 0;
    overflow: hidden;
    color: var(--prod-text);
    text-decoration: none;
}

body.product-page .bc-it.bc-it--related .bc-mod a:hover {
    color: var(--prod-accent);
    text-decoration: none;
}

body.product-page .bc-it.bc-it--related .bc-cost {
    flex: 0 0 auto;
    height: auto;
    margin-top: auto;
    padding: 0;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 600;
    color: var(--prod-muted);
}

body.product-page .bc-it.bc-it--related .bc-cost > span {
    font-size: 20px;
    font-weight: 800;
    color: var(--prod-accent);
}

body.product-page .bc-it.bc-it--related .bc-btn {
    flex: 0 0 auto;
    margin-top: 12px;
}

body.product-page .bc-it.bc-it--related .related-card__buy,
body.product-page .bc-it.bc-it--related .bc-btn .related-card__buy {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    padding: 0 16px;
    border: 0;
    border-radius: 12px;
    box-sizing: border-box;
    background: linear-gradient(135deg, var(--prod-accent), var(--prod-accent-hover));
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff !important;
    text-decoration: none;
    text-transform: none;
    box-shadow: 0 6px 18px rgba(233, 30, 99, 0.22);
    transition: box-shadow var(--prod-transition), filter var(--prod-transition), transform var(--prod-transition);
}

body.product-page .bc-it.bc-it--related .related-card__buy:hover {
    filter: brightness(1.05);
    box-shadow: 0 8px 22px rgba(233, 30, 99, 0.3);
    color: #fff !important;
    text-decoration: none;
}

body.product-page .bc-it.bc-it--related .related-card__buy--outline {
    background: #fff;
    border: 2px solid var(--prod-border);
    color: var(--prod-text) !important;
    box-shadow: none;
}

body.product-page .bc-it.bc-it--related .related-card__buy--outline:hover {
    border-color: var(--prod-accent);
    color: var(--prod-accent) !important;
    box-shadow: none;
}

body.product-page .bc-it.bc-it--related .related-card__buy > span {
    display: inline;
    padding: 0 !important;
    background: none !important;
    background-image: none !important;
}

body.product-page .bc-it.bc-it--related .related-card__unavail {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 12px;
    background: #f3f4f6;
    color: var(--prod-muted);
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    box-sizing: border-box;
}

body.product-page .bc-it.bc-it--related .bc-btn .btn-buy {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    padding: 0 16px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--prod-accent), var(--prod-accent-hover)) !important;
    background-image: none !important;
    font-size: 14px;
    font-weight: 700;
    color: #fff !important;
    text-decoration: none;
    box-shadow: 0 6px 18px rgba(233, 30, 99, 0.22);
    transition: box-shadow var(--prod-transition), filter var(--prod-transition);
}

body.product-page .bc-it.bc-it--related .bc-btn .btn-buy:hover {
    filter: brightness(1.05);
    box-shadow: 0 8px 22px rgba(233, 30, 99, 0.3);
}

body.product-page .bc-it.bc-it--related .bc-btn .btn-buy--outline {
    background: #fff !important;
    border: 2px solid var(--prod-border);
    color: var(--prod-text) !important;
    box-shadow: none;
}

body.product-page .bc-it.bc-it--related .bc-btn .btn-buy--outline:hover {
    border-color: var(--prod-accent);
    color: var(--prod-accent) !important;
    box-shadow: none;
}

body.product-page .bc-it.bc-it--related .bc-btn .btn-buy > span {
    background: none !important;
    padding: 0;
}

body.product-page .slider-simil--modern .slick-prev,
body.product-page .slider-simil--modern .slick-next {
    z-index: 2;
    top: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--prod-border);
    border-radius: 50%;
    background-color: #fff !important;
    background-image: none !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
    transform: translate(0, -50%);
    transition: border-color var(--prod-transition), box-shadow var(--prod-transition), background var(--prod-transition);
}

body.product-page .slider-simil--modern .slick-prev {
    left: 0;
}

body.product-page .slider-simil--modern .slick-next {
    right: 0;
}

body.product-page .slider-simil--modern .slick-prev:hover,
body.product-page .slider-simil--modern .slick-next:hover {
    border-color: #f8bbd0;
    background-color: #fff5f8 !important;
}

body.product-page .slider-simil--modern .slick-prev::before,
body.product-page .slider-simil--modern .slick-next::before,
body.product-page .slider-simil--modern .slick-prev:before,
body.product-page .slider-simil--modern .slick-next:before {
    content: "" !important;
    display: block;
    width: 9px;
    height: 9px;
    margin: 0 !important;
    border: solid #374151;
    border-width: 0 2px 2px 0;
    opacity: 1;
    font-size: 0;
}

body.product-page .slider-simil--modern .slick-prev::before,
body.product-page .slider-simil--modern .slick-prev:before {
    transform: rotate(135deg);
}

body.product-page .slider-simil--modern .slick-next::before,
body.product-page .slider-simil--modern .slick-next:before {
    transform: rotate(-45deg);
}

body.product-page .slider-simil--modern .slick-dots {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

body.product-page .slider-simil--modern .slick-dots li button {
    width: 8px;
    height: 8px;
    background: #d1d5db !important;
}

body.product-page .slider-simil--modern .slick-dots li.slick-active button {
    width: 24px;
    border-radius: 999px;
    background: var(--prod-accent) !important;
}

/* Legacy сопутствующие — базовые улучшения */
body.product-page .ccard-dopprod:not(.product-related) {
    margin: 32px 0;
}

body.product-page .ccard-dopprod:not(.product-related) .lbl-hdr {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 700;
    color: var(--prod-text);
    text-transform: none;
    background: none;
}

body.product-page .ccard-dopprod:not(.product-related) .lbl-hdr span {
    background: none;
    padding: 0;
}

body.product-page .catalog-car-fit {
    overflow: hidden;
}

body.product-page .catalog-car-fit__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 8px 16px 18px;
}

body.product-page .catalog-car-fit__photo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 120px;
    padding: 12px;
    border-radius: 14px;
    background: linear-gradient(145deg, #f9fafb 0%, #fff 100%);
    border: 1px solid var(--prod-border, #e5e7eb);
}

body.product-page .catalog-car-fit__photo img {
    max-width: 88%;
    max-height: 140px;
    height: auto;
}

body.product-page .catalog-car-fit__model {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
}

body.product-page .catalog-car-fit__model a {
    color: var(--prod-text, #111827);
    text-decoration: none;
}

body.product-page .catalog-car-fit__model a:hover {
    color: var(--prod-accent, #e91e63);
}

body.product-page .slider-soput .bc-it {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 16px;
    background: var(--prod-surface);
    border: 1px solid var(--prod-border);
    border-radius: var(--prod-radius);
    transition: box-shadow var(--prod-transition), transform var(--prod-transition);
}

body.product-page .slider-soput .bc-it:hover {
    box-shadow: var(--prod-shadow-lg);
    transform: translateY(-2px);
}

body.product-page .slider-soput .bc-img {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 140px;
    margin-bottom: 12px;
}

body.product-page .slider-soput .bc-img img {
    max-width: 100%;
    max-height: 130px;
    object-fit: contain;
}

body.product-page .slider-soput .bc-mod {
    flex: 1 1 auto;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 500;
}

body.product-page .slider-soput .bc-mod a {
    color: var(--prod-text);
    text-decoration: none;
}

body.product-page .slider-soput .bc-mod a:hover {
    color: var(--prod-accent);
}

body.product-page .slider-soput .bc-cost {
    font-size: 16px;
    font-weight: 700;
    color: var(--prod-text);
}

body.product-page .slider-soput .bc-cost span {
    font-size: inherit;
}

/* ——— Отзывы ——— */
body.product-page .product-reviews.ccard-tabpage {
    padding: 28px 32px;
}

body.product-page .product-reviews-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
    gap: 28px;
    align-items: start;
}

body.product-page .product-reviews-list,
body.product-page .product-review-form-wrap {
    float: none !important;
    width: auto !important;
}

body.product-page .product-reviews-items {
    margin-top: 0;
}

body.product-page .product-reviews .mtcresp-no {
    padding: 40px 24px;
    border: 1px dashed var(--prod-border);
    border-radius: var(--prod-radius-sm);
    background: var(--prod-bg);
    color: var(--prod-muted);
    font-size: 15px;
    text-align: center;
}

body.product-page .product-review-item {
    margin-bottom: 16px;
    padding: 18px 20px;
    border: 1px solid var(--prod-border);
    border-radius: var(--prod-radius-sm);
    background: #fff;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

body.product-page .product-review-item__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px;
    margin-bottom: 10px;
}

body.product-page .product-review-item__author {
    float: none;
    padding: 0;
    background: none;
    font-size: 15px;
    font-weight: 700;
    color: var(--prod-text);
}

body.product-page .product-review-item__date {
    float: none;
    margin: 0;
    font-size: 13px;
    color: var(--prod-muted);
}

body.product-page .product-review-item__rating {
    float: none;
    width: auto;
    margin-left: auto;
    padding: 0;
}

body.product-page .product-review-stars {
    --rating: 0;
    display: inline-flex;
    gap: 2px;
    font-size: 16px;
    letter-spacing: 1px;
    color: #fbbf24;
}

body.product-page .product-review-stars::before {
    content: "★★★★★";
    background: linear-gradient(90deg, #fbbf24 calc(var(--rating, 0) * 20%), #e5e7eb calc(var(--rating, 0) * 20%));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

body.product-page .product-review-item__body {
    padding: 0;
}

body.product-page .product-review-item__text {
    font-size: 15px;
    line-height: 1.65;
    color: #374151;
    font-weight: 400;
    text-align: left;
}

body.product-page .product-reviews .mtcresp-pages {
    margin-top: 20px;
    font-size: 14px;
    color: var(--prod-muted);
}

body.product-page .product-reviews .mtcresp-pages a {
    color: var(--prod-accent);
    text-decoration: none;
}

body.product-page .product-reviews .mtcresp-pages a:hover {
    text-decoration: underline;
}

body.product-page .product-reviews .error {
    margin-bottom: 16px;
    padding: 12px 14px;
    border-radius: var(--prod-radius-sm);
    font-size: 14px;
    line-height: 1.45;
}

body.product-page .product-review-form-wrap {
    position: sticky;
    top: 88px;
}

body.product-page .product-review-form.cgaform {
    margin: 0;
    padding: 0;
    border: 1px solid var(--prod-border);
    border-radius: var(--prod-radius);
    background: var(--prod-surface);
    box-shadow: var(--prod-shadow);
    overflow: hidden;
}

body.product-page .product-review-form__head {
    padding: 20px 22px 16px;
    border-bottom: 1px solid var(--prod-border);
    background: linear-gradient(180deg, #fff 0%, var(--prod-bg) 100%);
}

body.product-page .product-review-form__title {
    margin: 0;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 800;
    color: var(--prod-text);
    text-transform: none;
    background: none;
    padding: 0;
}

body.product-page .product-review-form__form {
    padding: 0;
}

body.product-page .product-review-form__body {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 20px 22px 22px;
}

body.product-page .product-review-form__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}

body.product-page .product-review-form .frm-row {
    clear: none;
    padding: 0;
    margin: 0;
}

body.product-page .product-review-form .frm-row::after {
    display: none;
}

body.product-page .product-review-form .frm-lbl,
body.product-page .product-review-form .frm-inp {
    float: none;
    width: 100%;
    padding: 0;
}

body.product-page .product-review-form .frm-lbl {
    margin-bottom: 6px;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
    color: var(--prod-text);
}

body.product-page .product-review-form .frm-lbl span::after {
    content: none;
}

body.product-page .product-review-form input[type="text"],
body.product-page .product-review-form textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 14px;
    border: 1px solid var(--prod-border);
    border-radius: var(--prod-radius-sm);
    background: #fff;
    color: var(--prod-text);
    font-size: 15px;
    line-height: 1.4;
    outline: none;
    transition: border-color var(--prod-transition), box-shadow var(--prod-transition);
}

body.product-page .product-review-form input[type="text"] {
    height: auto;
}

body.product-page .product-review-form textarea {
    min-height: 120px;
    resize: vertical;
}

body.product-page .product-review-form input[type="text"]:focus,
body.product-page .product-review-form textarea:focus {
    border-color: #f8bbd0;
    box-shadow: 0 0 0 3px var(--prod-accent-soft);
}

body.product-page .product-review-form input::placeholder,
body.product-page .product-review-form textarea::placeholder {
    color: #9ca3af;
}

body.product-page .product-review-form__stars.cgaf-rate {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0;
}

body.product-page .product-review-form__stars span {
    display: inline-block;
    width: 28px;
    height: 28px;
    cursor: pointer;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23d1d5db' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z'/%3E%3C/svg%3E") center / contain no-repeat;
    transition: transform var(--prod-transition);
}

body.product-page .product-review-form__stars span:hover {
    transform: scale(1.08);
}

body.product-page .product-review-form__stars span.rate-set {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fbbf24' stroke='%23f59e0b' stroke-width='1'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z'/%3E%3C/svg%3E");
}

body.product-page .product-review-form__captcha-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

body.product-page .product-review-form__captcha-img img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    border: 1px solid var(--prod-border);
}

body.product-page .product-review-form__captcha-inp {
    flex: 1 1 120px;
    min-width: 0;
}

body.product-page .product-review-form__captcha-inp input[type="text"] {
    width: 100%;
    max-width: 160px;
}

body.product-page .product-review-form__captcha-refresh {
    display: inline-block;
    margin-top: 6px;
    font-size: 13px;
    color: var(--prod-accent);
    text-decoration: none;
}

body.product-page .product-review-form__captcha-refresh:hover {
    text-decoration: underline;
}

body.product-page .product-review-form__actions {
    padding-top: 4px;
}

body.product-page .product-review-form__submit.btn-send {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    padding: 0 20px;
    border: 0;
    border-radius: var(--prod-radius-sm);
    background: linear-gradient(135deg, var(--prod-accent), var(--prod-accent-hover)) !important;
    color: #fff !important;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(233, 30, 99, 0.25);
    transition: box-shadow var(--prod-transition), filter var(--prod-transition);
}

body.product-page .product-review-form__submit.btn-send:hover {
    filter: brightness(1.05);
    box-shadow: 0 8px 22px rgba(233, 30, 99, 0.32);
}

body.product-page .product-review-form .frm-fld-err .frm-lbl {
    color: #dc2626;
}

body.product-page .product-review-form .frm-fld-err input,
body.product-page .product-review-form .frm-fld-err textarea {
    border-color: #fca5a5;
    color: #dc2626;
}

@media (min-width: 640px) {
    body.product-page .product-review-form__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ——— Узкие/средние экраны: одна колонка (до 1200 = wrapper ≤1000) ——— */
@media (max-width: 1200px) {
    body.product-page {
        overflow-x: clip;
    }

    body.product-page #content2,
    body.product-page #dcontent {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: clip;
    }

    body.product-page .product-card,
    body.product-page .product-card.ccard {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
        float: none;
        clear: both;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        overflow-x: clip;
    }

    body.product-page .product-card .ccard-l,
    body.product-page .product-card .ccard-r,
    body.product-page .product-details-wrap,
    body.product-page .product-details-wrap.ccard-r-2col,
    body.product-page .product-details-wrap .ccard-r-col {
        float: none !important;
        clear: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0;
        margin: 0 !important;
        padding: 0;
        box-sizing: border-box;
    }

    body.product-page .product-details-wrap,
    body.product-page .product-details-wrap.ccard-r-2col {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    body.product-page .product-details-wrap.ccard-r-2col {
        display: flex;
    }

    body.product-page .product-gallery,
    body.product-page .product-gallery-slider,
    body.product-page .product-gallery-slider .slick-list {
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
    }

    body.product-page .product-details {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        min-width: 0;
    }

    body.product-page .product-meta {
        order: 1;
    }

    body.product-page .product-short-desc {
        order: 2;
    }

    body.product-page .product-trust {
        order: 3;
    }

    body.product-page .product-sidebar {
        order: 4;
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
    }

    body.product-page .product-sidebar .product-buybox {
        display: block;
        height: 0;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    body.product-page .product-buybox-help {
        order: 0;
        margin: 0;
    }

    body.product-page .product-gallery-slider .slick-slide {
        height: 300px !important;
    }

    body.product-page .product-buybox-inner {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 900;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "meta wish"
            "cta cta";
        align-items: start;
        gap: 8px 10px;
        padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0));
        border-radius: var(--prod-radius) var(--prod-radius) 0 0;
        border-bottom: 0;
        box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.12);
    }

    body.product-page .product-buybox-meta {
        grid-area: meta;
        gap: 4px;
        align-self: center;
    }

    body.product-page .product-buybox-foot {
        grid-area: wish;
        flex: 0 0 auto;
        order: unset;
        margin: 0;
        padding: 0;
        border: 0;
        align-self: start;
    }

    body.product-page .product-buybox-cta {
        grid-area: cta;
        flex: unset;
        order: unset;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 8px;
        padding: 0;
        min-width: 0;
        width: 100%;
    }

    body.product-page .product-buybox-status {
        margin: 0;
    }

    body.product-page .product-buybox-avail {
        padding: 5px 10px;
        font-size: 11px;
        gap: 6px;
    }

    body.product-page .product-buybox-avail__dot {
        width: 8px;
        height: 8px;
    }

    body.product-page .product-buybox-avail--out {
        font-size: 12px;
    }

    body.product-page .product-buybox-price {
        order: unset;
        margin: 0;
        padding: 0;
        border: 0;
        max-width: 100%;
        min-width: 0;
        overflow: visible;
    }

    body.product-page .product-buybox-price .ccard-cost {
        font-size: 12px;
        white-space: nowrap;
    }

    body.product-page .product-buybox-price .ccard-cost > span {
        font-size: 20px;
    }

    body.product-page .product-buybox-price .ccard-pr-old,
    body.product-page .product-buybox-price .ccard-cost-old {
        margin-bottom: 2px;
        font-size: 12px;
    }

    body.product-page .product-buybox-inner:not(:has(.product-buybox-foot)) {
        grid-template-areas:
            "meta meta"
            "cta cta";
    }

    body.product-page .product-installment-slot--buybox {
        display: none;
    }

    body.product-page .product-installment-slot--gallery {
        display: block;
        margin-top: 20px;
        padding-top: 4px;
    }

    body.product-page .product-installment-slot--gallery .product-installment {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px 10px;
        padding: 10px 12px;
        border-radius: 12px;
    }

    body.product-page .product-installment-slot--gallery .product-installment__main {
        flex: 1 1 160px;
        align-items: center;
        gap: 10px;
    }

    body.product-page .product-installment-slot--gallery .product-installment__icon {
        width: 28px;
        height: 28px;
        border-radius: 8px;
        background-size: 16px;
    }

    body.product-page .product-installment-slot--gallery .product-installment__title {
        margin-bottom: 2px;
        font-size: 12px;
    }

    body.product-page .product-installment-slot--gallery .product-installment__from {
        font-size: 12px;
    }

    body.product-page .product-installment-slot--gallery .product-installment__from span {
        font-size: 15px;
    }

    body.product-page .product-installment-slot--gallery .product-installment__btn {
        flex: 0 0 auto;
        width: auto;
        min-height: 36px;
        padding: 0 14px;
        font-size: 13px;
    }

    body.product-page .product-related {
        padding: 20px 16px 18px;
    }

    body.product-page .slider-simil--modern {
        padding: 0 36px 32px;
    }

    body.product-page .slider-simil--modern .slick-prev,
    body.product-page .slider-simil--modern .slick-next {
        width: 34px;
        height: 34px;
    }

    body.product-page .bc-it.bc-it--related {
        min-height: 320px;
    }

    body.product-page .product-reviews-layout {
        grid-template-columns: 1fr;
    }

    body.product-page .product-review-form-wrap {
        position: static;
    }

    body.product-page .product-reviews.ccard-tabpage {
        padding: 20px 16px;
    }

    body.product-page .product-review-form__grid {
        grid-template-columns: 1fr;
    }

    body.product-page .product-header {
        padding: 0 4px;
    }

    body.product-page .product-breadcrumbs {
        padding: 0 4px;
    }

    body.product-page #dcontent {
        padding: 0 4px;
        box-sizing: border-box;
    }

    body.product-page .product-details .ccard-blk,
    body.product-page .product-details-wrap .ccard-blk,
    body.product-page .product-meta,
    body.product-page .product-short-desc,
    body.product-page .product-trust,
    body.product-page .product-sidebar {
        clear: none !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0;
        box-sizing: border-box;
    }

    body.product-page .product-tabs-area,
    body.product-page .ccard-cleft.product-tabs-area,
    body.product-page .ccard-cright {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0;
    }

    body.product-page .ccard-subrow,
    body.product-page .ccard-subrow .div-tbl {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    body.product-page .product-buybox .ccard-tbl {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    body.product-page .product-buybox-cta-row--main {
        flex-direction: row;
        align-items: stretch;
        gap: 8px;
        width: 100%;
    }

    body.product-page .product-buybox-cta-row--main .ccard-buy,
    body.product-page .product-buybox-cta-row--main .ccard-buy-dop {
        flex: 1 1 0;
        display: flex;
        flex-direction: column;
        min-width: 0;
        width: auto;
    }

    body.product-page .product-buybox-cta-row--main .ccard-buy-dop noindex {
        display: flex;
        flex: 1 1 auto;
        min-width: 0;
        width: 100%;
    }

    body.product-page .product-buybox-cta-row--main .ccard-buy:only-child {
        flex: 1 1 100%;
    }

    body.product-page .product-buybox-cta-row--tdrive,
    body.product-page .product-buybox-cta-row--tdrive .product-buybox-tdrive {
        width: 100%;
    }

    body.product-page .product-buybox .ccard-buy-dop {
        display: flex;
        flex-direction: column;
    }

    body.product-page .product-buybox-cta-row--main a.product-1click-btn,
    body.product-page .product-buybox-cta-row--main a.btn-buy-1click {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1 1 auto;
        align-self: stretch;
        width: 100%;
        min-width: 0;
        min-height: 48px;
        height: 100%;
        padding: 12px 8px;
        font-size: 13px;
        line-height: 1.3;
        white-space: normal;
        text-align: center;
        text-transform: none;
        box-sizing: border-box;
    }

    body.product-page .product-buybox-cta-row--main a.btn-buy {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1 1 auto;
        align-self: stretch;
        width: 100%;
        min-width: 0;
        min-height: 48px;
        height: 100%;
        padding: 12px 8px;
        font-size: 13px;
        line-height: 1.3;
        white-space: normal;
        text-align: center;
        text-transform: none;
        box-sizing: border-box;
    }

    body.product-page .product-buybox-cta-row--main a.btn-buy span,
    body.product-page .product-buybox-cta-row--main a.product-1click-btn span {
        background: none;
        padding: 0;
    }

    body.product-page .product-buybox-cta--1click .product-buy-btn__label--full {
        display: none;
    }

    body.product-page .product-buybox-cta--1click .product-buy-btn__label--short {
        display: block;
    }

    body.product-page .product-buybox-cta-row--tdrive .product-testdrive-btn,
    body.product-page .product-buybox-cta-row--tdrive #testdrive-start {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-width: 0;
        padding: 12px 14px;
        font-size: 14px;
        line-height: 1.3;
        white-space: normal;
        text-align: center;
        text-transform: none;
    }

    body.product-page .product-buybox-cta-row--tdrive .product-testdrive-btn span {
        background: none;
        padding: 0;
    }

    body.product-page .product-buybox-cta-row--tdrive .product-testdrive-btn__label--full {
        display: block;
    }

    body.product-page .product-buybox-cta-row--tdrive .product-testdrive-btn__label--short {
        display: none;
    }

    body.product-page:has(.product-buybox-cta--tdrive) {
        padding-bottom: calc(128px + env(safe-area-inset-bottom, 0));
    }

    body.product-page .product-buybox a.btn-buy {
        padding: 14px 16px;
        font-size: 15px;
    }

    body.product-page .product-buybox-cta--1click .product-buybox-cta-row--main a.btn-buy,
    body.product-page .product-buybox-cta--1click .product-buybox-cta-row--main a.product-1click-btn,
    body.product-page .product-buybox-cta--1click .product-buybox-cta-row--main a.btn-buy-1click {
        min-height: 48px;
        height: 100%;
        padding: 12px 8px;
        font-size: 13px;
        line-height: 1.3;
    }

    body.product-page .product-buybox-cta:not(.product-buybox-cta--1click) .product-buybox-cta-row--main a.btn-buy {
        padding: 14px 16px;
        font-size: 15px;
    }

    body.product-page .product-wish {
        flex: 0 0 auto;
        width: auto;
    }

    body.product-page .product-wish-btn {
        width: 44px;
        min-width: 44px;
        min-height: 44px;
        padding: 0;
        gap: 0;
    }

    body.product-page .product-wish-btn.a-wish {
        width: 44px;
        min-width: 44px;
    }

    body.product-page .product-wish-btn__text,
    body.product-page .product-wish-btn.a-wish > span.product-wish-btn__text {
        display: none !important;
    }

    body.product-page .product-buybox-price .ccard-pr {
        padding: 0;
        border: 0;
    }

    body.product-page .product-buybox .ccard-buy {
        flex: 1 1 auto;
        min-width: 0;
    }

    body.product-page .product-tabs-list {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 4px;
        -webkit-overflow-scrolling: touch;
    }

    body.product-page .product-tabs-list li {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    body.product-page .ccard-tabpage {
        padding: 20px 16px;
    }

    body.product-page:has(.product-buybox-cta--tdrive) #jivo-iframe-container {
        bottom: calc(136px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body.product-page #jivo-iframe-container {
        bottom: calc(100px + env(safe-area-inset-bottom, 0px)) !important;
    }
}

/* Планшет 768–1200: колонка, но buybox в потоке (не fixed-полоска) */
@media (min-width: 768px) and (max-width: 1200px) {
    body.product-page {
        padding-bottom: 0;
    }

    body.product-page .product-sidebar .product-buybox {
        height: auto;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    body.product-page .product-buybox-inner {
        position: static;
        left: auto;
        right: auto;
        bottom: auto;
        z-index: auto;
        display: flex;
        flex-direction: column;
        grid-template-columns: none;
        grid-template-areas: none;
        gap: 14px;
        padding: 20px;
        border-radius: var(--prod-radius);
        border-bottom: 1px solid var(--prod-border);
        box-shadow: var(--prod-shadow-lg);
    }

    body.product-page .product-buybox-meta,
    body.product-page .product-buybox-foot,
    body.product-page .product-buybox-cta {
        grid-area: auto;
    }

    body.product-page .product-buybox-price .ccard-cost {
        font-size: inherit;
        white-space: normal;
    }

    body.product-page .product-buybox-price .ccard-cost > span {
        font-size: 28px;
    }

    body.product-page .product-installment-slot--buybox {
        display: block;
    }

    body.product-page .product-installment-slot--gallery {
        display: none;
    }

    body.product-page #jivo-iframe-container {
        bottom: 0 !important;
    }
}

@media (max-width: 767px) {
    body.product-page {
        padding-bottom: 88px;
    }
}

@media (max-width: 600px) {
    body.product-page .product-trust {
        grid-template-columns: 1fr;
    }

    body.product-page .product-gallery-slider .slick-dots li {
        width: 44px;
        height: 44px;
    }
}

/* ——— Рассрочка ПМР: блок в buybox + под галереей (моб.) + модалка ——— */
@media (min-width: 1201px) {
    body.product-page .product-installment-slot--gallery {
        display: none;
    }
}

body.product-page .product-buybox-installment {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--prod-border, #e5e7eb);
}

body.product-page .product-installment {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px 14px 12px;
    border: 1px solid #dbeafe;
    border-radius: 14px;
    background: linear-gradient(135deg, #f8fbff 0%, #f0fdf4 100%);
}

body.product-page .product-installment__main {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

body.product-page .product-installment__icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #16a34a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cline x1='2' y1='10' x2='22' y2='10'/%3E%3C/svg%3E") center / 20px no-repeat;
    box-shadow: 0 4px 12px rgba(22, 163, 74, 0.25);
}

body.product-page .product-installment__text {
    flex: 1;
    min-width: 0;
}

body.product-page .product-installment__title {
    display: block;
    margin: 0 0 4px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    color: #111827;
}

body.product-page .product-installment__from {
    margin: 0;
    font-size: 13px;
    line-height: 1.4;
    color: #4b5563;
}

body.product-page .product-installment__from span {
    font-size: 18px;
    font-weight: 800;
    color: #15803d;
    letter-spacing: -0.02em;
}

body.product-page .product-installment__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid #16a34a;
    border-radius: 10px;
    background: #fff;
    color: #15803d;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

body.product-page .product-installment__btn:hover {
    background: #16a34a;
    color: #fff;
    box-shadow: 0 6px 18px rgba(22, 163, 74, 0.28);
}

body.product-installment-open {
    overflow: hidden;
}

body.product-page .product-installment-modal {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 16px;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.22s ease, visibility 0.22s ease;
}

body.product-page .product-installment-modal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

body.product-page .product-installment-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(17, 24, 39, 0.55);
    backdrop-filter: blur(4px);
}

body.product-page .product-installment-modal__panel {
    position: relative;
    z-index: 1;
    width: min(100%, 440px);
    max-height: calc(100vh - 40px);
    overflow: auto;
    padding: 24px 24px 22px;
    border: 1px solid var(--prod-border, #e5e7eb);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.22);
    transform: translateY(12px) scale(0.98);
    transition: transform 0.22s ease;
}

body.product-page .product-installment-modal.is-open .product-installment-modal__panel {
    transform: translateY(0) scale(1);
}

body.product-page .product-installment-modal__close {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 2;
    width: 36px;
    height: 36px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: #f3f4f6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") center / 16px no-repeat;
    cursor: pointer;
    transition: background 0.18s ease;
}

body.product-page .product-installment-modal__close:hover {
    background-color: #e5e7eb;
}

body.product-page .product-installment-modal__head {
    padding-right: 36px;
}

body.product-page .product-installment-modal__badge {
    display: inline-block;
    margin: 0 0 8px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #dcfce7;
    color: #15803d;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body.product-page .product-installment-modal__title {
    margin: 0 0 6px;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.25;
    color: #111827;
    letter-spacing: -0.02em;
}

body.product-page .product-installment-modal__sub {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
    color: #6b7280;
}

body.product-page .product-installment-modal__product {
    margin: 14px 0 0;
    padding: 10px 12px;
    border-radius: 10px;
    background: #f9fafb;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    color: #374151;
}

body.product-page .product-installment-modal__check {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin: 16px 0 14px;
    padding: 12px 14px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
}

body.product-page .product-installment-modal__check-label {
    font-size: 13px;
    color: #6b7280;
}

body.product-page .product-installment-modal__check-value {
    font-size: 18px;
    font-weight: 800;
    color: #111827;
    white-space: nowrap;
}

body.product-page .product-installment-modal__sub--rates {
    display: none;
}

body.product-page .product-installment-modal--rates .product-installment-modal__sub--rates {
    display: block;
}

body.product-page .product-installment-modal__rates-panel {
    display: none;
}

body.product-page .product-installment-modal__step {
    display: none;
}

body.product-page .product-installment-modal__step.is-active {
    display: block;
}

body.product-page .product-installment-modal__step-title {
    margin: 0 0 14px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    color: #111827;
}

body.product-page .product-installment-modal__bank-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

body.product-page .product-installment-modal__bank-pick {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    background: #fff;
    cursor: pointer;
    text-align: left;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

body.product-page .product-installment-modal__bank-pick:hover {
    border-color: #bbf7d0;
    background: #f9fefb;
    box-shadow: 0 4px 14px rgba(22, 163, 74, 0.1);
}

body.product-page .product-installment-modal__bank-pick-logo {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

body.product-page .product-installment-modal__bank-pick--agro .product-installment-modal__bank-pick-logo,
body.product-page .product-installment-modal__selected-bank--agro .product-installment-modal__bank-pick-logo {
    background-color: #eff6ff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 32'%3E%3Ctext x='44' y='22' text-anchor='middle' font-family='Arial,sans-serif' font-size='14' font-weight='700' fill='%231d4ed8'%3EАГРО%3C/text%3E%3C/svg%3E");
}

body.product-page .product-installment-modal__bank-pick--exim .product-installment-modal__bank-pick-logo,
body.product-page .product-installment-modal__selected-bank--exim .product-installment-modal__bank-pick-logo {
    background-color: #fefce8;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 32'%3E%3Ctext x='44' y='22' text-anchor='middle' font-family='Arial,sans-serif' font-size='14' font-weight='700' fill='%23b45309'%3EЭКСИМ%3C/text%3E%3C/svg%3E");
}

body.product-page .product-installment-modal__bank-pick--sber .product-installment-modal__bank-pick-logo,
body.product-page .product-installment-modal__selected-bank--sber .product-installment-modal__bank-pick-logo {
    background-color: #f0fdf4;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 32'%3E%3Ccircle cx='14' cy='16' r='8' fill='%2321A038'/%3E%3Cpath d='M11 16l2 2 4-4' stroke='%23fff' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ctext x='52' y='22' text-anchor='middle' font-family='Arial,sans-serif' font-size='14' font-weight='700' fill='%2316a34a'%3EСБЕР%3C/text%3E%3C/svg%3E");
}

body.product-page .product-installment-modal__bank-pick-name {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    color: #111827;
}

body.product-page .product-installment-modal__bank-pick--agro .product-installment-modal__bank-pick-name {
    color: #1d4ed8;
}

body.product-page .product-installment-modal__bank-pick--exim .product-installment-modal__bank-pick-name {
    color: #b45309;
}

body.product-page .product-installment-modal__bank-pick--sber .product-installment-modal__bank-pick-name {
    color: #16a34a;
}

body.product-page .product-installment-modal__back {
    display: inline-flex;
    align-items: center;
    margin: 0 0 12px;
    padding: 0;
    border: 0;
    background: none;
    color: #6b7280;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.18s ease;
}

body.product-page .product-installment-modal__back:hover {
    color: #111827;
}

body.product-page .product-installment-modal__selected-bank {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    padding: 10px 12px;
    border-radius: 12px;
    background: #f9fafb;
}

body.product-page .product-installment-modal__selected-bank-name {
    font-size: 15px;
    font-weight: 700;
    color: #111827;
}

body.product-page .product-installment-modal__rates {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.product-page .product-installment-modal__rate {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid #f3f4f6;
    border-radius: 12px;
    background: #fff;
}

body.product-page .product-installment-modal__rate--best {
    border-color: #86efac;
    background: #ecfdf5;
}

body.product-page .product-installment-modal__rate-term {
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 700;
    color: #374151;
    white-space: nowrap;
}

body.product-page .product-installment-modal__rate-prices {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    text-align: right;
}

body.product-page .product-installment-modal__rate-total {
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
    color: #111827;
}

body.product-page .product-installment-modal__rate-monthly {
    font-size: 12px;
    line-height: 1.3;
    color: #6b7280;
}

body.product-page .product-installment-modal__rate--best .product-installment-modal__rate-total {
    color: #15803d;
}

body.product-page .product-installment-modal__footnote {
    margin: 12px 0 0;
    font-size: 11px;
    line-height: 1.45;
    color: #9ca3af;
}

body.product-page .product-installment-modal__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

body.product-page .product-installment-modal__callback {
    flex: 1 1 180px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 10px;
    background: #16a34a;
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.18s ease, box-shadow 0.18s ease;
}

body.product-page .product-installment-modal__callback:hover {
    background: #15803d;
    box-shadow: 0 6px 18px rgba(22, 163, 74, 0.28);
}

body.product-page .product-installment-modal__close-btn {
    flex: 0 0 auto;
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
    color: #374151;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.18s ease, border-color 0.18s ease;
}

body.product-page .product-installment-modal__close-btn:hover {
    background: #f9fafb;
    border-color: #d1d5db;
}

@media (max-width: 640px) {
    body.product-page .product-installment-modal__panel {
        padding: 20px 16px 18px;
    }

    body.product-page .product-installment-modal__title {
        font-size: 18px;
    }

    body.product-page .product-installment-modal__actions {
        flex-direction: row;
        align-items: stretch;
        gap: 8px;
        margin-top: 14px;
    }

    body.product-page .product-installment-modal__callback {
        flex: 1 1 0;
        min-width: 0;
        min-height: 38px;
        padding: 0 10px;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.2;
        text-align: center;
    }

    body.product-page .product-installment-modal__close-btn {
        flex: 0 0 auto;
        min-height: 38px;
        padding: 0 14px;
        font-size: 13px;
    }
}

/* Product layout revision: gallery + purchase, without nested narrow columns. */
body.product-page,body.product-page:has(.product-buybox-cta--tdrive) {padding-bottom:0}
body.product-page main .wrapper {width:calc(100% - 40px);max-width:1240px;box-sizing:border-box}
body.product-page .product-header {margin:0 0 22px;padding:0}
body.product-page .product-title {font-size:clamp(22px,2.2vw,30px);line-height:1.3;overflow-wrap:anywhere;max-width:1080px}
body.product-page .product-breadcrumbs {overflow-wrap:anywhere}
body.product-page .product-card.ccard {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;width:100%;min-width:0;overflow:visible;align-items:start}
body.product-page .product-card .product-gallery {width:100%;min-width:0;float:none}
body.product-page .product-details-wrap,body.product-page .product-details-wrap.ccard-r-2col {display:flex;flex-direction:column;gap:16px;min-width:0}
body.product-page .product-details-wrap .product-details {display:flex;flex-direction:column;gap:16px;width:100%;min-width:0}
body.product-page .product-meta {order:0}
body.product-page .product-meta-row {display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
body.product-page .product-sku,body.product-page .product-reviews-link,body.product-page .product-rating {float:none;margin:0;padding:0}
body.product-page .product-sidebar {order:1;position:static;top:auto;padding:0;gap:16px;width:100%;grid-column:auto;grid-row:auto}
body.product-page .product-sidebar .product-buybox {display:block;height:auto;overflow:visible;padding:0;margin:0}
body.product-page .product-buybox-inner {position:static;inset:auto;display:flex;flex-direction:column;gap:18px;padding:22px;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #11182708;z-index:auto}
body.product-page .product-buybox-meta,body.product-page .product-buybox-cta,body.product-page .product-buybox-foot {grid-area:auto;order:initial;min-width:0}
body.product-page .product-buybox-avail-row {gap:8px;flex-wrap:wrap}
body.product-page .product-buybox-avail {font-size:13px;line-height:1.4;padding:6px 10px;animation:none}
body.product-page .product-buybox-avail__dot {animation:none}
body.product-page a.product-buybox-avail--stores {text-decoration:none;cursor:pointer}
body.product-page a.product-buybox-avail--stores:hover {background:#dbeafe;text-decoration:underline}
body.product-page .product-buybox-price .ccard-cost {font-size:18px;white-space:normal;line-height:1.3}
body.product-page .product-buybox-price .ccard-cost>span {font-size:36px;line-height:1.2}
body.product-page .product-buybox-cta {display:flex;flex-direction:column;gap:10px;width:100%}
body.product-page .product-buybox-cta-row--main {display:flex;flex-direction:column;gap:10px;width:100%}
body.product-page .product-buybox-cta-row--main .ccard-buy,body.product-page .product-buybox-cta-row--main .ccard-buy-dop {width:100%;min-width:0;flex:auto;margin:0}
body.product-page .product-buybox a.btn-buy,body.product-page .product-buybox-cta--1click .product-buybox-cta-row--main a.btn-buy,body.product-page .product-buybox-cta--1click .product-buybox-cta-row--main a.btn-buy-1click,body.product-page .product-buybox a.btn-buy-1click {display:flex;align-items:center;justify-content:center;width:100%;height:auto;min-height:48px;padding:12px 16px;font-size:16px;line-height:1.4;white-space:normal;text-align:center;box-sizing:border-box;box-shadow:none;border-radius:10px}
body.product-page .product-buybox .product-buy-btn__label--full {display:block}
body.product-page .product-buybox .product-buy-btn__label--short {display:none}
body.product-page .product-buybox .product-testdrive-btn__label--full {display:block}
body.product-page .product-buybox .product-testdrive-btn__label--short {display:none}
body.product-page .product-buybox-foot {width:100%;margin:0;padding-top:14px;border-top:1px solid #e5e7eb}
body.product-page .product-buybox-foot .product-wish-btn {width:auto;min-width:44px;min-height:44px;padding:8px 12px;gap:10px}
body.product-page .product-buybox-foot .product-wish-btn .product-wish-btn__text {display:inline!important}
body.product-page .product-buybox-help {margin:0;padding:16px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb}
body.product-page .product-buybox-help__title {font-size:16px;margin-bottom:6px}
body.product-page .product-buybox-help__note {margin-bottom:10px}
body.product-page .product-short-desc {order:2}
body.product-page .product-trust {order:3;display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start}
body.product-page .product-trust details.ccard-inf-col {padding:0;min-height:0;overflow:hidden}
body.product-page .product-trust summary.ccard-inf-h {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:16px;min-height:52px;list-style:none;cursor:pointer;font-size:15px;line-height:1.4}
body.product-page .product-trust summary::-webkit-details-marker {display:none}
body.product-page .product-trust summary::after {content:'+';font-size:22px;font-weight:400;color:#6b7280;flex-shrink:0}
body.product-page .product-trust details[open]>summary::after {content:'−'}
body.product-page .product-trust details[open]>summary {border-bottom:1px solid #e5e7eb}
body.product-page .product-trust details>.ccard-inf-txt {padding:16px;font-size:14px;line-height:1.6}
body.product-page .product-trust .trust-deliv-lead,body.product-page .product-trust .trust-pay-note,body.product-page .product-trust .trust-deliv-text,body.product-page .product-trust .trust-pay-text {font-size:14px;line-height:1.6}
body.product-page .product-gallery-slider .slick-slide {height:440px!important}
body.product-page .product-gallery-slider .slick-slide img {max-width:100%;max-height:400px;object-fit:contain}
body.product-page .product-installment-slot--gallery {display:none}
body.product-page .product-installment-slot--buybox {display:block;padding-right:0}
body.product-page .product-tabs-area {scroll-margin-top:100px}
body.product-page .product-tabs-list {display:flex;flex-wrap:wrap;gap:8px;overflow:visible}
body.product-page .product-tabs-list li {min-height:44px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;white-space:normal;padding:10px 16px}
body.product-page .product-tabs-list li:focus-visible,body.product-page summary:focus-visible,body.product-page .product-buybox a:focus-visible {outline:3px solid #e91e63;outline-offset:3px}
body.product-page .product-tabs-area img,body.product-page .product-tabs-area iframe {max-width:100%}
body.product-page .product-tabs-area .ccard-tabpage {overflow-wrap:anywhere;min-width:0}
body.product-page #jivo-iframe-container,body.product-page:has(.product-buybox-cta--tdrive) #jivo-iframe-container {bottom:0!important}
@media(max-width:899px) {
 body.product-page main .wrapper {width:calc(100% - 32px)}
 body.product-page .product-card.ccard {grid-template-columns:minmax(0,1fr);gap:20px}
 body.product-page .product-gallery-slider .slick-slide {height:360px!important}
 body.product-page .product-gallery-slider .slick-slide img {max-height:330px}
 body.product-page .product-details-wrap .product-details {gap:14px}
}
@media(max-width:480px) {
 body.product-page main .wrapper {width:calc(100% - 24px)}
 body.product-page .product-title {font-size:22px;line-height:1.3}
 body.product-page .product-brand {font-size:12px}
 body.product-page .product-gallery-slider .slick-slide {height:280px!important}
 body.product-page .product-gallery-slider .slick-slide img {max-height:250px}
 body.product-page .product-buybox-inner {padding:18px;gap:16px}
 body.product-page .product-buybox-price .ccard-cost>span {font-size:32px}
 body.product-page .product-buybox-help {padding:14px}
 body.product-page .product-tabs-list {gap:6px}
 body.product-page .product-tabs-list li {padding:10px 12px;font-size:13px}
}
@media(prefers-reduced-motion:reduce) {body.product-page .product-buybox * {animation:none!important;transition:none!important}}
body.product-page .product-trust {width:100%;align-self:stretch;justify-self:stretch}
body.product-page .product-trust details.ccard-inf-col {width:100%!important;max-width:none;align-self:start;display:block}
body.product-page .product-buybox-foot .product-wish-btn.a-wish>span.product-wish-btn__text {display:inline!important}
body.product-page .product-buybox-help {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;align-items:center}
body.product-page .product-buybox-help__title {grid-column:1;margin:0}
body.product-page .product-buybox-help__label,body.product-page .product-buybox-help__note {display:none}
body.product-page .product-buybox-help__phones {grid-column:1;margin:0}
body.product-page .product-buybox-help__callback {grid-column:2;grid-row:1/3;margin:0;min-height:44px}
body.product-page .product-gallery-slider .slick-dots:not(:has(li:nth-child(2))) {display:none!important}
@media(max-width:480px) {
 body.product-page .product-buybox-help {grid-template-columns:minmax(0,1fr);gap:8px}
 body.product-page .product-buybox-help__callback {grid-column:1;grid-row:auto}
}

/* Wide screens: photo, information and a compact purchase sidebar. */
@media(min-width:1280px) {
 body.product-page .product-card.ccard {grid-template-columns:minmax(0,.95fr) minmax(0,1.8fr);gap:24px}
 body.product-page .product-details-wrap .product-details {display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:auto auto 1fr;gap:16px 22px;align-items:start}
 body.product-page .product-meta {grid-column:1/-1;grid-row:1;order:initial}
 body.product-page .product-sidebar {grid-column:2;grid-row:2/5;order:initial;gap:12px;align-self:start}
 body.product-page .product-trust {grid-column:1;grid-row:2;order:initial;align-self:start}
 body.product-page .product-short-desc {grid-column:1;grid-row:3;order:initial}
 body.product-page .product-buybox-inner {padding:18px;gap:14px}
 body.product-page .product-buybox-price .ccard-cost>span {font-size:32px}
 body.product-page .product-buybox-cta-row--main {flex-direction:row;gap:8px}
 body.product-page .product-buybox-cta-row--main .ccard-buy,body.product-page .product-buybox-cta-row--main .ccard-buy-dop {flex:1 1 0;width:0}
 body.product-page .product-buybox a.btn-buy,body.product-page .product-buybox-cta--1click .product-buybox-cta-row--main a.btn-buy,body.product-page .product-buybox-cta--1click .product-buybox-cta-row--main a.btn-buy-1click,body.product-page .product-buybox a.btn-buy-1click {font-size:14px;padding:10px 8px;min-height:46px}
 body.product-page .product-buybox-cta-row--main .ccard-buy-dop noindex {display:block;width:100%}
 body.product-page .product-buybox-help {grid-template-columns:minmax(0,1fr);gap:6px;padding:14px}
 body.product-page .product-buybox-help__callback {grid-column:1;grid-row:auto;min-height:40px}
 body.product-page .product-buybox-help__phone {font-size:18px}
 body.product-page .product-buybox-foot {padding-top:10px}
 body.product-page .product-buybox-foot .product-wish-btn {min-height:40px;padding:6px 10px}
 body.product-page .product-buybox-installment {margin-top:10px;padding-top:10px}
 body.product-page .product-installment {gap:8px;padding:12px}
 body.product-page .product-trust summary.ccard-inf-h {padding:12px 14px}
 body.product-page .product-trust details>.ccard-inf-txt {padding:14px}
}
@media(min-width:1600px) {
 body.product-page main .wrapper {max-width:1440px}
 body.product-page .product-details-wrap .product-details {grid-template-columns:minmax(0,1fr) 340px}
}

/* Critical payment information stays outside expandable sections. */
body.product-page .product-payment-notice {padding:12px 14px;border:1px solid #f5d477;border-radius:10px;background:#fffbeb;color:#92400e;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
body.product-page .product-payment-notice .trust-deliv-lead--warn {margin:0;padding:0;background:none;border:0;font-size:inherit;line-height:inherit;color:inherit}
body.product-page .product-payment-notice a {color:#c2185b;font-weight:700;white-space:normal}