:root 
{
	--background-color: #EBEBEB;
	--panel-border-color: white;			       /*цвет рамки миникорзины, левой поисковой панели и т.д.*/
	--text-color: #737089;
	--text-selected-color: black;

	--link-color: rgb(85,69,127);					/* pxp - классический цвет линков pxp #5E54B9 */
	--link-accent-color: #B62525;
	--link-selected-color: black;

	--news-header-color:      black;
	--news-header-background: white;

	--home-width: 1400px;							/*ширина home page  и всех остальных страниц, кроме поисковой*/
	--home-theme-big-width: 550px;					/*ширина левой части home page*/
	--home-theme-list-width: 800px;					/*макс. ширина правой части home page с коллажом*/
	--home-theme-collage-item-img-width: 150px;		/*ширина фото на home page в правом коллаже */

	--collage-item-width: 250px;					/*ширина фото в поисковой выдаче*/

	--left-collage-panel-width: 250px;				/*ширина левой панели для расширенного поиска*/

	--iframe-cart-mini-width: 150px;				/*ширина iframe для миникорзины*/
	--cart-mini-photo-img-width: 110px;				/*ширина фоток в миникорзине*/
}

/* надо добавить переменные, чтобы в миникорзине на декстопе 200px корректно отображались

@media (max-width:600px)
{
    html{
        zoom:0.35;
    }
}
*/

body 
{
	background-color: var(--background-color);
	color: var(--text-color);
	font-family: Arial,serif;

	font-weight: bold;

	width: var(--home-width);
	margin: 0 auto;

	/* min-width: 570px;  лимит по минимальному размеру окна*/ 
	/* min-height: 100vh; */

	/* EA color scheme 
	*/

	--background-color: #ffffff;
	--panel-border-color: #ececec;			       
	--text-color: #636363;
	--text-selected-color: black;

	--link-color: #004A84;
	--link-accent-color: #aa1021;
	--link-selected-color: black;

	--news-header-color:      black;
	--news-header-background: #ececec;
}


body[data-page="search"]
{
	width: auto;
	margin: 0px 40px;
}

body[data-page="search-advanced"]
{
	width: auto;
	margin:0px;
}

body[data-page="zoom"]
{
	width: auto;
	margin: 0px 40px;
}

body[data-page="cart-mini"]
{
	 margin: 0 0;
	 min-width: 150px;
}

body[data-page="cart-mini-collapsed"]
{
	width: 100%;
	margin: 0;
}

@media (max-width: 1300px)  
{
	body
	{
		 width: auto;
		 margin: 0 40px;
	}
}

iframe {
    width: 100%;
    display: block;   
    border: none;
}

div table 
{
    font: inherit;
}

a 
{
	color: var(--link-color);
	text-decoration: none;
}


a[data-accent="yes"]
{
	color: var(--link-accent-color);
}

div[data-accent="yes"]
{
	color: var(--text-selected-color);
}

span[data-accent="yes"]
{
	color: var(--text-selected-color);
}


a[data-selected="yes"]
{
	color: var(--link-selected-color);
}

a:hover
{
	text-decoration: underline;
}

hr 
{
  border: none;
  height: 1px;
  background: white;
}

a.new
{
	color: #B62525; /* OLD - TO DELETE*/
}


img
{
    border: 0px solid black;
}

div
{
    
}

.list-common
{
	background-color: var(--background-color); 
	color: var(--text-selected-color);
}


/* COMMON COLUMN LAYOUT LEFT & RIGHT */

.common-col-container
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

	/* font-size: smaller; */
}


.common-col-left
{
	text-align: left;
}


.common-col-right
{
	text-align: right;
}

.common-paragraph
{
	margin-bottom: 1em;

	overflow-wrap: break-word;
}


/* TOP-MENU */

.top-menu
{
	display: flex;
	justify-content: flex-end;
	margin: 1ex 0ex;

}

.top-agency-profile
{
	margin: 1ex 0ex;

	font-size: smaller;
 
}


.top-menu-item
{
	margin-left: 2ex;
	font-size: smaller;
}

/* FOOTER */

.footer
{
	text-align: center;
	font-size: smaller;
}

/* SEARCH */

.search-panel
{
	display: flex;
	justify-content: space-between;

	margin-bottom: 20px;
	/* border: 1px solid white;  */
}


.header-logo
{
	display: inline-block;
}

.header-logo img
{
	display: block;
}

.header-search-text 
{

	width: 100%;

	margin-left: 40px;
	margin-top: 0.5em;

	/* border: 1px solid white; */
}


.header-search-text form {
	width: 100%;

}

.header-search-text input[type="text"]
{
    width: 100%;
	height: 1.5em;
	box-sizing: border-box;	

	font-size: 130%;

}

.header-search-submit
{

	margin-left: 20px;
	margin-top: 1em; 
} 


@media (max-width: 1300px)  
{
	.header-logo {
		zoom: 0.75;
	}

	.header-search-text
	{
		margin-left: 10px;
	}

	.header-search-submit
	{
		margin-left: 10px;
	}
}

.search_date_container
{
	display: flex; 
	flex-wrap: wrap;
}

/*  HOME  */

.home-theme-section
{
	display: flex;
	flex-wrap: nowrap;
}

.home-theme-betweener
{
	width: 50px;
	min-width: 30px;
	height: 1.1em;

	background-color: var(--news-header-background);
}


/* для mobile правые секции home-page переносятся*/
@media (max-width: 1300px)      /*размер экрана перехода на мобильную версию*/
{
	.home-theme-section
	{
		display: flex;
		flex-wrap: wrap;
	}

	.home-theme-betweener
	{
		width: 0px;
		height:0px;
	} 

}

.home-theme-header
{
	color: var(--news-header-color);
	background-color: var(--news-header-background);

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.home-theme-big
{
	display: flex;
	flex-direction: column;

	width: var(--home-theme-big-width);

	margin-bottom: 1em;
}

.home-theme-big-img
{
	max-height: var(--home-theme-big-width);
	overflow: hidden;
}

.home-theme-big-img img
{
	width: var(--home-theme-big-width);
	height: auto;
}

.home-theme-big-caption
{
	font-size: smaller;
}

.home-theme-list
{
	display: flex;
	flex-direction: column;

	max-width: var(--home-theme-list-width);
}

/*
@media (max-width: 1300px)  
{
	.home-theme-list
	{
		 width: auto;
		 max-width: 600px;
	}
}
*/

.home-theme-collage
{
	display: flex;
	flex-wrap: wrap;
}

.home-theme-collage-item
{
	display: flex;
	flex-direction: column;	

	width: 150px;
	margin-right: 30px;
	margin-bottom: 20px;

	font-size: smaller;
	
}

.home-theme-collage-item-img
{
	height: auto;
	max-height: var(--home-theme-collage-item-img-width);
	overflow: hidden;
}


.home-theme-collage-item-img img
{
	width: auto;
	max-width: 150px;
	height: auto;
}


.home-theme-msg-all-theme
{
	font-size: smaller;

	text-aling: center;
	align-items: center;

}


/* COLLAGE */

.collage-panel
{
	display: flex;
	justify-content: space-between;

	margin-top: 2ex;
}

.collage
{
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;

	row-gap: 3ex;
}

.collage-item
{
	width: var(--collage-item-width);

    border: 0px solid black;
}


.collage-news-header
{
	min-height: 1.2em;

	color: var(--news-header-color);
	background-color: var(--news-header-background);

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}



.collage-news-img
{

}

.collage-news-elem
{
	display: flex;
	justify-content: space-between;
	font-size: smaller;

	margin-top: 3px;
}

.collage-item-betweener
{
	min-width:30px;
	height: 1.2em;

	background-color: var(--news-header-background);
}


/* SHOP-CART-MINI */

iframe.iframe-cart-mini
{
	overflow-x: hidden;  
	overflow-y: auto;
	border: none;

	width: var(--iframe-cart-mini-width);
	height: 100%;
	min-height: 100vh;

	font-size: 50%;
}

.cart-mini
{
	width: var(--iframe-cart-mini-width);
	height: 100%;
	min-height: 100vh;
	/*flex: 1;*/

	margin-left: 20px;
	padding: 10px 15px;

	border: 1px solid var(--panel-border-color);
}

.cart-mini-control
{
	font-size: smaller;
}

.cart-mini-photo
{
	display: flex;

	margin-top: 10px;
}

.cart-mini-photo-img
{
	width: var(--cart-mini-photo-img-width);
	height: auto;

	margin-right: 5px;

}

.cart-mini-news-id
{
	font-size: smaller;
}


iframe.iframe-cart-mini-collapsed
{
	border: none;
	overflow-x: hidden;  
	overflow-y: hidden;

	width: 100%;

	height: 2.4em;

	margin-bottom: 1em;
}

.cart-mini-collapsed
{
	text-align: right;

	/*font-size: smaller;*/

	width: 100%;
}

/* LEFT COLLAGE PANEL*/

iframe.iframe-left-collage-panel
{
	overflow-x: hidden;  
	overflow-y: auto;
	border: none;

	width: var(--left-collage-panel-width);
	height: 100%;
	min-height: 100vh;
}

.left-collage-panel
{
	width: var(--left-collage-panel-width);
	height: 100%;
	min-height: 100vh;

	margin-right: 20px;
	padding: 20px;

	border: 1px solid var(--panel-border-color);
}

/* ZOOM */

.zoom-header
{
	min-height: 1.2em;

	color: var(--news-header-color);
	background-color: var(--news-header-background);
}

.zoom-section
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.zoom-img
{
	margin-right: 30px;
	margin-bottom: 1em;
}

.zoom-info
{
	max-width: 400px;
	
	font-size: smaller;
}