/* Убираем логотип */

.brand-row { display: none; 
}

/* --------------------------------------- */
/* ШАПКА 2.0 В ВИДЕ БАННЕРА + ЛОГОТИП 2.0  */
/* --------------------------------------- */

/* Раскомментируй display, чтобы убрать Шапку и Лого на мобильных */

@media only screen and (max-width : 767px) {

.brand-row {
	display: none; 
}
}

/* 1. Убираем обрезку шапки */

.brand-row {
	background-size: contain;
	margin-top: 40px;
}

/* 2. Высота блока Шапки на разных экранах */

@media (min-width: 1400px) {

.brand-row {
	height: 330px;
}
}

@media (min-width: 1200px) and (max-width: 1399px) {

.brand-row {
	height: 281px;
}
}

@media (min-width: 992px) and (max-width: 1199px) {

.brand-row {
	height: 231px;
}
}

@media (min-width: 768px) and (max-width: 991px) {

.brand-row {
	height: 178px;
}
}

@media (min-width: 460px) and (max-width: 767px) {

.brand-row {
	height: 84px;
}
}

@media (min-width: 320px) and (max-width: 459px) {

.brand-row {
	height: 89px;
}
}

/* ------------------ */
/* 3. ЛОГОТИП В ШАПКЕ */	

/* Правка высоты логотипа */

.brand-row .flex-logo-wrap {
    min-height: unset;
}

/* Размер Логотипа и левый отступ */

.brand-row .flex-logo-wrap {
    left: 25px;
    width: 180px;
}

/* Дизайн Логотипа */

.brand-row .flex-logo-wrap span.wpm_default_header .brand-logo, .brand-row .flex-logo-wrap a.wpm_default_header .brand-logo  {
	border-radius: 100%;               		                /* Закругляет логотип */
	border: 4px solid #fff;         	 		            /* Дизайн рамки логотипа */
    background-color: #ffd600; 		 		                /* Фон для прозрачного логотипа */
	box-shadow: 5px 10px 25px 0px rgb(0 0 0 / 15%);         /* Внешняя тень логотипа */
	/* padding: 10px; */					 		        /* Внутренний отступ в логотипе */  
}

/* Положение Логотипа на разных экранах */

@media (min-width: 1400px) {

.brand-row .flex-logo-wrap {
	top: 140px;
}
}

@media (min-width: 1200px) and (max-width: 1399px) {

.brand-row .flex-logo-wrap {
    top: 90px;
}
}

@media (min-width: 992px) and (max-width: 1199px) {

.brand-row .flex-logo-wrap {
    top: 41px;
}
}

@media (min-width: 768px) and (max-width: 991px) {

.brand-row .flex-logo-wrap {
    bottom: 1px;
}
}

@media (min-width: 460px) and (max-width: 767px) {

.brand-row .flex-logo-wrap {
	bottom: 8px;
    left: 10px;
    width: 100px;
}
}

@media (min-width: 320px) and (max-width: 459px) {

.brand-row .flex-logo-wrap {
	bottom: 5px;
    left: 1px;
    width: 100px;
}
}

/* Переносим ИСХОДНОЕ ЛОГО в центр, если ОТКЛЮЧЕНА ШАПКА в Админке */
/* Иначе Лого будет слева и некрасиво смотреться */
/* Также отменяем эти правила в рубриках, где есть карточка - ШАПКА */

.site-content:not(:has(a[href*="wpm-category/header-card-"][class*="folder-wrap"])) .brand-row[style*="background: transparent;"] {
    /* display: none; */
	height: auto;
}

.brand-row[style*="background: transparent;"] .flex-logo-wrap {
	top: auto;
    left: auto;
    width: 100%;
}