main.g-page,
main.a-page {
	display: block;
	width: 1168px;
	max-width: 100%;
	padding: 120px 24px 60px;
	margin: 0 auto;
	text-align: center;
}

main.g-page h1,
main.a-page h1 {
	font-size: 3rem;
	letter-spacing: 0;
	margin-bottom: 24px;
}

#g-search-wrap,
#a-search-wrap {
	margin-bottom: 36px;
	display: flex;
	justify-content: center;
}

#g-search,
#a-search {
	width: 535px;
	max-width: 100%;
	background: rgba(255, 255, 255, 0.05);
	border: none;
	color: #fff;
	font-size: 16px;
	padding: 5px;
	border-radius: 15px;
	outline: none;
	height: 45px;
	text-align: center;
	transition: 0.2s;
}

#g-search::placeholder,
#a-search::placeholder {
	color: rgba(255, 255, 255, 0.3);
}

#g-search:hover,
#g-search:focus,
#a-search:hover,
#a-search:focus {
	background: rgba(255, 255, 255, 0.09);
	outline: 3.5px solid #fff;
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
	width: 600px;
}

#g-grid,
#a-grid {
	display: grid;
	grid-template-columns: repeat(6, 180px);
	gap: 8px;
	width: 100%;
}

.g-card,
.a-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
	transition: 0.2s;
}

.g-card img,
.a-card img {
	width: 180px;
	height: 180px;
	border-radius: 10px;
	object-fit: cover;
	border: 3px solid transparent;
	transition: 0.2s;
}

.g-card:hover img,
.a-card:hover img {
	border-color: #fff;
	box-shadow: 0 0 14px rgba(255, 255, 255, 0.25);
	transform: scale(1.25);
}

.g-card span,
.a-card span {
	display: none;
}