/*PLT.202509*/
/*PLT.202506*/
/*PLT.202505*/


.cat-h1 {display:flex; justify-content:space-between; align-items:center; margin-bottom:24px;}
.cat-h1 H1 {margin-bottom:0px;}
.cat-h1-right {flex-grow:1; margin-left:40px;}
/*.cat-h1 svg {margin-right:8px;}*/

/*[ITEM PAGE]*/
.item-block {}
.item-block ._top {display:flex; gap:24px; margin-bottom:40px; color:#000000DE;}
.item-block .__img {width:370px; flex-shrink:0;}
.item-block .__img IMG {max-width:100%; max-height:100%;}
.item-block .__info {flex-grow:1;}
.item-block .__info H1 {color:var(--title);}

TABLE.item-block-tbl {border-collapse:collapse; border-spacing:0px; font-family:'Noto Sans';}
TABLE.item-block-tbl TR {vertical-align:middle;}
TABLE.item-block-tbl TD.t {font-size:14px; line-height:20px; letter-spacing:0.25px; color:#00000099; padding:2px 10px 9px 0px;}
TABLE.item-block-tbl TD.v {font-size:16px; line-height:24px; letter-spacing:0.5px; padding-bottom:9px;}

.cat-types {display:flex; gap:16px;}
.cat-types SPAN {width:40px; height:40px; border-radius:50%; background:none center center no-repeat #F0F3F4; background-size:24px;}

.item-block-title {font-size:14px; line-height:20px; color:#00000099;}
.item-block-val {font-size:16px; line-height:24px; margin-bottom:12px; font-weight:500;}
.item-block-val SPAN:first-child {display:inline-block; padding-right:8px; color:#00000099;}

.item-block ._desc {font-size:14px; line-height:20px;color:#000000DE; margin-bottom:12px;}

.params-title {font-size:18px; font-weight:bold; margin-bottom:24px;
	display:flex; justify-content:space-between; align-items:center;
}

.params-block {display:flex; gap:20px; align-items:flex-start; margin-bottom:40px;}

.params-body {border-radius:0px; width:100%;}
.params-body ._r {text-align:right;}
.params-tr {display:flex; background-color:#EEEEEF; line-height:20px;}
.params-tr._line .params-td {background-color:#EFF4F5;}

.params-th, .params-td {width:50.0%; flex:0 0 50.0%;}
.params-th:nth-of-type(1), .params-td:nth-of-type(1) {width:50.0%; flex:0 0 50.0%;}

.params-th {font-size:12px; padding:12px;}
.params-td {font-size:14px; color:#00000099; padding:12px;}
.params-td._val {color:#000000DE; }

.files-list {}
.files-list .__item {padding:12px; background-color:#EFF4F5;}
.files-list .__item:nth-of-type(odd) {background-color:#E4EAEB;}



/*[TOGLER]*/
.togler {display:flex; margin-bottom:24px; font-size:16px; line-height:24px;}
.togler .__item {padding:0px 2px; border:1px solid #00000014;}
.togler .__item:not(:first-child):not(:last-child) {border-right-width:0px;}
.togler .__item:first-child {border-right-width:0px; border-radius:4px 0px 0px 4px;}
.togler .__item:last-child {border-right-width:1px; border-top-right-radius:4px; border-bottom-right-radius:4px;}
.togler .__item.--this {background-color:#00000014; color:#00000060; cursor:default;}
.togler A {color:var(--dark);}
.togler A:hover {background-color:#00000014;}

.togler_white {}
.togler_white .__item {border-color:#0000001F; color:var(--title);}
.togler_white .__item.--this {background-color:#F0F3F4;}
.togler_white A:hover {background-color:#E4E9EA;}


/*[TOP-BAR]*/
.topbar {display:flex; align-items:center;}
.topbar-right {display:flex; align-items:center; margin-left:8px;}
.rescount {flex-grow:1; color:#00000080; font-size:14px; line-height:20px; margin-right:16px;}
.switch {flex-shrink:0; margin-left:16px;}
.switch .togler {margin-bottom:0px;}
.switch svg {display:block;}

/*[CHIPS]*/
.chips {flex-grow:1; display:flex; flex-wrap:wrap; gap:8px;}
.chips .__item {height:32px; padding:0px 32px 0px 16px; background-color:#00000014; border-radius:32px; 
	font-size:14px; line-height:32px; color:#000000DE; position:relative; 
	transition:all 0.2s ease-in-out; cursor:pointer;}
.chips .__item:after {content:""; position:absolute; right:8px; top:7px; width:18px; height:18px;
	transition:all 0.2s ease-in-out;
	background:url('/_img/chips-x.svg') center center no-repeat; background-size:100%; opacity:.3;}
.chips .__item:hover {background-color:#FFFFFFBD;}
.chips .__item:hover:after {opacity:.7;}


/*[CATALOG]*/

.cat-block {margin-bottom:24px;}
#cat-filters {float:left; width:283px; margin-right:16px; border-radius:16px 16px 4px 4px;}
#cat-data {margin-bottom:24px;}
#cat-data {float:left; width:calc(100% - 299px); margin:0px;}

#cat-more {margin:30px 0px 40px 0px; text-align:right;}

/*[FILTER]*/

.cat-filters-title {padding:24px 6px 6px 24px; display:none; justify-content:space-between; align-items:center;}
.cat-filters-title .__title {font-size:22px; line-height:32px; font-family:var(--font-t); color:var(--violet);}
.cat-filters-title .__close {padding:10px 10px 6px 10px; cursor:pointer;}
.cat-filters-title .__close svg {width:24px; height:24px; display:block;} 
FORM.catfilter {border-radius:24px; overflow:hidden;}

.filter.--sticky {position:sticky; top:0px; margin-left:1px; z-index:1; width:100%;}

.filter {background-color:#FFF; border-radius:4px; padding:24px; margin-bottom:2px;
	transition:all 0.2s ease-in-out; box-shadow:var(--shadow);
}
.filter:first-of-type {/*border-radius:16px 16px 4px 4px;*/}
.filter:last-child {/*border-radius:4px 4px 16px 16px;*/ background-color:var(--blue-light);}

.filter .__name {color:var(--dark); font-size:18px; line-height:24px; font-weight:600;
	position:relative; cursor:pointer; margin-bottom:16px; 
	user-select:none; transition:all 0.2s ease-in-out;
}
.filter .__name:after {content:""; position:absolute; right:0px; top:10px; width:10px; height:5px;
	background:url('/_img/arrow-up.png') center center no-repeat; background-size:10px 5px; 
	transition:all 0.2s ease-in-out;
}

.filter .__data {transition:all 0.2s ease-in-out; overflow:hidden; max-height:1000px;
	display:flex; flex-direction:column;
}

.filter.--closed {}
.filter.--closed .__name {margin-bottom:0px;}
.filter.--closed .__name:after {transform:rotate(180deg);}
.filter.--closed .__data {max-height:0px!important;}
.filter.--closed .__more-button {display:none;}

.filter.--show-more .__data {max-height:216px;}

.filter .__buttons {margin-bottom:-10px;}
	
.fi {font-size:14px; line-height:20px; margin-bottom:12px; color:#000000DE;}
.fi.--nodata {order:10;}
.fi_cnt {padding-left:6px; color:#00000060;}
.fi LABEL {display:flex; align-items:center;}
.fi INPUT {accent-color:var(--blue); color:#FFF; width:18px; height:18px; margin-right:18px; cursor:pointer; flex-shrink:0;}


/*[CAT]*/
.cat-items {display:flex; flex-wrap:wrap; gap:16px; margin-bottom:16px;}
.cat-item {background-color:#FFF; border-radius:4px; padding:16px; width:283px; min-height:388px; cursor:pointer;
	transition:all 0.2s ease-in-out;
	display:flex; flex-direction:column;
}
.cat-item:hover {transform:scale(1.05);  box-shadow:var(--shadow);}

.cat-item .__img {padding:0px; border-radius:0px; width:100%; aspect-ratio:1/1; margin-bottom:16px;}
.cat-item .__img IMG {max-width:100%;}
.cat-item .__info {margin-bottom:0px; flex-grow:1; color:#00000060; font-size:14px; line-height:20px; letter-spacing:0.25px;}
.cat-item .__name {margin-bottom:8px; font-size:16px; line-height:24px; letter-spacing:0.15px; font-weight:600; color:#000000DE;}
.cat-item .__art {margin-bottom:8px; }
.cat-item .__std {margin-bottom:8px;}
.cat-item .__std SPAN {display:block;}
.cat-item .__info A {font-size:12px; line-height:16px;}

/*mobile < [CAT-TABLE] 600px*/

@media(min-width:320px)
{
	#cat-data.--table {}
	#cat-data.--table .cat-items {display:block; background-color:#FFF; padding:24px; border-radius:4px; /*overflow:hidden;*/}
	#cat-data.--table .cat-item {flex-direction:row; width:100%; min-height:auto; padding:0px 0px 16px 0px; margin-bottom:16px; 
		border-radius:0px; border-bottom:1px solid #0000001F;}
	#cat-data.--table .cat-item:last-child {border-width:0px; margin:0px;}
	.cat-item:hover { box-shadow:none;}
	
	#cat-data.--table .cat-item .__img {width:120px; margin:0px 16px 0px 0px; padding:0px; flex-shrink:0;}
	#cat-data.--table .cat-item .__info {flex-grow:1;}
	#cat-data.--table .cat-item .__std SPAN {display:inline-block;}
	#cat-data.--table .cat-item .__std SPAN:not(:last-child):after {content:", ";}
}
