@charset "UTF-8";

main>section[data-section="catalog"] {
	width: var(--width);
	display: flex;
	flex-flow: row wrap;
	gap: var(--gap, 5px);
}

main>section[data-section="catalog"][data-catalog-type="categories"]>a.category[type="button"] {
	height: 23px;
	padding: 8px 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-grow: 1;
	border-radius: 0.75rem;
	color: var(--tg-theme-button-text-color);
	background-color: var(--tg-theme-button-color);
}

main>section[data-section="catalog"][data-catalog-type="categories"]:last-child {
	/* margin-bottom: unset; */
}

main>section[data-section="catalog"][data-catalog-type="products"] {
	--column: calc((100% - var(--gap) * 2) / 3);
	width: var(--width);
	display: grid;
	grid-gap: var(--gap);
	grid-template-columns: repeat(3, var(--column));
	grid-auto-flow: row dense;
}

main>section[data-section="catalog"][data-catalog-type="products"]>div.column {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: var(--gap);
}

main>section[data-section="catalog"][data-catalog-type="products"]>div.column>article.product {
	position: relative;
	width: 100%;
	display: flex;
	flex-grow: 0;
	flex-direction: column;
	border-radius: 0.75rem;
	overflow: clip;
	backdrop-filter: brightness(0.7);
	cursor: pointer;
}

main>section[data-section="catalog"][data-catalog-type="products"]>div.column>article.product:hover {
	/* flex-grow: 0.1; */
	/* background-color: var(--tg-theme-secondary-bg-color); */
}

main>section[data-section="catalog"][data-catalog-type="products"]>div.column>article.product:hover>* {
	transition: 0s;
}

main>section[data-section="catalog"][data-catalog-type="products"]>div.column>article.product:not(:hover)>* {
	transition: 0.2s ease-out;
}

main>section[data-section="catalog"][data-catalog-type="products"]>div.column>article.product>img:first-of-type {
	z-index: -50;
	width: 100%;
	max-height: 120px;
	object-fit: cover;
}

main>section[data-section="catalog"][data-catalog-type="products"]>div.column>article.product>img:first-of-type+* {
	margin-top: auto;
}

main>section[data-section="catalog"][data-catalog-type="products"]>div.column>article.product>a.title {
	padding: 4px 8px;
	font-size: 0.9rem;
	font-weight: bold;
	word-break: break-word;
	hyphens: auto;
	color: var(--tg-theme-text-color);
	background-color: var(--tg-theme-secondary-bg-color);
}

main>section[data-section="catalog"][data-catalog-type="products"]>div.column>article.product>button:last-of-type {
	height: 33px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	color: var(--tg-theme-button-text-color);
	background-color: var(--tg-theme-button-color);
}

main>section[data-section="cart"] {
	--diameter: 4rem;
	z-index: 999;
	right: 5vw;
	bottom: 5vw;
	position: fixed;
	width: var(--diameter);
	height: var(--diameter);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: 100%;
	background-color: var(--tg-theme-button-color);
}

main>section[data-section="cart"]>i.icon.shopping.cart {
	top: -1px;
	color: var(--tg-theme-button-text-color);
}
