/* ==========================================================
   DIGBANG SHOP HERO
========================================================== */

.db-shop-hero {
	width: 100%;

	padding-top: 32px;
}


.db-shop-hero__container {
	width: 1320px;
	max-width: calc(100% - 120px);

	margin: 0 auto;
}


/* =======================
   BREADCRUMB
======================= */

.db-shop-hero .db-breadcrumb {
	margin-bottom: 32px;
}


/* =======================
   BANNER
======================= */

.db-shop-hero__banner {
	width: 100%;
	height: 523px;

	border-radius: 24px;

	overflow: hidden;
}


.db-shop-hero__image {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;

	border-radius: 24px;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1199px) {

	.db-shop-hero__container {
		width: calc(100% - 64px);
		max-width: none;
	}


	.db-shop-hero__banner {
		height: 420px;

		border-radius: 20px;
	}


	.db-shop-hero__image {
		border-radius: 20px;
	}

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

	.db-shop-hero {
		padding-top: 16px;
	}

	.db-shop-hero__container {
		width: calc(100% - 32px);
		max-width: none;

		margin: 0 auto;
	}

	.db-shop-hero .db-breadcrumb {
		margin-bottom: 20px;
	}

	.db-shop-hero__banner {
		width: 100%;
		height: auto;

		aspect-ratio: auto;

		border-radius: 16px;

		overflow: hidden;
	}

	.db-shop-hero__image {
		display: block;

		width: 100%;
		height: auto;

		object-fit: contain;

		border-radius: 16px;
	}

}