/*
 * Product page on phones (Figma Mobile Design "Product Detail" 1300:36837), see inc/mobile-product.php.
 * Template: Bricks "Product Detail — Neela Jaal" (699), ids #brxe-… (sections by their CSS ids #pdp-…).
 * Phones only: 767px = mobile_landscape.
 * The blocks are the desktop ones, re-ordered and re-styled; mobile-product.js moves the review summary
 * and the offers next to the reviews / description and adds the section headings + collapsible sections.
 */
@media (max-width: 767px) {
	/* ---------- Shell: action bar instead of the tab bar; no breadcrumb ---------- */
	/* The tab bar goes invisible rather than display: none, because the WhatsApp bubble (which Figma keeps
	   on this page, above the action bar) is inside it. Invisible parts don't take taps. */
	.single-product #brxe-mnvsec {
		visibility: hidden;
	}

	.single-product #brxe-mwabtn {
		visibility: visible;
	}

	.single-product #brxe-bcins1,
	.single-product #frame-8-breadcrumb,
	.single-product #btn-1cc-pdp {
		display: none;
	}

	.single-product {
		padding-bottom: var(--mbar-h, 91px);
	}

	/* The site header floats over the page and inner pages clear it with the breadcrumb section's top
	   padding; without the breadcrumb, put the header back in the flow. */
	.single-product #brx-header {
		position: relative;
	}

	.single-product::after {
		content: "";
		position: fixed;
		inset: auto 0 0;
		z-index: 39;
		height: var(--mbar-h, 91px);
		background: rgba(255, 255, 255, 0.9);
		box-shadow: 5px -6px 24px rgba(0, 0, 0, 0.11);
	}

	/* ---------- Main: gallery, then the details on white (Figma padding 20 / 20 / 40) ---------- */
	.single-product #pdp-main {
		padding: 0;
	}

	.single-product #brxe-901rpt,
	.single-product #brxe-8is6ex {
		width: 100%;
		max-width: none;
	}

	.single-product #brxe-901rpt {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.single-product #brxe-rr1lo6 {
		width: auto;
		max-width: none;
		margin: 0;
		padding: 5px 5px 10px;
	}

	/* Gallery: full width, rounded photos, dots instead of thumbnails, no zoom button. */
	.single-product #brxe-rr1lo6 .woocommerce-product-gallery__trigger {
		display: none;
	}

	.single-product #brxe-rr1lo6 .woocommerce-product-gallery__image img {
		border-radius: var(--radius-card);
	}

	.single-product #brxe-rr1lo6 .flex-control-thumbs {
		display: flex;
		justify-content: center;
		gap: 9px;
		margin: var(--space-15) 0 0;
		padding: 0;
	}

	.single-product #brxe-rr1lo6.ctm-product-gallery .flex-control-thumbs li {
		position: relative;
		flex: none;
		width: 10px;
		min-width: 10px;
		max-width: none;
		height: 10px;
		margin: 0;
		border-radius: var(--radius-pill);
		background: var(--color-border-subtle);
	}

	.single-product #brxe-rr1lo6.ctm-product-gallery .flex-control-thumbs li:has(img.flex-active) {
		background: var(--color-brand-deep);
	}

	.single-product #brxe-rr1lo6.ctm-product-gallery .flex-control-thumbs li img {
		position: absolute;
		inset: -8px; /* Bigger tap target than the dot. */
		width: auto;
		height: auto;
		opacity: 0;
	}

	.single-product #brxe-8is6ex {
		display: flex;
		flex-direction: column;
		gap: var(--space-20);
		padding: var(--space-20) var(--space-20) 0;
		background: var(--color-on-accent);
	}

	/* The add-to-cart form's wrappers step aside so its parts can be ordered with the rest. */
	.single-product #brxe-13se2s,
	.single-product #brxe-7xme75,
	.single-product #brxe-zshnae,
	.single-product #brxe-tjkd3n,
	.single-product #brxe-tjkd3n form.cart,
	.single-product #brxe-tjkd3n .single_variation_wrap,
	.single-product #brxe-tjkd3n form.cart .woocommerce-variation-add-to-cart.variations_button {
		display: contents;
	}

	.single-product #brxe-tjkd3n form.cart .woocommerce-variation-add-to-cart.variations_button::before {
		display: none;
	}

	.single-product #brxe-428z8p { order: 1; }
	.single-product #brxe-k3fv54 { order: 2; }
	.single-product #brxe-tjkd3n table.variations { order: 3; }
	.single-product #brxe-k1yzuh { order: 4; }
	.single-product #brxe-tjkd3n .woocommerce-variation { order: 4; }
	.single-product #brxe-4jp8b3 { order: 5; }
	.single-product #brxe-dodaut { order: 6; }
	.single-product .sng-qty-field { order: 7; }
	.single-product #brxe-tjkd3n .added_to_cart { order: 7; } /* "View cart" after adding: under the quantity. */
	.single-product #brxe-7xrcug { order: 8; }
	.single-product #brxe-h6092v { order: 9; }
	.single-product #brxe-qygh2e { order: 10; }
	.single-product #brxe-sngsa1 { order: 11; } /* Back-in-stock form (out of stock only). */

	.single-product #brxe-sngsa1:empty {
		display: none;
	}

	/* Badge | wishlist + share (Figma 30px square buttons). */
	.single-product #brxe-428z8p {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.single-product #brxe-6v3zbp {
		display: flex;
		align-items: center;
		gap: var(--space-10);
	}

	.single-product #brxe-ve0ths,
	.single-product #brxe-bmb4ux {
		display: none;
	}

	.single-product #brxe-e9oncj {
		order: 2; /* Wishlist, then share (Figma). */
	}

	.single-product #brxe-y4jgfr,
	.sng-share-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 30px;
		height: 30px;
		padding: 0;
		border: var(--hairline-md) solid var(--color-border-subtle);
		border-radius: var(--radius-sm);
		background: var(--color-surface-sand);
		color: var(--color-ink);
		cursor: pointer;
	}

	.sng-share-btn svg {
		width: 14px;
		height: 14px;
	}

	/* Share links appear only when the phone has no share sheet (mobile-product.js). */
	.single-product #brxe-e9oncj.is-open #brxe-bmb4ux {
		display: flex;
		position: absolute;
		z-index: 5;
		margin-top: 40px;
		padding: var(--space-8);
		border: var(--hairline) solid var(--color-border-subtle);
		border-radius: var(--radius-sm);
		background: var(--color-surface-cream);
	}

	.single-product #brxe-k3fv54,
	.single-product #brxe-k3fv54 .product_title {
		margin: 0;
		font-family: var(--font-display);
		font-size: 30px;
		font-weight: 600;
		line-height: 1;
		color: var(--color-ink);
	}

	/* Bed size | Colour as two drop-downs (Figma 174×36 pills) instead of the swatches. */
	.single-product #brxe-tjkd3n table.variations,
	.single-product #brxe-tjkd3n table.variations tbody {
		display: block;
		width: 100%;
		margin: 0;
	}

	.single-product #brxe-tjkd3n table.variations tbody {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--space-15);
	}

	.single-product #brxe-tjkd3n table.variations tr {
		display: flex;
		flex-direction: column;
		gap: var(--space-10);
		min-width: 0;
	}

	.single-product #brxe-tjkd3n table.variations tr:has(select[name="attribute_pa_size"]) {
		order: -1;
	}

	.single-product #brxe-tjkd3n table.variations th,
	.single-product #brxe-tjkd3n table.variations td {
		display: block;
		padding: 0;
	}

	.single-product #brxe-tjkd3n table.variations th label {
		font-family: var(--font-body);
		font-size: 13px;
		font-weight: 600;
		line-height: 1.17;
		letter-spacing: 0;
		text-transform: uppercase;
		color: var(--color-ink);
	}

	.single-product #brxe-tjkd3n .bricks-variation-swatches,
	.single-product #brxe-tjkd3n .reset_variations {
		display: none;
	}

	/* !important: the swatches script hides the select's wrapper with an inline style. */
	.single-product #brxe-tjkd3n td.value > div {
		display: block !important;
	}

	.single-product #brxe-tjkd3n table.variations td.value select { /* Outranks product-variations' select rule. */
		box-sizing: border-box;
		width: 100%;
		min-width: 0;
		height: 36px;
		margin: 0;
		padding: 0 36px 0 var(--space-16);
		line-height: 34px;
		border: var(--hairline) solid var(--color-border-subtle);
		border-radius: var(--radius-pill);
		background: var(--color-surface-cream) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%232B2016' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center / 12px 8px;
		font-family: var(--font-body);
		font-size: 13px;
		font-weight: 600;
		color: var(--color-ink);
		appearance: none;
		-webkit-appearance: none;
	}

	/* WooCommerce repeats the chosen size's price under the form; the main price already shows it
	   (product-variations.js). Stock messages stay. */
	.single-product #brxe-tjkd3n .woocommerce-variation-price,
	.single-product #brxe-tjkd3n .woocommerce-variation-description:empty {
		display: none;
	}

	/* Without a stock message the box is empty but would still add a flex gap. !important: WooCommerce
	   opens it with an inline display: block. */
	.single-product #brxe-tjkd3n .woocommerce-variation:not(:has(.stock:not(:empty))) {
		display: none !important;
	}

	/* Price: ₹2,190  ₹2,590  [15% off], MRP note under it. */
	.single-product #brxe-k1yzuh {
		display: flex;
		flex-direction: column;
		gap: var(--space-5);
	}

	.single-product #brxe-kj9od0 {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: var(--space-10);
	}

	.single-product #brxe-a5bz6t .price {
		display: flex;
		align-items: baseline;
		flex-wrap: wrap;
		gap: 0 var(--space-10);
		margin: 0;
		font-family: var(--font-display);
		font-size: 28px;
		font-weight: 600;
		line-height: 1;
		color: var(--color-ink);
	}

	.single-product #brxe-a5bz6t .price del {
		order: 2;
		font-family: var(--font-body);
		font-size: 16px;
		font-weight: 400;
		color: var(--color-ink-muted);
	}

	.single-product #brxe-a5bz6t .price ins {
		order: 1;
		text-decoration: none;
	}

	.single-product #brxe-0vr24f .onsale {
		padding: 4px 8px;
		border-radius: var(--radius-pill);
		background: var(--color-sale);
		font-family: var(--font-body);
		font-size: 12px;
		font-weight: 600;
		line-height: 1.17;
		color: var(--color-on-accent);
	}

	.single-product #brxe-yhknqk {
		font-size: 12px;
		font-weight: 600;
		line-height: 1.4;
		color: var(--color-ink-soft);
	}

	.single-product #brxe-4jp8b3 {
		display: flex;
		align-items: center;
		gap: var(--space-20);
		font-size: 13px;
		color: var(--color-ink);
	}

	.single-product #brxe-dodaut,
	.single-product #brxe-dodaut p {
		margin: 0;
		font-size: 14px;
		line-height: 18px;
		color: var(--color-ink);
	}

	/* Quantity: label over a 124×36 stepper. */
	.sng-qty-field {
		display: flex;
		flex-direction: column;
		gap: var(--space-10);
	}

	.sng-qty-field__label {
		font-family: var(--font-body);
		font-size: 13px;
		font-weight: 600;
		line-height: 1.17;
		text-transform: uppercase;
		color: var(--color-ink);
	}

	.sng-qty-field .quantity {
		display: flex;
		align-self: flex-start;
		height: 36px;
		overflow: hidden;
		border: var(--hairline-md) solid var(--color-border-subtle);
		border-radius: var(--radius-pill);
		background: var(--color-on-accent);
	}

	.sng-qty-field .quantity .action {
		display: flex;
		align-items: center;
		justify-content: center;
		order: 0;
		width: 40px;
		height: 100%;
		background: var(--color-surface-sand);
	}

	.sng-qty-field .quantity .action.plus {
		order: 2;
	}

	.sng-qty-field .quantity input.qty {
		order: 1;
		width: 40px;
		height: 100%;
		border: 0;
		background: var(--color-surface-cream);
		text-align: center;
	}

	.single-product #brxe-tjkd3n .added_to_cart {
		align-self: flex-start;
		margin: calc(var(--space-10) * -1) 0 0;
		padding: 0;
		border: 0;
		background: none;
		font-family: var(--font-body);
		font-size: 14px;
		font-weight: 600;
		color: var(--color-brand-deep);
		text-decoration: underline;
	}

	/* Action bar (Figma "Bottom"): Buy it now | Add to cart. */
	.single-product #brxe-tjkd3n .single_add_to_cart_button,
	.single-product #brxe-tjkd3n .brxe-a2ad87 {
		position: fixed;
		bottom: var(--space-20);
		z-index: 40;
		display: flex;
		align-items: center;
		justify-content: center;
		width: calc(50% - 25px);
		height: 51px;
		margin: 0;
		padding: 0;
		border-radius: var(--radius-pill);
		font-family: var(--font-body);
		font-size: 16px;
		font-weight: 600;
	}

	.single-product #brxe-tjkd3n .brxe-a2ad87 {
		left: var(--space-20);
		border: var(--hairline-md) solid var(--color-ink);
		background: transparent;
		color: var(--color-ink);
	}

	.single-product #brxe-tjkd3n .single_add_to_cart_button {
		right: var(--space-20);
		border: 0;
		background: var(--color-brand-accent);
		color: var(--color-on-accent);
		opacity: 1;
	}

	/* Sand band: free shipping, pincode check, trust cards (Figma padding 40 / 20, gap 20). */
	.single-product #brxe-7xrcug,
	.single-product #brxe-h6092v,
	.single-product #brxe-qygh2e {
		width: auto;
		max-width: none;
		margin: 0 calc(var(--space-20) * -1);
		padding: 0 var(--space-20);
		border: 0;
		border-radius: 0;
		background: var(--color-surface-sand);
	}

	.single-product #brxe-7xrcug {
		margin-top: var(--space-20);
		padding-top: var(--space-40);
		padding-bottom: var(--space-20);
		/* Rule under the free-shipping line, inset to the content width (Figma). */
		background: linear-gradient(var(--color-border-subtle), var(--color-border-subtle)) no-repeat var(--space-20) 100% / calc(100% - 2 * var(--space-20)) 1px, var(--color-surface-sand);
	}

	.single-product #brxe-bnv73b {
		font-family: var(--font-body);
		font-size: 14px;
		font-weight: 500;
		line-height: 1.5;
		color: var(--color-ink);
	}

	.single-product #brxe-h6092v,
	.single-product #brxe-qygh2e {
		margin-top: calc(var(--space-20) * -1);
		padding-top: var(--space-20);
	}

	.single-product #brxe-qygh2e {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		align-items: stretch;
		gap: var(--space-10);
		padding-bottom: var(--space-40);
	}

	.single-product #brxe-qygh2e > div {
		width: auto;
		min-width: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: var(--space-10);
		padding: var(--space-10);
		border: 0;
		border-radius: var(--radius-card);
		background: var(--color-surface-cream);
		text-align: center;
	}

	.single-product #brxe-qygh2e > div > div {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 3px;
	}

	/* ---------- Tabs become stacked sections (Figma: Additional Information, Reviews, Description …) ---------- */
	.single-product #pdp-tabs {
		padding: 0;
	}

	.single-product #brxe-dlpzf7 {
		display: none;
	}

	.single-product #brxe-8tm3p1 {
		display: flex;
		flex-direction: column;
		padding: 0;
	}

	/* All panes show: mobile-product.js marks them .brx-open (Bricks' own "display: none !important" for
	   closed panes sits in a cascade layer, so no unlayered rule can override it). */
	.single-product #brxe-8tm3p1 > .tab-pane,
	.single-product #brxe-8tm3p1 > #brxe-sqzbss {
		display: block !important; /* .ctm-pdp-des (description pane) is "display: flex !important". */
		min-height: 0 !important; /* .ctm-pdp-des sets 250px !important for the desktop tab. */
		margin: 0;
		padding: var(--space-40) var(--space-20);
		background: var(--color-on-accent);
	}

	.single-product #brxe-a4uo3i { order: 1; }
	.single-product #brxe-n604o1 { order: 2; background: var(--color-surface-cream); padding-bottom: var(--space-20); }
	.single-product #brxe-w07uzj { order: 3; padding-bottom: var(--space-15); }
	.single-product #brxe-8tm3p1 > #brxe-sqzbss { order: 4; padding-block: 0; }
	.single-product #brxe-z6bmky { order: 5; padding-top: 0; }

	.sng-pdp-heading,
	.single-product #brxe-ahvylo {
		margin: 0 0 var(--space-15);
		font-family: var(--font-display);
		font-size: 20px;
		font-weight: 600;
		line-height: 1.25;
		color: var(--color-ink);
	}

	/* Additional information: label | value rows with a rule between them. */
	.single-product #brxe-28sug5 table {
		width: 100%;
		margin: 0;
		border: 0;
		border-collapse: collapse;
	}

	.single-product #brxe-28sug5 tr {
		display: flex;
		gap: var(--space-24);
		padding: var(--space-10) 0;
		border-bottom: var(--hairline) solid var(--color-border-subtle);
	}

	.single-product #brxe-28sug5 tr:last-child {
		border-bottom: 0;
	}

	.single-product #brxe-28sug5 th,
	.single-product #brxe-28sug5 td {
		padding: 0;
		border: 0;
		background: none;
		font-family: var(--font-body);
		font-size: 15px;
		line-height: 1.75;
		text-align: left;
	}

	.single-product #brxe-28sug5 th {
		flex: 0 0 130px;
		font-weight: 500;
		color: var(--color-ink);
	}

	.single-product #brxe-28sug5 td {
		flex: 1;
		color: var(--color-ink-muted);
	}

	.single-product #brxe-28sug5 td p {
		margin: 0;
	}

	/* Reviews: summary card (moved here) above the list. */
	.single-product #brxe-n604o1 #brxe-qaousv {
		display: flex;
		align-items: center;
		gap: var(--space-16);
		margin-bottom: var(--space-20);
		padding: var(--space-10);
		border: var(--hairline) solid var(--color-border-subtle);
		border-radius: var(--radius-card);
		background: var(--color-surface-sand);
		box-shadow: 0 4px 11px rgba(0, 0, 0, 0.11);
	}

	.single-product #brxe-n604o1 #brxe-rb7u75 {
		flex: 1;
		min-width: 0;
	}

	.single-product #brxe-n604o1 .woocommerce-Reviews-title,
	.single-product #brxe-n604o1 .comment-reply-title {
		display: none; /* "Reviews (N)" heading above replaces them (Figma). */
	}

	.single-product #brxe-n604o1 .must-log-in {
		margin: var(--space-20) 0 0;
		text-align: center;
		font-size: 18px;
		font-weight: 500;
	}

	.single-product #brxe-n604o1 .must-log-in a {
		color: var(--color-brand-accent);
	}

	/* Collapsible sections: Description (open), Offers and FAQ (closed). */
	.sng-pdp-toggle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		margin: 0;
		padding: 18px 0;
		border: 0;
		border-bottom: var(--hairline) solid var(--color-border-subtle);
		background: none;
		font-family: var(--font-display);
		font-size: 20px;
		font-weight: 600;
		line-height: 1.25;
		color: var(--color-ink);
		text-align: left;
		cursor: pointer;
	}

	.sng-pdp-toggle::after {
		content: "";
		width: 14px;
		height: 9px;
		background: currentColor;
		transform: rotate(180deg);
		transition: transform 0.2s;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cpath d='M1 1.5l6 6 6-6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cpath d='M1 1.5l6 6 6-6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
	}

	.sng-pdp-toggle[aria-expanded="false"]::after {
		transform: none;
	}

	.single-product #brxe-w07uzj .sng-pdp-toggle {
		padding-top: 0;
		border-bottom: 0;
	}

	.sng-pdp-collapsible[hidden] {
		display: none;
	}

	.single-product #brxe-w07uzj .sng-pdp-collapsible {
		display: flex;
		flex-direction: column;
		gap: var(--space-10);
		padding-bottom: var(--space-15);
		border-bottom: var(--hairline) solid var(--color-border-subtle);
	}

	.single-product #brxe-w07uzj .sng-pdp-collapsible[hidden] {
		display: none;
	}

	/* Description photo above the text (desktop pins it to the right edge), fading out at the bottom. */
	.single-product #brxe-dmxjnj {
		position: relative;
		inset: auto;
		display: block;
		order: -1;
		width: 100%;
		max-width: none; /* Desktop: 53% at the pane's right edge. */
		height: 219px;
		overflow: hidden;
		border-radius: 5px;
	}

	.single-product #brxe-dmxjnj::before {
		display: none; /* Desktop's sideways fade. */
	}

	.single-product #brxe-dmxjnj img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.single-product #brxe-dmxjnj::after {
		content: "";
		position: absolute;
		inset: auto 0 0;
		height: 106px;
		background: linear-gradient(rgba(255, 255, 255, 0), var(--color-on-accent));
	}

	.single-product #brxe-xxfxci p {
		font-size: 16px;
		line-height: 1.6;
		color: var(--color-ink-muted);
	}

	/* Offers: same row style as the other collapsible sections. */
	.single-product #brxe-8tm3p1 #brxe-sqzbss {
		border: 0;
		border-radius: 0;
	}

	.single-product #brxe-8tm3p1 #brxe-k1sc0c {
		padding: 0;
		border: 0;
		background: none;
	}

	.single-product #brxe-8tm3p1 #brxe-n4cheq {
		padding: 18px 0;
		border-bottom: var(--hairline) solid var(--color-border-subtle);
	}

	.single-product #brxe-8tm3p1 #brxe-eypl62 {
		font-size: 20px;
		font-weight: 600;
		line-height: 1.25;
	}

	.single-product #brxe-8tm3p1 #brxe-g25am3 {
		transform: rotate(90deg); /* Chevron points down while closed, like the other sections. */
	}

	.single-product #brxe-8tm3p1 .brx-open #brxe-g25am3 {
		transform: rotate(-90deg);
	}

	.single-product #brxe-8tm3p1 #brxe-m69v82 {
		padding-top: var(--space-15);
	}

	/* ---------- Related products: one swipeable row of 178px cards on sand; no trust strip ---------- */
	.single-product #pdp-related {
		padding: var(--space-40) 0;
		background: var(--color-surface-sand);
	}

	.single-product #brxe-597mtv {
		gap: var(--space-15);
		padding: 0;
	}

	.single-product #brxe-z5wyvj {
		padding: 0 var(--space-20);
		font-size: 24px;
		font-weight: 700;
		line-height: 1.15;
	}

	.single-product #brxe-wu89hf {
		position: relative;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		gap: var(--space-10);
		padding: 0 var(--space-20);
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-padding-inline: var(--space-20); /* Snap cards to the 20px gutter, not the screen edge. */
		scrollbar-width: none;
	}

	.single-product #brxe-wu89hf::-webkit-scrollbar {
		display: none;
	}

	.single-product #brxe-wu89hf > .brxe-xjyqvn {
		flex: 0 0 178px;
		width: 178px;
		scroll-snap-align: start;
	}

	.single-product #brxe-hmo5z1,
	.single-product #brxe-wu89hf .brxe-e4931a {
		display: none; /* Trust strip and colour-dot pills: not in the phone design. */
	}

	/* ---------- Explore From Categories: 3 columns of 83px circles ---------- */
	.single-product #pdp-categories {
		padding: var(--space-40) var(--space-20);
	}

	.single-product #brxe-tfpm3g {
		width: 100%;
		font-size: 24px;
		font-weight: 700;
		line-height: 1;
		text-align: center;
	}

	.single-product #pdp-categories #bl-category-strip {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--space-20) var(--space-15);
		padding: 0;
	}

	.single-product #pdp-categories #bl-category-strip > .brxe-block {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: var(--space-10);
		width: auto;
		min-width: 0;
	}

	.single-product #pdp-categories #bl-category-strip > .brxe-block > .brxe-block {
		width: 83px;
		height: 83px;
		overflow: hidden;
		border: var(--hairline) solid var(--color-border-subtle);
		border-radius: var(--radius-pill);
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
	}

	.single-product #pdp-categories #bl-category-strip img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.single-product #pdp-categories #bl-category-strip > .brxe-block > .brxe-text-basic {
		font-family: var(--font-body);
		font-size: 14px;
		font-weight: 500;
		line-height: 1.17;
		color: var(--color-ink);
		text-align: center;
	}
}