/*
Theme Name: Bin Khalid
Description: Block theme for the Bin Khalid WooCommerce store. Every page, header, footer and shop template is built from blocks and can be edited in Appearance → Editor; colours, fonts and spacing live in Styles.
Version: 3.0.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: binkhalid
WC requires at least: 9.0
*/

/*
 * Only behaviour and polish that blocks can't express live here. Colours, fonts, sizes and spacing
 * come from theme.json (Appearance → Editor → Styles), so these rules use its preset variables.
 */

/* Header stays at the top while scrolling. */
.wp-site-blocks > header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 200; /* above WooCommerce's product photo controls */
}
.admin-bar .wp-site-blocks > header.wp-block-template-part { top: var(--wp-admin--admin-bar--height, 32px); }
@media (max-width: 600px) {
	.admin-bar .wp-site-blocks > header.wp-block-template-part { top: 0; }
}

/* Cormorant's default numbers dip below the line; use evenly aligned ones everywhere. */
body { font-variant-numeric: lining-nums; -webkit-font-smoothing: antialiased; }

/* Product photos zoom gently on hover without spilling out of their frame. */
.wc-block-components-product-image { overflow: hidden; }
.wc-block-components-product-image img { transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1); }
.wc-block-product:hover .wc-block-components-product-image img { transform: scale(1.04); }

/* Add-to-cart buttons in product grids: full width with a thin outline that fills on hover.
   Text and background colours are set on the block itself (editable in the editor). */
.wc-block-product .wp-block-button.wc-block-components-product-button { width: 100%; }
.wc-block-product .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
	width: 100%;
	border: 1px solid currentColor;
	transition: background-color 0.15s, color 0.15s;
}
.wc-block-product .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button:hover,
.wc-block-product .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button.added {
	background: var(--wp--preset--color--ink) !important;
	color: var(--wp--preset--color--paper) !important;
	border-color: var(--wp--preset--color--ink);
}

/* Product page gallery fills its column (WooCommerce caps it at 512px by default). */
.woocommerce .wp-block-woocommerce-product-image-gallery { max-width: none; }
.woocommerce .wp-block-woocommerce-product-image-gallery .woocommerce-product-gallery {
	width: 100%;
	float: none;
}

/* "Sale!" badge on the product page photo: small black square. */
.woocommerce .wp-block-woocommerce-product-image-gallery span.onsale {
	min-width: 0;
	min-height: 0;
	padding: 4px 10px;
	border-radius: 0;
	background: var(--wp--preset--color--black);
	color: var(--wp--preset--color--white);
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.6;
	text-transform: uppercase;
	top: 12px;
	left: 12px;
}

/* Sale price: old price struck through in grey, new price in black. */
.wc-block-components-product-price del { color: var(--wp--preset--color--grey); font-weight: 400; }
.wc-block-components-product-price ins { color: var(--wp--preset--color--black); text-decoration: none; }

/* Buttons and form fields keep square corners to match the brand. */
.wc-block-components-button:not(.is-link),
.wc-block-components-text-input input,
.wc-block-components-combobox .components-combobox-control input,
.wc-block-components-select select { border-radius: 0 !important; }

/* Links inside buttons never pick up the text-link underline. */
.wp-element-button, .wp-block-button__link { text-decoration: none; }

/* Sections set their own spacing, so header, page and footer sit flush against each other. */
.wp-site-blocks > * + * { margin-block-start: 0; }

/* Header search: a plain icon that opens the search field, matching the account and cart icons. */
.binkhalid-header-search .wp-block-search__button {
	padding: 8px;
	border: 0;
	background: transparent;
	color: var(--wp--preset--color--ink);
}
.binkhalid-header-search .wp-block-search__button:hover { color: var(--wp--preset--color--accent); background: transparent; }
.binkhalid-header-search .wp-block-search__input { border-color: var(--wp--preset--color--line); }

/* Homepage collection grids: tight columns, generous rows, a light grey frame while photos load. */
.binkhalid-collection .wc-block-product-template { column-gap: 16px; row-gap: 48px; }
.binkhalid-collection .wc-block-components-product-image { background: var(--wp--preset--color--grey-light); }
.binkhalid-collection .wc-block-product .wp-block-post-title { min-width: 0; }
/* Name and price share a line when there's room; on narrow cards the price drops below the name. */
.wp-block-group.binkhalid-card-row { row-gap: 4px; align-items: flex-start; } /* price lines up with the first line of the name */
.binkhalid-card-row .wp-block-post-title { flex: 1 1 140px; }
.binkhalid-card-row .wc-block-components-product-price { line-height: 20px; } /* same line height as the name so both sit level */
.binkhalid-collection .wc-block-components-product-price { flex-shrink: 0; white-space: nowrap; } /* was/now prices on one line */

/* Plain text links (product names, "View all") that underline only on hover. */
.binkhalid-collection .wp-block-post-title a,
.binkhalid-plain-link a { text-decoration: none; }
.binkhalid-collection .wp-block-post-title a:hover,
.binkhalid-plain-link a:hover { color: inherit; text-decoration: underline; text-underline-offset: 3px; }

/* Fabric section: the whole photo shows (no cropping); the text sits centred beside it. */
.binkhalid-fabric .wp-block-columns { margin-bottom: 0; }
.binkhalid-fabric .wp-block-column { box-sizing: border-box; } /* padding stays inside the 40/60 split */
.binkhalid-fabric .wp-block-column:first-child img { display: block; width: 100%; }
@media (min-width: 782px) {
	/* If the text is taller than the photo, the photo grows to match (trimming only its sides). */
	.binkhalid-fabric .wp-block-column:first-child figure { height: 100%; }
	.binkhalid-fabric .wp-block-column:first-child img { height: 100%; object-fit: cover; }
}
.binkhalid-spec { max-width: 528px; }
/* Fabric details as a plain two-column grid (Firefox otherwise stretches the rows to the photo's height). */
.binkhalid-fabric .binkhalid-spec { display: block; }
.binkhalid-fabric .binkhalid-spec > .wp-block-group { display: grid; grid-template-columns: 140px 1fr; align-items: start; }
.binkhalid-fabric .wp-block-column:last-child > * { max-width: 560px; } /* text lines up with the details table on wide screens */
.binkhalid-step-text { max-width: 340px; }

/* Header: menu left, logo centred, icons right. The two sides share the space equally so the logo stays centred. */
.binkhalid-header > .wp-block-navigation,
.binkhalid-header > .wp-block-group:last-child { flex: 1 1 0; min-width: 0; }
.binkhalid-header__logo { flex: 0 0 auto; text-align: center; }
.binkhalid-header__logo .binkhalid-header__mark { display: none; margin: 0; }
.binkhalid-header .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--grey); }

/* Product page ------------------------------------------------------------------------------- */

/* Breadcrumb: grey trail, current product in black. */
.binkhalid-breadcrumbs .woocommerce-breadcrumb { color: var(--wp--preset--color--black); margin: 0; }
.binkhalid-breadcrumbs .woocommerce-breadcrumb a { color: var(--wp--preset--color--grey); text-decoration: none; }
.binkhalid-breadcrumbs .woocommerce-breadcrumb a:hover { color: var(--wp--preset--color--black); }

/* Stock line above the buy row. */
.binkhalid-add-to-cart .stock { margin: 0 0 10px; font-size: 13px; color: var(--wp--preset--color--grey); }

/* Buy row: square quantity stepper beside a full-width black "Add to cart". */
.binkhalid-add-to-cart form.cart { display: flex; gap: 10px; align-items: stretch; margin: 0; padding: 0 !important; }
.binkhalid-add-to-cart form.cart .quantity { margin: 0 !important; }
.binkhalid-add-to-cart form.cart::before,
.binkhalid-add-to-cart form.cart::after { display: none !important; } /* WooCommerce clearfix; would add gaps in the flex row */
.binkhalid-add-to-cart .wc-block-components-quantity-selector {
	flex: 0 0 128px;
	height: 54px;
	margin: 0;
	border: 1px solid var(--wp--preset--color--grey-line);
	border-radius: 0;
	background: var(--wp--preset--color--white);
}
.binkhalid-add-to-cart .wc-block-components-quantity-selector::after { border: 0; }
.binkhalid-add-to-cart .wc-block-components-quantity-selector input { font-size: 16px; font-weight: 500; color: var(--wp--preset--color--black); }
.binkhalid-add-to-cart .wc-block-components-quantity-selector__button { color: var(--wp--preset--color--black); font-size: 18px; opacity: 1; }
.binkhalid-add-to-cart .single_add_to_cart_button {
	flex: 1 1 auto;
	height: 54px;
	margin: 0;
	border: 1px solid var(--wp--preset--color--black);
	border-radius: 0;
	background: var(--wp--preset--color--black);
	color: var(--wp--preset--color--white);
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
}
.binkhalid-add-to-cart .single_add_to_cart_button:hover { background: var(--wp--preset--color--graphite); border-color: var(--wp--preset--color--graphite); }

/* "Order on WhatsApp": outlined, same height as the buy row. */
.binkhalid-whatsapp-button .wp-block-button__link {
	padding: 16px 20px;
	border-color: var(--wp--preset--color--black);
	color: var(--wp--preset--color--black);
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
}
.binkhalid-whatsapp-button .wp-block-button__link:hover { background: var(--wp--preset--color--black); color: var(--wp--preset--color--white); }

/* Details: hairline rows, grey labels in a fixed column. */
.binkhalid-details .wp-block-woocommerce-product-specifications { margin: 0; }
.binkhalid-details table { width: 100%; border-collapse: collapse; font-size: 14px; }
.binkhalid-details th,
.binkhalid-details td { padding: 13px 0; border: 0; border-top: 1px solid var(--wp--preset--color--grey-line); text-align: left; vertical-align: top; }
.binkhalid-details th { width: 130px; padding-right: 16px; font-weight: 400; color: var(--wp--preset--color--grey); }
.binkhalid-details td p { margin: 0; }
.binkhalid-details__sku { padding: 13px 0; border-top: 1px solid var(--wp--preset--color--grey-line); font-size: 14px; }
.binkhalid-details__sku p, .binkhalid-details__sku .wp-block-woocommerce-product-sku { margin: 0; }
.binkhalid-details__sku .sku { font-size: 14px; color: var(--wp--preset--color--black); }

/* Category name above the product title: plain grey text that darkens on hover. */
.binkhalid-product-info .wp-block-post-terms a { color: inherit; text-decoration: none; }
.binkhalid-product-info .wp-block-post-terms a:hover { color: var(--wp--preset--color--black); }
@media (max-width: 600px) {
	/* Phones: menu button left, all three icons right, logo centred over the middle. */
	.binkhalid-header { position: relative; }
	.binkhalid-header__logo { position: absolute; left: 50%; transform: translateX(-50%); }
	.binkhalid-header > .wp-block-group:last-child { flex: 0 0 auto; gap: 0; }
	.binkhalid-header .wp-block-site-title { font-size: 16px; letter-spacing: 1.5px; }
	.binkhalid-header .wp-block-site-tagline { font-size: 6px; letter-spacing: 2px; }
}

/* Shop and collection pages --------------------------------------------------------------------- */

/* Collection tabs: outlined pills; the current page's tab is filled black. */
.binkhalid-tabs .wp-block-navigation-item__content {
	display: flex;
	align-items: center;
	height: 38px;
	padding: 0 16px;
	border: 1px solid var(--wp--preset--color--grey-line);
	font-size: 14px;
	font-weight: 500;
}
.binkhalid-tabs .wp-block-navigation-item__content:hover { border-color: var(--wp--preset--color--black); }
.binkhalid-tabs .current-menu-item > .wp-block-navigation-item__content {
	background: var(--wp--preset--color--black);
	border-color: var(--wp--preset--color--black);
	color: var(--wp--preset--color--white);
}

/* Product count and sort menu. */
.binkhalid-toolbar .woocommerce-result-count { margin: 0; }
.binkhalid-sorting .woocommerce-ordering { margin: 0; }
.binkhalid-sorting select.orderby {
	height: 38px;
	padding: 0 34px 0 14px;
	border: 1px solid var(--wp--preset--color--grey-line);
	border-radius: 0;
	background-color: var(--wp--preset--color--white);
	font-family: inherit;
	font-size: 14px;
	font-weight: 500;
	color: var(--wp--preset--color--black);
}

/* Footer: grey links that turn black on hover. */
.binkhalid-footer .wp-block-site-title { text-align: left; }
.binkhalid-footer-menu .wp-block-navigation-item__content,
.binkhalid-footer-contact a { color: var(--wp--preset--color--grey); text-decoration: none; }
.binkhalid-footer-menu .wp-block-navigation-item__content:hover,
.binkhalid-footer-contact a:hover { color: var(--wp--preset--color--black); }
.binkhalid-footer-menu .wp-block-navigation-item__content,
.binkhalid-footer-contact p { line-height: 18px; }

/* Text pages (policies, contact): calm reading styles. */
.binkhalid-page .wp-block-post-content { font-size: 16px; line-height: 1.7; }
.binkhalid-page .wp-block-post-content h2 { margin-top: 2.5rem; margin-bottom: 0.75rem; font-size: 22px; font-weight: 500; letter-spacing: -0.3px; line-height: 1.3; }
.binkhalid-page .wp-block-post-content h3 { margin-top: 2rem; margin-bottom: 0.5rem; font-size: 18px; font-weight: 500; line-height: 1.35; }
.binkhalid-page .wp-block-post-content > :first-child { margin-top: 0; }
.binkhalid-page .wp-block-post-content p,
.binkhalid-page .wp-block-post-content li { color: var(--wp--preset--color--graphite); }
.binkhalid-page .wp-block-post-content li + li { margin-top: 0.35rem; }
.binkhalid-page .wp-block-post-content a:not(.wp-element-button) { color: var(--wp--preset--color--black); text-underline-offset: 3px; }
.binkhalid-page .wp-block-post-content a:not(.wp-element-button):hover { color: var(--wp--preset--color--grey); }

/* WooCommerce's own product grids (empty cart, etc.): no underlines on names and prices. */
.wc-block-grid__product a,
.wc-block-grid__product-link { text-decoration: none; }

/* WooCommerce forms on text pages (track order, login, account details). */
.binkhalid-page .woocommerce form .form-row { margin: 0 0 16px; padding: 0; }
.binkhalid-page .woocommerce form .form-row label { margin-bottom: 6px; font-size: 14px; font-weight: 500; color: var(--wp--preset--color--black); }
.binkhalid-page .woocommerce form .input-text,
.binkhalid-page .woocommerce form select {
	height: 48px;
	padding: 0 14px;
	border: 1px solid var(--wp--preset--color--grey-line);
	border-radius: 0;
	background: var(--wp--preset--color--white);
	font-family: inherit;
	font-size: 15px;
	color: var(--wp--preset--color--black);
}
.binkhalid-page .woocommerce form textarea.input-text { height: auto; padding: 12px 14px; }
.binkhalid-page .woocommerce form .input-text:focus { border-color: var(--wp--preset--color--black); outline: none; }
.binkhalid-page .woocommerce .button,
.binkhalid-page .woocommerce button.button {
	padding: 14px 28px;
	border: 1px solid var(--wp--preset--color--black);
	border-radius: 0;
	background: var(--wp--preset--color--black);
	color: var(--wp--preset--color--white);
	font-family: inherit;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2;
}
.binkhalid-page .woocommerce .button:hover { background: var(--wp--preset--color--graphite); border-color: var(--wp--preset--color--graphite); color: var(--wp--preset--color--white); }
.binkhalid-page .woocommerce form.login,
.binkhalid-page .woocommerce form.register,
.binkhalid-page .woocommerce form.track_order { margin: 0; padding: 0; border: 0; border-radius: 0; }

/* Signed-in account area: plain menu beside the content. */
.binkhalid-account .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--wp--preset--color--grey-line); }
.binkhalid-account .woocommerce-MyAccount-navigation li { border-bottom: 1px solid var(--wp--preset--color--grey-line); }
.binkhalid-account .woocommerce-MyAccount-navigation li a { display: block; padding: 12px 0; color: var(--wp--preset--color--grey); text-decoration: none; }
.binkhalid-account .woocommerce-MyAccount-navigation li.is-active a,
.binkhalid-account .woocommerce-MyAccount-navigation li a:hover { color: var(--wp--preset--color--black); }
.binkhalid-account .woocommerce-MyAccount-content { font-size: 15px; }

/* Review cards (homepage "What customers say"). */
.binkhalid-reviews .wc-block-review-list-item__item {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 24px;
	border: 1px solid var(--wp--preset--color--grey-line);
	background: var(--wp--preset--color--white);
	font-size: 15px;
}
.binkhalid-reviews .wc-block-review-list-item__info { display: flex; flex-direction: column-reverse; gap: 8px; margin: 0; }
.binkhalid-reviews .wc-block-review-list-item__rating { color: var(--wp--preset--color--black); }
.binkhalid-reviews .wc-block-review-list-item__text { margin: 0; color: var(--wp--preset--color--graphite); line-height: 1.6; }
.binkhalid-reviews .wc-block-review-list-item__text p { margin: 0; }
.binkhalid-reviews .wc-block-review-list-item__author { font-weight: 500; color: var(--wp--preset--color--black); }
.binkhalid-reviews .wc-block-review-list-item__product a { color: var(--wp--preset--color--grey); text-decoration: none; font-size: 13px; }
.binkhalid-reviews .wc-block-review-list-item__product a:hover { color: var(--wp--preset--color--black); }
/* Signed-out account forms: a narrow centred column. */
.binkhalid-account .woocommerce > h2,
.binkhalid-account .woocommerce form.login,
.binkhalid-account .woocommerce form.register,
.binkhalid-account .woocommerce form.lost_reset_password,
.binkhalid-account .woocommerce .woocommerce-notices-wrapper { max-width: 440px; margin-left: auto; margin-right: auto; }

/* Product page reviews: list + "write a review" form. */
.binkhalid-product-reviews { font-size: 15px; }
.binkhalid-product-reviews .wp-block-woocommerce-product-reviews-title { margin: 0 0 24px; }
.binkhalid-product-reviews .wp-block-woocommerce-product-review-template { margin: 0 0 32px; padding: 0; list-style: none; }
.binkhalid-product-reviews .wp-block-woocommerce-product-review-template > li { padding: 20px 0; border-top: 1px solid var(--wp--preset--color--grey-line); }
.binkhalid-product-reviews .wp-block-woocommerce-product-review-template > li:last-child { border-bottom: 1px solid var(--wp--preset--color--grey-line); }
.binkhalid-product-reviews .comment-reply-title { display: block; margin-bottom: 8px; font-size: 18px; font-weight: 500; color: var(--wp--preset--color--black); }
.binkhalid-product-reviews .comment-notes,
.binkhalid-product-reviews .comment-form-cookies-consent { font-size: 13px; color: var(--wp--preset--color--grey); }
.binkhalid-product-reviews .comment-form p { margin: 0 0 16px; }
.binkhalid-product-reviews .comment-form label { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 500; color: var(--wp--preset--color--black); }
.binkhalid-product-reviews .comment-form-cookies-consent label { display: inline; font-weight: 400; color: var(--wp--preset--color--grey); }
.binkhalid-product-reviews .comment-form input[type="text"],
.binkhalid-product-reviews .comment-form input[type="email"],
.binkhalid-product-reviews .comment-form textarea {
	box-sizing: border-box;
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--wp--preset--color--grey-line);
	border-radius: 0;
	background: var(--wp--preset--color--white);
	font-family: inherit;
	font-size: 15px;
	color: var(--wp--preset--color--black);
}
.binkhalid-product-reviews .comment-form input:focus,
.binkhalid-product-reviews .comment-form textarea:focus { border-color: var(--wp--preset--color--black); outline: none; }
.binkhalid-product-reviews .stars button { color: var(--wp--preset--color--black); }
.binkhalid-product-reviews .form-submit .submit,
.binkhalid-product-reviews .form-submit input[type="submit"] {
	padding: 14px 28px;
	border: 1px solid var(--wp--preset--color--black);
	border-radius: 0;
	background: var(--wp--preset--color--black);
	color: var(--wp--preset--color--white);
	font-family: inherit;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
}
.binkhalid-product-reviews .form-submit .submit:hover { background: var(--wp--preset--color--graphite); border-color: var(--wp--preset--color--graphite); }
/* Average rating under the price (WooCommerce hides it until there are reviews). */
.binkhalid-product-rating { font-size: 14px; }
.binkhalid-product-rating a { color: var(--wp--preset--color--grey); }
.binkhalid-review a { color: inherit; text-decoration: none; }
.binkhalid-review .wp-block-woocommerce-product-review-content p { margin: 4px 0 0; }
/* Stars in black everywhere (product page rating, homepage review cards). */
.binkhalid-product-rating .star-rating,
.binkhalid-product-rating .star-rating span::before,
.binkhalid-reviews .wc-block-components-review-list-item__rating__stars,
.binkhalid-reviews .wc-block-components-review-list-item__rating__stars span::before { color: var(--wp--preset--color--black); }

@media (max-width: 600px) {
	/* Phones show the BK monogram instead of the wide logo, so it never runs into the icons. */
	.binkhalid-header .wp-block-site-logo { display: none; }
	.binkhalid-header__logo .binkhalid-header__mark { display: block; }
	.binkhalid-header__mark img { width: 40px !important; height: auto; display: block; }
	/* The search field opens as a full-width bar under the header instead of over the logo. */
	.binkhalid-header-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__input {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 30;
		width: 100% !important;
		height: 52px;
		margin: 0;
		padding: 0 16px;
		box-sizing: border-box;
		background: var(--wp--preset--color--white);
		border: 0;
		border-bottom: 1px solid var(--wp--preset--color--grey-line);
		font-size: 16px;
	}
}
/* Log in + Register side by side (stacked on phones). */
.binkhalid-account .woocommerce .u-columns.col2-set { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; max-width: 920px; margin: 0 auto; }
.binkhalid-account .woocommerce .u-columns.col2-set::before,
.binkhalid-account .woocommerce .u-columns.col2-set::after { display: none; }
.binkhalid-account .woocommerce .u-columns .u-column1,
.binkhalid-account .woocommerce .u-columns .u-column2 { float: none; width: auto; max-width: none; }
.binkhalid-account .woocommerce .u-columns h2,
.binkhalid-account .woocommerce .u-columns form { max-width: none; margin-left: 0; margin-right: 0; }
@media (max-width: 781px) {
	.binkhalid-account .woocommerce .u-columns.col2-set { grid-template-columns: 1fr; gap: 48px; }
}

/* Checkout ------------------------------------------------------------------------------------ */

/* WooCommerce leaves no gap above the Country box; give it the same 12px as the other fields. */
.wc-block-components-form .wc-block-components-checkout-step .wc-block-components-address-form > * + .wc-block-components-country-input,
.wc-block-components-address-form > * + .wc-block-components-country-input { margin-top: 12px; }

/* Mark required fields with an asterisk (optional ones already say "(optional)"). Province is always required for Pakistan. */
.wc-block-checkout .wc-block-components-text-input:has(input:required) label::after,
.wc-block-checkout .wc-block-components-country-input .wc-blocks-components-select__label::after,
.wc-block-checkout .wc-block-components-state-input .wc-blocks-components-select__label::after,
.wc-block-checkout .wc-blocks-components-select__container:has(select:required) .wc-blocks-components-select__label::after {
	content: " *";
	color: var(--wp--preset--color--sale);
}

/* Cart on phones: WooCommerce's fixed 132px name column pushes the line total off narrow screens.
   Photo, name and total share the row instead. */
@media (max-width: 600px) {
	.wp-site-blocks .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row { grid-template-columns: 72px minmax(0, 1fr) auto; column-gap: 12px; }
	.wp-site-blocks .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product { grid-column: 2; }
	.wp-site-blocks .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total { grid-column: 3; }
	.wp-site-blocks .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image { padding-right: 0; }
}