/* =========================
   RESPONSIVE
========================= */

@media (max-width: 1200px) {

	.tubuy-single-product-wrapper {
		grid-template-columns: 360px 1fr;
	}

	.tubuy-product-trust {
		grid-column: span 2;
		position: relative;
		top: auto;
	}

}

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

@media (max-width: 992px) {

	.tubuy-single-product-wrapper {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.tubuy-single-product-main-image {
		min-height: 380px;
	}

	.tubuy-product-trust {
		grid-column: auto;
	}

}

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

@media (max-width: 576px) {

	.tubuy-single-product {
		padding: 20px 0 50px;
	}

	.tubuy-single-product-wrapper {
		gap: 18px;
	}

	/* =========================
	   GALLERY
	========================= */

	.tubuy-product-gallery-wrapper {
		flex-direction: column-reverse;
	}

	.tubuy-product-gallery-thumbnails {
		flex-direction: row;
		gap: 10px;
	}

	.tubuy-product-gallery-thumb {
		width: 60px;
		height: 60px;
		border-radius: 14px;
	}

	.tubuy-single-product-main-image {
		min-height: 260px;
		border-radius: 22px;
	}

	/* =========================
	   SUMMARY
	========================= */

	.tubuy-single-product-title {
		font-size: 28px;
		line-height: 1.1;
		letter-spacing: -1.2px;
		margin-bottom: 14px;
	}

	.tubuy-single-product-rating {
		margin-bottom: 14px;
	}

	.tubuy-single-product-price {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 10px;
		margin-bottom: 18px;
	}

	.tubuy-single-product-price del {
		font-size: 22px;
	}

	.tubuy-single-product-price ins {
		font-size: 34px;
		letter-spacing: -1px;
	}

	.tubuy-single-product-price .discount-percentage {
		height: 30px;
		padding: 0 12px;
		font-size: 13px;
	}

	.tubuy-single-product-description {
		font-size: 14px;
		line-height: 1.7;
		margin-bottom: 18px;
	}

	.tubuy-product-meta-item {
		font-size: 13px;
	}

	/* =========================
	   ACTIONS
	========================= */

	.tubuy-product-actions-top {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}

	.tubuy-quantity-box {
		width: 100%;
	}

}