main section {
	display: grid;
	height: calc( 100vh - var( --header_height ) );
//	grid-auto-flow: row;
	transition: grid 0.25s ease-in-out;
	grid-template-rows: 0fr 1fr 1fr 1fr;
}

main section[data-no='1'] {
	grid-template-rows: 1fr 20fr 0fr 0fr;
}
main section[data-no='2'] {
	grid-template-rows: 1fr 0fr 20fr 0fr;
}
main section[data-no='3'] {
	grid-template-rows: 1fr 0fr 0fr 20fr;
}

#id_selector {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	height: 100%;
	overflow: hidden;
	transition: grid 0.25s ease-in-out;
}
main section[data-no='1'] #id_selector {
	grid-template-columns: 2fr 1fr 1fr;
}
main section[data-no='2'] #id_selector {
	grid-template-columns: 1fr 2fr 1fr;
}
main section[data-no='3'] #id_selector {
	grid-template-columns: 1fr 1fr 2fr;
}

#id_shop, div[data-no='1'] {
	background-color: lightgray;
}
#id_workshop, div[data-no='2'] {
	background-color: lime;
}
#id_selector, div[data-no='3'] {
	background-color: lightpink;
}
/*
main > section > input[type="radio"] {
	display: none;
}

main > section > input[type="radio"]:checked+label {
  background-color: #bbb;
	transition: all 1s ease-in-out;
  	--cell_height: 5fr;

//  height: calc( 80vh - var( --header_height ) );;
}
*/
/*
.main_page main {
	grid-template-columns: var( --main_gt_cols );
	grid-template-rows: var( --main_gt_rows );
	grid-template-areas: var( --main_gt_areas );
}

.main_page main > * {
	height: 100%;
	overflow: hidden;
}

.main_page main > section, nav {
	width: var( --sections_width );
}

.filters {
	grid-area: filters;
}

.appointments {
	grid-area: appointments;
}

.items {
	grid-area: items;
}

.liked {
	grid-area: liked;
}

.simmilar {
	grid-area: simmilar;
}

.seen {
	grid-area: seen;
}

.info {
	grid-area: info;
	background-color: yellow;
}

.social {
	grid-area: social;
	background-color: lightgreen;
}
*/