/* Watch & Bullion product-page buying experience draft */

.wab-mobile-product-title {
	display: none;
}

@media (min-width: 992px) {
	/* Replace the inherited 90px section padding, not only the product-row margin. */
	.single-product #wooWrapper.layer-wide {
		padding-top: 24px;
	}
	.single-product #wooWrapper .woocommerce-notices-wrapper:empty {
		display: none;
		margin: 0;
	}
	.single-product .prodMain {
		margin-top: 28px;
	}

	.wab-product-layout {
		align-items: flex-start;
	}

	/* The gallery remains visible while the longer buying information scrolls. */
	.single-product .wab-gallery-col {
		position: sticky;
		top: 18px;
		align-self: flex-start;
	}

	.wab-buying-col .summary.entry-summary {
		position: static;
		top: auto;
		padding-left: 18px;
		display: flex;
		flex-direction: column;
	}

	.wab-buying-col .product_title.entry-title { order: 1; }
	.wab-buying-col .single-product-sub-title { order: 2; margin-bottom: 14px; }
	.wab-buying-col .price { order: 3; margin: 0 0 4px; }
	.wab-buying-col .price .woocommerce-Price-amount { margin-top: 0; }
	.wab-buying-col .stock { order: 4; margin: 0 0 12px; }
	.wab-buying-col .wab-delivery-note { order: 5; margin-bottom: 18px; }
	.wab-buying-col form.cart { order: 6; }
	/* Desktop only: deliberate spacing, without stacked legacy paragraph margins. */
	.single-product .wab-buying-col .summary > .woocommerce-product-details__short-description {
		order: 7;
		margin: 20px 0 0;
		padding: 0;
	}
	.single-product .wab-buying-col .woocommerce-product-details__short-description > :first-child {
		margin-top: 0;
	}
	.single-product .wab-buying-col .woocommerce-product-details__short-description > :last-child {
		margin-bottom: 0;
	}
	.single-product .wab-buying-col .summary > .single-product-condition {
		order: 8;
		margin: 16px 0 0;
		padding: 12px 0;
		border-top: 1px solid #dcdfe3;
		border-bottom: 1px solid #dcdfe3;
	}
	.single-product .wab-buying-col .summary > .wab-buying-trust {
		order: 9;
		margin: 20px 0 0;
	}
	.single-product .wab-buying-col .summary > #socialShare {
		order: 10;
		margin: 16px 0 0;
	}
	.wab-buying-col .prod-trusted { order: 11; }

	.wab-buying-col form.cart {
		display: flex;
		flex-direction: column;
		gap: 10px;
		max-width: 440px;
		margin-bottom: 0;
	}

	.wab-buying-col form.cart .single_add_to_cart_button,
	.wab-buying-col form.cart .wab-whatsapp-btn {
		width: 100%;
		min-height: 54px;
		margin: 0 !important;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

@media (max-width: 991px) {
	.wab-product-layout {
		display: flex;
		flex-direction: column;
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	.wab-mobile-product-title {
		display: block;
		order: 1;
		width: 100%;
		padding: 0 30px;
		margin: 12px 0 16px;
		color: #0c1327;
		font-family: 'Playfair Display', serif;
		font-size: 2.25rem;
		font-weight: 400;
		line-height: 1.06;
	}

	.wab-gallery-col {
		order: 2;
		width: 100%;
	}

	.wab-buying-col {
		order: 3;
		width: 100%;
	}

	/* Use one deliberate gap, not the legacy summary and price margins combined. */
	.wab-buying-col .summary.entry-summary {
		display: flex;
		flex-direction: column;
		margin-top: 0;
		padding-top: 32px;
	}

	.wab-buying-col .product_title.entry-title,
	.wab-buying-col .single-product-sub-title {
		display: none;
	}

	.wab-buying-col .price {
		order: 1;
		margin: 0 0 4px;
	}

	.wab-buying-col .price .woocommerce-Price-amount {
		margin-top: 0;
	}

	.wab-buying-col .stock {
		order: 2;
		margin: 0 0 18px;
	}

	.wab-buying-col form.cart {
		order: 3;
		display: flex;
		flex-direction: column;
		gap: 10px;
		width: 100%;
		margin-bottom: 30px;
	}

	.wab-buying-col form.cart .single_add_to_cart_button,
	.wab-buying-col form.cart .wab-whatsapp-btn {
		width: 100%;
		min-height: 56px;
		margin: 0 !important;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.wab-buying-col .woocommerce-product-details__short-description {
		order: 4;
	}

	.wab-buying-col .single-product-condition {
		order: 5;
	}

	.wab-buying-col .cardlogos {
		order: 6;
	}

	.wab-buying-col #socialShare {
		order: 7;
	}

	.wab-buying-col .prod-trusted {
		order: 8;
	}
}

@media (max-width: 575px) {
	.wab-mobile-product-title {
		padding-left: 24px;
		padding-right: 24px;
		margin-top: 4px;
		margin-bottom: 12px;
		font-size: 2rem;
		line-height: 1.05;
	}
}