/* Start:/local/templates/.default/components/bitrix/news/brands/style.min.css?17689076651208*/
.brandsHeading{padding-top:24px;border-top:1px solid #e7e8ea}.brandsDescription{margin-bottom:24px;color:#888;font-size:12px}.brandsBigPicture{margin-top:24px;margin-bottom:24px}.backToList{display:block;margin-top:12px;margin-bottom:24px;color:#000;transition:all .2s ease-in-out}.backToList:active{position:relative;top:1px}#left .heading .arrow{background-position:-27px 50%;transition:all .5s}#left .heading.opened .arrow{transform:rotate(90deg)}#nextSection{margin-top:24px;margin-bottom:24px;border-top:1px solid #e7e8ea;border-right:1px solid #e7e8ea;border-left:1px solid #e7e8ea;border-radius:4px}#nextSection .title{display:block;padding-top:12px;padding-bottom:12px;font-size:14px;text-align:center;text-transform:uppercase;background-color:#f3f3f3;cursor:pointer}#nextSection ul{margin:0;padding:0;list-style:none}#nextSection .title,#nextSection li{border-bottom:1px solid #e7e8ea}#nextSection li a{display:inline-block;padding:12px 24px;color:#000;font-size:13px;text-decoration:none;transition:all .2s ease-in-out}#nextSection li .selected,#nextSection li a:hover{color:#ffa800}#nextSection li .cnt{float:right;color:#888}@media all and (max-width:700px){.backToList{float:none;margin:18px 0}}
/* End */


/* Start:/bitrix/templates/dresscodeV2/components/bitrix/menu/personal/style.min.css?17702121951055*/
#personalMenu{margin:0 0 24px;padding:0;overflow:hidden;list-style:none;border-bottom:1px solid #f1f1f1}#personalMenu li{float:left;margin-right:24px;margin-bottom:24px}#personalMenu li:last-child{margin-right:0}#personalMenu li a{color:#000;font-size:16px;text-decoration:none;transition:all .2s ease-in-out}#personalMenu li a:active{position:relative;top:1px}#personalMenu li .selected{padding-bottom:4px;font-family:robotobold;border-bottom:1px dashed #000}#personalMenu li .selected:hover{color:#000}@media all and (max-width:1024px){#personalMenuWrap{position:relative;min-width:100%;height:40px;overflow:hidden;overflow-x:auto}#personalMenuWrap ul{overflow:auto;white-space:nowrap}#personalMenu li{display:inline-block;float:none;margin-right:18px;margin-bottom:18px;white-space:nowrap;vertical-align:top}#personalMenu::after{position:absolute;top:0;right:0;width:35px;height:100%;background:linear-gradient(left,rgb(255 255 255 / 20%),#fff 100%);background:linear-gradient(to right,rgb(255 255 255 / 20%),#fff 100%);content:"";pointer-events:none}}
/* End */


/* Start:/bitrix/templates/dresscodeV2/components/bitrix/system.pagenavigation/round/style.min.css?17702121951664*/
.bx-pagination{margin:10px 0}.bx-pagination .bx-pagination-container{position:relative;text-align:center}.bx-pagination .bx-pagination-container ul{display:inline-block;margin:0;padding:0;list-style:none}.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 15px}.bx-pagination .bx-pagination-container ul li span{display:block;box-sizing:border-box;min-width:32px;height:32px;padding:0 8px;color:#444;font-size:14px;line-height:32px;vertical-align:middle;background:#eff0f1;border-radius:16px;transition:color .3s ease,background-color .3s ease,border-color .3s ease}.bx-pagination .bx-pagination-container ul li a{display:block;min-width:32px;height:32px;color:#444;line-height:32px;text-decoration:none;vertical-align:middle;border-radius:16px}.bx-pagination .bx-pagination-container ul li a:hover span{background:#dadada}.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span{padding:0 18px;color:#444;line-height:28px;background:#fff;border:2px solid #eff0f1}.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span{padding:0 18px;color:#aab1b4;line-height:28px;background:#fff;border:2px solid #eff0f1}.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span{color:#000;background:#fff;border-color:#dadada}
/* End */


/* Start:/local/templates/.default/components/bitrix/news/brands/bitrix/news.list/.default/style.css?17691753513423*/
#brands {
	margin-top: 24px;
}

#brandList {
	margin-top: 24px;
}

#brandList .heading {
	background-color: #424242;
	margin-bottom: 0px !important;
	padding-left: 18px;
	line-height: 50px;
	font-size: 17px;
	display: block;
	color: #ffffff;
	height: 50px;
}

#brandList .items {
	list-style: none;
	border-left: 1px solid #e7e8ea;
}

#brandList .item {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	background-color: #ffffff;
	border-right: 1px solid #e7e8ea;
	border-bottom: 1px solid #e7e8ea;
	height: 120px;
	line-height: 120px;
	float: left;
	width: 20%;
}

#brandList .item:before {
	content: "";
	position: absolute;
	left: 0px;
	width: 100%;
	top: -1px;
	height: 1px;
	background: #e7e8ea;
}

#brandList .tabloid {
	position: relative;
	padding: 12px;
}

#brandList .markerContainer {
	position: absolute;
	top: 8px;
	left: 8px;
}

#brandList .marker {
	font:
		normal normal 12px "roboto_ltregular",
		arial,
		sans-serif;
	background-color: #424242;
	margin-bottom: 8px;
	color: #fff;
	padding: 3px 4px;
	line-height: 16px;
	z-index: 2;
}

#brandList .picture {
	-webkit-transition: 0.2s all ease-in-out;
	-o-transition: 0.2s all ease-in-out;
	transition: 0.2s all ease-in-out;
	opacity: 0.8;
	text-align: center;
	line-height: 100px;
	display: block;
	height: 100px;
}

#brandList .picture:hover {
	opacity: 1;
}

#brandList .picture img {
	vertical-align: middle;
	max-height: 90%;
	max-width: 90%;
}

#brandList .name {
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	display: block;
	color: #000000;
	margin: 12px 0;
}

#brandList .last {
	background: #f3f3f3;
}

.alphabet-navigation {
    margin-bottom: 30px;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    position: sticky;
    top: 66px;
    background: white;
    z-index: 99;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.alphabet-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    max-width: 100%;
    overflow-x: auto;
    padding: 5px 0;
}

.alphabet-letter {
    display: inline-block;
    min-width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.alphabet-letter.active {
    background: #f0f0f0;
    color: #333;
    cursor: pointer;
}

.alphabet-letter.active:hover {
    background: #9700de;
    color: white;
    transform: translateY(-2px);
}

.alphabet-letter.active.current {
    background: #9700de;
    color: white;
}

.alphabet-letter.disabled {
    background: transparent;
    color: #ccc;
    cursor: default;
}

.brand-group {
    margin-bottom: 40px;
}

.brand-group-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    padding: 10px 0;
    margin: 0 0 20px 0;
    border-bottom: 2px solid #9700de;
    position: relative;
}

.brand-group-title::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100px;
    height: 2px;
    background: #333;
}

@media (max-width: 768px) {
	.alphabet-navigation {
		top: 0;
	}
	
    .alphabet-container {
        justify-content: flex-start;
        gap: 3px;
    }
    
    .alphabet-letter {
        min-width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
    
    .brand-group-title {
        font-size: 20px;
    }
}
/* End */
/* /local/templates/.default/components/bitrix/news/brands/style.min.css?17689076651208 */
/* /bitrix/templates/dresscodeV2/components/bitrix/menu/personal/style.min.css?17702121951055 */
/* /bitrix/templates/dresscodeV2/components/bitrix/system.pagenavigation/round/style.min.css?17702121951664 */
/* /local/templates/.default/components/bitrix/news/brands/bitrix/news.list/.default/style.css?17691753513423 */