/* STORES */

.main-stores {
	padding:20px 0 150px;
}

.stores__title,
.stores__subtitle{
	text-align:center;
	color:var(--red);
	font-family:var(--font-primary);
	font-weight:700;
	line-height:1;
}

.stores__title{
	font-size:82px;
	margin-bottom:95px;
}

.stores__subtitle{
	font-size:68px;
	margin-top:110px;
}

.stores__subtitle a {
	text-decoration: none;
}

.stores__subtitle a:hover {
	color:var(--black);
}

.stores-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:55px;
}

.store-card{
	display:flex;
	flex-direction:column;
	align-items:center;
}

.stores-burger{
	position:relative;
	width:100%;
	border:1px solid var(--black);
	padding:38px 18px 40px;
	transition:var(--transition);
}

.store-card:hover .stores-burger{
	transform:translateY(-4px);
}

.stores-burger__lines{
	width:100%;
	height:auto;
}

.stores-burger__button{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:82%;
	height:52px;
	border-radius:999px;
	background:var(--black);
	color:var(--white);
	display:flex;
	align-items:center;
	justify-content:center;
	font-family:var(--font-primary);
	font-size:28px;
	font-weight:400;
	line-height:1;
}

.store-card__info {
	margin-top:38px;
	text-align:center;
	font-size:22px;
	line-height:1.35;
}

.store-card__info .text-capital {
	text-transform: uppercase;
}

.store-card__info a {
	display:block;
	text-decoration:none;
}

.store-card__hours{
	width:100%;
	margin-top:42px;
	display:grid;
	gap:10px;
	font-size:17px;
}

.store-card__hours-row{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
}

.store-card__hours-row strong{
	font-weight:700;
}

/* TABLET */

@media(max-width:1024px){

	.page-stores{
		padding:50px 0 90px;
	}

	.stores__title{
		font-size:58px;
		margin-bottom:65px;
	}

	.stores__subtitle{
		font-size:48px;
		margin-top:80px;
	}

	.stores-grid{
		grid-template-columns:1fr;
		max-width:580px;
		margin:0 auto;
		gap:60px;
	}

	.stores-burger__button{
		font-size:28px;
		height:46px;
	}

	.store-card__info{
		font-size:20px;
	}

	.store-card__hours{
		font-size:16px;
	}
}

/* MOBILE */

@media(max-width:700px){

	.page-stores{
		padding:35px 0 70px;
	}

	.stores__title{
		font-size:38px;
		margin-bottom:45px;
	}

	.stores__subtitle{
		font-size:34px;
		margin-top:55px;
	}

	.stores-grid{
		gap:42px;
	}

	.stores-burger{
		padding:24px 14px 28px;
	}

	.stores-burger__button{
		height:38px;
		font-size:20px;
	}

	.store-card__info{
		margin-top:25px;
		font-size:17px;
	}

	.store-card__hours{
		margin-top:24px;
		font-size:14px;
	}
}