/*
 * Product detail responsive layout: phone, tablet, and desktop.
 * Version: 1.0.0
 */

/* Related products are a bounded grid, never a rail that widens the page. */
body.single-product .related-products .product-row{
	display:grid!important;
	grid-auto-flow:row!important;
	grid-auto-columns:auto!important;
	width:100%!important;
	max-width:100%!important;
	min-width:0!important;
	overflow:visible!important;
	scroll-snap-type:none!important;
	gap:clamp(14px,2.4vw,24px)!important;
}
body.single-product .related-products .product-card{
	width:auto!important;
	min-width:0!important;
	max-width:none!important;
}
@media(min-width:1024px){
	body.single-product .related-products .product-row{
		grid-template-columns:repeat(4,minmax(0,1fr))!important;
	}
}
@media(min-width:700px) and (max-width:1023px){
	body.single-product .related-products .product-row{
		grid-template-columns:repeat(3,minmax(0,1fr))!important;
	}

	#productMount.dss-pdp-v2 .product-page.kt-product-page{
		display:grid!important;
		width:calc(100% - 32px)!important;
		max-width:992px!important;
		margin:0 auto!important;
		padding:28px 0 34px!important;
		grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr)!important;
		gap:24px!important;
		align-items:start!important;
	}
	#productMount.dss-pdp-v2 .product-gallery.refined-gallery{
		position:static!important;
		top:auto!important;
		display:grid!important;
		grid-template-columns:64px minmax(0,1fr)!important;
		gap:10px!important;
		align-items:start!important;
		width:100%!important;
		min-width:0!important;
		margin:0!important;
		padding:0!important;
		overflow:visible!important;
	}
	#productMount.dss-pdp-v2 .product-gallery.single-image{
		grid-template-columns:minmax(0,1fr)!important;
	}
	#productMount.dss-pdp-v2 .gallery-main-wrap{
		position:relative!important;
		grid-column:2!important;
		width:100%!important;
		height:auto!important;
		min-height:0!important;
		max-height:none!important;
		aspect-ratio:1/1!important;
		border:1px solid #e7e7e7!important;
		background:#f7f7f6!important;
	}
	#productMount.dss-pdp-v2 .product-gallery.single-image .gallery-main-wrap{
		grid-column:1!important;
	}
	#productMount.dss-pdp-v2 .gallery-main-img{
		padding:4%!important;
		object-fit:contain!important;
		transform:scale(1.08)!important;
	}
	#productMount.dss-pdp-v2 .gallery-thumbs{
		position:static!important;
		grid-column:1!important;
		grid-row:1!important;
		display:flex!important;
		flex-direction:column!important;
		gap:8px!important;
		width:64px!important;
		max-height:560px!important;
		margin:0!important;
		padding:0!important;
		overflow-x:hidden!important;
		overflow-y:auto!important;
	}
	#productMount.dss-pdp-v2 .gallery-thumb{
		flex:0 0 64px!important;
		width:64px!important;
		height:64px!important;
		padding:4px!important;
	}
	#productMount.dss-pdp-v2 .gallery-thumb img{
		object-fit:contain!important;
		transform:scale(1.04)!important;
	}
	#productMount.dss-pdp-v2 .gallery-arrow{
		width:36px!important;
		height:36px!important;
		font-size:23px!important;
	}
	#productMount.dss-pdp-v2 .gallery-prev{left:10px!important}
	#productMount.dss-pdp-v2 .gallery-next{right:10px!important}
	#productMount.dss-pdp-v2 .gallery-zoom{top:10px!important;right:10px!important}

	#productMount.dss-pdp-v2 .product-info.kt-product-info{
		position:static!important;
		top:auto!important;
		width:auto!important;
		max-width:none!important;
		min-width:0!important;
		padding:0!important;
	}
	#productMount.dss-pdp-v2 .product-info h1{
		max-width:none!important;
		margin-bottom:15px!important;
		font-size:clamp(27px,3.4vw,34px)!important;
		line-height:1.04!important;
	}
	#productMount.dss-pdp-v2 .pdp-price-block{
		margin-bottom:16px!important;
		padding-bottom:18px!important;
	}
	#productMount.dss-pdp-v2 .pdp-current-price strong{font-size:27px!important}
	#productMount.dss-pdp-v2 .pdp-swatch-row{gap:7px!important}
	#productMount.dss-pdp-v2 .pdp-swatch{
		min-width:44px!important;
		height:43px!important;
		padding:0 9px!important;
	}
	#productMount.dss-pdp-v2 .woocommerce-variation-add-to-cart,
	#productMount.dss-pdp-v2 form.cart:not(.variations_form){
		grid-template-columns:110px minmax(0,1fr)!important;
		gap:8px!important;
	}
	#productMount.dss-pdp-v2 .pdp-qty-stepper{
		grid-template-columns:33px 42px 33px!important;
		width:108px!important;
	}
	#productMount.dss-pdp-v2 .pdp-qty-stepper button{width:33px!important}
	#productMount.dss-pdp-v2 .pdp-qty-stepper input.qty{width:42px!important}
	#productMount.dss-pdp-v2 .single_add_to_cart_button{
		padding:0 10px!important;
		font-size:11.5px!important;
	}
	#productMount .pdp-delivery-card{
		padding:16px!important;
	}
	#productMount .pdp-cutoff-countdown{
		grid-template-columns:auto minmax(0,1fr)!important;
		gap:7px 8px!important;
	}
	#productMount .pdp-countdown-note{
		grid-column:1/-1!important;
	}
	#productMount .benefits.kt-benefits{
		gap:8px!important;
	}
	#productMount .benefits.kt-benefits>div{
		grid-template-columns:34px minmax(0,1fr)!important;
		column-gap:8px!important;
		min-height:72px!important;
		padding:10px!important;
		border-radius:11px!important;
	}
	#productMount .benefits.kt-benefits i{
		width:34px!important;
		height:34px!important;
		border-radius:9px!important;
	}
	#productMount .benefits.kt-benefits i svg{width:17px!important;height:17px!important}
	#productMount .benefits.kt-benefits b{font-size:11.5px!important}
	#productMount .benefits.kt-benefits span{font-size:10px!important}
	#productMount.dss-pdp-v2 .pdp-details-wide{
		width:calc(100% - 32px)!important;
		max-width:992px!important;
	}
}
@media(max-width:699px){
	body.single-product .related-products .product-row{
		grid-template-columns:repeat(2,minmax(0,1fr))!important;
	}
}
@media(max-width:760px) and (min-width:700px){
	#productMount.dss-pdp-v2 .product-page.kt-product-page{
		grid-template-columns:minmax(0,1fr) 300px!important;
		gap:18px!important;
	}
}
