/* ==========================================================
   DIGBANG SHOP PAGE
========================================================== */

.db-shop {
	width: 100%;
	min-height: 100vh;

	background: #FFFFFF;

	direction: rtl;
}


/* ==========================================================
   GLOBAL SHOP BOX SIZING
========================================================== */

.db-shop,
.db-shop *,
.db-shop *::before,
.db-shop *::after {
	box-sizing: border-box;
}


/* ==========================================================
   SHOP CATALOG
========================================================== */

.db-shop__catalog {
	width: 100%;

	margin-top: 64px;
	margin-bottom: 80px;
}


/* ==========================================================
   SHOP CONTAINER
========================================================== */

.db-shop__container {
	display: flex;
	align-items: flex-start;

	gap: 24px;

	width: 1280px;
	max-width: calc(100% - 64px);

	margin: 0 auto;
}


/* ==========================================================
   FAQ SECTION
========================================================== */

.db-shop__faq {
	width: 100%;

	margin-top: 88px;
}


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

@media (max-width: 1199px) {

	.db-shop__catalog {
		margin-top: 48px;
		margin-bottom: 64px;
	}


	.db-shop__container {
		width: calc(100% - 48px);
		max-width: none;

		gap: 20px;
	}


	.db-shop__faq {
		margin-top: 64px;
	}

}


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

@media (max-width: 767px) {

	.db-shop {
		overflow-x: hidden;
	}


	.db-shop__catalog {
		margin-top: 32px;
		margin-bottom: 48px;
	}


	.db-shop__container {
		display: flex;
		flex-direction: column;

		width: calc(100% - 32px);
		max-width: none;

		margin: 0 auto;

		gap: 24px;
	}


	.db-shop__faq {
		margin-top: 48px;
	}

}