/* 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;
    }
}