/*==== PORTRAIT 0.8 ====*/
@media only screen and (max-aspect-ratio: 7/5) {
	html {
		--screen_is:portrait;
		--assrtmn_item_sizes_set: 0;
		--m_header_height: 14vw;
		-webkit-tap-highlight-color:transparent;
		--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 );

		min-width: 360px;
		min-height: 640px;
		height: calc( var( --device_height ) + var( --main_footer_height ) );
		font-size: 4.25vw;
		overflow-x: hidden;

	}

	/* Hide scrollbar for Chrome, Safari and Opera */
	body::-webkit-scrollbar {
		display: none;
	}

	/* Hide scrollbar for IE, Edge and Firefox */
	body {
		-ms-overflow-style: none;  /* IE and Edge */
		scrollbar-width: none;  /* Firefox */
	}

	header {
		--grid_header_tmplt_cols: 22vw auto 22vw;
		grid-template-areas: "logo_pic logo_txt cart";
		--font_header_h1_size: 1.5rem;
	}
	.add_items {
		--m_grid_tmplt_cols_tbl : 2rem 3.25rem 5.5fr 3.5fr 2.75fr 3fr;
	}

	.add_item_pic {
		--m_li_items_height: 3rem;
	}
	main.G_grid {
		--m_nav_height: 4.5rem;
		--m_nav_marg_b: 0.5rem;
		--m_nav_neg_marg_b: -0.5rem;
		--m_grid_tmplt_cols_main: 1fr 5fr;
		--m_grid_tmplt_rows_main: var( --m_nav_height ) 1fr var( --main_footer_height );
		grid-template-areas: "filters filters" "appointments appointments" "details social";
		--m_width_li_filter: calc( var( --m_nav_height ) - var( --m_nav_marg_b ) );
	}

	.m_filters {
		margin-bottom: var(--m_nav_marg_b);
	}

	.m_filters .G_flex {
		flex-direction: row;
		justify-content: space-evenly;
		/*		--m_jst_filter: space-evenly;*/
	}

	.m_filters > ul.f_menu {
		width: 96%;
		justify-content: space-between;
	}

	ul.f_menu > li.f_item.G_grid {
		grid-template-columns: 100%;
		grid-template-rows: 60% auto 0 0;
		grid-template-areas: "f_icon" "f_text" "f_select" "f_select_div";
		justify-items: center;
		--m_height_li_filter: 100%;
		border-radius: 9vw;
/*		transition: height 0.25s, width 0.25s;*/
	}

	ul.f_menu > li.f_item.G_grid.active {
		grid-template-rows: 50% 0 auto 0;
	}

	ul.f_menu > li.f_item.G_grid .fi_ico {
		height: 10vw;
		width: 10vw;
		border-radius: 5vw;
/*		transition: height 0.25s, width 0.25s;*/
	}

	ul.f_menu > li.f_item.G_grid.active .fi_ico {
		height: 6vw;
		width: 6vw;
		border-radius: 3vw;
	}

	ul.f_menu > li.f_item.G_grid .fi_name {
		padding: 0 0 2vw 0;
		font-size: 0.5em;
		font-weight: 600;
		transition: font-size 0.25s;
	}

	ul.f_menu > li.f_item.G_grid.active .fi_name {
		font-size: 0;
		transition: font-size 0s;
	}

	ul.f_menu > li.f_item.G_grid .fi_selected {
		padding: 0;
		transition: font-size 0s;
	}

	ul.f_menu > li.f_item.G_grid.active .fi_selected {
		position: relative;
		height: 100%;
		width: 100%;
		/*		text-align: center;*/
		font-weight: 600;
		transition: font-size 0.25s;
	}

	ul.f_menu > li.f_item.G_grid .fi_selected a {
		padding-bottom: 20%;
	}

	ul.f_menu > li.f_item.active .row_pic {
		width: 4vw;
		margin: 0;
		transform: rotateZ(90deg) translate(70%, 86%);
	}


	ul.f_menu > li.f_item.G_grid.selecting .fi_selection {
		width: 18vw;
		top: 2vw;
	}

	li.f_item.G_grid.selecting .fi_selection > ul {
		position: absolute;
		height: 10vw;
		left: -50%;
		margin: 0 -0.5vw;
	}

	li.f_item.G_grid.selecting .fi_selection > ul > li {
		margin: 0 0.5vw;
		padding: 0;
		width: 18vw;
		border-radius: 5vw;
	}

	ul.f_menu > li.f_item.G_grid:first-child .fi_selection > ul {
		left: 0;
	}

	ul.f_menu > li.f_item.G_grid:last-child .fi_selection > ul {
		right: 0;
		left: auto;
	}

	.m_appointments.G_grid {
		--m_grid_col_appointments: 50% auto;
		--m_grid_row_appointments: repeat(2, 33.33%) auto;
		transition: grid-template-rows 0.25s ease-in;
	}

	.m_appointments:not([data-active=""]) {
		--m_grid_t_cols_app: repeat(5, 20%);
		--m_grid_t_rows_app: 16vw auto;
		grid-template-areas: "another1 another2 another3 another4 another5" "selected selected selected selected selected";
		width: 96%;
		left: 2%;
	}
	.m_appointments:not([data-active=""]).show_artikle {
		transition: grid-template-rows 0.25s ease-out;
		--m_grid_t_rows_app: 0 100%;
	}
	.m_appointments:not([data-active=""]).show_artikle .app_items {
		overflow: hidden;
	}

	.app_element {
		opacity: 1;
		--m_grid_t_rows_app_el: 0.5fr 5fr 0.5fr 0.75fr 0.50fr 3vw 0.75fr;
		--m_grid_t_cols_app_el_s: 10vw auto;
		--m_grid_t_rows_app_el_s: 100% 0;
		--m_font_size_app_total: 3vw;
		--m_font_size_app_total_s: 2vw;
		--m_font_size_app_a: 3vw;
		--m_font_size_app_a_s: 0;
		--m_border_r_app: 10vw;
		--m_border_r_app_s: 6vw;
	}

	.m_appointments.G_grid .app_element .ap_pic {
		--m_app_top: -0.1rem;
	}
	.app_element .ap_total, > a {
		--m_translate_Y: -0.5rem;
	}

	.m_appointments:not([data-active=""]) .app_element {
		width: 18vw;
		height: 10vw;
		margin-top: 0.5rem;
	}

	.m_appointments:not([data-active=""]) .app_element .ap_pic {
		text-align: inherit;
	}

	.m_appointments:not([data-active=""]) .app_element .ap_total_num {
		padding-right: 1.5vw;
		font-size: 3vw;
		font-weight: 600;
	}

	.m_appointments:not([data-active=""]) .app_element .ap_total_text {
		display: none;
	}

	.m_appointments.G_grid:not([data-active=""]) .app_element.active {
		grid-template-areas: "txt pic num" "items items items";
		height: calc( 100% - var( --m_margin_top_sel ) );
		margin-top: var( --m_margin_top_sel );
	}

	.m_appointments:not([data-active=""]) .app_element.active > .ap_total {
		opacity: 1;
	}
	.m_appointments:not([data-active=""]) .app_element.active > .ap_pic {
		opacity: 1;
	}
	.m_appointments:not([data-active=""]) .app_element.active > a {
		opacity: 1;
	}

	/* .show_artikle start-- */
	.m_appointments.G_grid:not([data-active=""]).show_artikle .app_element.active {
/*		height: 100%;*/
		border-top: none;
	}
/*	.m_appointments:not([data-active=""]).show_artikle .app_element.active > .ap_total, .ap_pic, a {
		opacity: 0;
	}*/
	.m_appointments.G_grid:not([data-active=""]).show_artikle .app_element.active .app_items {
		top: -1.5rem;
		height: calc( 100% + 1.5rem );
	}
/* --end .show_artikle */

	.m_appointments.G_grid:not([data-active=""]) .app_element.active .ap_pic {
		position: inherit;
		width: 12vw;
		height: 12vw;
	}

	.m_appointments.G_grid:not([data-active=""]) .app_element .ap_pic img {
		padding: 1vw;
	}
	
	.m_appointments { /*.G_grid:not([data-active=""]) .app_element.active > ( a, .ap_total ) {*/
		--m_height_app_el_a: 8vw;
		--m_font_size_app_el_a: 3vw;
		--m_padding_app_el_a: 0 3vw;
		--m_border_r_app_el_a: 4vw;
		--m_margin_top_sel: 1rem;
	}

	.m_appointments.G_grid:not([data-active=""]) .app_element.active {
		--m_grid_t_cols: 1fr auto 1fr;
	}

	.m_appointments.G_grid:not([data-active=""]) .app_element.active .ap_total {
		justify-self: flex-start;
		box-shadow: 0.25vw 0.25vw 3vw rgba(var(--mainColorRGB), 0.5);
		background-image: linear-gradient(145deg, white 30%, rgba(var(--mainColorRGB), 0.75) 125%);
	}
	.m_appointments.G_grid:not([data-active=""]) .app_element.active .ap_total_num {
		padding: 0;
		transform: translateY(0);
	}
	.m_appointments.G_grid:not([data-active=""]) .app_element.active .ap_total_text {
		display: block;
		padding-left: 0.75vw;
	}

	.m_appointments.G_grid:not( [ data-active="" ] ) .app_element.active > a {
		justify-self: flex-end;
		background-image: linear-gradient(145deg, white 30%, rgba(var(--mainColorRGB), 0.75) 125%);
		box-shadow: 0.25vw 0.25vw 3vw rgba(var(--mainColorRGB), 0.5);
	}

	.m_appointments.show_artikle {
		grid-template-rows: 0 100%;
	}
	.m_appointments:not([data-active=""]).show_artikle .app_element:not(.active) {
		opacity: 0;
		transition: opacity 0.25s ease-in;;
	}
	.app_items {
		--m_app_items_top: 2rem;

	}

	.asrtmnt_item {
		--m_grid_t_rows_a_item: 26vw auto 7vw;
		--m_width_a_item: 26vw;
		--m_height_a_item: 33vw;
		--m_margin_a_item: 2vw 1vw;
		--m_border_r_a_item: 4.5vw;
		--m_width_ai_img_pv: 100%;
		--m_height_ai_img_pv: auto;
	}

	.artikle_item .a_age, .a_price, .a_pic {
		--m_width_ai_div: 1.5rem;
		--m_height_ai_div: 1.5rem;
		--m_margin_ai_div: 0 0 -2vw 1vw;
		--m_font_s_ai_div: 1rem;
		--m_margin_r_ai_price: 3.5vw;
/*		--m_font_s_ai_prE: 0.75rem;*/
	}
	.artikle_item > img {
		justify-self: start;
	}
	.artikle_item .a_name {
		justify-self: start;
	}

	.asrtmnt_item.selected {
		--m_left_col_width: 15vw;
		--m_right_col_width: 5vw;
		--m_grid_t_cols_ai_sel: repeat( 4, var( --m_width_li_filter ) 1fr ) var( --m_width_li_filter );
		--m_grid_t_rows_ai_sel: 3rem 0.5rem var( --img_width ) 0.5fr 2.75rem 2.5fr;
		--m_grid_t_area_ai_sel:
			"age space1 type space2 bo space3 rc space4 spec"
			"empty1 empty2 name name name name name name close"
			"apps_i pic pic pic pic pic pic pic tmp_01"
			"seria seria seria seria seria empty4 empty5 empty6 empty7"
			"pcs empty8 price price price cart cart cart cart"
			"desc desc desc desc desc desc desc desc desc";
/*		--m_width_ai_sel_imax: var( --m_height_ai_sel_imax );
		--m_height_ai_sel_imax: 18rem;*/
		--img_width: 18rem;
	}
	.asrtmnt_item.selected[data-discount="1"] {
		--m_grid_t_area_ai_sel:
			"age space1 type space2 bo space3 rc space4 spec"
			"empty1 empty2 name name name name name name close"
			"apps_i pic pic pic pic pic pic pic tmp_01"
			"seria seria seria seria seria price price price price"
			"pcs empty8 d_price d_price d_price cart cart cart cart"
			"desc desc desc desc desc desc desc desc desc";
	}
	.asrtmnt_item.selected div.artikle_item {
		--section_height_d: 0.5rem;
		--item_left_d: 0px;
	}
	.asrtmnt_item.selected .a_apps_i img {
		--m_app_img_size: 2.5rem;
	}
	.artikle_item > button {
		width: 33vw;
		padding: 0.65rem;
	}

	aside {
		flex-direction: row;
	}
	.cart_div.show .cart_items_div {
		grid-template-rows: auto 1fr minmax( 45vh, 100%);
	}
	.add_items ul {
		max-height: 12rem;
	}
}