@media (min-aspect-ratio: 161803/100000) {
	header {
		_background-color: red !important;
	}
	.card-exhibit {
		grid-template-columns: 38.2% 61.8%;
		grid-template-rows: minmax(0,1fr) min-content min-content 52px minmax(0,2fr);
		grid-template-areas:
		"image ."
		"image name"
		"image price"
		"image action"
		"image .";
	}
	.card-exhibit::after {
		background-image: var(--url-noise),radial-gradient(circle at 18% center,transparent 20%,#666 50%,#202020 100%);
	}
	.card-exhibit .card-exhibit-name {
		grid-area: name;
		top: 0;
		height: auto;
		padding-bottom: 16px;
		align-items: flex-start;
		text-align: left;
	}
	.card-exhibit figure img {
		height: 100%;
	}
	.card-exhibit .price-tag {
		grid-area: price;
		position: relative;
		top: 0;
		height: auto;
		padding-bottom: 16px;
		text-align: left;
	}
	.card-exhibit .card-action {
		padding: 0;
		justify-content: flex-start;
	}
}

@media (min-width: 640px) {
	.app-header {
		_grid-template-columns: 0 0 300px 70px minmax(0,1fr) 70px 70px;
	}
	.app-header .ui-button-back {
		_width: 70px;
		_height: 70px;
	}
	.app-header .ui-button-logo-fe {
		width: 0;
		height: 0;
	}
	.app-header .ui-button-logo-floristexpress {
		width: 100%;
		height: 100%;
		_padding: 0 16px;
		_clip: rect(0,150px,55px,0);
	}

}

@media (min-width: 860px) {
	.app-header {
		grid-template-columns: 0 0 minmax(0,1fr) 70px 0 0 70px;
		grid-template-rows: 70px;
		_padding: 0 8px;
	}
	.app-page .app-header {
		grid-template-columns: 70px minmax(0,1fr) 0 70px 0 0 70px;
	}
	.app-header .ui-button {
		border-radius: 70px;
	}
	.app-header h1 {
		font-size: 24px;
	}
	.app-header .app-search {
		padding: 0 20px;
	}
	.app-header .app-search .ui-button-search {
		width: 0;
		height: 0;
	}
	.app-header .app-search form {
		display: block;
		width: 100%;
	}
	.menu-theme {
		top: 60px;
		right: 16px;
	}
	.app nav ul li {
		flex-grow: 0;
	}
	.app nav ul li a {
		padding: 0 2.5rem;
		font-size: 1rem;
	}
	.app nav ul li a::after {
		right: 2rem;
		left: 2rem;
	}
	main {
		_grid-template-columns: calc(100% - 320px) 320px;
		min-height: calc(100% - 70px);
	}
	main article {
		__padding: 1rem 0;
	}
	main .card-exhibition {
		margin-top: 1rem;
	}
	main .card-collection-header a {
		padding: .5rem 3rem .5rem 3rem;
	}
	main .card-collection-header h2 {
		_margin-bottom: 0;
		_padding: .5rem 0 0 3rem;
		_font-size: 1.4rem;
	}
	main .card-collection-header p {
		_padding: 1rem 0 .5rem 3rem;
		_font-size: .8rem;
	}
	main .card-product-list {
		/*
		grid-auto-columns: 218px;
		grid-template-rows: 350px;
		*/
		padding: 16px 0 16px 2.25rem;
		scroll-padding: 2.25rem;
	}
	main .card-exhibition.grid .card-product-list {
		grid-template-columns: repeat(auto-fill,minmax(172px,1fr));
		gap: 16px;
		padding: 8px 2.25rem 8px 2.25rem;
	}
	main .card-product {
		width: 198px;
		height: 320px;
	}
	main .card-product .product-name {
		top: 81%;
	}
	main .card-product .product-subname {
		top: 86%;
	}
	main .card-exhibition.grid .card-product {
		padding-top: 161.803%;
	}
	main .card-product::after {
		padding-top: 161.803%; /* 125% */
	}
	main .card-product h3 {
		margin-top: .5rem;
		padding-left: .2rem;
		font-size: .92rem;
	}
	main .card-product h4 {
		margin-top: 0;
		padding-left: .2rem;
		font-size: .8rem;
	}
	main .card-product figure {
		top: -24px;
		_height: 250px;
		height: auto;
		padding-top: 161.803%; /* 125% */
	}
	main .card-product .price-tag {
		margin-top: .5rem;
		padding: 0 .2rem;
		font-size: .8rem;
	}
	/*
	.card-exhibit {
		width: 320px;
		padding: 12px;
		box-shadow: 0 0 40px 20px #0009;
		opacity: 1;
		pointer-events: none;
	}
	*/
}

@media (min-width: 1100px) {
	.app-header {
		grid-template-columns: 0 0 330px 200px minmax(0,1fr) /*240px*/0 70px;
	}
	.app-page .app-header {
		grid-template-columns: 70px minmax(420px,1.5fr) 70px 200px minmax(0,1fr) /*240px*/0 70px;
	}
	.app-page .app-header .ui-button-logo-fe {
		width: 100%;
		height: 100%;
	}
	.app-page .app-header .ui-button-logo-floristexpress {
		width: 0;
		height: 0;
	}
	.app-header .ui-button-phone div {
		width: auto;
		margin-left: .5rem;
	}
	.app-header .ui-button-account div {
		display: -webkit-box;
		width: auto;
		margin-left: .5rem;
		white-space: pre-wrap;
		text-overflow: ellipsis;
		overflow-wrap: break-word;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
}