/* The store: the gift voucher and the checkout header. */

/* The gift voucher is virtual: no lead time, and the personalisation sits above the button. */
.pw-gift-voucher .sm-lead-time { display: none; }
/* Checkout keeps the brand, not a text title. */
.contour-checkout-header .contour-brand { display: inline-flex; align-items: center; gap: 0.6rem; text-decoration: none; color: var(--wp--preset--color--ink); }
.contour-checkout-secure { margin: 0; }
@media (max-width: 599px) { .contour-checkout-secure { display: none; } }

/* The product page: the image stays in view, under the header's bar, while the column beside it scrolls. Stacked (a phone), it scrolls with the page. */
@media (min-width: 782px) {
	/* align-self, not the row's align-items: core forces that to normal with !important, and a column stretched to its neighbour's height has nowhere to stick. */
	.pw-product-columns > .wp-block-column:first-child { align-self: flex-start; position: sticky; top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--contour-bar-h, 60px) + var(--wp--preset--spacing--30)); }
}