/*
 * /app/product/{slug}/ — mobile PDP (native scroll gallery + thumbs in app-product.js).
 * Depends on app-shell.css (global brand theme).
 */

/* PDP aliases — same accent as rest of app; keeps existing selectors stable */
.wc-app--route-product.wc-app-shell {
	--wc-app-pdp-primary: var(--wc-app-color-accent);
	--wc-app-pdp-primary-mid: var(--wc-app-color-accent-mid);
	--wc-app-pdp-primary-deep: var(--wc-app-color-accent-pressed);
	--wc-app-pdp-surface: var(--wc-app-color-surface);
	--wc-app-pdp-well: var(--wc-app-color-well);
	--wc-app-pdp-title: var(--wc-app-color-title);
	--wc-app-pdp-muted: var(--wc-app-color-muted);
	--wc-app-pdp-radius: var(--wc-app-radius-lg);
}

.wc-app--route-product .wc-app-main {
	padding-left: var(--wc-app-space-gutter-x);
	padding-right: var(--wc-app-space-gutter-x);
}

.wc-app-screen--product.wc-app-product-page {
	margin: 0;
}

.wc-app-screen--product .woocommerce {
	max-width: none;
}

.wc-app-screen--product .woocommerce .single-product {
	margin: 0;
}

.wc-app-screen--product .woocommerce div.product {
	display: flex;
	flex-direction: column;
	gap: 0;
	border: none;
	overflow: visible;
	position: relative;
}

/* Single-product “Sale!” — pinned over gallery like loop cards; /app/product/… */
.wc-app-screen--product .woocommerce div.product span.onsale {
	position: absolute;
	top: 12px;
	left: calc(var(--wc-app-space-gutter-x) + var(--wc-app-space-tight) + 2px);
	right: auto;
	z-index: 6;
	margin: 0 !important;
	padding: 6px 12px;
	min-height: 0;
	min-width: 0;
	width: auto;
	height: auto;
	line-height: 1.2;
	font-size: 0.65rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-align: center;
	color: var(--wc-app-color-on-accent);
	background: var(--wc-app-color-discount);
	border: none;
	border-radius: var(--wc-app-radius-pill);
	pointer-events: none;
	transform: none;
}

/* Themes that nest the flash inside .images */
.wc-app-screen--product .woocommerce div.product div.images {
	position: relative;
}

.wc-app-screen--product .woocommerce div.product div.images span.onsale {
	top: 14px;
	left: calc(var(--wc-app-space-tight) + 8px);
}

/* Gallery — native horizontal scroll-snap on __wrapper (see app-product.js for thumbs) */
.wc-app--route-product .wc-app-screen--product .woocommerce div.product .woocommerce-product-gallery {
	margin-left: calc(-1 * var(--wc-app-space-gutter-x)) !important;
	margin-right: calc(-1 * var(--wc-app-space-gutter-x)) !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	float: none !important;
	width: calc(100% + (2 * var(--wc-app-space-gutter-x))) !important;
	max-width: none !important;
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow:
		0 -10px 28px rgba(255, 255, 255, 0.5),
		0 -3px 12px rgba(255, 255, 255, 0.35) !important;
	overflow: visible;
	position: relative;
}

.wc-app-screen--product .woocommerce div.product div.images {
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
}

/* FlexSlider not used on app PDP — hide any stray nav from themes */
.wc-app-screen--product .woocommerce-product-gallery .flex-control-nav {
	display: none !important;
}

.wc-app-screen--product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
	margin: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 0;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding: var(--wc-app-space-tight) 0 6px;
	box-sizing: border-box;
	background: transparent;
}

.wc-app-screen--product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}

.wc-app-screen--product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image {
	flex: 0 0 100%;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	scroll-snap-align: start;
	scroll-snap-stop: always;
	box-sizing: border-box;
	padding: 0 var(--wc-app-space-tight);
	margin: 0;
	display: block;
	text-align: center;
	background: transparent;
}

.wc-app-screen--product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image > a {
	display: block;
	border-radius: 18px;
	overflow: hidden;
	box-sizing: border-box;
	line-height: 0;
}

.wc-app-screen--product .woocommerce-product-gallery .woocommerce-product-gallery__image img,
.wc-app-screen--product .woocommerce div.product div.images img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: min(82vw, 460px) !important;
	object-fit: contain !important;
	object-position: center;
	border-radius: var(--wc-app-radius-control) !important;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Thumbs injected by app-product.js */
.wc-app-screen--product .woocommerce-product-gallery .wc-app-pdp-gallery-thumbs {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	margin: 0;
	padding: 10px var(--wc-app-space-tight) var(--wc-app-space-card);
	box-sizing: border-box;
	background: transparent;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.wc-app-screen--product .woocommerce-product-gallery .wc-app-pdp-gallery-thumbs::-webkit-scrollbar {
	display: none;
}

.wc-app-screen--product .woocommerce-product-gallery .wc-app-pdp-gallery-thumb {
	flex: 0 0 auto;
	width: 100px;
	/* height: 100px; */
	min-width: 100px;
	margin: 0;
	padding: 0;
	display: flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border-radius: var(--wc-app-radius-control);
	background: transparent;
	border: 5px solid transparent;
	box-shadow: none;
	overflow: hidden;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	font: inherit;
	color: inherit;
	transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.wc-app-screen--product .woocommerce-product-gallery .wc-app-pdp-gallery-thumb:focus {
	outline: none;
	box-shadow: 0 0 0 2px var(--wc-app-pdp-primary);
}

.wc-app-screen--product .woocommerce-product-gallery .wc-app-pdp-gallery-thumb img {
	display: block;
	width: 100px !important;
	height: 100px !important;
	max-width: 100px !important;
	max-height: 100px !important;
	object-fit: cover !important;
	object-position: center;
	border-radius: 10px;
	pointer-events: none;
	transition: box-shadow 0.15s ease;
}

.wc-app-screen--product .woocommerce-product-gallery .wc-app-pdp-gallery-thumb.is-active {
	border: 5px solid var(--wc-app-pdp-primary-deep);
	box-shadow: none;
}

.wc-app-screen--product .woocommerce-product-gallery .wc-app-pdp-gallery-thumb.is-active img {
	box-shadow: none;
}

/* Full-screen lightbox when tapping main gallery image (app-product.js) */
.wc-app-pdp-image-lightbox {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--wc-app-space-lightbox-y) var(--wc-app-space-card) 28px;
	box-sizing: border-box;
	background: var(--wc-app-color-overlay);
	-webkit-tap-highlight-color: transparent;
}

.wc-app-pdp-image-lightbox[hidden] {
	display: none !important;
}

.wc-app-pdp-image-lightbox__close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 12px;
	background: var(--wc-app-color-scrim);
	color: var(--wc-app-color-on-accent);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.1rem;
	line-height: 1;
	z-index: 1;
	-webkit-tap-highlight-color: transparent;
}

.wc-app-pdp-image-lightbox__close:active {
	background: var(--wc-app-color-scrim-active);
}

.wc-app-pdp-image-lightbox__nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 42px;
	height: 42px;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 999px;
	background: var(--wc-app-color-scrim);
	color: var(--wc-app-color-on-accent);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	line-height: 1;
	-webkit-tap-highlight-color: transparent;
}

.wc-app-pdp-image-lightbox__nav:active {
	background: var(--wc-app-color-scrim-active);
}

.wc-app-pdp-image-lightbox__nav[hidden] {
	display: none !important;
}

.wc-app-pdp-image-lightbox__nav--prev {
	left: 10px;
}

.wc-app-pdp-image-lightbox__nav--next {
	right: 10px;
}

.wc-app-pdp-image-lightbox__img {
	max-width: 100%;
	max-height: min(88vh, 100%);
	width: auto;
	height: auto;
	object-fit: contain;
	border-radius: 8px;
	pointer-events: auto;
}

/* Summary */
.wc-app-screen--product .woocommerce div.product .summary {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: var(--wc-app-space-section-y) var(--wc-app-space-card) var(--wc-app-space-inset-bottom);
}

.wc-app-screen--product .woocommerce div.product .summary .product_title {
	font-size: 1.45rem;
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1.2;
	margin: 0 0 8px;
	color: var(--wc-app-pdp-title);
}

.wc-app-screen--product .woocommerce div.product .summary .woocommerce-product-rating {
	margin-bottom: 10px;
	font-size: 0.84rem;
	color: var(--wc-app-pdp-muted);
	line-height: 1.4;
}

.wc-app-screen--product .woocommerce div.product .summary .woocommerce-product-rating .woocommerce-review-link {
	color: var(--wc-app-pdp-muted);
}

.wc-app-screen--product .woocommerce div.product .summary .price {
	font-size: 1.75rem !important;
	font-weight: 800 !important;
	color: var(--wc-app-pdp-title) !important;
	margin: 6px 0 8px !important;
	letter-spacing: -0.02em;
}

.wc-app-screen--product .woocommerce div.product .summary .price del {
	font-size: 0.55em;
	font-weight: 600;
	color: var(--wc-app-pdp-muted) !important;
	opacity: 1;
	margin-right: 6px;
	vertical-align: middle;
}

.wc-app-screen--product .woocommerce div.product .summary .price ins {
	text-decoration: none;
}

.wc-app-screen--product .woocommerce div.product .woocommerce-product-details__short-description {
	font-size: 0.9rem;
	line-height: 1.6;
	color: var(--wc-app-color-body);
	margin-bottom: 18px;
}

/* Variations & cart form */
.wc-app-screen--product .woocommerce div.product form.cart {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.wc-app-screen--product .woocommerce div.product .variations_form table.variations {
	margin: 0 0 4px;
}

.wc-app-screen--product .woocommerce div.product .variations_form table.variations tr {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	border: none;
}

.wc-app-screen--product .woocommerce div.product .variations_form table.variations th,
.wc-app-screen--product .woocommerce div.product .variations_form table.variations td {
	display: block;
	padding: 0 0 10px !important;
	border: none;
	line-height: 1.4;
}

.wc-app-screen--product .woocommerce div.product .variations_form table.variations label {
	font-weight: 600;
	font-size: 0.88rem;
	color: var(--wc-app-pdp-title);
}

.wc-app-screen--product .woocommerce div.product .variations_form select {
	width: 100% !important;
	max-width: none !important;
	padding: 13px var(--wc-app-space-card-sm) !important;
	font-size: 16px !important;
	border-radius: var(--wc-app-radius-control) !important;
	min-height: 48px;
	border: 1px solid var(--wc-app-color-border) !important;
	background: var(--wc-app-color-well-alt);
}

.wc-app-screen--product .woocommerce div.product .quantity {
	float: none !important;
	margin: 0 !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--wc-app-color-border);
	border-radius: var(--wc-app-radius-control);
	overflow: hidden;
	background: var(--wc-app-color-surface);
}

.wc-app-screen--product .woocommerce div.product .quantity .qty {
	width: 52px !important;
	max-width: none !important;
	padding: 12px 6px !important;
	font-size: 16px !important;
	font-weight: 700;
	border: none !important;
	border-radius: 0 !important;
	text-align: center;
	background: transparent;
}

.wc-app-screen--product .woocommerce div.product form.cart .button,
.wc-app-screen--product .woocommerce div.product form.cart .single_add_to_cart_button {
	width: 100% !important;
	padding: var(--wc-app-space-btn-y) var(--wc-app-space-btn-x) !important;
	font-size: 1.02rem !important;
	font-weight: 700 !important;
	border-radius: var(--wc-app-radius-pill) !important;
	margin-top: 6px !important;
	border: none !important;
	background: var(--wc-app-pdp-primary) !important;
	color: var(--wc-app-color-on-accent) !important;
	box-shadow: var(--wc-app-shadow-accent-cta);
	text-transform: none;
	letter-spacing: 0.02em;
}

.wc-app-screen--product .woocommerce div.product form.cart .button:hover,
.wc-app-screen--product .woocommerce div.product form.cart .button:focus,
.wc-app-screen--product .woocommerce div.product form.cart .single_add_to_cart_button:hover,
.wc-app-screen--product .woocommerce div.product form.cart .single_add_to_cart_button:focus {
	filter: brightness(1.06);
	color: var(--wc-app-color-on-accent) !important;
}

.wc-app-screen--product .woocommerce div.product .stock {
	font-size: 0.88rem;
	font-weight: 600;
	color: var(--wc-app-pdp-muted);
	margin-bottom: 4px;
}

.wc-app-screen--product .woocommerce div.product .product_meta {
	font-size: 0.78rem;
	color: var(--wc-app-pdp-muted);
	padding-top: 18px;
	margin-top: 18px;
	border-top: 1px solid var(--wc-app-color-border-soft);
}

.wc-app-screen--product .woocommerce div.product .product_meta a {
	color: var(--wc-app-pdp-primary);
	font-weight: 600;
	text-decoration: none;
}

/* Tabs */
.wc-app-screen--product .woocommerce div.product .woocommerce-tabs,
.wc-app-screen--product .woocommerce div.product .wc-tabs-wrapper {
	margin-top: 10px;
	float: none !important;
	width: 100% !important;
	padding-left: 0;
	padding-right: 0;
	box-sizing: border-box;
}

.wc-app-screen--product .woocommerce div.product .woocommerce-tabs ul.tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 12px !important;
	padding: 0 !important;
	list-style: none !important;
	border-bottom: none !important;
}

.wc-app-screen--product .woocommerce div.product .woocommerce-tabs ul.tabs::before {
	display: none !important;
}

.wc-app-screen--product .woocommerce div.product .woocommerce-tabs ul.tabs li {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
}

.wc-app-screen--product .woocommerce div.product .woocommerce-tabs ul.tabs li a {
	display: block;
	padding: 10px var(--wc-app-space-card-sm);
	border-radius: var(--wc-app-radius-pill);
	font-size: 0.82rem;
	font-weight: 600;
	background: var(--wc-app-pdp-well);
	color: var(--wc-app-color-text-tertiary) !important;
	text-decoration: none !important;
	border: 1px solid transparent;
}

.wc-app-screen--product .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	background: var(--wc-app-color-accent-soft-bg);
	color: var(--wc-app-pdp-primary) !important;
	border-color: transparent;
}

.wc-app-screen--product .woocommerce div.product .woocommerce-Tabs-panel {
	font-size: 0.9rem;
	line-height: 1.55;
	padding: var(--wc-app-space-tight) 0;
	margin: 0 !important;
	border: none !important;
}

.wc-app-screen--product .woocommerce div.product .woocommerce-Tabs-panel h2 {
	font-size: 1rem;
	margin: 0 0 10px;
	color: var(--wc-app-pdp-title);
}

/* Reviews tab — mobile review form (#review_form / #respond / stars / textarea / submit) */
.wc-app-screen--product #reviews {
	margin-top: 8px;
	padding-bottom: 8px;
}

.wc-app-screen--product #reviews #comments {
	margin-bottom: 20px;
}

.wc-app-screen--product #reviews #review_form {
	margin-top: 8px;
}

.wc-app-screen--product #reviews #review_form #respond.comment-respond {
	margin: 0;
	padding: 18px var(--wc-app-space-card) 20px;
	background: var(--wc-app-pdp-well);
	border-radius: var(--wc-app-space-card);
	border: 1px solid var(--wc-app-color-border);
	box-sizing: border-box;
}

.wc-app-screen--product #reviews #respond .comment-reply-title {
	display: block;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.35;
	color: var(--wc-app-pdp-title);
	margin: 0 0 16px;
	padding: 0;
}

.wc-app-screen--product #reviews #respond .comment-reply-title small {
	display: block;
	margin-top: 8px;
	font-size: 0.82rem;
	font-weight: 600;
}

.wc-app-screen--product #reviews #respond .comment-reply-title small a {
	color: var(--wc-app-pdp-primary);
	text-decoration: none;
}

.wc-app-screen--product #reviews #commentform.comment-form {
	display: flex;
	flex-direction: column;
	gap: 18px;
	margin: 0;
	padding: 0;
}

.wc-app-screen--product #reviews #commentform .comment-form-rating {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.wc-app-screen--product #reviews #commentform .comment-form-rating label {
	font-size: 0.88rem;
	font-weight: 600;
	color: var(--wc-app-pdp-title);
	line-height: 1.3;
}

.wc-app-screen--product #reviews #commentform .comment-form-rating label .required {
	color: var(--wc-app-color-danger);
}

.wc-app-screen--product #reviews #commentform p.stars,
.wc-app-screen--product #reviews #respond p.stars {
	margin: 0 !important;
	line-height: 1;
}

.wc-app-screen--product #reviews #commentform p.stars > span,
.wc-app-screen--product #reviews #respond p.stars > span {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
}

/* Tap targets + hide link text; star drawn in ::before (Font Awesome 5 Free — enqueued in plugin) */
.wc-app-screen--product #reviews #commentform p.stars a,
.wc-app-screen--product #reviews #respond p.stars a {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px !important;
	height: 48px !important;
	min-width: 48px !important;
	min-height: 48px !important;
	margin: 0;
	padding: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
	text-indent: -9999px !important;
	overflow: visible;
	box-shadow: none !important;
	text-decoration: none !important;
	vertical-align: middle;
}

.wc-app-screen--product #reviews #commentform p.stars a::before,
.wc-app-screen--product #reviews #respond p.stars a::before {
	display: block !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	width: 1em !important;
	height: 1em !important;
	margin: 0 !important;
	font-size: 28px !important;
	line-height: 1 !important;
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 400 !important;
	font-style: normal !important;
	text-indent: 0 !important;
	transform: translate(-50%, -50%);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f005";
	color: var(--wc-app-color-star-empty);
}

/* Hover: solid star preview (same glyph, weight 900) */
.wc-app-screen--product #reviews #commentform p.stars:not(.selected):hover a::before,
.wc-app-screen--product #reviews #respond p.stars:not(.selected):hover a::before {
	font-weight: 900 !important;
	color: var(--wc-app-color-accent-ghost) !important;
}

/* After select: empty stars to the right of rating */
.wc-app-screen--product #reviews #commentform p.stars.selected a.active ~ a::before,
.wc-app-screen--product #reviews #respond p.stars.selected a.active ~ a::before {
	font-weight: 400 !important;
	color: var(--wc-app-color-star-empty) !important;
}

/* Filled: active star + all stars left of it (WooCommerce toggles .active on chosen a only; siblings use :has) */
.wc-app-screen--product #reviews #commentform p.stars.selected a.active::before,
.wc-app-screen--product #reviews #commentform p.stars.selected a:has(~ a.active)::before,
.wc-app-screen--product #reviews #respond p.stars.selected a.active::before,
.wc-app-screen--product #reviews #respond p.stars.selected a:has(~ a.active)::before {
	font-weight: 900 !important;
	color: var(--wc-app-pdp-primary) !important;
}

.wc-app-screen--product #reviews #commentform .comment-form-comment {
	margin: 0;
	float: none !important;
	width: 100% !important;
}

.wc-app-screen--product #reviews #commentform .comment-form-comment label {
	display: block;
	font-size: 0.88rem;
	font-weight: 600;
	color: var(--wc-app-pdp-title);
	margin-bottom: 8px;
}

.wc-app-screen--product #reviews #commentform .comment-form-comment textarea,
.wc-app-screen--product #reviews #commentform textarea#comment {
	width: 100% !important;
	max-width: 100% !important;
	min-height: 140px;
	padding: var(--wc-app-space-card-sm) var(--wc-app-space-card) !important;
	font-size: 16px !important;
	line-height: 1.5;
	border-radius: var(--wc-app-radius-control) !important;
	border: 1px solid var(--wc-app-color-border-input) !important;
	background: var(--wc-app-color-surface);
	box-sizing: border-box;
	resize: vertical;
	-webkit-appearance: none;
	appearance: none;
}

.wc-app-screen--product #reviews #commentform .comment-form-comment textarea:focus,
.wc-app-screen--product #reviews #commentform textarea#comment:focus {
	outline: none;
	border-color: var(--wc-app-pdp-primary) !important;
	box-shadow: 0 0 0 3px var(--wc-app-color-accent-focus-ring);
}

.wc-app-screen--product #reviews #commentform .comment-form-author,
.wc-app-screen--product #reviews #commentform .comment-form-email,
.wc-app-screen--product #reviews #commentform .comment-form-url {
	margin: 0 !important;
	float: none !important;
	width: 100% !important;
}

.wc-app-screen--product #reviews #commentform .comment-form-author label,
.wc-app-screen--product #reviews #commentform .comment-form-email label,
.wc-app-screen--product #reviews #commentform .comment-form-url label {
	display: block;
	font-size: 0.88rem;
	font-weight: 600;
	margin-bottom: 8px;
	color: var(--wc-app-pdp-title);
}

.wc-app-screen--product #reviews #commentform .comment-form-author input,
.wc-app-screen--product #reviews #commentform .comment-form-email input,
.wc-app-screen--product #reviews #commentform .comment-form-url input {
	width: 100% !important;
	padding: var(--wc-app-space-card-sm) var(--wc-app-space-card) !important;
	font-size: 16px !important;
	border-radius: var(--wc-app-radius-control) !important;
	border: 1px solid var(--wc-app-color-border-input) !important;
	box-sizing: border-box;
}

.wc-app-screen--product #reviews #commentform .form-submit {
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
}

.wc-app-screen--product #reviews #commentform .form-submit #submit,
.wc-app-screen--product #reviews #commentform input#submit.submit {
	width: 100% !important;
	padding: var(--wc-app-space-card) var(--wc-app-space-btn-x) !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	border-radius: var(--wc-app-radius-pill) !important;
	border: none !important;
	background: var(--wc-app-pdp-primary) !important;
	color: var(--wc-app-color-on-accent) !important;
	box-shadow: var(--wc-app-shadow-accent-cta-sm);
	cursor: pointer;
	text-transform: none;
	-webkit-appearance: none;
	appearance: none;
}

.wc-app-screen--product #reviews #commentform .form-submit #submit:hover,
.wc-app-screen--product #reviews #commentform .form-submit #submit:focus,
.wc-app-screen--product #reviews #commentform input#submit.submit:hover,
.wc-app-screen--product #reviews #commentform input#submit.submit:focus {
	filter: brightness(1.05);
	color: var(--wc-app-color-on-accent) !important;
}

/* Review list — readable cards when reviews exist */
.wc-app-screen--product #reviews #comments ol.commentlist {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}

.wc-app-screen--product #reviews #comments ol.commentlist li.review,
.wc-app-screen--product #reviews #comments ol.commentlist li.comment {
	margin: 0 0 14px;
	padding: var(--wc-app-space-card-sm) var(--wc-app-space-card);
	background: var(--wc-app-color-surface);
	border: 1px solid var(--wc-app-color-border);
	border-radius: var(--wc-app-radius-control);
	list-style: none;
}

.wc-app-screen--product #reviews #comments .comment-text {
	margin: 0;
}

.wc-app-screen--product #reviews #comments .meta {
	font-size: 0.8rem;
	color: var(--wc-app-pdp-muted);
	margin-bottom: 8px;
}

/* Related / upsells — section chrome + horizontal rail; card look follows shop grid body classes (app-shell.css). */
.wc-app--route-product .wc-app-screen--product .woocommerce .related.products,
.wc-app--route-product .wc-app-screen--product .woocommerce .upsells.products {
	margin-top: 22px;
	margin-left: calc(-1 * var(--wc-app-space-gutter-x));
	margin-right: calc(-1 * var(--wc-app-space-gutter-x));
	padding: var(--wc-app-space-section-y) 0 var(--wc-app-space-card);
	border-top: 1px solid var(--wc-app-color-border);
	box-sizing: border-box;
}

.wc-app--route-product .wc-app-screen--product .woocommerce .related.products > h2,
.wc-app--route-product .wc-app-screen--product .woocommerce .upsells.products > h2 {
	font-size: 1.08rem;
	font-weight: 700;
	color: var(--wc-app-color-title);
	margin: 0 0 var(--wc-app-space-gutter-x);
	padding: 0 var(--wc-app-space-gutter-x);
}

body.wc-app--route-product .wc-app-wc.wc-app-screen--product .woocommerce .related.products ul.products,
body.wc-app--route-product .wc-app-wc.wc-app-screen--product .woocommerce .upsells.products ul.products {
	display: flex !important;
	flex-direction: row;
	flex-wrap: nowrap !important;
	align-items: stretch;
	grid-template-columns: unset !important;
	gap: 12px;
	margin: 0 !important;
	padding: 2px var(--wc-app-space-gutter-x) 12px !important;
	list-style: none !important;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x proximity;
	scroll-padding-inline: var(--wc-app-space-gutter-x);
	scrollbar-width: none;
	-ms-overflow-style: none;
	overscroll-behavior-x: contain;
	box-sizing: border-box;
}

body.wc-app--route-product .wc-app-wc.wc-app-screen--product .woocommerce .related.products ul.products::-webkit-scrollbar,
body.wc-app--route-product .wc-app-wc.wc-app-screen--product .woocommerce .upsells.products ul.products::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}

body.wc-app--route-product .wc-app-wc.wc-app-screen--product .woocommerce .related.products ul.products::before,
body.wc-app--route-product .wc-app-wc.wc-app-screen--product .woocommerce .related.products ul.products::after,
body.wc-app--route-product .wc-app-wc.wc-app-screen--product .woocommerce .upsells.products ul.products::before,
body.wc-app--route-product .wc-app-wc.wc-app-screen--product .woocommerce .upsells.products ul.products::after {
	display: none !important;
	content: none !important;
}

/* Rail tiles: width/scroll only — title, price, image, ::after, colors come from wc-app-use-shop-product-grid rules in app-shell.css (e.g. tile C overlay). */
body.wc-app--route-product .wc-app-wc.wc-app-screen--product .woocommerce .related.products ul.products li.product,
body.wc-app--route-product .wc-app-wc.wc-app-screen--product .woocommerce .upsells.products ul.products li.product {
	flex: 0 0 min(46vw, 160px) !important;
	width: min(46vw, 160px) !important;
	max-width: min(46vw, 160px) !important;
	min-width: 0;
	margin: 0 !important;
	float: none !important;
	scroll-snap-align: start;
	scroll-snap-stop: normal;
}

/* --------------------------------------------------------------------------
   PDP layout 2 — “Showcase card” (soft gallery field + overlapping white sheet)
   Trigger: body.wc-app-pdp-layout--2 on /app/product/* routes.
   -------------------------------------------------------------------------- */

/*
 * Pull main up so the hero gallery sits behind the top bar (edge-to-edge under chrome).
 * --wc-app-pdp2-topbar-stack ≈ top bar padding (incl. safe area) + inner row + bottom padding.
 */
body.wc-app--route-product.wc-app-pdp-layout--2 {
	--wc-app-pdp2-topbar-stack: calc(60px + max(10px, env(safe-area-inset-top)));
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-topbar {
	position: relative;
	z-index: 160;
	transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-topbar.wc-app-topbar--summary-touch {
	background: color-mix(in srgb, var(--wc-app-pdp-primary) 12%, #ffffff);
	box-shadow: 0 1px 0 rgba(15, 23, 42, 0.08), 0 10px 24px rgba(15, 23, 42, 0.12);
}

/* Flush hero to top of scroll area; overlap equals header height so images meet the screen top. */
body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-main {
	margin-top: calc(-1 * var(--wc-app-pdp2-topbar-stack));
	padding-top: 0;
	scrollbar-width: thin;
	scrollbar-color: color-mix(in srgb, var(--wc-app-pdp-primary) 72%, white) color-mix(in srgb, var(--wc-app-pdp-primary) 12%, transparent);
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-main::-webkit-scrollbar {
	width: 6px;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-main::-webkit-scrollbar-track {
	background: color-mix(in srgb, var(--wc-app-pdp-primary) 12%, transparent);
	border-radius: 999px;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-main::-webkit-scrollbar-thumb {
	background: color-mix(in srgb, var(--wc-app-pdp-primary) 72%, white);
	border-radius: 999px;
}

body.wc-app-shell-header-sticky.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-device {
	scrollbar-width: thin;
	scrollbar-color: color-mix(in srgb, var(--wc-app-pdp-primary) 72%, white) color-mix(in srgb, var(--wc-app-pdp-primary) 12%, transparent);
}

body.wc-app-shell-header-sticky.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-device::-webkit-scrollbar {
	width: 6px;
}

body.wc-app-shell-header-sticky.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-device::-webkit-scrollbar-track {
	background: color-mix(in srgb, var(--wc-app-pdp-primary) 12%, transparent);
	border-radius: 999px;
}

body.wc-app-shell-header-sticky.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-device::-webkit-scrollbar-thumb {
	background: color-mix(in srgb, var(--wc-app-pdp-primary) 72%, white);
	border-radius: 999px;
}

/* Sale ribbon: clear the overlapping header */
body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product span.onsale,
body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product div.images span.onsale {
	top: calc(var(--wc-app-pdp2-topbar-stack) + 10px);
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product.wc-app-product-page {
	background: #eef1f5;
	border-radius: 0;
	margin-left: calc(-1 * var(--wc-app-space-gutter-x));
	margin-right: calc(-1 * var(--wc-app-space-gutter-x));
	padding-left: var(--wc-app-space-gutter-x);
	padding-right: var(--wc-app-space-gutter-x);
	padding-top: 0;
	padding-bottom: 8px;
	box-sizing: border-box;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce-notices-wrapper {
	position: absolute;
	top: calc(var(--wc-app-pdp2-topbar-stack) + 8px);
	left: 0;
	right: 0;
	z-index: 170;
	width: 100%;
	max-width: 430px;
	margin: 0 auto 12px;
    padding: 0 23px 0 10px;
	box-sizing: border-box;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce-notices-wrapper:not(:has(.woocommerce-message, .woocommerce-info, .woocommerce-error, ul.woocommerce-error, .woocommerce-notice)) {
	padding: 0;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product {
	background: transparent;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product .woocommerce-product-gallery {
	display: flex !important;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
	flex: 0 0 auto;
	width: 100%;
	min-height: min(62vh, 520px);
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	align-items: flex-start;
	position: relative;
	z-index: 1;
	scrollbar-width: thin;
	scrollbar-color: color-mix(in srgb, var(--wc-app-pdp-primary) 72%, white) color-mix(in srgb, var(--wc-app-pdp-primary) 12%, transparent);
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper::-webkit-scrollbar {
	height: 6px;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper::-webkit-scrollbar-track {
	background: color-mix(in srgb, var(--wc-app-pdp-primary) 12%, transparent);
	border-radius: 999px;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper::-webkit-scrollbar-thumb {
	background: color-mix(in srgb, var(--wc-app-pdp-primary) 72%, white);
	border-radius: 999px;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image {
	align-self: flex-start;
	padding-left: 0;
	padding-right: 0;
	border-radius: 0 0 20px 20px;
	/* Top-side lift for hero image (shadow on slide; <a> overflow:hidden would clip shadows on img) */
	box-shadow: 0 -14px 36px rgba(15, 23, 42, 0.14);
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image > a {
	position: relative;
	display: block;
	border-radius: 0 0 20px 20px;
	overflow: hidden;
	min-height: min(62vh, 520px);
	box-sizing: border-box;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image img {
	position: absolute;
	inset: 0;
	width: 100% !important;
	max-width: none !important;
	height: 100% !important;
	max-height: none !important;
	object-fit: cover !important;
	object-position: center;
	border-radius: 0 !important;
	margin: 0 !important;
}

/* Thumbs row only exists for 2+ images (see wc-app-pdp-gallery--scroll-ready in app-product.js). */
body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce-product-gallery.wc-app-pdp-gallery--scroll-ready .wc-app-pdp-gallery-thumbs {
	flex: 0 0 auto;
	width: 100%;
	margin-top: -140px;
	margin-bottom: 0;
	padding: 10px var(--wc-app-space-gutter-x) 8px;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
	clear: both;
	scrollbar-width: thin;
	scrollbar-color: color-mix(in srgb, var(--wc-app-pdp-primary) 72%, white) color-mix(in srgb, var(--wc-app-pdp-primary) 12%, transparent);
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce-product-gallery.wc-app-pdp-gallery--scroll-ready .wc-app-pdp-gallery-thumbs::-webkit-scrollbar {
	height: 6px;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce-product-gallery.wc-app-pdp-gallery--scroll-ready .wc-app-pdp-gallery-thumbs::-webkit-scrollbar-track {
	background: color-mix(in srgb, var(--wc-app-pdp-primary) 12%, transparent);
	border-radius: 999px;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce-product-gallery.wc-app-pdp-gallery--scroll-ready .wc-app-pdp-gallery-thumbs::-webkit-scrollbar-thumb {
	background: color-mix(in srgb, var(--wc-app-pdp-primary) 72%, white);
	border-radius: 999px;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product .summary {
	float: none !important;
	width: auto !important;
	margin: -28px 0 0 !important;
	padding: 26px var(--wc-app-space-card) calc(22px + env(safe-area-inset-bottom)) !important;
	position: relative;
	z-index: 3;
	background: #fff !important;
	border-radius: 24px 24px 0 0 !important;
	box-shadow:
		0 -10px 36px rgba(15, 23, 42, 0.12),
		0 -2px 8px rgba(15, 23, 42, 0.06);
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product .woocommerce-product-gallery.wc-app-pdp-gallery--scroll-ready ~ .summary {
	margin: 5px 0 0 !important;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product .summary .product_title {
	font-size: 1.28rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	margin: 0 0 10px;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product .summary .woocommerce-product-rating {
	margin: 0 0 12px;
	font-size: 0.8rem;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product .summary .price {
	font-size: 1.45rem !important;
	margin: 0 0 12px !important;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product .woocommerce-product-details__short-description {
	font-size: 0.88rem;
	line-height: 1.55;
	color: var(--wc-app-pdp-muted);
	margin-bottom: 16px;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product form.cart {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 16px;
	margin-top: 4px;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product form.cart .variations_form,
body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product form.cart table.variations {
	flex: 1 1 100%;
	width: 100%;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product form.cart .quantity {
	margin-left: auto !important;
	border: none;
	border-radius: 999px;
	background: var(--wc-app-pdp-well);
	box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.06);
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product form.cart .quantity .qty {
	width: 44px !important;
	padding: 10px 4px !important;
	font-weight: 700;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product form.cart .single_add_to_cart_button,
body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product form.cart .button.alt {
	flex: 1 1 100%;
	order: 99;
	width: 100% !important;
	margin-top: 4px !important;
	margin-bottom: 0 !important;
	padding: 16px var(--wc-app-space-btn-x) !important;
	border-radius: 14px !important;
	background: var(--wc-app-pdp-primary) !important;
	color: var(--wc-app-color-on-accent) !important;
	box-shadow: var(--wc-app-shadow-accent-cta-sm);
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product form.cart .single_add_to_cart_button:hover,
body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product form.cart .single_add_to_cart_button:focus,
body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product form.cart .button.alt:hover,
body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product form.cart .button.alt:focus {
	filter: brightness(1.08);
	color: var(--wc-app-color-on-accent) !important;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product .woocommerce-tabs,
body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product .wc-tabs-wrapper {
	float: none !important;
	width: auto !important;
	clear: both;
	margin: 0 !important;
	padding: 12px var(--wc-app-space-gutter-x) calc(16px + env(safe-area-inset-bottom));
	background: var(--wc-app-pdp-surface);
	border-top: 1px solid color-mix(in srgb, var(--wc-app-pdp-primary) 10%, transparent);
	border-radius: 0 0 24px 24px;
	box-shadow: none;
}

/* Summary + tabs read as one white sheet (tabs sit below overlapping card). */
body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product .summary .product_meta {
	margin-top: 20px;
	padding-top: 18px;
	border-top-color: rgba(15, 23, 42, 0.08);
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product .summary .stock {
	margin: 0 0 12px;
	font-size: 0.84rem;
	font-weight: 600;
}

/* Tab strip — scrollable pill row on narrow viewports. */
body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product .woocommerce-tabs ul.tabs,
body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product .wc-tabs-wrapper ul.tabs {
	display: flex;
	flex-wrap: nowrap;
	gap: 10px;
	margin: 0 0 16px !important;
	padding: 4px 2px 12px !important;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x proximity;
	scrollbar-width: thin;
	scrollbar-color: color-mix(in srgb, var(--wc-app-pdp-primary) 72%, white) color-mix(in srgb, var(--wc-app-pdp-primary) 12%, transparent);
	-ms-overflow-style: none;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product .woocommerce-tabs ul.tabs::-webkit-scrollbar,
body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product .wc-tabs-wrapper ul.tabs::-webkit-scrollbar {
	display: block;
	height: 6px;
	width: auto;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product .woocommerce-tabs ul.tabs::-webkit-scrollbar-track,
body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product .wc-tabs-wrapper ul.tabs::-webkit-scrollbar-track {
	background: color-mix(in srgb, var(--wc-app-pdp-primary) 12%, transparent);
	border-radius: 999px;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product .woocommerce-tabs ul.tabs::-webkit-scrollbar-thumb,
body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product .wc-tabs-wrapper ul.tabs::-webkit-scrollbar-thumb {
	background: color-mix(in srgb, var(--wc-app-pdp-primary) 72%, white);
	border-radius: 999px;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product ul.tabs li {
	flex: 0 0 auto;
	scroll-snap-align: start;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product ul.tabs li a {
	padding: 10px 16px !important;
	font-size: 0.8rem !important;
	font-weight: 600 !important;
	background: color-mix(in srgb, var(--wc-app-pdp-primary) 10%, white) !important;
	color: var(--wc-app-pdp-muted) !important;
	border: 1px solid color-mix(in srgb, var(--wc-app-pdp-primary) 14%, transparent) !important;
	box-shadow: none !important;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product ul.tabs li.active a {
	background: var(--wc-app-pdp-primary) !important;
	color: var(--wc-app-color-on-accent) !important;
	border-color: var(--wc-app-pdp-primary) !important;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product .woocommerce-Tabs-panel {
	padding: 4px 0 12px !important;
	font-size: 0.9rem;
	line-height: 1.6;
	color: var(--wc-app-color-text-secondary, #4b5563);
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product .woocommerce-Tabs-panel h2 {
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: -0.01em;
	margin: 0 0 12px;
	color: var(--wc-app-pdp-title, #111827);
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product .woocommerce-Tabs-panel > *:last-child {
	margin-bottom: 0;
}

/* Reviews tab: keep form readable on white continuation. */
body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product .woocommerce-Reviews-title {
	font-size: 1rem;
	margin: 0 0 12px;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product .woocommerce-noreviews {
	margin: 0 0 16px;
	font-size: 0.88rem;
	color: var(--wc-app-pdp-muted);
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product #reviews #respond.comment-respond {
	background: #f6f7f9;
	border-color: rgba(15, 23, 42, 0.1);
	border-radius: 16px;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product #reviews #commentform textarea {
	border-radius: 12px;
	border: 1px solid rgba(15, 23, 42, 0.12);
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce div.product #reviews #commentform .form-submit .submit {
	border-radius: 12px;
	padding: 12px 20px;
	font-weight: 600;
	background: #111 !important;
	color: #fff !important;
	border: none !important;
}

body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce > .related.products,
body.wc-app--route-product.wc-app-pdp-layout--2 .wc-app-screen--product .woocommerce > .upsells.products {
	background: #fff;
	margin-top: 0 !important;
	padding-top: 20px;
	border-top: 1px solid var(--wc-app-color-border-soft);
}