/*==== LANDSCAPE 1.4 ====*/
@media ( min-aspect-ratio: 7/5 ) {
	/*landscape*/
	html {
		/*		min-width: 640px;*/ /*1663.2 on 4K res.*/
		/*		min-height: 480px;*/
		--screen_is:landscape;
		--assrtmn_item_sizes_set: 0;
		height: 100%;
		font-size: 1.75vw;
		--m_mainShadow: 0.4vw 0.4vw 3vw rgba( var( --mainColorRGB ), 0.4 );
		--m_secondShadow: 0.4vw 0.4vw 3vw rgba( var( --secondColorRGB ), 0.4 );
		--m_CTAshadow: 0.5vw 0.5vw 2vw var( --CTAcolorRGBa_0-5 );
	}

	.main_page {
		--m_header_height: 12vh;
	}

	header {
		--grid_header_tmplt_cols: 18vw auto 0 9vw;
		grid-template-areas: "logo_pic logo_txt free cart";
		--font_header_h1_size: 6vh;
	}

	main.G_grid {
		--m_grid_tmplt_cols_main: 18vw auto 9vw;
		--m_grid_tmplt_rows_main: 12fr 2fr;
		grid-template-areas: "filters appointments social" "details appointments social";
	}

	.m_filters {
		padding-top: 0.5rem;
	}

	.m_filters .G_flex {
		flex-direction: column;
		/*		--m_jst_filter: start;*/
	}

	.m_filters ul.f_menu > li {
		--m_height_li_filter: 5vw;
		--m_width_li_filter: 85%;
		margin-top: 1rem;
		border-radius: calc(var(--m_height_li_filter) / 2);
	}

	.m_filters ul.f_menu > li .fi_ico {
		margin-left: 0.5vw;
		height: 4vw;
		width: 4vw;
		border-radius: 2vw;
	}

	ul.f_menu li.f_item.active .fi_selected {
		justify-items: left;
	}

	.m_appointments { /*.G_grid:not([data-active=""]) .app_element.active a, .ap_total {*/
		--m_height_app_el_a: 3vw;
		--m_font_size_app_el_a: 1.5vw;
		--m_padding_app_el_a: 0 1.5vw;
		--m_border_r_app_el_a: 2vw;
	}

	.m_appointments.G_grid {
		--m_grid_row_appointments: 50% auto;
		--m_grid_col_appointments: repeat(2, 33.33%) auto;
		--m_height_app: 97%;
	}

	.m_appointments.G_grid[data-active]:not([data-active=""]) {
		--m_grid_t_cols_app: 80% 20%;
		--m_grid_t_rows_app: repeat(5, 20%);
		grid-template-areas: "selected another1" "selected another2" "selected another3" "selected another4" "selected another5";
	}

	.m_appointments:not([data-active=""]) .app_element .ap_pic > img {
		--m_padding_app_el_img: 0.25vw;
	}

	.m_appointments.G_grid:not([data-active=""]) .app_element.active {
		height: 98%;
		--m_grid_t_cols: 4rem 1fr 1fr;
	}
	.m_appointments.G_grid:not([data-active=""]) .app_element.active .ap_total {
		justify-self: flex-end;
	}
	.m_appointments.G_grid:not( [ data-active="" ] ) .app_element.active > a {
		justify-self: flex-start;
	}

	.app_element {
		--m_grid_t_rows_app_el: 0fr 5fr 1fr 0.5fr 0.5fr 1fr 1fr;
		--m_grid_t_cols_app_el_s: 4vw auto;
		--m_grid_t_rows_app_el_s: 4vw auto;
		--m_font_size_app_total: 1vw;
		--m_font_size_app_total_s: 1.25vw;
		--m_font_size_app_a: 1.5vw;
		--m_font_size_app_a_s: 1vw;
		--m_border_r_app: 2vw;
		--m_border_r_app_s: 2vw;
		padding-top: 1rem;
		height: calc( 100% - 1rem );
	}

	.app_items {
		--m_app_items_top: 3rem;
	}
	/*
		.m_appointments:not([data-active=""]) .app_element {
			padding: 0.5vw;
			border-radius: 2vw;
		}
		.m_appointments:not([data-active=""]) .app_element .ap_pic {
			text-align: left;
		}*/
	.asrtmnt_item {
		--m_grid_t_rows_a_item: 12vw 0 4vw;
		--m_width_a_item: 12vw;
		--m_height_a_item: 16vw;
		--m_margin_a_item: 0.75vw 0.5vw;
		--m_border_r_a_item: 0.25rem;
		--m_width_ai_img_pv: auto;
		--m_height_ai_img_pv: 100%;
	}

	.artikle_item .a_age, .a_price {
		--m_width_ai_div: 3vw;
		--m_height_ai_div: 3vw;
		--m_margin_ai_div: 0 0 0 0.5vw;
		--m_font_s_ai_div: 1.5vw;
		--m_margin_r_ai_price: 2vw;
		--m_font_s_ai_prE: 1.25vw;
	}
	.artikle_item .a_name {
		justify-self: start;
		margin-left: 1rem;
	}

	.asrtmnt_item.selected {
		--m_grid_t_cols_ai_sel: 1fr 4fr 1fr 1fr;
		--m_grid_t_rows_ai_sel: 2rem 1fr 1fr 1fr 1fr 1fr 0.5rem 1fr 3rem;
		--m_grid_t_area_ai_sel:
			"free6 name close apps_i"
			"age pic free1 apps_i"
			"type pic free2 apps_i"
			"bo pic pcs apps_i"
			"rc pic pcs apps_i"
			"spec pic price price"
			"space1 pic space2 space3"
			"seria pic cart cart"
			"desc desc desc desc";
/*		--m_width_ai_sel_imax: var( --m_height_ai_sel_imax );
		--m_height_ai_sel_imax: calc( var( --section_height ) - 5rem );*/
		--img_width: calc( var( --section_height ) - 5rem );
		--m_width_ai_div: 1rem;
		--m_height_ai_div: 1rem;
	}
	.asrtmnt_item.selected[data-discount="1"] {
		--m_grid_t_area_ai_sel:
			"free6 name close apps_i"
			"age pic free1 apps_i"
			"type pic pcs apps_i"
			"bo pic pcs apps_i"
			"rc pic price apps_i"
			"spec pic d_price d_price"
			"space1 pic space2 space3"
			"seria pic cart cart"
			"desc desc desc desc";
	}
	.artikle_item > img {
		justify-self: center;
	}
	.asrtmnt_item.selected div.artikle_item {
		--section_height_d: 0px;
		--item_left_d: 8px;
	}
	.asrtmnt_item.selected .a_seria.detailed:not([data-enable="0"]) {
		position: absolute;
		width: max-content;
		align-self: end;
	}
	.asrtmnt_item.selected > div.artikle_item > button {
		width: calc(100% - 2rem);
		padding: 0.5rem;
	}
	.asrtmnt_item.selected > div.artikle_item > .a_price {
		justify-self: center;
	}
	.asrtmnt_item.selected .a_apps_i img {
		--m_app_img_size: 2rem;
	}
	aside {
		flex-direction: column;
	}

	.add_items {
		grid-area: add_i;
		--m_grid_tmplt_cols_tbl : 2rem 3.25rem 5.5fr 3.5fr 2.75fr 3fr;
	}
	.sum_items_div {
		grid-area: sum_i;
	}
	.check_fields_form {
		grid-area: form;
	}
	.cart_div.show .cart_items_div {
		grid-template-columns: 50% auto;
		grid-template-rows: 1fr minmax( 2.75rem, 100% );
		grid-template-areas: "add_i form" "sum_i form";
	}
/*	.cart_items_div :is(.add_items, .sum_items_div.G_grid, .check_fields_form) {
		width: 75%;
	}*/
	.add_item_pic {
		--m_li_items_height: 3rem;
	}
	.add_items ul {
		max-height: 15rem;
	}

}